.wrap{
	width:1200px;
	margin:0 auto;
}

.commonbox .px{
	height:60px;
	line-height:60px;
 background: #F5F7FA;
 padding:0 20px;
}
.commonbox .px a{
	font-size:14px;
	color:#333;
	margin-right:20px;
}
.commonbox .px a.active{
	color:#006DFF
}

.banner img{
	width: 100%;
}
.header .fr .left{
	margin-right:35px;
}
.tops{
	height: 36px;
	background: #F5F7FA;
	line-height:36px;
}
.tops .fl a,.tops .fl span{
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #1C1814;
	margin-right:10px;
}
.tops .fl span a{
	font-weight:bold;
	margin:0;
}
#canvas {
	float: right;
	
	display: inline-block;
	position:relative;
	
	cursor: pointer;
}
.tops .fl img{
	vertical-align:middle;
	margin-right:4px;
	display:inline-block;
}.tops .fr a{
	font-size: 12px;
	font-family: Microsoft YaHei;
	height:12px;
	
	color: #888888;
	padding:0 7px;
	border-left:1px solid #E4E8F0;
}

.header .fr{
	padding-top:12px;
}
.tops .fr a.color{
	color: #22ABFC;
	font-weight: bold;
	border:none;
	padding:0 6px;
}

.header{
	height:110px;
	background:#fff;
	
}
.header .wrap{
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:110px;
	
}
.header .fr form{
	display:flex;
}
.header .fr  .left .search{
	width: 539px;
	height: 36px;
	background: #FFFFFF;
	border: 1px solid #006DFF;
	display:flex;
	justify-content:space-between;
	line-height:36px;
}
.header .fr  .left .search .xl{
	width: 86px;
	position:relative;
	
	height: 34px;
	background:url(../images/xl4.png) no-repeat right 12px center;
	background-color: #F7F7F7;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #006DFF;
	border:none;
	line-height: 34px;
	padding-left:17px;
}
.header .fr  .left .search .xl>span{
    width: 100%;
    height:  34px;
    
    line-height:  34px;
    cursor: pointer;
    display: block;
    font-size: 12px;
}
.header .fr  .left .search .e_j {
    width:86px;
    padding: 0 5px 5px;
    border: 1px solid #e4e4e4;
    border-top: 0;
    background-color: #fff;
    position: absolute;
    top: 34px;
    left: 0;
	z-index:999;
    display: none;
}
.header .fr  .left .search .e_j span {
    background-color: #f5f5f5;
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    display: block;
    cursor: pointer;
}
.header .fr  .left .search .e_j span:hover{
	    color: #006DFF;
}
.header .fr  .left .search input{
	padding-left:10px;
	width:60%
}
.header .fr  .left .search  button{
	height: 34px;
	width: 64px;
	background:url(../images/se1.png) no-repeat center center;
	background-color: #006DFF;
}
.header .fr  .left{
	line-height: 30px;
}
.header .fr  .left  .hot a{
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	padding:0 5px;
	border-right:1px solid #666666;
}
.header .fr  .left  .hot a:last-child{
	border:none;
}
.header .fr  .search2{
	width: 140px;
	height: 36px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	line-height:36px;
	display:flex;

}
.header .fr .search2:last-of-type{
	border:none;
	    border-bottom: 1px solid #D2D2D2;
		margin-left:20px;
}
.header .fr  .search2 input{
	padding-left:15px;
	width:80%;
}
.header .fr  .search2 button{
	height: 36px;
	width:40px;
	background:url(../images/se2.png) no-repeat center center;
}

.header .fr .right{
	margin:10px 0 0 0;
}
.header .right span{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	background:url(../images/ico3.png) no-repeat left center;
	margin-right:20px;
	padding-left:20px;
	line-height:35px;
}
.header .right p{
	font-size:24px;
	color:rgba(0, 109, 255, 1);
} 

.navs{
	height: 40px;
	background: #006DFF;
	line-height:40px;
}

.navs .menu{
	position:relative;
	display:inline-block;
	height: 40px;
}
.navs .menu .subs{
	position:absolute;
	top:40px;
	width:100%;
	background:rgba(0, 0, 0, 0.5);
	display:none;
	z-index:99;
}
.navs .menu .subs li{
	display:block;
	width:100%;
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
	line-height:.56rem;
	position: relative
	
}
.navs .menu .subs li .three{
	position: absolute;
	top:0;
	left:100%;
	width:540px;
	background:#fff;
	z-index:999;
	padding:10px 30px;
	display: none;
   line-height:30px;
}
.navs .menu .subs li .three a{
	font-size:14px;
	color:#333;
	margin:0 10px 10px 0;
	vertical-align: top;
	display: inline-block;
}
.navs .menu .subs li .three a:hover{
	color:#006DFF
}
.navs .menu .subs li:hover{
	background:#006DFF
}
.navs .menu .subs li:hover .three{
	display: block;
}
.navs .menu .subs li a{
	display:block;
	margin-left:50px;
	box-sizing:border-box;
	padding:0;
}
.navs .menu span{
	width: 240px;
	height: 40px;
	background: #0431FF;
	display:inline-block;
	padding-left:50px;
	box-sizing:border-box;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}
.navs span img,.navs .menu .subs li a img{
	margin-right:12px;
	vertical-align:middle;
}
.navs li{
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.navs li a{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	margin-left:32px;
	padding-bottom:4px;
	
	
}
.navs .wrap>ul>li>a:hover,.navs .wrap>ul>li>a.active{
	background:url(../images/border2.png) no-repeat bottom center;
}
.navs .wrap{
	display:flex;
}
.navs li .sub{
	position:absolute;
	width: 420px;
	display:flex;
	background: #FFFFFF;
	border-radius: 3px;
	justify-content:space-between;
	padding:20px;
	top:40px;
	box-sizing:border-box;
	box-shadow:0 0 3px #ccc;
	left:20px;
	display:none;
	z-index:999;
}
.navs li .subs{
		position:absolute;
		background: #FFFFFF;
		border-radius: 3px;
		width:600px;
		z-index:999;
	top:40px;	
left:0%;
margin-left:-220px;
line-height:30px;
padding:20px;
display:none;
}
.navs li .subs a{
	color:#333;
	font-size:14px;
	    width: 32%;
		margin:0;
	    display: inline-block;
	    line-height: 30px;
}
.navs li .subs a:hover{
	color:#006DFF;
	text-decoration:underline;
}
.navs li .sub li:nth-of-type(1){
	margin-right:15px;
}
.navs li .sub span{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	display:block;
	text-align:center;
}
.navs li .sub p{
	width: 120px;
	height: 36px;
	background: #FFFFFF;
	border: 1px solid #006DFF;
	border-radius: 18px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #006DFF;
	line-height: 36px;
	text-align:center;
	margin:0 auto;
}
.navs li .sub a{
	margin:0;
}
.submenus a{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 40px;
}
.navs li:hover .sub,
.navs .menu:hover .subs,
.navs li:hover .subs{
	display:block;
}

.footer{
	background: #1C1E20;
	padding:.4rem 0;
}
.footer .footernav{
	display:flex;
	justify-content:space-between;
}
.footer .footernav dt{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom:.25rem;
}

.footernav dl{
	display:inline-block;
	vertical-align:top;
	margin-right:.8rem;
}
.footer .footernav dd a{
	font-size: 16px;
	font-family: Microsoft YaHei;
	color: #FFFFFF;
	opacity:.7;
}
.footer .footernav dd a:hover{
	opacity:1;
}
.footer .footernav .codes{
	display:flex;
}
.footer .footernav .code{
	margin:0 10px;
	width: 140px;
}
.footer .footernav .code img{
	width:120px;
	height:120px;
	display:block;
	margin:0 auto;
}
.banner img{
	width: 100%;
}
.banner.swiper-container{
	height:456px;
}
.footer .footernav .code p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	margin-top:10px;
	text-align:center;
}
.footer .tel{
	border-top:1px solid #535353;
	border-bottom:1px solid #535353;
	line-height:.9rem;
	text-align:center;
	margin-top:.5rem;
}
.footer .tel span{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	margin:0 40px;
}
.footer .tel img{
	margin-right:10px;
}
.footer  .text p{
	font-size: 14px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #999999;
	line-height: 28px;
	text-align:center;
}

.commonbox{
	/* background:#fcfcfc; */
}

.menus ul{
	background: #FFFFFF;
	padding:15px 0;
	margin-bottom:20px;
}
.menus li{
	padding:10px 0;
	display:flex;
}
.menus li span.more{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	background:url(../images/xl2.png) no-repeat right center;
	padding-right:15px;
	cursor:pointer;
	height:25px;
}
.menus li dl{
	width:95%;
	display:flex;
}
.menus li dl div{
	width:90%;
	display:flex;
	flex-wrap:wrap;
	padding-left:20px;
	height:24px;
	overflow:hidden;
}
.menus li dl div.searchbox{
	height:auto;
}
.menus li dl div.active{
	height:auto;
}
.menus li dl div.search{
	padding:0;
	width: 175px;
	height: 30px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	border-radius: 3px;
	margin-right:40px;
	padding-left:10px;
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
}

