@charset "utf-8";
/*-------- body --------*/
body {color:#333;font-family:'Microsoft YaHei';font-size:14px;width: 100%;min-width: 1200px; background:#fff;}
form,div,body,img,p,a,img,dl,dd,dt,table,tr,td,th,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;border:0;font-weight:normal;}
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#C00;text-decoration:none;}
a:focus {-moz-outline-style: none;}
a:active{outline:none;text-decoration:underline;}

ul,li{list-style:none;margin:0;padding:0;}
input,textarea,select{color:#333;margin:0;padding:0;font-size:12px;font-family:"Microsoft YaHei";vertical-align:middle;}
input:focus,textarea:focus{outline:0;}
em, i {font-style: normal;}

a.link1{ color:#fff; text-decoration:none;}
a.link1:hover{color:#77852e;}

.clear {clear:both;height:0px;overflow:hidden;}
.clear5 {clear:both;height:5px;overflow:hidden;}
.clear10 {clear:both;height:10px;overflow:hidden;}
.clear20 {clear:both;height:20px;overflow:hidden;}
.clear30 {clear:both;height:30px;overflow:hidden;}

.fl {float:left;}
.fr {float:right;}

.header , .content , .footer { width:1200px; margin:0 auto; font-family:"Microsoft Yahei"; overflow:hidden;}

/* top */

.sl_c{padding-top:87px;height: 503px;}
.sl_c .tit{text-align: center;height: 146px;}
.sl_c .tit i {font-size:0;line-height: 0;background: url(../images/sl_tt.jpg) no-repeat center;display: block;}
.sl_c .tit span {height: 73px;line-height: 73px;font-size:26px;color: #343d3b;display: block;}
.sl_c .nr li{float:left;width:25%;text-align: center;}
.sl_c .nr li i {width:125px;height: 125px;border:1px solid #eaeaea;border-radius: 50%;margin:0 auto;box-sizing: border-box;display: block;transition:all 1s;}
.sl_c .nr li:hover i{transform:rotate(360deg);}
.sl_c .nr li h4 {height:35px;line-height: 35px;font-size:24px;color: #343d3b;margin-top:30px;font-weight: normal;}
.sl_c .nr li p {font-size:14px;color: #777777;line-height: 30px;padding-top:18px;}
.sl_c .nr li:nth-child(1) i{background: url(../images/sl_ico1.png) no-repeat;}
.sl_c .nr li:nth-child(2) i{background: url(../images/sl_ico2.png) no-repeat;}
.sl_c .nr li:nth-child(3) i{background: url(../images/sl_ico3.png) no-repeat;}
.sl_c .nr li:nth-child(4) i{background: url(../images/sl_ico4.png) no-repeat;}
.sl_c .nr li:nth-child(1):hover i{background: url(../images/sl_ico1_hv.png) no-repeat;}
.sl_c .nr li:nth-child(2):hover i{background: url(../images/sl_ico2_hv.png) no-repeat;}
.sl_c .nr li:nth-child(3):hover i{background: url(../images/sl_ico3_hv.png) no-repeat;}
.sl_c .nr li:nth-child(4):hover i{background: url(../images/sl_ico4_hv.png) no-repeat;}


.list1{background: url(../images/lis1_bj.jpg) no-repeat center top;height: 1050px;}
.dingz h4{float:left;width:173px;line-height: 144px;font-size:30px;color: #fff;font-weight: normal;height: 171px;}
.dingz h4 a{color:#fff;text-decoration:none;}
.fenl{float:left;width:956px;padding:25px 0 0 50px;height: 146px;}
.as1{height: 30px;margin-top:20px;}
.as1 span {float:left;width:150px;height: 30px;display:block;background: #222222;text-align: center;font-size:16px;color: #fff;line-height: 30px;margin-right:40px;}
.as1 span a {color: #fff;}
.as1 li {float:left;margin-right:40px;padding-right:15px;height: 30px;line-height: 30px;background: url(../images/dz_ico1.jpg) no-repeat right center;}
.as1 li a {font-size:16px;color: #666666;}

.pro_fl{float:left;width:505px;padding-top:95px;}
.pro_fl .tit{height: 214px;width:415px;}
.pro_fl .tit i{font-size:0;line-height: 0}
.pro_fl .tit p {padding-top:22px;color: #666666;font-size:16px;line-height: 30px;}
.p_t1{position: relative;width:315px;font-size:0;line-height: 0;}
.p_t1:after{content: "";display: block;width:49px;height: 68px;background:rgba(22,148,155,0.36);position: absolute;right:0;bottom:0;}
.p_t1 img {width:291px;height: 163px;}

.pro_fr{font-size:0;line-height: 0;float:right;width:694px;margin-top:72px;}
.pro_fr img {width:694px;height:400px;}
.pro{padding-top:72px}
.pro li {float:left;width:264px;margin-right:48px;font-size:0;line-height: 0;overflow:hidden;}
.pro li i{border:1px solid #bfbfbf;width:262px;height:210px;overflow:hidden;display:block;margin-bottom:10px;}
.pro li img {width:262px;height:210px;transition:all 1s;}
.pro li span a {display: block;height: 24px;line-height: 24px;color: #606060;font-size:14px;margin-top:5px;text-align: center;}
.pro li:last-child{margin:0;}
.pro li img:hover{transform:scale(1.1);}


.list2{border:1px solid #e5e5e5;height: 590px;border-width: 1px 0}
.anl{width:1200px;margin:0 auto;}
.al_fl{float:left;width:600px;margin:82px 0 0 0px;}
.al_fl img{width:600px;}
.al_fl p{font-size:0;line-height: 0;}
.al_fr{float:right;width:381px;height:540px;padding:50px 0 0 95px;border-left:1px solid #e5e5e5;}
.al_fr .tit {height: 92px;vertical-align: bottom;}
.al_fr .tit i{font-size:0;line-height: 0;vertical-align: bottom;margin-right:5px;float:left;}
.al_fr .tit a {font-size:26px;color: #343d3b;line-height: 28px;display: inline-block;vertical-align: bottom;margin-top:64px;}

.al_fr ul{margin:30px 0 0 4px;height:330px;}
.al_fr li {float:left;width:172px;position: relative;font-size:0;line-height: 0;margin:0 12px 20px 0;}
.al_fr li span{background:rgba(0,0,0,0.7);width:172px;height: 85px;position: absolute;left:0;top:0;}
.al_fr li i{font-size:14px;line-height: 27px;width:92px;height: 27px;margin:28px auto 0;text-align: center;color: #fff;display: block;font-style: normal;border:1px solid #a5a5a5;}

.al_fr li:hover span {background:#16b89b;}
.al_fr li:hover i{border:1px solid #8ddcce;}

.tel{width:350px;height: 31px;background: #222222;line-height: 31px;}
.tel em{font-style: normal;font-size:14px;color: #fff; width:86px;text-align: center;line-height: 31px;display: inline-block;vertical-align: top;}
.tel span {background: #fff;width:258px;height: 29px;margin-top:1px;text-align: center;font-size:18px;color: #292f2e;display: inline-block;}


.hez{background: #16b89b;height:330px;padding-top:40px;}

.hz-tit { text-align:center; color:#fff; font-size:36px; padding-bottom:30px;}
.hz-tit span{font-size:18px; line-height:36px; font-family:"Times New Roman", Times, serif;}

.hez li{float:left; font-size:0;line-height: 0;margin-right:37px;}
.hez li img {width:210px;height: 105px;}
.hez li:last-child{margin:0;}
.hz_j{text-align: center;margin-top:35px;vertical-align: middle;}
.hz_j img {vertical-align: middle;margin:0 20px;}


.list3{height: 1606px;padding-top:103px;}
.yous {width:1200px;margin:0 auto;position:relative;}
.ys_t1{position: absolute;right:-1px;top:5px;}
.ys_t1 i {position: absolute;right:0px;top:-30px;}
.ys_t2{position: absolute;left:1px;top:659px;}
.ys_t2 i {position: absolute;left:0px;top:-35px;}
.ys_t3{position: absolute;right:0px;top:1049px;}
.ys_t3 i {position: absolute;right:0px;top:28px;}
.yous .tit {height: 260px;padding-left:4px;}
.yous .tit i {font-size:0;line-height: 0;display: block;}
.yous .tit h4 {font-size:30px;color: #343d3b;font-weight: normal;padding:40px 0 0 167px;height: 47px;line-height: 47px;}
.yous .tit span {font-size:18px;color: #8b8f8e;height: 35px;line-height: 35px;padding-left:167px;}
.yous dt{float:left;width:71px;height: 71px;text-align: center;background: url(../images/ys_ico1.jpg) no-repeat;line-height: 66px;font-size:18px;color: #fff;text-transform: uppercase;}
.yous dd {float:left;width:524px;padding-left:18px;}
.yous dd h4 {font-size:24px;color: #666666;line-height: 36px;height: 71px;margin-bottom:14px;padding-left:13px;}
.yous dd h4 span {display:block;font-weight: normal;font-size:14px;color: #999;}
.yous dd li{padding-left:13px;height: 28px;line-height: 28px;font-size:14px;color: #888888;background: url(../images/ys_ico2.jpg) no-repeat left center;}
.yous dd p {padding-top:30px;font-size:18px;color: #555555;}
.yous dd p span {padding-left:13px;background: url(../images/ys_ico3.jpg) no-repeat left center;margin-right:13px;}
.yous dd p span em {color: #16b89b;font-weight: bold}
.ys1{position: absolute;left:0;top:296px;}
.ys2{position: absolute;right:0;top:742px;}
.ys3{position: absolute;left:0;top:1150px;}
.mt20{margin-top:55px;}
.ys_z{padding-top:17px;line-height: 30px;font-size:666666;font-size:14px;}

.list4{background: url(../images/ns_bj.jpg) no-repeat center top;height: 473px;padding-top:193px;}
.news{float:left;width:631px;border-right:1px solid #e5e5e5;height: 404px;}
.news .tit {height:101px;vertical-align: bottom;}
.news .tit i{font-size:0;line-height: 0;vertical-align: bottom;margin-right:44px;}
.news .tit a {font-size:26px;color: #343d3b;line-height: 28px;display: inline-block;vertical-align: bottom;text-decoration: none;}
.news dl {margin-top:100px;}
.news dt {background:url(../images/ns_ico3.jpg) no-repeat left top;padding:16px 0 0 22px;width:298px;float:left;}
.news dt img {width:298px;height: 168px;}
.news dd {float:left;width:242px;padding:16px 0 0 27px;}
.news dd h4 a {display: block;height: 24px;line-height: 24px;font-size:16px;color: #333333;}
.news dd p{padding-top:20px;height: 90px;line-height: 20px;font-size:14px;color: #666666;}
.news dd span a {display: block;height:32px;width:105px;line-height: 32px;text-align: center;font-size:14px;color: #fff;background: #222222;}
.news dl:hover dd span a{background:#16b89b;}
.news dl:hover dd h4 a{color:#16b89b;}

.dongt{float:right;width:500px; overflow:hidden;}
.dt_qh{height: 80px;width:363px;}
.dt_qh li{float:left;height: 28px;line-height: 28px;font-size:16px;color: #000000;}
.dt_qh li span {padding:0 20px;}
.dt_qh li.on{font-weight:bold}
.n_span span a {color: #000;font-size:16px;line-height: 28px;} 
.d_nr dl{margin-bottom:20px;height: 96px;border-bottom:1px dashed #dcdcdc;}
.d_nr dd {float:left;width:380px;}
.d_nr dd h4 a{height: 32px;line-height: 32px;font-size:16px;color: #010101;display: block;font-weight: normal;padding-left:10px;background: url(../images/ns_ico1.jpg) no-repeat left center;}
.d_nr dd p {font-size:14px;line-height: 22px;color: #9a9a9a;}
.d_nr dt{float:right;margin-top:9px;width:70px;text-align: center;}
.d_nr dt em {height:15px;line-height: 15px;background: url(../images/ns_ico2.jpg) no-repeat center;display: block;text-transform: uppercase;}
.d_nr dt span {font-size:50px;color: #231815;}
.d_nr dl:last-child{border:0;}
.d_nr dd h4 a:hover{color:#16b89b;}

.about{height:560px;padding-top:90px;}
.about dd{float:left;width:430px;padding-top:20px;}
.about dd i {font-size:0;line-height: 0;}
.about dd span {font-size:30px;color: #343d3b;margin-top:20px;height: 51px;line-height: 51px;display: block;}
.about dd span a {color: #343d3b;text-decoration: none;}
.about dd p {padding-top:55px;height:280px;font-size:14px;color: #666666;line-height: 27px;}
.about dd em a {display: block;height:32px;width:105px;line-height: 32px;text-align: center;font-size:14px;color: #fff;background: #222222;}
.about dd em a:hover{background:#16b89b;}
.about dt {float:right;width:676px;font-size:0;line-height:0;}
.about dt i{float:left;width:615px;font-size:0;line-height:0;}
.about dt i img {width:615px;}

.xiangc{height: 230px;overflow: hidden;}
.xc_nr{float:left;width:963px;}
.xc_nr li {float:left; font-size:0;line-height: 0;margin-right:39px;width:211px;}
.xc_nr li span a {display: block;margin-top:15px;height: 24px;line-height: 24px;font-size:16px;color: #666666;text-align: center;}
.xc_nr li img {width:211px;height: 150px;overflow:hidden; transition:all 1s;}
.xc_nr li:hover img {transform:scale(1.1);}
.xc_nr li:last-child{margin:0;}
.xc_tt{float:right;width:131px;height: 42px;line-height:42px;padding-top:12px;margin-top:23px;text-align: center;background: url(../images/xc_tt.jpg) no-repeat;}
.xc_tt a {font-size:20px;color: #fff;text-decoration: none;}



/* -- List Body -- */


.leftSide {width:250px;float:left;}

.subNav h3 {font-size: 22px;color: #fff;text-align: center;padding:20px 0 25px 0;background:#15b89b;}

.subNav_c {border:1px solid #e8e8e8;border-top:none;overflow: hidden;width: 248px;}
.subNav_c h4{font-size: 16px;padding-left:20px;border-left: 6px solid #f08200;margin-top: 20px;margin-bottom: 10px;font-weight:bold; line-height:22px;}
.subNav_c h4 span{font-size: 12px; font-weight:normal; color:#999;}
.subNav_c h4 a{}

.subNav_c ul{ overflow:hidden; width:200px; margin:0 auto; clear:both;}
.subNav_c ul li{}
.subNav_c ul li a{ display:block;line-height:26px; font-size:14px; color:#474747; background:url(../images/pl_li.gif) no-repeat 2px 15px; border-bottom:1px dashed #cecece; padding:8px 0 8px 20px;}
.subNav_c ul li a:hover {color:#F90; text-decoration:none;}
.subNav_c ul li span{color:#999;}

.subNav_b {border:1px solid #e8e8e8;border-top:none;overflow: hidden; padding:10px 15px; line-height:28px;}

.righSide {width:900px;float:right;}

.tt_tit {height:60px;border-bottom: 2px solid #d4d4d4;margin-bottom:20px;}
.tt_tit h3 {height:60px;display: inline-block;font-size: 24px;font-weight: normal;line-height:60px;padding-right:24px;border-bottom:2px solid #15b89b;}

.aboutCon div{font-size:14px;line-height:30px;padding-bottom:10px;color:#333;}
.aboutCon p{font-size:14px;line-height:30px;padding-bottom:10px;color:#333;}

.d_content div{font-size:14px;line-height:30px;padding-bottom:10px;color:#333;}
.d_content p{font-size:14px;line-height:30px;padding-bottom:10px;color:#333;}

/* news */

.newsCon dl {border: 1px solid #dedede;margin-bottom: 20px;padding: 22px 50px 22px 30px;background: #fff;display: inline-block;width:820px;}
.newsCon dt {width: 100px;height:100px;background: #15b89b;float: left;font-size: 14px;color: #fff;margin-right: 30px;text-align: center;}
.newsCon dt i {font-size: 24px;display: block;border-bottom: #fff 2px solid;height: 50px;line-height: 50px; margin-bottom: 10px;}
.newsCon dd h4 {height: 40px;font-weight: normal;font-size:18px;color: #154c64;line-height: 40px;margin-bottom: 5px;}
.newsCon h4 a {display: block;color: #4b4a4a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsCon dl:hover{border:1px solid #15b89b;}
.newsCon dl:hover h4 a {color:#15b89b;}
.newsCon .desc {height: 48px;font-size: 14px;line-height: 24px;color: #797979;overflow: hidden;}


/* products */

.productCon {}
.productCon dl {width:280px;float: left;background: #fff;margin: 0 20px 15px 0;}
.productCon dl:nth-child(3n) {margin-right: 0;}
.productCon dt {border: 1px solid #e5e5e5;padding:9px 8px 12px;}
.productCon dt img {display: block;width: 262px;height:200px;}
.productCon dd {font-size: 14px;line-height:24px;text-align: center;padding:5px 5px 10px 5px;text-overflow: ellipsis;white-space: nowrap;background: #f0f0f0;}

.feedback .ltd{width:100px;padding-right:15px; text-align:right;}
.feedback td{padding-bottom:15px;}
.feedback { margin-left:30px;margin-top:30px;}
.formbtn { width:80px; height:30px; border:0; background:#f7941d; color:#fff; font:14px/30px "Microsoft YaHei","STHeiti Light"; outline:none; cursor:pointer; background-image:-webkit-linear-gradient(90deg,#f7941d, #f58703 ); background-image:linear-gradient(90deg,#f7941d, #f58703 ); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.formbtn:hover { opacity:0.8; box-shadow:0 0 3px #888; }
.formtext { width: 390px; height:20px; padding: 8px 10px; border:1px solid #ccc; background: none; color:#595959; font: 12px/20px Arial,Helvetica,"宋体"; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.formtext:focus { border-color:#f69d30; box-shadow:inset 0px 0px 3px #f7941d; }
textarea { resize: none; }

.form1 { width:115px; height:20px; padding: 8px 10px; border:1px solid #d8d8d8; border:1px solid #ccc; background: none; font: 12px/20px Arial,Helvetica,"宋体"; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.form1:focus { border-color:#f69d30; box-shadow:inset 0px 0px 3px #f7941d; }

.d_tit { text-align:center; font-size:20px; font-weight:normal; margin-bottom:15px;}
.d_desc { text-align:center; font-size:12px; color:#999; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:20px;}
.d_content { text-indent:2em;}
.d_content img{ max-width:600px;}


.pre_next {margin-top:30px;}
.pre_next dl {margin-bottom: 24px;padding-right: 40px;}
.pre_next dd {height: 32px;font-size: 14px;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pre_next dd b {float: right;font-weight: normal;}
.pre_next dd span {width: 60px;height: 32px;background: #a2a2a2;color: #fff;text-align: center;display: inline-block;margin-right: 10px;}
.pre_next dt {height: 1px;border-bottom: 1px dashed #b5b5b5;margin-left: 60px;padding-top: 2px;margin-bottom: 2px;}
.pre_next dd em {float: right;font-style: normal;padding-left: 20px;font-weight: normal;}
.pre_next dl a {}
		
		
/* 分页 */

.page {clear:both;padding:15px 0;text-align: left;font-family:Arial, Helvetica, sans-serif;}
.page span{margin-right:5px;border:#15b89b 1px solid;color:#15b89b;padding:0px;height:25px;line-height:25px;padding:2px 0;background:#fff; display:none;}
.page span strong {padding:0 6px;}
.page a {margin-right:4px;padding:2px 6px 2px 6px;border:#15b89b 1px solid;color:#15b89b;text-decoration: none;}
.page a:hover {background-color:#15b89b;color:#fff;border:#15b89b 1px solid;}
.page a.current {background-color:#15b89b;color:#fff;border:#15b89b 1px solid;}
.page span.current,.page span.disabled {margin-right:2px;padding:3px 6px 2px;border:#115c93 1px solid;font-weight:bold;color:#fff;background:#186ca9}
.page span input {width:16px;height:16px;border:0px;vertical-align:middle;font-family:Arial, Helvetica, sans-serif;padding:1px;font-size:11px;margin:-1px 2px 2px 2px;}
.page a.pagein:link,.page a.pagein:visited {background:#15b89b;color:#fff;border:#15b89b 1px solid;}

        



html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:12px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}