<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*@import "/skins/default/resetcommon.css";*/
/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}


body{background:#fff;}
/*banner*/ 
.banner{ overflow:hidden; height:590px;background: url(../images/banner.jpg) no-repeat center top;background-size: 1920px 590px;}

 
/**/
.cus{ height: 599px; overflow: hidden;}

.cus h2{ height: 169px; overflow: hidden; text-align: center;}
.cus h2 b{  display: block; line-height: 51px; margin-top: 56px; display: block; font-size: 28px; color: #111;}
.cus h2 p{display: inline-block; padding: 0 40px; height: 21px; line-height: 20px; border: 1px solid #ccc; border-left: 0; border-right: 0; font-size: 14px; color: #bfbfbf; font-weight: normal; margin: 0 auto; text-transform: uppercase;}

.cus_con{ position: relative; height: 370px; overflow: hidden;}
.cus_con dl{width: 592px; height: 177px; float: left; margin-right: 10px; margin-bottom: 12px;border:1px solid #ccc;}
.cus_con dl:hover{border:1px solid #297fce;}
.cus_con dl dt{ width: 66px; margin-top: 32px; margin-left: 32px;}
.cus_con dl dt b{ border-bottom: 2px solid #7f7f7f; display: block; font-size: 57px; color: #848484; font-family: Arial; font-weight: normal;}
.cus_con dl dt span{ display: block; width: 50px; height: 50px; margin: 0 auto;}
.cus_con dl dt span img{width:50px;height: 50px;}
.cus_con dl dd{ margin-left: 18px; width: 350px; margin-top: 34px;}
.cus_con dl dd b{ display: block; font-size: 24px; color: #333; font-family: "Microsoft Yahei";line-height: 30px;height:30px;overflow: hidden;}
.cus_con dl dd em{height:24px;overflow: hidden;display: block; line-height: 24px; display: block; font-size: 14px; color: #666; font-family: Arial; text-transform: uppercase;}
.cus_con dl dd p{ margin-top: 14px; font-size: 15px; line-height: 24px;height:48px;overflow: hidden; color: #333;}
.cus_con dl dd p span{ color: #3eb034; font-weight: bold;}

.cus_con .nobot dt{ margin-right: 28px; margin-left: 0;}
.cus_con .nobot dd{ margin-right: 28px; text-align: right;}

.cus_con dl.phover dt b{ color: #297fce; border-color: #297fce;}
.cus_con dl.phover dd b{ color: #297fce;}
.cus_con dl .c02{ display:none;}

.cus_con .nobot{ margin-right: 0;}
.cus_con .cb1{}

.cus_p{ position: absolute; width: 225px; height: 223px; overflow: hidden; top: 75px; left: 490px;}
.cus_p img{width:225px;height: 223px;}
/**/
.pro{ background: #f4f4f4; height: 1212px; overflow: hidden;}

.pro h2{ height: 159px; text-align: center;}
.pro h2 b{  display: block; line-height: 51px; margin-top: 45px; display: block; font-size: 28px; color: #111;}
.pro h2 p{display: inline-block; padding: 0 40px; height: 21px; line-height: 20px; border: 1px solid #ccc; border-left: 0; border-right: 0; font-size: 14px; color: #bfbfbf; font-weight: normal; margin: 0 auto; text-transform: uppercase;}

.pro_con{ height: 1053px; overflow: hidden;}

.pro_q{ margin-bottom: 29px; margin-left: 222px; height: 50px; overflow: hidden;}
.pro_q ul li{ float: left; width: 192px; height: 40px; overflow: hidden; background: url(../images/pro_qb.gif) no-repeat right 12px; line-height: 42px; text-align: center; font-size: 18px;}
.pro_q ul li a{ display: block; color: #333; width: 192px; height: 40px; overflow: hidden;}
.pro_q ul li a:hover ,.pro_q .cur a{ text-decoration: none; font-weight: bold; color: #fff; background:#297fce;}

.pro_q .nobot{ background: none;}

.pro_c{ height: 974px; overflow: hidden;}

.pro_x dl{ margin-bottom: 37px; background: url(../images/pro_cb.gif) repeat-y; height: 438px; overflow: hidden;}
.pro_x dl dt{ margin-left: 44px; margin-top: 41px; width: 558px; height: 350px; overflow: hidden;}
.pro_x dl dt img{ width: 558px; height: 350px;}
.pro_x dl dd{ width: 490px; margin-left: 53px; margin-top: 41px;}
.pro_x dl dd b{ line-height: 30px; display: block; font-size: 18px; color: #333;}
.pro_x dl dd span{ margin-bottom: 28px;height: 68px; overflow: hidden; display: block; margin-top: 18px;}
.pro_x dl dd span em{ display: inline-block; width: 76px; height: 68px; margin-right: 19px;}
.pro_x dl dd span em img{width: 76px; height: 68px;}
.pro_x dl dd p{ font-size: 14px; line-height: 24px; color: #333; font-family: "Microsoft Yahei"; background: url(../images/pro_wb.gif) no-repeat left 10px; background-size: 5px 8px; padding-left: 15px;background-size: 5px 8px;}
.pro_link{ margin-top: 20px; display: block; width: 102px; height: 24px; text-align: center; border: 2px solid #3eb034; line-height: 24px; font-size: 14px; color: #3eb034;}
.pro_link a{color: #3eb034;}
.pro_x .p_t02{ background: url(../images/pro_cb2.gif) repeat-y;}
.pro_x .p_t02 dt{ margin-right: 44px;}
.pro_x .p_t02 dd{ margin-left: 55px;}
/**/
.edgv01{ height: 1700px; overflow: hidden; background: url(../images/edgv01.jpg) no-repeat center top;border-bottom:2px solid #297fce;}
.edgv02{ height: 1700px; overflow: hidden; background: url(../images/edgv02.jpg) no-repeat center 958px;}

.edgv_con{ position: relative; height: 1700px; overflow: hidden;}

.edgv_con dl{ width: 486px; position: absolute;}
.edgv_con dl dt{ margin-bottom: 20px; font-size: 24px; line-height: 64px; color: #333; font-weight: bold; height: 64px; }
.edgv_con dl dd p{ padding-left: 39px; background: url(../images/edgv_p.gif) no-repeat left 8px;background-size: 10px 10px; font-size: 15px; color: #333; line-height: 26px; font-family: "Microsoft Yahei";}
.edgv_con dl dd p b{ color: #3eb034; }
.ys_link{ margin-left: 338px; margin-top: 14px; display: block; width: 102px; height: 24px; border: 2px solid #3eb034; text-align: center; line-height: 24px; font-size: 14px; color: #3eb034;}
.ys_link a{color: #3eb034;}
.edgv_con .ed_r{ text-align: right;}
.edgv_con .ed_r dd p{background: url(../images/edgv_p.gif) no-repeat right 8px;background-size: 10px 10px; padding-left: 0; padding-right: 39px;}

.edgv_con .one{ top: 74px; right: 36px;}
.oneimg{position: absolute;top:20px;left: 0;}
.oneimg img,.twoimg img, .threeimg img, .fourimg img{width:600px;height: 354px;}
.twoimg{position: absolute;top:441px;right: 0;}
.threeimg{position: absolute;top:850px;left: 0;}
.fourimg{position: absolute;top:1280px;right: 0;}

.edgv_con .two{ top: 441px; left: 42px;}
.edgv_con .three{ top: 850px; right: 36px;}
.edgv_con .four{ top: 1280px; left: 42px;}
/**/
.case{ height: 731px;}

.case h2{ height: 135px; text-align: center;}
.case h2 b{ display: block;line-height: 51px; margin-top: 53px; display: block; font-size: 28px; color: #111;}
.case h2 p{ display: inline-block;padding: 0 30px;height: 21px; line-height: 20px; border: 1px solid #ccc; border-left: 0; border-right: 0; font-size: 14px; color: #bfbfbf; font-weight: normal; margin: 0 auto; text-transform: uppercase;}

.case_con{ height: 536px; position: relative;} 

.case_c{ height: 536px; overflow: hidden; }
.case_c dl{ height: 536px; position: relative;}
.case_c dl dt{ height: 536px; overflow: hidden;}
.case_c dl dt img{ width: 1200px; height: 536px;}
.case_c dl dd{ width: 1101px; padding: 0 46px 0 53px; height: 135px; background:rgba(0,0,0,0.7); position: absolute; bottom: 0; left: 0;}
.case_c dl dd span{ margin-top: 20px; font-size: 14px; color: #fff; line-height: 40px; display: block;}
.case_c dl dd span b{ display: inline-block; margin-right: 24px; font-size: 18px; color: #fff;}
.case_c dl dd p{ font-size: 14px; line-height: 24px; color: #fff; width: 888px; float: left;}
.case_link{ float: right; border: 2px solid #fff; display: block; width: 102px; height: 24px; line-height: 24px; font-size: 14px; color: #fff; text-align: center;}
.case_link a{color: #fff;}
/**/
.tec{ height: 390px; background: #f4f4f4; overflow: hidden;}

.tec h2{ height: 161px; text-align: center; overflow: hidden;}
.tec h2 b{display: block; line-height: 51px; margin-top: 48px; display: block; font-size: 28px; color: #111;}
.tec h2 p{ display: inline-block;padding:  0 30px; height: 21px; line-height: 20px; border: 1px solid #ccc; border-left: 0; border-right: 0; font-size: 14px; color: #bfbfbf; font-weight: normal; margin: 0 auto; text-transform: uppercase;}

.tec_c{ width: 995px; height: 169px; overflow: hidden;}
.tec_c ul li{ margin-right: 13px; float: left; width: 193px; height: 169px; overflow: hidden;}
.tec_c ul li a{ overflow: hidden; display: block; width: 193px; height: 169px; background: url(../images/tec_b.gif) no-repeat left top;}
.tec_c ul li em{ display: block; width: 44px; height: 44px; overflow: hidden;  margin-top: 39px; margin-left: 63px;}
.tec_c ul li em img{width:44px;height:44px;}
.tec_c ul li span{ width: 169px; display: block; line-height: 73px; font-size: 16px; color: #333; text-align: center;}
.tec_c .nobot{ width: 169px; margin-right: 0;}

.ys-tit{text-align: center;background: #297fce;height:176px;color: #fff;margin-bottom:20px;}
.ys-tit h3{font-size: 28px;padding-top:40px;}
.ys-tit h3 b{padding:0 10px;background: #fff;color: #297fce;font-size: 40px;margin:0 10px;}
.ys-tit p{font-size: 22px;border-top:1px solid #5499d8;color: #97b9e2; border-bottom:1px solid #5499d8;display: inline-block;line-height: 30px;margin-top: 20px;letter-spacing: 10px;padding:0 20px;}

.tec_tel{ margin-top: 40px; width: 180px;}
.tec_tel p{ text-align: center; font-size: 14px; color: #555; display: block;}
.tec_tel p span{ display: block; font-size: 24px; line-height: 36px; font-family: Arial;}
.tec_link{ display: block; width: 106px; height: 28px; background: #3eb034; text-align: center; font-size: 14px; color: #fff; line-height: 28px; margin: 0 auto;}
.tec_link a{color: #fff;}
/**/
.coo{ height: 393px; overflow: hidden; border-bottom: 2px solid #297fce;}
.coo h2{ height: 160px; text-align: center; overflow: hidden;}
.coo h2 b{display: block; line-height: 51px; margin-top: 48px; display: block; font-size: 28px; color: #111;}
.coo h2 p{ display: inline-block; padding: 0 30px; height: 21px; line-height: 20px; border: 1px solid #ccc; border-left: 0; border-right: 0; font-size: 14px; color: #bfbfbf; font-weight: normal; margin: 0 auto; text-transform: uppercase;}

.coo_con{ position: relative; height: 145px;}

.coo_con .coo_l ,.coo_con .coo_r{ width: 42px; height: 42px; overflow: hidden; position: absolute; top: 39px;}
.coo_con .coo_l{ left: -72px;}
.coo_con .coo_r{ right: -72px;}
.coo_con .coo_l a ,.coo_con .coo_r a{ display: block; width: 42px; height: 42px;}
.coo_con .coo_l a{ background: url(../images/case_l.png) no-repeat left top;}
.coo_con .coo_r a{ background: url(../images/case_r.png) no-repeat left top;}
.coo_con .coo_l a:hover{ background: url(../images/case_l01.png) no-repeat left top;}
.coo_con .coo_r a:hover{ background: url(../images/case_r01.png) no-repeat left top;}

.coo_c ul{ height: 145px; overflow: hidden;}
.coo_c ul li{ line-height: 0; width: 238px; height: 143px; overflow: hidden; border: 1px solid #e3e3e3; float: left;}
.coo_c ul li img{ width: 239px; height: 108px;}
.coo_c ul li span{ display: block; height: 35px; background: #f4f4f4; line-height: 35px; text-align: center;}
.coo_c .nobot{ width: 238px; border-right: 0;}

.coo_c .cur span{ background: #297fce; color: #fff;}
.coo_c .cur a{color: #fff;}
/**/
.about{ height: 556px; overflow: hidden;}

.about h2{ height: 134px; text-align: center; overflow: hidden;}
.about h2 b{ display: block; line-height: 51px; margin-top: 22px; display: block; font-size: 28px; color: #111;}
.about h2 p{ display: inline-block; padding: 0 30px;  height: 21px; line-height: 20px; border: 1px solid #ccc; border-left: 0; border-right: 0; font-size: 14px; color: #bfbfbf; font-weight: normal; margin: 0 auto; text-transform: uppercase;}

.about dl dt{ width: 600px; height: 382px; overflow: hidden;}
.about dl dt img{ width: 600px; height: 354px;}
.about_link{ width: 106px; height: 29px; background: #3eb034; text-align: center; font-size: 14px; text-align: center; line-height: 29px; display: inline-block; color: #fff; margin-left: 495px;}
.about_link a{color: #fff;}
.about dl dd{ width: 568px;}
.about dl dd b{ margin-top: 26px; margin-bottom: 18px; display: block; font-size: 18px; color: #333; line-height: 59px;}
.about dl dd p{ font-size: 14px; line-height: 28px; color: #333;}
/**/
.hon{ height: 290px;}

.hon_q{ width: 170px; height: 230px;}
.hon_q ul li{ width: 170px; height: 115px; overflow: hidden;}
.hon_q ul li img{ width: 43px; height: 43px; display: block; margin: 23px auto 0;}
.hon_q ul li span{ display: block; line-height: 36px; font-size: 16px; color: #fff; text-align: center;}
.hon_q ul li a{ display: block; width: 170px; height: 115px; background: #666; overflow: hidden;}
.hon_q ul li a:hover ,.hon_q .cur a{ text-decoration: none; background: #297fce;}

.hon_con{ width: 994px; height: 230px;}

.hon_c{ width: 994px; position: relative; height: 230px;}

.hon_c ul li{ line-height: 0; margin-right: 36px; width: 307px; height: 230px; overflow: hidden; position: relative; float: left;}
.hon_c ul li.last{margin-right:0;}
.hon_c ul li img{ width: 307px; height: 230px;}
.hon_c ul li span{ position: absolute; bottom: 0; left: 0; width: 307px; font-size: 14px; line-height: 44px; font-family: "Microsoft Yahei"; text-align: center; color: #fff; height: 44px; background:rgba(0,0,0,0.7); display: block;}
.hon_c .nobot{ margin-right: 0;}


.hon_c .hon_l ,.hon_c .hon_r{ width: 42px; height: 42px; overflow: hidden; position: absolute; right: -72px;}
.hon_c .hon_l{ top: 65px;}
.hon_c .hon_r{ top: 123px;}
.hon_c .hon_l a ,.hon_c .hon_r a{ display: block; width: 42px; height: 42px;}
.hon_c .hon_l a{ background: url(../images/case_l.png) no-repeat left top;}
.hon_c .hon_r a{ background: url(../images/case_r.png) no-repeat left top;}
.hon_c .hon_l a:hover{ background: url(../images/case_l01.png) no-repeat left top;}
.hon_c .hon_r a:hover{ background: url(../images/case_r01.png) no-repeat left top;}

.fh{ position: fixed; bottom: 20%; right: 20px; width: 33px; height: 58px;background: #fff;}
.fh img{width:33px;height:58px;}</pre></body></html>