/* KISSY CSS Reset */ /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ th, td { /* table elements 表格元素 */ margin: 0; padding: 0; font-size: 14px; } /* 设置默认字体 */ body, button, input, select, textarea { /* for ie */ /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/ font: 14px/1 "微软雅黑", Arial, Tahoma, Helvetica, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示,使得在任何编码下都无问题 */ } h1 { font-size: 18px; /* 18px / 12px = 1.5 */ } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */ img { max-width: 100%; } /* 重置列表元素 */ ul, ol { list-style: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; } /* 重置文本格式元素 */ a { text-decoration: none; color: #333; } a:hover { text-decoration: none; color: #11cd6e; } /* 重置表单元素 */ input, select, textarea, button { outline: medium; } legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img 搭车:让链接里的 img 无边框 */ input { vertical-align: middle; border: none; background: none; outline: none; } /* 注:optgroup 无法扶正 */ button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ } /* 重置表格元素 */ table { border-collapse: collapse; border-spacing: 0; } /* 重置 hr */ hr { border: none; height: 1px; } /* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */ html { overflow-y: scroll; min-width: 320px; } /*设置左右浮动*/ .fl { float: left; } .fr { float: right; } /*清楚浮动*/ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { *zoom:1; } .mt20 { margin-top: 20px; } .nav-box { height: 110px; } .nav-box .logo img { height: 110px; display: inline-block; margin-right: 10px; } .nav-box .logo { line-height: 110px; color: #11cd6e; font-size: 22px; height: 110px; overflow: hidden; } .nav-ico { display: block; } .nav-ico img { height: 40px; display: block; margin-top: 5px; } .top-box { box-shadow: 0 3px 5px rgba(0,0,0,0.1); height: 110px; clear: both; overflow: hidden; width: 100%; } .nav-box nav { display: none; } .nav-list li { float: left; height: 110px; line-height: 110px; color: #fff; font-size: 16px; } .nav-list li a { color: #333; padding: 0 11px; display: block; height: 110px; line-height: 110px; } .nav-list li.dq a, .nav-list li a:hover { color: #965b02; } .xs-nav { height: 100%; background: #333; position: fixed; right: -200px; top: 0; width: 200px; overflow: hidden; text-align:center; display: none; } .xs-nav ul { padding: 15px 0; } .xs-nav a { display: block; border-top: 1px #000 solid; border-bottom: 1px #555 solid; height: 40px; line-height: 40px; padding-left: 5px; color: #fff; padding: 0 25px; font-size: 15px; } .xs-nav a:active { background: #333; color: #11CD6E; } #ban .swiper-pagination-bullet { background: #fff; opacity: 0.5; } #ban .swiper-pagination-bullet-active { background: #11CD6E; opacity: 1 } #ban .swiper-pagination-bullet { width: 12px; height: 12px; } #ban .swiper-slide { text-align: center; } /***************首页主体一************/ .content_a_w{ clear: both; overflow: hidden; margin:0 auto; width: 100%; background:url(../images/bj_01.jpg) 0 0 no-repeat; } .content_a{ margin:0 auto; width: 100%; padding:40px 0 20px; } .bt_a{ margin:0 auto; width: 300px; text-align: center; } .bt_a_zw{ font-size: 30px; line-height: 40px; padding-bottom: 4px; color: #965b02; } .bt_a_en{ padding-bottom: 14px; border-bottom: 4px #e6e6e6 solid; color: #666; } .bt_a_jj{ font-size: 14px; line-height: 30px; padding-top: 4px; color: #666; } /*********首页主体一 产品************/ .nr_a{ clear: both; margin: 25px auto 0px; overflow:hidden; width: 1180px; } .pro_sy_a{ display: flex; width: 100%; clear: both; overflow:hidden; flex-wrap: wrap; justify-content: space-between; } .pro_sy_a li { width: 371px; height: 280px; display: block; padding:15px 15px; } .pro_sy_a li .box_li{ box-shadow: #ccc 0px 0px 11px 5px; } .pro_sy_a li .pro_sy_a_pic a{ width: 341px; overflow: hidden; /* height: 191px;*/ display: block; } .pro_sy_a li .pro_sy_a_pic img { width: 100%; height: 100%; } .pro_sy_a li .pro_sy_a_name { font-size: 18px; color: #333; height:60px; padding: 0 5px; line-height:60px; border-bottom: 2px solid #107d43; background-color: #f5f5f5; } /******hover 效果 图片放大*******/ .pro_sy_a li .pro_sy_a_pic a img{ transition: all 0.4s linear; } .pro_sy_a li .pro_sy_a_pic a:hover img{ transform: scale(1.2); } /***************首页主体二************/ .content_b_w{ clear: both; overflow: hidden; margin:20px auto 0; width: 100%; background:url(../images/bj_02.jpg) bottom center no-repeat; } .content_b{ margin:0 auto; width: 100%; padding:0px 0 0; } /*********首页主体二 资质************/ .nr_a{ clear: both; margin: 25px auto 0px; overflow:hidden; width: 1180px; } .honor_sy_a{ display: flex; width: 100%; clear: both; overflow:hidden; flex-wrap: wrap; justify-content: space-between; } .honor_sy_a li { width: 366px; height: 245px; display: block; overflow: hidden; position: relative; z-index: 1; margin-bottom: 40px; } .honor_sy_a li .honor_sy_a_pic img { width: 366px; height: 245px; } .honor_sy_a li .honor_sy_a_name{ width: 366px; height: 245px; position: absolute; z-index: 10; top: 245px; left:0; background: rgba(0,0,0,0.8); text-align: center; } .honor_sy_a li .honor_sy_a_name .honor_sy_a_name_bt{ color: #fff; margin-top: 100px; font-size: 24px; } .honor_sy_a li .honor_sy_a_name .honor_sy_a_name_more{ font-size:26px; width: 40px; height: 40px; line-height:34px; border:1px solid #fff; border-radius: 50% 50%; margin:25px auto; color: #fff; font-family: "futura-pt"; } /*********hover效果*********/ .honor_sy_a li a .honor_sy_a_name{ transition: top 0.4s linear; width: 366px; height: 245px; position: absolute; z-index: 10; top: 245px; left:0; background: rgba(0,0,0,0.8); text-align: center; } .honor_sy_a li a:hover .honor_sy_a_name{ top:0; } /***************首页主体三************/ .content_c_w{ clear: both; overflow: hidden; margin:0px auto 0; width: 100%; background:url(../images/bj_03.jpg) top center no-repeat; } .content_c{ margin:0 auto; width: 100%; padding:30px 0 91px; } /*********首页主体三 工程案例************/ .nr_a{ clear: both; margin: 25px auto 0px; overflow:hidden; width: 1180px; } .case_sy_a{ display: flex; width: 100%; clear: both; overflow:hidden; flex-wrap: wrap; justify-content: space-between; } .case_sy_a li { width: 178px; height: 533px; display: block; overflow: hidden; position: relative; z-index: 1; } .case_sy_a li .honor_sy_a_pic img { width: 100%; height: 100%; } .case_sy_a li .case_sy_a_name .honor_sy_a_name_bt{ color: #fff; margin-top: 210px; font-size: 24px; } .case_sy_a li .case_sy_a_name .honor_sy_a_name_more{ font-size:26px; width: 40px; height: 40px; line-height:34px; border:1px solid #fff; border-radius: 50% 50%; margin:25px auto; color: #fff; font-family: "futura-pt"; } /*********hover效果*********/ .case_sy_a li .case_sy_a_name{ transition: top 0.4s linear; width: 100%; height: 100%; position: absolute; z-index: 10; top: 533px; left:0; background: rgba(0,0,0,0.8); text-align: center; } .case_sy_a li a:hover .case_sy_a_name{ top:0; } /***************首页主体四************/ .content_d_w{ clear: both; overflow: hidden; margin:0px auto 0; width: 100%; background:url(../images/bj_04.jpg) center -38px no-repeat; } .content_d{ margin:0 auto; width: 100%; padding:61px 0; } .bt_a_en01{ border-bottom: 4px #ccc solid; } /***************主体四 关于我们*********/ .about_sy_left{ float: left; width: 470px; } .about_sy_left img{ width: 100%; height: 100%; } .about_sy_right{ float: right; width: 670px; } .about_sy_right_nr{ font-size: 14px; line-height: 30px; color: #333; } .about_sy_right_more{ margin-top: 20px; } .about_sy_right_more a{ display: block; width:140px; height: 45px; text-align: right; padding-right: 25px; line-height: 45px; color: #333; font-size: 14px; color: #fff; float: left; margin-right: 25px; background-color: #a29d9d; } .about_sy_right_more a:hover{ background-color: #965b02; } .about_01{ background: url(../images/about_01.png) 25px center no-repeat; } .about_02{ background: url(../images/about_02.png) 25px center no-repeat; } .about_03{ background: url(../images/about_03.png) 25px center no-repeat; } .about_04{ background: url(../images/about_04.png) 25px center no-repeat; } /***************首页主体五************/ .content_e_w{ clear: both; overflow: hidden; margin:0px auto 0; width: 100%; background:url(../images/bj_05.jpg) center 0px no-repeat; } .content_e{ margin:0 auto; width: 100%; padding:0px 0 50px; } .bt_a_en01{ border-bottom: 4px #ccc solid; } /***************主体五 新闻中心*********/ /******新闻左边****************/ .news_sy_left{ float: left; width: 552px; height: 365px; } .news_sy_left a{ width: 100%; height: 100%; display: block; overflow: hidden; position: relative; z-index: 11; } .news_sy_left a img{ width: 100%; height: 100%; transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .news_sy_left a:hover img{ transform: scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); } .news_sy_left a .news_pic_name{ position: absolute; bottom: 0px; left: 0px; height:50px; line-height:50px; color: #fff; font-size: 16px; letter-spacing:0.5px; width: 100%; padding-left: 15px; background: rgba(0,0,0,0.5); } /******新闻右边****************/ .news_sy_right{ float: right; width: 580px; } .news_nr{ background-color: #965b02; margin-bottom: 20px; padding:15px 15px; color: #fff; } .news_nr_bt a{ color: #fff; line-height: 33px; font-size: 14px; } .news_nr_bt a:hover{ color: #ffff00; } .news_nr_jj{ font-size: 12px; line-height: 22px; color: #f3f0ed; } /*****************底部版权所有*******************/ .foot_w{ background-color: #000000; margin:0 auto; width: 100%; clear: both; overflow: hidden; } .foot{ margin:0 auto; max-width: 1200px; padding:50px 0; } .foot_a_bt{ color: #fff; } .bt_a_en02{ border-bottom: 4px #666 solid; } /***************foot 01********/ .foot_nr01{ clear: both; max-width: 1180px; padding: 0 1%; overflow: hidden; margin: 55px auto 0; } .foot_01{ float: left; color: #fff; line-height: 24px; margin-right: 80px; } .foot_02{ width:310px; margin-right: 0; } .foot_03{ float: right; width: 420px; color: #fff; overflow: hidden; } .foot_01_bt{ font-size: 20px; line-height: 40px; margin-bottom: 10px; } .foot_01_nr{ line-height: 24px; } /*********版权信息**********/ .foot_w01{ line-height: 40px; border-top:1px solid #333; } .foot_w02{ text-align: center; color: #ccc; } .foot_w02 a{ color: #ccc; } .foot_w02 a:hover{ color: #fff; } /**********************/ /**************首页在线留言**************/ .bd_list input { border:1px solid #666; height:36px; line-height:18px; padding:5px 10px; width:100%; -moz-border-radius:2px; border-radius:2px; color: #dfdfdf; } .bd_list input:hover { border:1px solid #999; } .bd_list input:focus { outline:none; border:1px solid #965b02; } /*===包含required的表单===*/ /* 无效 */ input:required:invalid{ color: #dfdfdf; } /* 有效 */ input:required:valid{ color: #dfdfdf; } /****文本域***/ .bd_list textarea { border:1px solid #666; line-height:18px; /*padding:2px 5px;*/ padding:15px 10px; color:#666; font-size:14px; font-family:"微软雅黑"; width:100%; -moz-border-radius:2px; border-radius:2px; background: none; } .bd_list textarea:hover { border:1px solid #999; } .bd_list textarea:focus { outline:none; border:1px solid #965b02; } .bd_list{ margin-bottom:15px;} .bd_list11{margin:0px; width:120px; clear:both; overflow:hidden;} input#tijiao { width: 100%; height:40px; background-color:#965b02; padding: 0; border: 0; box-shadow: none; color:#fff; font-size:20px; font-family:"微软雅黑"; margin-top:-15px; margin-bottom:10px; transition: background-color 1.2s; -moz-transition: background-color 1.2s; /* Firefox 4 */ -webkit-transition: background-color 1.2s; /* Safari 和 Chrome */ -o-transition: background-color 1.2s; /* Opera */ } input#tijiao:hover { background-color:#035027; } .ny_wz{ line-height:40px; padding-bottom:10px; font-size:26px; border-bottom:1px dashed #dfdfdf; } .ny_nr{ margin-top:25px; min-height:350px; line-height:26px; clear:both; } .contact_left{ float:left; width:56%;} .contact_right{ float:right; width:40%;} /*************************联系我们结束***********/ /***********内页 关于我们**********/ .ny_a_w{ clear: both; overflow: hidden; margin:0 auto; width: 100%; background:url(../images/bj_01_a.jpg) 0 0 no-repeat; } .ny_a_n{ margin: 0 auto; width: 1180px; padding: 60px 0; clear: both; overflow: hidden; } .ny_a{ margin: 0 auto; width: 100%; clear: both; overflow: hidden; } .ny_nr{ margin: 0 auto; width: 100%; padding: 30px 0; clear: both; overflow: hidden; line-height:26px; font-size: 14px; min-height: 300px; } .ny_bt{ float: left; } .nav_kj{ float: right; } /*****内页导航左边******/ .ny_bt a{ color: #666; line-height: 30px; } .ny_bt a:hover{ color:#965b02; } .home{ padding-left: 30px; margin-right:5px; background: url(../images/home.png) left center no-repeat; } .bt_aa{ padding-left: 20px; background: url(../images/jb.png) left center no-repeat; } /******内页导航右边**********/ .nav_kj ul li{ float: left; } .nav_kj ul li a{ display: block; width: 110px; height: 30px; line-height: 30px; background-color: #666; margin-left: 20px; text-align: center; color: #fff; font-size: 14px; } .nav_kj ul li a:hover{ background-color: #965b02; } .nav_kj ul li a.nav_on{ background-color: #965b02; } /********************产品详情*************/ .pro_nr_bt{ font-size: 16px; line-height: 40px; font-weight: bold; text-align: center; } .pro_nr_time{ margin-top: 8px; line-height: 30px; border-top: 1px dashed #8fb9a3; border-bottom: 1px dashed #8fb9a3; text-align: center; font-size: 12px; color: #666; } .pro_nr_aa{ margin-top: 15px; } /****************新闻列表******************/ /**************************************/ @media (min-width: 960px) { /*****likun************/ .nav-ico { display: none !important; } .nav-box nav { display: block !important; } } @media (min-width:1200px) { .container { max-width: 1200px; width: 100%; padding: 0; } /*****likun************/ .nav-list li a { padding: 0 20px; } .nav-box .logo { height: 100px; } } @media screen and (max-width: 1200px) and (min-width: 960px) { .container { max-width: 1200px; width: 98%; padding: 0 1%; } h1 { margin: 0; -webkit-margin-before: 0em; -webkit-margin-after: 0em; } .nav-box { height: 90px; } .nav-box .logo { font-size: 28px; height: 90px; } .nav-box .logo img{ height:90px;} /*****likun************/ .nav-list li a { padding: 0 12px; } /*********首页主体内容一 **********/ .nr_a{ clear: both; margin: 25px auto 0px; overflow:hidden; max-width: 1160px; width: 98%; padding: 0 1%; } .pro_sy_a li { width: 300px; height: 250px; display: block; padding: 15px 15px; overflow: hidden; } .pro_sy_a li .pro_sy_a_pic a { width: 100%; overflow: hidden; display: block; } /***************首页主体二************/ .content_b_w{ background:url(../images/bj_02.jpg) bottom right no-repeat; } /*********首页主体二 资质************/ .nr_a{ clear: both; margin: 25px auto 0px; overflow:hidden; max-width: 1160px; width: 98%; padding: 0 1%; } .honor_sy_a{ display: flex; width: 100%; clear: both; overflow:hidden; flex-wrap: wrap; justify-content: space-between; } .honor_sy_a li { width: 290px; height: 194px; display: block; overflow: hidden; position: relative; z-index: 1; } .honor_sy_a li a .honor_sy_a_name{ width: 100%; height: 100%; } .honor_sy_a li .honor_sy_a_pic img{ width: 100%; height: 100%; } .honor_sy_a li .honor_sy_a_name .honor_sy_a_name_bt{ margin-top: 22%; } /***************主体四 关于我们*********/ .about_sy_left{ float: left; width: 40%; } .about_sy_left img{ width: 100%; height: 100%; } .about_sy_right{ float: right; width: 57%; } .about_sy_right_nr{ font-size: 13px; line-height: 22px; } .about_sy_right_more{ margin-top: 20px; } .about_sy_right_more a { width: 118px; height: 45px; padding-right: 15px; line-height: 45px; float: left; margin-right: 10px; } .about_01{ background: url(../images/about_01.png) 15px center no-repeat; } .about_02{ background: url(../images/about_02.png) 15px center no-repeat; } .about_03{ background: url(../images/about_03.png) 15px center no-repeat; } .about_04{ background: url(../images/about_04.png) 15px center no-repeat; } /***************主体五 新闻中心*********/ /******新闻左边****************/ .news_sy_left{ float: left; width: 43%; height: auto; } /******新闻右边****************/ .news_sy_right{ float: right; width: 55%; } .news_nr{ background-color: #965b02; margin-bottom: 2%; padding:2%; color: #fff; } .news_nr_bt a{ line-height: 24px; } .news_nr_jj{ line-height: 18px; } /***************foot 01********/ .foot,.foot_nr01{ clear: both; width: 96%; padding: 0 2%; overflow: hidden; margin: 55px auto 0; max-width: 1160px; overflow: hidden; } .foot_01{ float: left; width:30%; color: #fff; line-height: 24px; overflow: hidden; padding: 0 0 50px 0; } .foot_02{ float: left; width:60%; margin-right: 0; overflow: hidden; } .foot_03{ float: left; width:1px; color: #fff; overflow: hidden; display: none; clear: both; } /*************内页 关于我们*********/ .ny_a_n{ padding: 30px 1%; clear: both; width: 98%; overflow: hidden; } } @media screen and (min-width: 640px) and (max-width: 960px) { .container { max-width: 960px; width: 98%; padding: 0 1%; } .top-box { position: relative; height: 80px; } .nav-box { height: 80px; } .nav-box .logo { line-height: 80px; } .nav-box .logo img { height: 80px; display: inline-block; margin-right: 10px; } .nav-ico img { margin-top: 20px; } /***************首页主体一************/ .content_a_w{ background:url(../images/bj_01_a.jpg) 0 0 no-repeat; } /*********首页主体内容一 **********/ .bt_a_en{ border-bottom: 4px solid #8a6d3b; } .nr_a{ clear: both; margin: 25px auto 0px; overflow:hidden; max-width: 950px; width: 98%; padding: 0 1%; } .pro_sy_a li { width: 195px; height: 210px; display: block; padding: 15px 15px; overflow: hidden; } .pro_sy_a li .pro_sy_a_pic a { width: 100%; overflow: hidden; display: block; } /***************首页主体二************/ .content_b_w{ background:url(../images/bj_02.jpg) bottom right no-repeat; } /*********首页主体二 资质************/ .nr_a{ clear: both; margin: 25px auto 0px; overflow:hidden; max-width: 960px; width: 98%; padding: 0 1%; } .honor_sy_a{ display: flex; width: 100%; clear: both; overflow:hidden; flex-wrap: wrap; justify-content: space-between; } .honor_sy_a li { width: 195px; height: 131px; display: block; overflow: hidden; position: relative; z-index: 1; } .honor_sy_a li a .honor_sy_a_name{ width: 100%; height: 100%; } .honor_sy_a li .honor_sy_a_pic img{ width: 100%; height: 100%; } .honor_sy_a li .honor_sy_a_name .honor_sy_a_name_bt{ margin-top: 22%; font-size: 18px; } .honor_sy_a li .honor_sy_a_name .honor_sy_a_name_more { font-size: 18px; width: 30px; height: 30px; line-height: 24px; border: 1px solid #fff; border-radius: 50% 50%; margin: 15px auto; color: #fff; font-family: "futura-pt"; } /*********首页主体三 工程案例************/ .nr_a{ clear: both; margin: 25px auto 0px; overflow:hidden; max-width: 1160px; width: 98%; padding: 0 1%; } .case_sy_a{ display: flex; width: 100%; clear: both; overflow:hidden; flex-wrap: wrap; justify-content: space-between; } .case_sy_a li { width: 116px; height: 347px; display: block; overflow: hidden; position: relative; z-index: 1; } .case_sy_a li .case_sy_a_name .honor_sy_a_name_bt{ color: #fff; margin-top: 130px; font-size: 22px; } .case_sy_a li .case_sy_a_name .honor_sy_a_name_more{ font-size:24px; width: 40px; height: 40px; line-height:34px; border:1px solid #fff; border-radius: 50% 50%; margin:25px auto; color: #fff; font-family: "futura-pt"; } /*********hover效果*********/ .case_sy_a li .case_sy_a_name{ transition: top 0.4s linear; width: 100%; height: 100%; position: absolute; z-index: 10; top: 347px; left:0; background: rgba(0,0,0,0.8); text-align: center; } .case_sy_a li a:hover .case_sy_a_name{ top:0; } /***************首页主体四************/ .content_d_w{ clear: both; overflow: hidden; margin:0px auto 0; width: 100%; background:url(../images/bj_04.jpg) center -20px no-repeat; } /***************主体四 关于我们*********/ .about_sy_left{ float: left; width: 30%; } .about_sy_left img{ width: 100%; height: 100%; } .about_sy_right{ float: right; width: 67%; } .about_sy_right_nr{ font-size: 12px; line-height: 16px; height: 80px; overflow: hidden; } .about_sy_right_more{ margin-top: 5px; } .about_sy_right_more a { width: 95px; height: 36px; padding-right:10px; line-height: 36px; float: left; font-size: 12px; margin-right: 5px; } .about_01{ background: url(../images/about_011.png) 10px center no-repeat; } .about_02{ background: url(../images/about_022.png) 10px center no-repeat; } .about_03{ background: url(../images/about_033.png) 10px center no-repeat; } .about_04{ background: url(../images/about_044.png) 10px center no-repeat; } /***************主体五 新闻中心*********/ /******新闻左边****************/ .news_sy_left{ float: left; width: 33%; height: auto; } /******新闻右边****************/ .news_sy_right{ float: right; width: 65%; } .news_nr{ background-color: #965b02; margin-bottom: 2%; padding:2%; color: #fff; } .news_nr_bt a{ line-height: 24px; } .news_nr_jj{ line-height: 18px; } /*********版权信息**********/ .foot_w02{ font-size: 12px; } /***************foot 01********/ .foot,.foot_nr01{ clear: both; width: 98%; padding: 0 1%; overflow: hidden; margin: 55px auto 0; max-width: 960px; overflow: hidden; } .foot_01{ float: left; width:40%; color: #fff; line-height: 24px; overflow: hidden; padding: 0 0 50px 0; } .foot_02{ float: left; width:46%; margin-right: 0; overflow: hidden; } .foot_03{ float: left; width:1px; color: #fff; overflow: hidden; display: none; clear: both; } /*************内页 关于我们*********/ .ny_a_n{ padding: 30px 1%; clear: both; width: 98%; overflow: hidden; } .nav_kj ul li a { display: block; width: 90px; height: 30px; line-height: 30px; background-color: #666; margin-left: 10px; text-align: center; color: #fff; font-size: 14px; } } @media screen and (max-width: 640px) { .container{ max-width:640px; width:96%; padding:0 1%; overflow:hidden; } .top-box { position: relative; height: 60px; } .nav-box { height: 60px; } .nav-box .logo { line-height: 60px; } .nav-box .logo img { height: 60px; display: inline-block; margin-right: 10px; } .nav-ico img { margin-top: 10px; } /***************首页主体一************/ .content_a_w{ background:url(../images/bj_01_a.jpg) 0 0 no-repeat; } /*********首页主体内容一 **********/ .bt_a_en{ border-bottom: 4px solid #8a6d3b; } .nr_a{ clear: both; margin: 25px auto 0px; overflow:hidden; max-width: 640px; width: 98%; padding: 0 1%; } .pro_sy_a li { width: 100%; height: auto; display: block; padding: 15px 15px; overflow: hidden; margin-bottom:20px; } .pro_sy_a li .pro_sy_a_pic a { width: 100%; overflow: hidden; display: block; } /***************首页主体二************/ .content_b_w{ background:url(../images/bj_02.jpg) bottom right no-repeat; } /*********首页主体二 资质************/ .nr_a{ clear: both; margin: 25px auto 0px; overflow:hidden; max-width: 640px; width: 98%; padding: 0 1%; } .honor_sy_a{ display: flex; width: 100%; clear: both; overflow:hidden; flex-wrap: wrap; justify-content: space-between; } .honor_sy_a li { width: 90%; margin:0 5%; height: 220px; display: block; overflow: hidden; position: relative; z-index: 1; margin-bottom: 30px; } .honor_sy_a li a .honor_sy_a_name{ width: 100%; height: 100%; } .honor_sy_a li .honor_sy_a_pic img{ width: 100%; height:245px; } .honor_sy_a li .honor_sy_a_name .honor_sy_a_name_bt{ margin-top: 22%; font-size: 18px; } /*********首页主体三 工程案例************/ .nr_a{ clear: both; margin: 25px auto 0px; overflow:hidden; max-width: 1160px; width: 98%; padding: 0 1%; } .case_sy_a{ display: flex; width: 100%; clear: both; overflow:hidden; flex-wrap: wrap; justify-content: space-between; } .case_sy_a li { width: 65px; height:195px; display: block; overflow: hidden; position: relative; z-index: 1; } .case_sy_a li .case_sy_a_name .honor_sy_a_name_bt{ color: #fff; margin-top: 80px; font-size: 15px; } .case_sy_a li .case_sy_a_name .honor_sy_a_name_more{ font-size:22px; width: 30px; height: 30px; line-height:24px; border:1px solid #fff; border-radius: 50% 50%; margin:15px auto; color: #fff; font-family: "futura-pt"; } /*********hover效果*********/ .case_sy_a li .case_sy_a_name{ transition: top 0.4s linear; width: 100%; height: 100%; position: absolute; z-index: 10; top: 210px; left:0; background: rgba(0,0,0,0.8); text-align: center; } .case_sy_a li a:hover .case_sy_a_name{ top:0; } /***************首页主体四************/ .content_d_w{ clear: both; overflow: hidden; margin:0px auto 0; width: 100%; background:url(../images/bj_04.jpg) -1056px -298px no-repeat; } /***************主体四 关于我们*********/ .about_sy_left{ float: none; width: 100%; } .about_sy_left img{ width: 100%; height: 100%; } .about_sy_right{ float: none; width: 100%; margin-top: 15px; } .about_sy_right_nr{ font-size: 14px; line-height: 22px; } .about_sy_right_more{ margin-top: 15px; } .about_sy_right_more a { width: 23%; font-size: 12px; height: 45px; padding-right:6px; line-height: 45px; float: left; margin:0 1%; } .about_01{ background: url(../images/about_011.png) 5px center no-repeat; } .about_02{ background: url(../images/about_022.png) 5px center no-repeat; } .about_03{ background: url(../images/about_033.png) 5px center no-repeat; } .about_04{ background: url(../images/about_044.png) 5px center no-repeat; } /***************主体五 新闻中心*********/ /******新闻左边****************/ .news_sy_left{ float: none; width: 100%; height: auto; } /******新闻右边****************/ .news_sy_right{ float: none; width: 100%; } .news_nr{ background-color: #965b02; margin-bottom: 2%; padding:2%; color: #fff; } /*********版权信息**********/ .foot_w02{ font-size: 12px; } /***************foot 01********/ .foot,.foot_nr01{ clear: both; width: 98%; padding: 0 1%; overflow: hidden; margin: 55px auto 0; max-width: 640px; overflow: hidden; } .foot_01{ float: none; width:100%; color: #fff; line-height: 24px; overflow: hidden; margin-bottom: 15px; } .foot_02{ float: none; width:100%; margin-right: 0; overflow: hidden; } .foot_03{ float: none; width:100%; color: #fff; overflow: hidden; clear: both; margin-bottom: 25px; } /*********************/ .foot_w01{ clear: both; width: 98%; padding: 0 1%; overflow: hidden; margin: 0px auto; max-width:640px; overflow: hidden; } .foot_w02{ line-height: 20px; padding: 10px 0; } /*************内页 关于我们*********/ .ny_a_n{ padding: 30px 1%; clear: both; width: 98%; overflow: hidden; } .nav_kj { float: none; clear: both; overflow: hidden; } .ny_nr{ padding:20px 0 30px; } .ny_bt { float: none; clear: both; overflow: hidden; margin-top:5px; border-bottom: 2px solid #965b02; } .ny_bt a{ color: #000; } .nav_kj ul li a { display: block; width: 90px; height: 30px; line-height: 30px; background-color: #666; margin-left: 10px; text-align: center; margin-bottom: 15px; color: #fff; font-size: 14px; } .content_a_r{ float:right; width:860px;} .content_a_r_nr{ clear:both; margin-top:30px;} .content_a_r_nr ul{ clear:both; overflow:hidden;} .content_a_r_nr ul li{ float:left; margin:0 13px 30px; width:260px; overflow:hidden; height:320px;} .content_a_r_nr ul li a{ display:block; width:260px; height:168px; overflow:hidden;} .content_a_r_nr ul li a img{ width:260px; transition:all 0.6s ease; height:168px; } .content_a_r_nr ul li:hover a img{ transform:scale(1.2)} .content_a_r_nr ul li .pic_nr{ background-color:#f0f0f0; height: 130px; overflow: hidden; padding:5px 15px 20px;} .content_a_r_nr ul li .pic_nr .pic_bt{ font-size:16px; line-height:40px; color:#333; } .content_a_r_nr ul li .pic_nr .pic_bt_nr{ color:#666; line-height:22px;} /*****************/ .content_a_l{ float:left; width:227px; min-height:300px; border:1px solid #dfdfdf; } .content_a_l_nr{ margin:25px 20px;} .content_a_l_nr ul{ clear:both; overflow:hidden} .content_a_l_nr ul li{ border:1px solid #f1f1f1; height:35px; margin:5px 0; width:165px; line-height:35px; background: url(../images/dian_d.jpg) 10px center no-repeat; padding-left:20px;} .content_a_l_nr ul li a{ font-size:14px;} } /******产品分页*******/ .ny_news_page{ margin:10px auto 60px; clear:both; padding-top:10px; width:1200px;} .ny_news_page a,.ny_news_page span{ display:block; float:left; line-height:40px; text-align:center; font-size:12px; width:70px; height:40px; color:#333; background-color:#f8f8f8; margin-right:10px} .ny_news_page a:hover,.ny_news_page span{ background-color:#965b02; color:#fff;} .ny_news_page a.page_aa{ background-color:#00b366; color:#fff;} /**************************/ .ny_news_pageaaa{ margin-top:80px; margin-bottom:50px;} /******************************/