@charset "utf-8";
/* CSS Document */

body{ font-size:14px; margin:0; font: 14px/24px 'microsoft yahei',Helvetica,Arial,'宋体',sans-serif;}
ul,li{ list-style:none; margin:0; padding:0;}
a{ color:#555555;}
.copy{ display:none;}
.nbanner{ width:100%; height:500px; background:url(../images/nbanner.jpg) top center no-repeat; margin-top:-100px;}
.abanner{ width:100%; height:500px; background:url(../images/abanner.jpg) top center no-repeat; margin-top:-100px;}
.cbanner{ width:100%; height:500px; background:url(../images/cbanner.jpg) top center no-repeat; margin-top:-100px;}
.jbanner{ width:100%; height:500px; background:url(../images/jbanner.jpg) top center no-repeat; margin-top:-100px;}
.pbanner{ width:100%; height:500px; background:url(../images/pbanner.jpg) top center no-repeat; margin-top:-100px;}
.rbanner{ width:100%; height:500px; background:url(../images/cg.jpg) top center no-repeat; margin-top:-100px;}
.xbanner{ display:none;}
.en{ width:80px; float:right; margin-left:60px;}
.en ul{ margin:0; padding:0;}
.en ul a{ width:25px; height:25px; line-height:25px; font-size:14px; text-align:center; display:block; background:#0060a5; color:#FFFFFF; margin-right:10px; float:left; margin-top:53px; }
.en ul a:hover{ color:#333333; background:#FFFFFF;}
.xmeu{ width:100%; height:40px; background:#efefef;}
.xmeu>ul{ width:1200px; margin:auto;}
.xmeu ul li a{ padding:0 20px; line-height:40px; color:#555555; float:left;}
.xmeu ul li a.cur{ padding:0 20px; line-height:40px; background:#005baa; color:#FFFFFF; float:left;}
.xmeu ul li a:hover{ padding:0 20px; line-height:40px; background:#005baa; color:#FFFFFF; float:left;}
.xmeu ul span{ line-height:40px; float:right; display:block; padding:0 15px; background:url(../images/h.png) 10px center no-repeat #666666; color:#FFFFFF; text-indent:3px;}
.xmeu ul span a{width:20px; height:30px; display:block; float:left;}

.xmeu ul li{ position:relative;}
.xmeu ul li ul{ width:100%; background:url(../images/pbg.png); display:none;}
.xmeu ul li:hover ul{float:left; display:block; position:absolute; top:40px; left:0;}
.xmeu ul li ul li{ float:left;}
.xmeu ul li ul li a{ color:#FFFFFF; padding:0 20px;}
.xmeu ul li ul li a:hover{ padding:0 20px;}
#category{ display:none;}

.main{ width:1200px; margin:3% auto;}
.member{ border-bottom:#CCCCCC dashed 1px; padding-bottom:20px;}
.member>dl>dt{ border-left:#005baa solid 5px; text-indent:1em; font-size:16px; margin:35px 0 20px 0;}
.member>dl>dd{ margin:0;  font-size:14px; line-height:28px;}
.member>ul>li{ float:left; color:#2957ac; text-align:center; padding:0 15px;}
.member>ul>li.cur{ color:#c30000;}
.member>ul>img{ float:left; margin-top:30px;}
/********************news***********************/
.news-list{ width:1200px;}
.sub-news{ width:100%;}
.sub-news li{ width:100%; margin-bottom:20px; padding-bottom:30px; float:left; border-bottom:1px solid #E2E2E2;}
.sub-news li dt{ float:left; width:199px; height:160px; overflow:hidden;}
.sub-news li dt img{ width:199px; height:160px;}
.sub-news li dt img:hover{ opacity:0.9;}
.sub-news li dd{ width:894px; float:left; position:relative; text-align:left; margin-left:30px;}
.sub-news li dd h6{ font-size:12px; margin-top:5px; margin-bottom:3px; color:#999999;}
.sub-news li dd h3{ margin:15px auto;}
.sub-news li dd h3 a{ font-size:18px; text-align:left; color:#555555; font-weight:normal; text-decoration:none;}
.sub-news li dd h3 a:hover{ color:#2957ac;}
.sub-news li dd span{ display:block; width:30px; border-top:2px solid #E2E2E2; margin:10px 0;}
.sub-news li dd p{ width:776px; line-height:22px; color:#999999;}
.sub-news li dd small a{ position:absolute; right:0; top:50%; margin-top:-10px; display:block; width:20px; height:20px; font-size:14px; text-align:center; line-height:18px; border:1px solid #E2E2E2; color:#E2E2E2;}
.sub-news li dd small a:hover{ background-color:#0359ac; color:#fff; border-color:#0359ac;}
/********************abo***********************/
.abo{ line-height:28px;}
.abo ul{ width:68%; float:left;}
.abo ul p{ padding:10px 0; text-indent:2em;}
.abo ul h1{ font-size:24px; color:#005baa;}
.abo img{ float:right; margin-left:15px;}
/********************cul***********************/
.cul{ line-height:30px;}
.cul ul{ width:68%; float:left;}
.cul ul h1{ font-size:24px; color:#005baa;}
.cul img{ float:right; margin-left:15px;}
.deve{ display:block;}
.deve1{ display:none;}
/********************hon***********************/
.hon{ margin:30px auto;}
.hon ul li{ width:23%; float:left; margin:1%;}
.hon>ul>li>a>img{ width:100%; height:211px; padding:15px; border:#CCCCCC solid 1px;}
.hon>ul>li>span{ width:100%; height:42px; line-height:42px; margin-top:15px; text-align:center; background:#eeeeee; display:block;}
/********************con***********************/
.con{ margin-top:2%;}
.con h1{ font-size:21px; line-height:32px; color:#005baa;}
.con>h2{ width:50%; float:left; font-size:18px; line-height:32px; color:#555555; text-indent:2em; background:url(../images/t.png) 2px center no-repeat;}
.con ul li{ width:24%; height:250px; margin:2% 1% 1% 0; padding:20px 15px 0 15px; line-height:28px; font-size:14px; background:#efefef; float:left;}
.con ul li h2{ font-size:16px; color:#005baa;}
.con ul.gw li{ width:32.33%; height:200px;}
#map{ width:100%; height:600px;}
/********************pro***********************/
.pro{line-height:32px;}
.pro h1{ width:100%; height:50px; line-height:50px; font-size:24px; margin-bottom:3%; text-indent:1em; background:#EFEFEF;}
.pro h2{ width:100%; height:50px; line-height:50px; font-size:16px; margin:3% 0; text-indent:1em; background:#EFEFEF;}
.pro p{ text-indent:2em; line-height:28px;}
.pro img{ float:right; }
/********************case***********************/
.case ul li{ width:24%; margin-right:1%; margin-bottom:1%; float:left;}
.case ul li img{ max-width:100%; border:#CCCCCC solid 1px;}
/********************join***********************/
.join{ width:1200px; display:table; background-color:#fff;}
.join .sub-join{ width:100%; display:table;}
.join .sub-join li{ margin-bottom:10px;}
.join-tit{ width:100%; height:30px; background-color:#F2F2F2; display:table;}
.join-tit h3,
.join-tit span,
.join-tit small,
.join-tit font{ display:inline-block; line-height:30px;} 
.join-tit h3{ font-size:15px; color:#005baa; font-weight:bold; margin-left:30px; width:520px;} 
.join-tit span,
.join-tit font{ font-size:13px; color:#666666; width:280px;}
.join-tit small{ width:30px; height:30px; background:url("../images/hjt.png")/*hjt.png*/ no-repeat center center; vertical-align:middle;} 
.join-tit:hover{ background-color:#005baa;}
.join-tit:hover h3,
.join-tit:hover span,
.join-tit:hover font{ color:#fff;}
.join-tit:hover small{ background:url("../images/bjt.png")/*bjt.png*/ no-repeat center center;}
.join-xx{ display:table; padding-bottom:20px; display:none;}
.join-xx h4{ font-size:13px; color:#005baa; font-weight:bold; margin-top:20px; margin-bottom:30px;}
.join-xx p{ font-size:13px; color:#666666; line-height:23px;} 
.join .sub-join li.on .join-tit{ background-color:#005baa;}
.join .sub-join li.on .join-tit h3,
.join .sub-join li.on .join-tit span,
.join .sub-join li.on .join-tit font{ color:#fff;}
.join .sub-join li.on .join-tit small{ background:url("../images/bjt.png")/*bjt.png*/ no-repeat center center;}
img.cmmi{ position: absolute; top:10px; z-index:10000; right:20px; width:180px;}

@media (max-width:767px) {
.plr20 {
     padding: 0 20px; 
}
#category {
	min-height: 40px;
	margin-bottom: 20px;
	position: relative;
	display:block;
}
#category .label {
	line-height: 40px;
	height: 40px;
	background: #333333;
	color: #fff;
	font-size: 1.5rem
}
.dropmenu .label .down {
	float: right;
	font-size: 2.4rem;
	margin-top: 8px
}
.dropmenu.open .label .down {
	transform: rotate(180deg);
}
.dropmenu ul {
	width: 100%;
	height: 0;
	overflow-y: auto;
	position: absolute;
	z-index: 1;
	background-color: #fff;
}
.dropmenu ul li {
	width: 100%;
	height: 40px;
	float: left;
	border-bottom: #d2d2d2 1px solid;
}
.dropmenu ul li a {
	line-height: 40px;
	height: 40px;
	padding: 0 50px;
	color: #969595;
	display: block;
	background: #fff;
	font-size: 1.3rem
}
.dropmenu ul li a.active {
	background: #f1f1f1;
	color: #00C0FF;
}
.dropmenu ul li a.active {
	color: #fff;
	background: #000;
}
.dropmenu ul li a {
	color: #BBBBBB;
	background: rgba(17, 17, 17, 0.9);
}
.dropmenu ul li {
	border-bottom: #2F2E35 1px solid;
}
.navbar-brand{ margin-left:2%;}
.nav-right{ margin-right:2%;}
.nbanner{ display:none;}
.abanner{ display:none;}
.cbanner{ display:none;}
.jbanner{ display:none;}
.pbanner{ display:none;}
.xbanner{ display:block;}
.xbanner img{ width:100%;}
.xmeu{ display:none;}
.main{ width:94%; margin-left:3%;}
.abo ul{ width:100%;}
.abo img{ width:100%; margin-left:0;}
.cul ul{ width:100%;}
.deve{ display:none;}
.deve1{ display:block;}
.deve1 img{ width:100%;}
.con ul li{ width:100%;}
.con ul.gw li{ width:100%;}
.con>h1{ padding-top:2%;}
.con>h2{ width:100%; margin:0;}
.hon ul li{ width:46%; float:left; margin:2%;}
.hon>ul>li>a>img{ height:120px;}
.hon > ul > li > span{ overflow:hidden;}
#map{ height:300px;}
.pro{line-height:2em;}
.pro>img{ float:right; width:100%; }
.case ul li{ width:48%; margin:1%;}
.copyright{ display:none;}
.copy{ display:block; text-align:center; padding:5% 0 3% 0;}
.en{ display:none;}
.join{ width:100%;}
.join-tit h3{ width:80%;}
.join-tit span,
.join-tit font{ display:none;}
img.cmmi{ display:none;}
}