.menus li dl div.search input{
	width:70%;
	height:25px;
	background:none;
}
.menus li dl div.search button{
	height: 28px;
	width:30px;
	background:url(../images/se2.png) no-repeat center center;
}
.menus li dt{
	width:110px;
	border-right:1px solid #E5E5E5;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height:24px;
	height:24px;
	text-align:center;
}
.menus li dl div dd a{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-right:20px;
	height: 24px;
	line-height:24px;
	padding:0 5px;
	display:inline-block;
}
.menus li dl div dd a.active,
.menus li dl div dd a:hover{
	background: #006DFF;
	border-radius: 3px;
	color:#fff;
}
.commonbox .con .fr .hot li:hover a,
.commonbox .con .fl .table .list li:hover .font,
.commonbox .con .fl .table tr:hover th a,
.indexbox .box3 .tab li:hover p:nth-of-type(1),
.indexbox .box3 .tab .pic .fr li:hover span,
.hotkc li a:hover,.teacher .wrap>ul>li li:hover span,
.commonbox .con .fl .teachers>ul>li:hover>a>span,
.commonbox .con .fl .jglist li:hover p.font,
.commonbox .con .fr .hot2 li:hover p:nth-of-type(1){
	color:#006DFF;
}
.indexbox .box3 .tab .pic .fr li:hover p{
	color:#333;
}
.commonbox .con .fr .hot3 li:hover{
	background: #006DFF;
	color:#fff;
}
.commonbox .con .fr .hot3 li:hover a{
	color:#fff;
}
.commonbox .con .fl{
	width:78%;
	/*    box-shadow: 0 0 3px #ccc;
		padding:.3rem; */
}
.commonbox .con .fl .title{
	display:flex;
	justify-content:space-between;
	line-height:45px;
}
.commonbox .con .fl .title span{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.commonbox .con .fl .title span i{
	color:rgba(0, 109, 255, 1);
	font-style:normal;
}
.commonbox .con .fl .title select{
	border:none;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	vertical-align:middle;
}
.commonbox .con .fl .title img{
	display:inline-block;
}
.commonbox .con .fr{
	width:20%;
	margin-top:45px;
}
.commonbox .con .fl .table{
	background: #FFFFFF;
	padding:0 20px;
}
.commonbox .con .fl .table table{
	width:100%;
}
.commonbox .con .fl .table td{
	line-height:60px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	text-align:center;
}
.commonbox .con .fl .table th{
	height: 44px;
	line-height:44px;
	background: #F7FAFF;
	border-radius: 3px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align:center;
}
.commonbox .con .fl .table th a span{
	    max-width: 85%;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    
	    /* white-space: nowrap; */
	    vertical-align: top;
	  
	    display: -webkit-inline-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
}
.commonbox .con .fl .table th.left a{
	max-width:90%;
}
.commonbox .con .fl .table th .dh{

	          overflow: hidden;
	          text-overflow: ellipsis;
	          max-width: 85%;
	          display: -webkit-inline-box;
	          overflow: hidden;
	          -webkit-line-clamp: 1;
	          -webkit-box-orient: vertical;
	          vertical-align: middle;
}
.commonbox .con .fl .table tr:nth-of-type(2n+3) th{
	background:#fff;
}
.commonbox .con .fl .table th.left,
.commonbox .con .fl .table td.left{
	text-align:left;
	padding-left:14px;
}
.commonbox .con .fr .code{
	position:relative;
	
}
.commonbox .con .fr .code>img{
	width:100%
}
.commonbox .con .fr .code>img:last-of-type{
	width:80px;
	height:80px;
	position:absolute;
	right:10px;
	top:15px;
}

.commonbox .con .fr  .hot,
.commonbox .con .fr  .hot2,
.commonbox .con .fr  .hot3,
.commonbox .con .fr .hot4{
	box-shadow:0 0 2px #ccc;
	background:#fff;
	margin-top:15px;
	padding:15px 20px;
}
.commonbox .con .fr  .hot h2,
.commonbox .con .fr  .hot2 h2,
.commonbox .con .fr  .hot3 h2,
.commonbox .con .fr .hot4 h2{
	
	line-height:20px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	border-left:2px solid  #006DFF;
	padding-left:15px;
	margin-bottom:20px;
}
.commonbox .con .fr .hot4 li{
	width:48%;
	float:left;
	margin:0 4% .2rem 0;
}
.commonbox .con .fr .hot4 li:nth-of-type(2n){
	margin-right:0;
}
.commonbox .con .fr .hot4 li img{
	width: 98px;
	height: 98px;
	border-radius: 10px;
}
.commonbox .con .fr .hot4 li span{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	display:block;
	margin:10px 0 0 10px;
}
.commonbox .con .fr .hot4 li p{
	color:rgba(153, 153, 153, 1);
	font-size:14px;
	margin:0px 0 0 10px;
}
.commonbox .con .fr  .hot li{
	border-top: 1px solid #E9ECF1;
	    line-height: .5rem;
	    font-size: 14px;
	    font-family: Microsoft YaHei;
	    font-weight: 400;
	    color: #333333;
	    overflow: hidden;
	    height: 0.5rem;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	
	
}
.commonbox .con .fr  .hot2  li{
	margin-bottom:.25rem;
}
.commonbox .con .fr  .hot2  li img{
	width:100%;
	height:150px;
	border-radius:10px;
}
.commonbox .con .fr  .hot2  li p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	padding-top:15px;
}
.commonbox .con .fr  .hot2  li p span{
	height: 22px;
	background: #EEEEEE;
	border-radius: 10px;
	line-height:22px;
	display:inline-block;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	padding:0 5px;
}
.commonbox .con .fr  .hot2  li p.last{
	display:flex;
	justify-content:space-between;
}
.commonbox .con .fr  .hot2  li p.last span{
	font-size: 16px;
	    font-family: Microsoft YaHei;
	    font-weight: bold;
	    color: #FF8B00;
		background:none;
}

	
	
.commonbox .con .fr  .hot3 li{
	width: 95px;
	height: 30px;
	background: #F7F7F7;
	border-radius: 3px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	margin:0 4px 10px 0;
}
.commonbox .con .fr  .hot3 li:nth-of-type(2n){
	margin-right:0;
}
.commonbox .con .fl .box3 .tab .sex{
	width:48%;
	display:inline-flex;
	vertical-align:middle;
	align-items:center;
}
.commonbox .con .fl .box3 .tab .sex span{
	line-height: 56px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-right:20px;
}
.commonbox .con .fl .box3 .tab .sex input{
	width:auto !important;
	margin:0 4px 0 0 !important;
	vertical-align:middle;
}

.page1{
	text-align:left;
}
.page1 a{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	text-decoration: underline;
	color: rgba(153, 153, 153, 1);
	margin-right:20px;
}
.page1 a:hover,.page1 a.active{
	color:rgba(0, 109, 255, 1);
	
}

.page2{
	text-align:center;
	margin-top:30px;
}
.page2 a{
	line-height:32px;
	padding:0 20px;
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	display:inline-block;
	text-align:center;
	
}
.page2 a:hover,.page2 a.active{
	background: #EEEEEE;
}
.page2 span{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	margin:0 10px;
}
.page2 input{
	width: 50px;
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height:32px;
}
.page2 i{
	font-style:normal;
	color:rgba(0, 109, 255, 1);
}

