@charset "utf-8";

/* CSS Author WeChat:iGAME_Max */
/*公用代码*/
body,
html {
	background: none repeat scroll 0 0;
	font: calc(100vw / 120) arial, verdana;
	overflow: initial !important;
	color: #333;
}

blockquote,
body,
button,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0;
	text-shadow: none;
}

label input {
	vertical-align: middle;
	text-shadow: none;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	color: #333;
}

a:hover {
	color: #0E72ED;
}

@charset "utf-8";
body,html{
	width: 100%;
	overflow-x: hidden;
	font: calc(100vw / 120) arial;
	/* min-width: 1345px; */
}
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td ,/* table elements 表格元素 */
div{
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
td{
  vertical-align:middle;
}
a:focus{
	outline: none;
}
/* 设置默认字体 */
body,
button, input, select, textarea {
    font: 12px/1 "Microsoft YaHei",Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
body,a{
	color:#666;
}
h1{ font-size: 18px; /* 18px / 12px = 1.5 */ }
h2{ font-size: 16px; }
h3{ font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
i,em,b{
	font-style: normal;
}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul, ol {
	list-style: none;
}
/* 重置浏览器默认样式 select */
select,option,option select{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}
/* 重置文本格式元素 */
a {
	text-decoration: none;
	outline:none;
	blur:expression(this.onFocus=this.blur());
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
/*a:hover { text-decoration: underline;}*/
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}
q:before, q:after {
	content: '';
}
/* 重置表单元素 */
legend {
 	color: #000;
 }
 /* for ie6 */
fieldset, img {
 	border: none; /* img 搭车：让链接里的 img 无边框  注：optgroup 无法扶正*/
 }
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table th,table td{
	/*border:1px solid #ddd;*/
}
/* 重置 hr */
hr {
    border: none;
    height: 1px;
}
/* 表单 在浏览器上的默认样式*/
input,input:focus,button,button:focus,textarea,textarea:focus{
	outline:none;
	border:none;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
/* ie7以下两个以上的 li浮动产生的空白间隙bug */
li{
	+vertical-align: top;
	_vertical-align: top;
}
/* ie下li元素的内联元素底部产生空白 */
li *{
	*zoom:1;
}
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* ie下图片标签上有空白 */
img{
	vertical-align: middle;
	*vertical-align:top;
}
/* ie下input标签文本居中 */
input{
	vertical-align: middle;
}
/* 以下为自用公共样式 */
/* 浮动 */
.fl,.fl-li li,.fl-a{
	float: left;
	_display: inline;
}
.fr,.fr-li li,.fr-a{
	float: right;
	_display: inline;
}
.w1200{
	width: 1200px;
	margin: 0 auto;
}
.padd{
	padding: 0.1px;
}
.opacity{
	filter:alpha(opacity=80);       /* IE */
	-moz-opacity:0.8;              /* 老版Mozilla */
	-khtml-opacity:08;
}
/* 清除浮动 */
.cb:after{
	content: ".";
	display: block;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}
/* 内联块级元素 */
.ib,.flexslider .hd ul li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.transition{
    transition: all .5s cubic-bezier(0, 0.93, 1, 1);
    -webkit-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
    -moz-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
    -ms-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
    -o-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
}
.db{
	display: block;
}
.th{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.es{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.wh{
	width: 100%;
	height: 100%;
}
.w{
	width: 100%;
}
.h{
	height: 100%;
}
.pr{
	position: relative;
}
.oh{
	overflow: hidden;
}
.br{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}
.bg{
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.container{
	padding-left: 5.72%;
	padding-right: 5.72%;
	padding-top: .1px;
}
.df{
	display:box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.fz{
	font-size: 0;
}
.align-center{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.df-between{
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
}
.df-justify-center{
	justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
}
.df-flex-auto{
	-webkit-box-flex: auto;  /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: auto;   /* OLD - Firefox 19- */
	-webkit-flex: auto;   /* Chrome */
	-ms-flex: auto;      /* IE 10 */
	flex: auto;
}
.df-flex-1{
	-webkit-box-flex: 1;  /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;   /* OLD - Firefox 19- */
	-webkit-flex: 1;   /* Chrome */
	-ms-flex: 1;      /* IE 10 */
	flex: 1;
}
.df-shrink{
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
}
.flex-wrap{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.hide-none{
	display: none;
}
.text-center{
  width:100%;
  text-align:center;
}
/*公共样式结束*/
/*header*/
.mobile-logo{
	display: none;
}
.mobile-btn-all{
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	right: 2.7%;
	z-index: 99999999999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50%);
}
.mobile-btn-all a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	transition: all .3s;
}
.mobile-btn-all a svg{
	width: 100%;
	height: 100%;
	fill: #333;
}
.mobile-btn-all #btn-close{
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
}
.mobile-btn-all.on #btn-close{
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
.mobile-btn-all.on #btn-close svg{
	fill: #fff;
}
.mobile-btn-all.on #btn-open{
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
}
.mobile-nav{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(51,51,51,.3);
	transition: all .5s ease-out;
}
.mobile-nav ul{
	width: 85%;
	height: 100%;
	padding: 5%;
	background-color: #fff;
	overflow-y:auto;
	overflow-x: hidden;
}
.mobile-nav ul li{
	width: 100%;
	margin-bottom: 10%;
	padding-left: 10%;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10%;
}
.mobile-nav ul li > a{
	display: block;
	width: 100%;
	font-size: 16px;
	color: #333;
}
.mobile-nav.on{
	opacity: 1;
	left: 0;
	visibility: visible;
}
/*header*/
/*footer*/
#footer{
	
}
/*footer*/
@media (max-width:1400px){
	.zd-fz-12{font-size: 12px !important;}
	.zd-fz-13{font-size: 13px !important;}
	.zd-fz-14{font-size: 14px !important;}
	.zd-fz-15{font-size: 15px !important;}
	.zd-fz-16{font-size: 16px !important;}
	.zd-fz-17{font-size: 17px !important;}
	.zd-fz-18{font-size: 18px !important;}
	.zd-fz-19{font-size: 19px !important;}
	.zd-fz-20{font-size: 20px !important;}
	html,body{
		font-size: calc(100vw / 100);
	}
	.page-bottom-box{
	  margin-top: 37vw;
	}
	
	
	.index-title .tab a::after,
	.page-details-box .details-left .details-time span:last-child,
	.page-thematic-activities .list .more i{
		display: none;
	}
	.index-news .bottom .list .left .swiper-pagination span{
		width: 10px;
		height: 10px;
		font-size: 0;
	}
	.index-news .bottom .list .left .swiper-pagination{
		bottom: 2.4rem;
	}
	.index-title .index-more i{
		vertical-align: -2px;
	}
	#footer .footer-bottom{
		background-image:none;
	}
	.page-top-box .page-nav ul li a,
	.page-platform-box .platform-desc{
		font-size: 14px;
	}
	.page-leading-members p{
		font-size: 15px;
	}
	.page-historical .list li .box .icon::before{
		width: 4px;
		height: 4px;
	}
	.page-historical .list li:nth-child(even) .box{
		bottom: 0;
	}
	.page-historical .list li:nth-child(odd) .box .desc{
		margin-top: 6px;
	}
	.page-news-box li .info .desc{
		-webkit-line-clamp: 2;
	}
	#index-talent-team .list a{
		width: 19%;
	}
	.index-news .bottom .list .left li .info .desc{
		-webkit-line-clamp: 4;
	}
	#index-party-work .bottom .left li a .desc em{
		-webkit-line-clamp: 3;
	}
	#index-info-public .list li .bottom{
		padding: 1rem;
	}
	#index-info-public .list li .bottom .box{
		border: none;
	}
	.index-news .bottom .list .left li .info .time{
		margin-top: 1rem;
	}
	.page-news-box li:hover .info{
		height: 15vw;
	}
	.page-platform-box .laboratory-box .txt-list{
	  width:100%;
	}
	.page-leader-box ul{
	  margin-left:-20px;
	  margin-right:-20px;
	}
	.page-leader-box li{
	  padding:0 20px;
	}
	.page-leader-box li .img-box {
    height: 20rem;
  }
	.login-box .bottom-box > .left {
	    height: 90%;
	}
	.login-box .bottom-box > .right {
	    height: 85%;
		padding-top: 1.2rem;
	}
	.login-box .bottom-box > .right .form-box {
	    margin-top: 1rem;
	}
	.login-box .bottom-box > .right .form-box .list .form-group {
	    margin-bottom: 1.3rem;
	}
	.page-user-box > .right .info-box .info-right li .name input{
		max-width: 10rem !important;
	}
	#index-top {
    margin-top: 11rem;
  }
  .header-pc .pc-logo img {
    width: 28rem;
  }
  .header-pc .right .search{
    width: 18rem;
  }
  .header-pc.on .top{
    margin-top:-7.4rem !important;
  }
	
	
	
	
}
@media (max-width:1024px){
	.ipad-fz-12{font-size: 12px !important;}
	.ipad-fz-13{font-size: 13px !important;}
	.ipad-fz-14{font-size: 14px !important;}
	.ipad-fz-15{font-size: 15px !important;}
	.ipad-fz-16{font-size: 16px !important;}
	.ipad-fz-17{font-size: 17px !important;}
	.ipad-fz-18{font-size: 18px !important;}
	.ipad-fz-19{font-size: 19px !important;}
	.ipad-fz-20{font-size: 20px !important;}
	html,body{
		font-size: 78%;
	}
	.none,.header-pc .right .search,
	.page-map-box .info,
	.page-party-building li .img-box,
	.page-details-box .details-page-right,
	.page-details-box .details-left .details-time,
	.lxwm-feedback .page-form .img-box,
	.page-company-profile .left,
	#index-top img{
		display: none;
	}
	#index-top {
	    height: 26rem;
	    margin-top:0px;
	}
	#index-top .txt-list .list{
		padding-left: 0;
	}
	#index-top .tab{
		text-align: left;
	}
	#index-top .tab a{
		margin-right: 1rem;
	}
	#index-top::after{
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.2);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 50;
	}
	.index-news .bottom {
	    height: 22rem;
	}
	.index-news .bottom .list .left li .img-box,
	.index-news .bottom .list .left li .info{
	    width: 50%;
	}
	#index-party-work .bottom .left,
	#index-party-work .bottom .right{
	    width: 100%;
		padding-left: 0;
		overflow: hidden;
	}
	#index-party-work .bottom .right li{
		width: 33%;
		float: left;
		padding:0 2%;
		margin-top: 20px;
	}
	.page-unit-style li{
		width: calc(100% / 3);
	}
	.page-company-profile .right{
		width: 100%;
		padding-left: 0;
	}
	.page-company-profile .right .top{
		padding-right: 0;
	}
	.page-map-box{
		height: 26rem;
	}
	.page-leading-members .container{
		/*padding-left: 0;
		text-align: center;*/
		
	}
	.page-party-building li .info{
		padding-left: 0;
	}
	.page-achievements-box .list li{
		width: 33.33333333%;
	}
	.page-platform-box .container .box{
		padding: 0;
	}
	.page-platform-box .laboratory-box .txt-list,
	.page-details-box .details-left{
		width: 100%;
	}
	.page-news-box li:hover .info{
		height: 20vw;
	}
	.page-details-box .details-left{
		padding-right: 0;
		float: none;
	}
	.page-details-box .details-left .font-max{
		margin-left: 0;
	}
	
	.page-case-box li,
	.page-equipment-box .bottom .list li{
		width: 33.33333333%;
	}
	.page-equipment-box .bottom .tab a{
		width: calc(100% / 3);
	}
	.page-appraisal-box .top-title{
		padding-left: 14px;
		padding-right: 0;
	}
	.page-appraisal-box .top-title::before{
		left: 0;
	}
	.page-appraisal-box .content{
		padding: 0;
	}
	.page-appraisal-box .page-team-list{
		height: auto;
		padding-bottom: 5rem;
	}
	.page-appraisal-box .page-team-list li{
		width: 50%;
		margin-bottom: 3rem;
	}
	.page-appraisal-box .page-team-list li a{
		border-radius: 0;
	}
	.page-personnel-box .personnel-box .list li,
	.page-leader-box li{
    width: calc(100% / 4);
  }
  
  .page-leader-box li .img-box {
    height: 17rem;
  }
  
  .page-map-box #contactMap{
    width:100%;
    margin-left:0;
  }
  
  .page-product-box .list li{
		width: calc(100% / 3);
		height: 33rem;
	}
	.page-product-box .list li .status{
		line-height: 2rem;
	}
	.page-product-details .top-box > .right,
	.page-product-details .bottom-info-box > .right,
	.page-product-details .top-box > .left .slide-img-box .min-img,
	.page-user-box > .left{
		display: none;
	}
	.page-make-box .warp-box {
	    padding: 3.375rem 2rem 6.875rem;
	}
	.page-make-box .warp-box .form-box,
	.page-make-box .warp-box .form-info{
		width: 100%;
	}
	.login-box .bottom-box > .left {
	    height: 60%;
	}
	.login-box .bottom-box > .right {
	    height: 55%;
	}
	.page-user-box > .right .bottom-info-box .sc-list li{
		width: calc(100% / 3);
	}
  
	
	
}

