/*全局样式*/
*{ margin:0; padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;}
body,html{min-height:100%;}
input,button,select,textarea{outline:none}
li{list-style:none}
img{border:0; max-width: 100%; height: auto;}
textarea{resize:none}
body,div,span,ul,li,p,h1,h2,h3,h4,h5,h6,img,input, textare{ margin:0; padding:0; }
body{ font-size:14px;font-family:微软雅黑;}
body{ word-wrap : break-word ;word-break:keep-all; min-height: 100%; }
a{ text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
a{ outline:none;}/*去除超链接虚线框*/
a:active{star:expression(this.onFocus=this.blur());}/*去除ie下超链接虚线框*/
a:focus{ outline:0;}/*去除火狐下超链接的虚线*/
a{ text-decoration:none;}
.fl{float:left}
.fr{float:right}
.clearfloat{clear:both; height:0px; font-size:1px; line-height:0px;}/*清除浮动*/
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.mr0{margin-right:0 !important;}
.textCenter{text-align:center !important;}
body{margin:0;padding:0;width:100%;color:#333333;font:12px/18px "tahoma","Microsoft YaHei","arial","SimHei","SimSun";}
img{border:0;}
a{color:#333;text-decoration: none}

input[type="submit"]{ font-size:15px;font-weight:600;color:#333333;border:0;font-family:"Microsoft YaHei","SimHei","SimSun";text-shadow:0 -1px 0 #535353;margin:5px 5px 0 0;padding:0 0 3px 0;display:block;width:106px;height:35px;text-align:center;line-height:33px;text-indent:20px;}
input[type="button"]{font-size:15px;font-weight:600;color:#333333;border:0;text-shadow:0 -1px 0 #535353;margin:5px 5px 0 0;padding:0 0 3px 0;display:block;width:106px;height:35px;text-align:center;line-height:33px;text-indent:20px;}
input.button_button{margin:0;width:106px;height:35px;border:0;font-size:15px;font-weight:600;color:#333333;text-shadow:0 -1px 0 #535353;padding:0 0 3px 0;text-align:center;line-height:33px;text-indent:20px;cursor:pointer;}
ol,ul{list-style:none outside none;margin:0px;padding:0;}
hr{color:#FF7700;width:200px;height:2px;float:left;}
textarea{font-size:12px;background-color:#ffffff;border:solid 1px #888888;}
fieldset{clear:both;padding:0 0 1em 1em;margin:0 0 30px .3em;border:1px solid #888888;}
legend{margin:0 0;padding:2px;font-size:10px;border:0px ;text-transform:capitalize;color:#000000;}

/* 自动生成文章页class view */
.news-details .view{
	width:100%;margin-top:30px;
}

.w{
	width:1200px;margin:0 auto;
}
.header{
	width:100%;margin-bottom:15px;
}
.header-top{
	padding:35px 0;overflow:hidden;
}
.title{
	font-size:30px;font-weight:700;color:#0068b7;
}
.search{
	position:relative;
}
.search input{
	width:80%;height:38px;line-height:38px;font-size:16px;padding-left:20px;border:1px solid #88b9dd;
}
.search button{
	position:absolute;right:0;top:0;border:0;
	width:20%;height:38px;line-height:38px;font-size:16px;color:#fff;font-weight:700;background:#0068b7;text-align:center;
}
.nav{
	width:100%;border-bottom:1px solid #ddd;padding-bottom:15px;
}
.nav ul{
	width:1200px;margin:0 auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.nav ul li{
	
}
.nav ul li a{
	display:block;color:#000;font-weight:700;font-size:16px;position:relative;
}
.nav ul li.on a::before{
	content:"";
	position:absolute;
	bottom:-15px;
	left:50%;
	width:60%;
	margin-left:-30%;
	height:3px;
	background:#0068b7
}
.nav ul li:hover a::before{
	content:"";
	position:absolute;
	bottom:-15px;
	left:50%;
	width:60%;
	margin-left:-30%;
	height:3px;
	background:#0068b7;
}
.banner{
	text-align:center;margin-bottom:50px;
}
.service{
	margin-bottom:50px;
}
h2.s-title {
	line-height:50px;font-weight:700;font-size:24px;color:#0068b7
}
.service ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.service ul li{
	width:23%;padding:30px 25px;border:4px solid #7fb3db;
}
.service ul li a:hover{
	color:#0068b7;
}
.service ul li span:hover{
	color:#0068b7;
}
.service ul li a{
	display:block;
}
.service ul li  span{
	color:#6796cb;font-size:18px;font-weight:700;margin-bottom:10px;display:block;
}
.service ul li a {
	color:#6796cb;font-size:16px;line-height:34px;
}
.service ul li.dd1{
	background:url(../images/icon01.png) no-repeat 90% 90%;
}
.service ul li.dd2{
	background:url(../images/icon02.png) no-repeat 90% 90%;
}
.service ul li.dd3{
	background:url(../images/icon03.png) no-repeat 90% 90%;
}
.service ul li.dd4{
	background:url(../images/icon04.png) no-repeat 90% 90%;
}

.pc-slide {
	width: 100%;display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
.view{
	width:60%;
}
.view .swiper-container {
	width: 100%;
	height: 480px;
}
.view .swiper-slide a{
	display:block;height:100%;
}
.view .swiper-slide a img{
	width:100%;height:100%;
}
.preview {
	width: 38%;
	position: relative;
}

.preview .swiper-container {
	width: 100%;
	height: 480px;
}

.preview .swiper-slide {
	width: 100%;
	height: 110px;
	cursor:pointer;
	margin-bottom:12.5px;
}
.preview .swiper-slide:last-child{
	margin-bottom:0;
}
.preview .slide6 {
	width: 100%;
}
.slv{
	width:100%;height:100%;display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.slv img{
	width:40%;height:100%;
}
.slv p{
	width:56%;font-weight:700;font-size:18px;color:#666;padding-top:10px;
}
.slv p span{
	font-size:16px;display:block;font-weight:normal;color:#999;margin-top:10px;
}
.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .active-nav .slv{
	background:#ddd;
}

.n-news{
	margin:50px auto;
}
.nBox.swiper-container {
      width: 100%;
      height: 100%;
}
.nBox .swiper-slide {
  text-align: center;position:relative;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.8);
}

.nBox .swiper-button-next, .nBox .swiper-button-prev{
	top:auto;bottom:0;z-index:9999;
}
.b-img{
	width:100%;
}
.b-img a{
	display:block;text-align:center;
}
.b-img a img{
	width:100%;
}
.b-img a span{
	position:absolute;color:#fff;top:30px;font-size:20px;
	width:60%;left:50%;margin-left:-30%;font-weight:700;
}
.h-img{
	display:none;position:absolute;width:100%;top:0;left:0;border:4px solid #79a7ce;
}
.h-img a{
	display:block;text-align:center;padding:25px 15px;background:#ffffffb3;position:relative;z-index:999;
}
.h-img a span{
	color:#0068b7;font-size:20px;margin-bottom:10px;font-weight:700;display:block;
}
.h-img a font{
	font-size:14px;color:#0068b7;line-height:25px;text-align:left;display:block;min-height:200px;
}
.h-img img{
	position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;
}

.nBox .swiper-button-prev {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

.nBox .swiper-button-next {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}
.nBox .swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}

.nBox .swiper-pagination-bullet {
	background: #00a0e9;
	margin-left: 4px;
	margin-right: 4px;
	width: 17px;
	height: 17px;
	opacity: 1;
	margin-bottom: 4px;
}

.nBox .swiper-pagination-bullet-active {
	width: 13px;
	height: 13px;
	background: #FFF;
	border: 6px solid #00a0e9;
	margin-bottom: 0;
}

/* 通用列表 */
.crumb .breadcrumb{
	background-color: #fff;padding-left:0;border-radius:0;
}
.newsBox{
	overflow:hidden;
}
.newsBar{
	width:20%;
}
.newsBar ul li{
	margin-bottom:3px;
}
.newsBar ul li a{
	font-size:20px;color:#999;display:block;background:#efefef;padding:20px 10px;
}
.newsBar ul li.on a{
	background:#0068b7;font-weight:700;color:#fff;
}
.newsBar ul li:hover a{
	background:#0068b7;font-weight:700;color:#fff;
}
.news-list{
	width:75%;
}
.news-list ul.list-unstyled li{
	line-height:40px;font-size:16px;overflow:hidden;
}
.news-list ul.list-unstyled li a{
	display:block;width:70%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;
	float:left;padding-left:13px;position:relative;color:#333;
}
.news-list ul.list-unstyled li a::before{
	content:"";
	width:4px;height:4px;background:#ddd;
	position:absolute;top:50%;left:0;margin-top:-2px;
}
.news-list ul.list-unstyled li span{
	float:right;color:#999;
}
.news-list ul.list-unstyled li:nth-child(6n){
	height:1px;background:#ddd;margin:20px 0;
}
.page{
	text-align:center;
}
/* 通用内容页面 */
.news-details h2{
	font-size:30px;color:#0068b7;font-weight:700;margin-bottom:20px;text-align:center;
}
.news-details h4{
	text-align:center;font-size:16px;color:#999;padding-bottom:10px;border-bottom:1px solid #ddd;
}
.news-details h4 span{
	margin:0 20px;
}
.news-details p{
	font-size:16px;line-height:36px;word-break: keep-all;
}
.content{
	margin-top:50px;
}
.news-details p img{
	margin:0 auto;display: inherit;width:80%;
}
.footer{
	padding:20px 0;background:url(../images/f-bg.png) no-repeat;background-size:cover;
}
.footer h2{
	color:#fff;font-size:20px;font-weight:700;
}
.footer p{
	margin:10px 0;font-size:16px;color:#fff;
}
@media screen and (min-width:1200px){
	.nBox .swiper-slide:hover{
		display:block;transform: scale(1);
	}
	.nBox .swiper-slide:hover .h-img{
		display:block;transform: scale(1);
	}
	
}
@media screen and (max-width:1200px) {
	.nBox .swiper-slide-active,.nBox .swiper-slide-duplicate-active{
	  transform: scale(1);
	}
	.nBox .swiper-slide-active .h-img{
		display:block;
	}
	.nBox .swiper-slide-active .b-img{
		display:none;
	}
	.news-details h2{
		font-size:24px;
	}
	
	/* 移动端导航栏 */
	.m-mask {
		position: fixed;
		bottom: 0;
		z-index: 99999;
		display: none;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: .5;
	}
	.m-wapnav-body {
		position: fixed;
		top: 0;
		right: -70%;
		z-index: 99999;
		width: 70%;
		max-width: 400px;
		height: 100%;
		background: #004ea2;
	}
	.m-wapnav-body a {
		display: block;color:#fff;padding-left:15px;
		width: 100%;
		height: 55px;
		font-size: 18px;
		line-height: 55px;
		
		border: 0;
		border-bottom: 1px solid #7b8fbb;
	}
	.m-wapnav-body a:hover{color:#fff;}
	.m-wapnav-body a i{
		width: 30px;display:none;
		height: 25px;
		vertical-align: middle;
		margin-top: -4px;
		margin-left:40px;margin-right:30px;
	}

	.m-wap-search {
		padding: 0 0 2px 15px;
		margin: 15px 10px 0 10px;
		background: #fff;
		border-radius: 20px;
	}
	.m-wap-search .u-wap-sctext {
		display: inline-block;
		width: 80%;
		height: 24px;
		border: 0;
		outline: 0;
	}
	.m-wap-search .u-wap-scbtn {
		float: right;margin:0;
		width: 14%;
		height: 24px;
		color: #083ea6;
/* 		background: url(../images/2018cssgaj_sous_hui.png) no-repeat 1px 3px; */
		background-size: 20px 20px;
		border: 0;
		border-radius: 0 20px 20px 0;
		outline: 0;
	}
	.search{display:none;}
	.mobileDis{
		display:block !important;background:#185fb2
	}
	.mobileHeader{
/* 		background: url(../images/banner.png) no-repeat; */
		background-size: 100% 100%;
	}
	.mobileHeader .headerM{
		padding:10px 0 10px 16px;overflow:hidden;
	}
	.mobileHeader .headerM .mobile-logo{
		max-width:80%;float:left;
	}
	.mobileHeader .headerM .mobile-logo a{
		display:block;color:#fff;font-size:26px;font-weight:700;
	}
	.mobileHeader .headerM .mobile-logo img{
		max-width:100%;
	}
	.mobileHeader .headerM .wapNavBox{
		width:25%;float:right;padding:0 24px;box-sizing:border-box;
	}
	.mobileHeader .headerM .wapNav{
		width: 35px;float:right;
		height: 30px;
		padding: 0 6px 0 6px;
		border-radius: 5px;
		outline: 0;
	}
	.mobileHeader .headerM .wapNav div{
		float: left;
		width: 100%;
		height: 2px;
		margin-top: 6px;
		background: #fff;
		border-radius: 4px;
	}
	
	.header,.nav{display:none;}
	.w{width:100%;padding:0 10px;}
	.nav ul{width:100%;}
	.nav ul li{width:50%;text-align:center;margin-bottom:20px;}
	.nav ul li.on a::before{bottom:-10px;width:10%;margin-left:-5%;}
	.search input{
		font-size:12px;padding-left:5px;
	}
	div[class*="col-"] {
		margin-bottom:20px;
	}
	div[class*="col-"] .title{
		text-align:center;
	}
	.service{
		margin-bottom:0;
	}
	.banner{
		margin-bottom:20px;padding:0;
	}
	h2.s-title{
		margin-top:0;
	}
	.service ul li{
		width:100%;margin-bottom:10px;
	}
	.view .swiper-container,.preview .swiper-container{
		height:230px;
	}
	.preview .swiper-slide{
		height:48px;
	}
	.slv p{
		font-size:12px;padding-top:5px;
	}
	.slv p span{
		display:none;
	}
	.h-img a span{
		font-size:12px;
	}
	.h-img a{
		padding:20px 10px;
	}
	.h-img a font{
		max-height:82px;font-size:12px;min-height:auto;overflow:hidden;
	}
	.b-img a span{
		font-size:15px;width:80%;margin-left:-40%;
	}

	.newsBar{
		width:100%;margin-top:20px;
	}
	.news-list{
		width:100%;
	}
	.newsBar ul li{
		float:left;margin:0 5px 5px;
	}
	.newsBar ul li a{
		border-radius:5px;padding:6px 12px;font-size:16px;
	}
}