.teacher{
	padding:.5rem 0 .3rem;
}
.teacher h2{
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	text-align:center;
	margin-bottom:50px;
}
.teacher .wrap>ul>li{
	float:left;
	width:32%;
	margin:0 2% 0 0;
	background: #F5F7FA;
	padding-bottom:16px;
}
.teacher .wrap>ul>li:nth-of-type(3n){
	margin-right:0;
}
.teacher li img{
	height: 215px;
	border-radius: 10px 10px 0px 0px;
}
.teacher li .pro{
	position:relative;
}
.teacher li .pro span{
	width: 230px;
	height: 68px;
	line-height:68px;
	background:url(../images/bg1.png) no-repeat center center/cover;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	position:absolute;
	top:50%;
	text-align:center;
	left:50%;
	transform:translate(-50%,-50%)
}
.teacher .wrap>ul>li li{
	line-height:40px;
	padding:0 20px;
	height:40px;
	overflow:hidden;
}
.teacher .wrap>ul>li li a{
	display:flex;
	justify-content:space-between;
}
.teacher .wrap>ul>li li a span{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	display:block;
}
.teacher .wrap>ul>li li a span:first-child{
	width:65%;
	height:40px;
	overflow:hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.teacher .wrap>ul>li>a{
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	display:block;
	text-align:right;
	padding-right:.2rem;
}


.hotkc{
	background: #F5F7FA;
	padding:.4rem 0;
}
.hotkc h2{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	margin-bottom:30px;
}
.hotkc h2 span{
	    width: 100px;
	    height: 36px;
	    background: #FFFFFF;
	    border: 1px solid #006DFF;
	    border-radius: 18px;
	    font-size: 14px;
	    font-family: Microsoft YaHei;
	    font-weight: 400;
	    color: #006DFF;
	    line-height: 36px;
	    text-align: center;
	    margin: 0 auto;
	display:inline-block;
	cursor:pointer;
}
.hotkc h2 span.active{
	background:#006DFF;
	color:#fff;
}
.kclist{
	padding:40px 0;
}
.kclist dl dt{
	margin-bottom:10px;
	font-size:24px;
	color:#333;
}
.kclist dl dd{
    display: inline-block;
    padding: 8px;
    width: 19.7%;
    vertical-align: top;
    box-sizing: border-box;
margin-bottom:20px;
	
}
.kclist dl dd img{
	width:100%;
	    height: 125px;
	    border-radius: 6px;
}
.kclist dl dd:hover{
	 box-shadow: 0px -1px 10px 0px rgb(0 0 0 / 25%);
}
 .kclist dl dd .title{
	        font-size: 14px;
	        font-family: Microsoft YaHei;
	        font-weight: 400;
	        color: #333333;
	        line-height: 30px;
	        margin-top: 5px;
	        padding-left: 10px;
	 height: 30px;
	 overflow:hidden;
	 
 }
    .kclist dl dd .num{
		    font-size: 14px;
		    font-family: Microsoft YaHei;
		    font-weight: 400;
		    color: #333333;
		    line-height: 30px;
		    margin-top: 10px;
		    padding-left: 10px;
	}
	   
	.kclist dl dd .price{
		display:flex;
		justify-content:space-between;
		    margin-top: 5px;
		padding-left:10px;
			align-items:center;
			flex-wrap:wrap;
	}	
	.kclist dl dd .price span{
		        font-size: 14px;
		        font-family: Microsoft YaHei;
		        font-weight: 400;
		        color: #666666;
	}
	.kclist dl dd .price span i{
		    color: #FF8B00;
		    font-weight: bold;
		    font-style: normal;
	}
	   
	.kclist dl dd .price object,
	.kclist dl dd .price em{
		    font-size: 18px;
		    font-family: Microsoft YaHei;
		    font-weight: bold;
		    color: #FF8B00;
			
	}
	.kclist dl dd .price object a{
		font-weight: bold;
		color: #FF8B00;
	}
	.commonbox .con .fl .kcview h2{
		    font-size: 24px;
		    font-weight: bold;
		    line-height: 28px;
			margin-bottom:20px;
	}
	.commonbox .con .fl .kcview .time span{
		font-size:14px;
		color:#999;
		margin-right:20px;
	}
	.commonbox .con .fl .kcview video{
		width:100%;
	}
	.commonbox .con .fl .telcheck{
		    background: url(../images/bg3.jpg) #191919 left center no-repeat;
		    height: 120px;
		    margin-top: 20px;
		    width: 100%;
		    position: relative;
	}
	.commonbox .con .fl .telcheck h3 {
	    color: #fff;
	    font-weight: bold;
	    font-size: 18px;
	    line-height: 36px;
	    padding: 25px 0 0 30px;
	}
	.commonbox .con .fl .telcheck h3 b {
	    font-size: 34px;
	    position: relative;
	    top: 5px;
	}
	
	
	.commonbox .con .fl .telcheck p {
	    color: #fff;
	    line-height: 24px;
	    font-size: 14px;
	    padding: 4px 0 0 30px;
	}
	.commonbox .con .fl .telcheck .chak {
	    color: #fff;
	    background: url(../images/chak.png) #f0542e 15px center no-repeat;
	    display: inline-block;
	    font-size: 15px;
	    padding: 0 15px 0 45px;
	    height: 43px;
	    line-height: 43px;
	    position: absolute;
	    right: 48px;
	    top: 34px;
	}
	.commonbox .con .fl .contenttext{
		margin-top:20px;
	}
		.commonbox .con .fl .contenttext .titles{
			    border-bottom: 1px solid #e8e8e8;
		}
	.commonbox .con .fl .contenttext h3{
		font-size: 22px;
		    font-weight: bold;
		    border-bottom: 2px solid #f06c08;
		    display: inline-block;
	}
	.commonbox .con .fl .contenttext .titles a {
	      float: right;
	      width: 120px;
	      height: 40px;
	      line-height: 40px;
	      border-radius: 25px;
	      background: #f06c08;
	      color: #fff;
	      text-align: center;
	      position: relative;
	      margin-top: 50px;
	      font-size: 16px;
	    
	}
	.commonbox .con .fl .contenttext .txt p {
	   font-size:14px;
	    line-height: 30px;
	}
	.kclist dl{
		margin-bottom:20px;
	}
.kclist dl dt a{
	font-size:14px;
	float:right;
}
.hotkc h2 span.active{
	    color: #fff;
		border:1px solid #0431FF;
		background:#0431FF;
}
.hotkc li{
	
	display:inline-block;
	vertical-align:top;
	line-height:  30px;
	height: 30px;
	margin:0 20px 20px 0;
}
.hotkc li a{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
}

.commonbox .con .fl .jglist li{
	padding:20px 0;
	border-bottom:1px solid #E9ECF1;
}
.commonbox .con .fl .jglist li:last-child{
	border:none;
}
.commonbox .con .fl .jglist li a{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.commonbox .con .fl .jglist li a>img{
	width: 180px;
	height: 100px;
	margin-right:30px;
}
.commonbox .con .fl .jglist li a>div{
	width:80%
}
.commonbox .con .fl .jglist li a .font{
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
}
.commonbox .con .fl .jglist li a .font2{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 24px;
	height:48px;
	overflow:hidden;
	margin:10px 0;
	
}

.commonbox .con .fl .jglist li a .site{
	float:right;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	margin-top:-30px;
}
.commonbox .con .fl .jglist li a .site img{
	margin-right:5px;
}
.commonbox .con .fl .jglist li .ico span{
	height: 26px;
	background: #E5EEF9;
	border-radius: 3px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height:26px;
	padding:0 7px;
	display:inline-block;
	margin-right:5px;
}
.commonbox .con .fl .jglist li .ico i{
	color:rgba(0, 109, 255, 1);
	font-style:normal;
}

.commonbox .con .fl .box1{
	background: #FFFFFF;
	padding:30px 0;
	box-shadow:0 0 3px #ccc;
	
}
.commonbox .con .fl .box1 .ico{
	   display: flex;
	       justify-content: center;
	       /* padding-right: 50px; */
	       align-items: center;
	       width: 100%;
	          padding-right: 20px;
	
}
.commonbox .con .fl .box1 .listtab{
	padding:0 20px;
	display:flex;
}
.commonbox .con .fl .box1 .listtab>img{
	width: 180px;
	height: 140px;
	margin-right:30px;
}
.commonbox .con .fl .box1 .listtab .right{
	width:80%
}
.commonbox .con .fl .box1 .listtab .right .name{
	font-size:14px;
	color:rgba(51, 51, 51, 1);
	
}
.commonbox .con .fl .box1 .listtab .right p{
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.commonbox .con .fl .box1 .listtab .right p.name{
	font-weight:bold;
	    color: #FF8B00;
		font-size:20px;
}
.commonbox .con .fl .box1 .listtab .right p.site{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	float:right;
	margin-top:-30px;
}
.commonbox .con .fl .box1 .listtab .right p.site img{
	margin-right:10px;
}
.commonbox .con .fl .box1 .listtab .right .ico{
	text-align:left;
	margin:15px 0;
	justify-content: flex-start;
}
.commonbox .con .fl .box1 .listtab .right  .phone{
	margin-top:15px;
	float:none;
	text-align:right;
}
.commonbox .con .fl .box1 h2{
	font-size: 26px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align:center;
	line-height:35px;
	height:35px;
	width:94%;
    margin:0 auto 15px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.commonbox .con .fr .hot .kclist li,
.commonbox .con .fr .hot .kclist2 li{
	border:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	list-style:disc;
	line-height:30px;
	height:30px;
}

.commonbox .con .fr .hot .kclist li:hover a,
.commonbox .con .fr .hot .kclist2 li:hover a,
.header .fr .left .hot a:hover{
	    color: #006DFF;
}
.commonbox .con .fl .box1 a.col{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	background:url(../images/star1.png) no-repeat left center;
	padding-left:20px;
	float:right;
	
	padding-right:30px;
	
}
.commonbox .con .fl .box1 a.col.active{
	background:url(../images/star3.png) no-repeat left center;
	color:#006DFF;
}
.commonbox .con .fl .box1 .ico,
.commonbox .con .fl .box1 .btn{
	text-align:center;
}
.commonbox .con .fl .box1 .ico span{
	height: 30px;
	background: #E5EEF9;
	border-radius: 3px;
	line-height:30px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	padding:0 10px;
	margin:0 5px;
	display:inline-block;
}
.commonbox .con .fl .box1 .ico span i{
	font-style:normal;
	color:rgba(0, 109, 255, 1);
}
.commonbox .con .fl .box1 .price{
	text-align:center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
    margin: 25px 0 10px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    position: relative;
            width: 100%;
}
.commonbox .con .fl .box1 .price i{
	color:rgba(235, 61, 6, 1);
	font-size: 18px;
	font-weight:bold;
	font-style:normal;
}
.commonbox .con .fl .box1 .btn a{
	width: 140px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #006DFF;
	border-radius: 20px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #006DFF;
	line-height:40px;
	display:inline-block;
	text-align:center;
	margin:0 5px;
	position:relative;
}

.commonbox .con .fl .box1 .btn a:hover{
	background: #006DFF;
	color:#fff;
}
.commonbox .con .fl .box1 .btn a .telpop,
.commonbox .con .fl .box1 .listtab .right a .telpop,
.commonbox .con .fl .contenttext .titles a .telpop{
	 position: absolute;
	     top: -60px;
	     left: 0;
	     width: 130px;
	     box-shadow: 0 0 3px #ccc;
	     background: #fff;
	 display: none; 
	     line-height: 20px;
	     padding: 8px 0;
	     border-radius: 5px;
}
.commonbox .con .fl .box1 .btn a .telpop span,
.commonbox .con .fl .contenttext .titles a .telpop span,
.commonbox .con .fl .box1 .listtab .right a .telpop span{
	display:block;
	font-size:18px;
	color:#006DFF !important;
}
.commonbox .con .fl .box1 .listtab .right a .telpop{
	left:-5px;
}
.commonbox .con .fl .box1 .listtab .right a:hover .telpop,.commonbox .con .fl .contenttext .titles a:hover .telpop{
	display:block;
}
.commonbox .con .fl .box1 .btn a:hover .telpop{
	display:block;
}
.commonbox .con .fl .box1  .phone{
	float:right;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	
	padding-right:30px;
	position: absolute;
	    right: 0;
	cursor:pointer;
}

.commonbox .con .fl .box1  .phone .codepop{
	position: absolute;
	right: 0;
	top: -120px;
	z-index: 9999;
	width: 120px;
	display: none;
	left: 50%;
	transform: translate(-50%, 0);
}
.commonbox .con .fl .box1  .phone .codepop .triggle{
	width: 0;
	    height: 0;
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-bottom: 10px solid #fff;
	    margin: 0 20px 0 auto;
		display:none;
}    
.commonbox .con .fl .box1  .phone .codepop .codes {
    width: 100%;
    
	    border: 1px solid #ddd;
}	
.commonbox .con .fl .box1  .phone .codepop .codes img {
    width: 100%;
}
.commonbox .con .fl .box1 .phone:hover .codepop{
	display:block !important;
}
.commonbox .con .fl .box2{
	background:#fff;
	padding:20px;
	margin-top:20px;
}
.commonbox .con .fl .box2 table{
	width:100%
}
.commonbox .con .fl .box2 td{
	line-height: 44px;
	background: #F7F8FA;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	text-align:center;
}
.commonbox .con .fl .box2 th{
	line-height:40px;
	border-bottom:1px solid  #E9ECF1;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	text-align:center;
}

.commonbox .con .fl .box3{
	margin-top:20px;
}
.commonbox .con .fl .box3 .titles{
	line-height:40px;
}

.commonbox .con .fl .box3 .titles a{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-right:35px;
	line-height:40px;
	display:inline-block;
}
.commonbox .con .fl .box3 .titles a.active,
.commonbox .con .fl .box3 .titles a:hover{
	background:url(../images/border.png) no-repeat bottom center;
}
.commonbox .con .fl .box3 .tab{
	background:#fff;
	padding:20px;
	margin-bottom:15px;
	box-shadow:0 0 3px #ccc;
}
.commonbox .con .fl .box3 .tab img{
	width:auto;
	max-width:100%
}
.commonbox .con .fl .box3 .tab .links{
	margin-left:40px;
}
.commonbox .con .fl .box3 .tab .links li{
	font-size:14px;
	line-height:35px;
	list-style:disc;
}
.commonbox .con .fr .hot .tel>div{
	display:flex;
	align-items:flex-start;
}
.commonbox .con .fr .hot .tel>div>span{
	font-size:14px;
}
.commonbox .con .fr .hot .tel>div div span{
	    color: rgba(235, 61, 6, 1);
	    font-size: 18px;
	    font-weight: bold;
		display:block;
}
.commonbox .con .fr .hot  .style p{
	font-size:12px;
	line-height:25px;
}
.commonbox .con .fl .box3 .tab .links li span{
	    color: #999999;
		margin-left:20px;
}
.commonbox .con .fl .box3 .tab .links li:hover a{
	    color: #006DFF;
}
.commonbox .con .fl .box3 .tab h3{
	font-size:16px;
	font-weight:bold;
	color:#333;
	background:url(../images/dot.png) no-repeat left  center;
	padding-left:15px;
	margin-bottom:12px;
	
}
.commonbox .con .fl .box3 .tab p{
	    line-height: 30px;
	   
	    font-size: 14px;
	    font-family: Microsoft YaHei;
	    font-weight: 400;
	    color: #666666;
	 
	
}
.commonbox .con .fl .box3 .tab .tel p{
	color:red;
}
.commonbox .con .fl .box3 .tab .text,
.commonbox .con .fl .box3 .tab .form{
	margin-left:20px;
}
.commonbox .con .fl .box3 .tab .form p{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #006DFF;
	margin-bottom:40px;
}
.commonbox .con .fl .box3 .tab .form input{
	height: 56px;
	background: rgba(255,255,255,0);
	border: 1px solid #A0A0A0;
	border-radius: 5px;
	line-height:56px;
	width:48%;
	padding-left:20px;
	margin:0 3% 15px 0;
	box-sizing:border-box;
}
.commonbox .con .fl .box3 .tab .form input:nth-of-type(2n){
	margin-right:0;
}
.commonbox .con .fl .box3 .tab .form input.mg{
	margin-right:3%
}
.commonbox .con .fl .box3 .tab .form input.mg2{
	margin-right:0%
}
.commonbox .con .fl .box3 .tab .form textarea{
	height: 126px;
	background: rgba(255,255,255,0);
	border: 1px solid #A0A0A0;
	border-radius: 5px;
	width:100%;
	resize:none;
	padding-left:20px;
}
.commonbox .con .fl .box3 .tab .form button{
	width: 140px;
	height: 40px;
	background: #006DFF;
	border-radius: 20px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 40px;
	margin:20px auto 0;display:block;
}
.commonbox .con .fl .box3 .chapter{
	line-height: 80px;
	background: #FFFFFF;
	padding:0 20px;
		margin-bottom:15px;
	display:flex;
	justify-content:space-between;
	box-shadow:0 0 3px #ccc;
}
.commonbox .con .fl .box3 .chapter a{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333;
}
.commonbox .con .fl .box3 .chapter a span{
	color: #999999;
}

.commonbox .con .fl .box3 .tab .list li{
	height: 60px;
	background: #F7F7F7;
	border-radius: 3px;
	line-height:60px;
	margin-bottom:10px;
	padding:0 20px;
}
.commonbox .con .fl .box3 .tab .list li span{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	display:inline-block;
	width:7%
}

.commonbox .con .fl .box3 .tab .list li span:nth-of-type(2){
	width:60%
}
.commonbox .con .fl .box3 .tab .list li span:nth-of-type(5){
	width:10%
}

.commonbox .con .fl .teachers{
	background:#fff;
	padding:20px;
	border: 1px solid #EEEEEE;
}
.commonbox .con .fl .teachers>ul>li{
	width:32%;
	float:left;
	height: 300px;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: 3px;
	box-sizing:border-box;
	margin:0 2% .3rem 0;
	padding-top:20px;
}
.commonbox .con .fl .teachers>ul>li:nth-of-type(3n){
	margin-right:0;
}
.commonbox .con .fl .teachers img{
	width:110px;
	height:110px;
	border-radius:50%;
	margin:0 auto 20px;
	display:block;
}
.commonbox .con .fl .teachers>ul>li>a>span{
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	display:block;
	text-align:center;
}
.commonbox .con .fl .teachers .ico{
	text-align:center;
	margin:10px 0;
}
.commonbox .con .fl .teachers .ico span{
	height: 26px;
	background: #E5EEF9;
	border-radius: 3px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height:26px;
	padding:0 5px;
	margin:0 5px;
}
.commonbox .con .fl .teachers>ul>li .num{
	display:flex;
	align-items:center;
	justify-content:center;
}
.commonbox .con .fl .teachers>ul>li .num li{
	text-align:center;
	margin:0 15px;
}
.commonbox .con .fl .teachers>ul>li .num span{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.commonbox .con .fl .teachers>ul>li .num  p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	margin-top:5px;
}
.commonbox .con .fl .table .list{
	padding-bottom:20px;
}
.commonbox .con .fl .table h2{
	  background: #006DFF;
	      line-height: 40px;
	      font-size: 16px;
	      color: #fff;
	      padding-left: 20px;
		  margin-bottom:10px;
}
.commonbox .con .fl .table h2 span{
	    float: right;
	    padding-right: 20px;
	    font-size: 14px;
}
.commonbox .con .fl .table .list li{
	padding:30px 0;
	border-bottom:1px solid #E9ECF1;
}
.commonbox .con .fl .table .list2 li{
	border:1px solid #E9ECF1;
	 margin-bottom:10px;
	     padding-bottom: 20px;
}
.commonbox .con .fl .table .list3{
	border:1px solid #E9ECF1;
	padding:20px;
}
.commonbox .con .fl .table .list3 li{
	font-size:16px;
	line-height:40px;
	display:flex;
	    color: rgba(235, 61, 6, 1);
}
.commonbox .con .fl .table .list3 li a{
	display:inline-block;
	line-height:40px;
	height:40px;
	overflow:hidden;
	width:90%;
	margin-left:14px;
	text-overflow: ellipsis;
	    white-space: nowrap;
}
.commonbox .con .fl .table .list3 li font{
	  color: rgba(235, 61, 6, 1);
}
.commonbox .con .fl .table .list3 li:hover a{
	  color: rgba(235, 61, 6, 1);
}
.commonbox .con .fl .table .list3>a:hover{
	color: rgba(235, 61, 6, 1);
}
.commonbox .con .fl .table h2 span i{
	color: rgba(235, 61, 6, 1);
	font-style:normal;
}
.commonbox .con .fl .table .list2 li .title{
	       background-color: rgb(213, 231, 253);
    line-height: 35px;
    font-size: 17px;
    padding-left: 20px;
    font-weight: bold;
    color: rgba(235, 61, 6, 1);
	
}
.commonbox .con .fl .table .list2 li  .text{
	padding:20px;
}
.commonbox .con .fl .table .list2 li  .text p,
.commonbox .con .fl .table .list2 li  .text span{
	font-size:16px;
	line-height:30px;
}

.commonbox .con .fl .table .list2 li  .text div{
	display:flex;
	align-items:center;
}
.commonbox .con .fl .table .list2 li  .text .font{
	width:90%;
	display:block;
}
.commonbox .con .fl .table .list2 li  .text .font span{
	display:inline-block;
	width:45%;
	vertical-align:top;
}
.commonbox .con .fl .table .list2 li a{
	font-size:16px;
}
.commonbox .con .fl .table .list2 li a:hover{
	    color: rgba(235, 61, 6, 1);
}

.commonbox .con .fl .table .list2 li  .text .time{
	float:right;
	color: rgba(235, 61, 6, 1);
	font-size:16px;
}
.commonbox .con .fl .table .list li .font{
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
	height:30px;
	overflow:hidden;
}
.commonbox .con .fl .table .list li .ico{
	margin:10px 0;font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #999999;
}
.commonbox .con .fl .table .list li .ico span{
	height: 26px;
	background: #E5EEF9;
	border-radius: 3px;
	line-height:26px;
	padding:0 5px;
	margin-right:15px;
}
.commonbox .con .fl .table .list li  .font2{
	display:flex;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	align-items:flex-start;
}
.commonbox .con .fl .table .list li  .font2 p{
	width:90%
}
.commonbox .con .fl .table .list li:last-child{
	border:none;
}
.banner .swiper-slide img{
	width:100%;
	display:block;
}

.banner  .swiper-pagination-bullet{
	width: 40px;
	height: 4px;
	background: #FFFFFF;
	opacity: 0.3;
	border-radius:0;
}
.banner  .swiper-pagination-bullet-active{
	opacity:1;
}

.indexbox{
	padding:.4rem 0 .4rem;
	background:#fafafa;
}
.indexbox .box1 ul,
.indexbox .box2 ul{
	display:flex;
	justify-content:space-between;
}
.indexbox .box1 li{
	width: 24%;
	height: 100px;
	background: #FFFFFF;
	box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.0500);
	border-radius: 15px;
	padding:0px 30px 0;
	display:flex;
	align-items:center;
	box-sizing:border-box;
}
.indexbox .box1 li i{
	width: 66px;
	height: 66px;
	margin-right:30px;
	display:block;
}
.indexbox .box1 li span{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.indexbox .box1 li p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	margin-top:10px;
}
.indexbox .box1 li i{
	width: 66px;
	height: 66px;
	background: linear-gradient(163deg, #51B3FA 0%, #0072FF 100%);
	border-radius: 50%;
	display:flex;
	align-items:center;
	justify-content:center;
	
}
.indexbox .box1 li i img:last-of-type{
	display:none;
}
.indexbox .box1 li:hover i{
	background: #FFFFFF;
}
.indexbox .box1 li:hover i img:last-of-type{
	display:block;
}
.indexbox .box1 li:hover i img:first-of-type{
	display:none;
}
.indexbox .box1 li:hover{
	background: linear-gradient(90deg, #006DFF 0%, #0431FF 100%);
	box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.0500);
}
.indexbox .box1 li:hover span,.indexbox .box1 li:hover p{
	color:#fff;
}
.indexbox .box2{
	margin:.4rem 0 .2rem;
}
.indexbox .box2 li{
	width:24%;
	transition:all .3s;
}
.indexbox .box3 .tab li .pro{
	height:142px;
	overflow:hidden;
	transition:all .3s;
}
.indexbox .box3 .tab li:nth-of-type(1) .pro{
	height:250px;
}
.indexbox .box3:last-child .tab li:nth-of-type(1) .pro{
	height: 142px;
}
.indexbox .box2 li:hover {
	transform:translate(0,-5px)
}
.indexbox .box2 li img{
	width:100%
}

.indexbox .box3{
	background: #FFFFFF;
	border-radius: 10px;
	padding:30px 0px;
	margin-bottom:20px;
}
.indexbox .box3 .tab{
	display:none;
}

.indexbox .box3 .tab:first-child{
	display:block;
}
.indexbox .box3 .title{
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
	padding:0 15px;
}
.indexbox .box3 .title.color1 h2{
	color: #0431FF;
	border-left: 4px solid #0431FF;
}
.indexbox .box3 .title.color1 .center a:hover,
.indexbox .box3 .title.color1 .center a.active{
	color: #0431FF;
}
.indexbox .box3 .title.color2 h2{
	color: #B09752;
	border-left: 4px solid #B09752;
}
.indexbox .box3 .title.color2 .center a:hover,
.indexbox .box3 .title.color2 .center a.active{
	color: #B09752;
}
.indexbox .box3 .title.color3 h2{
	color:  #00BFFE;
	border-left: 4px solid  #00BFFE;
}
.indexbox .box3 .title.color3 .center a:hover,
.indexbox .box3 .title.color3 .center a.active{
	color:  #00BFFE;
}

.indexbox .box3 .title h2{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FE8D00;
	border-left:4px solid #FE8D00;
	padding-left:15px;
}
.indexbox .box3 .title .center a{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #A7B1B9;
	margin:0 10px;
}
.indexbox .box3 .title .center a:hover,
.indexbox .box3 .title .center a.active{
	color: #FE8D00;
}
.indexbox .box3 .title>a{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #A7B1B9;
}
.indexbox .box3 .tab li{
	padding:20px 15px;
	border-right:1px solid #eee;
	width:240px;
	float:left;
	box-sizing:border-box;
	height: 277px;
	margin-bottom:30px;
}
.indexbox .box3 .tab li:nth-of-type(1){
	width:480px;
}
.indexbox .box3 .tab li img{
	width:100%;
	height:100%;
	transition:all .3s;
}
.indexbox .box3 .tab li:hover img{
	transform:scale(1.1)
}
.header .fr .center,.header .fr .right{
	display:flex;
}
.indexbox .box3 .tab li p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
	margin-top:5px;
	padding-left:10px;
}

.indexbox .box3 .tab li p:nth-of-type(2){
	color:#666;
}
.indexbox .box3 .tab li p:nth-of-type(3){
	display:flex;
	justify-content:space-between;
}
.indexbox .box3:last-child .tab li p:nth-of-type(3),
.indexbox .box3:last-child .tab li p:nth-of-type(3) span{
	display:block;
}
.indexbox .box3 .tab li p span{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FF8B00;
}
.indexbox .box3 .tab li:nth-of-type(5),
.indexbox .box3 .tab li:nth-of-type(6),
.indexbox .box3 .tab li:nth-of-type(7),
.indexbox .box3 .tab li:nth-of-type(8),
.indexbox .box3 .tab li:nth-of-type(9){
	border-top:1px solid #eee;
}
.indexbox .box3 .tab li p.font span{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}
.indexbox .box3 .tab li p.font span i{
	color: #FF8B00;
	font-weight:bold;
	font-style:normal;
}
.indexbox .box3 .tab li  object a,
.indexbox .box3 .tab li em{
	display:block;
	
	color: #FF8B00;
	font-size: 18px;
	font-weight:bold;
}
.indexbox .box3 .tab li p.font span:last-of-type{
	font-size: 18px;
	font-family: Microsoft YaHei;
font-weight:bold;
	color: #FF8B00;
}
.indexbox .box3 .tab .list li:nth-of-type(1){
	width:240px;
}
.indexbox .box3 .tab .list li:nth-of-type(5){
	border-top:none;
}
.indexbox .box3 .tab .list li:nth-of-type(10){
	border-top:1px solid #eee;
}
.indexbox .box3 .tab .pic{
	padding:0 15px;
}
.indexbox .box3 .tab .pic .fl{
	width:21%;
	position:relative;
	height:450px;
	overflow:hidden;
}
.indexbox .box3 .tab .pic .fl>a>img{
	width:100%;
	transition:all .3s;
	border-radius:10px;
}
.indexbox .box3 .tab .pic .fl:hover>a>img{
	transform:scale(1.1)
}
.indexbox .box3 .tab .pic .fl .text{
	position:absolute;
	left:5%;
	top:40%;
	width:90%
}
.indexbox .box3 .tab .pic .fl .text span{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}
.indexbox .box3 .tab .pic .fl .text p{
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 18px;
	margin:15px 0;
}
.indexbox .box3 .tab .pic .fl .text p.font2{
	background:url(../images/bgg2.png) no-repeat center center/cover;
	height: 140px;
	padding:20px;
	box-sizing:border-box;
	overflow:hidden;
}
.indexbox .box3 .tab .pic .fr{
	width:78%
}
.indexbox .box3 .tab .pic .fr li{
	width:15.7%;
	border:none;
	height:auto;
	padding:0;
	margin:0 1% 15px 0;
}
.indexbox .box3 .tab .pic .fr li img{
	width:100%;
	height: 165px;
}
.indexbox .box3 .tab .pic .fr li:nth-of-type(6n){
	margin-right:0;
}
.indexbox .box3 .tab .pic .fr li span{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	    padding-left: 10px;
		margin-top:10px;
		display:block;
}
.indexbox .box3 .tab .pic .fr li p{
	line-height:20px;
	margin:0;
}

.partner{
	padding:80px 0 50px;
}
.partner .wrap>h2{
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	text-align:center;
	margin-bottom:30px;
}
.partner .wrap>p{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-bottom:50px;
	text-align:center;
}
.partner li{
	width:11.1%;
	height:80px;
	float:left;
	margin-bottom:20px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-bottom:20px;
}
.partner li img{
	max-width:90%;
	max-height:90%;
}

.leftside{
	position:fixed;
	left:10px;
    bottom:20px;
	z-index:999;
	
	border-radius: 3px;
	
}
.leftside li a{
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	padding:6px 5px;
	width:45px;
	text-align:center;
	display:block;
	background: #656D79;
}
.leftside li:hover a{
	background: #006DFF;
}
.leftside li:last-child a{
	background:url(../images/xl3.png) no-repeat center top 40px;
	padding:10px 5px 30px;
	background-color: #656D79;
}
.leftside li:last-child:hover a{
	background:url(../images/xl3.png) no-repeat center top 40px;
	background-color: #006DFF;
}

.submenus .menus a{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	margin:0 10px;
	line-height:60px;
	display:inline-block;
	padding:0 20px;
	vertical-align:top
} 
.submenu2{
	line-height:60px;

	border-bottom:1px solid  #F7F6F6;
	text-align:center;
}

.submenus .menus a.active{
	background: #006DFF;
	color:#fff;
}

.ztbox{
	background: #F7F6F6;
	padding:50px 0 30px;
}

.ztbox .con{
	background:#fff;
	padding:70px 70px 80px;
}
.ztbox .con h2{
	font-size: 26px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #3B3A3A;
	text-align:center;
	margin-bottom:20px;
}
.ztbox .con >p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #686868;
	line-height: 29px;
	margin:0 auto 50px;
	width:90%;
	text-align:center;
}
.ztbox .con .form .list span{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	width:90px;
	display:inline-block;
}
.ztbox .con .form .list #codeResult{
	height: 50px;
	    background: #FFFFFF;
	    border: 1px solid #E4E4E4;
	    line-height: 50px;
	    width:130px;
		margin-left:30px;
		cursor:pointer;
}
.ztbox.cardbox6 .con .form .list #codeResult{
	width:60px;
	margin-left:10px;
}
.ztbox .con .form .list input{
	width: 600px;
	height: 50px;
	background: #FFFFFF;
	border: 1px solid #E4E4E4;
	line-height:50px;
	padding-left:10px;
	box-sizing:border-box;
}
.ztbox .con .form .list input.short{
	width: 440px;
}
.ztbox .con .form .list{
	margin:0 auto 20px;
	text-align:center;
}
.ztbox .con .form .list textarea{
	height: 190px;
	background: #FFFFFF;
	border: 1px solid #E4E4E4;
	resize:none;
	width: 600px;
	padding-left:10px;
	box-sizing:border-box;
}
.ztbox .con .form  button{
	height: 50px;
	background: #006DFF;
	line-height: 50px;
	width: 600px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	margin:20px 0 0 26%
}
.ztbox .con .form .list i{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #BF1B22;

}
.ztbox .info{
	margin-top:50px;
}
.ztbox .info h3{
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #006DFF;
	margin-bottom:10px;
}
.ztbox .info p{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #686868;
	line-height: 29px;
}

