@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
html{font-size:62.5%;} 
body{ font-size:14px;} 
p{font-size:14px;}
*{font-family:"Microsoft Yahei" !important;}
a{ color:#373737; text-decoration:none; font-size:14px;}
a:hover{ color:#016bdc; text-decoration:none; font-size:14px}
@media only screen and (min-width: 320px){
   html {
    font-size: 62.5% !important;
   }
 }
@media only screen and (min-width: 640px){
   html {
    font-size: 62.5% !important;
  }
 }
 @media only screen and (min-width: 750px){
   html {
    font-size: 62.5% !important;
  }
 }
 @media only screen and (min-width: 1024px){
   html {
    font-size: 62.5% !important;
  }
 }
  @media only screen and (min-width:1280px){
   html {
    font-size: 62.5% !important;
  }
 }
 @media only screen and (min-width: 1440px){
   html {
    font-size: 62.5% !important;
  }
 }
 
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
	text-decoration:none; 
	
}
html,body{ width:100%; height:100%}
*{list-style-type:none; padding:0px; margin:0px; text-decoration:none; }
*{-o-transition: all 0.1s linear;
	transition: all 0.1s linear;}
	*:hover{-o-transition: all 0.2s linear;
	transition: all 0.1s linear; }
*{ vertical-align:middle}
.right{ float:right }
.right a{ font-size:16px; color:#717171; text-decoration:none; height:88px; display:inline-block;}
.right a span{ padding:15px; display:inline-block; margin-top:18px; font-size:14px;}
.right a:hover {  height:120px; display:inline-block; font-size:16px;}
.right a:hover span{background:#fff; color:#026bdb; display:inline-block;}
.xm a{padding:32.5px 20px; display:inline-block;}
.xm a h1{ width:85px; height:85px; display:inline-block}
.xm a h2{ height:50px; text-align:center; font-size:18px; color:#666; font-weight:normal !important}
.xm:hover{ background:#f1f1f1;}
.xm:hover a h2{ color:#1aa031}
.b1{ background:url(/images/xm1.png) center center no-repeat}
.xm:hover .b1{background:url(/images/xm11.png) center center no-repeat}
.b2{ background:url(/images/xm2.png) center center no-repeat}
.xm:hover .b2{background:url(/images/xm22.png) center center no-repeat}
.b3{ background:url(/images/xm3.png) center center no-repeat}
.xm:hover .b3{background:url(/images/xm33.png) center center no-repeat}
.b4{ background:url(/images/xm4.png) center center no-repeat}
.xm:hover .b4{background:url(/images/xm44.png) center center no-repeat}
.b5{ background:url(/images/xm5.png) center center no-repeat}
.xm:hover .b5{background:url(/images/xm55.png) center center no-repeat}
.b6{ background:url(/images/xm6.png) center center no-repeat}
.xm:hover .b6{background:url(/images/xm66.png) center center no-repeat}



.slide_2{background:url(slide_2.png) center center no-repeat; width:100%; height:100%; background-size:24px 24px; display:block}
.slide_3{background:url(slide_3.png) center center no-repeat; width:100%; height:100%; background-size:24px 24px; display:block}
.slide_5{background:url(slide_5.png) center center no-repeat; width:100%; height:100%; background-size:24px 24px; display:block}
.slide_6{background:url(slide_6.png) center center no-repeat; width:100%; height:100%; background-size:24px 24px; display:block}



#zhedang{ width:100%; height:70vh; transition: ease .6s; background:#fff; position:fixed; top:0px; z-index:99999999999; padding:15vh 0px;}
#zhedang ul{ width:78%; margin:0px auto;}

 .jianju{ padding:0px 12px; display:inline-block}
 .cp1{ width:350px;}
 .m1{ font-size:15px; padding:5px 10px; display:block; background:#299643; color:#fff; border-radius:5px}
.m2{ font-size:15px; padding:5px 10px; display:inline-block; border-radius:5px; color:#272727; border:1px #272727 solid}
.m2:hover{ font-size:15px; padding:5px 10px; display:inline-block; background:#016bdc; border:1px #016bdc solid; color:#fff; border-radius:5px}

.dibu{ overflow:hidden; font-size:14px;}
.dibu li{ width:20%; float:left; overflow:hidden}
.dibu li h1{ padding:20px 0px; color:#fff; font-size:22px; font-weight:normal; }
.dibu li h1 span{ width:40px; height:3px; display:block; background:#fff; margin-top:15px}
.dibu li h2{ color:#fff; font-weight:normal; line-height:2.8rem}
.dibu li h2 a{ font-size:15px; color:rgba(255,255,255,0.75); font-weight:normal; line-height:2.8rem;}
.dibu li h2 a:hover{ font-size:15px; color:#fdbc48; font-weight:normal; line-height:2.8rem;}

.kd{ width:100%; max-width:1200px; margin:0px auto; overflow:hidden}
.sy_news{ width:100%; overflow:hidden}
.sy_news a{ width:31.33%; margin:0px 1%; float:left; overflow:hidden}
.sy_news a h1{ width:100%; height:0px; padding-bottom:65%; display:block; position:relative;}
.sy_news a h2{ font-size:18px; padding:20px 0px; font-weight:normal}
.sy_news a h3{ color:#a1a1a1; font-weight:normal; font-size:15px; line-height:180%; height:54px; overflow:hidden}
.sy_news a h4{ height:20px; width:100%; border-bottom:1px #a3a3a3 solid}
.sy_news a span{ background:#299643; padding:15px; color:#fff; font-size:20px; font-weight:normal; display:inline-block; position:absolute; z-index:88; bottom:0px; border-radius:0px 10px 0px 0px}
.sy_news a:hover h2{ color:#299643}
.sy_news a:hover h3{ color:#299643}
.sy_news a:hover h4{ border-bottom:3px #299643 solid }

.xg{ padding:0px 15px; line-height:77px; font-size:16px; border-bottom:3px #FFF solid; display:inline-block}
.xg:hover{ color:#016bdc; border-bottom:3px #016bdc solid; font-size:16px !important}

.xg1{ padding:0px 15px; line-height:77px; font-size:16px; border-bottom:3px #016bdc solid; display:inline-block; color:#016bdc}
.xg1:hover{ color:#016bdc; border-bottom:3px #016bdc solid; font-size:16px !important}
 
.about_nr{width:80%; max-width:1200px; background:#fff; margin:2.5rem auto; overflow:hidden; padding:15px 0px;}
.about_nr ul{padding:30px 30px; line-height:200%; color:#373737}
.weizhi {height:100px; line-height:100px; overflow:hidden; width:50%; float:right; text-align:right; font-weight:bold}

.lu{width:100%; background:#fff; margin:0px auto; overflow:hidden; border-bottom:1px #016bdc solid;}
.lu ul{margin:0px auto; overflow:hidden; width:96%; max-width:1200px;  background:#ffffff;}
.lu ul li{height:80px; line-height:80px; overflow:hidden; width:50%; float:left; font-size:14px} 
.weizhi{ font-size:20px !important; color:#333; text-align:left}
@media screen and (max-width: 1440px) { 

} 
@media screen and (max-width: 1280px) { 



} 
@media screen and (max-width: 1024px) { 

}