@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}

.tit2{font-size: 40px;color: #333;background:url(../images/jz_tbg.gif) no-repeat center 10px;line-height: 40px;text-align: center;height: 90px;overflow: hidden;}
.tit2 a{color: #333;}
.tit2 i{color: #024c96;padding-left: 10px;}
.tit2 span{display: block;font-size: 22px;color: #666;font-weight: normal;padding: 5px 0 0; background:url(../images/dtmore.jpg) no-repeat right 20px;}


.titis{height:109px;text-align: center;background: url(../images/ico1.png) no-repeat center bottom;}
.titis h2 {color: #004393;height:57px;line-height:57px;font-size:42px;}
.titis h2 a {color: #004393;}
.titis p{font-size:18px;color: #1c1c1c;line-height:32px;height: 32px;}

.tit{ font:48px "Microsoft YaHei UI"; text-align:center; color:#333333; height:140px; font-weight:bold; background: url(../images/ico1.png) no-repeat center bottom;}
.tit a{ color:#333333;}
.tit em{ display:block; font-size:18px; padding:12px 0 0;font-weight:normal; color:#666;}
.tit i{ font:30px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#215295; display:block;}
/**/
.jic{ position: relative; height: 675px; width: 1380px; margin: 0 auto; }
.jic_l{ overflow: hidden; width: 568px; margin-top: 17px;}
.jic_l h3{ line-height: 100%; padding-top: 82px; font-size: 42px; color: #1a1a1a;font-weight: normal;background:url(../images/j_l.png) no-repeat; }
.jic_l h3 i{ display: block; font-weight: bold; padding-top: 14px;}
.jic_l h3 span{ display: block; font-size: 20px; color: #333333; line-height: 100%; padding-top: 22px; padding-bottom: 39px;background:url(../images/j_l2.png) no-repeat left bottom; margin-bottom: 22px;}
.jic_l p{ height: 167px; font-size: 16px; color: #333333; width: 519px; line-height: 30px;}
.jic_l ul li{ line-height: 100%; padding-bottom: 16px; margin-bottom: 40px; border-bottom: 1px solid #dcdcdc; overflow: hidden; cursor: pointer;}
.jic_l ul li span{ display: inline-block; float: left; color: #ccc; font-size: 22px; font-family: Bahnschrift; line-height: 100%; padding-right: 50px; position: relative;}
.jic_l ul li span:before{ position: absolute; content: ""; left: 23px; height: 1px; background: #ccc; top: 7px; width: 40px;}
.jic_l ul li i{ display: inline-block; float: left; line-height: 100%; color: #1a1a1a; font-size: 18px;}
.jic_l ul li.on{ border-bottom: 1px solid #178471;}
.jic_l ul li.on span{color: #178471;}
.jic_l ul li.on span:before{ background: #178471;}
.jic_l ul li.on i{color: #178471;}
.jic_r{ width: 707px; padding-right: 34px; margin-right: -34px; padding-top: 24px;background:url(../images/j_r.png) no-repeat right 0;}
.jic_r ul li{ position: relative;}
.jic_r ul li b{ display: block; overflow: hidden; border-radius:10px; height: 428px; margin-bottom: 39px;}
.jic_r ul li b img{ width: 707px;}
.jic_r ul li i{ display: block; font-weight: bold; color: #178471; font-size: 22px; padding-bottom: 12px;}
.jic_r ul li i span{ font-size: 16px; padding-left: 9px;}
.jic_r ul li em{ display: block; font-size: 16px; color: #333333; line-height: 30px; position: relative; z-index: 55;}
.jic_r ul li strong{ display: inline-block; position: absolute; right: 0; top:458px; color: #eff4f3; font-size: 132px; font-family: Bahnschrift; line-height: 100%; font-weight: normal;}
/**/
/*客户见证*/
.jz{background:url(../images/newbg.jpg) no-repeat center 0;padding: 70px 0 0;height: 496px;overflow: hidden;}
.jz_t{font-size: 40px;color: #333;background:url(../images/jz_tbg.gif) no-repeat center 10px;line-height: 40px;text-align: center;height: 90px;overflow: hidden;}
.jz_t a{color: #333;}
.jz_t i{color: #024c96;padding-left: 10px;}
.jz_t span{display: block;font-size: 22px;color: #666;font-weight: normal;padding: 5px 0 0;}
.jz_m{margin-top: 40px;}
.jz_m dl{width: 23.23%;float: left;position: relative;margin-left: 1.8%;height:368px;}
.jz_m dl dt{width: 100%;line-height: 0;overflow: hidden;}
.jz_m dl dt img,.news01 dl dt img,.about dl dt img{width: 100%;height: 100%;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.jz_m dl dt img:hover,.news01 dl dt img:hover,.about dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.jz_m dl dd{width: 85%;height: 90px;position: absolute;top: 62%;left: 5%;background: #fff;z-index: 10;padding: 0 0 0 5%;}
.jz_m dl dd h5{height: 30px;line-height: 30px;overflow: hidden;padding: 15px 0 0;}
.jz_m dl dd h5 a{font-size: 20px;color: #333;}
.jz_m dl dd p{padding-top:8px;font-size: 14px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:66%;}
.jz_m dl dd span{display: block;width: 90px;height: 90px;background: #024c96;position: absolute;top: 0;right: 0;}
.jz_m dl dd span img{width: 90px;height: 90px;}
.jz_m dl:hover dd span{background: #99cc33;}
/**/
.koub{ overflow: hidden; padding-top:70px; height: 963px; margin-bottom:83px;background:url(../images/newbg.jpg) no-repeat center 0;box-sizing: border-box;}
.koub h2{ margin-bottom: 25px;}
.zhs_lis ul li{ float: left; width: 228px; margin-right: 15px; position: relative; padding-bottom: 2px;}
.zhs_lis ul li:after{ position: absolute; content: ""; left: 0; bottom:0; background: #178572; width:0; height:2px; transition: 0.2s;}
.zhs_lis ul li img{ width: 228px;}
.zhs_lis ul li i{ display: block; overflow: hidden; height: 128px;}
.zhs_lis ul li span{ display: block; height: 41px; line-height: 41px; text-align: center; font-size: 16px; color: #333333;}
.zhs_lis ul li:last-of-type{ margin-right: 0;}
.zhs_lis ul li.cur:after{ width: 100%;}
.zhs_lis ul li.cur i{ box-shadow: 0 0 15px rgba(0,0,0,0.25);}

.zhs_onw{ overflow: hidden;background:url(../images/c_bg1.png) repeat-x 0 44px; height: 508px;}
.zhs_onw dt{ float: right; font-size: 0; line-height: 0; overflow: hidden; margin-right: 35px; border-radius: 8px; }
.zhs_onw dt img{ width:750px;}
.zhs_onw dd{ float: left; padding:84px 0 0 54px; width:307px; color: #fff;}
.zhs_onw dd h4{ padding-bottom: 26px;}
.zhs_onw dd h4 a{ color: #fff; font-size: 22px; line-height: 34px;}
.zhs_onw dd p{ font-size: 16px; line-height: 27px; letter-spacing: 1px;margin-bottom: 14px;}
.zhs_onw dd em a{ display: block; width: 139px; height: 48px; line-height: 48px; background: #ffffff; border-bottom-right-radius:13px; font-size: 15px; color: #178471; text-align: center;}
/**/
    /**/
.why{height: 180px; padding: 54px 0 0;font-family:"Microsoft Yahei";font-size: 16px;line-height: 26px;color: #333;text-align: center;}
	.til01{text-align: center;color: #111;font-size:44px;line-height:56px;font-family: "Microsoft Yahei";clear: both;display: block;height:121px;white-space: nowrap; }
.til01 span{color: #666;display: block;font-size:20px;line-height:33px;font-weight: normal;background:url(../images/tit22.png) no-repeat bottom center; height:50px;}
.til01 a{color: #111;}
	/*产品展示左边*/	
.w14 { width:1400px; margin:0 auto; font-family:"Microsoft Yahei";}
.gd{ margin:10px 0; padding-bottom:50px; background:url(../images/abrands0.png) no-repeat center bottom;}
.gd h3.title1{ height:66px; background:url(../images/pro000.png) no-repeat 15px 5px; position:relative; font-size:30px; line-height:32px; padding-left:75px;  font-weight: bold;color: #000; border-bottom: 1px solid #eee;}
.gd h3.title1 p{font-size: 16px;color: #b4b4b4;text-transform: uppercase;}
.gd h3.title1 span{background:url(../images/top_tel00.png) no-repeat left center; padding-left:40px; margin-left:430px; color:#000;}
.gd h3.title1  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:14px; padding-bottom:10px;}

.gd .tabg{ width:489px; box-shadow: 0px 1px 10px 1px #ccc; margin-top:10px; background:#f7f7f7;  border-bottom:1px solid #cfcfcf; float:right; overflow:hidden;}
.gd .chanpin{ width:900px;  float: left; }
.gd h3 span{ font-size: 24px;top: 0; left: 480px; position: absolute;line-height: 3; }

.metTab h3 {cursor:pointer;float: left;background-color: #fff;color: #333;padding: 5px 20px;font-size:20px; margin:10px 20px 20px; border: 1px solid #888; }
.metTab h3.metTabIn {   background-color: #184b9c;color: #fff; border: 1px solid #f7f7f7; border-radius:0px;}
.metTab .metCon { clear: left; padding: 10px; display: none; text-align: center; }
.metTab .metConIn{  display:block; }
.metTab .metCon h4{ display:block; font-size:26px; text-align:left; height:72px; line-height:72px; font-weight:bold; color:#323232; overflow:hidden;}
.metTab .metCon p{font-size:16px; color:#7f7f7f; line-height:27px; text-align:left; margin:10px auto;}

.chanpin { width: 100%; overflow: hidden; margin-top: 10px;}
.chanpin ul li { width: 29%; padding: 5px 5px; margin-left: 2%; background:#fff; border: 1px solid #eee; box-shadow: 0px 1px 10px 1px #ccc;  margin-bottom: 10px; float:left; }
.chanpin ul li img{   border: 0px solid #eee; }
.chanpin ul li a .imgauto { width: 100%;  height: 255px;}
.chanpin ul li a span { display: block; margin-top: 8px; margin-bottom:5px; text-align: center; font-size: 16px; color:#000;}
.chanpin ul li:nth-child(2n) { margin-right: 0;}
.chanpin ul li:hover { border: 1px solid #e6e6e6;}
.chanpin ul li:hover img { opacity: .6;}
.chanpin ul li:hover span { color: #036aac;}	
/*产品展示右边*/	
.R-gd{ margin:10px 0; padding-bottom:50px;  background:url(../images/abrands.png) no-repeat center bottom;}
.R-gd h3.title1{ height:66px; background:url(../images/pro000.png) no-repeat 15px 5px; position:relative; font-size:30px; line-height:32px; padding-left:75px;  font-weight: bold;color: #000; border-bottom: 1px solid #eee;}
.R-gd h3.title1 p{font-size: 16px;color: #b4b4b4;text-transform: uppercase;}
.R-gd h3.title1 span{background:url(../images/top_tel00.png) no-repeat left center; padding-left:40px; margin-left:430px; color:#000;}
.R-gd h3.title1  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:14px; padding-bottom:10px;}

.R-gd .R-tabg{ width:489px; box-shadow: 0px 1px 10px 1px #ccc; margin-top:10px; background:#f7f7f7;  border-bottom:1px solid #cfcfcf; float:left; overflow:hidden;}
.R-gd .R-chanpin{ width:900px;  float: right; }
.R-gd h3 span{ font-size: 24px;top: 0; left: 480px; position: absolute;line-height: 3; }

.R-metTab h3 {cursor:pointer;float: left;background-color: #fff;color: #333;padding: 5px 20px;font-size:20px; margin:10px 20px 20px; border: 1px solid #888; }
.R-metTab h3.metTabIn {   background-color: #184b9c;color: #fff; border: 1px solid #f7f7f7; border-radius:0px;}
.R-metTab .metCon { clear: left; padding: 10px; display: none; text-align: center; }
.R-metTab .metConIn{  display:block; }
.R-metTab .metCon h4{ display:block; font-size:26px; text-align:left; height:72px; line-height:72px; font-weight:bold; color:#323232; overflow:hidden;}
.R-metTab .metCon p{font-size:16px; color:#7f7f7f; line-height:27px; text-align:left; margin:10px auto;}

.R-chanpin { width: 100%; overflow: hidden; margin-top: 10px;}
.R-chanpin ul li { width: 29%; padding: 5px 5px; margin-left: 2%; background:#fff; border: 1px solid #eee; box-shadow: 0px 1px 10px 1px #ccc;  margin-bottom: 10px; float:left; }
.R-chanpin ul li img{   border: 0px solid #eee; }
.R-chanpin ul li a .imgauto { width: 100%;  height: 255px;}
.R-chanpin ul li a span { display: block; margin-top: 8px; margin-bottom:5px; text-align: center; font-size: 16px; color:#000;}
.R-chanpin ul li:nth-child(2n) { margin-right: 0;}
.R-chanpin ul li:hover { border: 1px solid #e6e6e6;}
.R-chanpin ul li:hover img { opacity: .6;}
.R-chanpin ul li:hover span { color: #036aac;}	
	/*产品展示*/




.w138 { width:1380px; margin:0 auto; font-family:"Microsoft Yahei";}
.w13 { width:1300px; margin:0 auto; font-family:"Microsoft Yahei";}

/*产品展示*/
.protil{height: 82px;line-height: 47px;}
.protil ul{float: right;}
.protil li{float: left;border: solid 1px #d0d0d2;margin-left: -1px;width: 149px;font-size: 16px;text-align: center;}
.protil li a{display: block;color: #666;}
.protil li.cur,.protil li:hover{border-color: #173399;}
.protil li.cur a,.protil li a:hover,.protil li:hover a{display: block;color: #fff;font-weight: bold;background: #173399;}

.tab3{width: 1500px; margin-top:20px;}
.tab3 .tit{height: 130px;text-align: center;}
.tab3 .tit h2 {height: 65px;line-height: 65px;font-size:38px;color: #004393;}
.tab3 .tit h2 a{color: #004393;}
.tab3 .tit p{height: 59px;line-height: 59px;font-size:16px;color: #333333}
.tab3 .tit p a{color: #fff;margin-right: 24px;padding:8px 30px; background-color:#2a64bf;}
.tab3 .tit p a:hover{color: #fff;margin-right: 24px; padding:8px 30px; background-color:#177b71;}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:1px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*/




.pro_ct{padding-top:77px;height: 840px;overflow: hidden;position: relative;}
.pro_ct .tit{height: 160px;text-align: center;}
.pro_ct .tit h2 {height: 85px;line-height: 85px;font-size:42px;color: #333333;background:url(../images/ico1.jpg) no-repeat center bottom;}
.pro_ct .tit h2 a{color: #333;}
.pro_ct .tit p{height: 59px;line-height: 59px;font-size:16px;color: #333333}
.pro_ct .tit p a{color: #333333;margin-right: 24px;padding-left:11px;background: url(../images/ico2.png) no-repeat left center;}
.pro_ct_nr{background: url(../images/pro_b2.jpg) no-repeat center top;height: 720px;background-size:100% 100%;}
.pro_ct_a{position: relative;height:720px}
.pro_ct_nr dl{width:1200px;margin:0 auto;}
.pro_ct_nr dt{font-size:0;line-height: 0;width:960px;overflow: hidden;float:right;margin-right:-360px;}
.pro_ct_nr dt img{width:960px;height:720px;}
.pro_ct_nr dd{float:left;width:503px;padding-top:100px;}
.pro_ct_nr dd h4{font-size:22px;color: #333333;line-height: 34px;font-weight: normal;}
.pro_ct_nr dd h4 span a {display: block;height: 42px;line-height: 42px;font-size:30px;color: #333333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_ct_nr dd p{font-size:16px;color: #666666;line-height: 28px;padding-top:24px;height: 122px;overflow: hidden;}
.pro_ct_nr dd em a{font-size:16px;color: #c30d23;padding-right:35px;background: url(../images/pro_ico1.png) no-repeat right;height: 22px;line-height: 22px;}
.pro_ct_nr dt{float:right;margin-right:-360px;margin-left:0;}
.pro_ct_nr dd{float:left;}
.pro_j3,.pro_j4{position: absolute;top:529px;}
.pro_j3{left:1%;}
.pro_j4{right:1%;}
.pro_ct_t{margin-left:-600px;}



/**/
.g_ys{padding-top: 46px;height: 925px;overflow:hidden;}
.g_ys h2{display: block; position: relative;height: 170px;font-size:42px;color:#000;font-weight: bold;text-align: center;}
.g_ys h2 em{display: block;font-size:20px;color:#666666;padding-top: 6px;}
.g_ys h2:before{content: "";position: absolute;width:72px;height: 3px;background: #178471;left:50%;margin-left: -36px; top:120px;}
.ysbd dt{width:1380px;height: 566px;overflow: hidden;margin-bottom: 32px;}
.ysbd dt img{width:1380px;height: 566px;display: block;}
.ysbd dd{padding-left: 20px;}
.ysbd p{float: left;width:980px;padding-top: 18px;}
.ysbd p em{display: block;font-size:18px;line-height: 36px;color:#666666;position: relative;padding-left: 15px;}
.ysbd p em:before{content: "";position: absolute;width:2px;height: 2px;background: #666666;left:0;top:15px;}
.ysbd ul{float: right;width:376px;}
.ysbd li{float: left;position: relative;padding:0 27px;font-size:18px;color:#333333;}
.ysbd li span{display: block;font-size:18px;color:#178471;}
.ysbd li span b{font-size:60px;font-family: arial;}
.ysbd li:before{content: "";position: absolute;width:1px;height: 92px;background: #dfdfdf;left:0;top:0;}
.yshd{position: absolute;left:0;top:412px;width:1380px;height: 155px;background: rgba(0,0,0,.6);}
.yshd dl{position: relative;float: left;width:345px;}
.yshd dt{padding-top: 15px;}
.yshd dt b{display: block;text-align: center;width:64px;height: 64px;line-height: 64px;border-radius: 50%;background:#292929;font-size: 32px;color:#fff;font-weight: normal;margin:0 auto;}
.yshd dt em{position: relative;display: block;line-height: 50px;font-size: 20px;color:#fff;text-align: center;margin-top: 12px;}
.yshd dt em:before{content: "";position: absolute;width:27px;height: 3px;background: #7f7f7f;left:50%;margin-left: -13px;}
.yshd dd{position: absolute;left:0;top:0;opacity: 0;}
.yshd .on{background: rgba(24,75,156,.9);padding-top: 33px;height: 167px;top:-45px;}
.yshd .on dd{opacity: 1;padding-top: 35px;width:345px;}
.yshd .on p{font-size: 18px;line-height: 24px;text-align: center;color:#fff;height: 80px;}
.yshd .on dt{opacity: 0}
.yshd .on h3{position: relative;display: block;line-height: 80px;font-size: 26px;color:#fff;text-align: center;}
.yshd .on h3:before{content: "";position: absolute;width:27px;height: 3px;background: #fff;left:50%;margin-left: -13px;}
/*解决方案*/
.plan{clear: both;position: relative;z-index:2;overflow: hidden; height: 846px;background:#f2f2f2;padding-top: 45px;overflow:hidden;}
.plan h2{display: block; position: relative;height: 170px;font-size:42px;color:#000;font-weight: bold;text-align: center;}
.plan h2 em{display: block;font-size:20px;color:#666666;padding-top: 6px;}
.plan h2:before{content: "";position: absolute;width:72px;height: 3px;background: #178471;left:50%;margin-left: -36px; top:120px;}
.plan_t{position: absolute;left:510px;top:500px;}
.plan .plan_t li{float: left;width:12px;height: 12px;background: #fff;border-radius: 50%;margin-right: 10px;}
.plan .plan_t .cur{background: #178471;width:36px;}

.plan .u_ljt,.plan .u_rjt{position: absolute; width:50px;height: 100px;z-index: 1452;}
.plan .u_ljt{background:rgba(0,0,0,.3) url(../images/ljt2.png) no-repeat center 30px;left:0;top:220px;}
.plan .u_rjt{background:rgba(0,0,0,.3) url(../images/rjt2.png) no-repeat center 30px;right:0;top:220px;}
.plan .u_ljt:hover{background:#178471 url(../images/ljt2.png) no-repeat center 30px;}
.plan .u_rjt:hover{background:#178471 url(../images/rjt2.png) no-repeat center 30px;}



.plan_c .tempWrap{overflow: visible !important;}
.plan_c dl{width: 1200px;position: relative;margin-right: 22px;height: 688px;}
.plan_c dt{width: 1200px;height: 543px;overflow: hidden;}
.plan_c dt img{width: 1000px;display: block;height: 543px;transition: all 0.3s linear 0s; padding-left:100px;}
.plan_c dl:hover dt img{transform: scale(1.1);}

.plan_c dd{padding: 26px 0 0 40px;position: relative;}
.plan_c h3 a{display: block; height: 40px; line-height: 40px; font-size:24px;font-weight: bold;color:#333333;}
.plan_c p{ font-size:16px;line-height: 52px;color:#636262;}
.plan_c span{position: absolute;right: 0;top:24px;width:190px;height: 103px;background:url(../images/anmore.jpg) no-repeat 32px 0;padding: 52px 0 0 40px;font-size: 16px;color:#636262;box-sizing: border-box;}
.plan_c span a{color:#636262;}
.plan_c span:before{content: "";position: absolute;width:1px;height: 90px;background: #e2e2e2;left:0;top:7px;}
/**/

.g_news{background:url(../images/newbg0.jpg) no-repeat center top;height: 905px;padding-top: 65px;box-sizing: border-box;overflow:hidden;}
.g_news h2 {display: block; position: relative;height: 182px;text-align: center;}
.g_news h3 a{display: block;height: 48px; line-height: 48px;margin-bottom: 10px;font-size: 24px;color:#1f1f1f;font-weight: bold;}
.g_news h3 span{font-size: 14px;color:#8a8a8a;padding-right: 13px;background:url(../images/dtmore.jpg) no-repeat right 20px;}
.newleft{float: left;width:714px;margin-left: 24px;}
.tt{height: 198px;}
.tt dd{float: left;width:172px;height: 183px;background: #178471;padding: 58px 0 0 0;box-sizing: border-box;}
.tt h3{width:93px;height: 38px;margin:0 auto;border:1px solid rgba(255,255,255,.5);text-align: center;font-size: 24px;color:#fff;font-weight: normal;}
.tt em{display: block;line-height: 40px;font-size: 14px;color:rgba(255,255,255,.6);text-align: center;}
.tt dt{float: left;width:447px;height: 183px;}
.tt1{height: 130px;border-bottom: 1px solid #e9e9e9;margin-bottom: 23px;}
.tt1 h4 a{display: block;line-height: 52px;font-size: 20px;color:#333333;font-weight: normal;}
.tt1 h4 a:hover{color:#178471;}
.tt1 p{font-size: 16px;line-height: 24px;color:#8a8a8a;}
.newlst li{line-height: 34px;font-size: 16px;color:#333;position: relative;padding-left: 22px;}
.newlst li a{color:#333;}
.newlst li:before{content:"";position: absolute;width:7px;height: 2px;background: #a8a8a8;left:0;top:16px;}
.newlst li span{color:#adadad;}
.newlst li a:hover{color:#178471;}
.newbk{float: right;width:530px;margin-right: 22px;}
.bktt{height: 140px;border-bottom: 1px solid #e9e9e9;margin-bottom: 20px;}
.bktt h4 a{display: block;line-height: 52px;font-size: 20px;color:#333333;font-weight: normal;}
.bktt h4 a:hover{color:#178471;}
.bktt p{font-size: 14px;line-height: 24px;color:#8a8a8a;}
.bklst li{height: 56px;border-bottom: 1px dashed #cfcfcf; font-size: 16px;color:#333;position: relative;margin-bottom: 12px;}
.bklst li a{color:#333;}
.bklst li a:hover{color:#178471;}
.bklst li em{display: block;color:#adadad;}
.bklst li:last-child{border-bottom: none;}
.bklst li a:hover em{font-weight: bold;}

/* 走进 */
.m_zj{overflow:hidden;}
.m_zj dt{width: 100%;display: block;}
.m_zj dt img{width: 100%;display: block;}
.m_zj dd{width: 1380px;margin: 0 auto;background:#fff; box-shadow: 8px 0 24px rgba(0,0,0,.2); height: 218px;padding: 37px 42px 0;margin-top: -137px;z-index: 11;position: relative; border-radius: 10px 10px 0 0;box-sizing: border-box;}
.m_zj h3 a{display: block;height: 52px;line-height: 52px;font-size: 36px;font-weight: bold;color: #000000;text-align: center;margin-bottom: 22px;}
.m_zj p{text-align: center;font-size: 16px;line-height: 24px;color: #666666;}
.m_zj p a{color:#178471;}

.g_zs2{height:400px;background: #fff;box-shadow: 8px 0 24px rgba(0,0,0,.2);overflow:hidden;}
.zz{position:relative;}
.zz ul{height:56px;background: #eeeeee;margin-bottom: 47px;}
.zz ul li a{float:left; height:56px; width: 100px; line-height: 56px;position: relative; padding-left: 62px; font-size: 20px;color: #333333}
.zz ul li a:before{content: "";position: absolute;width: 1px;height: 56px;background: #ccc;right:0;top:0;}
.zz ul li a{display:block;color: #333333;  }
.zz ul li:hover a,.zz ul li.cur a{color: #fff;background: #178471;}
.zz ul li i{position: absolute;left:30px;top:13px;width:30px;height: 30px;overflow: hidden;line-height:0;}
.zz ul li:nth-child(3) a:before{background: none;}
.zz ul li a:hover i img,.zz ul li.cur i img{margin-left: -30px;}

.zz_box{ position: relative;}
.g_zs2 .ljt,.g_zs2 .rjt{width: 16px;height: 22px;position: absolute;}
.g_zs2 .ljt{background:url(../images/ljt.png) no-repeat;left:-45px;top:92px; }
.g_zs2 .rjt{background:url(../images/rjt.png) no-repeat;right:-45px;top:92px;}
.g_zs2 .ljt:hover,.g_zs2 .rjt:hover{background-position: -16px 0}
.zz-s{height:280px; margin:0 20px; overflow:hidden;}
.zz-s ol li{position: relative; float:left; width:300px;margin-right:20px; *display:inline;background: none;padding: 0;background:url(../images/xcbg.jpg) no-repeat;padding:9px;}
.zz-s ol li.no{margin:0;}
.zz-s ol li img{width:300px; height:226px; display: block;transition: all 0.3s linear 0s;border:1px solid #ccc;}
.zz-s ol li em{display: block;height: 56px;line-height: 56px;font-size: 16px;color: #666666;background:url(../images/xcico.jpg) no-repeat right 15px;}






@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }