/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,p{ margin:0; padding:0; border:none; border:none}
body{ font-family:"΢ÈíÑźÚ"; font-size:14px; background-color:#fff; max-width:700px; }
li{ text-decoration:none; list-style-image:none; list-style-type:none}
a{ text-decoration:none; color:#333333}
.box{ width:1100px; margin:0 auto}
.clear{ clear:both;}
.pc-img{ display: block}
.wap-img{ display: none}

.top{border-top:#3e4d8c solid 1px;}
.head{ background:url(../images/head.jpg) center no-repeat; height:103px;}
.wap-head{ display:none}
.lead{ height:40px; line-height:40px;left:0; width:100%; background: url(../images/lead-bg.jpg); overflow:hidden}
.lead ul{ width:1100px; margin:0 auto;}
.lead ul li{ float:left; width:135px;  text-align:center}
.lead ul li a{ color:#333}
.lead ul li:hover a{ color:#fff; font-size:16px;}
.lead ul li:hover{ background-color:#ee8500}

@media screen and (max-width:700px){
.box{ width:100%; margin:0 auto}
.top{border-top:#3e4d8c solid 0px;}
.head{ display:none;}

.wap-head{ display:block;background: url(../images/bg_2-1.jpg) top; height:98px; text-align:center}
.wap-head h3{ color:#FFFFFF; font-size:2em; padding-top:15px;}
.wap-head p{ color:#FFFFFF}
.logo{ float:left; height:100px;}
.logo img{ height:100%;}
.erweima{ float:right; margin-top:10px; margin-right:10px;}
.erweima img{ height:80px;}
.lead{ height: auto; line-height:30px; width:100%; background:}
.lead ul{ width:100%; margin:0 auto; padding:10px 0;background: url(../images/lead-bgs.jpg); height:auto;}
.lead ul li{ float:left; width:33.3%; background:none; text-align:center; font-size:15px;}
.pc-img{ display: none}
.wap-img{ display: block}
}


@media screen and (max-width:700px){
.banner{ display:none}
.wap-banner{ display: block}
.wap-banner img{ width:100%}
}




.title{ text-align:center; margin:10px 0;}
.title span{ font-size:28px; color:#45569c; font-weight:}
.title p{ color:#666666; font-size:16px; margin-top:5px; margin-bottom:10px;}
.title div{ background-color:#45569c; width:30px; height:3px; margin:0 auto;}


.pro{ width:100%; background-color:#fff; padding-bottom:20px;}
.pro-title{ text-align:center; padding-top:20px;}

.pro-left{ width:230px; float:left; margin-top:40px;}
.pro-left-title{ background:url(../images/pro.jpg) center no-repeat; height:77px; line-height:77px; text-align:center; font-size:26px; color:#ee8500}
.pro-left ul{ background-color:#fff; padding:15px; min-height:700px;}
.pro-left ul li{ background:url(../images/list.jpg); height:40px; line-height:40px; margin-bottom:10px; text-align:center; border-top:#f4f4f4 solid 1px;}
.pro-left ul li a{ color:#333333}
.pro-left ul li:hover{ background-color:#ee8500; background-image:none}
.pro-left ul li:hover a{ color:#FFFFFF}

.pro-right{ width:850px; margin:20px auto; float:right}
.pro-right ul{}
.pro-right ul li{ width:268px; float:left; margin:0 6px;}
.pro-right ul li>div{ width:266px; border:#3166a1 solid 1px;}
.pro-right ul li>div>div{ width:258px; margin:5px auto; height:228px; overflow:hidden; background-color:#FFFFFF; position:relative}
.pro-right ul li>div>div img{ height:100%; text-align:center;}
.pro-right ul li p{ text-align:center; color:#eee; line-height:30px;}
.pro-right ul li:hover>div>div img{ height:270px; position:absolute; left:-10px; top:-10px;}
.pro-right ul li:hover>div{border:#fff solid 1px;}

.about{ width:1100px; margin:40px auto;}
.about-title{ line-height:40px; height:40px; border-bottom:#ee8500 solid 1px; margin-bottom:20px; margin-left:5px;}
.about-title span{ float:left; font-size:20px; border-bottom:#ee8500 solid 4px; color:#ee8500; font-weight:bold}
.about-title p{ float:left; margin-left:10px; color:#666666;}
.about-title a{ float:right; margin-right:10px; margin-top:4px;}
.about-cont{ height:550px; position:relative}
.about-cont p{ line-height:30px; background-color:#f6f5f5; padding:30px 50px; width:900px; color:#333333; position:absolute; top:240px; left:50px;}

.advan{ background:url(../images/advan.jpg) center no-repeat; height:1697px;}
.gd1{ background:url(../images/gd2.jpg) center no-repeat; height:124px;}

.news{ width:1100px; margin:40px auto;}
.news-title{ text-align:center; margin-bottom:30px;}
.news-left{ float:left; width:500px;}
.news-right{ width:400px; float:right; height:400px; border-radius:200px; overflow:hidden; margin-top:30px;}
.menu {height:40px;width:600px;}
.menu li {display:inline; line-height:40px; text-align:center; font-size:16px; height:40px; margin-right:10px;}
.menu li a {color:#ee8500; text-decoration:none; padding:5px 30px;border-radius:5px; border:#ee8500 solid 1px; }
.menu li a.tabactive {color:#fff; background-color:#ee8500; font-weight:bold;  position:relative;}
#tabcontent1,#tabcontent2{border:1px solid #ececec; width:600px;padding:20px 30px; font-size:14px; margin-bottom:5px; margin-top:10px;}
#tabcontent1 ul{ padding-bottom:20px; height:330px;}
#tabcontent1 ul li{ line-height:40px; border-bottom:#CCCCCC dashed 1px; background:url(../images/li.png) left center no-repeat; padding-left:15px;}
#tabcontent1 ul li span{ float:right;font-size:13px;}
#tabcontent1 ul li:hover a{ color:#ee8500}
#tabcontent2 ul{ padding-bottom:20px; height:330px;}
#tabcontent2 ul li{ line-height:40px; border-bottom:#CCCCCC dashed 1px; background:url(../images/li.png) left center no-repeat; padding-left:15px;}
#tabcontent2 ul li span{ float:right; font-size:13px;}
#tabcontent2 ul li:hover a{ color:#ee8500}


.proadvan{ text-align:center; background:url(../images/img-21.jpg) center no-repeat; height:500px;}
.proadvan-title{ color:#FFFFFF; padding-top:55px;}
.proadvan-title p{ width:800px; margin:20px auto; line-height:30px;}
.proadvan ul{ width:1100px; margin:30px auto;}
.proadvan ul li{ float:left; margin:42px; color:#FFFFFF; font-size:20px; font-weight:bold}
.proadvan ul li p{ line-height:50px;}

.foot{ background-color:#000; color:#fff; text-align: center; height:40px; line-height:40px; margin-top:0px; border-top:#ee8500 solid 4px;}
.wap-foot{ display:none}
@media screen and (max-width:700px){
.pro{ width:100%; margin:0px auto;}
.pro-left{ width:210px; float:left; display:none}
.pro-right{ width:100%; float:right;}
.pro-right ul li{ width:48%; float:left; margin:1%;}
.pro-right ul li>div{ width:98%; border:#cecece solid 1px; height:170px;}
.pro-right ul li>div>div{ width:98%; height:160px; overflow:hidden; text-align:center}
.pro-right ul li>div>div img{ height:100%} 
.pro-right ul li p{ text-align:center; line-height:30px; color:#000}
.pro-right ul li:hover>div{border:#45569c solid 1px;}
.pro-right ul li:hover p{ background-color:#45569c; color:#FFFFFF}


.about{ width:96%; margin:20px 2%; overflow:hidden}
.about-title{ line-height:40px; height:40px; border-bottom:#ee8500 solid 1px; margin-bottom:20px; }
.about-title span{ float:left; font-size:20px; border-bottom:#ee8500 solid 4px; color:#ee8500; font-weight:bold}
.about-title p{ float:left; margin-left:10px; color:#666666; display:none}
.about-title a{ float:right; margin-right:10px; margin-top:4px;}
.about-cont{ height:auto; position:relative}
.about-cont img{ width:150%;}
.about-cont p{ line-height:30px; background-color:#f6f5f5; padding:5%; width:90%; color:#333333; position: relative; top:0; left:0;}

.advan{ display:none}
.gd2{display:none}
.gd1{display:none}

.news{ width:100%; margin:30px auto;}
.news-left{ float:none; width:100%;}
.news-right{ width:100%; float:none; height:400px; border-radius:200px; overflow:hidden; margin-top:30px;}

.menu {height:40px;width:100%; text-align:center}
.menu li {display:inline; line-height:40px; text-align:center; font-size:16px; height:40px; margin-right:10px; }
.menu li a {color:#ee8500; text-decoration:none; padding:5px 30px;border-radius:5px; border:#ee8500 solid 1px; }
.menu li a.tabactive {color:#fff; background-color:#ee8500; font-weight:bold;  position:relative;}
#tabcontent1,#tabcontent2{border:1px solid #ececec; width:90%;padding:5%; font-size:14px; margin-bottom:5px; margin-top:10px;}
#tabcontent1 ul{ padding-bottom:20px; height:330px;}
#tabcontent1 ul li{ line-height:40px; height:40px; overflow:hidden; border-bottom:#CCCCCC dashed 1px; background:url(../images/li.png) left center no-repeat; padding-left:15px;}
#tabcontent1 ul li span{ float:right;font-size:13px;}
#tabcontent1 ul li:hover a{ color:#ee8500}
#tabcontent2 ul{ padding-bottom:20px; height:330px;}
#tabcontent2 ul li{ line-height:40px; border-bottom:#CCCCCC dashed 1px; background:url(../images/li.png) left center no-repeat; padding-left:15px;overflow:hidden; height:40px}
#tabcontent2 ul li span{ float:right; font-size:13px;}
#tabcontent2 ul li:hover a{ color:#ee8500}


 .foot{ margin-bottom:50px; height:auto; padding:2% 5%}
	.wap-foot{ position:fixed; bottom:0; left:0; background-color:#ee8500; width:100%; padding:1.5% 0; display:block; z-index:999999}
.wap-foot div{ width:45%;}
.wap-foot div img{ width:25%; float:left;}
.wap-foot div a{ color:#FFFFFF}
.wap-foot div p{ float:left;margin-top:6%; font-size:0.9em; margin-left:7%}
.wap-foot-home{ border-right:#fff dashed 1px; margin-left:5%; float:left}
.wap-foot-zixun{ float:right;}
}
.erji-title{ height:30px; line-height:30px; border-bottom:#ee8500 solid 1px; margin-top:10px;}
.erji-title span{ float:left; color:#FFFFFF; background-color:#ee8500; padding:0 20px; font-size:16px;}
.erji-title p{ float:right; font-size:13px; margin-right:5px;}
.erji-about{ line-height:25px; padding:2%}

.erji-case ul{ width:99%; margin:0.5%;}
.erji-case ul li{ width:48%; margin:1%; float:left}
.erji-case ul li div{ width:100%; background-color:#eee; text-align:center; height:135px; overflow:hidden}
.erji-case ul li div img{ height:100%;}
.erji-case ul li p{ text-align:center; background-color:#ee8500; color:#FFFFFF; font-size:12px; line-height:25px;}

.erji-news ul{ margin:1%;}
.erji-news ul li{ line-height:35px; border-bottom:#CCCCCC dashed 1px; height:35px; font-size:13px; background: url(../images/li.png) left center no-repeat; padding-left:4%; overflow:hidden}

.erji-news img{ width:100%}

.ppimg img{width:100%;margin:0}

.m-cnt{margin: 0 3.1%; overflow: hidden; padding-top:15px}
.m-cnt li{ float: left; margin: 0 2.5% 0.7rem 0; width: 31%; height: 2.2rem; line-height: 2.2rem; border: 1px solid #a7a7a7; font-size: 1rem; color: #333; text-align: center; overflow:hidden;}
.m-cnt li a{color:inherit;}
.m-cnt li:nth-child(3n){ margin-right: 0;}