@media (max-width:768px){
	.mb-fz-12{font-size: 12px !important;}
	.mb-fz-13{font-size: 13px !important;}
	.mb-fz-14{font-size: 14px !important;}
	.mb-fz-15{font-size: 15px !important;}
	.mb-fz-16{font-size: 16px !important;}
	.mb-fz-17{font-size: 17px !important;}
	.mb-fz-18{font-size: 18px !important;}
	.mb-fz-19{font-size: 19px !important;}
	.mb-fz-20{font-size: 20px !important;}
	.container{
		padding-left: 3%;
		padding-right: 3%;
	}
	.mobile-btn-all{
		opacity: 1;
		visibility: visible;
	}
	.header-pc,
	.right-box,#index-talent-team .index-more,
	#index-info-public .index-more,
	.index-news .bottom .list .left,
	#index-special .index-more,
	#footer .footer-top .right,
	#footer .footer-bottom .info-list:nth-child(1) img,
	.page-top-box .txt-info,
	.page-historical .list .prev,
	.page-historical .list .next,
	.page-historical .list li .box .icon,
	.page-historical .list li .box::before,
	.page-party-building li .info .time i,
	.page-thematic-activities .list .bottom a em,
	.page-testing-box .testing-list .list li .title::before,
	.page-constitution .list li a::before,
	.page-news-box li .info .desc,
	.page-news-box li .info .time .more,
	.details-right-sher,
	.page-details-box .details-left .pagePrint,
	.page-details-box .details-left .bottom-page .left a em,
	.page-notice-box .list a em,
	.baomingBtn,
	.page-paging-box a:first-child,
	.page-paging-box a:last-child{
		display: none !important;
	}
	.mobile-logo{
		display: block;
		width: 71.73vw;
	}
	#header{
		padding: 1rem;
		top:0 !important;
	}
	#index-main{
		margin-top: 4rem;
	}
	#index-top {
	    height: 30rem;
	}
	#index-top .txt-list .list .title{
		font-size: 2rem;
	}
	#index-top .txt-list .list .desc{
		height: auto;
		font-size: 1.2rem;
		-webkit-line-clamp: 3;
	}
	#index-top .tab{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#index-top .tab a{
		width: 48%;
		margin-right: 0;
		margin-bottom: 4%;
	}
	.index-news .bottom .list .right,
	.index-title .title{
		width: 100%;
	}
	.index-title{
		flex-wrap: wrap;
	}
	.index-title .title{
		text-align: center;
		margin-bottom: 6%;
	}
	.index-title .tab a{
	  margin-right: 2rem;
	}
	.index-title .tab a:nth-child(n+3){
	  display:none;
	}
	.index-news .bottom .list .right .box{
		padding-left: 0;
	}
	.index-news .bottom .list .right a{
		line-height: 1.5;
	}
	.index-news .bottom .list .right a span{
		padding-left: 0;
		background-image:none;
	}
	#index-party-work .bottom .left li{
		width: 100%;
	}
	#index-party-work .bottom .left li a .desc {
	    bottom: 0;
	    opacity: 1;
	    transform: scale(1);
	}
	.index-news .container {
	    padding-top: 1.5rem;
	}
	#index-ad {
	    margin: 1rem 0 0;
	}
	#index-ad i{
	  display:none;
	}
	#index-ad .hide-none{
	  display:block;
	}
	#index-party-work{
		margin-top: 1rem;
		padding-top: 2rem;
	}
	#index-party-work .bottom .left li{
	    background-color: #fff;
		margin-bottom: 20px;
	}
	#index-party-work .bottom .right li{
		width: 100%;
		margin-top: 0;
		padding: 0;
	}
	#index-talent-team,
	#index-info-public{
		padding-top: 2rem;
	}
	#index-talent-team{
		height: auto;
		padding-bottom: 2.8rem;
	}
	#index-talent-team .index-title{
		margin-bottom: 0;
	}
	#index-talent-team .list{
		flex-wrap: wrap;
	}
	#index-talent-team .list a{
		width: 49%;
		margin-bottom: 2%;
		margin-top: 0 !important;
	}
	#index-info-public .list ul{
		display: block;
	}
	#index-info-public .list li{
		width: 100%;
		margin-bottom: 15px;
	}
	#index-info-public .list li .bottom a .title{
		line-height: 1.5;
		padding-left: 0;
		background-image:none;
	}
	#index-info-public .list li .bottom a .time{
		padding-left: 0;
	}
	#index-special{
		margin-top: 2rem;
	}
	#index-special .index-title{
		margin-bottom: 0;
	}
	#footer .switch-list .list a{
		margin-bottom: 10px;
	}
	.index-news .bottom .list .right a em,
	.page-party-building li .info .time,
	.page-paging-box a{
		font-size: 12px;
	}
	#footer .switch-list .list a,
	#footer .footer-bottom .info-list .info p,
	#footer .footer-bottom .info-list .info p em,
	.page-achievements-box .desc,
	.page-party-building li .info .desc{
		font-size: 13px;
	}
	#footer .footer-top .left a,
	.page-thematic-activities .list .bottom a span,
	.page-achievements-box .list li .title,
	.page-platform-box .laboratory-box .list-img li .title,
	.page-personnel-box .personnel-box .list li .title,
	.page-details-box .details-left .bottom-page .left a,
	.page-notice-box .list a span{
		font-size: 14px;
	}
	.page-party-building li .info .title{
		font-size: 15px;
	}
	.page-historical .list li .box .title{
		font-size: 18px;
	}
	#footer .footer-bottom{
		display: block;
		padding-top: 0;
	}
	#footer .footer-bottom .info-list .info p:last-child{
		margin-bottom: 1.5rem;
	}
	#footer .footer-bottom .info-list .info p em{
		display: block;
		margin-top: 1.5rem;
	}
	#footer .footer-bottom .info-list:nth-child(3){
		text-align: left;
	}
	#footer .footer-bottom .info-list:nth-child(3) .info{
		margin-top: 0;
	}
	#footer .footer-bottom .info-list:nth-child(3) img{
		width: 10rem;
		margin-bottom: 1rem;
	}
	.page-top-box{
		height: 16rem;
	}
	.page-unit-style li {
	    width: calc(100% / 2);
	}
	.page-nav .box{
		position: relative;
	}
	.mobile-sub-btn{
		display: block;
		width: 50px;
		height: 100%;
		background: url(../img/page-mobile-menu-icon.png) center center no-repeat;
		position: absolute;
		top: 0;
		right: 50%;
		bottom: 0;
		z-index: 100;
		margin: auto;
		transform: translateX(285%);
	}
	.page-nav ul{
		width: 100%;
		height: auto;
		padding-left: 0;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 500;
		background-color: #fff;
		box-shadow: 0px 5px 10px #d6d6d6;
		overflow: hidden;
		padding:0 10px;
		display: none;
	}
	.page-nav ul li{
		float: left;
		margin-right: 1.4rem;
	}
	.page-unit-style li .img-box{
		height: 16rem;
	}
	.page-bottom-box{
		padding-top: 2.2rem;
	}
	.page-company-profile .right .top{
		flex-wrap: wrap;
		text-align: center;
	}
	.page-company-profile .right .top > .title{
		width: 100%;
		margin-bottom: 2rem;
	}
	.page-historical{
		height: auto;
	}
	.page-historical .list{
		width: 90%;
		padding: 0 !important;
	}
	.page-historical .box-center{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.page-historical .slide-box{
		background-image:none;
	}
	.page-historical .list li .box{
		height: 100%;
	}
	.page-historical .list li *{
		position: relative !important;
		bottom: 0 !important;
		left: 0 !important;
		top: 0 !important;
	}
	.page-historical .list li .box .desc em {
	    -webkit-line-clamp: 6;
		font-size: 14px;
	}
	.page-historical .list li .box .title{
		line-height: 50px;
	}
	.page-party-building li{
		width: 100%;
		height: auto;
	}
	.page-party-building li .info .title{
		background-image:none;
		padding-left: 0;
	}
	.page-party-building li .info .desc{
		-webkit-line-clamp: 3;
	}
	.page-thematic-activities .list .bottom a span{
		width: 100%;
		background-image:none;
		padding-left: 0;
	}
	.page-testing-box .content,
	.page-testing-box .top-title,
	.page-testing-box .testing-list .list li p,
	.page-testing-box .testing-list .list li .title{
		padding: 0;
	}
	.page-testing-box .testing-list .list li,
	.page-company-profile .left{
		width: 100%;
	}
	.page-company-profile .left{
	  display:block;
	  height:auto;
	  margin-bottom:2rem;
	}
	.page-testing-box .testing-list .list li .title{
		line-height: 1.5;
		padding-left: 0;
	}
	.page-achievements-box .list .row{
		margin: 0;
	}
	.page-achievements-box .list ul{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.page-achievements-box .list ul.on{
		display: flex;
	}
	.page-achievements-box .list li{
		width: 49%;
		padding: 0;
	}
	.page-achievements-box .list li .img-box {
	    height: 15rem;
	}
	.page-platform-box .top-desc{
		display: block;
	}
	.page-platform-box .top-desc .left{
		width: auto;
		height: auto;
		background-image:none;
		text-align: center;
		margin-bottom: 20px;
		padding-left: 0;
	}
	.page-platform-box .top-desc .left img{
		width: auto;
		max-width: 100%;
	}
	.page-platform-box .platform-desc{
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-top: 10px;
	}
	.page-platform-box .top-desc-b{
		padding-top: 20px;
	}
	.page-platform-box .top-desc-b .platform-title{
		margin-top: 0;
	}
	.page-platform-box .top-desc-b{
		padding-bottom: 20px;
	}
	.page-platform-box .laboratory-box .txt-list span{
		width: 100%;
	}
	.page-platform-box .laboratory-box .list-img li,
	.page-platform-box .laboratory-box .laboratory-txt-list li{
		width: 50%;
	}
	.page-constitution .list li a{
		padding-left: 1rem;
	}
	.page-news-box li{
		width: 100%;
		margin-bottom: 20px;
	}
	.page-news-box li .info{
		height: 39% !important;
		background-image:none !important;
	}
	.page-news-box li .info .title{
		color: #333 !important;
	}
	.page-news-box li .info .time{
		margin-top: 10px;
	}
	.page-news-box li .info .time svg{
		fill: #989898;
	}
	.page-news-box li .info .time em{
		font-size: 12px;
		color: #989898 !important;
	}
	.page-details-box .details-left .font-max{
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.page-details-box .details-left .bottom-page .left{
		width: 100%;
		padding-right: 0;
	}
	.page-details-box .details-left .bottom-page{
		display: block;
	}
	.page-details-box .details-left .bottom-page .left a{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 1.5;
	}
	.page-details-box .details-left .bottom-page .return-list{
		display: block;
		width: 140px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		margin: 30px auto 0px;
	}
	.page-notice-box .list a span{
		width: 100%;
		background-image:none;
		padding-left: 0;
	}
	.page-notice-box .list a span{
		line-height: 1.5;
	}
	.page-parent-box{
		margin-top: 4rem;
	}
	.page-top-box{
		position: relative;
		top: 0 !important;
	}
	.page-bottom-box{
		margin-top: 0;
	}
	.lxwm-feedback .top span{
		margin-bottom: 1rem;
	}
	.lxwm-feedback .top em{
		margin-left: 0;
	}
	.lxwm-feedback-list .box{
		padding: 0;
		margin-bottom: 3rem;
	}
	.lxwm-feedback-list li span,
	.lxwm-feedback-list li.th{
		display: none;
	}
	.lxwm-feedback-list li.tr span:nth-child(1){
		width: 100%;
		display: block;
	}
	.page-case-box ul,
	.page-equipment-box .bottom .list ul{
		margin-left: -5px;
		margin-right: -5px;
	}
	.page-case-box li,
	.page-equipment-box .bottom .list li{
		width: 50%;
		height: 16rem;
		padding:0 5px;
		margin-bottom: 10px;
	}
	.page-equipment-box .bottom .tab a{
		width: 50%;
	}
	.page-appraisal-box .top-title{
		padding-left: 0;
		line-height: 1.5;
	}
	.page-appraisal-box .top-title::before{
		display: none;
	}
	.page-appraisal-box .page-team-list{
		padding-bottom: 0;
		margin-bottom: 2rem;
	}
	.page-appraisal-box .page-team-list .container{
	  display:block;
	}
	.page-appraisal-box .page-team-list ul{
	  width:100%;
		margin-top: 2rem;
	}
	.page-appraisal-box .page-team-list li{
		width: 100%;
		padding:0px;
	}
	.page-appraisal-box .page-team-list li a{
		margin-top: 0 !important;
	}
	.page-personnel-box .personnel-box .list li,
	.page-leader-box li {
    width: calc(100% / 2);
  }
  .page-personnel-box .personnel-box .list li .img-box {
    height: 16rem;
  }
  .page-leader-box li .img-box {
    height: 15rem;
  }
  .page-equipment-box .bottom .list .list-slide-box.on{
    width:100%;
    display:block;
  }
  .page-equipment-box .bottom .list .list-slide-box .ul-first{
    width:100%;
    margin:0px auto 0px;
  }
  .page-equipment-box .bottom .list .list-slide-box .slide-box{
    width:100%;
  }
  .page-certificate-box .list-certificate ul{
    text-align:left;
  }
  .page-certificate-box .list-certificate li{
    width:50%;
  }
	
	
	.page-product-box .list li {
	    width: 100%;
		border-right: none;
	}
	.page-product-box > .top li .search input {
	    width: 16rem;
	}
	.page-product-details .top-box > .left{
		display: block;
	}
	.page-product-details .top-box{
		display: block;
		padding: 1rem;
	}
	.page-product-details .top-box > .left .slide-img-box{
		width: 100%;
	}
	.page-product-details .bottom-info-box > .left .tab{
		margin-bottom: 1rem;
	}
	.page-product-details .bottom-info-box > .left .tab a{
		width: calc(100% / 4);
	}
	.page-product-details .bottom-info-box > .left .content-box {
	    padding: 1rem;
	}
	.page-product-details .bottom-info-box > .left .content-box .list-1 li .title {
	    width: 100px;
	}
	.page-product-details .bottom-info-box > .left .content-box .list-3 .month-header .left{
		display: block;
	}
	.page-product-details .bottom-info-box > .left .content-box .list-3 .month-header .left span:first-child{
		margin-bottom: 1rem;
	}
	.page-product-details .bottom-info-box > .left .content-box .list-3 .month-box .left {
	    width: 5rem;
	}
	.page-product-details .bottom-info-box > .left .content-box .list-3 .month-box .warp .week li {
	    padding: 0 10px;
	    line-height: 1.3;
	    padding-top: 0.6rem;
	}
	.page-product-details .bottom-info-box > .left .content-box .list-3 .month-box .warp .month-content li{
		height: 3rem;
	}
	.page-product-details .bottom-info-box > .left .content-box .list-3 .month-box .warp .month-content li em {
	    width: 20px;
	    height: 20px;
	    line-height: 19px;
	    font-size: 12px;
		font-weight: normal;
	}
	.page-make-box .warp-box {
	    padding: 3.375rem 1rem 6.875rem;
	}
	.page-make-box .form-info .form-group input{
		width: auto;
		-webkit-box-flex: auto;
		-moz-box-flex: auto;
		-webkit-flex: auto;
		-ms-flex: auto;
		flex: auto;
		font-size: 12px;
		padding-left: 1rem;
	}
	.page-make-box .form-info .form-group .name {
	    margin-right: 1rem;
	}
	.cityGroup .zcityItem .zcityItem-head .currentValue{
		padding-left: 0;
		text-align: center;
	}
	.cityGroup .zcityItem .zcityItem-head::before,
	.login-box .bottom-box > .left{
		display: none;
	}
	.login-box .bottom-box > .right,
	.login-box .logo img,
	.page-user-box > .right .info-box .info-right li:first-child,
	.page-user-box > .right .bottom-info-box .sc-list li,
	.evaluate-pop .box-info .device-info .img{
		width: 100%;
	}
	.cityGroup .zcityItem {
		position: static;
	}
	.page-make-box .form-info .form-group{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.page-make-box .form-info .form-group.select-btn .btns,.cityGroup{
		width: 16rem;
	}
	.page-make-box .form-info .form-group.select-btn .btn{
		margin-bottom: 1rem;
	}
	.page-make-box .form-info .form-group.form-group-btn{
		padding-left: 0;
		justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
	}
	.page-make-box .form-info .form-group.form-group-btn .btn{
		width: 10rem;
	}
	.login-box .bottom-box > .right {
	    height: 80%;
	}
	.login-box .bottom-box > .right {
	    padding: 3.125rem 2rem;
	}
	.login-box .bottom-box > .right .form-box .list .form-group .code,
	.login-box.register-box .bottom-box > .right .form-box .list .form-group .code{
	    width: 7rem;
	}
	.page-user-box > .right > .top-title{
		padding-left: 1rem;
	}
	.page-user-box > .right .info-box{
		padding: 1rem;
		display: block;
	}
	.page-user-box > .right .info-box .upload-box{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1rem;
	}
	.page-user-box > .right .info-box .info-right li{
		width: 50%;
	}
	.page-user-box > .right .info-box .info-right li:last-child {
	    margin-bottom: 1.25rem;
	}
	.page-user-box > .right .bottom-info-box {
	    margin-top: 0;
	}
	.page-user-box > .right .bottom-info-box .tab{
		margin-bottom: 0;
	}
	.page-user-box > .right .bottom-info-box .list{
		padding: 1rem;
	}
	.page-user-box > .right .bottom-info-box .sc-list li{
		height: 23rem;
	}
	.page-user-box > .right .bottom-info-box .sc-list li .status em {
	    line-height: 2.5rem;
	}
	.page-user-box > .right .bottom-info-box .sc-list li:hover .btn {
	    transform: translateY(-3rem);
	}
	.page-user-box > .right .bottom-info-box .list {
	    overflow-x: auto;
	    overflow-y: hidden;
	}
	.page-user-box > .right .bottom-info-box .make ul {
	    width: 700px;
	}
	.evaluate-pop,.evaluate-pop .box-info{
	    padding: 1rem 1rem 3rem;
	}
	.evaluate-pop .box-info .device-info{
		display: block;
	}
	.evaluate-pop .box-info .device-info .img{
		margin-bottom: 1rem;
	}
	#imgDiv{
	  display:none;
	}
	
	
	
	
	
	
	
}

:hover,
a:active,
a:focus,
a:hover,
a:link,
a:visited {
	text-decoration: none;
	text-shadow: none;
}

img {
	max-width: 100%;
	border: 0;
}

i {
	font-style: initial;
}

table {
	border-collapse: collapse;
}

ul li {
	list-style: none;
}

input,
select,
textarea {
	outline: none;
	resize: none;
	font-size: 0.875rem;
}

/* 重置表单元素 */
legend {
 	color: #000;
 }
 /* for ie6 */
fieldset, img {
 	border: none; /* img 搭车：让链接里的 img 无边框  注：optgroup 无法扶正*/
 }
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table th,table td{
	/*border:1px solid #ddd;*/
}
/* 重置 hr */
hr {
    border: none;
    height: 1px;
}
/* 表单 在浏览器上的默认样式*/
input,input:focus,button,button:focus,textarea,textarea:focus{
	outline:none;
	border:none;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
/* ie7以下两个以上的 li浮动产生的空白间隙bug */
li{
	+vertical-align: top;
	_vertical-align: top;
}
/* ie下li元素的内联元素底部产生空白 */
li *{
	*zoom:1;
}
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* ie下图片标签上有空白 */
img{
	vertical-align: middle;
	*vertical-align:top;
}
/* ie下input标签文本居中 */
input{
	vertical-align: middle;
}
/* 以下为自用公共样式 */
/* 浮动 */
.fl,.fl-li li,.fl-a{
	float: left;
	_display: inline;
}
.fr,.fr-li li,.fr-a{
	float: right;
	_display: inline;
}
.w1200{
	width: 1200px;
	margin: 0 auto;
}
.padd{
	padding: 0.1px;
}
.opacity{
	filter:alpha(opacity=80);       /* IE */
	-moz-opacity:0.8;              /* 老版Mozilla */
	-khtml-opacity:08;
}
/* 清除浮动 */
.cb:after{
	content: ".";
	display: block;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}
/* 内联块级元素 */
.ib,.flexslider .hd ul li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.transition{
    transition: all .5s cubic-bezier(0, 0.93, 1, 1);
    -webkit-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
    -moz-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
    -ms-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
    -o-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
}
.db{
	display: block;
}
.th{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.es{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.wh{
	width: 100%;
	height: 100%;
}
.w{
	width: 100%;
}
.h{
	height: 100%;
}
.pr{
	position: relative;
}
.oh{
	overflow: hidden;
}
.br{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}
.bg{
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.container{
	padding-left: 5.72%;
	padding-right: 5.72%;
	padding-top: .1px;
}
.df{
	display:box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.fz{
	font-size: 0;
}
.align-center{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.df-between{
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
}
.df-justify-center{
	justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
}
.df-flex-auto{
	-webkit-box-flex: auto;  /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: auto;   /* OLD - Firefox 19- */
	-webkit-flex: auto;   /* Chrome */
	-ms-flex: auto;      /* IE 10 */
	flex: auto;
}
.df-flex-1{
	-webkit-box-flex: 1;  /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;   /* OLD - Firefox 19- */
	-webkit-flex: 1;   /* Chrome */
	-ms-flex: 1;      /* IE 10 */
	flex: 1;
}
.df-shrink{
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
}
.flex-wrap{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.hide-none{
	display: none;
}
.text-center{
  width:100%;
  text-align:center;
}

.f-l {
	float: left;
}

.f-l,
.f-r {
	display: inline-block;
}

.f-r {
	float: right;
}

.t-l {
	text-align: left;
}

.t-c {
	text-align: center;
}

.t-r {
	text-align: right;
}

.top10 {
	margin-top: 10px;
}

.top20 {
	margin-top: 20px;
}

.top30,
.top40 {
	margin-top: 30px;
}

.top50 {
	margin-top: 50px;
}

.top60 {
	margin-top: 60px;
}

.top70 {
	margin-top: 70px;
}

.top80 {
	margin-top: 80px;
}

.bg-white {
	background: #fff;
}

.bg-gray {
	background: #f7f7f7;
}

.w-90 {
	width: 94%;
	margin: auto;
}

.w-100 {
	width: 100%;
	float: left;
}

.w-1200 {
	margin: auto;
	width: 79.2rem;
}

.w-1300 {
	margin: auto;
	width: 1200px;
}

.w-1500 {
	margin: auto;
	width: 97.5rem;
}

.w-1600 {
	margin: auto;
	width: 101.25rem;
}

.w-1700 {
	margin: auto;
	width: 107.5rem;
}

.div-pc {
	display: block;
}

.div-phone {
	display: none;
}

/* 布局样式 */
.between-top {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.between-center {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	-webkit-justify-content: space-between;
	-webkit-align-items: center;
}

.between-bottom {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: flex-end;
	-webkit-justify-content: space-between;
	-webkit-align-items: flex-end;
}

.center-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.around-center {
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
	-webkit-justify-content: space-around;
	-webkit-align-items: center;
}

.column-between {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.column-around {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: space-around;
	-webkit-justify-content: space-around;
}

/* 文字超出隐藏省略号 */
.text-one-hide {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.text-two-hide {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.text-three-hide {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* 手机版按钮 */
.head-btn {
	width: 24px;
	float: right;
	position: relative;
	cursor: pointer;
	display: none;
	margin-top: 5px;
}

.head-btn i {
	display: block;
	width: 100%;
	height: 2px;
	float: left;
	background-color: #fff;
	border-radius: 50px;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}

.head-btn i.bar-top {
	margin-top: 0;
}

.head-btn i.bar-cen {
	margin-top: 6px;
}

.head-btn i.bar-bom {
	margin-top: 6px;
}

.head-btn.cur i.bar-cen {
	opacity: 0;
}

.head-btn.cur i.bar-top {
	-webkit-transform: rotate(45deg) translate(6px, 6px);
	transform: rotate(45deg) translate(6px, 6px);
}

.head-btn.cur i.bar-bom {
	-webkit-transform: rotate(-45deg) translate(5.5px, -5px);
	transform: rotate(-45deg) translate(5.5px, -5px);
}

/*隐藏*/
.overHide {
	overflow: hidden;
}

.fanye-box {
	text-align: center;
	padding: 3rem 0;
	margin: auto;
}

.fanye-box a {
	background: #e8e8e8;
	border-color: #fff;
	height: 3rem;
	line-height: 3rem;
	padding: 0 1.25rem;
	font-size: 1rem;
}

.fanye-box a:hover,
.fanye-box a.curr {
	background: #0E72ED;
	color: #fff;
}

.swiper-pagination-bullet,
.swiper-button-next,
.swiper-button-prev {
	outline: none;
}

.all-center-box {
	width: 100%;
	float: left;
	position: relative;
	transition: all .6s;
}

/* .all-center-box.active{ margin-top: 4.875rem;} */

.head-box {
	border-bottom: 1px solid transparent;
	position: relative;
	z-index: 99;
	transition: all .6s ease;
	padding-bottom: 4.8rem;
}

.head-box .w-1700 {}

.head-box .logo {
	position: relative;
}

.head-box .logo img {
	height: 2.25rem;
}

.head-box .head-menu {}

.head-box .head-menu ul li {
	float: left;
	text-align: center;
	position: relative;
}

.head-box .head-menu ul li:first-child {
	margin-left: 4.0625rem;
}

.head-box .head-menu ul li span a {
	width: auto;
	line-height: 4.875rem;
	float: left;
	font-size: 1.3rem;
	color: #fff;
}

.head-box .head-menu ul li span a::after {
	content: '';
	width: 0;
	height: 0.1875rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	opacity: 0;
	transition: all .6s ease;
}

.head-box .head-menu ul li span a:hover::after {
	width: 100%;
	opacity: 1;
}

.head-box .head-menu ul li .head-menu-lv2 {
	width: 8.75rem;
	position: absolute;
	left: 50%;
	margin-left: -4.375rem;
	top: 100%;
	/* padding-top: 2.8125rem; */
	opacity: 0;
	pointer-events: none;
	transition: all .6s ease;
}

.head-box .head-menu ul li .head-menu-lv2::after {
	content: '';
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 9px solid #fff;
	position: absolute;
	left: 50%;
	top: -1.25rem;
	margin-left: -7px;
	opacity: 0;
	transform: translate(0, -5px);
	transition: all .6s ease;
}

.head-box .head-menu ul li .head-menu-lv2 div {
	width: 100%;
	float: left;
	background: #fff;
	padding: 0.9375rem 0;
	opacity: 0;
	pointer-events: none;
	transition: all .6s ease .1s;
	transform: translate(0, -5px);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.head-box .head-menu ul li .head-menu-lv2 div a {
	width: 100%;
	float: left;
}

.head-box .head-menu ul li .head-menu-lv2 div a span {
	display: inline-block;
	font-size: 1rem;
	position: relative;
	line-height: 2.1875rem;
}

.head-box .head-menu ul li .head-menu-lv2 div a span::after {
	content: '';
	width: 0;
	height: 2px;
	background: #0E72ED;
	position: absolute;
	left: -1.4rem;
	top: 50%;
	margin-top: -1px;
	transition: all .6s ease;
}

.head-box .head-menu ul li .head-menu-lv2 div a span::before {
	content: '';
	width: 0;
	height: 2px;
	background: #0E72ED;
	position: absolute;
	right: -1.4rem;
	top: 50%;
	margin-top: -1px;
	transition: all .6s ease;
}

/* .head-box .head-menu ul li .head-menu-lv2 div a:hover span::after,.head-box .head-menu ul li .head-menu-lv2 div a.active span::after{ width: 0.875rem;}
.head-box .head-menu ul li .head-menu-lv2 div a:hover span::before,.head-box .head-menu ul li .head-menu-lv2 div a.active span::before{ width: 0.875rem;} */
.head-box .head-menu ul li .head-menu-lv2 div a.active {
	color: #0E72ED;
}

.head-box .head-menu ul li:hover span a::after,
.head-box .head-menu ul li.active span a::after {
	width: 100%;
	opacity: 1;
}

.head-box .head-menu ul li:hover .head-menu-lv2 {
	opacity: 1;
	pointer-events: auto;
}

.head-box .head-menu ul li:hover .head-menu-lv2::after {
	opacity: 1;
	transform: translate(0, 0);
}

.head-box .head-menu ul li:hover .head-menu-lv2 div {
	opacity: 1;
	transform: translate(0, 0);
	pointer-events: auto;
}

.head-box .top-box {
	background: url(../images/head_bg.jpg) center;
	background-size: cover;
	overflow: hidden;
}

.head-box .top-box .w-1600 {
	height: 18.125rem;
	transition: all .6s;
}

.head-box .top-box .pull-left {
	width: 39.0625rem;
}

.head-box .top-box .pull-right {
	padding: 0 5.5rem;
	width: 63%;
}

.head-box .top-box .pull-right .swiper-container {
	height: 153px;
}

.head-box .top-box .pull-right .swiper-container .swiper-slide img {
	max-height: 100%;
}

.head-box .lower-box {
	background: #0E72ED;
	position: absolute;
	left: 0;
	top: 18.125rem;
}

.head-box .lower-box.fixed {
	position: fixed;
	top: 0;
}

.head-box .lower-box .pull-left {
	flex: 1;
	padding-right: 4rem;
}

.head-box .lower-box .pull-right {
	height: 4.875rem;
	background: #0A67DA;
}

.head-box .lower-box .pull-right .head-search {
	position: relative;
}

.head-box .lower-box .pull-right .head-search .btns {
	width: 4.875rem;
	height: 4.875rem;
	float: left;
	background: url(../images/icon_1.png) no-repeat center;
	background-size: 1.5625rem;
	border: none;
}

.head-box .lower-box .pull-right .head-search .text {
	width: 0;
	height: 100%;
	position: absolute;
	right: 100%;
	top: 0;
	background: #0A67DA;
	color: #fff;
	font-size: 1.125rem;
	border: none;
	border-right: 1px solid #0A67DA;
	transition: all .6s;
}

.head-box .lower-box .pull-right .head-search .text::-webkit-input-placeholder {
	color: #fdfdfd;
}

.head-box .lower-box .pull-right .head-search:hover .text {
	width: 16.25rem;
	padding: 0 1.5rem;
	border-color: #348bf7;
}


/* .head-box.active .top-box .w-1600{ height: 0;} */



.banner-box {
	position: relative;
	z-index: 2;
}

.banner-box .swiper-container {
	/*height: calc(100vh - 23rem);*/
}

.banner-box .swiper-container .swiper-slide {
	background-position: center;
	background-size: cover;
}

.banner-box .swiper-container .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner-box .swiper-container .swiper-pagination {
	bottom: 1.5rem;
}

.banner-box .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 3.5625rem;
	height: 0.25rem;
	background: #fff;
	opacity: 0.4;
	transition: all .6s;
	border-radius: initial;
	margin: 0 0.625rem;
}

.banner-box .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
}

.banner-box .swiper-container .swiper-page {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: #fff;
	width: 21.875rem;
	height: 5rem;
}

.banner-box .swiper-container .swiper-page::after {
	content: '';
	width: 1px;
	height: 1.625rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -0.8125rem;
	background: #cdcdcd;
}

.banner-box .swiper-container .swiper-page::before {
	content: '';
	width: 1.625rem;
	height: 5.9375rem;
	background: #0E72ED;
	position: absolute;
	right: 100%;
	bottom: 0;
}

.banner-box .swiper-container .swiper-page .swiper-button-prev::after,
.banner-box .swiper-container .swiper-page .swiper-button-next::after {
	color: #cdcdcd;
	font-weight: bold;
	font-size: 1.5rem;
	transition: all .6s;
}

.banner-box .swiper-container .swiper-page .swiper-button-prev,
.banner-box .swiper-container .swiper-page .swiper-button-next {
	position: relative;
	left: auto;
	right: 0;
	top: auto;
	margin: auto;
}

.banner-box .swiper-container .swiper-page .swiper-button-prev:hover::after,
.banner-box .swiper-container .swiper-page .swiper-button-next:hover::after {
	color: #0E72ED;
}

.sidebar-right {
	position: fixed;
	right: 3.4375rem;
	bottom: 9rem;
	z-index: 100;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.sidebar-right a {
	width: auto;
	display: inline-block;
	line-height: 3.5625rem;
	background: url(../images/icon_jt1_h.png) no-repeat 91% center #fff;
	background-size: 1.25rem;
	box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
	padding: 0 2.8rem 0 1.125rem;
	border-radius: 0.5rem;
	font-size: 1.25rem;
	margin: 0.5rem 0;
}

.all-title-box.white {
	color: #fff;
}

.all-title-box span {
	font-size: 1.875rem;
	font-weight: bold;
	text-transform: uppercase;
}

.all-title-box p {
	font-size: 2rem;
}

.all-more {
	margin-top: 2.8125rem;
}

.all-more a {
	display: inline-block;
	text-align: center;
}

.all-more a span {
	display: inline-block;
}

.all-more a.icon1 {
	background: #0E72ED;
	color: #fff;
	padding: 0 1.5rem;
	border-radius: 50px;
	position: relative;
	overflow: hidden;
}

.all-more a.icon1 span {
	display: inline-block;
	color: #fff;
	line-height: 2.75rem;
	padding-right: 2rem;
	background: url(../images/icon_jt2_h.png) no-repeat right;
	background-size: 1.4rem;
	font-size: 1.125rem;
	position: relative;
	z-index: 2;
	transition: all .6s;
}

.all-more a.icon1::after {
	content: '';
	width: 0;
	height: 100%;
	background: #1f80f7;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .6s;
}

.all-more a.icon1:hover::after {
	width: 100%;
	left: 0;
	right: auto;
}

.all-more a.icon1:hover span {
	color: #fff;
	background-image: url(../images/icon_jt2_h.png);
}

.all-more a.icon2 {
	background: #fff;
	padding: 0 1.5rem;
	border-radius: 50px;
	position: relative;
	overflow: hidden;
}

.all-more a.icon2 span {
	display: inline-block;
	color: #1C7AED;
	line-height: 2.75rem;
	padding-right: 2rem;
	background: url(../images/icon_jt2.png) no-repeat right;
	background-size: 1.4rem;
	font-size: 1.125rem;
	position: relative;
	z-index: 2;
	transition: all .6s;
}

.all-more a.icon2::after {
	content: '';
	width: 0;
	height: 100%;
	background: #1C7AED;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .6s;
}

.all-more a.icon2:hover::after {
	width: 100%;
	left: 0;
	right: auto;
}

.all-more a.icon2:hover span {
	color: #fff;
	background-image: url(../images/icon_jt2_h.png);
}


.home-box1 {
	background: url(../images/ho1_bg.jpg) no-repeat center fixed;
	background-size: cover;
	padding: 7.8125rem 0;
}

.home-box1 .center-block {
	margin-top: 5rem;
}

.home-box1 .pull-left {
	width: 40%;
}

.home-box1 .pull-left .swiper-container .swiper-slide .imgs {
	height: 30.0625rem;
	overflow: hidden;
}

.home-box1 .pull-left .swiper-container .swiper-slide .imgs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .6s;
}

.home-box1 .pull-left .swiper-container .swiper-slide .info {
	background: #0E72ED;
	color: #fff;
	padding: 1.625rem;
}

.home-box1 .pull-left .swiper-container .swiper-slide .info span {
	display: block;
	font-size: 1.25rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.home-box1 .pull-left .swiper-container .swiper-slide .info p {
	font-size: 1rem;
	opacity: 0.8;
	margin-top: 0.8rem;
}

.home-box1 .pull-left .swiper-container .swiper-slide:hover .imgs img {
	transform: scale(1.1);
}

.home-box1 .pull-left .swiper-container .swiper-pagination {
	width: auto;
	left: auto;
	right: 1.5rem;
	bottom: 2rem;
	z-index: 10;
}

.home-box1 .pull-left .swiper-container .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
	opacity: 0.5;
}

.home-box1 .pull-left .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
}

.home-box1 .pull-right {
	width: 60%;
}

.home-box1 .pull-right .f-l,
.home-box1 .pull-right .f-r {
	width: 50%;
	padding-left: 1.25rem;
}

.home-box1 .pull-right .box-title {
	color: #fff;
	margin-bottom: 1.25rem;
	border-left: 0.25rem solid #0E72ED;
}

.home-box1 .pull-right .box-title span {
	float: left;
	line-height: 1.375rem;
	padding-left: 1rem;
	font-size: 1.5rem;
	cursor: pointer;
}

.home-box1 .pull-right .box-title span.active {
	color: #0E72ED;
}

.home-box1 .pull-right .box-info1 {
	height: 13.25rem;
	overflow: hidden;
}

.home-box1 .pull-right .box-info1 a {
	width: 100%;
	float: left;
	position: relative;
	height: 100%;
}

.home-box1 .pull-right .box-info1 a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .6s;
}

.home-box1 .pull-right .box-info1 a p {
	width: 100%;
	line-height: 4rem;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	padding: 0 1.5rem;
	background: linear-gradient(0, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	opacity: 0;
	transition: all .6s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.home-box1 .pull-right .box-info1:hover a img {
	transform: scale(1.1);
}

.home-box1 .pull-right .box-info1:hover a p {
	opacity: 1;
}

.home-box1 .pull-right .box-info2 ul li {
	width: 100%;
	float: left;
}

.home-box1 .pull-right .box-info2 ul li a {
	width: 100%;
	height: 6.25rem;
	float: left;
	background: #fff;
	margin-top: 0.75rem;
	position: relative;
}

.home-box1 .pull-right .box-info2 ul li a::after {
	content: '';
	width: 0;
	height: 0.125rem;
	background: #0E72ED;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all .6s;
}

.home-box1 .pull-right .box-info2 ul li a .box1 {
	width: 6.5rem;
	text-align: center;
	border-right: 2px solid #F5F5F5;
	padding: 0.4rem 0;
}

.home-box1 .pull-right .box-info2 ul li a .box1 span {
	display: block;
	font-size: 2rem;
}

.home-box1 .pull-right .box-info2 ul li a .box2 p {
	font-size: 1rem;
}

.home-box1 .pull-right .box-info2 ul li a .box2 {
	width: 100%;
	flex: 1;
	padding: 0 1.125rem;
	line-height: 2rem;
	height: 4rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 1rem;
}

.home-box1 .pull-right .box-info2 ul li a:hover::after {
	width: 100%;
	left: 0;
	right: auto;
}

.home-box1 .pull-right .box-info3 ul li {
	width: 100%;
	float: left;
}

.home-box1 .pull-right .box-info3 ul li:first-child a {
	margin-top: 0;
}

.home-box1 .pull-right .box-info3 ul li a {
	width: 100%;
	float: left;
	height: 6.25rem;
	background: #fff;
	margin-top: 0.75rem;
	position: relative;
}

.home-box1 .pull-right .box-info3 ul li a::after {
	content: '';
	width: 0;
	height: 0.125rem;
	background: #0E72ED;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all .6s;
}

.home-box1 .pull-right .box-info3 ul li a div {
	width: 100%;
	float: left;
	font-size: 1rem;
	padding: 0 1.25rem;
	flex: 1;
}

.home-box1 .pull-right .box-info3 ul li a div span {
	display: block;
	color: #333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.home-box1 .pull-right .box-info3 ul li a div p {
	color: #999;
	margin-top: 0.625rem;
	margin-top: ;
}

.home-box1 .pull-right .box-info3 ul li a i {
	width: 4.0625rem;
	height: 100%;
	float: right;
	background: url(../images/icon_jt1.png) no-repeat center;
	background-size: 1.25rem;
	transition: all .6s;
}

.home-box1 .pull-right .box-info3 ul li a:hover i {
	background-image: url(../images/icon_jt1_h.png);
}

.home-box1 .pull-right .box-info3 ul li a:hover::after {
	width: 100%;
	left: 0;
	right: auto;
}

.home-box2 {
display:none;
	background: url(../images/ho2_bg.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding: 5.625rem 0;
}

.home-box2::after {
	content: '';
	width: 28.75rem;
	height: 100%;
	background: #0E72ED;
	position: absolute;
	left: 0;
	top: 0;
}

.home-box2 .w-1600 {
	position: relative;
	z-index: 2;
}

.home-box2 .top-box {}

.list-box1 ul {
	margin: 0 -0.6875rem;
}

.list-box1 ul li {
	width: 33.33%;
	float: left;
	padding: 0 0.6875rem;
	margin-top: 1.875rem;
}

.list-box1 ul li a {
	width: 100%;
	float: left;
	position: relative;
}

.list-box1 ul li .imgs {
	height: 22rem;
	overflow: hidden;
	position: relative;
}

.list-box1 ul li .imgs img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: all .6s;
}

.list-box1 ul li .imgs span {
	position: absolute;
	right: 0;
	top: 1rem;
	background: #0E72ED;
	color: #fff;
	font-size: 0.875rem;
	line-height: 2rem;
	padding: 0 1rem 0 0.8rem;
}

.list-box1 ul li .imgs span::after {
	content: '';
	width: 0;
	height: 0;
	border-top: 1rem solid #0E72ED;
	border-bottom: 1rem solid #0E72ED;
	border-left: 1rem solid transparent;
	position: absolute;
	right: 100%;
	top: 0;
	z-index: 2;
}

.list-box1 ul li .info {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(0, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
	color: #fff;
	padding: 4.375rem 1rem 1.5rem;
	font-size: 1rem;
}

.list-box1 ul li .info span {
	font-size: 1.25rem;
	display: block;
	padding-bottom: 0.3rem;
}

.list-box1 ul li:hover .imgs img {
	transform: scale(1.1);
}

.home-box3 {
	background: url(../images/ho3_bg.jpg) no-repeat center fixed;
	background-size: cover;
	padding: 7.8125rem 0 4.6875rem;
}

.home-box3 .top-box {
	display: flex;
}

.home-box3 .top-box .pull-left {
	width: 28.625rem;
}

.home-box3 .top-box .pull-right {
	width: 100%;
	flex: 1;
	padding-left: 3.4375rem;
}

.home-box3 .top-box .box-info1 .imgs {
	height: 19.375rem;
	overflow: hidden;
}

.home-box3 .top-box .box-info1 .imgs img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: all .6s;
}

.home-box3 .top-box .box-info1 .info {
	background: #fff;
	padding: 0.75rem 1.125rem;
}

.home-box3 .top-box .box-info1 .info span {
	display: block;
	font-size: 1.25rem;
	color: #333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 3.375rem;
}

.home-box3 .top-box .box-info1 .info p {
	font-size: 0.875rem;
	color: #999;
	margin-top: 0.5rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 2.5rem;
}

.home-box3 .top-box .box-info1:hover .imgs img {
	transform: scale(1.1);
}

.home-box3 .top-box .all-more {
	margin-top: 0;
}

.home-box3 .top-box .box-info2 {
	margin-top: 2.9rem;
}

.home-box3 .top-box .box-info2 ul li {
	width: 18.75rem;
	border-left: 1px solid #fff;
	padding-left: 1.375rem;
}

.home-box3 .top-box .box-info2 ul li a {
	width: 100%;
	float: left;
	color: #fff;
}

.home-box3 .top-box .box-info2 ul li .box1 {
	font-size: 0.875rem;
}

.home-box3 .top-box .box-info2 ul li .box1 span {
	display: block;
	font-size: 1.5rem;
}

.home-box3 .top-box .box-info2 ul li .box2 {
	font-size: 1.125rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 1rem;
	
    line-height: 25px;
    <!--height: 3rem;-->
}

.home-box3 .top-box .box-info2 ul li .box3 {
	height: 11.5625rem;
	overflow: hidden;
	margin-top: 1.3rem;
}

.home-box3 .top-box .box-info2 ul li .box3 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: all .6s;
}

.home-box3 .top-box .box-info2 ul li:hover .box3 img {
	transform: scale(1.1);
}

.home-box3 .lower-box {
	margin-top: 5.9375rem;
	display: flex;
}

.home-box3 .lower-box .pull-left {
	width: 21%;
}

.home-box3 .lower-box .pull-right {
	width: 79%;
}

.home-box3 .lower-box .pull-right ul {
	margin: 0 -0.625rem;
}

.home-box3 .lower-box .pull-right ul li {
	width: 33.33%;
	float: left;
	margin-bottom: 1.25rem;
	padding: 0 0.625rem;
}

.home-box3 .lower-box .pull-right ul li a {
	width: 100%;
	float: left;
	background: #fff;
	padding: 1.125rem;
	position: relative;
}

.home-box3 .lower-box .pull-right ul li a .box1 {
	font-size: 1.125rem;
	color: #0e72ed;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.home-box3 .lower-box .pull-right ul li a .box2 {
	font-size: 0.875rem;
	line-height: 1.4rem;
	height: 2.8rem;
	margin: 0.8rem 0;
	color: #333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.home-box3 .lower-box .pull-right ul li a .box3 {
	font-size: 0.875rem;
	color: #999;
	line-height: 1.25rem;
	background: url(../images/icon_jt1.png) no-repeat right;
	background-size: 1.25rem;
	transition: all .6s;
}

.home-box3 .lower-box .pull-right ul li a::before {
	content: '';
	width: 100%;
	height: 0.25rem;
	background: #E7E7E7;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .6s;
}

.home-box3 .lower-box .pull-right ul li a::after {
	content: '';
	width: 0;
	height: 0.25rem;
	background: #0e72ed;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all .6s;
}

.home-box3 .lower-box .pull-right ul li a:hover .box3 {
	background-image: url(../images/icon_jt1_h.png);
}

.home-box3 .lower-box .pull-right ul li a:hover::after {
	width: 100%;
	left: 0;
	right: auto;
}

.home-box4 {
	padding: 7.5rem 0;
	background: url(../images/ho4_bg.jpg) no-repeat center;
	background-size: cover;
}

.home-box4 .top-box .pull-right ul li {
	float: left;
	width: 12rem;
	height: 7.5rem;
	background: #f5f5f5;
	margin-left: 1px;
	cursor: pointer;
	transition: all .6s;
	text-align: center;
}

.home-box4 .top-box .pull-right ul li a {
	width: 100%;
}

.home-box4 .top-box .pull-right ul li i {
	width: 100%;
	display: block;
	height: 3.125rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	transition: all .6s;
}

.home-box4 .top-box .pull-right ul li p {
	font-size: 1.125rem;
	color: #333;
	margin-top: 0.5rem;
	transition: all .6s;
}

.home-box4 .top-box .pull-right ul li i.icon1 {
	background-image: url(../images/ho4_icon1.png);
}

.home-box4 .top-box .pull-right ul li i.icon2 {
	background-image: url(../images/ho4_icon2.png);
}

.home-box4 .top-box .pull-right ul li i.icon3 {
	background-image: url(../images/ho4_icon3.png);
}

.home-box4 .top-box .pull-right ul li i.icon4 {
	background-image: url(../images/ho4_icon4.png);
}

.home-box4 .top-box .pull-right ul li i.icon5 {
	background-image: url(../images/ho4_icon5.png);
}

.home-box4 .top-box .pull-right ul li i.icon6 {
	background-image: url(../images/ho4_icon6.png);
}

.home-box4 .top-box .pull-right ul li:hover,
.home-box4 .top-box .pull-right ul li.active {
	background: #0E72ED;
}

.home-box4 .top-box .pull-right ul li:hover p,
.home-box4 .top-box .pull-right ul li.active p {
	color: #fff;
}

.home-box4 .top-box .pull-right ul li:hover i,
.home-box4 .top-box .pull-right ul li.active i {
	transform: rotateY(360deg);
}

.home-box4 .top-box .pull-right ul li:hover i.icon1,
.home-box4 .top-box .pull-right ul li.active i.icon1 {
	background-image: url(../images/ho4_icon1_h.png);
}

.home-box4 .top-box .pull-right ul li:hover i.icon2,
.home-box4 .top-box .pull-right ul li.active i.icon2 {
	background-image: url(../images/ho4_icon2_h.png);
}

.home-box4 .top-box .pull-right ul li:hover i.icon3,
.home-box4 .top-box .pull-right ul li.active i.icon3 {
	background-image: url(../images/ho4_icon3_h.png);
}

.home-box4 .top-box .pull-right ul li:hover i.icon4,
.home-box4 .top-box .pull-right ul li.active i.icon4 {
	background-image: url(../images/ho4_icon4_h.png);
}

.home-box4 .top-box .pull-right ul li:hover i.icon5,
.home-box4 .top-box .pull-right ul li.active i.icon5 {
	background-image: url(../images/ho4_icon5_h.png);
}

.home-box4 .top-box .pull-right ul li:hover i.icon6,
.home-box4 .top-box .pull-right ul li.active i.icon6 {
	background-image: url(../images/ho4_icon6_h.png);
}

.home-box4 .cen-box {
	height: 23.4375rem;
	margin-top: 4rem;
}

.home-box4 .cen-box .swiper-container {
	height: 19.375rem;
}

.home-box4 .cen-box .swiper-container .swiper-slide {
	height: calc((100% - 20px) / 2);
}

.home-box4 .cen-box .swiper-container .swiper-slide a {
	width: 100%;
	height: 100%;
	border: 1px solid #f0f0f0;
	padding: 0 1.5rem;
	background: #fff;
}

.home-box4 .cen-box .swiper-container .swiper-slide a .imgs {
	width: 9.275rem;
	height: 6.875rem;
	overflow: hidden;
}

.home-box4 .cen-box .swiper-container .swiper-slide a .imgs img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all .6s;
}

.home-box4 .cen-box .swiper-container .swiper-slide a .info {
	width: 100%;
	flex: 1;
	padding-left: 1.2rem;
}

.home-box4 .cen-box .swiper-container .swiper-slide a .info span {
	display: block;
	font-size: 1rem;
	color: #333;
	margin-bottom: 0.5rem;
}

.home-box4 .cen-box .swiper-container .swiper-slide a .info p {
	font-size: 0.75rem;
	color: #999;
}

.home-box4 .cen-box .swiper-container .swiper-slide a:hover {
	border-color: #0E72ED;
}

.home-box4 .cen-box .swiper-pagination {
	width: auto;
	float: left;
	position: relative;
	bottom: 0;
}

.home-box4 .cen-box .swiper-pagination .swiper-pagination-bullet {
	background: #D5D5D5;
	transition: all .6s;
	width: 0.75rem;
	height: 0.75rem;
	margin: 0 0.4375rem;
	opacity: 1;
}

.home-box4 .cen-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #0E72ED;
}

.home-box4 .cen-box>.between-center {
	margin-top: 3.125rem;
}

.home-box4 .cen-box>.between-center .all-more {
	margin-top: 0;
}

.home-box4 .lower-box {
	margin-top: 6.875rem;
}

.home-box4 .lower-box .pull-left {
	width: 21%;
}

.home-box4 .lower-box .pull-right {
	width: 79%;
}

.home-box4 .lower-box .pull-right .swiper-container .swiper-slide {
	height: 17rem;
	overflow: hidden;
}

.home-box4 .lower-box .pull-right .swiper-container .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .6s;
}

.home-box4 .lower-box .pull-right .swiper-container .swiper-slide:hover img {
	transform: scale(1.1);
}

.home-box4 .lower-box .pull-right .swiper-container .swiper-button-next,
.home-box4 .lower-box .pull-right .swiper-container .swiper-button-prev {
	opacity: 0;
	transition: all .6s;
}

.home-box4 .lower-box .pull-right .swiper-container .swiper-button-next::after,
.home-box4 .lower-box .pull-right .swiper-container .swiper-button-prev::after {
	font-size: 2rem;
}

.home-box4 .lower-box .pull-right .swiper-container:hover .swiper-button-next,
.home-box4 .lower-box .pull-right .swiper-container:hover .swiper-button-prev {
	opacity: 1;
}

.foot-box {
	background: url(../images/fo_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 3.125rem 0;
	color: #fff;
	font-size: 0.875rem;
	position: relative;
	z-index: 2;
}

.foot-box .top-box {}

.foot-box .top-box .pull-left ul {
	float: left;
	margin-right: 6.875rem;
}

.foot-box .top-box .pull-left ul span {
	display: block;
	font-size: 1rem;
	padding-bottom: 0.3rem;
}

.foot-box .top-box .pull-left ul li {
	display: block;
	margin-top: 0.75rem;
}

.foot-box .top-box .pull-left ul li a {
	color: #fff;
	opacity: 0.7;
}

.foot-box .top-box .pull-left ul li a:hover {
	opacity: 1;
}

.foot-box .top-box .pull-right .f-l {
	text-align: right;
}

.foot-box .top-box .pull-right .f-l a {
	display: inline-block;
	background: #fff;
	border-radius: 50px;
	padding: 0 0.75rem;
}

.foot-box .top-box .pull-right .f-l a span {
	display: inline-block;
	line-height: 1.875rem;
	padding-right: 1.5625rem;
	background: url(../images/icon_jt1_h.png) no-repeat right;
	background-size: 1rem;
	color: #114f9c;
	font-size: 1rem;
}

.foot-box .top-box .pull-right .f-l p {
	line-height: 1.8;
	opacity: 0.7;
	margin-top: 0.8rem;
}

.foot-box .top-box .pull-right .f-r {
	text-align: center;
	padding-left: 2.5rem;
	margin-left: 2.5rem;
	border-left: 1px solid #3F71AE;
}

.foot-box .top-box .pull-right .f-r img {
	width: 78px;
}

.foot-box .top-box .pull-right .f-r p {
	margin-top: 0.5rem;
}

.foot-box .lower-box {
	margin-top: 2.4375rem;
	padding: 1.25rem 0;
	border-top: 1px solid #2d7ec8;
}

.foot-box .lower-box a {
	color: #fff;
	opacity: 0.5;
}

.foot-box .lower-box a:hover {
	opacity: 1;
}

.foot-box .lower-box .pull-right {
	cursor: pointer;
	position: relative;
}

.page-banner {
	height: 25rem;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 2;
}

.page-banner .pull-left {
	color: #fff;
}

.page-banner .pull-left span {
	display: block;
	font-size: 2.25rem;
}

.page-banner .pull-left p {
	font-size: 1.875rem;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 1.25rem;
}

.page-menu {
	position: relative;
	z-index: 3;
	margin-top: -2.5rem;
}

.page-menu ul {
	width: 100%;
	float: left;
	background: #fff;
	box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.2);
	border-radius: 0.625rem;
	display: flex;
	position: relative;
}

.page-menu ul li {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
}

.page-menu ul li a {
	width: 100%;
	float: left;
	line-height: 5rem;
	font-size: 1.125rem;
	position: relative;
	z-index: 2;
}

.page-menu ul li::after {
	content: '';
	width: 100%;
	height: 5.625rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	background: #0E72ED;
	border-radius: 0.625rem;
	transition: all .6s;
	opacity: 0;
}

.page-menu ul li.active::after,
.page-menu ul li:hover::after {
	opacity: 1;
}

.page-menu ul li.active a,
.page-menu ul li:hover a {
	color: #fff;
}

.all-title-box2 span {
	display: block;
	font-size: 2.25rem;
	font-weight: bold;
}

.all-title-box2 p {
	font-size: 1.875rem;
	color: #94c2f9;
	font-weight: bold;
	margin-top: 1rem;
	text-transform: uppercase;
}

.about-box1 {
	background: url(../images/ab1_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 5rem 0;
}

.about-box1 .pull-left {
	width: 70%;
}

.about-box1 .center-block {
	font-size: 1.125rem;
	line-height: 1.8;
	margin-top: 2rem;
}

.about-box2 {
	padding: 3.125rem 0;
	background: url(../images/ab2_bg.jpg) no-repeat center;
	background-size: cover;
}

.about-box2 .center-block {
	margin-top: 3.125rem;
	line-height: 2;
	font-size: 1rem;
}

.about-box2.about-box3 {
	background-image: url(../images/ab3_bg.jpg);
}

.match-box1 {
	margin-top: 1.5625rem;
}

.match-box1 select {
	width: 10rem;
	height: 3.375rem;
	background: #fff;
	font-size: 1rem;
	border: 1px solid #EDEDED;
	border-top-left-radius: 0.625rem;
	border-bottom-left-radius: 0.625rem;
	padding: 0 0.2rem;
	border-right-width: 0;
}

.match-box1 .text {
	width: 100%;
	height: 3.375rem;
	float: left;
	flex: 1;
	padding: 0 1.25rem;
	background: #F8F8F8;
	border: 1px solid #EDEDED;
	font-size: 1rem;
}

.match-box1 .btns {
	width: 10rem;
	height: 3.375rem;
	background: #0E72ED;
	color: #fff;
	font-size: 1rem;
	text-align: center;
	border: none;
	border-top-right-radius: 0.625rem;
	border-bottom-right-radius: 0.625rem;
}

.match-box1 .text:nth-child(1) {
	border-top-left-radius: 0.625rem;
	border-bottom-left-radius: 0.625rem;
}

.match-box2 ul {
	margin: 0 -0.625rem;
}

.match-box2 ul li {
	width: 16.66%;
	float: left;
	padding: 0 0.625rem;
	margin-top: 1.25rem;
}

.match-box2 ul li a {
	width: 100%;
	float: left;
	height: 7.5rem;
	background: url(../images/bg_1.jpg) no-repeat center;
	background-size: cover;
	box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.05);
	font-size: 1.25rem;
	line-height: 1.6;
	border: 1px solid #fff;
}

.match-box2 ul li a:hover {
	border-color: #0E72ED;
}

.match-box3 {
	margin-top: 0.5rem;
}

.match-box3 ul {
	margin: 0 -0.625rem;
}

.match-box3 ul li {
	width: 33.33%;
	float: left;
	padding: 0 0.625rem;
	margin-top: 1.25rem;
}

.match-box3 ul li a {
	width: 100%;
	float: left;
	background: #fff;
	box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
}

.match-box3 ul li a .imgs {
	height: 17.1875rem;
	position: relative;
	overflow: hidden;
}

.match-box3 ul li a .imgs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: all .6s;
}

.match-box3 ul li a .imgs::after {
	content: '';
	width: 100%;
	height: 5rem;
	background: linear-gradient(0, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.match-box3 ul li a .info {
	padding: 0 0.75rem;
}

.match-box3 ul li a .info span {
	width: 100%;
	float: left;
	font-size: 1.25rem;
	line-height: 3.75rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 2rem;
	background: url(../images/icon_jt1.png) no-repeat 99.9%;
	background-size: 1.25rem;
	transition: all .6s;
	color: #333;
}

.match-box3 ul li a:hover .info span {
	background-image: url(../images/icon_jt1_h.png);
}

.match-box3 ul li a:hover .imgs img {
	transform: scale(1.1);
}

.news-list1 {
	margin-top: 1rem;
}

.news-list1 ul li {
	width: 100%;
	float: left;
}

.news-list1 ul li a {
	width: 100%;
	float: left;
}

.news-list1 ul li a .between-center {
	border-bottom: 1px solid #EDEDED;
	padding: 1.6875rem 0;
}

.news-list1 ul li a .imgs {
	width: 15.3125rem;
	height: 10.3125rem;
	overflow: hidden;
}

.news-list1 ul li a .imgs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .6s;
}

.news-list1 ul li a .info {
	width: 100%;
	flex: 1;
	padding-left: 3.125rem;
}

.news-list1 ul li a .info span {
	display: block;
	font-size: 1.25rem;
	color: #333;
	transition: all .6s;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.news-list1 ul li a .info p {
	font-size: 0.875rem;
	color: #999;
	line-height: 1.6;
	margin: 0.8rem 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news-list1 ul li a .info i {
	font-size: 0.875rem;
	color: #999;
	display: block;
}

.news-list1 ul li a .info em {
	width: 1.375rem;
	height: 1.375rem;
	display: inline-block;
	background: url(../images/icon_2.png) no-repeat center;
	background-size: 100%;
	margin-top: 0.8rem;
	transition: all .6s;
}

.news-list1 ul li a:hover {
	background: #F4F9FF;
}

.news-list1 ul li a:hover .imgs img {
	transform: scale(1.1);
}

.news-list1 ul li a:hover .info span {
	color: #0E72ED;
}

.news-list1 ul li a:hover .info em {
	background-image: url(../images/icon_2_h.png);
}

.news-list2 {
	margin-top: 1rem;
}

.news-list2 ul li {
	width: 100%;
	float: left;
}

.news-list2 ul li a {
	width: 100%;
	float: left;
}

.news-list2 ul li a .between-center {
	border-bottom: 1px solid #EDEDED;
	padding: 2.1875rem 0;
	padding-right: 1.875rem;
}

.news-list2 ul li a .time {
	width: 8.125rem;
	font-size: 0.875rem;
	color: #666;
}

.news-list2 ul li a .time span {
	font-size: 1.5rem;
	font-weight: bold;
}

.news-list2 ul li a .info {
	width: 100%;
	flex: 1;
	background: url(../images/icon_jt3.png) no-repeat right;
	background-size: 1.875rem;
	padding-right: 7.5rem;
	transition: all .6s;
}

.news-list2 ul li a .info span {
	display: block;
	font-size: 1.25rem;
	color: #333;
	transition: all .6s;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.news-list2 ul li a .info p {
	font-size: 0.875rem;
	color: #999;
	line-height: 1.6;
	margin: 0.8rem 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news-list2 ul li a .info i {
	background: url(../images/icon_3.png) no-repeat left;
	background-size: 1.125rem;
	padding-left: 1.5rem;
	color: #999;
	font-size: 0.875rem;
	line-height: 1.375rem;
}

.news-list2 ul li a:hover {
	background: #F4F9FF;
}

.news-list2 ul li a:hover .info span {
	color: #0E72ED;
}

.news-list2 ul li a:hover .info {
	background-image: url(../images/icon_jt3_h.png);
}

.match-box3.activity-list ul li {
	width: 25%;
}

.match-box3.activity-list ul li .imgs {
	height: 13.75rem;
}

.match-box3.activity-list.video ul li .imgs::after {
	height: 100%;
	background: url(../images/icon_4.png) no-repeat center;
	background-size: 3.125rem;
}

.news-list3 {
	margin-top: 1.5rem;
}

.news-list3 ul {
	margin: 0 -0.5rem;
}

.news-list3 ul li {
	width: 33.33%;
	float: left;
	padding: 0 0.5rem;
	margin-top: 1.5rem;
}

.news-list3 ul li a {
	width: 100%;
	float: left;
	border: 1px solid #eee;
	padding: 1.875rem 1.5625rem;
}

.news-list3 ul li a .box1 {
	font-size: 1.125rem;
	color: #333;
}

.news-list3 ul li a .box1 i {
	font-size: 1.5rem;
}

.news-list3 ul li a .box2 {
	font-size: 1.25rem;
	line-height: 1.8rem;
	height: 3.6rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin: 1.2rem 0;
	color: #333;
}

.news-list3 ul li a .box3 {
	font-size: 0.875rem;
	color: #999;
}

.news-list3 ul li a .box3 i {
	margin-left: 1rem;
	background: url(../images/icon_3.png) no-repeat left;
	background-size: 1.125rem;
	padding-left: 1.5rem;
	color: #999;
	font-size: 0.875rem;
	line-height: 1.375rem;
}

.news-list3 ul li a .box4 span {
	float: left;
	border: 1px solid #999;
	line-height: 2.0625rem;
	padding: 0 1rem;
	min-width: 6.25rem;
	text-align: center;
	border-radius: 50px;
	margin-top: 1.5625rem;
	color: #666;
	transition: all .6s;
}

.news-list3 ul li a:hover {
	border-color: #0E72ED;
}

.news-list3 ul li a:hover .box4 span {
	background: #0E72ED;
	color: #fff;
	border-color: #0E72ED;
}

.content-box1 {
	padding: 3.75rem 0;
	box-shadow: 0 1.25rem 1.25rem rgba(14, 114, 237, 0.1);
}

.content-box1 ul li {
	width: 25%;
	float: left;
	text-align: center;
	font-size: 1.125rem;
	color: #999;
}

.content-box1 ul li i {
	display: block;
	transition: all .6s;
}

.content-box1 ul li i img {}

.content-box1 ul li p {
	margin-top: 0.5rem;
}

.content-box1 ul li:hover i {
	transform: rotateY(360deg);
}

.content-box2 .top-box {
	padding: 2.5rem 0;
}

.content-box2 .top-box span {
	display: block;
	font-size: 1.5rem;
	color: #0E72ED;
}

.content-box2 .top-box p {
	font-size: 1.125rem;
	color: #999;
	margin-top: 0.5rem;
}

.content-box2 .lower-box {
	height: 30rem;
	box-shadow: 0 1.25rem 1.25rem rgba(14, 114, 237, 0.1);
}

.content-box2 .lower-box img,
.content-box2 .lower-box label {
	max-width: initial;
}

.content-box3 {
	padding: 4.5rem 0;
}

.content-box3 .pull-left {
	width: 23.125rem;
}

.content-box3 .pull-left .box1 span {
	display: block;
	font-size: 1.5rem;
}

.content-box3 .pull-left .box1 i {
	display: block;
	margin: 1rem 0;
}

.content-box3 .pull-left .box1 p {
	font-size: 1rem;
	color: #999;
	text-align: justify;
}

.content-box3 .pull-left .box2 p {
	font-size: 1rem;
	color: #999;
	margin: 3.75rem 0 0;
}

.content-box3 .pull-left .box2 span {
	font-size: 2.25rem;
	font-weight: bold;
}

.content-box3 .pull-right {
	width: 65%;
}

.content-box3 .pull-right .text {
	width: 48%;
	float: left;
	margin-bottom: 1.875rem;
	border: 1px solid #dcdcdc;
	height: 3.5625rem;
	padding: 0 1.5rem;
	font-size: 1.125rem;
}

.content-box3 .pull-right .text:nth-child(2n) {
	float: right;
}

.content-box3 .pull-right textarea {
	width: 100%;
	float: left;
	margin-bottom: 1.875rem;
	border: 1px solid #dcdcdc;
	height: 10.3125rem;
	padding: 1.5rem;
	font-size: 1.125rem;
}

.content-box3 .pull-right .btns {
	width: 100%;
	float: left;
	height: 3.5rem;
	border: none;
	background: #0E72ED;
	color: #fff;
	font-size: 1.125rem;
}

.match-box4 {
	margin-top: 1.25rem;
}

.match-box4 ul {
	margin: 0 -0.625rem;
}

.match-box4 ul li {
	width: 33.33%;
	float: left;
	padding: 0 0.625rem;
	margin-top: 1.25rem;
}

.match-box4 ul li a {
	width: 100%;
	float: left;
	background: #fff;
	box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
}

.match-box4 ul li a .imgs {
	height: 17.1875rem;
	overflow: hidden;
	position: relative;
}

.match-box4 ul li a .imgs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: all .6s;
}

.match-box4 ul li a .imgs span {
	position: absolute;
	right: 0;
	top: 1rem;
	background: #0E72ED;
	color: #fff;
	font-size: 0.875rem;
	line-height: 2rem;
	padding: 0 1rem 0 0.8rem;
}

.match-box4 ul li a .imgs span::after {
	content: '';
	width: 0;
	height: 0;
	border-top: 1rem solid #0E72ED;
	border-bottom: 1rem solid #0E72ED;
	border-left: 1rem solid transparent;
	position: absolute;
	right: 100%;
	top: 0;
	z-index: 2;
}

.match-box4 ul li a .imgs::before {
	content: '';
	width: 100%;
	height: 5rem;
	background: linear-gradient(0, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.match-box4 ul li a .info .box1 {
	padding: 1rem;
}

.match-box4 ul li a .info .box1 span {
	display: block;
	font-size: 1.25rem;
	color: #333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.match-box4 ul li a .info .box1 p {
	font-size: 1rem;
	color: #333;
}

.match-box4 ul li a .info .box2 {
	border-top: 1px solid #ededed;
	height: 3.125rem;
	padding: 0 1rem;
}

.match-box4 ul li a .info .box2 span {
	float: left;
	color: #999;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 1.125rem;
	padding-left: 1.625rem;
	line-height: 1.5625rem;
}

.match-box4 ul li a .info .box2 span+span {
	margin-left: 1.2rem;
}

.match-box4 ul li a .info .box2 span.icon1 {
	background-image: url(../images/icon_5.png);
}

.match-box4 ul li a .info .box2 span.icon2 {
	background-image: url(../images/icon_6.png);
}

.match-box4 ul li a .info .box2 span.icon3 {
	background-image: url(../images/icon_7.png);
}

.match-box4 ul li a:hover .imgs img {
	transform: scale(1.1);
}

.match-box5 ul {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 2.5rem;
	padding: 1rem 0;
}

.match-box5 ul::after {
	content: '';
	width: 2px;
	height: 100%;
	background: #dcdcdc;
	position: absolute;
	left: 0.65rem;
}

.match-box5 ul li {
	width: 100%;
	float: left;
	padding-left: 3.75rem;
	position: relative;
	z-index: 2;
}

.match-box5 ul li::before {
	content: '';
	width: 1.375rem;
	height: 1.375rem;
	border-radius: 100%;
	border: 0.125rem solid #0E72ED;
	background: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.match-box5 ul li::after {
	content: '';
	width: 0.4375rem;
	height: 0.4375rem;
	border-radius: 100%;
	background: #0E72ED;
	position: absolute;
	left: 0.5rem;
	top: 50%;
	transform: translate(0, -50%);
}

.match-box5 ul li a {
	width: 100%;
	float: left;
	padding: 1.5rem 0;
}

.match-box5 ul li a span {
	display: block;
	font-size: 1.5rem;
}

.match-box5 ul li a p {
	font-size: 1.125rem;
	margin-top: 0.5rem;
}

.shzz-box1 {
	padding: 2.5rem 0 0;
}

.shzz-box1 .f-l {
	width: 17.1875rem;
	line-height: 3.375rem;
	border: 1px solid #E5E5E5;
	border-radius: 50px;
	text-align: center;
	font-size: 1.125rem;
}

.shzz-box1 .f-l.active,
.shzz-box1 .f-l:hover {
	border-color: #0E72ED;
	color: #0E72ED;
}

.shzz-box1 .soso-box {
	width: 36.875rem;
	position: relative;
}

.shzz-box1 .soso-box .text {
	width: 100%;
	height: 3.375rem;
	border: 1px solid #E5E5E5;
	background: url(../images/icon_8.png) no-repeat 1.25rem center;
	background-size: 1.875rem;
	border-radius: 50px;
	font-size: 1.125rem;
	padding: 0 9rem 0 4rem;
}

.shzz-box1 .soso-box .btns {
	width: 7.5rem;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: #0E72ED;
	color: #fff;
	font-size: 1.125rem;
	text-align: center;
	border: none;
	border-radius: 50px;
}

.shzz-box1 .pull-left {
	width: 100%;
	margin-top: -1.125rem;
}

.shzz-box1 .pull-left a {
	line-height: 2.5rem;
	padding: 0 1.75rem;
	float: left;
	margin: 1.125rem 1rem 0 0;
	border: 1px solid #E5E5E5;
	border-radius: 50px;
	text-align: center;
	font-size: 1.125rem;
	color: #333;
}

.shzz-box1 .pull-left a:hover,
.shzz-box1 .pull-left a.active {
	color: #0E72ED;
	border-color: #0E72ED;
}

.shzz-box2 {
	margin-top: 1rem;
}

.shzz-box2 ul {
	margin: 0 -0.625rem;
}

.shzz-box2 ul li {
	width: 25%;
	float: left;
	padding: 0 0.625rem;
	margin-top: 1.25rem;
}

.shzz-box2 ul li a {
	width: 100%;
	height: 9.0625rem;
	border: 1px solid #f0f0f0;
	padding: 0 1.5rem;
	background: #fff;
}

.shzz-box2 ul li a .imgs {
	width: 9rem;
	height: 6.875rem;
	overflow: hidden;
}

.shzz-box2 ul li a .imgs img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all .6s;
}

.shzz-box2 ul li a .info {
	width: 100%;
	flex: 1;
	padding-left: 1.2rem;
}

.shzz-box2 ul li a .info span {
	display: block;
	font-size: 1rem;
	color: #333;
	margin-bottom: 0.5rem;
}

.shzz-box2 ul li a .info p {
	font-size: 0.75rem;
	color: #999;
}

.shzz-box2 ul li a:hover {
	border-color: #0E72ED;
}

.news-list4 ul li {
	width: 100%;
	float: left;
}

.news-list4 ul li a {
	width: 100%;
	float: left;
}

.news-list4 ul li a .center-block {
	border-bottom: 1px solid #DFDFDF;
	padding: 3.125rem 0;
	padding-left: 1.25rem;
}

.news-list4 ul li a .center-block .box-info1 {
	width: 64px;
	height: 64px;
	background: #0E72ED;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	padding: 0 10px;
	text-align: center;
}

.news-list4 ul li a .center-block .box-info1 span {
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.news-list4 ul li a .center-block .box-info1::after {
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid #0E72ED;
	position: absolute;
	left: 6px;
	top: 6px;
}

.news-list4 ul li a .center-block .box-info2 {
	width: 100%;
	flex: 1;
	padding: 0 9.375rem 0 2.8125rem;
}

.news-list4 ul li a .center-block .box-info2 .box1 span {
	max-width: 80%;
	font-size: 1.25rem;
	color: #333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.news-list4 ul li a .center-block .box-info2 .box1 i {
	background: url(../images/icon_3.png) no-repeat left;
	background-size: 1.125rem;
	padding-left: 1.5rem;
	color: #999;
	font-size: 0.875rem;
	line-height: 1.375rem;
}

.news-list4 ul li a .center-block .box-info2 .box2 {
	font-size: 0.875rem;
	margin: 0.5rem 0;
	height: 3rem;
	line-height: 1.5rem;
	color: #999;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news-list4 ul li a .center-block .box-info2 .box3 span {
	float: left;
	border: 1px solid #666;
	line-height: 2.0625rem;
	padding: 0 1rem;
	min-width: 6.25rem;
	text-align: center;
	border-radius: 50px;
	margin-top: 0.5rem;
	color: #999;
	transition: all .6s;
	background: #fff;
}

.news-list4 ul li a .center-block .box-info3 {
	width: 15.3125rem;
	height: 10.3125rem;
	overflow: hidden;
}

.news-list4 ul li a .center-block .box-info3 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: all .6s;
}

.news-list4 ul li a:hover {
	background: #F4F9FF;
}

.news-list4 ul li a:hover .center-block .box-info3 img {
	transform: scale(1.1);
}

.news-list4 ul li a:hover .center-block .box-info2 .box3 span {
	background: #0E72ED;
	color: #fff;
	border-color: #0E72ED;
}

.venue-list1 {
	margin-top: 0.5rem;
}

.venue-list1 ul {
	margin: 0 -0.5rem;
}

.venue-list1 ul li {
	width: 33.33%;
	float: left;
	padding: 0 0.5rem;
	margin-top: 1.5rem;
}

.venue-list1 ul li a {
	width: 100%;
	float: left;
	box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
}

.venue-list1 ul li a .imgs {
	height: 21.25rem;
	overflow: hidden;
}

.venue-list1 ul li a .imgs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .6s;
	display: block;
}

.venue-list1 ul li a .info {
	padding: 1.25rem 1rem;
}

.venue-list1 ul li a .info span {
	display: block;
	font-size: 1.25rem;
	font-weight: bold;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.venue-list1 ul li a .info p {
	line-height: 1.5rem;
	font-size: 1rem;
	margin-top: 0.5rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #333;
	height: 3rem;
}

.venue-list1 ul li a:hover .imgs img {
	transform: scale(1.1);
}

.venue-list2 ul {
	margin: 0 -1.125rem;
}

.venue-list2 ul li {
	width: 16.666%;
	float: left;
	padding: 0 1.125rem;
	margin-top: 2rem;
}

.venue-list2 ul li a {
	width: 100%;
	float: left;
	box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
	text-align: center;
	padding: 1.5625rem 1rem;
}

.venue-list2 ul li a .imgs {
	width: 10.625rem;
	height: 10.625rem;
	display: inline-block;
	border-radius: 100%;
	overflow: hidden;
}

.venue-list2 ul li a .imgs img {
	width: 100%;
	transition: all .6s;
}

.venue-list2 ul li a .info {
	margin-top: 1rem;
}

.venue-list2 ul li a .info span {
	display: block;
	font-size: 1.25rem;
	padding-bottom: 0.625rem;
	margin-bottom: 0.625rem;
	position: relative;
}

.venue-list2 ul li a .info span::after {
	content: '';
	width: 1.25rem;
	height: 0.125rem;
	background: #0E72ED;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -0.625rem;
}

.venue-list2 ul li a .info p {
	color: #999;
	font-size: 1rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.venue-list2 ul li a:hover .imgs img {
	transform: scale(1.1);
}

.news-list5 {
	margin-top: 1rem;
}

.news-list5 ul li {
	width: 100%;
	float: left;
}

.news-list5 ul li a {
	width: 100%;
	float: left;
	border-bottom: 1px solid #dfdfdf;
	padding: 1.875rem 0;
	position: relative;
}

.news-list5 ul li a::after {
	content: '';
	width: 0;
	height: 1px;
	background: #0E72ED;
	position: absolute;
	left: 0;
	bottom: -1px;
	transition: all .6s;
}

.news-list5 ul li a span {
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.25rem;
	position: relative;
	padding-left: 1.5rem;
}

.news-list5 ul li a span::after {
	content: '';
	width: 0.375rem;
	height: 0.375rem;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.1875rem;
	background: #0E72ED;
}

.news-list5 ul li a i {
	color: #999;
	font-size: 1rem;
}

.news-list5 ul li a:hover::after {
	width: 100%;
}

.news-info .top-box {
	text-align: center;
	padding: 2.5rem 0 1rem;
}

.news-info .top-box .box1 {
	text-align: center;
	font-size: 1.5rem;
}

.news-info .top-box .box2 {
	margin-top: 2.5rem;
	font-size: 0.875rem;
	color: #999;
}

.news-info .top-box .box2 .f-l span {
	float: left;
}

.news-info .top-box .box2 .f-l i {
	float: left;
	margin: 0 1rem;
	background: url(../images/icon_3.png) no-repeat left;
	background-size: 1.125rem;
	padding-left: 1.5rem;
	color: #999;
	font-size: 0.875rem;
	line-height: 1.375rem;
}

.news-info .top-box .box2 .f-r #share-1 {
	font-size: 0.875rem;
}

.news-info .cen-box {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 1.5rem 0;
	line-height: 1.8;
	min-height: 40vh;
}

.news-info .lower-box {
	padding: 1.5rem 0;
}

.news-info .lower-box a {
	max-width: 35%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1rem;
	line-height: 3rem;
}

.news-info .lower-box a:nth-child(2) {
	background: #0E72ED;
	color: #fff;
	padding: 0 2.125rem;
}

.user-box1 {
	background: url(../images/user_bg1.jpg) no-repeat center;
	background-size: cover;
	padding: 11.25rem 0;
}

.user-box1 .center-block {
	width: 95.9375rem;
	margin: auto;
	display: inline-block;
	box-shadow: 0 0 3rem rgba(14, 114, 237, 0.3);
	background: #fff;
	overflow: hidden;
	border-radius: 1.25rem;
}

.user-box1 .center-block .pull-left {
	width: 55%;
	height: 44.375rem;
	overflow: hidden;
	box-shadow: 0 0 3rem rgba(14, 114, 237, 0.2);
}

.user-box1 .center-block .pull-left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: all .6s;
}

.user-box1 .center-block .pull-right {
	width: 45%;
	height: 44.375rem;
	padding: 0 3.75rem;
}

.user-box1 .center-block .pull-right strong {
	display: block;
	font-size: 3.125rem;
	font-weight: bold;
	color: #0e72ed;
	padding-bottom: 3.75rem;
}

.user-box1 .center-block .pull-right .text {
	width: 100%;
	height: 5.5rem;
	border: 1px solid #E5E5E5;
	padding: 0 1.5625rem;
	font-size: 1.25rem;
	margin-bottom: 1.375rem;
}

.user-box1 .center-block .pull-right .btns {
	width: 100%;
	height: 5.5rem;
	background: #0e72ed;
	color: #fff;
	font-size: 1.25rem;
	border: none;
}

.user-box1 .center-block .pull-right .between-center {
	margin-top: 1.375rem;
	font-size: 1.25rem;
}

.user-box1 .center-block .pull-right .between-center a {
	color: #999;
}

.user-box2 {
	padding: 2.1875rem 0;
}

.user-box2 .center-block {
	border-radius: 0.625rem;
	box-shadow: 0 0 3rem rgba(0, 0, 0, 0.1);
	position: relative;
}

.user-box2 .center-block::after {
	content: '';
	width: 25%;
	height: 100%;
	background: #F8F8F8;
	position: absolute;
	left: 0;
	top: 0;
}

.user-box2 .center-block .pull-left {
	width: 25%;
	background: #F8F8F8;
	padding: 1.5rem 0;
	min-height: 35rem;
	position: relative;
	z-index: 2;
}

.user-box2 .center-block .pull-left .box1 {
	text-align: center;
}

.user-box2 .center-block .pull-left .box1 i {
	width: 8.9375rem;
	height: 8.9375rem;
	background: #fff;
	border-radius: 100%;
	display: inline-block;
}

.user-box2 .center-block .pull-left .box1 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.user-box2 .center-block .pull-left .box1 p {
	font-size: 1.5rem;
	margin-top: 0.75rem;
}

.user-box2 .center-block .pull-left .box2 {
	margin-top: 3.75rem;
}

.user-box2 .center-block .pull-left .box2 a {
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	margin-top: 1px;
}

.user-box2 .center-block .pull-left .box2 a span {
	display: inline-block;
	font-size: 1.5rem;
	color: #333;
	line-height: 5.875rem;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 2rem;
	padding-left: 2.8125rem;
	transition: all .6s;
}

.user-box2 .center-block .pull-left .box2 a span.icon1 {
	background-image: url(../images/icon_us1.png);
}

.user-box2 .center-block .pull-left .box2 a span.icon2 {
	background-image: url(../images/icon_us2.png);
}

.user-box2 .center-block .pull-left .box2 a::after {
	content: '';
	width: 0.375rem;
	height: 2.5rem;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1.25rem;
	background: #0e72ed;
	opacity: 0;
	transition: all .6s;
}

.user-box2 .center-block .pull-left .box2 a:hover,
.user-box2 .center-block .pull-left .box2 a.active {
	background: #fff;
}

.user-box2 .center-block .pull-left .box2 a:hover::after,
.user-box2 .center-block .pull-left .box2 a.active::after {
	opacity: 1;
}

.user-box2 .center-block .pull-left .box2 a:hover span,
.user-box2 .center-block .pull-left .box2 a.active span {
	color: #0e72ed;
}

.user-box2 .center-block .pull-left .box2 a:hover span.icon1,
.user-box2 .center-block .pull-left .box2 a.active span.icon1 {
	background-image: url(../images/icon_us1_h.png);
}

.user-box2 .center-block .pull-left .box2 a:hover span.icon2,
.user-box2 .center-block .pull-left .box2 a.active span.icon2 {
	background-image: url(../images/icon_us2_h.png);
}

.user-box2 .center-block .pull-right {
	width: 75%;
	padding: 1rem 3.75rem;
}

.user-info1 {
	position: relative;
}

.user-info1 .table tr td {
	border: none;
	padding: 1rem 0.5625rem;
	font-size: 1.25rem;
	vertical-align: middle;
}

.user-info1 .table tr td:nth-child(1) {
	color: #999;
	width: 16rem;
}

.user-info1 .editBtn {
	position: absolute;
	right: 0;
	top: 1.2rem;
	background: url(../images/icon_11.png) no-repeat left;
	background-size: 1.25rem;
	padding-left: 1.625rem;
	color: #1a428a;
}

.user-info1 .form-control {
	width: 80%;
	font-size: 1.1rem;
}

.user-info1 .save_info {
	width: 9.5rem;
	line-height: 2.75rem;
	display: inline-block;
	background: #0E72ED;
	color: #fff;
	font-size: 1.125rem;
	text-align: center;
	border-radius: 50px;
	margin-bottom: 1.5rem;
}

.match-box1 .f-l {
	border-radius: 0.625rem;
	background: #0e72ed;
	margin-right: 0.75rem;
	padding: 0 1.5rem;
	text-align: center;
}

.match-box1 .f-l span {
	display: inline-block;
	line-height: 3.375rem;
	color: #fff;
	background: url(../images/icon_9.png) no-repeat left;
	background-size: 1rem;
	padding-left: 1.5rem;
}

.match-box1 form {
	flex: 1;
}

.user-info2 {
	margin-top: 1rem;
}

.user-info2 .table {
	border-bottom: 1px solid #ddd;
}

.user-info2 .table tr th {
	background: #f6f6f6;
	text-align: center;
	padding: 0.8rem;
}

.user-info2 .table tr td {
	text-align: center;
	padding: 1rem 0.8rem;
}

.user-info2 .table tr th:nth-child(2) {
	text-align: left;
}

.user-info2 .table tr td:nth-child(2) {
	max-width: 20rem;
	text-align: left;
}

.user-info2 .table tr td a {
	border-left: 1px solid #333;
	padding: 0 0.6rem;
	cursor: pointer;
}

.user-info2 .table tr td a:first-child {
	border-left: none;
	padding-left: 0;
}

.user-info3 {
	padding: 1.5rem 0;
}

.user-info3 .top-box {
	font-size: 1.25rem;
	padding: 1.125rem 0;
}

.user-info3 .lower-box .pull-left {
	width: 67%;
	min-height: 50.625rem;
	background: #fff;
	padding: 2rem 2.3125rem;
}

.user-info3 .lower-box .pull-right {
	width: 32%;
	min-height: 50.625rem;
	background: #fff;
	padding: 0 1rem 2rem;
}

.user-info3 .lower-box .box-info1 span {
	white-space: nowrap;
	padding-right: 1rem;
}

.user-info3 .lower-box .box-info1 input {
	width: 100%;
	flex: 1;
	height: 3.25rem;
	border: 1px solid #ececec;
	padding: 0 1rem;
	font-size: 1rem;
}

.user-info3 .lower-box .box-info2 {
	border: 1px solid #ccc;
	margin: 1.5rem 0 2rem;
	min-height: 35rem;
}

.user-info3 .lower-box .box-info3 {
	text-align: center;
}

.user-info3 .lower-box .box-info3 a,
.user-info3 .lower-box .box-info3 input {
	width: 7.8125rem;
	height: 3.25rem;
	line-height: 3.25rem;
	background: #EFEFEF;
	text-align: center;
	font-size: 1rem;
	color: #333;
	border-radius: 0.625rem;
	border: none;
	display: inline-block;
	margin: 0 1rem;
}

.user-info3 .lower-box .box-info3 a.active,
.user-info3 .lower-box .box-info3 input.active {
	background: #0e72ed;
	color: #fff;
}

.user-info3 .lower-box .box-info4 {
	margin-top: 1.5rem;
	display: flex;
}

.user-info3 .lower-box .box-info4>span {
	width: 6.25rem;
	text-align: right;
	line-height: 3.125rem;
	padding-right: 1rem;
}

.user-info3 .lower-box .box-info4 select {
	width: 100%;
	flex: 1;
	height: 3.125rem;
	border: 1px solid #ebebeb;
	font-size: 1rem;
	padding: 0 0.8rem;
	-webkit-appearance: none;
	background: url(../images/icon_jt4.png) no-repeat 97% center;
	background-size: 1.5rem;
}

.user-info3 .lower-box .box-info4 label {
	height: 3.125rem;
	line-height: 3.125rem;
}

.user-info3 .lower-box .box-info4 label input {
	margin: auto;
	width: 16px;
	height: 16px;
}

.user-info3 .lower-box .box-info4 .box1 {
	width: 100%;
	flex: 1;
	height: 14.375rem;
	border: 1px solid #ebebeb;
	position: relative;
}

.user-info3 .lower-box .box-info4 .box1 span {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.user-info3 .lower-box .box-info4 .box1 span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.user-info3 .lower-box .box-info4 .box1 i {
	display: inline-block;
	width: 5rem;
	height: 5rem;
	background: url(../images/icon_10.png) no-repeat center;
	background-size: 100%;
}

.user-info3 .lower-box .box-info4 .box1 p {
	font-size: 1rem;
	color: #999;
	margin-top: 1rem;
}

.user-info3 .lower-box .box-info4 textarea {
	width: 100%;
	flex: 1;
	height: 14.375rem;
	border: 1px solid #ededed;
	padding: 0.8rem 1rem;
	font-size: 1rem;
}

.user-info3 .lower-box .box-info4 input {
	width: 100%;
	flex: 1;
	height: 3.125rem;
	border: 1px solid #ebebeb;
	font-size: 1rem;
	padding: 0 0.8rem;
}

.user-box3 {
	padding: 2.5rem 4rem;
}

.user-box3 .box-info1 {
	text-align: center;
	font-size: 3.125rem;
	font-weight: bold;
	color: #0e72ed;
}

.user-box3 .box-info2 {
	margin-top: 1.625rem;
}

.user-box3 .box-info2 .text {
	width: 100%;
	height: 4.0625rem;
	border: 1px solid #dcdcdc;
	padding: 0 1rem;
	font-size: 1.2rem;
}

.user-box3 .box-info2 .f-l,
.user-box3 .box-info2 .f-r {
	width: 48%;
	margin-top: 1.25rem;
}

.user-box3 .box-info2 select {
	width: 100%;
	height: 4.0625rem;
	border: 1px solid #dcdcdc;
	-webkit-appearance: none;
	font-size: 1.2rem;
	padding: 0 1rem;
	background: url(../images/icon_jt4.png) no-repeat 97% center;
	background-size: 1.5rem;
}

.user-box3 .box-info3 {
	margin-top: 4.0625rem;
}

.user-box3 .box-info3 input {
	width: 50%;
	height: 4.0625rem;
	background: #0e72ed;
	border: none;
	color: #fff;
	font-size: 1.2rem;
}

.user-box3 .box-info3 .between-center {
	width: 50%;
	margin-top: 1rem;
}

.user-box3 .box-info3 .between-center a {
	color: #999;
	font-size: 1.2rem;
}

.web-error {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}

.web-error>.center-center {
	width: 100%;
	height: 100%;
}

.web-error>.center-center>.center-block {
	width: 50rem;
	background: #fff;
	overflow: hidden;
	border-radius: 0.625rem;
}

.web-error .top-box {
	background: #F4F4F4;
	text-align: center;
	position: relative;
}

.web-error .top-box span {
	display: inline-block;
	line-height: 3.125rem;
	font-size: 1.5rem;
}

.web-error .top-box i {
	width: 3.125rem;
	line-height: 3.125rem;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 2.5rem;
	cursor: pointer;
}

.web-error .lower-box {
	padding: 1.5rem 2.5rem 2.5rem;
}

.web-error .lower-box>.between-top {
	margin-top: 1rem;
}

.web-error .lower-box .f-l {
	width: 120px;
	text-align: right;
	line-height: 35px;
}

.web-error .lower-box .f-l i {
	color: red;
}

.web-error .lower-box .f-r {
	width: 100%;
	flex: 1;
	border: 1px solid #E4E4E4;
}

.web-error .lower-box .f-r input {
	width: 100%;
	height: 33px;
	border: none;
	padding: 0 10px;
}

.web-error .lower-box .f-r select {
	width: 100%;
	height: 33px;
	border: none;
	padding: 0 6px;
}

.web-error .lower-box .f-r textarea {
	width: 100%;
	height: 120px;
	border: none;
	padding: 6px 10px;
}

.web-error .lower-box .f-r.between-center input {
	flex: 1;
}

.web-error .lower-box .f-r.between-center img {
	width: 7.5rem;
	height: 33px;
}

.web-error .lower-box .f-r input.btns {
	width: 100%;
	height: 45px;
	background: #0E72ED;
	color: #fff;
	border: none;
	font-size: 16px;
}

.strategy-box {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.2);
}

.strategy-box .top-box {
	font-size: 2.5rem;
	font-weight: bold;
	color: #DA251C;
	text-align: center;
}

.strategy-box .lower-box {
	margin-top: 1.5625rem;
}

.strategy-box .lower-box ul {
	display: flex;
}

.strategy-box .lower-box ul li {
	width: 7%;
	overflow: hidden;
	display: flex;
	transition: all .6s;
}

.strategy-box .lower-box ul li+li {
	margin-left: 1px;
}

.strategy-box .lower-box ul li .pull-left {
	width: 100%;
	height: 20.4375rem;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	text-align: center;
}

.strategy-box .lower-box ul li .pull-left i {
	font-size: 3rem;
	display: block;
	font-weight: bold;
	margin-top: 1.375rem;
	color: #037FE8;
}

.strategy-box .lower-box ul li .pull-left span {
	width: 2rem;
	display: block;
	font-size: 1.5rem;
	margin: auto;
	line-height: 1.2;
	margin-top: 0.5rem;
}

.strategy-box .lower-box ul li .pull-right {
	width: 0;
	height: 20.4375rem;
	flex: 1;
	overflow: hidden;
	background: #fff;
	transition: all .6s;
}

.strategy-box .lower-box ul li.active {
	width: 65%;
}

.strategy-box .lower-box ul li.active .pull-left {
	background: #DA251C;
	color: #fff;
	width: 5.5rem;
}

.strategy-box .lower-box ul li.active .pull-left i {
	color: #fff;
}

.strategy-box .lower-box ul li.active .pull-right {
	padding: 3.75rem 3.4375rem 0;
}

.strategy-box .lower-box ul li.active .pull-right .box1 {
	display: block;
	font-size: 1.5rem;
	padding-bottom: 1rem;
	position: relative;
	white-space: nowrap;
}

.strategy-box .lower-box ul li.active .pull-right .box1::after {
	content: '';
	width: 2.5rem;
	height: 4px;
	background: #DA251C;
	position: absolute;
	left: 0;
	bottom: 0;
}

.strategy-box .lower-box ul li.active .pull-right .box2 {
	margin-top: 1rem;
	line-height: 1.6;
	font-size: 20px;
}


.strategy-box.div-phone {
	display: none;
}

.page-box1{
	margin-top: 2rem;
}

.signup-box .layer {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.signup-box .box {
	width: 90rem;
	overflow: hidden;
	margin: auto;
}

.signup-box .box .wrap {
	background-color: #fff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	overflow: hidden;
	padding: 2rem 0rem;
}

.signup-box .box .top {
	font-size: 1.75rem;
	color: #fff;
	text-align: center;
	line-height: 3.75rem;
	background-color: #2781fc;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.signup-box .box .from-box .form-group {
	width: 48%;
	height: 3.5rem;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	margin-bottom: 2rem;
	background-repeat: no-repeat;
	background-position: 1.25rem center;
	display: flex;
	align-items: center;
	padding: 0 1rem;
}

.signup-box .box .from-box .form-group>label{
	font-size: 1.25rem;
	margin-right: 1rem;
}

.signup-box .box .from-box .form-group input {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1.125rem;
	color: #878787;
	background-color: transparent;
}

.signup-box .box .from-box .form-group input:-webkit-input-placeholder {
	font-size: 1.125rem;
	color: #878787;
}

.signup-box .box .from-box .form-group .box1{
	width: 32%;
	justify-content: center;
}

.signup-box .box .from-box .form-group.ywfw{
	width: 100%;
	height: 12rem;
}

.signup-box .box .from-box .form-group.ywfw textarea{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1.125rem;
	color: #878787;
	background-color: transparent;
	padding: 10px;
}

.signup-box .box .from-box .form-group .box1 label{
	font-size: 1rem;
	margin-right: 10px;
}

.signup-box .box .from-box .form-group .box1 input{
	width: 14px;
	height: 14px;
}

.signup-box .box .from-box .form-group.box1 {
	background-image: url(../images/b-icon-1.png);
}

.signup-box .box .from-box .form-group.box2  {
	background-image: url(../images/b-icon-2.png);
}

.signup-box .box .from-box .form-group.box3  {
	background-image: url(../images/b-icon-3.png);
}

.signup-box .box .from-box .file {
	background-image: url(../images/b-icon-4.png);
}

.signup-box .box .from-box .file input {
	position: relative;
	z-index: 50;
	padding-top: 0.75rem;
}

.signup-box .box .from-box .form-group.code {
	margin-left: 0;
}

.signup-box .box .from-box .form-group.file {
	position: relative;
}

.signup-box .box .from-box .form-group.mail svg {
	width: 4rem;
	height: 1.8rem;
	fill: #706e6e;
	margin-top: 0.8rem;
}

.signup-box .box .from-box .form-group.mail input {
	text-indent: 0px;
}

.signup-box .box .from-box .form-group.qita {
	width: 100%;
}

.signup-box .box .from-box .form-group input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0;
}

.signup-box .box .from-box .form-group.yyzz,
.signup-box .box .from-box .form-group.jsx,
.signup-box .box .from-box .form-group.bjd {
	margin-bottom: 3rem;
}

.signup-box .box .from-box .form-group.yyzz::after,
.signup-box .box .from-box .form-group.jsx::after,
.signup-box .box .from-box .form-group.bjd::after {
	content: 'PDF格式';
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -20px;
	z-index: 5;
	font-size: 13px;
	color: #878787;
}

.signup-box .box .from-box .form-group.file em {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1.125rem;
	color: #878787;
	line-height: 3.5rem;
	padding-left: 3.75rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.signup-box .box .from-box .form-group.file span {
	display: block;
	width: 6.125rem;
	height: 2.25rem;
	line-height: 2.25rem;
	text-align: center;
	font-size: 1.125rem;
	color: #fff;
	border-radius: 25px;
	background-color: #00a3f0;
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	z-index: 10;
	margin: auto;
}

.signup-box .box .from-box .submit-btn {
	display: block;
	width: 100%;
	height: 3.75rem;
	background-color: #2781fc;
	text-align: center;
	border-radius: 5px;
	font-size: 1.5rem;
	color: #fff;
	cursor: pointer;
	margin-top: 1rem;
}

.signup-box .box .from-box input::-webkit-outer-spin-button,
.signup-box .box .from-box input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.signup-box .box .from-box input {
	-moz-appearance: textfield;
}

.signup-box.right-message .from-box .form-group:nth-child(1) {
	background-image: url(../img/b-icon-2.png);
}

.signup-box.right-message .from-box .form-group:nth-child(2) {
	background-image: url(../img/b-icon-3.png);
}

.signup-box.right-message .from-box .form-group:nth-child(3) {
	height: 7.5rem;
	background-image: none;
}

.signup-box.right-message .from-box .form-group:nth-child(3) textarea {
	width: 100%;
	height: 100%;
	resize: none;
	padding: 10px;
	font-size: 1.125rem;
	color: #878787;
}

.signup-box .box .from-box .form-group.code svg {
	width: 4rem;
	height: 1.8rem;
	fill: #706e6e;
	margin-top: 0.8rem;
}

.signup-box .box .from-box .form-group.code input {
	text-indent: 0px;
}

.signup-box .box .from-box .form-group.code img {
	width: 120px;
	text-align: center;
	line-height: 3.5rem;
}

.signup-box .box .from-box .title-p{
  font-size:1.25rem;
}

.signup-box .box .from-box .title-p+.title-p{
  margin-top:1rem;
}

.signup-box .box .from-box .zhuy-box{
  width:100%;
}

/* 小于等于多少高度的样式 */
@media screen and (max-height:880px) {}

@media screen and (max-height:600px) {}

/* 小于等于多少宽度的样式 */
@media screen and (max-width:1660px) {}

@media screen and (max-width:1440px) {
	.w-1600 {
		width: 90%;
	}

	.strategy-box .lower-box ul li.active .pull-left {
		width: 7.2rem;
	}

}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1200px) {}

@media screen and (max-width:1100px) {}

@media screen and (max-width:1024px) {

	html,
	body {
		font-size: 78%;
	}

	.w-90 {
		width: 94%;
	}

	.w-1200,
	.w-1600 {
		width: 94% !important;
	}

	.div-pc {
		display: none;
	}

	.div-phone {
		display: block;
	}

	.head-btn {
		display: block;
		margin: 0 2vw 0 5.5vw;
	}

	.fanye-box {
		padding: 1.5rem 0;
	}

	.fanye-box a {
		padding: 0 0.8rem;
		height: 2.3rem;
		line-height: 2.3rem;
	}

	.sidebar-right {
		display: none;
	}

	.head-box {
		position: fixed;
	}

	.head-box .head-menu {
		width: 100%;
		position: absolute;
		left: 0;
		top: 100%;
		background: rgba(0, 0, 0, 0.8);
		margin: 0;
		padding: 5px 0;
		border-top: 1px solid #e5e6e7;
		display: none;
	}

	.head-box .head-menu ul {
		display: block;
	}

	.head-box .head-menu ul li {
		width: 100%;
		text-align: center;
		margin: auto;
	}

	.head-box .head-menu ul li:first-child {
		margin-left: 0;
	}

	.head-box .head-menu ul li span,
	.head-box .head-menu ul li span a {
		width: 100%;
		line-height: 3rem;
	}

	.head-box .head-menu ul li.active span a {
		color: #0E72ED;
	}

	.head-box .head-menu ul li .head-menu-lv2 {
		display: none;
	}

	.head-box .head-ewm {
		margin: 0 1rem 0 0;
	}

	.head-box .head-menu ul li span a::after {
		display: none;
	}

	.head-box .top-box .w-1600 {
		height: 5rem;
	}

	.head-box.active .top-box .w-1600 {
		height: 5rem;
	}

	.head-box .top-box .pull-left,
	.head-box .top-box .pull-right {
		width: 48%;
		padding: 0;
	}

	.head-box .top-box .pull-right .swiper-container {
		height: 5rem;
	}

	.head-box .lower-box {
		top: 5rem;
	}

	.head-box .lower-box .pull-left {
		position: absolute;
		left: 0;
		top: 100%;
	}

	.head-box .lower-box .pull-right {
		background: none;
		width: 100%;
	}

	.head-box .lower-box .pull-right .head-search {
		width: 100%;
		display: flex;
		flex: 1;
	}

	.head-box .lower-box .pull-right .head-search .text {
		width: 100%;
		flex: 1;
		position: relative;
		right: auto;
		height: auto;
		background: none;
		border: none;
	}

	.head-box .lower-box .pull-right .head-search:hover .text {
		width: 100%;
		padding: 0;
		border-color: #348bf7;
	}

	.head-box .lower-box .pull-right .head-search .btns {
		border-right: 1px solid #348bf7;
	}

	.banner-box .swiper-container {
		height: auto;
	}

	.banner-box .swiper-container .swiper-pagination {
		bottom: 1rem;
	}

	.banner-box .swiper-container .swiper-page {
		display: none;
	}

	.all-center-box,
	.all-center-box.active {
		margin-top: 9.875rem;
	}

	.all-title-box span {
		font-size: 1.5rem;
	}

	.all-title-box p {
		font-size: 1.8rem;
	}

	.all-more {
		margin-top: 2rem;
	}

	.home-box1 {
		padding: 2rem 0;
	}

	.home-box1 .center-block {
		margin-top: 2rem;
	}

	.home-box1 .pull-left,
	.home-box1 .pull-right {
		width: 100%;
	}

	.home-box1 .pull-left .swiper-container .swiper-slide .imgs {
		height: 13.25rem;
	}

	.home-box1 .pull-right .f-l,
	.home-box1 .pull-right .f-r {
		width: 100%;
		padding: 0;
		margin-top: 2rem;
	}

	.home-box2 {
		padding: 2rem 0;
	}

	.home-box2::after {
		display: none;
	}

	.home-box2 .all-title-box {
		color: #333;
	}

	.list-box1 ul {
		margin: auto;
	}

	.list-box1 ul li {
		width: 100%;
		padding: 0;
		margin-top: 1.2rem;
	}

	.list-box1 ul li .imgs {
		height: 19rem;
	}

	.home-box3 {
		padding: 2rem 0;
	}

	.home-box3 .top-box {
		display: block;
	}

	.home-box3 .top-box .pull-left,
	.home-box3 .top-box .pull-right {
		width: 100%;
	}

	.home-box3 .top-box .pull-right {
		padding: 2rem 0 0;
	}

	.home-box3 .top-box .box-info2 {
		margin-top: 2rem;
	}

	.home-box3 .top-box .box-info2 ul {
		display: block;
	}

	.home-box3 .top-box .box-info2 ul li {
		width: 100%;
		float: left;
		border-top: 1px solid #fff;
		border-left: none;
		padding: 2rem 0;
	}

	.home-box3 .lower-box {
		margin: 0;
		display: block;
	}

	.home-box3 .lower-box .pull-left,
	.home-box3 .lower-box .pull-right {
		width: 100%;
	}

	.home-box3 .lower-box .pull-left {
		display: flex;
		justify-content: space-between;
	}

	.home-box3 .lower-box .pull-left .all-title-box {
		flex: 1;
	}

	.home-box3 .lower-box .pull-left .all-more {
		width: auto !important;
		margin-top: 0;
	}

	.home-box3 .lower-box .pull-right ul {
		margin: auto;
	}

	.home-box3 .lower-box .pull-right ul li {
		width: 100%;
		padding: 0;
		margin: 1.2rem 0 0;
	}

	.home-box4 {
		padding: 2rem 0;
	}

	.home-box4 .top-box .pull-right {
		width: 100%;
		overflow: auto;
		margin-top: 1.5rem;
	}

	.home-box4 .top-box .pull-right ul {
		display: flex;
	}

	.home-box4 .top-box .pull-right ul li {
		padding: 0 2rem;
		white-space: nowrap;
	}

	.home-box4 .top-box .pull-right ul li i {
		min-width: 45px;
	}

	.home-box4 .cen-box {
		margin-top: 2rem;
		height: auto;
	}

	.home-box4 .cen-box .swiper-container {
		height: 20rem;
	}

	.home-box4 .cen-box .swiper-container .swiper-slide {
		height: calc((100% - 15px) / 2);
	}

	.home-box4 .cen-box .swiper-container .swiper-slide a .info span {
		font-size: 14px;
	}

	.home-box4 .cen-box>.between-center {
		margin-top: 1.6rem;
		display: block;
	}

	.home-box4 .cen-box .swiper-pagination {
		width: 100%;
	}

	.home-box4 .cen-box .swiper-pagination .swiper-pagination-bullet {
		margin: 0px 0.2375rem;
	}

	.home-box4 .cen-box>.between-center .all-more {
		width: 100%;
		float: left;
		text-align: center;
		margin-top: 1rem;
	}

	.home-box4 .lower-box {
		margin-top: 0;
	}

	.home-box4 .lower-box .pull-left,
	.home-box4 .lower-box .pull-right {
		width: 100%;
		margin-top: 1.5rem;
	}

	.home-box4 .lower-box .pull-right .swiper-container .swiper-slide {
		height: 12rem;
	}

	.foot-box {
		padding: 0;
	}

	.foot-box .top-box {
		padding: 2rem 0 0;
	}

	.foot-box .top-box .pull-left {
		display: none;
	}

	.foot-box .top-box .pull-right {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.foot-box .top-box .pull-right .f-r {
		margin-left: 2rem;
		padding-left: 2rem;
	}

	.foot-box .lower-box {
		border-top: none;
		margin: auto;
		padding: 1rem 0;
		display: block;
		text-align: center;
		margin-top: 0.5rem;
	}

	.foot-box .lower-box .pull-left,
	.foot-box .lower-box .pull-right {
		width: 100%;
		line-height: 1.6;
	}

	.foot-box .lower-box .pull-right {
		margin-top: 0.5rem;
	}

	.foot-box .cen-box {
		text-align: center;
	}

	.page-banner {
		height: 14rem;
	}

	.page-banner .pull-left {
		padding-bottom: 1rem;
	}

	.page-banner .pull-left span {
		font-size: 2rem;
	}

	.page-banner .pull-left p {
		margin-top: 0.5rem;
		font-size: 1.5rem;
	}

	.page-menu {
		margin-top: -1.5rem;
	}

	.page-menu .w-1600 {
		display: table;
		box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.2);
		transition: all .6s;
		background: #fff;
		border-radius: 0.625rem;
	}

	.page-menu .div-phone {
		width: 100%;
		float: left;
		text-align: center;
	}

	.page-menu .div-phone span {
		display: inline-block;
		font-size: 1.3rem;
		line-height: 4.5rem;
		position: relative;
	}

	.page-menu .div-phone span::after {
		content: '';
		width: 0;
		height: 0;
		border-left: 0.625rem solid transparent;
		border-right: 0.625rem solid transparent;
		border-top: 0.625rem solid #333;
		position: absolute;
		right: -2rem;
		top: 50%;
		margin-top: -0.3125rem;
		transition: all .6s;
	}

	.page-menu .div-phone.active {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.page-menu .div-phone.active span::after {
		transform: rotate(180deg);
	}

	.page-menu ul {
		display: none;
		border: none;
		box-shadow: none;
	}

	.page-menu ul li a {
		line-height: 4rem;
	}

	.page-menu ul li.active::after {
		height: 4rem;
	}

	.all-title-box2 span {
		font-size: 2rem;
	}

	.all-title-box2 p {
		font-size: 1.5rem;
		margin-top: 0.5rem;
	}

	.about-box1 {
		padding: 2rem 0;
	}

	.about-box1 .pull-left {
		width: 100%;
	}

	.about-box1 .center-block {
		margin-top: 1rem;
	}

	.about-box2 {
		padding: 2rem 0;
	}

	.about-box2 .center-block {
		margin-top: 1.5rem;
	}

	.match-box1 .between-center {
		display: block;
	}

	.match-box1 select,
	.match-box1 .btns {
		width: 100%;
		float: left;
	}

	.match-box1 select {
		border-radius: 0;
		border-right-width: 1px;
		border-bottom-width: 0;
	}

	.match-box1 .btns {
		border-radius: 0;
	}

	.match-box1 .text {
		padding: 0 0.5rem;
	}

	.match-box2 ul li {
		width: 50%;
	}

	.match-box3 ul {
		margin: auto;
	}

	.match-box3 ul li {
		width: 100% !important;
		padding: 0;
		margin-top: 1.2rem;
	}

	.news-list1 {
		margin-top: 1rem;
	}

	.news-list1 ul li a .between-center {
		padding: 1.2rem 0;
	}

	.news-list1 ul li a .imgs {
		width: 11rem;
		height: 10rem;
	}

	.news-list1 ul li a .info {
		padding-left: 1.5rem;
	}

	.news-list2 {
		margin-top: 1rem;
	}

	.news-list2 ul li a .between-center {
		padding-right: 0;
		padding: 1.2rem 0;
	}

	.news-list2 ul li a .time {
		width: 5rem;
	}

	.news-list2 ul li a .info {
		padding-right: 0;
		background: none;
	}

	.news-list3 ul {
		margin: auto;
	}

	.news-list3 ul li {
		width: 100%;
		margin-top: 1rem;
		padding: 0;
	}

	.news-list3 ul li a {
		padding: 1.5rem 1.2rem;
	}

	.match-box4 ul {
		margin: auto;
	}

	.match-box4 ul li {
		width: 100%;
		padding: 0;
		margin-top: 1.2rem;
	}

	.match-box5 ul {
		margin-top: 1.5rem;
	}

	.match-box5 ul li a {
		padding: 1rem 0;
	}

	.match-box5 ul li a span {
		font-size: 1.3rem;
	}

	.shzz-box1 .between-center {
		display: block;
	}

	.shzz-box1 .f-l {
		width: 100%;
		margin-bottom: 1rem;
	}

	.shzz-box1 .soso-box {
		width: 100%;
		float: left;
	}

	.shzz-box2 ul {
		margin: auto;
	}

	.shzz-box2 ul li {
		width: 100%;
		padding: 0;
		margin-top: 1rem;
	}

	.shzz-box2 ul li a .info span {
		font-size: 14px;
	}

	.news-list4 ul li a .center-block {
		padding: 1.5rem 0;
	}

	.news-list4 ul li a .center-block .box-info3 {
		display: none;
	}

	.news-list4 ul li a .center-block .box-info2 {
		padding: 0 0 0 2rem;
	}

	.news-list4 ul li a .center-block .box-info2 .box1 {
		display: block;
	}

	.news-list4 ul li a .center-block .box-info2 .box1 span {
		width: 100%;
		max-width: 100%;
	}

	.news-list4 ul li a .center-block .box-info2 .box1 i {
		margin-top: 0.3rem;
		display: inline-block;
	}

	.news-list4 ul li a .center-block .box-info2 .box3 span {
		margin-top: 0;
	}

	.venue-list1 ul {
		margin: auto;
	}

	.venue-list1 ul li {
		width: 100%;
		padding: 0;
		margin-top: 1rem;
	}

	.venue-list1 ul li a .imgs {
		height: 18rem;
	}

	.venue-list2 ul {
		margin: auto;
	}

	.venue-list2 ul li {
		width: 48%;
		padding: 0;
		margin-top: 1.5rem;
	}

	.venue-list2 ul li:nth-child(2n) {
		float: right;
	}

	.news-list5 ul li a {
		padding: 1rem 0;
	}

	.news-info .top-box {
		padding: 1.5rem 0 1rem;
	}

	.news-info .top-box .box1 {
		font-size: 1.4rem;
	}

	.news-info .top-box .box2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 1.5rem;
	}

	.news-info .lower-box {
		display: block;
		padding-right: 10rem;
	}

	.news-info .lower-box a {
		max-width: 100%;
		float: left;
		line-height: 2rem;
	}

	.news-info .lower-box a:nth-child(2) {
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -1.5rem;
		line-height: 3rem;
	}

	.user-box1 {
		padding: 4rem 0;
	}

	.user-box1 .center-block {
		width: 100%;
	}

	.user-box2 .center-block::after {
		display: none;
	}

	.user-box1 .center-block .pull-left {
		display: none;
	}

	.user-box1 .center-block .pull-right {
		width: 100%;
		padding: 2rem;
		height: auto;
	}

	.user-box1 .center-block .pull-right strong {
		font-size: 2.5rem;
		padding-bottom: 1.5rem;
	}

	.user-box1 .center-block .pull-right .text,
	.user-box1 .center-block .pull-right .btns {
		height: 4rem;
	}

	.user-box2 .center-block .pull-left,
	.user-box2 .center-block .pull-right {
		width: 100%;
		min-height: auto;
	}

	.user-box2 .center-block .pull-left .box2 {
		margin-top: 2rem;
	}

	.user-box2 .center-block .pull-right {
		padding: 1rem;
	}

	.user-info1 .table tr td:nth-child(1) {
		width: auto;
	}

	.user-info1 .editBtn {
		position: relative;
		float: right;
		margin-bottom: 1.5rem;
		top: 1rem;
	}

	.user-info1 .form-control {
		width: 100%;
	}

	.match-box1 {
		display: block;
	}

	.match-box1 .f-l {
		width: 100%;
		margin-bottom: 1rem;
	}

	.user-box2 .match-box1 {
		margin-top: 0;
	}

	.user-info2 {
		overflow: auto;
	}

	.user-info2 .table tr td,
	.user-info2 .table tr th {
		white-space: nowrap;
	}

	.user-info3 .lower-box .pull-left,
	.user-info3 .lower-box .pull-right {
		width: 100%;
		min-height: auto;
		padding: 1rem;
	}

	.web-error>.center-center>.center-block {
		width: 90%;
	}

	.web-error .lower-box {
		padding: 0 1rem 1rem;
	}

	.web-error .lower-box .f-l {
		width: 92px;
	}

	.web-error .lower-box .f-r input.btns {
		height: 40px;
	}

	.web-error .lower-box .f-r textarea {
		height: 70px;
	}

	.strategy-box {
		width: 100%;
		float: left;
		position: relative;
		background-position: center;
		background-size: cover;
		padding: 2rem 0;
	}

	.strategy-box.div-phone {
		display: block;
	}

	.strategy-box .w-1300 {
		width: 90%;
	}

	.strategy-box .top-box {
		font-size: 1.5rem;
	}

	.strategy-box .lower-box ul {
		display: block;
	}

	.strategy-box .lower-box ul li,
	.strategy-box .lower-box ul li.active {
		width: 100%;
		display: block;
		margin-top: 1px;
	}

	.strategy-box .lower-box ul li .pull-left,
	.strategy-box .lower-box ul li.active .pull-left {
		width: 100%;
		height: auto;
		display: flex;
		line-height: 4rem;
		padding: 0 1rem;
		position: relative;
	}

	.strategy-box .lower-box ul li .pull-left::after {
		content: '';
		width: 1.8rem;
		height: 3px;
		background: #0E72ED;
		position: absolute;
		right: 1rem;
		top: 50%;
		margin-top: -1px;
	}

	.strategy-box .lower-box ul li .pull-left::before {
		content: '';
		width: 1.8rem;
		height: 3px;
		background: #0E72ED;
		position: absolute;
		right: 1rem;
		top: 50%;
		margin-top: -1px;
		transform: rotate(90deg);
	}

	.strategy-box .lower-box ul li.active .pull-left::after,
	.strategy-box .lower-box ul li.active .pull-left::before {
		background: #fff;
	}

	.strategy-box .lower-box ul li+li {
		margin-left: 0;
	}

	.strategy-box .lower-box ul li .pull-left i {
		margin-top: 0;
		font-size: 2rem;
	}

	.strategy-box .lower-box ul li .pull-left span {
		width: auto;
		margin: 0;
		line-height: inherit;
	}

	.strategy-box .lower-box ul li .pull-right,
	.strategy-box .lower-box ul li.active .pull-right {
		width: 100%;
		height: auto;
		padding: 1rem;
		font-size: 1.1rem;
	}

	.strategy-box .lower-box ul li .pull-right {
		display: none;
		transition: none;
	}

	.strategy-box .lower-box ul li.active .pull-right {
		display: block;
	}

	.strategy-box .lower-box ul li.active .pull-right .box1 {
		font-size: 1.4rem;
	}

	.strategy-box .lower-box ul li.active .pull-right .box2 {
		font-size: 1.2rem;
		line-height: 1.4;
	}


}

@media screen and (max-width:768px) {}

@media screen and (max-width:480px) {}

@media screen and (max-width:365px) {}