@charset "gb2312";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th{margin:0; padding:0;}
li,i,em{list-style:none; font-style: normal;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:12px;}
img{border:0;}
.clear{height:0; overflow:hidden; clear:both;}
dl,dt,dd{
	margin: 0px; padding: 0px; list-style: none;}
.fl{ float:left}
.fr{ float:right}
body,td,th{font-size: 14px;	color:#343434;}
a{font-size:14px; color:#343434;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body{font-family: arial,microsoft yahei; background:url(images/1.jpg) top repeat-x; min-width:1400px; }

.w1400 { width:1400px; margin:auto;}
.total_top { height:50px; line-height:50px; position:relative; color: #b8b8b8;}
.total_top a { color:#d9e8de;}
.top_left { position:absolute; left:0;}
.top_right { position:absolute; right:53px;}
.top_right li { height:50px; line-height:50px;  float:left; padding-left:10px; padding-right:10px;}
.top_right li img { float:left; margin-top:15px; margin-right:10px;}

@font-face {
 font-family:fontDin1;
 src: url(DIN-MEDIUM_otf.txt),url(DIN-MEDIUM_woff.txt),url(DIN-MEDIUM_eot.txt),url(DIN-MEDIUM_woff2.txt),url(DIN-MEDIUM_ttf.txt)}


.dianwenzi { position:absolute; z-index:100000; top:34px;}



.total { position:relative; overflow:hidden}

.top_toubu { height:150px; overflow:hidden}
.top_toubu b { display:block; margin-top:50px;}

.top_tubiao span {height:28px; display:block;line-height:28px; color:#666; font-size:15px; font-weight: normal; letter-spacing: 0.7px;}
.top_tubiao strong { display:block; font-size:26px; color:#00904a; letter-spacing: 1px;}
.top_tubiao { margin-top:46px; overflow: hidden} 


.logo img { float: left; margin-right:18px;}
.logo .jiange { margin-top: 44px;}
.logo .shangju { margin-top: 37px;}

.htel{ font-size:16px; color:#666; line-height:32px; padding-left:45px; margin-top: 38px; background:url(images/8.png) no-repeat left center;}
.htel em{ display:block; font-size:30px; font-family:fontDin1; color:#343434;}


.nav { height:80px; font-family:Microsoft YaHei;overflow:hidden}
.nav li { border-left:  solid 1px #51a36b; font-size:14px; float:left; text-align:center; height:80px; line-height:80px; position:relative;}
.nav li a { display:block; color:#fff; font-size:16px; padding-left:35px; padding-right:36px; position:relative; z-index:2; }
.nav li.noming {  background:url(images/4.jpg) center no-repeat; display:block;  color:#fff;}
.nav li.noming a { color:#fff;}

.nav li:nth-last-child(1) {border-right:  solid 1px #51a36b;}

.nav li:before { background:url(images/4.jpg) no-repeat; display:block; color:#fff; content:""; position:absolute; top: 0px; width:100%; left: 0;  height:0px; transition: all 0.5s;}
.nav li:hover:before  {content:""; width:100%; height:80px; z-index:1;}
.nav li:hover a { color:#fff;}
.nav li:nth-last-child(1) { background: none;}


.focus { width:100%; height:700px; overflow:hidden; position:relative;}
.focus ul {height:700px; position:absolute;}
.focus ul li {float:left; width:100%; height:700px; overflow:hidden; position:relative; background:#343434;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#343434; display:none;}
.focus .btn {position:absolute; width:1400px; left:50%; margin-left:-700px; height:24px; bottom:40px; text-align:right; z-index:100000;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:100px; position:absolute; top:288px; background:url(images/6.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
#banner{overflow:hidden;}


.search { width:100%; margin:auto; background:#fff; border-bottom: solid 1px #ececec; height:79px; overflow: hidden}
.search_tu { float:right; width:56px; height:79px; overflow:hidden}
.search-bg { border-left: solid 1px #ececec;}
.search_2 {float:left; width:260px;  border-left: solid 1px #ececec;}
.search_2 input{ background:#fff; outline: none; border: none; width:240px; padding-left:20px; height:79px; line-height:79px; color:#c6c6c6;}
.zhonjian { width:317px; margin-left:50px;}
.zhonjian_wenzi { margin-top:32px;}

.pro_til{ margin-top: 70px; margin-bottom: 30px; text-align: center;font-size: 42px;color: #343434;}
.pro_til b{color:#00904a;position: relative;display: inline-block;}
.pro_til b:after{content: '';display: block;position: absolute;z-index: -1;height: 6px;background: #e2e3e3;bottom: 4px;width: 100%;-webkit-animation: widthchange 1.5s linear infinite;animation: widthchange 1.5s linear infinite; }
.pro_til span{display: block;font-size: 18px;color: #666;font-weight: lighter; margin: 6px 0 12px 0;}
.pro_til:after{content: '';display: block;height: 20px;background: url(images/13.png) no-repeat center;}

@-webkit-keyframes widthchange{
0%{width: 100%;}
25%{width: 50%;}
50%{width: 25%;}
75%{width: 50%;}
100%{width: 100%;}
}

@keyframes widthchange{
0%{width: 100%;}
25%{width: 50%;}
50%{width: 25%;}
75%{width: 50%;}
100%{width: 100%;}
}

.pro_list { margin-bottom: 30px;}
.pro_list li {  width:335px; height:140px; float: left; background:#fff; box-shadow:0 0 15px #f3f3f3;}
.pro_list li img { float: left; width:174px;}
.pro_list li span { display: block; float: left; margin-top: 35px;}
.pro_list li a {  font-size:22px; color:#303132;transition:all .3s ease;}
.pro_list li em{ display:block; font-size:12px; color:#a6a8a9; text-transform:uppercase; margin-top:5px; transition:all .3s ease;}
.pro_list li+li{ margin-left:20px;}
.pro_list li:hover { box-shadow:0 0 15px #abd8b9;}
.pro_list li:hover a { color:#51a36b;}
.pro_list li:hover em{color:#51a36b;}

.pro_tu { padding-bottom: 70px; overflow:hidden;}
.pro_tu dl { width: 335px; float: left;background: #f5f5f5; margin-bottom: 25px; margin-right: 20px; position: relative; border: solid 5px #f5f5f5; box-sizing: border-box; overflow: hidden;}
.pro_tu dl dd { text-align: center; position: relative; z-index: 2;}
.pro_tu dl dt { width: 325px; height: 240px; position: relative;  z-index: 3; overflow: hidden;}

.pro_tu dl dd strong { display: block; margin-top: 20px; margin-bottom: 20px; font-size: 16px; font-weight: normal;}
.pro_tu dl:hover strong { color: #51a36b;}
.pro_tu dl:nth-child(4),.pro_tu dl:nth-child(8) { margin-right: -20px;}

.pro_tu dl dt img { transition: all 0.5s;}
.pro_tu dl:hover dt img{ transform:scale(1.2);}
.pro_tu dl:after{content:'';display:block; position:absolute;background:rgba(0,0,0,0.6);width:100%;height:100%;top:0;left:0;transition:all .3s ease;opacity:0; z-index: 5;}
.pro_tu dl:hover:after{ opacity:1;}

.pro_tu dl i:after,.pro_tu dl i:before{ content:''; display:block; position:absolute;  transition:all .6s ease; z-index:3; width:0; height:0; opacity:0; z-index: 6;}
.pro_tu dl i:after{ border-top:2px solid #fff; border-right:2px solid #edeff5;top:10%; right:10%;}
.pro_tu dl i:before{ border-bottom:2px solid #fff; border-left:2px solid #edeff5;bottom:10%; left:10%;}
.pro_tu dl:hover i:after,.pro_tu dl:hover i:before{width:85%; height:85%; opacity:1;}

.pro_tu dl span{ display: block; position:absolute; left:0; top:0; bottom:0; right:0; margin: auto; width:120px; line-height:40px; text-align:center; font-size:14px; color:#fff; background:#51a36b; font-family:fontDin; opacity:0; transition:all .6s ease; z-index:3; height:40px; z-index: 7;}
.pro_tu dl:hover span{ opacity:1;}


.sort {background: #f5f5f5; }
.sort_til {height:122px;color: #fff;background: url(images/29.png)no-repeat center;}
.sort_til b { margin-left: 33px; display: block;font-size: 42px; padding-top: 22px;opacity:0.2; text-transform: uppercase;}
.sort_til p {font-size: 26px;font-weight: bold;margin-top: -35px;background: url(images/30.png)no-repeat 35px center; text-align: center;}

.sort_nor { width:300px; margin:auto; padding-top: 20px; padding-bottom: 25px; overflow:hidden}
.sort_nor dt { width: 250px; margin: auto;  background: #484848 url(images/31.png) no-repeat 210px center; margin-bottom: 1px; height: 60px;line-height: 60px;} 
.sort_nor dt a { display: block; color: #fff; padding-left: 20px;  font-size: 16px;}
.sort_nor dt:hover { background: #00904a url(images/31.png) no-repeat 210px center; color: #fff; display: block;}

.sort_contact {background: #00904a;	text-align: center;	padding: 25px 0 20px 0;}
.sort_contact p {	font-size: 18px;color: #FFF; margin-top: 10px; line-height: 30px;}
.sort_contact p span {	display: block;	font-size: 24px;	font-weight: bold;}

/*特点*/

.features_til{ margin-top: 70px; text-align: center; font-size: 42px; color: #fffa62; margin-bottom: 30px;}
.features_til b{color:#fff;position: relative;display: inline-block;}
.features_til b strong { position: relative; z-index: 2;}
.features_til b:after{content: '';display: block;position: absolute;z-index: 1;height: 6px;background: #9dc6a8;bottom: 4px;width: 50%;-webkit-animation: widthchange 1.5s linear infinite;animation: widthchange 1.5s linear infinite; }
.features_til span{display: block;font-size: 18px;color: #d8ecdd;font-weight: lighter; margin: 6px 0 12px 0;}
.features_til:after{content: '';display: block;height: 20px;background: url(images/15.png) no-repeat center;}


.features_bt { background: url(images/6.jpg) center; height: 780px; min-width: 1300px; overflow: hidden;}
.features_1 { margin: 90px auto 0; text-align: center; }
.features_1 em { display: block; }
.features_1 span { font-size: 24px; color: #fff; font-weight: bold; margin: 20px 0; display: block; }
.features_1 p { width: 30px; height: 3px; background: #fffa62; margin: 0 auto 20px; }
.features_1 i { color: #eee; font-size: 16px; }
.features_w { width: 700px; }
.features_w li { padding-bottom:35px; background: url(images/17.png) no-repeat 21px 28px; padding-left: 106px; position: relative; height: 100px; transition: 0.2s cubic-bezier; }
.features_w li:hover { background: url(images/18.png) no-repeat; transition: 0.2s cubic-bezier; }
.features_w li span { font-size: 22px; font-weight: normal; color: #fff; }
.features_w li:hover span { color: #fffa62; }
.features_w li p { color: #d8ecdd; line-height: 30px; padding-top: 15px; font-size: 15px;}
.features_w li:hover p { color: #fffa62; }
.features_w li:after { content: ""; position: absolute; width: 1px; height: 109px; background: #51a36b; left: 40px; top: 57px; z-index: -1;}

.advantage_til{ margin-top: 70px; text-align: center; font-size: 42px;color:#343434; margin-bottom: 30px;}
.advantage_til b{color: #00904a; position: relative;display: inline-block;}
.advantage_til b strong { position: relative; z-index: 2;}
.advantage_til b:after{content: '';display: block;position: absolute;z-index: 1;height: 6px;background: #9dc6a8;bottom: 4px;width: 50%;-webkit-animation: widthchange 1.5s linear infinite;animation: widthchange 1.5s linear infinite; }
.advantage_til span{display: block;font-size: 18px;color: #666;font-weight: lighter; margin: 6px 0 12px 0;}
.advantage_til:after{content: '';display: block;height: 20px;background: url(images/13.png) no-repeat center;}


.adv{ padding:0px 0 75px 0;}
.advtab{ margin:0px 0 35px 0;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; text-align:center;}
.advtab li{ box-sizing:border-box; width:25%; height:160px; border:1px solid #e9ecef; transition:all .3s ease; position:relative; font-size:30px; color:#393c3f; cursor:pointer; transition:all .3s ease;}
.advyuan{ position:absolute; left:0; right:0; margin:0 auto; top:-13px; width:26px; height:26px; border-radius:50%; background:rgba(61,153,90,.12);display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.advyuan i{ width:14px; height:14px; border-radius:50%; background:rgba(61,153,90,.4);display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.advicon { display:inline-block; width:50px; height:60px; margin-top:40px; transition:all .3s ease;}
.advicon img {filter: none; }
.advtab li.on .advicon img {filter: brightness(0) invert(1);}

.advyuan i em{ width:8px; height:8px; border-radius:50%; background:#fff;}
.advtab li.on{ background:#00904a; color:#fff;}
.advcon{ padding:30px; box-shadow:0 0 15px #ddd;}
.advcon ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-end;}
.advright{ width:640px;}
.advtop{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; padding-bottom:40px; border-bottom:1px dashed #e4e4e3;}
.advnum{ width:86px; line-height:86px; text-align:center; color:#fff; font-family:impact; font-size:42px; color:#fff; background:url(images/20.png) no-repeat center; margin-right:25px;}
.advtop em{ font-size:14px; color:#a9a7a6; text-transform:uppercase;}
.advtop b{ display:block; font-size:30px; color:#323436; margin-bottom:6px;}
.advwa{ font-size:15px; color:#85888b; line-height:36px; margin:50px 0 60px 0;}
.advwa p{ padding-left:45px; background:url(images/21.png) no-repeat left 10px;}
.advtel{ line-height:94px; background:#ecedee; font-size:16px; color:#666; text-align:center;}
.advtel em{ display:inline-block; vertical-align:top; font-size:32px; color:#00904a; font-family:fontDin1; margin-left:20px;}
.advtel span{ display:inline-block; padding-left:42px; background:url(images/55.png) no-repeat left center;}


.case_til{ text-align: center; font-size: 42px; color: #fffa62; margin-top: 65px; margin-bottom: 30px;}
.case_til b{color:#fff;position: relative;display: inline-block;}
.case_til b strong { position: relative; z-index: 2;}
.case_til b:after{content: '';display: block;position: absolute;z-index: 1;height: 6px;background: #9dc6a8;bottom: 4px;width: 50%;-webkit-animation: widthchange 1.5s linear infinite;animation: widthchange 1.5s linear infinite; }
.case_til span{display: block;font-size: 18px;color: #d8ecdd;font-weight: lighter; margin: 6px 0 12px 0;}
.case_til:after{content: '';display: block;height: 20px;background: url(images/15.png) no-repeat center;}


.case{ background:url(images/25.png) no-repeat center top #fff; height: 810px; overflow: hidden;}

.casecon { position: relative;}
.casecon li:nth-child(1) { position: absolute; left: 25px; top: 20px;}
.casecon li:nth-child(2) { position: absolute; left: 25px; top: 275px;}
.casecon li:nth-child(3) { width:669px; height:504px; position: absolute; left: 50%; margin-left: -335px; top: 20px;}
.casecon li:nth-child(3) dl { width:669px; height:504px;}
.casecon li:nth-child(4) { position: absolute; right: 25px; top: 20px;}
.casecon li:nth-child(5) { position: absolute; right: 25px; top: 275px;}

.casecon li dl{ width:330px; height:248px; overflow:hidden; position:relative;}
.casecon li dl+dl{ margin-top:30px;} 
.casecon li dl a img{ width:100%; height:100%;}
.casecon li dl a img { border: solid 1px #f5f5f5; box-sizing: border-box;}
.casecon li dl a p{bottom:0px; left:0px; position:absolute; width:100%; height:55px; overflow:hidden; background:rgba(0,0,0,0.68); font-size:18px; color:#fff; line-height:55px; text-align:center; transition:all 0.5s ease; z-index:999;}
.casecon li dl:hover a p{ line-height:210px; font-size:20px;height: 248px;background:none;}
.casecon li dl a:after{ content:''; width:100%; height:100%;background:rgba(0,0,0,0.68); transition:all 0.5s linear; position:absolute; display:block; left:-120%; transform:rotate(90deg); top:0px;}
.casecon li dl:hover a:after{ left:0px;transform:rotate(360deg);}
.casecon li dl a{ display:block;width:100%; height:100%;} 

.about{ margin:30px auto 0px auto;}
.abcon{ height:143px; background:#f8f8f8;}
.ableft{ color:#d6ecdd; text-align:center; width:350px; height:100%; font-size:16px; background:#00904a; border-radius: 0px 0px 5px 5px;}
.ableft strong{ display:block; font-size:27px; color:#fff; padding:35px 0px 10px 0px;}
.abright{ width:1050px;}
.abright a,.abright{ font-size:14px; color:#999999; line-height:32px;}
.abright a:hover{ color:#00904a; text-decoration:underline;}
.abright p{ padding:23px 40px;}
.company_til{ text-align: center; font-size: 42px;color:#343434; margin-bottom: 30px;}
.company_til b{color: #00904a; position: relative;display: inline-block;}
.company_til b strong { position: relative; z-index: 2;}
.company_til b:after{content: '';display: block;position: absolute;z-index: 1;height: 6px;background: #9dc6a8;bottom: 4px;width: 50%;-webkit-animation: widthchange 1.5s linear infinite;animation: widthchange 1.5s linear infinite; }
.company_til span{display: block;font-size: 18px;color: #666;font-weight: lighter; margin: 6px 0 12px 0;}
.company_til:after{content: '';display: block;height: 20px;background: url(images/13.png) no-repeat center;}

.abpic { height:353px; overflow:hidden;}

.company_tu { width:1400px; margin:auto; overflow:hidden;}
.company_tu dl {width: 335px; margin-right: 20px;  margin-top: 20px; float: left; height: 299px; position: relative; overflow: hidden;}
.company_tu dl dd { position: relative; z-index: 2; background: url(images/13.jpg); height: 49px; line-height: 49px;}
.company_tu dl dt {position: relative;  z-index: 3;  height: 250px; overflow: hidden;}
.company_tu dl dd strong { margin-left: 25px; display: block; font-size: 14px; font-weight: normal;}
.company_tu dl:nth-last-child(1) { margin-right: -20px;}


.foot{ background:#222;  padding:60px 0 40px; margin-top:60px; overflow:hidden;}
.footer_zuo li { float:left; width:150px; padding-left:60px; background:url(images/36.jpg) top left no-repeat; overflow:hidden;}
.footer_zuo li span { display:block; color:#fff; font-size:16px; margin-bottom:20px;}
.footer_zuo li.julis { padding-left:0px; background:none;}
.footer_zuo li a { color:#999; display:block; margin-bottom:15px;}
.footer_zuo { overflow:hidden;}
.foot_one{ height:182px; width:158px; float:left;margin-left: 100px;}

.foot_two dd { width:222px; overflow:hidden; margin-bottom:15px; color:#888; margin-left: 300px;}
.foot_two dd strong { display:block; color:#00904a; font-size:22px;}
.foot_two dd img { float:left; margin-right:15px;}

.foot_two{ float:right;}

.foot_two div:nth-child(2){ color:#b1b1b1; font-size:14px; line-height:36px; text-align:right; margin-top:23px;}
.foot_two div:nth-child(2) a{  color:#b1b1b1; font-size:14px; }

.link_box { background:#00904a; height:80px; line-height:80px;  overflow:hidden;}
.link_til { font-size:18px; color:#fff; background:url(images/34.png) no-repeat left; padding-left:36px;}
.link_til span{ font-size:15px; color:#e0efe0; font-family: Arial, Helvetica, sans-serif;margin-left: 6px; text-transform: uppercase;}
.linkTagcs li{ width:auto !important;}
.linkTagcs li a{ font-size:16px !important; color:#fff !important;}
.link_nor { width:1180px; overflow:hidden;}
.link_nor a {color: #fff !important;}

.zuihoud a {color:#999;}
.zuihoud {color:#999; margin-top:20px;}