@charset "utf-8"; /*鍒濆鏍峰紡*/ body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*缃戠珯瀛椾綋棰滆壊*/ body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;} a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";} /*for ie f6n.net*/ a:focus{outline:0;} /*for ff f6n.net*/ /*a:hover { text-decoration:underline;}*/ img{border:none;} .vam { vertical-align:middle;} .clear{clear:both; height:0; line-height:0; font-size:0;} p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; } h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";} .tr { text-align:right;} .tl { text-align:left;} .center { text-align:center;} .fl { float:left;} .fr { float:right;} .pa{ position:absolute;} .pr{ position:relative} i,em{ font-style:normal;} .clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;} .clearfix{zoom:1;} /* -- 椤甸潰鏁翠綋甯冨眬 -- */ .content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";} .tit{text-align: center;font-weight:normal;} .tit span{display:block;font-size: 36px;line-height: 36px;color: #333;height: 51px;background:url(../img/tit_bg.png) no-repeat bottom center;} .tit b{color: #0062b2;} .tit i{display:block;font-size: 18px;color: #999;line-height: 18px;padding-top:15px;} /*banner*/ .banner{height: 600px;overflow: hidden;} .banner .bd li{height: 600px;background: url(../img/banner1.jpg) no-repeat center 0;} .banner .bd li a{display: block;height: 600px;} /*search*/ .search{height: 81px;background:url(../img/sea_bg.jpg) no-repeat center 0;} .search .htwd{float: left;width: 524px;height: 80px;line-height: 80px;font-size: 14px;color: #999;overflow: hidden;} .search .htwd a{margin-right:10px;color: #999;} .s_box{float: left;width: 342px;height: 40px;background: #f2f2f2;border-radius: 20px;margin-top: 20px;overflow: hidden;} .s_box .input1{float:left;width:275px;padding-left:20px;height:40px;line-height: 40px;font-size:14px;color:#333;border:0;background: none;outline: 0;} .s_box .input2{float: left;width:46px;height: 38px;border: 0;border-top-right-radius: 19px;border-bottom-right-radius: 19px;background: url(../img/sea.jpg) no-repeat center #fff;outline: 0;cursor: pointer;margin-top:1px;} .search .tel{float: right;height:80px;line-height: 80px;font-size: 24px;color: #fff;font-weight:bold;width: 222px;padding-left: 32px;background:url(../img/tel1.png) no-repeat left center;} /*product*/ .pro{padding:80px 0;} .pro_l{float: left;width: 249px;height: 650px;background:url(/img/pro_l.jpg) no-repeat;margin-top:10px;} .pro_l h3{padding-top:10px;height: 88px;line-height: 88px;font-size: 24px;color: #fff;text-align: center;} .pro_l ul{margin:0 8px 0 7px;} .pro_l li{height: 51px;line-height: 51px;border-bottom:1px solid #e5e5e5;text-align: center;} .pro_l li a{display:block;font-size: 16px;color: #333;} .pro_l li:hover a{color: #fff;background: #ee7700;} .pro_l .tel{text-align: center;padding-top:29px;color: #fff; background: #0162b3;} .pro_l .tel span{display:inline-block;font-size: 18px;height: 22px;line-height: 22px;padding-left:27px;background:url(../img/tel2.png) no-repeat left center;} .pro_l .tel b{display:block;font-size: 30px;line-height: 30px;font-family: Arial;padding-top: 9px;} .pro_r{float: right;width: 930px;margin-top: 30px;} .pro_r dl{height: 349px;border:1px solid #e5e5e5;} .pro_r dt{float: left;border-right:1px solid #e5e5e5;} .pro_r dt img{display:block;width: 462px;height: 349px;} .pro_r dd{float: left;width: 400px;margin-left: 50px;} .pro_r dd h3{font-size: 24px;color: #0062b2;line-height: 24px;padding-top:40px;height: 36px;position: relative;margin-bottom:8px;} .pro_r dd h3 a{color: #0062b2;} .pro_r dd h3:after{position: absolute;width: 30px;height: 1px;background: #ee7700;content: "";left: 0;bottom: 0;} .pro_r dd .desc{font-size: 14px;color: #666;line-height: 28px;margin-bottom:10px;max-height:168px;overflow:hidden;} .pro_r dd .desc span{display: inline-block;width: 158px;vertical-align: top;} .pro_r dd>a{float: left;width: 130px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background: #0062b2;border-radius: 20px;margin-right: 18px;text-align: center;} .pro_r dd>a:hover{background: #ee7700;} .pro_list{height: 242px;background: #f1f1f1;position: relative;padding-left: 49px;padding-top: 16px;margin-top: 16px;} .pro_list li{float: left;margin-right: 32px;width: 256px;} .pro_list li img{display:block;width: 245px;height: 190px;border:1px solid #e6e6e6;} .pro_list li span{display:block;font-size: 14px;color: #333;line-height: 40px;text-align: center;height:40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .pro_list .prev{position:absolute;width: 13px;height: 23px;background: url(../img/prev1.png) no-repeat;left: 18px;top: 96px;z-index: 10;} .pro_list .next{position:absolute;width: 13px;height: 23px;background: url(../img/next1.png) no-repeat;right: 18px;top: 96px;z-index: 10;} .pro_list .prev:hover{background: url(../img/prev1h.png) no-repeat;} .pro_list .next:hover{background: url(../img/next1h.png) no-repeat;} /*fea*/ .fea{height: 527px;background:url(../img/fea_bg.jpg) no-repeat center 0;} .fea h2{padding:58px 0 0;height: 114px;} .fea h2 span{color: #fff;background:url(../img/fea_t.png) no-repeat bottom center;} .fea h2 b{color: #fff;} .fea h2 i{color: #fff;opacity: 0.6;} .fea li{float: left;width: 280px;height: 280px;background: #fff;border-radius: 5px;margin-right: 26px;} .fea li i{display:block;width: 105px;height: 105px;border-radius: 50%;margin:52px auto 0;} .fea li p{color: #333;font-size: 14px;line-height: 25px;text-align: center;padding-top:15px;} .fea li.nomar{margin-right: 0;} .fea li .i1{background:url(../img/fea_ic1.png) no-repeat #e6e6e6;} .fea li .i2{background:url(../img/fea_ic2.png) no-repeat #e6e6e6;} .fea li .i3{background:url(../img/fea_ic3.png) no-repeat #e6e6e6;} .fea li .i4{background:url(../img/fea_ic4.png) no-repeat #e6e6e6;} .fea li:hover{background: #ee7700;} .fea li:hover p{color: #fff;} .fea li:hover .i1{background:url(../img/fea_ic1h.png) no-repeat #fff;} .fea li:hover .i2{background:url(../img/fea_ic2h.png) no-repeat #fff;} .fea li:hover .i3{background:url(../img/fea_ic3h.png) no-repeat #fff;} .fea li:hover .i4{background:url(../img/fea_ic4h.png) no-repeat #fff;} /*case*/ .case{padding:80px 0 0;} .case h3{padding:34px 0 0;height: 42px;border-bottom:1px solid #e6e6e6;text-align: center;line-height: 0;font-weight:normal;margin-bottom:50px;} .case h3 span{display:inline-block;width: 166px;height: 52px;line-height: 16px;font-size: 16px;color: #333;text-align: center;background:url(../img/c1.png) no-repeat bottom center;} .case h3 span.cur{background:url(../img/c2.png) no-repeat bottom center;} .case_con{height: 473px;overflow: hidden;} .case_con dl{height: 473px;} .case_con dt{float: left;} .case_con dt img{display:block;width: 631px;height: 473px;} .case_con dd{float: right;width: 535px;padding-left: 34px;height: 414px;background: #f3f3f3;margin-top: 29px;} .case_con dd h4{font-size: 24px;color: #333;padding-top:87px;height:50px;position: relative;margin-bottom: 14px;} .case_con dd h4:after{position:absolute;width: 26px;height: 3px;background: #ee7700;content: "";left: 0;bottom: 0;} .case_con dd p{font-size: 14px;color: #333;line-height: 30px;margin-bottom: 45px;width:460px;} .case_con dd>a{float: left;width: 150px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background: #0062b2;border-radius: 20px;margin-right: 18px;text-align: center;} .case_con dd>a:hover{background: #ee7700;} /*service*/ .ser{padding:80px 0 0; } .ser h2{margin-bottom: 30px;} .ser_con{height: 534px;background: #0062b2;} .ser_con dl{float: left;width: 400px;} .ser_con dt{height: 267px;} .ser_con dd{height: 200px;padding-top:66px;border-bottom:1px solid #e6e6e6;background: #fff;} .ser_con dd img{display:block;margin:0 auto 14px;} .ser_con dd p{font-size: 16px;color: #666;line-height: 30px;text-align: center;} .ser_con dd.bt{border-top:1px solid #e6e6e6;border-bottom: 0;} .ser_con .content{position: relative;} .ser_con .sheb{position: absolute;right: -360px;top: -256px;z-index: 10;} /*xuqiu*/ .xuqiu{height: 757px;background:url(../img/xuqiu_bg.jpg) no-repeat center 0;} .xuqiu h2{font-size: 36px;color: #333;padding:80px 0 0;line-height: 36px;text-align: center;font-weight:normal;height: 50px;background:url(../img/tit_bg.png) no-repeat bottom center;margin-bottom: 85px;} .xuqiu dl{margin-left: 64px;margin-bottom: 33px;} .xuqiu dt{float: left;width: 118px;height: 112px;position: relative;} .xuqiu dt:after{position: absolute;width: 14px;height: 3px;background: #333;content: "";left: 0;bottom: 0;} .xuqiu dt b{display:block;font-size: 14px;color: #333;line-height: 14px;text-transform: uppercase;} .xuqiu dt em{display:block;font-size: 18px;color: #0062b2;line-height: 18px;padding-top: 8px;font-weight:bold;} .xuqiu dd{float: left;width: 306px;height: 128px;padding-top:12px;border-bottom:1px solid #e5e5e5;} .xuqiu dd i{display:block;height: 14px;line-height: 14px;font-size: 14px;color: #739bcb;text-align: right;padding-right: 44px;position: relative;margin-bottom: 20px;font-weight:bold;} .xuqiu dd i:after{position: absolute;width: 34px;height: 2px;background: #e5e5e5;content: "";right: 0;top: 6px;} .xuqiu dd p{font-size: 14px;color: #666;line-height: 23px;} .xuqiu dd p b{color: #0062b2;} /*honor*/ .honor{height: 540px;background:url(../img/honor_bg.jpg) no-repeat center 0;} .honor h2{padding:58px 0 0;height: 114px;} .honor h2 span{color: #fff;background:url(../img/fea_t.png) no-repeat bottom center;} .honor h2 b{color: #fff;} .honor h2 i{color: #fff;opacity: 0.8;} .honor_con{position: relative;} .honor_con li{float: left;width: 200px;margin-right: 50px;} .honor_con li img{display:block;width: 200px;height: 266px;} .honor_con li span{display:block;font-size: 14px;color: #fff;line-height: 50px;text-align: center;height:50px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .honor_con .prev{position:absolute;width: 13px;height: 23px;background: url(../img/prev2.png) no-repeat;left: -38px;top: 120px;z-index: 10;} .honor_con .next{position:absolute;width: 13px;height: 23px;background: url(../img/next2.png) no-repeat;right: -38px;top: 120px;z-index: 10;} .honor_con .prev:hover{background: url(../img/prev1h.png) no-repeat;} .honor_con .next:hover{background: url(../img/next1h.png) no-repeat;} /*news*/ .news{padding:80px 0;} .news h2{margin-bottom: 24px;} .news h3{height: 70px;font-weight:normal;} .news h3 span a{float: left;width: 142px;height: 38px;line-height: 38px;text-align: center;font-size: 14px;color: #333;border:1px solid #0062b2;border-radius: 19px;margin-right: 20px;} .news h3 span a.cur{background: #ee7700;border-color: #ee7700;color: #fff;} .news h3 i a{display:block;width: 87px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #999;background: #e6e6e6;border-radius: 20px;} .new_con{height: 500px;} .new_l{float: left;width: 458px;height: 500px;background: #f1f1f1;padding:0 56px;} .new_l dt img{display:block;width: 458px;height: 257px;} .new_l dt .more{display:block;width: 146px;height: 32px;line-height: 32px;text-align: center;font-size: 14px;color: #fff;border-radius: 16px;background: #0062b2;margin-top: 30px;} .new_l dd{padding:26px 0 0;height: 127px;} .new_l dd i{display:block;font-size: 24px;color: #333;line-height: 24px;} .new_l dd a{display:block;font-size: 16px;color: #333;line-height: 16px;margin:12px 0 18px;} .new_l dd a:hover{color: #0062b2;} .new_l dd p{font-size: 14px;color: #666;line-height: 22px;padding-left: 10px;border-left:2px solid #0062b2;} .new_r{float: right;width: 574px;} .new_r li{height:94px;padding-top: 30px;border-bottom:1px solid #e6e6e6;} .new_r li p{float: left;width: 350px;margin-left: 57px;} .new_r li p a{display:block;font-size: 14px;color: #333;line-height: 14px;padding-left: 22px;margin-bottom: 12px;position:relative;} .new_r li p a:hover{color: #0062b2;} .new_r li p a:after{position:absolute;width: 14px;height: 2px;background: #0062b2;content: "";left: 0;top: 6px;} .new_r li p span{display:block;font-size: 14px;color: #666;line-height: 22px;padding-left: 45px;width: 275px;} .new_r li i{float: right;padding-top: 4px;text-align: center;margin-right: 60px;} .new_r li i strong{display:block;font-size: 24px;color: #999;line-height: 24px;font-weight:normal;} .new_r li i em{display:inline-block;font-size: 18px;color: #ccc;line-height: 18px;border-left:1px solid #e5e5e5;margin-top:11px;padding-left: 8px;} .new_r li:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);border-color: transparent;} /*about*/ .abt{padding:0 0 80px;} .abt dl{height: 450px;} .abt dd{float: left;width: 505px;} .abt dd h3{padding:35px 0 28px;font-weight: normal;} .abt dd h3 span{display:block;font-size: 18px;color: #333;line-height: 18px;padding-top: 12px;} .abt dd p{font-size: 14px;color: #999;line-height: 25px;margin-bottom: 40px;} .abt dd>a{float: left;width: 148px;height: 42px;line-height: 42px;text-align: center;font-size: 14px;color: #333;border:1px solid #0062b2;border-radius: 21px;margin-right: 19px;} .abt dd>a:hover{background: #ee7700;border-color: #ee7700;color: #fff;} .abt dd>a.nomar{margin-right: 0;}