.ztbox2{
	padding:60px 0;
}
	
.ztbox2 p{
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 32px;
	text-align:center;
	width:720px;
	margin:0 auto;
	
}
.ztbox2 p.tel{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #666666;
	margin-top:30px;
}
.ztbox2 p.tel i{
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #006DFF;
	font-style:normal;
}
.ztbox2 p.tel img{
	margin-right:5px;
}

.ztbox3{
	background: #F7F6F6;
	padding:45px 0;
}
.ztbox3 h3,	
.ztbox6 h2,
.ztbox7 h2,
.ztbox9 h2,
.ztbox10 h2,.ztbox11 h2{
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	text-align:center;
	margin-bottom:50px;
}
.ztbox10 h3{
	line-height: 55px;
	background: #006DFF;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	text-align:center;
}
.ztbox10 .list{
	background:#fff;
	display:flex;
	align-items:center;
	border-bottom:1px solid  #D8D8D8;
}

.ztbox11 {
	padding:70px 0;
}
.ztbox11 ul{
	display:flex;
	justify-content:space-between;
}
.ztbox11 li{
	width: 200px;
	height: 120px;
	background: #E8EAF3;
	border-radius: 10px;
	padding:0 20px;
	box-sizing:border-box;
	display:flex;
	align-items:center;
}
.ztbox11 li p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	
}
.ztbox11 li:nth-of-type(2){
	background: #F3E8F0;
}
.ztbox11 li:nth-of-type(3){
	background: #EEF3E8;
}
.ztbox11 li:nth-of-type(4){
background: #E8F3F1;
}
.ztbox11 li:nth-of-type(5){
background: #F3EEE8;
}
.ztbox10 .list span{
	width:20%;
	
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	text-align:center;
}
.ztbox10 .list>div{
	padding:20px 50px;
	border-left:1px solid  #D8D8D8;
}
	
