/*css reset*/
html,body,p{ padding: 0; margin: 0;font-family:Tahoma,Arial,Helvetica;} 
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;margin: 0; letter-spacing:1px;}
.wrap-mask{ display:none;}
ol, ul {list-style: none; padding: 0; margin: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur());}
input, select {vertical-align: middle;}
img, iframe {border: none; text-decoration:none;} 
strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6,h7,h8,h9,h10{padding: 0; margin: 0; font-weight:normal;}
:focus {outline: 0;}
ul {font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;}
li,input {font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align:middle; font-size-adjust: inherit; font-stretch: inherit;}
ul li{ float:left;}
img{ max-width:100%;}
.c{clear:left;}
input[type="text"] {
-webkit-appearance: none;
}
textarea{
-webkit-appearance: none;
}
div{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur());border:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;}
sub, sup {
font-size:75%;
line-height: 0;
position: relative;
vertical-align: baseline;
-webkit-text-size-adjust: 100%;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/*css common*/
@font-face {        
	font-family: 'yueroudgo';
  	src: url('../fonts/yueroudgo.ttf');
	src: url('../fonts/yueroudgo.eot');
	src: url('../fonts/YueRoudGo.otf');
}
@font-face {        
	font-family: 'yueroudgo1';
  	src: url('../fonts/yueroudgo1.ttf');
	src: url('../fonts/yueroudgo1.eot');
	src: url('../fonts/YueRoudGo1.otf');
}
.f-left {float: left;}
.f-right {float: right;}
.clear {clear:both;}
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
.nodisplay{display: none;}
body > #wrap {height: auto; min-height: 100%;}
.mobile,.menuIcon{ display:none;}
.wrap{ max-width:1920px; margin:0 auto;}
/*header*/
#header{z-index:999; position:fixed; top:0; left:0; width:100%; height:115px; background:#fff; box-shadow:#dad9d9 3px 3px 5px;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;  transition: all 0.1s ease; }
#header.active{ top:-42px;}
#header.active .inner .logo img{ padding-top:42px;}
#header .header_add{ display:none; position:absolute; right:40px; top:42px; line-height:72px; z-index:999;}
.header_add li{ float:left; width:40px; text-align:center; color:#808080; font-size:14px;}
.header_add li a{color:#808080;}
#header.active .header_add{ display:block;}
#header.active .header_bottom_right{ padding-right:120px;}
#header.active .search_btn{ right:130px;}
#header.active .inner .header_right{}
#header.active .header_ul{ top:70px;}

#header .inner{ width:100%;line-height:115px; display: flex; justify-content: space-between;}
#header .inner .logo{ float:left; padding-left:30px; width: 30%;}
#header .inner .logo img{ width: 100%;}
.logo2{ display:none;}
#header .inner .logo img{ vertical-align:middle;}
#header .inner .header_right{ float:right; width:1040px;}
#header .inner .header_right .header_top{ width:730px; float:right; background-image:url(../images/header_icon.jpg); background-repeat:no-repeat; background-position:left center; height:42px; line-height:42px; background-color:#222;}
#header .inner .header_right .header_top a{ color:#bdbdbd; font-size:12px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;}
#header .inner .header_right .header_top a:hover,#header .inner .header_right .header_top a.active{ color:#fff;}
#header .inner .header_right .header_top ul{ padding-left:55px;}
#header .inner .header_right .header_top li{ float:left; width:126px; text-align:center; background-image:url(../images/header_line.png); background-repeat:no-repeat; background-position:right center; padding-right:10px;}
#header .inner .header_right .header_top li img{ vertical-align:middle; padding-right:8px;}
#header .inner .header_right .header_top li.language{ background-image:none; width:70px; padding-right:0;}
#header .inner .header_right .header_bottom{ width:100%; display: flex; float:right; height:72px;}
.header_bottom_left{ float:right; width:740px; position:relative;}
.header_bottom_left ul{ height:72px; line-height:72px; text-align:center; width:740px;}
.header_bottom_left li{ float:left; position:relative; width:16%;}
.header_bottom_left li a{ color:#666; font-size:16px;}
.header_bottom_left li.active a,.header_bottom_left li:hover a{ color:#46b652;}
.header_bottom_left li i{ position:absolute; bottom:0px; left:0; display:none; width:100%; height:7px; background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:center bottom;}
.header_bottom_left li:hover i{ display:block;}
#header .header_ul{ display:none; position:fixed; top:115px; left:0; border-top:#46b652 solid 9px; width:100%; height:240px; background-image:url(../images/header_bg.png); background-repeat:repeat;}
#header .header_bottom_left li:hover .header_ul{ display:block;}
#header .header_bottom_left li .header_ul .inner{ width:1200px; margin:0 auto;}
.header_bottom_left .header_ul_left ul{ width:388px; float:left; padding-top:56px;}
.header_ul_left li{ float:left; width:50%; text-align:left; height:40px; line-height:40px; padding-bottom:10px;}
.header_bottom_left li .header_ul_left li a{ display:inline-block; height:40px; padding-left:20px; padding-right:20px; width:auto; font-size:14px; color:#666; border-radius:25px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;}
.header_bottom_left li .header_ul_left li a:hover,.header_bottom_left li .header_ul_left li.actived a{ color:#fff; background:#05803c;}
.header_bottom_left .header_ul_right{ float:left; border-left:#ddd solid 1px; width:718px; padding-left:90px; margin-top:40px;}
.header_tit{  color:#999; font-size:16px; line-height:16px; text-align:left;font-family: 'yueroudgo1';  padding-bottom:10px;}
.header_ul_right p{ font-size:12px; line-height:26px; color:#999; text-align:left;height:78px;}
.header_ul_right .f-right{ width:455px;}
.header_ul_btn{width:86px; line-height:35px; height:35px; text-align:center; padding-top:20px;}
.header_bottom_left li .header_ul_btn a{ font-size:12px; border-radius:25px; color:#fff; background:#05803c; display:block;width:86px; line-height:35px; height:35px; }
#header .inner .f-left{ line-height:1;}
#header .header_bottom_right{order: 2; position:relative; padding-right:60px;float:right; width:230px; height:72px; line-height:72px;}
.search{ width:175px; padding:0 40px 0 15px; height:34px; line-height:34px; background-image:url(../images/search_input.jpg); background-repeat:no-repeat; background-size:100% 100%; font-size:14px;}
#header .search_btn{ width:15px; height:15px; background-image:url(../images/search_btn.png); position:absolute; right:70px; top:30px; cursor:pointer;}
/*footer*/
.footer{ background:#3c3e4b;}
.footer .inner{ width:1200px; margin:0 auto; padding-top:36px; padding-bottom:110px;}
.footer_top{ width:100%;}
.footer_top .f-left{width:1020px;}
.footer_top ul{ float:left; width:16%;}
.footer_top ul li{ width:100%;}
.footer_top ul li a{display:block; color:#aaa; font-size:14px; line-height:34px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;}
.footer_top ul li.tit a{  color:#fff; font-size:18px; line-height:18px; padding-top:48px; padding-bottom:30px; background-image:url(../images/green_line.png); background-repeat:no-repeat; background-position:left bottom; margin-bottom:20px;}
.footer_top ul li a:hover{ color:#fff;}
.footer_top .f-right{ text-align:center;}
.footer_top .f-right img{ display:block; margin:0 auto;}
.footer_top .f-right img.ewm{ padding-top:46px;}
.footer_bottom{ width:100%; height:62px; line-height:62px; border-top:#4a4c58 solid 1px; text-align:center;}
.footer_bottom p,.footer_bottom p a{ color:#6c6c6c; font-size:12px;}
.footer_bottom p a.footer_a{color:#05803c; padding:0 8px;}
.footer_bottom p img{ padding-left:10px; padding-right:5px; vertical-align:middle; width:20px; height:auto;}
/*main*/
.main{ padding-top:115px;}
@media screen and (max-width:1300px){
	#header .inner .logo{ padding-left:20px;}
	#header.active .inner .header_right{}
	.header_bottom_left{ width:650px;}
	.header_bottom_left ul{ width:100%;}
}
@media screen and (max-width:1200px){
	/*header*/
	#header .inner .logo{ padding-left:10px;}
	#header .inner .header_right{ width:900px;}
	#header.active .inner .header_right{ width:1000px;}
	#header .inner .header_right .header_top{ width:675px;}
	#header .header_bottom_left li .header_ul .inner{ width:100%;}
	.header_bottom_left{ width:600px;}
	.header_bottom_left ul{ width:100%;}
	#header .header_bottom_right{display: none;}
	.header_ul_left{ padding-left:20px;}
	.header_bottom_left .header_ul_right{ width:620px; padding-left:20px;}
	.header_ul_right .f-right{ width:350px;}
	#header .search_btn{ right:40px;}
	/*footer*/
	.footer .inner{ width:90%; margin:0 auto; }
	.footer_top .f-left{ width:870px;}
	.footer_top ul{ width:16.5%;}
}
@media screen and (max-width:1152px){
	#header .inner .logo{ padding-left:10px; width:100px;}
	#header.active .inner .header_right{ width:960px;}
	#header .inner .logo img{ height:auto;}
	.footer_top .f-left{ width:760px;}
}
@media screen and (max-width:1070px){
	#header .header_add{ right:20px;}
	#header .header_bottom_right{ width:200px;}
	#header.active .header_bottom_right{padding-right:100px;}
	.search{ width:150px;}
	#header.active .search_btn{right:110px;}
	#header.active .inner .header_right{ width:920px;}
}
@media screen and (max-width:1050px){
	#header .inner .logo{ padding-left:10px; box-sizing: border-box; width:60px;}
	#header .inner .logo .logo1{ width:100%; max-width:none;}
	.header_bottom_left .header_ul_right{ width:560px;}
	.header_ul_right .f-right{ width:300px;}
}
@media screen and (max-width:1024px){
	.mobile,.menuIcon{ display:block;}
	.pc{ display:none;}
	/*header*/
	#header{height:100px;}
	#header .inner{line-height:100px;}
	#header .inner .logo{padding-left:0; width:30%;}
	#header .inner .logo img{ width:100%;}
	#header .inner .header_right{  width:38%;}
	#header .inner .header_right .header_top{ width:100%; height:42px; line-height:42px; background-size:auto 100%;}
	#header .inner .header_right .header_top a{ font-size:12px;}
	#header .inner .header_right .header_top ul{ padding-left:25px; height:42px;}
	#header .inner .header_right .header_top li{ width:136px;}
	#header .inner .header_right .header_top li img{padding-right:5px; height:12px;}
	#header .inner .header_right .header_top li.language{width:60px;}
	#header .inner .header_right .header_bottom{height:58px;}
	.header_bottom_left{ display:none;}
	#header .header_bottom_right{padding-right:110px;height:58px; line-height:58px; width:230px;}
	.search{ width:175px; padding:0 40px 0 15px; height:30px; line-height:30px;}
	#header .search_btn{  right:120px; top:22px; cursor:pointer;}
	/*nav*/
	.menuIcon { position:absolute; right:0; top:60px;height:55px; display:block;width:55px; text-align:center; z-index:99999999;}
	.menuIcon img{ height:20px; position:fixed; top:60px; right:3%; vertical-align:middle;}
	 .menuIcon img.close{-moz-transform: rotate(0); -ms-transform: rotate(0);-o-transform: rotate(0);-webkit-transform: rotate(0); transform: rotate(0);-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;  transition: all 0.3s ease; z-index:1; }
  	 .menuIcon img.close.active  {-moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);       -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;z-index:2; position:fixed; }
	 .menuIcon img.menu{  -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); 
    -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;z-index:2; }
	 .menuIcon img.menu.active  { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);   -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;z-index:1; }
	.nav{width:60%; height:auto;position: fixed;top:100px;right:0; z-index:9999; -webkit-transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0); display:block;overflow-x: hidden;
	overflow-y: scroll; background:url(../images/m_nav.png) repeat;}
	.nav.panel-active{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
	.nav li{ height:auto; width:100%; padding:0; position:relative; border-bottom:#e1dfdd solid 1px;}
	.nav ul{padding-top:0; padding-bottom:52px; }
	.nav ul.nav1{ padding:0;}
	.nav li.last{ padding-bottom:0px;}
	.nav li a {display: block;width:90%;height:50px; line-height:50px; color:#666; font-size:2rem; transition: .25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; padding:0 5%; text-align:right;}
	.nav li.active a.nav_tit{ background-image:url(../images/m_nav1.png); background-repeat:repeat; position:relative;}
	.nav .nav_first{text-align:right; padding-top:42px; width:90%; margin:0 auto;}
	.nav li a span{ display:none;}
	.nav li.active a span{ width:12.5px; height:6.5px; display:block; position:absolute; right:2%; top:23px; }
	.nav li.active a span img{ width:100%; height:auto;}
	.nav li a:hover{color:#666;}
	.nav li.active a{ color:#fff;}
	.nav_cont{ display:none; border-top:#ddd solid 1px; width:100%; padding-top:10px; padding-bottom:10px;}
	.nav li .nav_cont a{ font-size:1.7rem; color:#666; background-image:none; line-height:40px;}
	.nav li .nav_cont li{ border-bottom:none;}
	.nav li.active .nav_cont{ display:block;}
	.nav li a b{ display:block; font-weight:normal; position:absolute; left:5%; top:0; line-height:50px; color:#666;}
	.nav li.active a b{color:#fff;}
	.nav li.nav_mobile_last{ border-bottom:none;}
	.nav li.active .nav_cont a.active{color:#46b652;}
	.nav_cont{ position:static;}
	/*footer*/
	.footer .inner{ padding-top:20px; padding-bottom:60px;}
	.footer_top .f-left{ width:800px;}
	.footer_top .f-right{ width:100px;}
	.footer_top ul li a{ font-size:1.2rem; line-height:2.2rem;}
	.footer_top ul li.tit a{ font-size:1.4rem; line-height:1.4rem; padding-top:24px; padding-bottom:14px; background-size:15px 1px; margin-bottom:15px;}
	.footer_top .f-right img.ewm{ padding-top:23px;}
	.footer_bottom{height:auto; line-height:26px; padding:10px 0;}
	.footer_bottom p,.footer_bottom p a{ font-size:1.2rem;}
	.footer_bottom p a.footer_a{padding:0 5px;}
	/*main*/
	.main{ padding-top:100px;}
}
@media screen and (max-width:1000px){
	#header .inner .header_right .header_top li{ width:110px;}
}
@media screen and (max-width:890px){
	#header .inner .header_right .header_top li.language{width:50px;}
}
@media screen and (max-width:830px){
	#header .inner .header_right .header_top li{ width:100px;}
}
@media screen and (max-width:780px){
	#header .inner .header_right .header_top li.language{ width:40px;}
}
@media screen and (max-width:768px){
	/*header*/
	#header .inner .header_right{  width:50%;}
	#header .inner .header_right .header_top{ width:100%;}
	#header .inner .header_right .header_top li{ width:120px;}
	#header .inner .header_right .header_top li.language{ width:60px;}
	/*footer*/
	.footer_top .f-left{ width:84%;}
}
@media screen and (max-width:736px){
	/*footer*/
	.footer .inner{padding-bottom:30px;}
	.footer_top .f-left{ width:60%;}
	.footer_top ul{ width:auto; padding-right:15%; padding-bottom:40px;}
	.footer_top ul:nth-child(3n){ padding-right:0;}
	.footer_top ul li{ display:none;}
	.footer_top ul li.tit{ display:block;}
	.footer_top ul li.tit a{ background-image:url(../images/footer_icon.png); background-size:2px auto; background-position:left bottom; padding-left:15px; padding-bottom:0;}
}
@media screen and (max-width:700px){
	#header .inner .header_right .header_top li{ width:110px;}
	#header .header_bottom_right{ padding-right:80px;}
	#header .search_btn{ right:90px;}
}
@media screen and (max-width:667px){
	#header .inner .header_right{  width:60%;}
	.footer_top ul:nth-child(3n){ padding-right:15%;}
}

@media screen and (max-width:568px){
	/*header*/
	#header .inner .header_right{ width:70%;}
	#header .inner .header_right .header_top li{ width:110px;}
	#header .inner .header_right .header_top li.language{ width:50px;}
	#header .header_bottom_right{ padding-right:60px; width:160px;}
	.search{ width:140px; padding:0 10px 0 10px; height:28px; line-height:28px;}
	#header .search_btn{ right:70px;}
	/*footer*/
	.footer_top .f-left{ width:70%;}
	.footer_top ul{ width:50%; padding-right:0; padding-bottom:20px;}
	.footer_top ul:nth-child(3n){ padding-right:0;}
}
@media screen and (max-width:450px){
	#header .inner .header_right .header_top li{ width:100px;}
	#header .inner .header_right .header_top li.language{ width:40px;}
}	
@media screen and (max-width:414px){
	/*header*/
	#header .inner .header_right{ width:70%;}
	#header .inner .header_right .header_top li{ width:100px;}
	#header .inner .header_right .header_top li.language{ width:20px;}
	/*footer*/
	.footer_bottom{ height:auto; line-height:1.5; padding:5px 0;}
}
@media screen and (max-width:414px){
	#header .inner .header_right .header_top li{ width:80px;}
	#header .inner .header_right .header_top li.language{ width:40px;}
}
@media screen and (max-width:375px){
	/*header*/
	#header .inner .header_right{ width:72%;}
	
	#header .header_bottom_right{ padding-right:60px; width:160px;}
	.search{ width:140px; padding:0 10px 0 10px; height:28px; line-height:28px;}
	#header .search_btn{ right:70px;}
	/*footer*/
	.footer_bottom{ height:auto; line-height:1.5; padding:5px 0;}
}
@media screen and (max-width:350px){
	/*header*/
	#header .inner .header_right .header_top ul{ padding-left:30px;}
	#header .inner .header_right{ width:68%;}
	#header .inner .header_right .header_top li{ width:50px; padding-right:10px;}
	#header .inner .header_right .header_top li span{ display:none;}
	#header .inner .header_right .header_top li.language{ width:50px;}
	.search{ width:120px;}
	#header .header_bottom_right{ width:140px; }
}
@media screen and (max-width:320px){
	
	/*footer*/
	.footer_top .f-left{ width:58%;}
	.footer_top ul li.tit a{ padding-left:8px;}
	
}