﻿@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{ 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: 46px; color:#333; line-height: 46px;}
.tit em{color:#5ab530;}
.tit i{display: block;font-size: 18px; color:#666; line-height: 18px; margin-top: 20px;}
/**/
.yz{padding:65px 0 60px;}
.yz ul{ height:280px;}
.yz ul li{float:left;width:300px;height:280px; border-right:1px solid #e8e8e8; padding:0 39px; box-sizing: border-box;}
.yz ul li i{display: block; width:123px; height:123px; margin:0 auto 55px;transition: all 0.5s ease-in-out;}
.yz ul li em{display: block; font-size: 28px;line-height: 28px; color:#333333;  text-align: center; height:50px;background:url(../images/hg2.jpg) no-repeat bottom center; margin-bottom: 22px;}
.yz ul li p{font-size: 20px; color:#666666; line-height: 20px;text-align: center;white-space: nowrap;}
.yz ul li.first{padding-left:0;}
.yz ul li.last{padding-right:0; border-right:0;}
.yz ul li:hover i{transform: rotateY(180deg);}
/**/
.product{height:916px;background:url(../images/product.jpg) no-repeat center;}
.pro{padding-top:60px;}
.pro h2{margin-bottom: 32px;}
.pro h2 span{color: #fff;}
.pro h2 i{color: #aaa;}
.pro .probt{ height:107px; margin-bottom: 52px;}
.pro .probt span{display: block; width:203px; height:42px; float:left;border:1px solid #3f5634; font-size: 24px; color:#FFF; text-align: center; padding-top:63px;background:url(../images/prbt.png) no-repeat center 20%;}
.pro .probt ul{float:left;border-right:1px solid #3f5634;border-top:1px solid #3f5634;}
.pro .probt ul li{height:52px; line-height: 52px; border-bottom:1px solid #3f5634; }
.pro .probt ul li b{display: block; font-weight: normal;float:left; font-size: 20px; color:#5ab530; width:120px; padding-left:26px; background:url(../images/dbx.png) no-repeat right; margin-right: 19px;}
.pro .probt ul li b a{color:#5ab530;}
.pro .probt ul li>a{display: block; float:left; padding:0 18px; font-size: 15px; color:#c6c6c6;}
.pro .probt ul li>a:hover{color: #fff;}
.pro .pro_cp ul li{float:left; width:378px; height:282px;margin-left: 33px;}
.pro .pro_cp ul li i{display: block;width:378px;height:213px;overflow: hidden;}
.pro .pro_cp ul li img{width:378px;height:213px;display: block;transition:all 0.5s;}
.pro .pro_cp ul li span{display: block; height:56px; line-height: 45px; text-align: center; font-size: 16px; color:#FFF;}
.pro .pro_cp ul li:first-child{margin-left: 0;}
.pro .pro_cp ul li:nth-child(4){margin-left: 0;}
.pro .pro_cp ul li:hover img{transform:scale(1.1);}
.pro .pro_cp ul li:hover span{color:#5ab530;}
/*ptcp*/
.ptcp{padding:48px 0 0;background:url(../images/ptcp_bg.jpg) no-repeat center 0;}
.ptcp h2{padding-left: 96px;height: 50px;background:url(../images/two.jpg) no-repeat;font-weight:normal;margin-bottom:50px;}
.ptcp h2 span{float: left;font-size: 24px;color: #363636;line-height: 24px;margin-top:10px;}
.ptcp h2 i{float: right;font-size: 14px;color: #666;line-height: 50px;}
.ptcp li{float: left;width: 284px;margin-right: 22px;}
.ptcp li i{display: block;width: 282px;height: 158px;overflow: hidden;border:1px solid #bfbfbf;}
.ptcp li img{display: block;width: 282px;height: 158px;transition: all 0.5s;}
.ptcp li span{display: block;font-size: 16px;color: #464646;line-height: 50px;text-align: center;height: 50px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ptcp li:hover i{border-color:#5ab530;}
.ptcp li:hover img{transform:scale(1.1);}
.ptcp li:hover span{color: #5ab530;}
.ptcp_list{position: relative;}
.ptcp_list .prev{position: absolute;top: 60px;left: -50px;z-index: 10;}
.ptcp_list .next{position: absolute;top: 60px;;right: -50px;z-index: 10;}
/*xad*/
.xad{width: 1200px;height: 286px;background:url(../images/xad.jpg) no-repeat;margin:60px auto;}
.xad_r{float: right;margin:63px 70px 0 0;}
.xad_r h2 b{display:block;font-size:40px;line-height: 40px;color: #333;letter-spacing: 5px;}
.xad_r h2 em{color: #5ab530;}
.xad_r h2 i{display: block;font-size: 24px;color: #666;text-align: right;line-height:36px;padding-top:20px;font-weight:normal;}
.xad_r .tel{height: 64px;padding-left:78px;background:url(../images/tel1.png) no-repeat;font-size: 24px;color: #666;line-height: 64px;}
.xad_r .tel em{display:inline-block;font-size: 42px;color: #5ab530;vertical-align: top;}
/*way*/
.way{height: 294px;padding-top:60px;background:url(../images/way_bg.jpg) no-repeat center 0;}
.way h2 span{color: #fff;}
.way h2 i{color: #9e9e9e;}
.way ul{margin:64px 0 58px;height: 60px;}
.way li{float: left;width: 395px;height:60px;border-right:1px solid #828483;}
.way li p{font-size: 16px;color: #bebfbf;line-height: 30px;}
.way li i{float: left;}
.way li:hover p{color: #fff;}
.way .l2{width: 360px;padding-left:50px;}
.way .l3{width: 322px;padding-left: 70px;border: 0;}
.way_con{position: relative;height: 268px;padding: 23px 25px;background: #fff;}
.way_con dt img{display:block;width: 536px;height: 268px;}
.way_con dd{float: right;width: 485px;}
.way_con dd h3{font-size: 24px;font-weight:normal;line-height: 24px;padding:34px 0 20px;}
.way_con dd p{font-size: 16px;color: #666;line-height: 30px;}
.way_t{position: absolute;width: 485px;right:25px;bottom: 62px;}
.way_t p{float: left;margin-right: 46px;}
.way_t p i{display:block;width: 43px;height: 43px;border:1px solid #c1c1c1;border-radius:50%;margin:0 auto;}
.way_t p span{display:block;font-size: 14px;color: #363636;line-height: 14px;padding-top: 10px;}
.way_t p .i1{background:url(../images/way_ic4.png) no-repeat center;}
.way_t p .i2{background:url(../images/way_ic5.png) no-repeat center;}
.way_t p .i3{background:url(../images/way_ic6.png) no-repeat center;}
.way_t p.cur span{font-weight:bold;}
.way_t p.cur .i1{background:url(../images/way_ic4h.png) no-repeat center;}
.way_t p.cur .i2{background:url(../images/way_ic5h.png) no-repeat center;}
.way_t p.cur .i3{background:url(../images/way_ic6h.png) no-repeat center;}
/*adva*/
.adva{padding:70px 0 60px;background:url(../images/ptcp_bg.jpg) no-repeat center 0;}
.adva h2{margin-bottom: 50px;}
.adva_l{float: left;width: 620px;}
.adva_pic{position: relative;height:351px;}
.adva_size{position: absolute;width: 93px;height: 26px;right: 0;bottom: 0;z-index: 10;}
.adva_size i{float: left;width: 10px;height: 10px;background: #3c4142;border-radius:50%;margin-right: 10px;}
.adva_size i.cur{background: #17863b;}
.adva_r{float: right;width: 570px;position: relative;}
.adva_r li{float: left;width: 214px;padding:0 30px;height: 343px;border:2px solid #5ab530;}
.adva_r li h3{padding:37px 0 28px;font-weight:normal;}
.adva_r li h3 img{display:block;margin-bottom:28px;}
.adva_r li h3 span{display:block;font-size: 24px;color: #333;line-height: 24px;}
.adva_r li p{font-size: 16px;color: #666;line-height: 33px;}
.adva_r .l1{padding:0 40px;width: 486px;height: 197px;margin-bottom: 8px;}
.adva_r .l1 h3{padding:45px 0 16px;}
.adva_r .l2{margin-right: 14px;}
.adva_r .l4{position: absolute;width: 526px;padding:0 45px;height: 191px;left: -630px;bottom: 0;}
.adva_r li:hover{border-color: #17863b;}
.adva_r li:hover h3 span{font-weight:bold;}
/*coop*/
.coop{height: 600px;padding-top:59px;background:url(../images/coop_bg.jpg) no-repeat center 0;}
.coop h2{margin-bottom: 50px;}
.coop h2 span{color: #fff;}
.coop h2 i{color: #9e9e9e;}
.coop ul{margin-left:-30px;}
.coop li{float: left;width: 216px;margin-left: 30px;margin-bottom: 30px;}
.coop li img{display: block;width: 216px;height: 108px;filter: grayscale(100%);}
.coop li:hover img{filter: grayscale(0);}
/*news*/
.news{padding:70px 0 50px;background:url(../images/ptcp_bg.jpg) no-repeat center 0;}
.news h2{margin-bottom: 30px;}
.news h3{text-align: center;height: 27px;margin-bottom:47px;font-weight:normal;}
.news h3 a{display:inline-block;width: 104px;height: 25px;line-height: 25px;margin:0 8px;border:1px solid #e1e1e1;font-size: 14px;color: #666;}
.news h3 a.cur{color: #333;border-color: #5ab530;}
.new_con li{float: left;width: 570px;margin-right: 30px;}
.new_con li i{display:block;font-size: 34px;color: #333;font-family: "宋体";line-height:30px;height: 46px;border-bottom:2px solid #e1e1e1;}
.new_con li a{display:block;font-size: 15px;color: #010101;height: 30px;line-height: 30px;margin:20px 0 8px;}
.new_con li p{font-size: 14px;color: #9a9a9a;line-height: 22px;}
.new_con li.nomar{margin-right: 0;}
.new_con li:hover i{border-color: #5ab530;}
.new_con li:hover a{font-weight:bold;}
.news .more{display:block;width: 166px;height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #fff;margin:45px auto 0;background: #5ab530;}
.news .more:hover{background: #17863b;}
/*abt*/
.abt{padding:70px 0 150px;background: #f5f5f5;}
.abt h2{margin-bottom: 50px;}
.abt_con{height: 396px;position: relative;}
.abt_con .text{position: absolute;width: 1060px;height: 251px;background: #fff;left: 70px;bottom: -84px;box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px 0 10px rgba(0,0,0,0.1);}
.abt_con .text p{font-size: 14px;color: #666;line-height: 30px;padding:20px 80px 0;text-align: center;}
.abt_con .text .more{display:block;width: 105px;height: 32px;line-height: 32px;text-align: center;font-size: 14px;color: #fff;margin:20px auto 0;background: #5ab530;}
.abt_con .text .more:hover{background: #17863b;}


















































