.ztbox10 .list>div p{
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 26px;
	
}
.ztbox3  h4,.ztbox4 h4{
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #121212;
	margin-bottom:40px;
}
.ztbox3  h4 img{
	margin-right:10px;
}
.ztbox3 .con{
	background:#fff;
	padding:30px;
}
.ztbox3 .con p{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #3C3A3A;
	line-height: 32px;
	text-indent:2em;
}
.ztbox4{
	padding:40px 0;
}
.ztbox4 .wrap>img{
	max-width:100%;
	display:block;
	margin:0 auto
}

.ztbox4 li{
	background: #F7F6F6;
	margin-bottom:40px;
	display:flex;
	align-items:center;
}
.ztbox4 li>div{
	flex:auto;
}
.ztbox4 li>img{
	width: 380px;
	margin-right:50px;
}
.ztbox4 li span{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	width:30%;
	line-height:40px;
	display:inline-block;
	background:url(../images/dot.png) no-repeat left center;
	padding-left:10px;
}

.ztbox5{
	background: #F7F6F6;
	padding:60px 0 30px;
}

.ztbox5 .wrap{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.ztbox5 .wrap>img{
	width:440px;
	margin-right:40px;
}
.ztbox5 h3{
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	margin-bottom:40px;
}
.ztbox5 li{
	width:48%;
	display:inline-block;
	vertical-align:top;
	height: 168px;
	background: #FFFFFF;
	border: 2px solid rgba(255,255,255,0.8000);
	box-shadow: 0px 10px 13px 0px rgba(143,189,242,0.0600);
	margin:0 3% 40px 0;
	padding:30px;
	box-sizing:border-box;
}
.ztbox5 li p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 28px;
}
.ztbox5 li:nth-of-type(2n){
	margin-right:0;
}
.ztbox5 .con{
	background:#fff;
	padding:30px;
}
.ztbox5 .con p{
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 28px;
}

	
.ztbox6{
	padding-top:70px;
}
.ztbox6  .list{
	line-height:40px;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
	display:flex;
}
.ztbox6  .list span{
	
	display:inline-block;
	text-align:center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	width:14%;
	background: #5279E6;
}
.ztbox6  .list span:last-of-type{
	width:86%;
	background:#3b68e7;
	font-weight: bold;
	text-align:left;
	padding-left:50px;
	box-sizing:border-box;
}
.ztbox6  .list:nth-of-type(1) span:last-of-type{
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center;
	padding-left:0px;
}
.ztbox6  .table{
	margin-bottom:50px;
}
.ztbox6 .info{
	background: #F5F8FF;
	padding:50px 60px;
}

