@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:16px}
p{font-size:16px;}
*{font-family:"Microsoft Yahei" !important; list-style-type:none}
a{ color:#373737; text-decoration:none}
a:hover{ color:#ff6600; text-decoration:none}

@media only screen and (max-width: 1280px) {
.dhh{ font-size:16px !important; padding:5px 15px !important}
}
@media only screen and (max-width: 1440px) {
.dhh{ font-size:16px !important; padding:5px 15px !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%}
.ss{list-style-type:none; padding:0px; margin:0px; text-decoration:none; }
.ss{-o-transition: all 0.2s linear;
	transition: all 0.2s linear;}
	.ss:hover{-o-transition: all 0.2s linear;
	transition: all 0.2s linear;}
.right{ float:right }
.right a{ font-size:18px; color:#ffffff; text-decoration:none; padding:5px 25px; display:inline-block; border-radius:50px;}
.right a:hover { background:#1f478f; color:#fff; padding:5px 25px; display:inline-block; border-radius:50px;}
.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}
.ys{ width:21%; margin:0px 2%; float:left; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.ys:hover{ width:21%; margin:0px 2%; float:left; box-shadow: 0 0 20px rgba(0,0,0,.2); margin-top:15px}
.ys a{ width:100%; height:150px; display:block}

.more{padding:15px 25px;  background:#1f478f; margin-right:25px; float:left; color:#fff; border-radius:50px}
.more:hover{ background:#1aa031; color:#fff}
.mulu{ background:#ffffff; padding:12px 20px; color:#000; display:inline-block; font-size:20px}
.mulu:hover{ background:#015598; color:#fff}

.daohangg a{ padding:40px 50px; background:#f4f4f4; color:#333333; display:inline-block; float:left; font-size:18px}
.daohangg a:hover{ padding:40px 50px; background:#1f478f; color:#ffffff; display:inline-block; float:left}
</style>
<style>
.online{ position:fixed; z-index:99995; bottom:17vh; right:10px}
.online ul{}
.online ul li{ margin-bottom:2px; width:50px; height:50px; background:#3d3d3d; text-align:center; border-radius:0px}
.online ul li:hover{ background:#1aa129}
.online ul li a{ color:#fff;}

.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}

.tanchuang{ width:100px; height:50px; background:#1aa129; color:#fff; font-size:14px; display:block; position:absolute; z-index:99996;  margin-left:0px; color:#fff; line-height:50px; display:none}
.online ul li:hover .tanchuang{ display:block;  margin-left:-100px;}

#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 2rem; display:inline-block}
 .cp1{ width:350px;}
 .m1{ font-size:1.5rem; padding:5px 10px; display:block; background:#299643; color:#fff; border-radius:5px}
.m2{ font-size:1.5rem; padding:5px 10px; display:inline-block; border-radius:5px; color:#299643}
.m2:hover{ font-size:1.5rem; padding:5px 10px; display:inline-block; background:#299643; color:#fff; border-radius:5px}

.dibu{ overflow:hidden; font-size:1.4rem;}
.dibu li{ width:25%; float:left; overflow:hidden}
.dibu li h1{ padding:2rem 0px; color:#fff; font-size:2.2rem; font-weight:normal; }
.dibu li h1 span{ width:40px; height:3px; display:block; background:#fff; margin-top:1.5rem}
.dibu li h2{ color:#fff; font-weight:normal; line-height:2.8rem}
.dibu li h2 a{ font-size:1.5rem; color:rgba(255,255,255,0.75); font-weight:normal; line-height:2.8rem;}
.dibu li h2 a:hover{ font-size:1.5rem; color:rgba(40,150,67,0.75); font-weight:normal; line-height:2.8rem;}

.kd{ width:80%; margin:0px auto; overflow:hidden}
.sy_news{ width:100%; overflow:hidden}
.sy_news a{ width:29.33%; margin:0px 2%; 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:1.8rem; padding:2rem 0px; font-weight:normal}
.sy_news a h3{ color:#a1a1a1; font-weight:normal; font-size:1.5rem; line-height:180%; height:54px; overflow:hidden}
.sy_news a h4{ height:2rem; width:100%; }
.sy_news a span{ background:#299643; padding:15px; color:#fff; font-size:2rem; 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{  }

.xg{ padding:10px 15px; font-size:14px; border-bottom:3px #FFF solid;}
.xg:hover{ color:#299643; border-bottom:3px #299643 solid}

.xg1{ padding:10px 15px; font-size:14px; border-bottom:3px #299643 solid; color:#299643}
.xg1:hover{ color:#299643; border-bottom:3px #299643 solid}
 
.about_nr{width:80%; max-width:1440px; background:#fff; margin:2.5rem auto; overflow:hidden; padding:1.5rem 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}

.lu{width:100%; background:#fff; margin:0px auto; overflow:hidden}
.lu ul{margin:0px auto; overflow:hidden; width:80%; max-width:1440px; border-bottom:1px #e9e9e9 solid;  background:#ffffff;}
.lu ul li{height:100px; line-height:100px; overflow:hidden; width:50%; float:left; font-size:1.4rem} 
 
@media screen and (max-width: 1440px) { 

.jianju{ padding:0px 1rem; display:inline-block}
.weizhi{ margin-left:-15px;}
.cp1{ width:450px;}
} 
@media screen and (max-width: 1280px) { 

.jianju{ padding:0px 0.8rem; display:inline-block}
.weizhi{ margin-left:-25px;}

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

.jianju{ padding:0px 0.8rem; display:inline-block}
}