@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;}

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

}