@charset "utf-8";

/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
a{color: black}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; }
img { border:none; vertical-align:top; }
table { border-collapse:collapse; }
input,textarea { outline:none; }
textarea { resize:none; overflow:auto; }
body { font-size:0.6rem; font-family:"微软雅黑";height: 100%}
/* end reset */

/* header */
body {padding-top: 2.5rem;}
nav {width: 100%;height: 2.5rem; position: fixed; top: 0;background: #FFF;z-index: 1111;}
body.overflow {
	overflow: hidden;
}
/* public */
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; }
.fr { float:right; }
.gradient {
	background:-moz-linear-gradient(top, #FFFFFF, #f8f8f8);
	background:-webkit-linear-gradient(top, #FFFFFF, #f8f8f8);
	background:-ms-linear-gradient(top, #FFFFFF, #f8f8f8);
	background:linear-gradient(top, #FFFFFF, #f8f8f8);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#f8f8f8)";
	+background:#f9f9f9;
}
.triangle_up, .triangle_down_red, .triangle_down_gray { position:absolute; width:0; height:0; overflow:hidden; border-left:4px solid transparent; border-right:4px solid transparent; }
.triangle_up { border-bottom:4px solid #ca0309; }
.triangle_down_red { border-top:4px solid #ca0309; }
.triangle_down_gray { border-top:4px solid #c4bdbd; }
.cursor{ cursor: pointer;}
/* end public */
html {
	font-size: 20px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: sans-serif;
	height: 100%
}
@media only screen and (min-width: 400px) {
	html {
		font-size: 21.33333333px !important;
	}
}

@media only screen and (min-width: 414px) {
	html {
		font-size: 22.08px !important;
	}
}

@media only screen and (min-width: 480px) {
	html {
		font-size: 25.6px !important;
	}
}

/*侧边导航新样式-zn修改，2018-5-14*/
/*右导航*/
.rightnav {
	position: fixed;
	left: 100%;
	top: 0;
	height: 100%;
	box-sizing: border-box;
	width: 100%;
	background: #fff;
	transition:  all .3s;
	line-height: 1.5rem;
	padding-left: 0.5rem;
	color: #333;
	overflow-y: scroll;
	padding: 0 0.75rem;
}
.rightnav a {
	color: #333;
}
.headerinner {
	justify-content: space-between;
	height: 2.5rem;
	align-items: center;
}
.headerinner.shownav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 4%;
	background: #fff;
}
.headerinner img {
	height: 2.2rem;
}

.synchro {
	background: #2c9cff;
}
.rightnav li {
	line-height: 2.5rem;
	font-size: 0.7rem;
	border-bottom: 1px solid #ededed;
	font-weight: 600;
}
.rightnav li p {
	border-top: 1px solid #ededed;
	display: none;
	font-weight: normal;
}
.rightnav li a {
	width: 84%;
    height: 100%;
    display: inline-block;
}
.rightnav li p a {
	padding-left: 1rem;
	color: #666;
}
.rightnav li icon {
	float: right;
	font-size: 0.7rem;
    padding: 0 0.4rem 0 1rem;
}
.headerinner .iconfont {
	font-size: 0.9rem;
    margin-right: -0.2rem;
    padding: 0.2rem 0.4rem 0.2rem 0.8rem;
}
.solve .solvenavli p {
	display: block;
}

.fixtiyan {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    background: rgba(255,255,255,.9);
    text-align: center;
    font-size: 0.75rem;
    color: #2389ed;
}
.logo {
    height: 0.95rem;
    margin: 0.7rem 0 0 0.5rem;
}
nav .fr,.innerfr {
	padding: 0.3rem 0.5rem 0.8rem 0.8rem;
}
.submenu {
	width: 0.88rem;
	height: 3px;
	background: #333;
	margin-top: 0.9rem;
    border-radius: 4px;
    position: relative;
}
.submenu:before {
	content: '';
	display: block;
	width: 0.88rem;
	height: 3px;
	background: #333;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: -7px;
}
.submenu:after {
	content: '';
	display: block;
	width: 0.88rem;
	height: 3px;
	background: #333;
    border-radius: 4px;
    position: absolute;
    right: 0;bottom: -7px;
}
.flex {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.footer {
	font-size: 0.6rem;
	color: #fff;
	background: url(../img/index/bg3.png) no-repeat;
	background-size: 100% 100%;
	padding: 0 1.25rem;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.2rem;
}
.footer .footerlogo {
	height: 3.5rem;
	padding: 1.3rem 0 0.75rem 0;
	width: 4.2rem;
    margin: 0 auto;
    display: block;
}
.footer a {
	color: #fff;
}
.footer .flex {
	justify-content: center;
}
.footer .flex img {
	width: 3.6rem;
	height: 3.6rem;
	margin: 1rem 0.3rem 0.7rem 0.3rem;
}
.footer p {
	text-align: center;
}
.footer .copyright {
	font-size: 0.4rem;
	color: #666;
	text-align: center;
	padding: 0.6rem 0 1rem 0;
	line-height: 0.9rem;
}
.footerfix {
	height: 2.5rem;
	position: fixed;
	bottom: -1px;
	left: 0;
	width: 100%;
	background: #fff;
	text-align: center;
	z-index: 10;
}
.footerfix a {
	width: 20%;
	display: block;
	font-size: 0.5rem;
	color: #999;
	text-decoration: none;
}
.footerfix a:visited,.footerfix a:active,.footerfix a:hover,.footerfix a:link {
	text-decoration: none;
	border: none;
}
.footerfix .iconfont {
    font-size: 1.2rem;
    margin-bottom: -0.2rem;
    color: #ccc;
}
.footerfix .active {
	color: #2389ed;
}
.footerfix .active .iconfont {
	color: #2389ed;
}
.fixkefu1,.totop {
	position: fixed;
	right: 0.5rem;
	bottom: 6.25rem;
	width: 2.1rem;
	height: 2.1rem;
	border-radius: 50%;
	background: rgba(0,0,0,0.5);
	text-align: center;
	line-height: 2.1rem;
	font-size: 1.5rem;
	color: #fff;
	padding-top: 0.1rem;
}
.fixkefu1 {
	font-size: 12px;
    line-height: 12px;
    padding-top: 0.45rem;
    box-sizing: border-box;
}
.totop {
	bottom: 3.4rem;
}
/*公告*/
.notices {
	padding-right: 0.3rem;
}
.notices p.noticeicon {
	color: #fff;
	position: relative;
    overflow: hidden;
    padding: 2px 12px;
    height: 20px;
    width: 3.8rem;
    margin: 10px 10px 10px 16px;
}
.notices p.noticeicon:before {
	content: '';
	position: absolute;
    top: 0;
    left: 3px;
    background: linear-gradient(90deg, #fd2f51, #ff812f);
    transform: skewx(-22deg);
    width: 90%;
    height: 100%;
    z-index: -1;
    border-radius: 3px;
}
.notices .swiper-slide {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 2rem;
}
.notices {
	height: 2rem;
	overflow: hidden;
}
.notices .swiper-container {
	flex: 1;
}

/*isIphoneX*/
.isIphoneX .footerfix  {
	padding-bottom: 68px;
}