@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; color:#333; font-family: "微软雅黑"; font-size:14px; line-height:25px; background:url(images/topbg.jpg) repeat-x top #FFF; }
p{margin:0; padding:0;}
form{margin:0; padding:0;}
h1{margin:0; padding:0;}
h2{margin:0; padding:0;}
h3{margin:0; padding:0;}
div{margin:0; padding:0;}
A{text-decoration:none;}
li{list-style:none; margin:0; padding:0;}
ul{margin:0; padding:0;}
dl{margin:0; padding:0;}
dt{margin:0; padding:0;}
dd{margin:0; padding:0;}
.clear{clear:both;}
A{text-decoration:none;}

#top{width:1250px; margin:auto;}
#top .topleft{float:left;}
#top .topright{float:right;}
#top .topright ul{ display:block; padding-top:40px;}
#top .topright ul li{float:left; width:100px; text-align:center; font-size:16px;}
.ey-head{display:none;}
@media only screen and (max-width: 1024px)
{
.ey-head{display:block; padding-bottom:80px;}
#top{display:none;}}

#maincompany{width:1250px; margin:auto;  margin-top:90px; margin-bottom:90px;}
#maincompany .indexleft{float:left; width:580px;}
#maincompany .indexright{float:right; width:615px;}
#maincompany .indexleft h1{font-size:25px; font-weight:100; margin-bottom:20px;}
#maincompany .indexleft h1 span{margin-left:5px; color:#999; font-size:18px;}
#maincompany .indexleft h3{font-size:18px; color:#005033; margin-bottom:30px;}
#maincompany .indexleft .more{margin-top:20px;}
#page{ display:table; margin:30px auto;}
@media only screen and (min-width: 768px) and (max-width: 1280px){
#maincompany{width:94%; margin-left:3%; margin-right:3%;  margin-top:50px; margin-bottom:50px;}	
#maincompany .indexleft{float:left; width:50%;}
#maincompany .indexright{float:right; width:48%;}
#maincompany .indexright img{width:100%;}	
	}
	
#mainpro .proleft{float:left; width:480px; margin-right:20px;}
#mainpro .proleft img{width:100%; border:#CCC solid 1px;}
#mainpro .proright{float:right; width:815px;}
@media only screen and (min-width: 768px) and (max-width: 1280px){
#mainpro .proleft{float:left; width:30%;}
#mainpro .proright{float:right; width:68%;}
#mainpro .proleft img{width:100%;}	
	}
@media only screen and (max-width: 768px)
{	
#mainpro .proleft{float:left; width:100%; margin-bottom:20px;}
#mainpro .proright{float:right; width:96%; margin:0 2%;}	
#mainpro .proleft img{width:100%;}
#mainpro .proright img{width:100%;}
	}
	
@media only screen and (max-width: 768px)
{
.ey-head{display:block; padding-bottom:80px;}
#top{display:none;}
#maincompany{width:90%; margin-left:5%; margin-right:5%;  margin-top:50px; margin-bottom:50px;}	
#maincompany .indexleft{float:left; width:100%;}
#maincompany .indexright{float:right; width:100%;}	
#maincompany .indexright img{width:100%;}
	}

#maina{background:url(images/mainabg.jpg) no-repeat center; height:729px; margin-top:60px; margin-bottom:60px;}
#maina .mainacon{width:850px; margin:auto; padding:60px 0; color:#FFF;}
#maina .wapmainacon{display:none;}
#maina .mainacon h1{text-align:center; font-weight:100; letter-spacing:5px; margin-bottom:12px;}
#maina .mainacon h3{text-align:center; font-weight:100;}
#maina .mainacon .mainaleft{float:left;}
#maina .mainacon .mainacenter{float:left; margin-left:150px; margin-top:120px;}
#maina .mainacon .mainaright{float:right;}
#maina .mainacon .yuan{width: 50px;height: 50px; background-color:#5334dd;border-radius: 50%; padding:39px; text-align:center;}
#maina .mainacon ul{display:block;}
#maina .mainacon ul li{display:block; margin-top:60px; padding-bottom:30px;}
#maina .mainacon .yuand{width: 280px;height:40px; background-color:#5334dd;border-radius: 50%; padding:130px 10px; text-align:center; font-size:38px;}

#mainpro{width:1350px; margin:60px auto;}
#mainpro h2{text-align:center; font-size:30px; margin-bottom:15px; font-weight:400;}
#mainpro p{ text-align:center;}
#mainpro ul{ display:block; margin-top:60px;}
#mainpro ul li{float:left; margin-left:25px; margin-bottom:20px;}
#mainpro ul li img {border:#ececec solid 1px; width:302px; height:302px;} 
#mainpro ul li p{font-size:16px; line-height:60px;}
.pcase{text-align:center;}
@media only screen and (max-width: 768px){
#mainpro{width:100%; margin:20px auto;}
#mainpro h2{text-align:center; font-size:25px; margin-bottom:15px; font-weight:400;}
#mainpro ul{ display:block; margin-top:40px;}
#mainpro ul li{float:left; margin-left:0px; margin-bottom:20px; width:48%; margin-left:1%; margin-right:1%;}
#mainpro ul li img {box-shadow:5px 2px 6px #ccc; border:#ececec solid 1px; width:100%; height:200px;}
.pcase img{width:90%;}
}

@media only screen and (max-width: 850px)
{
#maina{background:url(images/mainabg.jpg) no-repeat center; height:550px; margin-top:60px; margin-bottom:60px;}
#maina .mainacon{ display:none;}
#maina .wapmainacon{width:90%; margin:auto 5%; padding:40px 0; color:#FFF; display:block;}
#maina .wapmainacon h1{text-align:center; font-weight:100; letter-spacing:2px; margin-bottom:10px; font-size:20px; line-height:26px;}
#maina .wapmainacon h3{text-align:center; font-weight:100; font-size:14px; line-height:22px;}
#maina .wapmainacon ul{display:block; margin-top:2.0em;}
#maina .wapmainacon ul li{display:block; background-color:#5334dd; padding:15px 20px; margin-top:15px;}
#maina .wapmainacon ul li span{float:left; margin-right:15px;}
#maina .wapmainacon ul li b{font-size:18px; font-weight:300;}
	}

	
#mainmap{background-color:#ecebeb; padding:10px;}


@media only screen and (max-width: 768px){
#mainmap{background-color:#ecebeb; padding:2px;}
#mainmap .mainmapcon{ width:90%; margin:0 5%; padding-bottom:30px;}
}

#mainhzhb{width:1350px; margin:60px auto;}
#mainhzhb h2{text-align:center; font-size:30px; margin-bottom:15px; font-weight:400;}
#mainhzhb p{ text-align:center;}
#mainhzhb ul{ display:block; margin-top:60px;}
#mainhzhb ul li{float:left; margin-left:10px; margin-bottom:20px; margin-right:10px;}
#mainhzhb ul li img {box-shadow:5px 2px 6px #ccc; border:#ececec solid 1px;} 

@media only screen and (max-width: 768px){
#mainhzhb{width:100%; margin:20px auto;}
#mainhzhb h2{text-align:center; font-size:25px; margin-bottom:5px; font-weight:400;}
#mainhzhb ul{ display:block; margin-top:20px;}
#mainhzhb ul li{float:left; margin-left:0px; margin-bottom:20px; width:48%; margin-left:1%; margin-right:1%;}
#mainhzhb ul li img {box-shadow:5px 2px 6px #ccc; border:#ececec solid 1px; width:100%; height:200px;} 
}

#indexnews{ background-color:#ecebeb; padding:50px 0; margin-bottom:20px;}
#indexnews .indexnewscon{width:1360px; margin:50px auto;  overflow:hidden; }
#indexnews h2{font-size:33px; padding:0; color:#403f3f; text-align:center; height:30px; line-height:30px; font-weight:100; margin-bottom:20px;}
#indexnews h2 span{display:block; font-size:16px;}
#indexnews .indexnewscon h3{font-size:18px; padding:10px 0 0 0; line-height:25px; margin-bottom:10px; margin-top:10px;}
#indexnews .indexnewscon ul{ display:block; width:1360px;}
#indexnews .indexnewscon ul li{float:left; background-color:#FFF; margin-right:3%; width:30%; margin-bottom:20px;}
#indexnews .indexnewscon ul li span{border-bottom:#333 solid 2px; padding-bottom:10px; margin-bottom:10px;}
#indexnews .indexnewscon ul li b{display:block; height:36px; line-height:36px; text-align:center;}
#indexnews .indexnewscon ul li a:link{display:block; border:#333; padding:30px 20px; border:#fff solid 2px;}
#indexnews .indexnewscon ul li a:visited{display:block; border:#333; padding:30px 20px; border:#fff solid 2px;}
#indexnews .indexnewscon ul li a:hover{display:block; border:#333; padding:30px 20px; border:#074497 solid 2px; color:#F00;}

@media only screen and (max-width: 768px){
#indexnews .indexnewscon{width:100%; margin:20px auto;}
#indexnews h2{font-size:25px; padding:0; color:#403f3f; text-align:center; height:30px; line-height:30px; font-weight:100; margin-bottom:20px;}
#indexnews h2 span{display:block; font-size:14px;}
#indexnews .indexnewscon h3{font-size:16px; padding:20px 0 0 0; height:30px; line-height:30px; margin-bottom:10px; margin-top:10px;}
#indexnews .indexnewscon ul{ display:block; width:100%; margin-top:30px;}
#indexnews .indexnewscon ul li{display:block; background-color:#FFF; margin-right:3%; width:94%; margin-left:3%; margin-bottom:20px;}
#indexnews .indexnewscon ul li span{border-bottom:#333 solid 2px; padding-bottom:10px; margin-bottom:10px;}
#indexnews .indexnewscon ul li b{display:block; height:36px; line-height:36px; text-align:center;}
#indexnews .indexnewscon ul li a:link{display:block; border:#333; padding:30px 20px; border:#fff solid 2px;}
#indexnews .indexnewscon ul li a:visited{display:block; border:#333; padding:30px 20px; border:#fff solid 2px;}
#indexnews .indexnewscon ul li a:hover{display:block; border:#333; padding:30px 20px; border:#074497 solid 2px; color:#F00;}
}

#foot{background-color:#074497; padding:40px 0 0 0; color:#d2d2d4;}
#foot .footcon{width:1250px; margin:30px auto;}
#foot .footleft{float:left;}
#foot .footright{float:right; padding-left:60px; border-left:#032e69 solid 1px; text-align:center;}
#foot .footleft ul{display:block;}
#foot .footleft ul li{float:left; display:block; padding-left:20px; padding-right:80px; width:200px;}
#foot .footleft ul li b{display:block; font-size:18px; margin-bottom:10px; font-weight:400;}
#foot .linkname{font-size:16px; margin-left:20px; margin-top:20px; margin-bottom:8px;}
#foot .linkcon{margin-left:20px;}
#foot .linkcon a{margin-right:10px;}
#foot a:link{color:#d2d2d4;}
#foot a:visited{color:#d2d2d4;}
#foot a:hover{color:#ff0000;}
#foot .footcopy{height:60px; line-height:60px; text-align:center; background-color:#032e69;}

@media only screen and (max-width: 768px){
#foot .footcon{width:90%; margin:30px 5%;}
#foot .footleft{float:left; width:100%;}
#foot .footright{float:right; padding-left:0px; border-left:#1f1356 solid 0px; text-align:center; width:100%; display:none;}
#foot .footleft ul{display:block;}
#foot .footleft ul li{float:left; display:block; padding-left:0px; padding-right:0px; width:30%; margin-left:2%;}
#foot .footleft ul li b{display:block; font-size:18px; margin-bottom:10px; font-weight:400;}
#foot .linkname{font-size:16px; margin-left:0px; margin-top:20px; margin-bottom:8px; margin-left:2%;}
#foot .linkcon{margin-left:0px; margin-left:2%;}
}

#newsul{border-bottom:#b2b2b2 solid 1px;}
#newsul ul{display:table; margin:2rem auto;}
#newsul ul li{float:left; width:180px; text-align:center; margin-left:20px; height:45px; line-height:45px; font-size:18px; list-style:none; margin-bottom:10px;}
#newsul ul li a:link{border:#a3a3a3 solid 1px; display:block; color:#595757}
#newsul ul li a:visited{border:#a3a3a3 solid 1px; display:block;color:#595757}
#newsul ul li a:hover{border:#32b0ad solid 1px; display:block; background-color:#32b0ad; color:#FFFFFF;}
#newsul h1{text-align:center; padding-top:60px;}
#newsul p{text-align:center; padding-bottom:60px; font-size:18px; color:#F00;}

/*关于我们*/
#aboutabg{background-color:#eef0ef; padding:60px 0;}
#aboutabg h2{text-align:center; font-size:30px; margin-bottom:15px; font-weight:400;}
#aboutabg p{ text-align:center;}
#aboutabg .abouta{width:1150px; background-color:#FFF; margin:30px auto; padding:50px; text-align:center; }


#aboutbbg{background-color:#ffffff; padding:60px 0;}
#aboutbbg h2{text-align:center; font-size:30px; margin-bottom:15px; font-weight:400;}
#aboutbbg p{ text-align:center;}
#aboutbbg .aboutb{width:1150px; background-color:#FFF; margin:30px auto; text-align:center; }

#aboutcbg{background-color:#eef0ef; padding:60px 0;}
#aboutcbg h2{text-align:center; font-size:30px; margin-bottom:15px; font-weight:400;}
#aboutcbg p{ text-align:center;}
#aboutcbg .aboutc{width:1150px; margin:30px auto; text-align:center; }
#aboutcbg .aboutc img{width:100%;}

@media only screen and (max-width: 1024px){
#aboutabg{background-color:#eef0ef; padding:40px 0;}
#aboutabg .abouta{width:90%; background-color:#FFF; margin:30px auto; padding:50px 5%; text-align:center;}
#aboutabg h2{text-align:center; font-size:23px; margin-bottom:15px; font-weight:400;}
#aboutabg .abouta img{width:100%;}
#aboutbbg{background-color:#ffffff; padding:40px 0;}
#aboutbbg h2{text-align:center; font-size:23px; margin-bottom:15px; font-weight:400;}
#aboutbbg .aboutb{width:100%; background-color:#FFF; margin:30px auto; text-align:center; }
#aboutbbg .aboutb img{width:100%;}
#aboutcbg{background-color:#eef0ef; padding:40px 0;}
#aboutcbg h2{text-align:center; font-size:23px; margin-bottom:15px; font-weight:400;}
#aboutcbg .aboutc{width:100%; margin:30px auto; text-align:center; }
}