.clear{
	clear: both;
}
.bg-white{
	background: #FFF;
}
.bg1{
	background-image: radial-gradient(circle,#ffffff,#edf2ff);
}
.bg2{
	background-image: radial-gradient(circle,#eff1ff,#f5f9ff);
}
.bg3{
	background-image: radial-gradient(circle,#236eff,#236eff);
}
.bg4{
	background-image: radial-gradient(circle,#ddf2fe,#ffffff);
}
.bg5{
	background: url(../images/te_bg.png) center center;
}
.bg6{
	background:url(../images/cp4_bg2.png) no-repeat bottom center,radial-gradient(circle,#f3f5ff,#edf2ff);
}
.bg7{
	background:url(../images/cp4_bg4.png) no-repeat bottom center #FFF;
}
.bg8{
	background:url(../images/cp6_bg3.jpg) bottom center #FFF;
}
.bg9{
	background:url(../images/ab_bg5.jpg) bottom center #FFF;
}
.bg10{
	background:url(../images/ab_bg6.jpg) no-repeat bottom center;
}
.mt20{
	margin-top: 20px;
}

header {
	top:0;
	position: fixed;
	height:80px;
	color:#ccc;
	z-index:999;
	background: #FFF;
	border-bottom:1px solid #ebebeb;
	z-index: 99999;
}
header .top{
	position:relative;
	width:1200px;
	margin:0 auto;
}
header .logo {
	position:absolute;
	top:18px;
	left:15px;
	width:290px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header.fixed .logo img{
	height:46px;
}


header nav.menu {
	float:left;
	margin:0 0 0 330px;
	text-align:center;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header nav.menu ul li{
	margin:0 12px;
	font-size:16px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
	position: relative;
}
header nav.menu .menu-icon{
	display: none;
}
header nav.menu ul li>a {
	color:#000;
	font-weight:700;
	line-height: 80px;
	height: 80px;
	display: block;
	cursor:pointer
}
header nav.menu ul li:hover>a,header nav.menu ul li.active>a{
	color:#236eff;
	text-decoration:none
}
header nav.menu .line {
	position:absolute;
	top:60px;
	width:0;
	height:3px;
	font-size:3px;
	background-color:#236eff;
	display:none;
	z-index: -1;
	border-radius: 4px;
}
header nav.menu ul li .big-nav{
	border-top: 1px solid #ebebeb;
	position: fixed;
	width: 100%;
	background: #FFF;
	top:80px;
	left: 0;
	box-shadow: 0px 5px 5px 2px #e5eafc;
	overflow: hidden;
	display: none;
}
header nav.menu ul li .big-nav .box{
	width: 1000px;
	margin: 0 auto;
	padding: 0 100px;
	display: block;
	overflow: hidden;
	padding:20px 0 36px;
}
header nav.menu ul li .big-nav .item{
	width: 190px;
	float: left;
	margin: 0 30px;
}
header nav.menu ul li .big-nav .item .t{
	line-height: 42px;
	font-size: 16px;
	border-bottom: 1px solid #dcdfe6;
	text-align: left;
}
header nav.menu ul li .big-nav .item .t span{
	padding-left: 10px;
	color:#495670;
}
header nav.menu ul li .big-nav .item .l a{
	line-height: 32px;
	font-size: 14px;
	text-align: left;
	color:#495670;
	display: flex;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	border-radius: 8px;
	margin: 12px 0 0;
}
header nav.menu ul li .big-nav .item .l a:hover{
	background: #eef4ff;
	color:#236eff;
	text-align: left;
}
header nav.menu ul li .sub-nav{
	position:absolute;
	top:80px;
	left: -30px;
	overflow: hidden;
	width: calc(100% + 60px);
	background: #FFF;
	box-shadow: 2px 5px 8px #e5eafc;
	border-radius: 8PX;
	display: none;
}
header nav.menu ul li .sub-nav dl{
	margin: 0;
	padding: 16px 0;
}
header nav.menu ul li .sub-nav dl dd a{
	line-height:36px;
	color:#495670;
	display: block;
}
header nav.menu ul li .sub-nav dl dd a:hover{
	color:#236eff;
	background: #eef4ff;
}
header .menu-icon{
	display: none;
}


footer{
	background: #252c3a;
}
footer .box{
	width: 1200px;
	margin: 0 auto;
	padding: 40px 0 10px;
	display: block;
	overflow: hidden;
}
footer .content{
	width: 825px;
	float: left;
	display: block;
	overflow: hidden;
}
footer .content dl{
	display: block;
	overflow: hidden;
}
footer .content dl dt{
	float: left;
	width: 125px;
	text-align: center;
}
footer .content dl dt h3{
	margin: 0;
	font-size: 18px;
	color:#FFF;
	font-weight: 700;
}
footer .content dl dd{
	width: 700px;
	float: left;
}
footer .content dl dd ul li{
	float: left;
	padding:0 15px;
	margin-bottom: 18px;
/*	background: url(../images/f_line.png) no-repeat center right;*/
}
footer .content dl dd ul li:last-child{
	background: none;
}
footer .content dl dd a{
	line-height: 24px;
	font-size: 14px;
	color: #fff;
}
footer .wechat{
	float: right;
}
footer .wechat ul{
	display: block;
	overflow: hidden;
}
footer .wechat ul li{
	margin: 0 10px;
	float: left;
	width: 130px;
}
footer .wechat ul li img{
	width: 130px;
	height: 130px;
}
footer .wechat ul li span{
	display: block;
	width: 130px;
	padding: 10px 0;
	text-align: center;
	color:#FFF;
}
footer .copyright{
	border-top: 1px solid #393842;
	padding: 20px 0;
}
footer .copyright p{
	text-align: center;
	color:#9399a2;
	margin: 0;
	font-size: 14px;
}

section {
	position:relative;
	overflow:hidden
}
#pagination{
	display: none;
	text-align: center;
	margin-top: 60px;
}
#pagination a{
	display:inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: -1px;
    border: #dfdfdf 1px solid;
    color: #555;
    font-family: Arial;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    background: #f6f6f6;
    padding: 0 14px;
}
#pagination a.current{
	border: 1px solid #236eff;
	background: #236eff;
	color:#FFF;
}


.contact-online{
    width: 104px;
    height: 286px;
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    text-align: right;
}
.contact-online ul {
    width: 104px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.contact-online ul li{
    width: 104px;
    height: 52px;
    background: linear-gradient(180deg, #F3F5F8 0%, #FFFFFF 100%);
    box-shadow: 0px 2px 10px 0px rgba(58, 62, 81, 0.1);
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    margin-top: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #27274A;
    line-height: 18px;
    position: relative;
    cursor: pointer;
}
.contact-online ul li i{
	position: absolute;
    top: 0;
    left: 45px;
    width: 14px;
    height: 14px;
    margin: 9px auto 4px;
    background-image: url(../images/right_icons.png);
    background-repeat: no-repeat;
}
.contact-online ul li span{
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    top:28px;
    color:#333;
}
.contact-online ul li:hover span{
    color:#236eff;
}
.contact-online ul li div.b{
	font-weight: 700;
    color: #333;
    font-size: 12px;
    margin-top: 49px;
}
.contact-online ul li:hover div.b{
    color: #236eff;
}
.contact-online ul li:nth-child(1){
	background: linear-gradient(180deg, #4584fd 0%, #236eff 100%);
}
.contact-online ul li:nth-child(1) i{
	width: 80px;
	height: 104px;
    background-image: url(../images/dsj.png);
    top:-85px;
    left:13PX;
}
.contact-online ul li:nth-child(1) span{
	color:#FFF;
}
.contact-online ul li:nth-child(2){
    text-align: center;
    box-sizing: border-box;
}
.contact-online ul li:nth-child(2) i{
	background-position: -3px -37px;
}
.contact-online ul li:nth-child(2):hover i{
    background-position: -3px -20px;
}

.contact-online ul li:nth-child(3){
	height: 76px;
    text-align: center;
    box-sizing: border-box;
}
.contact-online ul li:nth-child(3) i{
	background-position: -20px -37px;
}
.contact-online ul li:nth-child(3):hover i{
    background-position: -20px -20px;
}
.contact-online ul li:nth-child(4) i{
	background-position: -37px -37px;
}
.contact-online ul li:nth-child(4):hover i{
    background-position: -37px -20px;
}

@media (max-width: 500px) {
	header{
		height:60px ;
	}
	header .top{
		width: 100%;
	}
	header .logo{
		top:12px;
		left: 12px;
	}
	header.fixed .logo img {
		height: 36px;
	}
	header.fixed .menu-icon{
		font-size: 24px;
		position: absolute;
		z-index: 1;
		top:16px;
		right: 24px;
		color:#236eff;
		display: block;
	}
	header.fixed .menu{
		width:250px;
		margin: 61px 0 0;
		background: #FFF;
		float: right;
		box-shadow: 0px 5px 5px 2px #e5eafc;
		display: none;
	}
	header nav.menu ul{
		padding:10px 0;
	}
	header nav.menu ul li{
		display: block;
	}
	header nav.menu ul li>a{
		height: 40px;
		line-height: 40px;
		text-align: left;
	}
	header nav.menu ul li:hover>a{
		color:#000;
	}
	header nav.menu ul li .big-nav{
		position: initial;
		background: initial;
		border: 0;
		box-shadow: initial;
	}
	header nav.menu ul li .big-nav .box{
		width: 100%;
		padding: 0;
	}
	header nav.menu ul li .big-nav .item{
		width: 100%;
		margin: 0;
	}
	header nav.menu ul li .big-nav .item .t{
		border: 0;
		line-height: 36px;
	}
	header nav.menu ul li .big-nav .item .t span{
		font-size: 15px;
	}
	header nav.menu ul li .big-nav .item .l a{
		margin: 0 0 0 12px;
		position: relative;
		padding: 0 0 0 12px;
	}
	header nav.menu ul li .big-nav .item .l a:after{
		content: '-';
		position: absolute;
		top:0;
		left: 0;
	}
	header nav.menu .line{
		height: 0;
	}
	header nav.menu ul li .sub-nav{
		position: inherit;
		border: 0;
		box-shadow: initial;
		top:0;
		left: 0;
		width: 100%;
	}
	header nav.menu ul li .sub-nav dl{
		padding: 0;
	}
	header nav.menu ul li .sub-nav dl dd a{
		text-align: left;
		font-size: 15px;
		line-height: auto;
		padding-left: 10px;
	}

	footer .box{
		width: 100%;
	}
	footer .content {
		width: 100%;
	}
	footer .content dl dd{
		width: 100%;
	}
	footer .content dl dd ul{
		padding: 16px 12px 0;
	}
	footer .content dl dd ul li{
		margin-bottom: 12px;
	}
	footer .wechat{
		width: 100%;
		float: left;
		text-align: center;
	}
	footer .wechat ul li{
		display: inline-block;
		float: none;
	}
	footer .copyright p{
		padding: 0 12px;
	}

	.contact-online {
		display: none;
	}
}