.ztbox6 .info p{
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 38px;
	background:url(../images/dot.png) no-repeat left center;
	padding-left:10px;
}
.ztbox6 .info p.font{
	background:none;
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #666666;
	margin-bottom:20px;
	line-height: 28px;
}

.ztbox7{
	padding:50px 0 70px;
}

.ztbox7 .ico{
	display:flex;
	justify-content:space-between;
}
.ztbox7 .ico img{
	display:block;
	margin:0 auto 10px;
}
.ztbox7 .ico span{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #151415;
	display:block;
	text-align:center;
	
}

.ztbox7 .text{
	border: 1px solid #D8D8D8;
	border-radius: 10px;
	padding:30px 40px;
	margin-top:30px;
}
.ztbox7 .text p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 28px;
}
.ztbox8{
	background: #3D3B70;
}
.ztbox8 h2,.ztbox8 h3,.ztbox8 .ico span{
	color:#fff;
}
.ztbox8 h2{
	margin-bottom:20px;
}
.ztbox8 h3{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	
	text-align:center;
	margin-bottom:50px;
}


.ztbox8 li{
	width:180px;
}

.ztbox9{
	padding:50px 0;
}
.ztbox9 li{
	background: #F5F5F5;
	border-radius: 10px;
	width:32%;
	border-bottom:20px solid #6078B4;
	height: 370px;
	box-sizing:border-box;
	float:left;
	margin:0 2% 0 0;
	padding:20px 45px 0;
}
.ztbox9 li:nth-of-type(3n){
	margin-right:0;
}
.ztbox9 li .title{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	line-height: 45px;
	margin-bottom:20px;
}

