@charset "utf-8";
.tab,.collapse{margin:0 10px 0 10px;}
.tab,.panel{margin-top:10px;}
.header.fixed.fixed-top{border-bottom:solid 1px #ddd;z-index:2;-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .175);box-shadow:0 3px 6px rgba(0, 0, 0, .175);}
.footer .badge{padding:7px 15px;}
.header{background:#187EC6;}
h1,h2,h3,h4,p,ul,li,span{ margin:0px; padding:0px}
.button-group{cursor:pointer;}
.fl{ float:left}
.fr{ float:right}

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.toppro{}
.toppro .x6{margin:8px 0;text-align:center;}
.toppro .x6 a img{border:1px solid #eee;padding:3px;}
.toppro .x6 a:hover img{border:1px solid #C9DCFF;}
.toppro .x6 div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:10px;}

.toppro .x4{margin:8px 0;text-align:center;}
.toppro .x4 a img{border:1px solid #eee;padding:3px;}
.toppro .x4 a:hover img{border:1px solid #C9DCFF;}
.toppro .x4 div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:10px;}

.topnews{margin-top:20px;}
.topnews li strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.topjob{padding:0;margin:0;list-style:inside}
.topjob li{line-height:40px;border-bottom:1px dashed #ddd;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.showcontent{font-size:14px;}
.showcontent img{width:100%;height:auto;}
.artshow h1{margin:0 0 10px 0;font-size:18px;font-weight:bold;line-height:30px;}
.artshow .badge{padding:6px 10px;}
.artshow .info{background:#f3f3f3;border-left:3px solid #ccc;padding:10px;}
.artshow .win-backtop{margin-bottom:40px;}
.commentpost{bottom:0;position:fixed;width:100%;border-top:1px solid #ddd;padding:10px 0 0 10px;background:#fff;}

.listmore{list-style:none;margin:0;padding:0;display:block;text-align:center;color:#999;width:100%;}
.commentmore{margin-bottom:80px;}

.piclist ul{list-style:none;margin:10px;padding:0;}
.piclist li{text-align:center;margin-bottom:15px;}
.news{ background:#f7f7f7}
.piclist li img{display:block;width:100%;height:auto;margin-bottom:10px;border:1px solid #ddd;padding:4px;}

@media (min-width:480px) and (max-width:760px){.item_list ul li{width:33.3%;}}
@media (min-width:761px){.item_list ul li{width:25%;}}
.logo{ position:absolute;  top:8px; z-index:99999999; left:10px}
#mySwipe{margin:15px auto;}
.swipe{overflow:hidden;visibility:hidden;position:relative;}
.swipe-wrap{overflow:hidden;position:relative;}
.swipe-wrap > div{float:left;width:100%;position:relative;}
.swipe-wrap img{margin-bottom:10px;width:100%;}

.pager-prev,.pager-next{border:0;background:none;}
.pager-prev:hover,.pager-next:hover{color:#ff0;background:none;}
.pointer{margin-top:20px;}


a.meanmenu-reveal {
	display: none
}
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #fff;
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999
}
.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 16px 13px 11px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color:#32a7e0;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700
}
.mean-container a.meanmenu-reveal span {
	display: block;
	background: #32a7e0;
	height: 3px;
	margin-top: 3px
}
.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #0c1923;
	margin-top: 44px
}
.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none
}
.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%
}
.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,.5);
	text-decoration: none;
	text-transform: uppercase
}
.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,.25);
	opacity: .75;
	filter: alpha(opacity=75);
	text-shadow: none!important;
	visibility: visible
}
.mean-container .mean-nav ul li.mean-last a {
	border-bottom: 0;
	margin-bottom: 0
}
.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%
}
.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%
}
.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%
}
.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,.1)
}
.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 23px;
	padding: 12px!important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,.1);
	border: 0!important;
	border-left: 1px solid rgba(255,255,255,.4)!important;
	border-bottom: 1px solid rgba(255,255,255,.2)!important
}
.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,.9)
}
.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both
}
.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0
}
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.mean-remove {
	display: none!important
}
.banner { display: block; width: 100%; border:none !important;}
.banner img { display: block; width: 100%; }
#banner_box ul { padding: 0; }
.box_swipe > ol { height: 20px; margin-top: -25px; padding-right: 15px; position: relative; text-align: center; z-index: 10; }
.box_swipe > ol > li.on { background-color: #224599; }

.box_swipe > ol > li { background-color: #fff; border-radius: 8px; display: inline-block; height: 8px; margin: 5px 0; width: 8px; }
.foot_tel{ background:#cc0000 ; overflow: hidden; text-align:center; padding:10px 20px}
.foot_tel img{ margin-right:10px}
.foot_tel p{ color:#fff; font-size:16px}
.foot_tel span{ color:#ffdf18}
.footer{ position: static;right: 0; bottom: 0;}
.footer-con { width: 100%; height: 118px; position: fixed; z-index: 100; right: 0; bottom: 0; background: #000; 

border-top: 1px solid #243b58; margin: 0; opacity:0.7 }
.footer-con ul { margin: 0; padding: 0; }
.footer li { float: left; width: 25%; list-style: none; }
.footer li a, .footer li span { display: block; height: 44px; padding: 74px 0 0 0; text-align: center; font-size: 24px; 

color: #fff; cursor: pointer; }
.footer li.zx a { background: url(../images/ico-mess.png) center 15px no-repeat; }
.footer li.tel a { background: url(../images/ico-tel2.png) center 15px no-repeat; }
.footer li.yy a { background: url(../images/ico-yy.png) center 15px no-repeat; }
.footer li.dh span { background: url(../images/ico-nav2.png) center 15px no-repeat; }
.footer { height: 60px }
.footer .footer-con { height: 59px; margin: 0; padding: 0; }
.footer li { float: left; width: 33.3%; list-style: none; }
.footer li a, .footer li span { height: 22px; padding: 37px 0 0 0; font-size: 12px; line-height: 18px; }
.footer li.zx a { background: url(../images/ico-mess.png) center 7px no-repeat; background-size: 29px 24px; }
.footer li.tel a { background: url(../images/ico-tel2.png) center 7px no-repeat; background-size: 26px 25px; }
.footer li.yy a { background: url(../images/ico-yy.png) center 7px no-repeat; background-size: 22px 27px; }
.footer li.dh a { background: url(../images/ico-home.png) center 7px no-repeat; background-size: 24px 21px; }
.footer li.jr a { background: url(../images/join.png) center 8px no-repeat; background-size: 24px 21px; }


.fen_c{ overflow:hidden}
.fen_c h4{ padding:10px 5px;; background:#32a7e0; margin:5px;  float:left;border-radius:10px; text-align:center}
.fen_c h4 a{ display:block; color:#fff; font-size:14px; }
.intit h1{ font-size:20px; font-weight:bold}
.intit h3{ font-size:16px;} 
.intit img{ width:100%; margin:5px 0px}
.intit{ text-align:center}
.x-ban img{ width:100%}

.fl{ float:left}
.fr{ float:right}
.bz ul li{ overflow:hidden; padding:10px 0px}
.bz ul li .img{ width:47%}
.bz ul li .img img{ width:100%}
.bz ul li .text{ width:52%}
.bz ul li .text .ystit{ overflow:hidden}
.bz ul li .text .ystit h1{ font-size:30px; font-weight:bold; background:#32a7e0; width:50px; height:60px; text-align:center; color:#fff; float:left; line-height:60px; margin-right:5px}
.bz ul li .text .ystit h2{ color:#32a7e0; font-size:14px; font-weight:bold; line-height:2}
.bz ul li .text .ystit h3{ color:#111; font-weight:bold; font-size:14px;}
.bz ul li .text p{ font-size:14px;}
.inabout img{ width:100%; margin-top:10px }
.inabout p{ font-size:14px; line-height:28px; margin:5px 0px;}
.inabout a{ width:100%; background:#32a7e0; display:block; height:40px; line-height:40px; text-align:center; color:#fff}
.foot-main{ background:#005188; border-top:2px solid #32a7e0}
.f-top{ overflow:hidden}
.f-logo{ width:30%;}
.f-menu{ width:68%;}.f-menu a{ color:#fff; border-bottom:1px solid #ccc;white-space:nowrap; float:left; margin:5px}
.inner-ban{ padding:35px 0px; background-size:100%}
.cpdetal{  height:340px; background:#f5f5f5; padding:10px; margin-bottom:20px }
	
			.cpdetal h1{ font-size:20px; color:#32a7e0}
			.cpdetal h3{ width:50px; margin:10px 0px 10px; background:#32a7e0; height:2px}
		.cpdetal h2{ color:#333; font-size:18px; }
		.cpdetal p{ line-height:30px; font-size:16px }
		.cpdetal .scross{
	overflow-y: scroll;
	height: 240px;
	overflow-style: marquee-line
}
	.cpdetal  .scross::-webkit-scrollbar {
 width: 16px;
 height: 16px;
 background-color: #F5F5F5;
border-radius: 10px;
}
	.cpdetal  .scross::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
	.cpdetal  .scross::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #ed252d;
}
.cases img{ width:100%}
.case-ta tr td{ border:1px solid #ccc; padding:10px 5px; text-align:center; font-size:14px; color:#333}
.cj{ background:url(../images/cj_bg.jpg) no-repeat center; padding:10px}
.cj .intit h1{ color:#fff}.cj .intit h3{ color:#fff}
.con-a{ margin-top:20px; padding:10px}
.con-b{ margin:20px 0px}
.con-c{ margin-bottom:20px; padding:10px
}
.con-a ul li{ list-style:none; overflow:hidden; line-height:48px; margin-bottom:10px; font-size:18px; font-weight:bold}
.con-a ul li img{ float:left; margin-right:10px}

.con-c .inputs
 {
            width:63%;
          
            outline: none;
            padding-left: 10px;
            border: 1px solid #eee;
            height: 33px;
            line-height: 32px;
            color: #666;
            box-sizing: border-box;
            /*float: left;*/
        }
		.radioandcheck{vertical-align:middle;}
		.err {
            border: 1px solid #c00;
        }
       .con-c textarea {
            width: 73%;
            height: 102px;
            line-height: 24px;
            border: 1px solid #eee;
            outline: none;
            resize: none;
            overflow: auto;
            margin-right: 10px;
            padding-left: 10px;
            box-sizing: border-box;
        }
	.con-c	.p4-order-form-1-b1 {
            background: #0071be;
			display: inline-block; color:#FFF;
	font-weight: 700;
	line-height: 1;
	
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	border: 1px solid transparent;
	padding:10px;
font-size:16px;
	border-radius: 8px; text-align:center; width:100%;
	-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	-o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
        }
		.con-c form ul li{ width:100%; margin:10px 0px}
		.con-c form ul li label{ width:20%; float:left }
		.ys ul li{ margin:15px 0px; position:relative}
		.ys ul li img{ max-width:100%}
				.ys ul li .text{ position:absolute; top:50px; padding:20px}
		.ys ul li h2{ color:#fff; font-size:16px; font-weight:bold; color:#fff; line-height:40px}
		.ys ul li  p{ color:#fff;}