.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}
@media(min-width: 1401px){
    html{font-size: 100px}
}
@media(max-width: 1400px) and (min-width: 901px){
    html{font-size: calc(100vw / 1400 * 100);}
}
@media(max-width: 900px){
	html{font-size: calc(900px / 1400 * 100);}
}
body{font-size: 14px;background-color: #fff;}
body *{box-sizing: border-box;}
.anmitem {
    transition: all ease .7s 0s; 
    -moz-transition: all ease .7s 0s; 
    -webkit-transition: all ease .7s 0s;
}
.oov,
.tov,
.thov {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.oov {
    -webkit-line-clamp: 1;
    white-space：nowrap;
}

.tov {
    -webkit-line-clamp: 2;
}

.thov {
	-webkit-line-clamp: 3;
}
.layout{
	max-width: 1400px;
	margin: 0 auto;
	/* padding: 0 0.5rem; */
}
.ej-bg{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-gray{
	background-color: #f4f4f4;
}

.ej-pic img{
	width: 100%;
	height: 100%;
}

.header{
	height: 0.9rem;
	line-height: 0.9rem;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
    width: 100%;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.header .layout{
	max-width: 1920px;
	padding: 0 0.5rem;
}

.header .logo{
	float: left;
	width: 20%;
}
.header .logo img{
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.header .logo .nor{
	margin-top: 0.3rem;
	width: 1.5rem;
}
.header .logo .sel{
	width: 1.05rem;
	display: none;
}
.header .logo img{
	height: 100%;
}
/* .header .hd-rg{
	width: 100%;
} */

.nav{
	float: left;
	font-family: Arial,"Microsoft YaHei";
}
.nav .fir-nav{
	float: left;
	margin: 0 0.22rem;
}
.nav .fir-nav>a{
	font-size: calc(12px - 0.12rem + 0.18rem);
	color: #fff;
	display: inline-block;
	position: relative;
	font-weight: bold;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.nav li:hover>a,
.nav .on>a{
	color: #0e3178;
}
.nav .on>a:after{
	content: '';
	width: 100%;
	height: 0.04rem;
	background: #0e3178;
	position: absolute;
	left: 0;
	bottom: 0.2rem;

}
/* .nav .fir-nav:hover .sec-down{
	display: block;
} */


.header .menu-icon {
	width: 26px;
	height: 26px;
	display: inline-block;
	float: right;
	position: relative;
	z-index: 100;
	top: 20px;
	display: none;
}
.header .menu-icon em {
	width: 26px;
	height: 2px;
	display: block;
	background: #333;
	text-align: right;
	position: absolute;
	right: 0;
	transition: all ease .3s 0s; 
	-moz-transition: all ease .3s 0s; 
	-webkit-transition: all ease .3s 0s;
}
.header .menu-icon em:first-of-type {
	top: 0px;
}
.header .menu-icon em:nth-of-type(2) {
	top: 10px;
}
.header .menu-icon em:last-of-type {
	top: 20px;
}
.header .menu-icon.on em:first-of-type {
	transform: translate(0, 10px) rotate(-45deg);
	-moz-transform: translate(0, 10px) rotate(-45deg);
	-webkit-transform: translate(0, 10px) rotate(-45deg);
	-ms-transform: translate(0, 10px) rotate(45deg);
}
.header .menu-icon.on em:nth-of-type(2) {
	transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
}
.header .menu-icon.on em:last-of-type {
	transform: translate(0, -9px) rotate(45deg);
	-moz-transform: translate(0, -9px) rotate(45deg);
	-webkit-transform: translate(0, -9px) rotate(45deg);
	-ms-transform: translate(0, -9px) rotate(45deg);
}
.header .rg-menu{
	float: right;
}

.hd-tel{
	float: left;
	color: #fff;
	font-size: calc(12px - 0.12rem + 0.16rem);
	margin-right: 0.65rem;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.hd-tel:before{
	content: '';
	width:23px; 
	height: 23px;
	display: inline-block;
	vertical-align: middle;
	background: url(/skin/images/icon-tel.png) no-repeat center;
	background-size: contain;
	margin-right: 0.05rem;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.header .sea-icon{
	width: 18px;
	height: 18px;
	background: url(/skin/images/icon-search.png) no-repeat center;
	background-size: contain;
	display:inline-block;
	vertical-align: middle;
	margin-right: 0.4rem;
	cursor: pointer;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.header .lang{
	float: right;
	color: #fff;
	font-size: calc(12px - 0.12rem + 0.16rem);
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.header .lang a{
	color: #fff;
	margin:0 0.1rem;
	padding-bottom: 0.05rem;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.header .lang .on,
.header .lang a:hover{
	border-bottom: 0.04rem solid #fff;
}

.header .sec-down{
	position: absolute;
	width: 100%;
	min-height: 3.25rem;
	left: 0;
	top:100%;
	background: #fff url(/skin/images/bg-hd.jpg) no-repeat center;
	background-size: cover;
	display: none;
	line-height: normal;
	border-top: 1px solid #ebebeb;

}
.header .sec-down .layout{
	height: 100%;
}
.header .sec-int{
	height: 100%;
	width: 30%;
	float: left;
	padding-top: 0.35rem;
	position: relative;
	padding-right: 1.2rem;
	transform:translateY(0.5rem);
	opacity: 0; 
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;

}
.header .show .sec-int{
	transform:translateY(0rem);
	opacity: 1; 
}

.header .sec-int:after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	height: 2.44rem;
	width: 1px;
	margin-top: -1.22rem;
	background: #eee;
}
.header .sec-int .tt{
	color: #0e3178;
	font-size: calc(12px - 0.12rem + 0.36rem);
	line-height: 1;
}
.header .sec-int .tex{
	color: #333;
	line-height: 2;
	font-size: calc(12px - 0.12rem + 0.14rem);
}
.header .sec-int .tt:after{
	content: '';
	display: block;
	width: 0.62rem;
	height: 0.04rem;
	background: #f5ce2e;
	margin: 0.3rem 0 0.25rem;
}
.header .sec-list{
	position: relative;
	float: left;
	/* width: 40%; */
	padding: 0.3rem 0.4rem;
	transform:translateY(-0.5rem);
	opacity: 0; 
	transition: all ease .5s 0.3s; 
    -moz-transition: all ease .5s 0.3s; 
    -webkit-transition: all ease .5s 0.3s;
}
.header .show .sec-list{
	transform:translateY(0rem);
	opacity: 1;
} 

.header .sec-list .s-it a{
	padding-right: 0.1rem;
}
.header .sec-list a{
	font-size: calc(12px - 0.12rem + 0.15rem);
	color: #333;
	display: block;
	font-weight: bold;
	line-height: 0.34rem;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.header .sec-list a:hover{
	color: #0e3178;
}
.header .sec-pic{
	width: 25%;
	float: right;
	margin-top: 0.4rem;
	transform:translateY(-0.8rem);
	opacity: 0; 
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.header .show .sec-pic{
	transform:translateY(0rem);
	opacity: 1; 
}
.header .sec-pic img{
	max-width: 100%;
	max-height: 100%;
}

.header .thr-list{
	position: absolute;
	width: 200%;
	height: 100%;
	left: calc(100% - 0.4rem);
	top: 0.3rem;
	display: none;
	padding-left: 0.1rem;
}
.header .s-it:hover .thr-list{
	display: block;
}
.header .s-it:hover>a{
	color: #0e3178;
}


/* header:hover */

.header:before{
	content: '';
	width: 100%;
	height: 0.9rem;
	position: absolute;
	background: #fff;
	left:0;
	top: -100%;
	z-index: -1;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.header:hover:before{
	top: 0;
} 
.header:hover .nav .fir-nav>a{
	color: #333;
}
.header:hover .hd-tel{
	color: #333;
}
.header:hover .hd-tel:before{
	background-image: url(/skin/images/icon-tel-sel.png);
}
.header:hover .sea-icon{
	background-image: url(/skin/images/icon-search-sel.png);
}
.header:hover .lang,
.header:hover .lang a{
	color: #333;
}
.header:hover .lang .on,
.header:hover .lang a:hover{
    border-color: #333;
}

.header:hover .nav li:hover>a,
.header:hover .nav .on>a{
	color: #0e3178;
}
.header .hd-rg{
	/* margin-left: 20%; */
	float: left;
}
.header .logo{
	position: relative;
}
.header .logo .sel{
	position: absolute;
	left:0;
	top: 0;

}
.header:hover .logo .nor{
	transform:translateY(-0.9rem);
}
.header:hover .logo .sel{
	display: inline-block;
}


/* 搜索 */
.ej-sear-box{ 
	width:100%; 
	position: fixed; 
	top:0.9rem; 
	background: rgba(0,0,0,0.6); 
	z-index: 100; 
    padding: 5px 0;
	display: none;
}
.ej-sear-box form {
    width: 90%;
    float: right;
}
.ej-sear-box .layout{ 
	padding: 0 0.1rem;
}
.ej-sear-box span{ 
	width: 10%; 
	height: 30px; 
	float: left; 
	cursor: pointer;
}
.ej-sear-box .tex{ 
	color: #666; 
	font-size: 14px; 
	line-height: 30px; 
	height: 30px; 
	background: #fff; 
	text-decoration: none; 
	border: none; 
	display: inline-block;  
	padding: 0 10px;
	width: 90%;
    margin-left: 0;
}
.ej-sear-box .icon-sea{ 
	border: none;  
	width: 10%; 
	height: 30px; 
	cursor: pointer; 
	background: url(/skin/images/icon-search.png) no-repeat center; 
	background-size: 20px 20px;
	float: right;
}
.ej-sear-box .ej-sear-cl{ 
	position: relative; 
	background-image: none;
}
.ej-sear-box .ej-sear-cl:before,
.ej-sear-box .ej-sear-cl:after{ 
	content: ''; 
	width: 24px; 
	height: 2px; 
	top:14px; 
	left: -1px; 
	background: #fff; 
	position: absolute; 
	border-radius: 2px;
}
.ej-sear-box .ej-sear-cl:before{ 
	transform:rotate(45deg); 
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg); 
	-webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);  
}
.ej-sear-box span.ej-sear-cl:after{ 
	transform:rotate(135deg); 
	-ms-transform:rotate(135deg);
	-moz-transform:rotate(135deg); 
	-webkit-transform:rotate(135deg);
    -o-transform:rotate(135deg); 
}


.footer{
	padding: 0.55rem 0 0.7rem;
	font-size: calc(12px - 0.12rem + 0.14rem);
	color: #fff;
	font-family: Arial,"Microsoft YaHei";
}
.ft-lt{
	float: left;
	width: 50%;
}
.footer .ft-tt{
	font-size: calc(12px - 0.12rem + 0.2rem);
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.25rem;
}

.ft-nav,
.ft-ct{
	float: left;
}
.ft-nav{
	width: 45%;
}
.ft-nav li{
	width: 1.2rem;
	float: left;
	line-height: 1.8;
}
.ft-nav a{
	color: #fff;
	opacity: 0.5;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.ft-nav a:hover{
	opacity: 1;
}

.ft-ct li{
	line-height: 1.8;
	opacity: 0.5;
}
.ft-rg{
	float: right;
	width: 50%;
	text-align: right;
}
.ft-rg .cp{
	margin-top: 0.2rem;
	opacity: 0.5;
	line-height: 1.8;
}


@media screen and (max-width: 1800px){
	.header .logo{
		width: 14%;
	}
	.hd-tel{
		margin-right: 0.3rem;
	}
	.header .sea-icon{
		margin-right: 0.2rem;
	}
	
}

@media screen and (max-width: 1600px){
	.header .layout{
		padding: 0 0.3rem;
	}
	.header .logo{
		width: 12%;
	}
	.nav .fir-nav{
		margin: 0 0.12rem;
	} 
	.hd-tel{
		margin-right: 0.2rem;
	}
	.header .sea-icon{
		margin-right: 0.1rem;
	}

}
@media screen and (max-width: 1540px){
	.layout{
		padding: 0 0.5rem;
	}

}

@media screen and (max-width: 1220px){
	.layout{
		padding: 0 0.3rem;
	}
	.header .menu-icon {
    display: block;
    top: 0.3rem;
    margin-left: 0.3rem;
}
.header .hd-rg{
		padding-top: 60px;
		position: fixed;
		width: 100%;
		height: 100%;
		top:0;
		right: -100%;
		padding-left: 0;
		background: rgba(255,255,255,1);
		text-align: center;
		z-index: 11;
		opacity: 0;
		transition: all ease .3s 0s; 
		-moz-transition: all ease .3s 0s; 
		-webkit-transition: all ease .3s 0s;
	}
	.header .hd-rg.on {
		right: 0;
		opacity: 1;
	}
	.header .hd-rg .content{
		height: 100%;
		overflow-y: auto;
		padding-bottom: 60px;
		padding-top: 20px;
	}
	.nav{
		width: 100%;
		float: none;
		height: auto;
		padding: 0 0.4rem;
		text-align: left;
	}
	.nav .fir-nav{
		float: none;
		width: 100%;
		margin: 0;
		height: auto;
		line-height: 50px;
		border-bottom: 1px solid rgba(0,0,0,0.02);
	}
	.nav .fir-nav>a{
		width: 100%;
		padding: 0;
	}

.header{
	position:fixed;
}
body{
	padding-top: 0.9rem;
}
.header:before{
	content: '';
	width: 100%;
	height: 0.9rem;
	position: absolute;
	background: #fff;
	left:0;
	top: 0%;
	z-index: -1;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}

.header .nav .fir-nav>a{
	color: #333;
}
.header .hd-tel{
	color: #333;
}
.header .hd-tel:before{
	background-image: url(/skin/images/icon-tel-sel.png);
}
.header .sea-icon{
	background-image: url(/skin/images/icon-search-sel.png);
}
.header .lang,
.header .lang a{
	color: #333;
}
.header .lang .on {
    border-color: #333;
}

.header .nav li:hover>a,
.header .nav .on>a{
	color: #0e3178;
}
.header .hd-rg{
	/* margin-left: 20%; */
	float: left;
}
.header .logo{
	position: relative;
}
.header .logo .sel{
	position: absolute;
	left:0;
	top: 0;

}
.header .logo .nor{
	transform:translateY(-0.9rem);
}
.header .logo .sel{
	display: inline-block;
}
.header .logo img{
	height: 0.6rem;
}
.hd-tel:before{
	width: 18px;
	height: 18px;
}
.nav .on>a:after{
	display: none;
}
.nav .has-sec>a{
		pointer-events: none;
	}
	.nav .has-sec>a::before {
		display: block;
		content: '';
		position: absolute;
		right: 10px;
		top: 50%;
		border-top: 2px solid #011c54;
		border-right: 2px solid #011c54;
		width: 7px;
		height: 7px;
		transform:rotate(135deg);
		margin-top: -4px;
	}
	.header .thr-list{
		padding-left: 0.2rem;
		padding-right: 0;
		position: static;
	}
	.nav .has-thr{
		padding-right: 0;
	}
	.nav .has-thr>a{
		pointer-events: none;
		position: relative;
	}
	.nav .has-thr>a::before {
		display: block;
		content: '';
		position: absolute;
		right: 10px;
		top: 50%;
		border-top: 2px solid #011c54;
		border-right: 2px solid #011c54;
		width: 7px;
		height: 7px;
		transform:rotate(135deg);
		margin-top: -4px;
	}
	.header .has-thr.active .thr-list{
		display: block;
		position: static;
	}
	.header .sec-down {
    position: static;
    background: none;
    height: auto;
}
.header .sec-down .layout{
	padding: 0;
}
.header .sec-int{
	display: none;
}
.header .sec-pic{
	display: none;
}
.header .sec-list{
	transform: translateY(0rem);
    opacity: 1;
    width: 100%;
    float: none;
    padding: 0.2rem 0 0.2rem 0.2rem;
}
.header .sec-list a {
    height: 0.5rem;
    line-height: 0.5rem;
    margin-bottom: 0;
}
.header .active .sec-down {
    display: block !important;
    border: none;
    min-height: auto;
}

.nav .fir-nav{
	height: auto;
	line-height: 0.6rem;
}
.ft-lt{
	float: none;
	width: 100%;
	margin-bottom: 0.5rem;
}
.ft-rg{
	width: 100%;
	float: none;
	text-align: center;
}
.ft-nav, .ft-ct{
	width: 50%;
}
}

@media screen and (max-width: 768px){
	.ej-sear-box{
		top: 0.7rem;
	}
	body{
		padding-top: 0.7rem;
	}
	.header{
		height: 0.7rem;
		line-height: 0.7rem;
	}
	.header:before{
		height: 0.7rem;
	}
	.header .hd-tel{
		display: none;
	}
	.header .menu-icon{
		top: 0.19rem;
	}
	.footer{
		padding: 0.4rem 0;
	}
	.ft-rg .cp{
		line-height: 1.4;
	}
	.header .logo img {
    height: 0.4rem;
}
.ft-lg img{
	height:0.6rem;
}
}

.ban-mod{
	/* height: 6rem; */
	height: 3.7rem;

}
.ban-mod .layout{
	height: 100%;
}
.ban-mod .tex{
	height: 100%;
	text-align: center;
	display: flex;
	 justify-content:center; 
	 align-items:center;
}
.ban-mod .tt{
	font-size: calc(12px - 0.12rem + 0.58rem);
	color: #fff;
}
.ban-mod .tt:after{
	content: '';
	display: block;
	width: 0.5rem;
	height: 0.05rem;
	background: #fff;
	margin: 0.4rem auto 0;
}



.menu-mod{
	height: 0.8rem;
	line-height: 0.8rem;
	background: #fff;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #eee;
	font-size: calc(12px - 0.12rem + 0.18rem);
	color: #333;
	text-transform: capitalize;
}
.menu-mod a{
	color: #333;
	transition: all ease .3s 0s; 
	-moz-transition: all ease .3s 0s; 
	-webkit-transition: all ease .3s 0s;
}
.menu-mod a:hover{
	color: #011b51;
}
.menu-mod a:hover:before{
	color: #333;
}

.menu-mod .m-ps{
	float: left;
}
.menu-mod .m-ps a:before{
	content: '>';
	display: inline-block;
	vertical-align: middle;
	font-size: 0.16rem;
	margin: 0 0.1rem;
	margin-top: -0.04rem;
}
.menu-mod .home:before{
	content: '';
	width: 16px;
	height: 16px;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.04rem;
	margin-right: 0.1rem;
	background: url(/skin/images/icon-ps.png) no-repeat center;
	background-size: contain;
}
.menu-mod .m-ps a:first-of-type:before{
	display: none;
}
.menu-mod .m-ps .on{
	color: #0482fd;
}
.menu-mod .m-ps .on:before{
	color: #999;
}
.menu-mod .m-list{
	float: right;
}
.menu-mod .m-list li{
	float: left;
	margin: 0 0.1rem;
}
.menu-mod .m-list a{
	display: block;
	padding: 0 0.15rem;
	color: #666;
	position: relative;
	text-align: center;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}

.menu-mod .m-list li:hover a{
	color: #011b51;
}
.menu-mod .on a{
	color: #011b51;
	font-weight: bold;
}
.menu-mod .on a:after{
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	left:0;
	bottom: 0.01rem;
	background: #011b51;
}

.ej-mod{
	padding: 0.7rem 0;
	overflow: hidden;
}

.cot-it{
	width: 48%;
	height: 3.1rem;
	background: #fff;
	margin: 0 1% 2%;
	padding: 0.45rem 0.45rem;
	background-position: right bottom;
	background-size: contain;
    background-repeat: no-repeat;
	float: left;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.cot-it:hover{
	transform: translate(0,-10px);
}
.cot-it .tt{
	font-size: calc(12px - 0.12rem + 0.3rem);
	font-weight: bold;
	color: #333;
}
.cot-it .tt:after{
	content: '';
	display: block;
	width: 0.3rem;
	height: 2px;
	margin: 0.2rem 0;
	background: #011c54;
}
.cot-it .tex{
	font-size: calc(12px - 0.12rem + 0.16rem);
	color: #333;
	line-height: 2;
}

.sup-it{
	display: block;
	width: 100%;
	height: 7.4rem;
	background: #ececec;
	text-align: center;
	padding-top: 1.5rem;
	position: relative;
	overflow: hidden;
}
.sup-it .hd{
	margin-bottom: 0.8rem;
	color: #333;
	position: relative;
	z-index: 1;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.sup-it .cn{
	font-size: calc(12px - 0.12rem + 0.32rem);
	font-weight: bold;
	margin-bottom: 0.05rem;
}
.sup-it .en{
	font-size: calc(12px - 0.12rem + 0.16rem);
	text-transform: uppercase;
}
.sup-it .icon{
	height: 1.12rem;
	line-height: 1.12rem;
	margin-bottom: 1.25rem;
	position: relative;
	z-index: 1;
}
.sup-it .icon img{
	max-width: 100%;
	max-height: 100%;
}
.sup-it .sel{
	display:none;
}
.sup-it .more{
	display: inline-block;
	vertical-align: middle;
	font-size: calc(12px - 0.12rem + 0.16rem);
	color: #333;
	height: 0.4rem;
	line-height: 0.4rem;
	padding: 0 0.15rem;
	/* background: #fff; */
	position: relative;
	font-weight: bold;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.sup-it .more:after{
	content: '';
	width: 0.4rem;
	height: 0.4rem;
	background: #fff url(/skin/images/icon-arr.png) no-repeat center;
	position: absolute;
	right: -0.46rem;
	top: 0;
	display: none;
}
.sup-it .ej-bg{
	width: 100%;
	height: 100%;
	left:0;
	top: 100%;
	position: absolute;
	transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.sup-it:hover .hd{
	color: #fff;
}
.sup-it:hover img{
	display: none;
}
.sup-it:hover .sel{
	display: inline-block;
}
.sup-it:hover .ej-bg{
	top: 0;
}
.sup-it:hover .more{
	background: #fff;
	transform:translate(-0.23rem,0);
}
.sup-it:hover .more:after{
	display: block;
}

.nw-it{
	display: block;
	overflow: hidden;
	margin: 0 0.5% 0.9rem;
}
.nw-it .pic{
	width: 52%;
	height: 4.7rem;
	float: left;
	overflow: hidden;
}
.nw-it .ej-bg{
	width: 100%;
	height: 100%;
	transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.nw-it .pic:hover .ej-bg{
	transform:scale(1.1);
}
.nw-it .tex{
	margin-left: 55%;
	padding-top: 0.6rem;
}
.nw-it .tt{
	margin-bottom: 0.25rem;
	font-size: calc(12px - 0.12rem + 0.32rem);
	color: #333;
}
.nw-it .md{
	margin-bottom: 0.4rem;
	overflow: hidden;
}
.nw-it .md p{
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.3rem;
	font-size: calc(12px - 0.12rem + 0.14rem);
	line-height: calc(12px - 0.12rem + 0.14rem);
	color: #999;
}
.nw-it .md p:before{
	content: '';
	height: 13px;
	width: 13px;
	float: left;
	margin-right: 3px;
	background: url(/skin/images/icon-time.png) no-repeat center;
}
.nw-it .md .vs:before{
	width: 17px;
	background: url(/skin/images/icon-visit.png) no-repeat center;
}
.nw-it .dd{
	font-size: calc(12px - 0.12rem + 0.18rem);
	color: #999;
	line-height: 1.6;
	margin-bottom: 0.8rem;
}
.nw-it .more{
	display: inline-block;
	vertical-align: middle;
	height: 0.48rem;
	line-height: 0.48rem;
	border-radius: 0.48rem;
	padding: 0 0.4rem;
	background: #c3c3c3;
	color: #fff;
	font-size: calc(12px - 0.12rem + 0.16rem);
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.nw-it .more:hover{
	background: #001c54;
}
.nw-it1{
	display: block;
	border: 1px solid #ececec;
	width: 24%;
	margin: 0 0.5% 2%;
	background: #fff;
	padding: 0.3rem 0.3rem 0.1rem;
	height: 4.6rem;
	float: left;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}

.nw-it1 .hd{
	height: 1rem;
}
.nw-it1 .time{
	color: #666;
	font-size: calc(12px - 0.12rem + 0.16rem);
	margin-bottom: 0.15rem;
}
.nw-it1 .tt{
	color: #333;
	line-height: 1.3;
	font-size: calc(12px - 0.12rem + 0.18rem);
	height: calc(12*2.6px - 0.12*2.6rem + 0.18*2.6rem);
}
.nw-it1 .pic{
	height: 1.75rem;
	margin-bottom: 0.15rem;
}
.nw-it1 .pic img,
.nw-it1 .pic .ej-bg{
	display: block;
	width: 100%;
	height: 100%;
}
.nw-it1 .dd{
	color: #666;
	line-height: 1.3;
	font-size: calc(12px - 0.12rem + 0.16rem);
	height: calc(12*2.6px - 0.12*2.6rem + 0.16*2.6rem);
}
.nw-it1 .more{
	height: 0.48rem;
	line-height: 0.48rem;
	width: 1.6rem;
	border-radius: 0.48rem;
	color: #fff;
	font-size: calc(12px - 0.12rem + 0.16rem);
	background: #c3c3c3;
	text-align: center;
	margin-top: 0.2rem;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.nw-it1:hover .more{
	background: #001c54;
	color: #fff;
}

.nw-it1:hover{
	transform: translate(0,-10px);
	box-shadow: 0 0 0.15rem rgba(0,0,0,0.05);

}


.ej-page{
	text-align: right;
	padding: 0.3rem 0;
}
.ej-page a{
	display: inline-block;
	vertical-align: middle;
	height: 0.52rem;
	line-height: 0.52rem;
	min-width: 0.52rem;
	border-radius: 100%;
	background: #001c54;
	text-align: center;
	color: #fff;
	margin: 0 0.05rem;
	position: relative;
}
.ej-page span{
	color: #333;
	font-size: calc(12px - 0.12rem + 0.16rem);
}



/* 文章详情页 */

.article{
	padding: 0.4rem 0rem 0;
}
.article img{
	max-width: 100%;
}
.article .hd{
	padding-bottom: 0.3rem;
	text-align: center;
}
.article .tt{
	font-size: calc(12px - 0.12rem + 0.42rem);
	line-height: 1.5;
	color: #333;
	margin: 0 auto 0.2rem;
}
/* .article .hd-bt{
	overflow: hidden;
	margin-bottom: 0.25rem;
	text-align: center;
} */
.article .hd-bt p{
	display: inline-block;
	vertical-align: middle;
	font-size: calc(12px - 0.12rem + 0.18rem);
	line-height: calc(12px - 0.12rem + 0.18rem);
	color: #999;
	margin: 0 0.25rem;
}
.article .hd-bt p:before{
	content: '';
	width: 13px;
	height: 13px;
	margin-top: 2px;
	margin-right: 5px;
	float: left;
	background: url(/skin/images/icon-time.png) no-repeat center;
	display: inline-block;
	vertical-align: middle;
}
.article .hd-bt .vs:before{
	width: 17px;
	background: url(/skin/images/icon-visit.png) no-repeat center;
}

.article .content{
	padding: 0rem 0 0.3rem;
	border-bottom: 1px solid #c3c3c3;

}
.article .p18{
	font-size: calc(12px - 0.12rem + 0.18rem);
	line-height: 2;
	color: #333;
}

.ej-share-box{ 
	overflow: hidden; 
	padding: 0.1rem 0;
}
.ej-share-box ul{ 
	float: left; 
	width: 74%; 
}
.ej-share-box li{ 
	font-size: calc(12px - 0.12rem + 0.18rem);
	color: #333; 
	line-height: 1.5; 
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
	margin: 0.15rem 0;
	transition: all ease .3s 0s; 
	-moz-transition: all ease .3s 0s; 
	-webkit-transition: all ease .3s 0s;
}
.ej-share-box li a{ 
	color: #333; 
	transition: all ease .2s 0s; 
	-moz-transition: all ease .2s 0s; 
	-webkit-transition: all ease .2s 0s; 
}
.ej-share-box li:hover,
.ej-share-box li:hover a{ 
	color: #011c54;
}
.ej-share-box .break{ 
	float: right; 
	padding:  0 0.3rem;
	line-height: 0.48rem; 
	border-radius:0.48rem; 
	text-align: center; 
	display: block; 
	font-size: calc(12px - 0.12rem + 0.16rem);
	color: #fff; 
    background: #c3c3c3;
    margin-top: 0.2rem;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.ej-share-box .break:after{
	content: '';
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 0.25rem;
	background: url(/skin/images/icon-break.png) no-repeat center;
}
.ej-share-box .break:hover{ 
	background: #011c54; 
}

.job-tp{
	overflow: hidden;
	margin-bottom: 0.45rem;
}
.job-tp .tt{
	color: #011c54;
	font-weight: bold;
	font-size: calc(12px - 0.12rem + 0.26rem);
	line-height: calc(12px - 0.12rem + 0.26rem);
	float: left;
}
.job-tp .lb{
	float: right;
	color: #999;
	font-size: calc(12px - 0.12rem + 0.14rem);
}
.job-tp .im{
	color: #ff0000;
	font-size: calc(12px - 0.12rem + 0.16rem);
}

.job-box{ 
	/* margin-bottom: 0.4rem;  */
	background: #fff; 
}

.job-box .ta-body:hover{
	background: #f0f0f0;
}
.job-box .list-box:hover .ta-body{
	overflow: hidden;
}
.job-box .list-box ul{ 
	display: table; 
	width: 100%; 
	text-align: center; 
	padding-right: 0.6rem; 
}
.job-box .list-box li{
	display: table-cell; 
	text-align: center; 
	width: 20%; 
	padding: 0 1%;
}
.job-box .ta-title{ 
	height: 1rem; 
	line-height: 1rem;  
	color:#333; 
	background: #fff; 
	font-size: calc(12px - 0.12rem + 0.16rem);
	border-bottom: 1px solid #ededed;
}
.job-box .ta-title p{
	line-height: 1.2;
	display: inline-block;
	vertical-align: middle;
}
.job-box .ta-body{ 
	height: 1rem; 
	line-height: 1rem; 
	font-size: calc(12px - 0.12rem + 0.16rem);
	color: #666; 
	cursor: pointer; 
	border-bottom: 1px solid #ededed;
	position: relative; 
	transition: all ease .2s 0s; 
	-moz-transition: all ease .2s 0s; 
	-webkit-transition: all ease .2s 0s; 
}
.job-box .ta-body p{ 
	line-height: 1.2; 
	vertical-align: middle; 
	display: inline-block; 
}
.job-box .ta-body:after{ 
	content: ''; 
	width: 10px; 
	height: 10px;
	border-top: 1px solid #666;  
	border-right: 1px solid #666; 
	transform:rotate(135deg);  
	position: absolute; 
	right: 0.4rem; 
	top:50%; 
	margin-top: -8px; 
	transition: all ease .2s 0s; 
	-moz-transition: all ease .2s 0s; 
	-webkit-transition: all ease .2s 0s; 
}
.job-box .intro-box{ 
	width: 100%; 
	padding: 0.3rem; 
	overflow: hidden; 
	font-size: calc(12px - 0.12rem + 0.16rem);
	color: #666; 
	display: none; 
	text-align: left;
}
.job-box .intro-in{ 
	overflow: hidden; 
}
.job-box .strong{ 
	/* color: #555; 
	line-height: 1.5; 
	font-size: calc(12px - 0.12rem + 0.16rem);
	font-weight: 600; 
	margin-bottom: 0.2rem;  */
	line-height: 1.8;
}
.job-box .intro-box .list{ 
	line-height: 1.8; 
}
.job-box .on .intro-box{ 
	border-bottom: none; 
}
.job-box .on .ta-body:after{ 
	transform:rotate(-45deg);  
} 
.job-box .int-item{
	padding-bottom: 2%;
	padding-right: 4%;
}

.job-box .int-item em{
	display: inline-block;
	margin-right: 5%;
}
.job-box .ta-title li:first-of-type,
.job-box .ta-body li:first-of-type{ 
	text-align: left; 
	padding-left: 0.4rem;
}
.job-box .jb-tb{
	background: #f4f4f4;
	padding: 0.2rem .4rem;
	overflow: hidden;
	margin-bottom: 0.4rem;
}
.job-box .jb-tb li{
	float: left;
	width: 25%;
	line-height: 2;
	font-size: calc(12px - 0.12rem + 0.14rem);
	color: #555;
}
.job-box .jb-tb .cl,
.job-box .jb-tb .dd{
	float: left;
}
/* .job-box .bt{
	margin-top: 0.3rem;
} */
.job-box .btn{
	display: inline-block;
	vertical-align: middle;
	width: 1.1rem;
	line-height: 0.4rem;
	background: #011c54;
	color: #fff;
	font-size: calc(12px - 0.12rem + 0.16rem);
	text-align: center;
	position: relative;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.job-box .btn:after{
	content: '';
	width: 0.4rem;
	height: 0.4rem;
	background: #011c54 url(/skin/images/icon-arr-w.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	right: -0.45rem;
}
.job-box .btn:hover{
	background: #001540;
}

.job-box .list-box.on{
	border-bottom: 1px solid #f2f2f2;
}

.ej-page1{
	padding: 0.3rem 0 0.5rem;
	background: #fff;
	text-align: center;
}
.ej-page1.no-bg{
	background: none;
}
.ej-page1 a{
	height: 0.4rem;
	line-height: 0.38rem;
	text-align: center;
	min-width: 0.4rem;
	border: 1px solid #cecece;
	display: inline-block;
	vertical-align: middle;
	font-size: calc(12px - 0.12rem + 0.16rem);
	color: #333;
	margin: 0.05rem;
	background: #fff;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.ej-page1 a:hover,
.ej-page1 .on{
	color: #fff;
	background: #011c54;
}
.ej-page1 .btn{
	padding: 0 0.15rem;
}

.ques-mod{
	background: #fff;
	padding: 0.65rem 0.45rem 0;
}
.ques-mod .qu-col{
	padding-bottom: 0.4rem;
}
.ques-mod .cl-nm{
	color: #333;
    font-size: calc(12px - 0.12rem + 0.24rem);
    margin-bottom: 0.3rem;
    font-weight: bold;
}

.que-it{
	padding-left: 0.5rem;
	padding-bottom: 0.2rem;
	position: relative;
}
.que-it:before{
	content: '';
	width: 0.34rem;
	height: 0.28rem;
	background: url(/skin/images/icon-ques.png) no-repeat center;
	background-size: contain;
	position: absolute;
	left:0;
	top: 0.12rem;
}
.que-it .hd{
	min-height: 0.5rem;
	background: #ededed;
	padding: 0.15rem 0.55rem 0.15rem 0.3rem;
	position: relative;
}
.que-it .hd:after{
	content: '';
	width: 0.12rem;
	height: 0.22rem;
	background: url(/skin/images/jb-arr.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	right: 0.3rem;
	top: 0.17rem;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.que-it.on .hd:after{
	transform:rotate(90deg);
}
.que-it .hd p{
	color: #333;
	font-size: calc(12px - 0.12rem + 0.18rem);
	font-weight: bold;
	display: inline-block;
	line-height: 1.4;
	vertical-align: middle;
}
.que-it .tex{
	padding: 0.2rem 1.4rem 0.2rem 0.1rem;
	color: #333;
	font-size: calc(12px - 0.12rem + 0.16rem);
	line-height: 1.8;
	display: none;
}

.sup-art{
	background: #fff;
	padding: 0.6rem 0.7rem;
}

.sup-art .hd{
	text-align: center;
	margin-bottom: 0.2rem;
}
.sup-art .hd .cn{
	color: #222;
	font-size: calc(12px - 0.12rem + 0.48rem);
}
.sup-art .hd .en{
	color: #222;
	font-size: calc(12px - 0.12rem + 0.24rem);
}
.sup-art img{
	max-width: 100%;
}

.abo-tt{
	text-align: center;
	margin-bottom: 0.5rem;
}
.abo-tt .tt{
	color: #666;
	font-size: calc(12px - 0.12rem + 0.38rem);
	line-height: 1;
	font-weight: bold;
	position: relative;
	margin-bottom: 0.1rem;
}
.abo-tt .tt:before{
	content: '';
	width: 0.44rem;
	height: 5px;
	background: #011c54;
	display: block;
	position: absolute;
	left:50%;
	margin-left: -0.22rem;
	bottom: -2px;
}
.abo-tt .tt:after{
	content: '';
	width: 2.2rem;
	height: 1px;
	background: #011c54;
	display: block;
	margin: 0.25rem auto 0;
}
.abo-tt .dd{
	color: #666;
	font-size: calc(12px - 0.12rem + 0.16rem);
}

.cul-it{
	display: block;
	width: 100%;
	height: 5.05rem;
	position: relative;
	text-align: center;
	z-index: 1;
	overflow: hidden;
}
.cul-it:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: -100%;
	background:rgba(1,28,84,0.5);
	transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.cul-it .ej-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left:0;
	top: 0;
	z-index: -1;
	transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.cul-it:hover .ej-bg{
	transform:scale(1.1);
}
.cul-it .tex{
	padding: 0rem 0.5rem 0;
	color: #fff;
	position: absolute;
	left: 0;
	width: 100%;
	height:50%;
	top: 85%;
	transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.cul-it .tt{
	margin-bottom: 0.2rem;
	font-size: calc(12px - 0.12rem + 0.24rem);
}
.cul-it .dd{
	font-size: calc(12px - 0.12rem + 0.16rem);
	display: none;
	transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.cul-it:hover .tex{
	top: 40%;
}
.cul-it:hover .dd{
	display: block;
}
.cul-it:hover:before{
	top: 0;
}

.cul-mod{
	position: relative;
	margin-bottom: 0.9rem;
}
.sw-btn{
	width: 0.32rem;
	height: 0.58rem;
	position: absolute;
	top: 50%;
	margin-top: -0.29rem;
	z-index: 3;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;

}
.sw-prev{
	left: -0.65rem;
	background-image: url(/skin/images/sw-prev.png);
}
.sw-next{
	right: -0.65rem;
	background-image: url(/skin/images/sw-next.png);
}

.sw-prev:hover{
	background-image: url(/skin/images/sw-prev-sel.png);
}
.sw-next:hover{
	background-image: url(/skin/images/sw-next-sel.png);
}


.int-mod .in-tex{
	font-size: calc(12px - 0.12rem + 0.16rem);
	color: #000;
	line-height: 2;
	margin-bottom: 0.4rem;
}

.fac-list{
	text-align: center;
}
.fac-it{
	display: inline-block;
	vertical-align: middle;
	width: 31%;
	text-align: center;
	margin: 0 1% 0.45rem;
}

.fac-it .pic{
	height: 2rem;
	margin-bottom: 0.2rem;
	overflow: hidden;
}
.fac-it .ej-bg{
	height: 100%;
	width: 100%;
	transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.fac-it:hover .ej-bg{
	transform:scale(1.1);
}
.fac-it .tt{
	display: inline-block;
	vertical-align: middle;
	width: 2.2rem;
	height: 0.4rem;
	line-height: 0.4rem;
	border-radius: 0.4rem;
	background: #011c54;
	font-size: calc(12px - 0.12rem + 0.18rem);
	color: #fff;
}

.res-page1{
	position: relative;
	margin-bottom: 0.45rem;
}
.res-page1 .pic{
	height: 5.3rem;
	width: 40%;
	float: right;
	overflow: hidden;
}
.res-page1 .ej-bg{
	width: 100%;
	height: 100%;
	transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.res-page1:hover .ej-bg{
	transform:scale(1.1);
}
.res-page1 .tex{
	width: 65%;
	height: 4.8rem;
	background: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	transform:translateY(-50%);
	padding: 1.1rem 1rem 0;
}
.res-page1 .tex .tt{
	color: #666;
	font-weight: bold;
	font-size: calc(12px - 0.12rem + 0.26rem);
}
.res-page1 .tex .tt:after{
	content: '';
	width: 0.92rem;
	height: 3px;
	background: #011c54;
	display: block;
	margin: 0.25rem auto 0.25rem -0.35rem;
}
.res-page1 .dd{
	color: #666;
	line-height: 2;
	font-size: calc(12px - 0.12rem + 0.16rem);
}

.res-tt{
	color: #333;
	font-weight: bold;
	font-size: calc(12px - 0.12rem + 0.26rem);
	line-height: 0.4rem;
	margin-bottom:0.5rem;
}
.res-tt:before{
	content: '';
	width: 5px;
	height: 0.4rem;
	display: inline-block;
	vertical-align: middle;
	background: #000;
	margin-right: 0.25rem;
}


.res-it{
	display: block;
	width: 31%;
	float: left;
	margin: 0 1.1% 2%;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.res-it .pic{
	height: 1.85rem;
	overflow: hidden;
}
.res-it .ej-bg{
	width: 100%;
	height: 100%;
	transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.res-it .tex{
	height: 1.15rem;
	line-height: 1.15rem;
	background: #fff;
	padding: 0 0.3rem;
	color: #333;
	font-weight: bold;
	font-size: calc(12px - 0.12rem + 0.18rem);
}
.res-it:hover{
	 transform: translate(0,-10px);
}
.res-it:hover .ej-bg{
	transform:scale(1.1);
}

.qua-page1{
	margin-bottom: 0.55rem;
}
.qua-page1 .pic{
	width: 55%;
	float: left;
	height: 4.3rem;
	overflow: hidden;
}
.qua-page1 .pic .ej-bg{
	width: 100%;
	height: 100%;
	transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.qua-page1 .pic:hover .ej-bg{
	transform:scale(1.1);
}
.qua-page1 .tex{
	height: 4.3rem;
	width: 45%;
	float: right;
	background: #fff;
	border-radius: 0 0 0.5rem 0;
	padding: 0.5rem 0.4rem 0;
	color: #011c54;
}
.qua-page1 .tex .tt{
	font-size: calc(12px - 0.12rem + 0.32rem);
	margin-bottom: 0.3rem;
}
.qua-page1 .tex .dd{
	font-size: calc(12px - 0.12rem + 0.16rem);
	line-height: 2;
}

.qua-page2 .content{
	padding: 0 0.6rem;
	position: relative;
}
.qua-page2 .swiper-container{
	padding: 10px 0;
}

.qua-page2 .sw-prev{
	left: 0;
}
.qua-page2 .sw-next{
	right: 0;
}
.hon-it{
	width: 100%;
	display: block;
	text-align: center;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.hon-it:hover{
	transform: translate(0,-10px);
}
.hon-it .pic{
	height: 4rem;
	line-height: 4rem;
	background: #fff;
	margin-bottom: 0.25rem;
}
.hon-it .pic img{
	max-width:  80%;
	max-height: 80%;
}
.hon-it .tt{
	color: #333;
	font-size: calc(12px - 0.12rem + 0.16rem);
}

.e-alb1{
	height: 4.5rem;
	margin-bottom: 0.1rem;
}
.e-alb1 .it{
	height: 100%;
	width: 100%;
}
.e-alb1 .swiper-container{
	width: 100%;
	height: 100%;
}
.e-alb2{
	height: 3.1rem;
	position: relative;
}
.e-alb2 .swiper-container{
	width: 100%;
	height: 100%;
}
.e-alb2 .it{
	height: 100%;
	width: 100%;
}
.e-alb2 .sw-btn{
	width: 0.63rem;
	height: 0.7rem;
	background-color: rgba(0,0,0,0.5);
	background-size: 0.32rem 0.57rem;
}
.e-alb2 .sw-prev{
	left: 0;
}
.e-alb2 .sw-next{
	right: 0;
}
.e-alb2 .sw-prev:hover{
background-image: url(/skin/images/sw-prev.png);
}
.e-alb2 .sw-next:hover{
	background-image: url(/skin/images/sw-next.png);
}

.dev-it{
	width: 100%;
	height: 3.1rem;
	background: #fff;
	padding: 0.15rem;
}
.dev-it .pic{
	width: 40%;
	height: 100%;
	float: left;
	overflow: hidden;
}
.dev-it .ej-bg{
	width: 100%;
	height: 100%;
}
.dev-it .tex{
	margin-left: 45%;
	padding-top: 0.6rem;
	padding-right: 1rem;

}
.dev-it .tex .tt{
	color: #011c54;
	font-size: calc(12px - 0.12rem + 0.36rem);
	font-weight: bold;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 0.1rem;
	margin-bottom: 0.2rem;
}
.dev-it .dd{
	color: #787878;
	font-size: calc(12px - 0.12rem + 0.16rem);
}
.dev-it .li:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	border-left: 5px solid #da251c;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	margin-right: 5px;
}


.deve-mod{
	padding: 0 1rem;
	position: relative;
	margin-bottom:0.6rem;
}
.deve-mod .sw-prev{
	left: 0;
}
.deve-mod .sw-next{
	right: 0;
}


.dev-line{
    /* padding:0 44px 30px; */
    position: relative;
}
.dev-line .swiper-container{
    padding-top: 12px;
}
.dev-line .swiper-slide{
    cursor: pointer;
    background: none;
    text-align: center;
}
.dev-line .line{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #c3c3c3;
    line-height: 1;
    position: relative;
}
.dev-line .line:before{
    content: '';
    height: 14px;
    width: 14px;
    border-radius: 100%;
    background: #fff;
    margin: 0 auto 0.15rem;
    display: block;
}
.dev-line .line:after{
    content: '';
    height: 7px;
    width: 7px;
    border-radius: 100%;
    background: #bbb;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 4px;
}
.dev-line .on .line{
    color: #011c54;
    font-size: calc(12px - 0.12rem + 0.2rem);
    font-weight: bold;

}
.dev-line .on .line:before{
    background: #011c54;
    margin-bottom: 0.13rem;
}
.dev-line .on .line:after{
	background: none;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #011c54;
    top: -9px;
    margin-left: -6px;
}
.dev-line:after{
    content: '';
    height: 1px;
    width: 1920px;
    position: absolute;
    background: #b2b2b2;
    top: 19px;
    left: 50%;
    transform:translate(-50%,0);
}

.bd_weixin_popup_bg,
.bd_weixin_popup{
	box-sizing: content-box;
}
.pr-gro{
	margin-bottom: 0.4rem;
}
.pr-menu{
	margin-bottom: 0.1rem;
	padding: 0 0.3rem;
	position: relative;
}
.pr-menu .sw-btn{
	height: 0.36rem;
	width: 0.24rem;
	margin-top:-0.13rem;
	/* border: 1px solid #e5e5e5; */
	border-radius: 0.02rem;
	background-size: auto 70%;
}
.pr-menu .sw-prev{
	left: 0rem;
}
.pr-menu .sw-next{
	right: 0rem;
}
.pr-menu  .swiper-container {
        width: 100%;
        height: 100%;
    }
.pr-menu  .swiper-slide {
        text-align: center;
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.pr-menu a{
	display:inline-block;
	vertical-align: middle;
	color: #666;
	font-size: calc(12px - 0.12rem + 0.18rem);
	/* margin: 0.05rem 0.1rem; */
	line-height: 0.5rem;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.pr-menu .on a{
	color: #011b51;
	font-weight: bold;
	border-bottom: 2px solid #011b51;
}
.pr-menu a:hover{
	color: #011b51;
}
.pro-ct .list-box{
	width: 100%;
}
.pro-ct .list-box .swiper-container{
	width: 100%;
}

.pro-it{
	display: block;
	/* width: 29%; */
	height: 4.8rem;
	overflow: hidden;
	border: 1px solid #dbdbdb;
	float: left;
	position: relative;
	width: 100%;
	/* margin: 0 2.1% 4%; */
}
.pro-it .pic{
	height: 2.9rem;
	border-bottom: 1px solid #dbdbdb;
	overflow: hidden;
}
.pro-it .ej-bg{
	width: 100%;
	height: 100%;
}
.pro-it .tex{
	width: 100%;
	height: 1.9rem;
	background: rgba(255,255,255,0.9);
	text-align: center;
	padding: 0.55rem;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all ease .4s 0s; 
    -moz-transition: all ease .4s 0s; 
    -webkit-transition: all ease .4s 0s;
}
.pro-it .tt{
	color: #333;
	font-size: calc(12px - 0.12rem + 0.18rem);
	font-weight: bold;
	margin-bottom: 0.3rem;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.pro-it .more{
	width: 1.3rem;
	height:0.4rem;
	line-height: 0.36rem;
	border: 2px solid #eee;
	margin: 0 auto;
	color: #666;
	font-size: calc(12px - 0.12rem + 0.14rem);
	transition: bottom ease .3s 0s; 
    -moz-transition: bottom ease .3s 0s; 
    -webkit-transition: bottom ease .3s 0s;
}
.pro-it .more:after{
	content: '';
	width: 0.12rem;
	height: 0.12rem;
	display: inline-block;
	vertical-align: middle;
	background: url(/skin/images/pr-more.png);
	background-size: 100% 100%;
	margin-left: 0.15rem;
}
.pro-it .dd{
	color: #333;
	font-size: calc(12px - 0.12rem + 0.14rem);
	line-height: 1.8;
	display: none;
}

.pro-it:hover .tex{
	height: 100%;
	padding: 1.4rem 0.2rem 0;
}

.pro-it:hover .tt{
	font-size: calc(12px - 0.12rem + 0.24rem);
}
.pro-it:hover .tt:after{
	content: '';
	width: 0.34rem;
	height: 3px;
	background: #011b51;
	display: block;
	margin: 0.3rem auto;
}
.pro-it:hover .dd{
	display: block;
}
.pro-it:hover .more{
	border: none;
	width: 70%;
	height: 0.7rem;
	line-height: 0.7rem;
	background: #011b51;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 15%;
}
.pro-it:hover .more:after{
	background-image: url(/skin/images/pr-more-sel.png);
}

.pro-it2{
	height: 4.2rem;
	width: 23%;
	margin: 0 1% 3%;
}
.pro-it2 .tex{
	height: 1.3rem;
}
.pro-it:hover .tex{
	padding: 1rem 0.2rem 0;
}
.rel-pro .h-tt{
	height: 0.6rem;
	line-height: 0.6rem;
	padding: 0 0.35rem;
	color: #fff;
	background: #011c54;
	font-size: calc(12px - 0.12rem + 0.18rem);
	display: inline-block;

}
.rel-pro .content{
	background: #fff;
	padding: 0.1rem; 
}

.pro-it1{
	display: block;
	width: 100%;
	/* width: 24%; */
	border: 1px solid #dbdbdb;
	text-align: center;
	/* float: left; */
	/* margin:0.5%; */
	background: #fff;
}
.pro-it1 .pic{
	height: 2.9rem;
	overflow: hidden;
}

.pro-it1 .ej-bg{
	width: 100%;
	height: 100%;
	transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.pro-it1 .pic:hover .ej-bg{
	transform:scale(1.1);
}
.pro-it1 .tex{
	/* height: 1.1rem; */
	border-top: 1px solid #dbdbdb;
	/* padding-top: 0.3rem; */
	line-height: 3;
}
.pro-it1 .tex1{
	height: 1.1rem;
	border-top: 1px solid #dbdbdb;
	padding-top: 0.4rem;
}
.pro-it1 .lb{
	margin-bottom: 0.1rem;
	color: #333;
	font-size: calc(12px - 0.12rem + 0.14rem);
	line-height: 1.1;
}

.pro-it1 .tt{
	color: #333;
	font-size: calc(12px - 0.12rem + 0.18rem);
	font-weight: bold;
	line-height: 1.1;
}


.rel-pro .pro-it1{
	width: 24%;
	float: left;
	margin:0.5%;
}
.ej-tab{
	height: 0.6rem;
	line-height: 0.6rem;
	background: #f7f7f7;
}
.ej-tab li{
	float: left;
	background: #e8e8e8;
	padding: 0 0.45rem;
	cursor: pointer;
	color: #333;
	font-size: calc(12px - 0.12rem + 0.18rem);
}
.ej-tab .on{
	color: #fff;
	background: #011c54;
}
.ej-col{
	background: #fff;
    display: none;
}
.ej-col.on{
    display: block;
}
.ej-col .tex-box{
	padding: 0.3rem;
	color: #333;
	font-size: calc(12px - 0.12rem + 0.16rem);
	line-height: 1.8;
}
.ej-col .tex-box img{
	max-width: 100%;
}

.spe-tb{
	width: 100%;
}
.spe-tb th{
	line-height: 0.34rem;
	color: #333;
	font-size: calc(12px - 0.12rem + 0.16rem);
	background: #c1c1c1;
}
.spe-tb tr{
	text-align: center;
}

.spe-tb tr:nth-of-type(n) td{
	background: #e8e8e8;
}
.spe-tb tr:nth-of-type(2n) td{
	background: #f4f4f4;
}
.spe-tb tr:nth-of-type(n) td:first-of-type{
	background: #dbdbdb;
}
.spe-tb tr:nth-of-type(2n) td:first-of-type{
	background: #e6e6e6;
}
.spe-tb td{
	line-height: 0.4rem;
	color: #333;
	font-size: calc(12px - 0.12rem + 0.16rem);
}
.spe-tb td a{
	color: #333;
	font-size: calc(12px - 0.12rem + 0.16rem);
	text-decoration: underline;

}

.par-page2{
	margin-bottom: 0.5rem;
}


.par-page1{
	padding: 0 0.5rem;
	margin-bottom: 0.55rem;
}

.pro-art .de-pic{
    width: 5.45rem;
    float: left;
}
.pro-art .b-pic{
    height: 4.3rem;
    line-height: 4.3rem;
    margin-bottom: 0.3rem;
    background: #fff;
    text-align: center;
}
.pro-art .b-pic .it{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
}
.pro-art .b-pic img{
    max-width: 100%;
    max-height: 100%;
}
.pro-art .pic-li{
    height: 0.8rem;
    width: 100%;
    padding: 0 0.5rem;
    position: relative;
}
.pro-art .b-pic .it.on{
    display: block;
}
.pro-art .pic-li .swiper-slide{
    border: 2px solid #d0d0d0;
    cursor: pointer;
}
.pro-art .pic-li .it{
	height: 0.8rem;
	line-height: 0.8rem;
	width: 100%;
}
.pro-art .pic-li .on{
    border-color: #011c54;
}
.pro-art .pic-li .sw-button{
    width: 0.3rem;
    height: 0.8rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 60%;
    position: absolute;
    top: 0;
    cursor: pointer;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.pro-art .pic-li .sw-prev{
    left: 0;
    background-image: url(/skin/images/sw-prev.png);
}
.pro-art .pic-li .sw-next{
    right: 0;
    background-image: url(/skin/images/sw-next.png);
}
.pro-art .pic-li .sw-prev:hover{
    background-image: url(/skin/images/sw-prev-sel.png);
}
.pro-art .pic-li .sw-next:hover{
    background-image: url(/skin/images/sw-next-sel.png);
}
.pro-art .pic-li img{
    max-width: 100%;
    max-height: 100%;
}
.pro-art .de-tex{
	margin-left: 52%;
	padding-top: 0.35rem;
}
.de-tt{
	color: #333;
	font-size: calc(12px - 0.12rem + 0.26rem);
	font-weight: bold;
	margin-bottom: 0.15rem;
}
.de-dd{
	color: #666;
	font-size: calc(12px - 0.12rem + 0.18rem);
	line-height: 2;
}

.hm-ban{
	position: relative;
	/* padding-bottom: 1.2rem; */
	background: #fff;
}
/* .hm-ban .swiper-container{
	overflow: inherit;
} */
.hm-ban img{
	width: 100%;
}
.hm-ban .swiper-pagination{
	bottom: 20px;
}
.hm-ban  .swiper-pagination-bullet{
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	border: 4px solid #fff;
	margin: 0 0.2rem;
	transform:rotate(45deg);
	cursor: pointer;
	border-radius: 0;
	opacity: 1;
	background: transparent;
	margin: 0 10px !important;
}
.hm-ban  .swiper-pagination-bullet-active{
	border-color: #001c54;
}
/* .hm-ban .swiper-pagination{
	width: 4.8rem;
	height: 1.6rem;
	background: #001c54;
	padding: 0.9rem 0.8rem 0;
	text-align: left;
	bottom: 0rem;
} */
/* .hm-ban  .swiper-pagination-bullet{
	width: auto;
	height: auto;
	background: none;
	color: #fff;
	font-size: calc(12px - 0.12rem + 0.18rem);
	opacity: 0.65;
	margin: 0 0.15rem !important;
}
.hm-ban  .swiper-pagination-bullet-active{
	opacity: 1;
} */

.hm-ban .ban-rg{
	height: 1.2rem;
	line-height: 1.2rem;
	float: right;
	width: calc(100% - 4.8rem);
	background: #fff;
	padding-left: 0.8rem;
	padding-right: 1.2rem;
}
.hm-ban .ban-rg ul{
	float: left;
}
.hm-ban .ban-rg li{
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	border: 4px solid #999;
	margin: 0 0.2rem;
	transform:rotate(45deg);
	cursor: pointer;
}
.hm-ban .ban-rg .on{
	border-color: #001c54;
}
.hm-ban .ban-rg .more{
	float: right;
	font-weight: bold;
	color: #000;
	font-size: calc(12px - 0.12rem + 0.16rem);
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.hm-ban .ban-rg .more:before{
	content: '';
	width: 1.8rem;
	height: 1px;
	background: #ddd;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.25rem;
}
.hm-ban .ban-rg .more:hover{
	color: #0e3178;
}

.hm-abo{
	height: 8.5rem;
	/* background-color: #f8f8f8; */
	position: relative;
}
.hm-abo:after{
	content: '';
	width: 0.5rem;
	height: 100%;
	border-left: 1px solid #ddd;
	position: absolute;
	right: 0;
	top: 0;
}
.hm-abo .layout{
	position: relative;
	padding-top: 1.65rem;
	height: 100%;
	z-index: 1;
}

.hm-abo .tex{
	float: left;
	width: 36%;
}
.hm-abo .tex:before{
	content: '';
	width: 2.2rem;
	height: 100%;
	border-right: 1px solid #ddd;
	background:url(/skin/images/bg-abo1.png) no-repeat left top;
	background-size: auto 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.hm-abo .tex .lb{
	color: #999;
	font-size: calc(12px - 0.12rem + 0.40rem);
	line-height: 1;
	margin-bottom: 0.1rem;
}
.hm-abo .tex .tt{
	font-size: calc(12px - 0.12rem + 0.4rem);
	font-weight: bold;
	color: #0e3178;
}
.hm-abo .tex .dd{
	font-size: calc(12px - 0.12rem + 0.16rem);
	color: #333;
	line-height: 2;
	margin-top: 1.25rem;
	height: 4.5rem;
	overflow-y: auto;
}
.hm-abo .tex .dd::-webkit-scrollbar {
    width: 5px;
    background: transparent;
    border-radius: 0px;
}
.hm-abo .tex .dd::-webkit-scrollbar-thumb {
    background: #2e94c9;
}
.hm-abo .tex .dd::-webkit-scrollbar-thumb:window-inactive {
    background: #ddd; 
}
.hm-abo .tex .dd p,
.hm-abo .tex .dd span{
	font-size: calc(12px - 0.12rem + 0.16rem) !important;
	color: #333;
}
.hm-abo .btn{
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	background: #eee url(/skin/images/abo-arr.png) no-repeat center;
	background-size: contain;
	margin-left: 2.21rem;
	margin-top: 0.95rem;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.hm-abo .btn:hover{
	background-color: #001c54;
	background-image: url(/skin/images/abo-arr-w.png);
}

.hm-vd{
	margin-top: 0.55rem;
	width: 58%;
	float: right;
	padding-bottom: 28%;
	height: 0;
	/* height: 4rem; */
	background: #000;
	position: relative;
	cursor:pointer;
}
.hm-vd video{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.hm-vd .play{
	position: absolute;
	width: 0.48rem;
	height: 0.48rem;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	background: url(/skin/images/icon-play.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 3;
}
.hm-vd .bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	z-index: 2;
}
.hm-vd .lb{
	font-size: calc(12px - 0.12rem + 0.16rem);
	color: #000;
	position: absolute;
	z-index: 3;
	right: -1.3rem;
	top: 50%;
	transform:rotate(90deg) translateY(-50%);
}

.hm-bran{
	padding: 0.9rem 0;
}
.hm-bran .content{
	position: relative;
}
.hm-bran .sw-btn{
	width: 0.8rem;
	height: 0.8rem;
	background-color: #eee;
	margin-top: -0.4rem;
}
.hm-bran .sw-btn:hover{
	background-color: #001c54;
}
.hm-bran .sw-prev{
	left: -0.9rem;
	background-image: url(/skin/images/sw-prev1.png);
}
.hm-bran .sw-next{
	right: -0.9rem;
	background-image: url(/skin/images/sw-next1.png);
}
.hm-bran .sw-prev:hover{
	background-image: url(/skin/images/sw-prev1-sel.png);
}
.hm-bran .sw-next:hover{
	background-image: url(/skin/images/sw-next1-sel.png);
}


.bra-it{
	display: block;
	height: 1.68rem;
	line-height: 1.48rem;
	text-align: center;
	overflow: hidden;
	border: 0.1rem solid transparent;
	position: relative;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.bra-it:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #ddd;
	box-sizing:border-box;
	transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.bra-it img{
	max-width: 70%;
	max-height: 70%;
}
.bra-it .sel{
	display: none;
}
.bra-it:hover .nor{
	display: none;
}
.bra-it:hover .sel{
	display: inline-block;
}
.bra-it:hover{
	border: 0.1rem solid #0e3178;
}
.bra-it:hover:before{
	border: none;
}

.popup2{
    position: fixed;
    width: 570px;
    height: 180px;
    background: #fff;
    left: 50%;
    margin-left: -285px;
    top: 50%;
    margin-top: -90px;
    z-index: 100;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    box-shadow: 0px 10px 20px rgba(0,0,0,.1);
    display: none;
}
.popup2 .po-tp {
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 16px;
}
.popup2 .po-tp .close {
    width: 56px;
    height: 56px;
    display: inline-block;
    position: absolute;
    right: 0;
    cursor: pointer;
    background: url(/skin/images/icon-close.png) no-repeat center;
    background-position: center;
    background-repeat: no-repeat;
}
.popup2 .tt{
    font-size: 22px;
    line-height: 24px;
    color: #011c54;
    font-weight: 600;
    margin-bottom: 25px;
}
.popup2 .tt:after{
    content: '';
    width: 15px;
    height: 17px;
    background: url(/skin/images/icon-join.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 10px;
}
.popup2 .con-box {
    padding: 0px 80px;
}
.popup2 .con-box p {
    word-wrap: break-word;
}
.popup2 .con-box i{
    color: #011c54;
}



@media screen and (max-width: 1520px){
	.hm-vd .lb{
		right: -1rem;
	}
	.hm-bran .content{
		padding: 0 1rem;
	}
	.hm-bran .sw-prev{
		left: 0;
	}
	.hm-bran .sw-next{
		right: 0;
	}

}

@media screen and (max-width: 1480px){
/* 	.sw-btn{
	background-color: rgba(0,0,0,0.1);
	background-size: 80% 80%;
} */
	.sw-prev{
		left: -0.4rem;
	}
	.sw-next{
		right: -0.4rem;
	}
	.hm-vd .lb{
		right: -0.8rem;
	}
	.hm-abo .tex .dd{
		margin-top: 0.6rem;
	}

}

@media screen and (max-width: 1220px){
	.sw-btn{
	background-color: rgba(0,0,0,0.1);
	background-size: 80% 80%;
}
.pr-menu .sw-btn{
	background-color: transparent;
}
	.sw-prev{
		left: 0rem;
	}
	.sw-next{
		right: 0rem;
	}

	.ban-mod{
		/* height: 5rem; */
		height: 3rem;
	}
	.ban-mod .tt {
    font-size: calc(12px - 0.12rem + 0.48rem);
}.ban-mod .tt:after{
	margin-top: 0.25rem;
}
.menu-mod{
	font-size: calc(12px - 0.12rem + 0.16rem);
}
.menu-mod .m-list a{
	padding: 0 0.05rem;
}
.menu-mod .m-list li{
	margin: 0rem;
}
.nw-it1{
	height: 4.9rem;
	width: 31.3%;
	margin: 0 1% 2%;
}
.nw-it1 .hd{
	margin-bottom: 0.15rem;
}
.ej-page1 a{
	height: 0.5rem;
	line-height: 0.48rem;
	min-width: 0.5rem;
}
.job-box .btn{
	line-height: 0.5rem;
	width: 1.3rem;
	    font-size: calc(12px - 0.12rem + 0.14rem);
}
.job-box .btn:after{
	width: 0.5rem;
	height: 0.5rem;
	right: -0.56rem;
}
.cot-it{
	padding: 0.3rem;
}
.cot-it .tt{
	font-size: calc(12px - 0.12rem + 0.26rem);
}
.cot-it .tex{
	line-height: 1.6;
}
.sup-art .hd .cn {
    font-size: calc(12px - 0.12rem + 0.38rem);
}
.sup-art .hd .en {
    color: #222;
    font-size: calc(12px - 0.12rem + 0.18rem);
}
.sup-art{
	padding: 0.4rem 0.2rem;
}
.que-it .hd:after{
	top: 0.2rem;
}
.qua-page1 .pic,
.qua-page1 .tex{
	width: 50%;
}
.qua-page1 .tex{
	padding: 0.3rem 0.25rem 0;
}
.qua-page1 .tex .tt {
    font-size: calc(12px - 0.12rem + 0.26rem);
    margin-bottom: 0.15rem;
}
.qua-page1 .tex .dd {
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 1.6;
}
.res-page1 .tex{
	padding: 0.4rem 0.4rem 0;
}
.res-page1 .tex .tt:after {
    margin: 0.2rem auto 0.2rem -0.15rem;
}
.res-page1 .dd {
    color: #666;
    line-height: 1.6;
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.res-it{
	width: 48%;
	margin: 0 1% 3%;
}
.fac-it{
	width: 30%;
}
.fac-it .tt{
	height: 0.5rem;
	line-height: 0.5rem;
	font-size: calc(12px - 0.12rem + 0.16rem);
}

.deve-mod{
	padding: 0 0.5rem;
}
.dev-it{
	height: 3.6rem;
}
.dev-it .tex{
	padding-top: 0.3rem;
}
.dev-it .tex .tt {
    font-size: calc(12px - 0.12rem + 0.28rem);
    padding-bottom: 0.1rem;
    margin-bottom: 0.2rem;
}
.hm-abo:after{
	width: 0.3rem;
}
.hm-vd .lb{
	right: -0.75rem;
}
.hm-abo .tex:before{
	width: 2.5rem;
}
.hm-abo .tex{
	width: 28%;
}
.hm-abo .tex .dd{
	margin-top: 0.4rem;
	line-height: 1.8;
}
.hm-vd{
	width: 68%;
	padding-bottom: 35%;
}
.hm-abo .btn{
	margin-top: 0.3rem;
}
.hm-vd .lb{
	right: -0.85rem;
	font-size: calc(12px - 0.12rem + 0.14rem);
}
.hm-vd .play{
	width: 0.8rem;
	height: 0.8rem;
}
.hm-ban .ban-rg{
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}
.hm-ban .swiper-pagination {
    /* height: 1.4rem;
    padding: 0.7rem 0.6rem 0; */
}
.pro-it{
	/* width: 31%;
	margin: 0 1.16% 3%; */
}
.pro-it:hover .tex{
	padding-top: 0.8rem;
}
.pro-it .more{
	height: 0.5rem;
	line-height: 0.46rem;
	width: 1.5rem;
}
.pro-it .dd{
	line-height: 1.6;
}
.pr-menu a{
	font-size: calc(12px - 0.12rem + 0.16rem);
	line-height: 0.4rem;
}
.par-page1{
	padding: 0;
}

.pro-art .de-tex{
	padding-top: 0.2rem;
}
.de-dd{
	line-height: 1.7;
	font-size: calc(12px - 0.12rem + 0.16rem);
}
.spe-tb td{
	line-height: 0.4rem;
	font-size: calc(12px - 0.12rem + 0.14rem);
}
.spe-tb th {
    line-height: 0.4rem;
    font-size: calc(12px - 0.12rem + 0.14rem);
}
.spe-tb td a{
	font-size: calc(12px - 0.12rem + 0.14rem);
}
.ej-tab{
	height: 0.7rem;
	line-height: 0.7rem;
}
.ej-tab li{
	font-size: calc(12px - 0.12rem + 0.16rem);
}
.pro-it1 .tt{
	font-size: calc(12px - 0.12rem + 0.16rem);
}

/* .hm-abo .tex{
	width: 100%;
	float: none;
}
.hm-vd{
	float: none;
} */
.hm-abo .tex .lb,
.hm-abo .tex .tt{
     font-size: calc(12px - 0.12rem + 0.3rem);
}

}

@media screen and (max-width: 767px){
	.ban-mod{
		/* height: 4rem; */
		height: 2rem;
	}
		.ban-mod .tt {
    font-size: calc(12px - 0.12rem + 0.34rem);
}
.ban-mod .tt:after{
	margin-top: 0.1rem;
}

.menu-mod{
	line-height: 0.6rem;
	height: auto;
	    font-size: calc(12px - 0.12rem + 0.13rem);
}
.menu-mod .layout{
	padding: 0;
}
.menu-mod .m-ps{
	width: 100%;
	float: none;
	padding: 0 0.2rem;
}
.menu-mod .m-list{
	float: none;
	width: 100%;
}
/* .menu-mod .m-list{
	width: 100%;
	float: none;
	display: flex;
}
.menu-mod .m-list li{
	flex:1;
	text-align: center;
}
.menu-mod .m-list a{
	height: 0.8rem;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
} */
	.ej-share-box ul{
		float: none;
		width: 100%;
	}
	.ej-share-box .break{
		margin: 0.3rem auto 0;
		display: block;
		float: none;
		height: 0.54rem;
		line-height: 0.54rem;
		width: 2.2rem;
	}
	.ej-mod{
		padding: 0.5rem 0;
	}
	.article{
		padding-top: 0;
	}
	.article .tt{
		font-size: calc(12px - 0.12rem + 0.28rem);
	}
	.nw-it1{
		width: 48%;
	}
	.job-box .ta-title,
	.job-box .ta-body{
		font-size: calc(12px - 0.12rem + 0.14rem);
		height: 0.8rem;
		line-height: 0.8rem;
	}
	.job-box .ta-title li:first-of-type, .job-box .ta-body li:first-of-type{
		padding-left: 0.1rem;
	}
	.job-box .list-box ul{
		padding-right: 0.2rem;
	}
	.job-box .ta-body:after{
		width: 6px;
		height: 6px;
		right: 0.15rem;
		margin-top: -3px;
	}
	.job-box .intro-box{
		font-size: calc(12px - 0.12rem + 0.14rem);
	}
	.job-tp{
		margin-bottom: 0.3rem;
	}
	.ej-page1{
		padding: 0.2rem 0 0.3rem;
	}
	.cot-it{
		width: 100%;
		margin: 0 auto 3%;
	}
	.cot-it .tex{
		font-size: calc(12px - 0.12rem + 0.14rem);
	}
	.sup-art .hd .cn {
    font-size: calc(12px - 0.12rem + 0.3rem);
}
.sup-art .hd .en {
    color: #222;
    font-size: calc(12px - 0.12rem + 0.14rem);
}
.sup-art{
	padding: 0.3rem 0.15rem;
}
.ques-mod {
    padding: 0.3rem 0.15rem 0;
}
.ques-mod .qu-col{
	padding-bottom: 0.2rem;
}
.ques-mod .cl-nm {
    font-size: calc(12px - 0.12rem + 0.18rem);
    margin-bottom: 0.2rem;
}
.que-it{
	padding-left: 0.4rem;
}
.que-it .hd{
	padding-left: 0.15rem;
	padding-right: 0.3rem;
}
.que-it .hd p{
	font-size: calc(12px - 0.12rem + 0.15rem);
}
.que-it .hd:after{
	right: 0.15rem;
}
.que-it .tex{
	padding-right: 0.3rem;
	font-size: calc(12px - 0.12rem + 0.14rem);
}
.sup-it .more{
	font-size: calc(12px - 0.12rem + 0.14rem);
}
.sup-it .cn{
	font-size: calc(12px - 0.12rem + 0.28rem);
}
.sup-it .en{
	font-size: calc(12px - 0.12rem + 0.14rem);
}
.qua-page1 .pic{
	width: 100%;
	float: none;
	height: 3rem;
}
.qua-page1 .tex{
	width: 100%;
	float: none;
	height: auto;
	padding: 0.3rem;
}
.qua-page2 .content{
	padding: 0;
}
.qua-page2 .sw-btn{
	background-color: rgba(0,0,0,0.1);
	background-size: 80% 80%;
}
.res-page1 .pic{
	width: 100%;
	float: none;
	height: 3rem;
}
.res-page1 .tex{
	width: 100%;
	position: static;
	transform: translateY(0%);
	padding: 0.3rem;
	height: auto;
}
.res-page1 .tex .tt {
    font-size: calc(12px - 0.12rem + 0.22rem);
}
.res-it{
	width: 100%;
	margin: 0 auto 3%;
}
.res-tt {
    font-size: calc(12px - 0.12rem + 0.22rem);
    line-height: 0.3rem;
    margin-bottom: 0.3rem;
}
.res-tt:before{
	height: 0.3rem;
	margin-top: -0.03rem;
}
.abo-tt .tt{
	font-size: calc(12px - 0.12rem + 0.3rem);
}
.cul-mod{
	margin-bottom: 0.3rem;
}
.e-alb1{
	height: 2.6rem;
}
.e-alb2{
	height: 1.5rem;
}
.e-alb2 .sw-btn{
	height: 0.5rem;
	width: 0.35rem;
	background-size: auto 80%;
}
.fac-it{
	width: 47%;
}
.deve-mod{
	padding: 0;
	margin-bottom: 0.3rem;
}
.dev-it{
	height: 2.5rem;
}
.dev-it .tex{
	padding-right: 0;
	padding-top: 0.1rem;
	margin-left: 43%;
}
.dev-it .tex .tt {
    font-size: calc(12px - 0.12rem + 0.22rem);
    padding-bottom: 0.1rem;
    margin-bottom: 0.1rem;
}
.dev-it .dd {
    font-size: calc(12px - 0.12rem + 0.14rem);
}

.hm-ban .swiper-pagination{
	/* display: none; */
	bottom: 10px;
}
.hm-ban .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-width: 3px;
    margin: 0 0.15rem;
}
.hm-ban{
	/* padding-bottom: 0.7rem; */
}
.hm-ban .ban-rg{
	width: 100%;
	height: 0.7rem;
	line-height: 0.7rem;
}
.hm-ban .ban-rg li{
	width: 10px;
	height: 10px;
	border: 3px solid #999;
	margin: 0 0.15rem;
}
.hm-abo{
	height: auto;
}
.hm-abo .layout{
	padding-top: 0.6rem;
	padding-bottom: 0.4rem;
}
.hm-abo .tex{
	width: 100%;
	float: none;
}
.hm-vd{
	width: 100%;
	float: none;
	padding-bottom: 52%;
}
.hm-abo .tex .lb,
.hm-abo .tex .tt{
	font-size: calc(12px - 0.12rem + 0.3rem);
}
.hm-abo .tex .dd{
	line-height: 1.6;
	margin-top: 0.3rem;
	height: auto;
	/* font-size: calc(12px - 0.12rem + 0.14rem); */
}
.hm-abo .tex:before{
	width: 1.9rem;
}
.hm-abo .btn{
	margin-left: 1.61rem;
	width: 0.6rem;
	height: 0.6rem;
}
.hm-vd .lb{
	display: none;
}
.hm-bran .content{
	padding: 0 0.7rem;
}
.hm-bran .sw-btn{
	width: 0.6rem;
	height: 0.6rem;
	margin-top: -0.3rem;
}
.hm-bran{
	padding: 0.5rem 0;
}
.bra-it{
	height: 1.48rem;
	line-height: 1.38rem;
	border: 0.05rem solid transparent;
}
.pro-it{
	/* width: 48%;
	margin: 0 1% 3%; */
}
.pr-menu a {
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 0.36rem;
}
.pro-art .de-pic{
	width: 100%;
	float: none;
}
.pro-art .de-tex{
	margin-left: 0;
	margin-top: 0.4rem;
}
.de-tt {
    font-size: calc(12px - 0.12rem + 0.22rem);
    margin-bottom: 0.25rem;
}
.de-dd {
    font-size: calc(12px - 0.12rem + 0.15rem);
}
.rel-pro .pro-it1{
	width: 48%;
	margin: 0 1% 3%;
}
.ej-tab{
	display: flex;
}
.ej-tab li{
	flex:1;
	padding: 0;
	text-align: center;
}
.ej-col{
	overflow-x: auto;
}
.spe-tb{
	width: 200%;
}
.spe-tb th {
    /* line-height: 0.54rem; */
    font-size: calc(12px - 0.12rem + 0.12rem);
}
.spe-tb td {
    /* line-height: 0.54rem; */
    font-size: calc(12px - 0.12rem + 0.12rem);
}
.spe-tb td a{
	line-height: 0.54rem;
    font-size: calc(12px - 0.12rem + 0.12rem);

}

.popup2{
        width: 80%;
        margin-left: -40%;
    }
    .popup2 .po-tp .close{
        width: 40px;
        height: 40px;
    }
    .popup2 .po-tp{
        height: 40px;
        line-height: 40px;
    }
    .popup2 .con-box{
        padding: 10px 20px;
    }
    .popup2 .tt{
        margin-bottom: 15px;
    }
    .ej-col .tex-box{
    	padding: 0.2rem;
    	font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .cul-it .tex{
    	padding: 0 0.3rem;
    }
    .nw-it1{
    	height: 5.65rem;
    }
    .nw-it1 .pic{
    	height: 2.5rem;
    }
    .swiper-button-next, .swiper-button-prev{
    	height: 28px;
    	width: 18px;
    	margin-top: -14px;
    	background-size: contain;
    }
	
}

@media screen and (max-width: 640px){
	.ban-mod{
		/* height: 3rem; */
		height: 1.5rem;
	}
	.nw-it .pic{
		width: 100%;
		float: none;
		height: 2.8rem;
	}
	.nw-it .tex{
		margin-left: 0;
		padding-top: 0.3rem;
	}
	.nw-it .tt {
    margin-bottom: 0.2rem;
    font-size: calc(12px - 0.12rem + 0.26rem);
}
.nw-it .md{
	margin-bottom: 0.2rem;
}
.nw-it .dd{
	margin-bottom: 0.4rem;
}
.nw-it{
	margin-bottom: 0.6rem;
}
.nw-it1{
	width: 100%;
	margin: 0 auto 0.2rem;
}
.fac-it .pic{
	height: 1.7rem;
}
.fac-it .tt{
	width: 2rem;
}
/* .pro-it{
	width: 100%;
	margin: 0 auto 3%;
} */
.pro-it .pic{
	height: 3.4rem;
}
.pro-it .tex{
	height: 1.4rem;
	padding: 0.2rem;
}
.pro-it2 .tex{
	height: 0.8rem;
}
.pro-it .tt{
	margin-bottom: 0.2rem;
}
.rel-pro .content{
	padding: 0.25rem;
}
.rel-pro .pro-it1{
	width: 100%;
	margin: 0 auto 3%;
}