.ztbox9 li p{
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
}

.ztbox10{
	background: #F7F6F6;
	padding-bottom:40px;
}

.cardbox1{
	background: #F0F0F0;
	margin-top:-60px;
	padding-bottom:30px;
}
.cardbox1 .con{
	background:#fff;
	padding:70px 100px;
	position:relative;
	display:flex;
	
}
.cardbox1 .con .left{
	display:flex;
	margin-right:40px;
}
.cardbox1 .con .left .code{
	margin-right:40px;
}
.cardbox1 .con .left .code .border{
	width: 140px;
	height: 140px;
	display:flex;
	align-items:center;
	justify-content:center;
	border: 1px solid #BF1B22;
}
.cardbox1 .con .left .code .border img{
	max-width:90%
}
.cardbox1 .con .left .code p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #011212;
	text-align:center;
	margin-top:10px;
}.cardbox1 .con .tel p{
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #121212;
	line-height: 55px;
}
.cardbox1 .con .tel p img{
	margin-right:20px;
}
.cardbox1 .con .tel span{
	font-size:30px;
	color:#bf1b22;
}

.cardbox2{
	padding:40px 0;
}
.cardbox2 .wrap{
	border:1px dashed #ADADAD;
	padding:30px;
}
.cardbox2 .wrap p{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #231815;
	line-height: 30px;
	text-indent:2em;
}

.cardbox3{
	background:url(../images/bg3.png) no-repeat center center/cover;
	padding:30px 0 70px;
}
.cardbox3 h2{
	font-size: 34px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center;
	margin-bottom:40px;
}
.cardbox3 li{
	width:45%;
	display:inline-flex;
	align-items:flex-start;
	vertical-align:top;
	margin:0 9% .5rem 0;
}
.cardbox3 li:nth-of-type(2n){
	margin-right:0;
}
.cardbox3 li img{
	margin-right:20px;
}
.cardbox3 li span{
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
}
.cardbox3 li  p{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 29px;
	margin-top:10px;
}

.cardbox4{
	height: 180px;
	padding-top:45px;
	box-sizing:border-box;
	background:url(../images/bg4.png) no-repeat center center/cover;
}
.cardbox4 .wrap{
	display:flex;
	justify-content:center;
	align-items:center;
}
.cardbox4 a{
	width: 326px;
	height: 50px;
	background: linear-gradient(0deg, #FEEE41, #F6F895);
	border-radius: 10px;
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #BF1B22;
	line-height: 50px;
	display:inline-block;
	text-align:center;
	margin-left:50px;
}
.cardbox4 span{
	font-size: 34px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #f8f57d;
	line-height: 44px;

}
.cardbox4 p{
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 37px;
}

.cardbox5{
	padding:70px 0;
}
.cardbox5 h2{
	font-size: 34px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #3C3A3A;
	text-align:center;
}
.cardbox5 h3{
	font-size:18px;
	text-align:center;
}
.cardbox5 .titles{
	margin:50px 0;
	display:flex;
	padding:0 20px;
	    align-items: center;
	    justify-content: center;
	text-align:center;
}
.cardbox5 .titles::-webkit-scrollbar{
	display: none;
}
.cardbox5 .titles a{
	padding:0 20px;
	display:inline-block;
	text-align:center;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	height: 40px;
	line-height:40px;
	background: #F5F5F5;
	border-radius: 20px;
	margin:0 15px;
}
.cardbox5 .titles a.active{
	background: #BF1B22;
	color:#fff;
}
.cardbox5 table{
	width:100%;
	border: 1px solid #E3E3E3;
	margin-bottom:40px;
	display: none;
}
.cardbox5 table:first-of-type{
	display: table;
}
.cardbox5 td{
height: 46px;
background: #BF1B22;
 font-size: 18px;
 font-family: Microsoft YaHei;
 font-weight: bold;
 color: #FFFFFF;
 text-align:center;
}

.cardbox5 tr:nth-of-type(2) th{
	line-height:45px;
	background: #F1F1F1;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #3C3A3A;
	text-align:center;
}
.cardbox5 tr th{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #3C3A3A;
	text-align:center;
	line-height:45px;
	border-right: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}
.cardbox5 .info h2{
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #BF1B22;
	text-align:left;
}
.cardbox5 .info p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #686868;
	line-height: 29px;
}
.ztbox .con{
	    padding: 60px 20px 80px;
}
.cardbox6 .con .form .list{
	width:47%;
	display:inline-block;
}
.cardbox6 .form{
	display:flex;
	flex-wrap:wrap;
}
.cardbox6 .con .form .list input{
	
	width:70%
}
.cardbox6 .con .form .list2 input,
.cardbox6 .con .form .list2 textarea{
	width:83%
}
.cardbox6 .con .form .list input.short{
	width:77%
}
.cardbox6 .con .form button{
	background: #BF1B22;
	width:83%;
	margin: 20px 0 0 12.5%;
}

.cardbox7{
	padding:60px 0;
}
.cardbox7 h2{
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	text-align:center;
	margin-bottom:50px;
}
.cardbox7 li{
	border: 1px solid #E2E2E2;
	border-radius: 10px;
	width:48%;
	margin:0 4% 30px 0;
	float:left;
	padding:30px;
	display:inline-flex;
	align-items:center;
}
.cardbox7 li img{
	margin-right:30px;
}
.cardbox7 li:nth-of-type(2n){
	margin-right:0;
}
.cardbox7 li span{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
}
.cardbox7 li p{
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}

.cardbox5 .table2 td{
	background: #006DFF;
}

.cardbox5 .table2 tr:nth-of-type(2) th{
	background:#fff;
}

.layers{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	z-index:9999;
	display:none;
}

.layers .pops{
	width: 1000px;
	height: 440px;
	position:fixed;
	top:50%;
	left:50%;
	background:url(../images/bgg.png) no-repeat right center;
	transform:translate(-50%,-50%);
	background-color:#fff;
}
.layers .pops .form{
	width:400px;
	margin:50px  0 0 40px;
}
.layers .pops .form h2{
	font-size: 30px;
	font-family: AlibabaPuHuiTi-Regular;
	font-weight: 400;
	color: #000000;
	margin-bottom:30px;
}
.layers .pops .form input[type="text"]{
	width:100%;
	line-height: 54px;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #CCCCCC;
	padding-left:15px;
	margin-bottom:30px;
}
.layers .pops .form  .check{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
}
.layers .pops .form  .check a{
	color:rgba(0, 109, 255, 1)
}
.layers .pops .form button{
	height: 54px;
	background: #006DFF;
	border-radius: 5px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height:54px;
	width:100%;
	margin:10px 0 20px;
}
.layers .pops .form .last{
	display:flex;
	justify-content:space-between;
}
.layers .pops .form .last p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
}
.layers .pops .form .last a{
	color:rgba(0, 109, 255, 1)
}

.regist{
	padding:60px 0 150px;
}
.regist h2{
	font-size: 30px;
	font-family:AlibabaPuHuiTi-Regular;
	font-weight: 400;
	color: #000000;
	margin-bottom:70px;
	text-align:center;
}
.regist .list{
	display:inline-block;
	vertical-align:top;
	width:49%;
	margin-bottom:20px;
	
}
.regist .list span,
.regist .list2 span{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	display:inline-block;
	text-align:right;
	width:160px;
	vertical-align:middle;
	margin-right:20px;
	color: rgba(102, 102, 102, 1);
}
.regist .list2 span{
	vertical-align:top;
}
.regist .list span i{
	color: #F75151
}
.regist .list input{
	width: 400px;
	height: 54px;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	line-height:54px;
	padding-left:10px;
	box-sizing:border-box;
}
.regist .list input[type="radio"]{
	width:auto;
	vertical-align:middle;
}
.regist .list >i{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	font-style:normal;
	margin:0 70px  0 10px;
}
.regist  button{
	width: 400px;
	height: 54px;
	background: #006DFF;
	border-radius: 5px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 54px;
	margin:50px auto 30px;
	display:block;
}
.regist p.last{
	width: 400px;
	margin:0 auto;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
}
.regist p.last a{
	color:rgba(0, 109, 255, 1)
}
.regist .word{
	margin:0 0 30px 72px;
}
.regist .word p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	
	color: #333333;
	line-height: 24px;
}
.regist .word span{
	font-weight: bold;
}
.regist .list2{
	margin-bottom:20px;
}
.regist .list2 select{
	width: 320px;
	height: 54px;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	line-height:54px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #CCCCCC;
	padding-left:20px;
	margin-right:12px;
	background:url(../images/xl2.png) no-repeat right 10px center;
}
.regist .list2 textarea{
	height: 150px;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	padding-left:10px;
	width:82%;
	resize:none;
	box-sizing:border-box;
}

