@charset "utf-8";
/* CSS Document */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {box-sizing:border-box;-ms-overflow-style:scrollbar;}
*, *::before, *::after {box-sizing:inherit;}
.container {width:100%;margin-right:auto;margin-left:auto;}
@media(min-width:375px) {
	.container {max-width:375px;}
	}
@media(min-width:414px) {
	.container {max-width:414px;}
	}
@media(min-width:576px) {
	.container {max-width:540px;}
	}
@media(min-width:768px) {
	.container {max-width:720px;}
	}
@media(min-width:992px) {
	.container {max-width:960px;}
	}
@media(min-width:1200px) {
	.container {max-width:1200px;}
	}
.container-fluid {width:100%;margin-right:auto;margin-left:auto;}
* { margin:0px;  padding:0px; font-family:微软雅黑}
html { -webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
ul li{ list-style:none;}
li{ list-style:none;}
img { border:none; display: inline-block }
a { text-decoration:none;blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
a:link { text-decoration:none}
.fl { display:block; float:left;}
.fr { display:block; float:right;}
.clear {clear:both;} 
.warp { width:1200px; margin:0 auto}
.hui { background:#f0f0f0}
.bai,.hui { padding:60px 0}
.tit { text-align:center; margin-bottom:30px;}
.tit h2{ font-size:24px; color:#007140; font-weight:bold;  padding-bottom:20px;}
.tijiao .tit h2 { color:#FFF;}
.tit span { font-size:14px; color:#4d4d4d;}
@media(min-width:576px) {

}
@media(min-width:768px) {
.bai,.hui { padding:100px 0}
.tit h2{ font-size:48px; font-weight:normal }
}
@media(min-width:992px) {

}
/*button_su*/
.button_su {overflow: hidden;position: relative;border-radius: 30px; width:200px; margin:50px auto 0 }
.su_button_circle {background-color: red;border-radius: 1000px;position: absolute;left:0;top:0;width: 0px;height: 0px;margin-left: 0px;margin-top: 0px;pointer-events: none;
}
.button_su_inner {display:block; margin:0 auto; width:198px; height:48px; border:solid 1px #007140; border-radius:30px; font-size:18px;color:#202020;line-height:48px;text-align:center; transition: 400ms;text-decoration: none;z-index: 100000;}
.button_su_inner:hover {color:#FFF;}
.button_text_container {position:relative;z-index: 999;}
.explode-circle {animation: explode 0.5s forwards;}
.desplode-circle {animation: desplode 0.5s forwards;}
 @keyframes explode {
 0% {
 width: 0px;
 height: 0px;
 margin-left: 0px;
 margin-top: 0px;
 background-color: rgba(2, 73, 42, 0.8);}
 100% {
 width: 400px;
 height: 400px;
 margin-left: -200px;
 margin-top: -200px;
 background-color: rgba(2, 73, 42, 0.8);}
}
 @keyframes desplode {
 0% {
 width: 400px;
 height: 400px;
 margin-left: -200px;
 margin-top: -200px;
 background-color: rgba(2, 73, 42, 0.8);}
 100% {
 width: 0px;
 height: 0px;
 margin-left: 0px;
 margin-top: 0px;
 background-color: rgba(2, 73, 42, 0.8);}
}
 /*head*/
.site-header {background:#050d31;  height:60px;position:fixed;left:0;top:0;z-index:8000;width:100%;box-sizing:border-box;}
.site-header .logoandnav {display:flex;place-items:center stretch;}
.logo { width:100%} 
.logo h1 a { display:block;height:60px;line-height:60px; background:url(../img/logo.png)  left no-repeat;  font-size:18px; color:#FFF;padding-left:40px }
.site-header .navw { }
.menu-icon { visibility:visible}
.nav {visibility:hidden;position:fixed;z-index:7001;font-size:18px; }
.nav__content {position:fixed;top:60px; left:0;width:100%;height:100%;cursor:pointer; background:#eee}
.nav__list {list-style:none;margin:0;padding:0;overflow-y:auto;height:100%;}
.menu-item {border-bottom:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px;transition-delay:.8s;opacity:0;transition:opacity .2s ease, transform .3s ease;}
.menu-item a {color:#666; display:block}
@media(min-width:768px) {
.site-header {height:100px;}
.logo { width:38%} 
.logo h1 a {height:100px;line-height:100px;font-size:20px; } 
.site-header .navw {display:block;width:62%; text-align:right}
.nav {visibility: visible; padding:0; position:inherit}
.nav__content { position:inherit; width:auto; height:auto; padding:0; background:none}
.nav:after { visibility:hidden}
.nav:before { visibility:hidden}
.menu-item {border-bottom:none;position:relative;display: inline-block; height:60px;line-height:58px;margin:0 5px 0 0; transition-delay:.8s;opacity:1;transition:opacity .2s ease, transform .3s ease;}
.menu-item a {display:inline-block;font-size:16px; padding:0 5px; color:#ababab; }
.menu-item.current-menu-item a,.menu-item a:hover{ color:#FFF}
.menu-icon { visibility:hidden}
}
@media(min-width:992px) {
.site-header #nav-menu {width:64%;}
.logo { width:34%} 
.logo h1 a {font-size:32px; padding-left:50px;  } 
.menu-item{ height:60px;line-height:52px;}
.site-header .navw { width:66%}
.menu-item{ margin:0 10px; }
.menu-item a{ padding:0 10px; }
}

.menu-icon { box-sizing:border-box;padding:8px 0 0;height:30px;width:30px;position:fixed;z-index:9000;right:1rem;top:9px;cursor:pointer;}
.menu-icon__line {height:3px;width:30px;display:block;background-color:#007140;margin-bottom:5px;transition:transform .2s ease, background-color .5s ease;}
.menu-icon__line-left {width:30px;}
.menu-icon__line-right {width:30px;float:right;}
body.nav-active .menu-icon__line {background-color:#FFF;transform:translateX(0) rotate(-45deg);display:none;}
body.nav-active .menu-icon__line-left {transform:translateY(7px) rotate(45deg);display:block;}
body.nav-active .menu-icon__line-right {transform:translateX(0) rotate(-45deg);display:block;}
body.nav-active .nav {visibility:visible;}
body.nav-active .nav:before, body.nav-active .nav:after {transform:translateX(0%) translateY(0%);}
body.nav-active .nav:after {transition-delay:.1s;}
body.nav-active .nav:before {transition-delay:0s;}
body.nav-active .menu-item {opacity:1;transform:translateX(0%);transition:opacity .3s ease, transform .3s ease, color .3s ease;}
body.nav-active .menu-item:nth-child(0) {
transition-delay:.5s;}
body.nav-active .menu-item:nth-child(1) {
transition-delay:.6s;}
body.nav-active .menu-item:nth-child(2) {
transition-delay:.7s;}
body.nav-active .menu-item:nth-child(3) {
transition-delay:.8s;}
body.nav-active .menu-item:nth-child(4) {
transition-delay:.9s;}
body.nav-active .menu-item:nth-child(5) {
transition-delay:1s;}
body.nav-active .menu-item:nth-child(6) {
transition-delay:1.2s;}
body.nav-active .menu-item:nth-child(7) {
transition-delay:1.4s;}
body.nav-active .menu-item:nth-child(8) {
transition-delay:1.6s;}
@media(min-width:992px) {
.menu-icon { display:none}
} 

/*banner*/
.banner{ height:320px; padding:80px 0; background:url(../img/banner.jpg) center no-repeat; text-align:center;color:#FFF; margin-top:60px;}
.banner h2 { font-size:28px; line-height:60px;color:#007140; font-weight:bold }
.banner p{ font-size:12px; line-height:40px;color:#c3c3c3; }
@media(min-width:768px) {
.banner{ height:480px; padding:150px 0; background:url(../img/banner.jpg) center no-repeat; text-align:center; margin-top:100px;}
.banner h2 { font-size:48px; line-height:60px; margin-bottom:20px;color:#FFF; }
.banner p{ font-size:18px; line-height:40px;color:#FFF;}
}
@media(min-width:992px) {
.banner{height:520px; padding:170px 0; }
}
/*service*/
.service ul li { display:block; float:left; width: 50%;height:200px; border-right: solid 1px #f0f0f0;background:#FFF; text-align:center; margin-bottom:1px;padding:30px 0;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.service ul li .pic{ width:52px; height:52px; overflow:hidden; margin:0 auto; position:relative}
.service ul li .pic img { position: absolute; left:0; top:-52px;-moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;}
.service ul li h2{ font-size:18px; color:#202020; line-height:56px;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;}
.service ul li p{ font-size:12px; color:#FFF;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; padding: 0 10px }
.service ul li.active { background:#007140;border-right: solid 1px #f0f0f0;}
.service ul li.active img { top:0px }
.service ul li.active h2 {font-size:20px;color:#FFF  }
.service ul li.active p {color:#dedede  }
@media(min-width:768px) {
.service ul li {width:240px; height:320px; padding:100px 0;}
.service ul li:nth-child(4) { display:none}
.service ul li p { padding: 0 30px}
}
@media(min-width:992px) {
.service ul li {width:300px;height:324px;}
.service ul li:nth-child(4) { display: block}
}

/*case*/
/*.case .case_tit { font-size:24px; margin-top:50px; }*/
.case ul li{ display:block; float:left;width: ;   margin:30px  60px 0 0; cursor:pointer}
.case ul li:nth-child(3n) {margin-right:0}
.case ul li .pic_icon {width:360px; height:240px; position:relative}
.case ul li .pic{ position:absolute; left:0; top:0 }
.case ul li .pic img { width:100%}
.case ul li .icon { width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; left:0; top:0 ; text-align:center}
.case ul li .icon img { margin-top:80px; }
.case ul li .wen-p,.case ul li .wen-m { margin-top:10px;}
.case ul li p { font-size:16px; color:#282828; }
.case ul li p span { font-size:12px; color:#959494}
.case ul li:hover .icon { background:rgba(0,0,0,0.4); }
.case ul li:hover p{ color:#007140  }
@media(min-width:375px) {
.case ul li { width:180px; margin:20px  0px 0 5px;}
.case ul li .pic_icon {width:180px; height:120px; }
.case ul li .icon img { width:140px ;margin-top:40px; }
.case ul li .wen-p { display: none;}
}
@media(min-width:414px) {
.case ul li { width:201px; margin:20px  0px 0 4px;}
.case ul li .pic_icon {width:201px; height:134px; }
.case ul li .icon img { width:140px ;margin-top:40px; }
}
@media(min-width:768px) {
.case ul li { width:220px; margin:20px  20px 0 0;}
.case ul li .pic_icon {width:220px; height:146px; }
.case ul li .icon img { width:166px ;margin-top:40px; }
.case ul li p { font-size:14px;}
}
@media(min-width:992px) {
.case ul li { width:360px;margin:30px  60px 0 0; }
.case ul li .pic_icon {width:360px; height:240px; }
.case ul li .icon img { width:240px; margin-top:80px; }
.case ul li .wen-p { display: block;}
.case ul li .wen-m { display: none;}
}
/*why*/
.why { background:url(../img/bg-why.jpg) center no-repeat; background-size:cover; color:#FFF;}
.why .whyl{ width:100%; text-align: center ;}
.why .whyl h2 { font-size:24px; font-weight:bold; padding-bottom:20px;}
.why .whyl h2 span{ font-size:14px; }
.why .whyr{ width:100%}
.why ul li{ display:block; float:left; width:44%;margin:30px 0 0 4%;  cursor:pointer ;font-size:12px; line-height:65px;}
.why ul li:nth-child(2n) {margin-right:0} 
.why ul li span {font-family:"Times New Roman", Times, serif; font-size:32px; font-weight:bold}
@media(min-width:768px) {
.why .whyl h2 { font-size:36px; line-height:100px; font-weight:normal ; padding-bottom:0}
.why .whyl h2 span{ font-size:18px; }
.why ul li{font-size:16px;width:40%;margin:30px 0 0 10%; }
.why ul li span {font-size:72px; }
}
@media(min-width:992px) {
.why .whyl h2 {margin-top:40px;  }
.why .whyl{ width:40%; text-align:right ; float:left}
.why .whyr{ width:56%; float:right }
}
/*about*/
.about .wen-p{ font-size:16px; color:#232323; line-height:32px; text-align:center;margin-top:20px;  display:none }
.about .wen-m{ padding:0 5%;display: block}
.about .wen-m p{ font-size: 14px;color: #232323;line-height:28px;text-indent: 2em; }
.about .aboutwhy { margin-top:50px;}
.about .aboutwhy ul li { display:block; float:left; width:47%; padding:10px 0 0 2%; font-size:12px; color:#282828; }
.about .aboutwhy ul li:nth-child(4n) { border-right:none} 
.about .aboutwhy ul li span { display:;font-family:"Times New Roman", Times, serif; font-size:36px; color:#007140; font-weight:bold }
@media(min-width:768px) {
.about .wen-m { width:100%; padding:0}
.about .aboutwhy { margin-top:100px;}
.about .aboutwhy ul li { display:block; float:left; width:179px;padding:50px 0;border-right:solid 1px #FFF;  background:#f2f2f2; font-size:14px;text-align:center;}
.about .aboutwhy ul li span { display:block;font-size:72px; }
}
@media(min-width:992px) {
.about .wen-p { display: block}
.about .wen-m { display:none}
.about .aboutwhy ul li { display:block; float:left; width:299px;}
}
/*wiki*/
.wiki .list li { display:block;width:90%; margin:0px auto; }
.wiki .list li a { display:block; border-bottom:solid 1px #eeeeee; padding:30px 0;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.wiki .list li a h2 { font-size:14px; color:#000; font-weight:bold;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.wiki .list li a p{ font-size:12px; color:#646464; line-height:24px; margin-top:10px}
.wiki .list li a:hover { border-bottom:solid 1px #007140}
.wiki .list li a:hover h2 {color:#007140}
.page { text-align:center; margin-top:80px;}
.page span,.page a { display: inline-block;font-size: 14px;color:#7d7d7d;border: solid 1px#7d7d7d;border-radius: 4px;margin: 0 5px;padding: 3px 8px;}
.page span.thisclass,.page  a:hover {background:#007140;border: solid 1px#007140;color:#FFF;}
.art h2,.art .time,.art .artcon,.shangxia { width:90%; margin:0 auto}
.art h2 {  font-size:24px; color:#4d4d4d; text-align:center ; font-weight: bold }
.art .time { font-size:13px; color:#999; text-align:center; margin:20px 0}
.art .artcon {font-size:14px; color:#4d4d4d; line-height:28px; }
.shangxia { border-top:solid 2px #eeeeee;  margin-top:50px; }
.shangxia  li { display:block;   width:100%; margin-right:20px; font-size:14px; color:#646464;line-height:24px; margin-top:20px}
.shangxia  li a { color:#646464;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.shangxia  li a:hover { color:#007140;}
@media(min-width:768px) {
.wiki .list li {width:100%; }
.wiki .list li a h2 { font-size:18px; font-weight:normal}
.wiki .list li a p{ font-size:14px; }
.art h2 {  font-size:32px; font-weight:normal}
.art h2,.art .time,.art .artcon,.shangxia { width:100%; margin:0 auto}
.art .time { font-size:14px; }
.art .artcon {font-size:16px; line-height:32px; }
.shangxia { border-top:solid 2px #007140;  margin-top:50px; }
}
@media(min-width:992px) {
.wiki .list li {float:left; width:550px;  }
.wiki .list li:nth-child(2n) { margin-left:100px;}
.shangxia  li { display:block; float: left; width:590px; margin-right:20px; font-size:14px; color:#646464;line-height:24px;}
.shangxia  li:nth-child(2n)  { margin-right:0;}
}
 /*tijiao*/
.tijiao { background:url(../img/bg-tijiao.jpg) center no-repeat; background-size:cover}
.tijiao p.tel{ font-family:"Times New Roman", Times, serif; font-size:36px; color:#FFF; text-align:center; margin:10px 0}
.tijiao p.wen{ font-size:14px; color:#818181; letter-spacing:8px; text-align:center }
.tijiao form{ width:90%; margin:50px auto 0 }
.tijiao form input.text,.tijiao form textarea{ width:100%; height:38px; padding:7px 10px; border:solid 1px #f9f9f9; background:#f9f9f9; font-size:14px; color:#b2b2b2; line-height:24px; margin-bottom:20px;}
.tijiao form textarea{ width:100%; height:98px;  resize:none}
.tijiao form input.btn{ display:block; margin:0 auto; width:198px; height:48px; background:#007140; border:solid 1px #007140; border-radius:6px; font-size:18px;color:#FFF;line-height:42px;text-align:center; cursor:pointer  }
.h-captcha { float:left;transform:scale(0.76);transform-origin:0 0; }
@media(min-width:414px) {
.tijiao form input.text,.tijiao form textarea { float:none  }
}
@media(min-width:768px) {
.tijiao form{ width:720px; margin:50px auto 0 }
.tijiao form input.text,.tijiao form textarea{ width:340px;}
.tijiao form input.input_l { float:left}
.tijiao form input.input_r { float: right}
.tijiao form input.text,.tijiao form textarea{ width:350px;}
.tijiao form textarea{ width:720px; }
.h-captcha { float:left;transform:scale(0.66);transform-origin:0 0; }
.tijiao form input.btn { float:right}

}
@media(min-width:992px) {
.tijiao form{ width:750px; margin:50px auto 0 }
.tijiao form input.text,.tijiao form textarea{ width:365px;}
.tijiao form textarea{ width:750px; }
}
/*footer*/
.footer { background:#181818; padding:80px 0; color:#898989; }
.footer .footerl { padding-left:50px; background:url(../img/logo-hui.png) left top no-repeat;}
.footer .footerl h2 { font-size:24px; line-height:36px; }
.footer .footerl h2 a.zixun { display: inline-block; width:120px; height:36px; line-height:36px; font-size:16px; color:#FFF; text-align:center; background:#007140; border:solid 1px #007140; border-radius:6px; margin:20px 10px 0; }
.footer .footerl p,.footer .footerl em { display: none}
.footer .footerl p { font-size:14px; color:#484848; margin:10px 0; letter-spacing:5px;}
.footer .footerl em { font-size:30px;}
.footer .footerr { font-size:24px; color:#484848; display:none }
.footer .footerr p.add{ font-size:14px; margin:20px 0 }
.footer .footerr p.copy{ font-size:12px; }
.footer-m { margin-top:30px;}
.footer-m  p { font-size:14px; color:#484848; text-align:center }
@media(min-width:768px) {
.footer .footerl h2 a.zixun { width:80px; height:24px; line-height:24px; font-size:14px; margin-top:0 }
.footer .footerr { margin-top:30px; text-align:center; display:block}
.footer .footerl p,.footer .footerl em { display:block}
.footer-m{ display:none}
}
@media(min-width:992px) {
.footer .footerl { float:left}
.footer .footerr { float:right; margin-top:0; text-align:left}
}

/* 侧边悬浮导航 */
.right_nav{ display:none}
@media only screen and (min-width: 768px) {
.right_nav{ display: block}
}
.right_nav{ right: 10px; top:500px; position:fixed; text-align:left;overflow: hidden;z-index:999;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.5); border-radius: 6px;  }
.right_nav li{ cursor:pointer;position:relative; right: 0px; width:68px; height:64px; background:#fff; padding:10px 0 0; text-align:center; border: solid 1px  #F5F5FB; border-bottom:none  }
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between; width:20px; height:20px; margin:0 auto}
.right_nav li:nth-child(1) { background:#ad0023;border:none}
.right_nav li:nth-child(1) .iconBox-tit {font-size: 16px; color: #fff;line-height: 22px;}
.right_nav li .iconBox img{width: 100%;}
.right_nav li p {font-size: 12px;color: #909097; line-height:30px;}
.right_nav li:last-child .iconBox { margin:12px auto }
 
.right_nav li .hideBox{display: none;position: absolute;right:62px; top:-20px;z-index: 999;  padding-right:12px; }
.right_nav li .hideBox .hideBox-tel{background-color: #fff;  padding: 10px 20px;border-radius: 4px;box-sizing: border-box;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);width: 125px;
min-height: 64px; text-align:left;color: #202131; position:relative }
.right_nav li .hideBox .hideBox-tel p {font-size: 12px; color: #202131; line-height:28px; border-bottom: solid 1px  #F5F5FB; }
.right_nav li .hideBox .hideBox-tel::after{content: "";display: block;position: absolute;top: 50%;right: -12px;transform: translate(0,-50%);border-width: 6px;border-color: transparent transparent transparent #fff;border-style: solid;}
 
.right_nav li .hideBox .hideBox-wechat { top:-48px; width:160px;height:160px; }
.right_nav li .hideBox .hideBox-wechat img { width:140px;}
.right_nav li .hideBox .hideBox-wechat::after {top: 60%; }