.regist .choose li{
	float:left;
	width:33%;
	text-align:center;
}
.regist .choose li img{
	display:block;
	margin:0 auto 20px;
}
.regist .choose li span{
	font-size: 18px;
	font-family: AlibabaPuHuiTi-Regular;
	font-weight: 400;
	color: #333333;
}
.regist .choose li .btn{
	width: 120px;
	height: 36px;
	background: #FFFFFF;
	border: 1px solid #006DFF;
	border-radius: 18px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #006DFF;
	line-height: 36px;
	display:block;
	margin:30px auto 0;
	text-align:center;
}

.regist .list input[type="button"]{
	width: 120px;
	height: 44px;
	font-size: 16px;
	float:right;
	line-height: 44px;
	margin:-50px 10px 0 0;
	position:relative;
	background: #006DFF;
	color:#fff;
	border:none;
	padding:0;
}
.regist .form2 .list{
	width:520px;
	margin:0 auto 20px;
	display:block
}
.regist .form2 .list span{
	width:90px;
}
.regist .form2 form> button{
	margin: 50px 0 30px 38%
}
.regist .form2 .last{
	display:flex;
	margin: 0px 0 0px 38%;
	justify-content:space-between;
}

.xy .con{
	width: 771px;
	margin:0 auto;
	height: 1023px;
	background:url(../images/bgg1.png) no-repeat center center/cover;
	padding:55px 50px;
	box-sizing:border-box;
}
.xy .con .text{
	height:852px;
	overflow-y:scroll;
}
.xy .con .text::-webkit-scrollbar{
	display:none;
}
.xy .con p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 23px;
}
.xy .con .btn{
	text-align:right;
	margin-top:30px;
}
.xy .con .btn a{
padding:0 30px;
	height: 36px;
	background: rgba(255,255,255,0);
	border: 1px solid #707070;
	border-radius: 18px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height:  36px;
	display:inline-block;
	text-align:center;
	margin-left:18px;
}

.centerlist{
	padding:35px 0 90px;
	background:#fcfcfc;
}
.centerlist .fl{
	background: #FFFFFF;
	border-radius: 4px;
	width:22%
}
.centerlist .fr{
	width:76%;
	background: #FFFFFF;
	border-radius: 4px;
	padding:0 40px 50px;
	box-sizing:border-box;
}
.centerlist .fl .pic{
	height: 170px;
	background:url(../images/bgg3.png) no-repeat center center/cover;
	padding:40px 15px;
}
.centerlist .fl .pic p{
	font-size: 16px;
	font-family: Microsoft YaHei;
	
	color: #000000;
}
.centerlist .fl ul{
	padding:20px 0;
}
.centerlist .fl li{
	width: 200px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color:#666;
	text-align:center;
	margin:0 auto 10px;
}
.centerlist .fl li.active{
	background: #006DFF;
	border-radius: 18px;
}
.centerlist .fl li a{
	display:block;
	text-align:center;
}
.centerlist .fl li.active a{
	color:#fff;
}
.centerlist .fr h2{
	line-height:80px;
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	border-bottom:1px solid #eee;
	margin-bottom:40px;
	background:url(../images/bo2.png) no-repeat bottom left;
}
.centerlist .fr h2 a{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	margin-right:20px;
}
.centerlist .fr h2 a.active{
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
}
.centerlist .fr .text p{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 24px;
	text-indent:2em;
}
.centerlist .fr .form .list{
	margin-bottom:20px;
}
.centerlist .fr .form .list span,
.centerlist .fr .form2 .jh>span{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666;
	margin-right:20px;
	text-align:right;
	width:90px;
	vertical-align:top;
	margin-top:15px;
	display:inline-block;
}
.centerlist .fr .form .list span i{
	color: #F75151
}
.centerlist .fr .form .list input,
.centerlist .fr .form .list select,
.centerlist .fr .form2 .jh select{
	
	width: 400px;
	height: 54px;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	line-height:54px;
	padding-left:10px;
	box-sizing:border-box;
}
.centerlist .fr .form .list select{
	width:320px;
	background:url(../images/xl2.png) no-repeat right 10px center;
}
.centerlist .fr .form2 .jh select{
	width: 100px;
	background:url(../images/xl2.png) no-repeat right 10px center;
}
.centerlist .fr .form2  .lists{
	margin-bottom:20px;
}
.centerlist .fr .form2  .lists span{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	margin-right:10px;
}
.centerlist .fr .form .list input.long{
	width: 716px;
}
.centerlist .fr .form .list  span.time{
	width:auto;
	float:right;
}
.centerlist .fr .form .list input[type="radio"]{
	width:auto;
	height:auto;
	margin-top:15px;
}
.centerlist .fr .form .list>i{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	font-style:normal;
	margin:15px 60px 0 10px;
}
.centerlist .fr .form .list p{
	display:inline-block;font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
margin-top:15px;
}
.centerlist .fr .form .btn{
	margin-left:110px;
}
.centerlist .fr .form .btn input{
	width: 180px;
	height: 54px;
	background: #006DFF;
	border-radius: 5px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;

        color: #fff;
	line-height:54px;
	display:inline-block;
	text-align:center;
}
.centerlist .fr .form .btn input[type="button"]{
	background: #006DFF;
	color:#fff;
	margin-left:10px;
}
.centerlist .fr .table table{
	width:100%
}
.centerlist .fr .table table td{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	text-align:center;
	line-height:40px;
}
.centerlist .fr .table table th{
	line-height: 44px;
		text-align:center;
	border-radius: 3px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.centerlist .fr .table table tr:nth-of-type(2n) th{
	background: #F7FAFF;
}
.centerlist .fr .table table th:nth-of-type(1),
.centerlist .fr .table table td:nth-of-type(1){
	padding-left:20px;
		text-align:left;
}
.centerlist .fr .table table .color1{
	
	color: #E54343;
}
.centerlist .fr .table table .color2{
	
	color: #43E59B;
}
.centerlist .fr .table table a{
	margin:0 4px;
}
.centerlist .fr .page3{
	float:right;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	margin-top:-90px;
}
.centerlist .fr .page3 span{
	color:#006DFF
}

.centerlist .fr .form .list .txt{
	width:auto;
	margin-left:10px;
}
.centerlist .fr .form2 .list input{
	width:320px;
}
.centerlist .fr .form2 p.blue{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #006DFF;
	margin:20px 0;
}
.centerlist .fr .form2 p.red{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FF3B3B;
}
.centerlist .fr .form2 .note{
	margin-bottom:30px;
}
.centerlist .fr .form2 .note p{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 24px;
}
.centerlist .fr .form2 textarea{
	    width: 716px;
		height: 150px;
		background: #FFFFFF;
		border: 1px solid #DCDCDC;
		border-radius: 5px;
		resize:none;
		padding-left:10px;
}
.centerlist .fr .form2 .jh{
	display:flex;
	align-items:flex-start;
}
.centerlist .fr .form2 .jh>span{
	margin-top:15px;
}
.centerlist .fr .form2 .jh .lists span:last-of-type{
	margin-left:20px;
}
.centerlist .fr .form .list3 select{
	width:228px;
	margin-right:10px;
}



/*最新注册*/
.regist2{
	padding:60px 0 150px;
}
.regist2 h2{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-bottom: 1px solid #e7e7e7;
	
}
.regist2 h2 span{
	font-size: 20px;
	font-family:AlibabaPuHuiTi-Regular;
	font-weight: 400;
	color: #666;
	display: block;
	width: 260px;
	height: 50px;
	line-height: 50px;
	text-align:center;
	border: 1px solid #e7e7e7;
	border-bottom: none;
	box-sizing: border-box;
	margin: 0 auto;
}
.regist2 .form{
	margin-top: 20px;
}
.regist2  .list{
	margin: 0 auto;
	display:block;
	vertical-align:top;
	width:600px;
	margin-bottom:20px;
	
}
.regist2  .list span{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	display:inline-block;
	text-align:right;
	width:100px;
	vertical-align:middle;
	margin-right:12px;
	color: rgba(102, 102, 102, 1);
}

.regist2 .list input{
	width: 460px;
	height: 54px;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	line-height:54px;
	padding-left:10px;
	box-sizing:border-box;
}
.regist2 .yzm input{
	width: 360px;
}
.regist2 .yzm em{
	display: inline-block;
	width: 90px;
	text-align: center;
	height: 54px;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	line-height:54px;
	background: url(../images/yzm.png) no-repeat center;
	margin-left: 5px;
	cursor: pointer;
	font-size: 22px;
	vertical-align: sub;
}
.regist2 .list button{
	width: 460px;
	height: 54px;
	background: #006DFF;
	border-radius: 5px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 54px;
	display:block;
	margin-left: 112px;
}
.regist2 p.last{
	width: 460px;
	margin-left:112px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(102, 102, 102, 1);
	text-align: right;
}
.regist2 p.last a{
	color: #006DFF;
}
.regist2 p.last a em{
	color: rgba(102, 102, 102, 1);
	padding-right: 5px;
}

.liststextarea{
    width: 400px;
    height: 120px;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    line-height: 54px;
    padding-left: 10px;
    box-sizing: border-box;
}