*{padding:0; margin:0;}
li{list-style:none;}
a{text-decoration:none;}
b,strong,h2{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;border: none;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{font-family: 'Microsoft YaHei',sans-serif;color: #222226;}
.wrap{width: 100%;overflow: hidden;text-align: center;}

.main{
    margin:0 auto;
    width:1024px;
}
.header{
    width:100%;
    height:100px;
}
.header .logo{
    margin-top:32px;
    float:left;
    width:118px;
    height:36px;
}
.header .logo-text{
    margin-top:32px;
    margin-left:11px;
    padding-left:10px;
    float:left;
    text-align:left;
    font-size:16px;
    color:#888888;
    line-height:18px;
    /*border-left:1px solid #ffa200;*/
}
.header .phone{
    margin-top:34px;
    padding-left:39px;
    float:right;
    font-size:18px;
    color:#888888;
    line-height:30px;
    background:url("../img/phone.png") no-repeat left center;
}
.banner{
	margin:0 auto;
	width:100%;
	height:680px;
	position:relative;
}
#banner{
	width:100%;
	max-width:1920px;
	height:640px;
}
#banner .swiper-slide{
	width:100%;
	height:640px;
	position:relative;
	overflow:hidden;
}
#banner img{
	top:0;
	left:50%;
	margin-left:-960px;
	width:1920px;
	height:640px;
	position:absolute;
}
.pagination {
	width:100%;
	bottom:100px;
	z-index:9999;
	text-align:center;
	position: absolute;
}
.swiper-pagination-switch {
	width:9px;
	height:9px;
	margin:0 2.5px;
	cursor:pointer;
	display:inline-block;
	background:none;
	border:1px solid #00fffc;
	border-radius:100%;
}
.swiper-active-switch {
	width:9px;
	height:9px;
	background:#00fffc;
}
.nav{
	top:20px;
	left:50%;
	margin-left:-300px;
	z-index:9999;
	position:absolute;
}
.nav li{
	margin-right:50px;
	float:left;
	position:relative;
}
.nav li a{
	font-size:20px;
	color:#ffffff;
	text-align:center;
}
.nav li.act span,.nav li:hover span{
	top:30px;
	left:50%;
	margin-left:-25px;
	width:50px;
	height:5px;
	position:absolute;
	background:url("../img/nav-tag.png") no-repeat center;
}
.menu{
	top:0;
	left:50%;
	margin-left:-512px;
	width:165px;
	height:535px;
	z-index:9999;
	position:absolute;
	border-top: 2px solid #00fffc;
	/* background:#223ea0; */
	background:url('../img/menubtmbg.png') no-repeat center bottom rgba(0,0,0,0.35);
	display: flex;
	align-items: center;
}
.menu .menu-tit{
	position: absolute;
	width:25px;
	height:340px;
	top: 50%;
	margin-top: -170px;
	left: 0;
	border:1px solid #ffa200;
	
}
.menu .menu-tit li{
	float:left;
	display: flex;
	align-items: center;
	width:100%;
	height:33.3%;
	font-size:16px;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
	/* line-height:35px; */
	position:relative;
	border-bottom:1px solid #ffa200;
	transition:0.4s;
}
.menu .menu-tit li:nth-child(1){
	height: 90px;
}
.menu .menu-tit li:nth-child(2){
	height: 140px;
}
.menu .menu-tit li:nth-child(3){
	height: 110px;
	border: none;
}
.menu .menu-tit li.act{
	background:#ffa200;
	transition:0.4s;
}
/* .menu .menu-tit li.act span{
	left:50%;
	bottom:0;
	margin-left:-27.5px;
	width:55px;
	height:3px;
	display:block;
	position:absolute;
	background:#ffa200;
} */
.menu .menu-div{
	margin-left:30px;
	width:140px;
	/* height:450px; */
}
.menu .menu-div > ul{
	/* margin-top:14px; */
	width:135px;
	height:450px;
	display:none;
}
.menu .menu-div > ul.act{
	display:block;
}
.menu .menu-div > ul > li{
	margin:0 auto 6px;
	width:135px;
	height:30px;
	cursor:pointer;
	position:relative;
}
.menu .menu-div > ul > li > a{
	font-size:16px;
	line-height:28px;
	display:block;
	color:#ffffff;
}
.menu .menu-div > ul > li.big{
	height:66px;
	line-height:28px;
}
.menu .menu-div > ul > li:hover{
	width:120px;
	height:28px;
	color:#00fffc;
	border:1px solid #00fffc;
}
.menu .menu-div > ul > li.big:hover{
	height:64px;
}
.menu .menu-div > ul > li .info{
	top: -14px;
	left: 128px;
	width: 82px;
	height: 282px;
	display: none;
	overflow: hidden;
	position: absolute;
	transition: 0.4s;
}
.menu .menu-div > ul > li.l1 .info{
	top:-50px;
}
.menu .menu-div > ul > li.l2 .info{
	top:-86px;
}
.menu .menu-div > ul > li.l3 .info{
	top:-122px;
}
.menu .menu-div > ul > li.l4 .info{
	top:-158px;
}
.menu .menu-div > ul > li.l5 .info{
	top:-194px;
}
.menu .menu-div > ul > li.l6 .info{
	top:-230px;
}
.menu .menu-div > ul > li:hover .info{
	display:block;
}
.menu .menu-div > ul > li .info ul{
	top: 0;
	left: 0;
	width: 80px;
	height: 280px;
	position:absolute;
	background:url("../img/menu-tag2.png") no-repeat center #2c52d1;
	background:url("../img/menuright.png") no-repeat right bottom rgba(0,0,0,0.15);
	border:1px solid #00fffc;
	transition:0.4s;
}
.menu .menu-div > ul > li .info ul li.first{
	margin-top:13px;
}
.menu .menu-div > ul > li .info ul li{
	margin-bottom:13px;
	width:100%;
}
.menu .menu-div > ul > li .info ul li .tag{
	width:100%;
	height:37px;
}
.menu .menu-div > ul > li .info ul li .tag.t1{
	background:url("../img/menu-tag2-1.png") no-repeat center top;
	background-size: 24px auto;
}
.menu .menu-div > ul > li .info ul li .tag.t2{
	background:url("../img/menu-tag2-2.png") no-repeat center top;
	background-size: 24px auto;
}
.menu .menu-div > ul > li .info ul li .tag.t3{
	background:url("../img/menu-tag2-3.png") no-repeat center top;
	background-size: 24px auto;
}
.menu .menu-div > ul > li .info ul li .tag.t4{
	background:url("../img/menu-tag2-4.png") no-repeat center top;
	background-size: 24px auto;
}
.menu .menu-div > ul > li .info ul li p{
	font-size:14px;
	color:#ffffff;
	line-height:16px;
	text-align:center;
}
.menu .menu-btn{
	margin:-14px auto 0;
	width:110px;
	height:30px;
	font-size:18px;
	color:#ffffff;
	display:block;
	text-align:center;
	line-height:30px;
	background:#ffa200;
	border-radius:4px;
}
.stripes{
	top:590px;
	left:50%;
	margin-left:-490px;
	width:995px;
	height:160px;
	z-index:9999;
	position:absolute;
	background:url("../img/stripes.png") no-repeat center;
}
.stripes ul{
	margin-top:60px;
	margin-left:70px;
	width:1024px;
}
.stripes ul li{
	margin-right:34px;
	padding-left:55px;
	float:left;
	height:48px;
	cursor:pointer;
	position:relative;
}
.stripes ul li h2{
	font-size:18px;
	line-height:24px;
	text-align:left;
	color:#ffffff;
}
.stripes ul li h2 b{
	font-size:20px;
	font-weight:bold;
}
.stripes ul li.l1{
	background:url("../img/stripes-tag1.png") no-repeat left center;
}
.stripes ul li.l2{
	background:url("../img/stripes-tag2.png") no-repeat left center;
}
.stripes ul li.l3{
	background:url("../img/stripes-tag3.png") no-repeat left center;
}
.stripes ul li.l4{
	background:url("../img/stripes-tag4.png") no-repeat left center;
}
.stripes ul li span{
	top:0;
	left:-24px;
	width:5px;
	height:45px;
	display:block;
	position:absolute;
	background:url("../img/stripes-line.png") no-repeat left center;
}



	/*banner*/
/*.banner{width: 100%;height: 768px;position: relative;}*/
/*.banner .img1{background: url(../img/banner1.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img2{background: url(../img/banner2.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img3{background: url(../img/banner3.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img4{background: url(../img/banner4.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img5{background: url(../img/banner10.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img6{background: url(../img/banner9.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .imgzz{background: url(../img/bannerzz2.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img1024{background: url(../img/banner1024-1.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .imgsd{background: url(../img/banner-2019sd.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .imgcj{background: url(../img/banner-cj.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img20201{background: url(https://bj.tedu.cn/2020/banner1-1920x640.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img20202{background: url(https://bj.tedu.cn/2020/banner2-1920x640.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img2020n1{background: url(../img/banner2020-n1.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img2020n2{background: url(../img/banner2020-n2.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .imgn1{background: url(../img/banner-n1.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img2020n3{background: url(../img/banner2020-n3.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/


/*.pagination {*/
    /*width: 100%;*/
    /*bottom: 102px;*/
    /*z-index: 99999;*/
    /*text-align: center;*/
    /*position: absolute;*/
/*}*/
/*.swiper-pagination-switch {*/
    /*width: 25px;*/
    /*height: 5px;*/
    /*margin: 0 5px;*/
    /*display: inline-block;*/
    /*background: #fff;*/
    /*opacity: 0.8;*/
    /*cursor: pointer;*/
/*}*/
/*.swiper-active-switch {*/
    /*background: #27ffa6;*/
/*}*/
/*.nav{position: absolute;width: 1000px;left: 50%;margin-left: -500px;top: 24px;z-index: 999;}*/
/*.nav h1{width: 114px;height: 34px;}*/
/*.nav h1 a{width: 100%;height: 100%;background: url(../img/logo.png) no-repeat;display: block;text-indent: -99em;}*/
/*.nav .con{height: 34px;border-left: 1px solid #fff;margin-left: 12px;padding-left: 12px;}*/
/*.nav .con p{font-size: 14px;color: #fff;text-align: left;margin-top: -3px;}*/
/*.nav ul{font-size: 16px;}*/
/*.nav ul a{color: #fff;line-height: 34px;display: block;width: 100%;height: 100%;position: relative;}*/
/*.nav ul a span{height: 2px;background: #ffa619;width: 0%;position: absolute;left: 0;bottom: -4px;transition: 0.6s;}*/
/*.nav ul li{margin-right: 20px;}*/
/*.nav ul li.last{margin-right: -20px;}*/
/*.nav ul a:hover span{width: 100%;transition:.6s;}*/

.sub_nav{
    position:absolute;
    top: 80px;
    left: 0;
    right:0;
    background: rgba(96,102,242,0.96);
    background: #fff \9;
    filter:alpha(opacity=50);
    -ms-filter:alpha(opacity=50);
    text-align: center;
    height: 40px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 99999999999;
}
.sub_nav_ul{
	margin-left:-70px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
.sub_nav_ul li{
    display: inline-block;
    text-align: center;
    font-size: 16px;
    float: left;
}
.sub_nav_ul li a{
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    border-right: 1px solid #fff;
}
.sub_nav_ul li.last a{
    border-right:none;
}
.sub_nav_ul li a:hover{
    background: #fff;
    color: #0195bf;
    border-right:none;
    margin-left: -1px;
}
/*.nav li a {*/
    /*font-size: 16px;*/
/*}*/
/*.nav em{*/
    /*position: absolute;*/
    /*right: -12px;*/
    /*top: 10px;*/
    /*font-size: 14px;*/
    /*cursor: pointer;*/
/*}*/
/*.nav em img{*/
    /*animation:nav_img 1s infinite;*/
    /*transform: translateY(-8px);*/
/*}*/

/*@-webkit-keyframes nav_img {*/
    /*0%{*/
        /*opacity: 0;*/
        /*transform: translateY(0px);*/
    /*}*/
    /*50%{*/
        /*opacity: 1;*/
        /*transform: translateY(4px);*/
    /*}*/
    /*100%{*/
        /*opacity: 0;*/
        /*transform: translateY(-8px);*/
    /*}*/
/*}*/
/*@-moz-keyframes nav_img {*/
    /*0%{*/
        /*opacity: 0;*/
        /*transform: translateY(0px);*/
    /*}*/
    /*50%{*/
        /*opacity: 1;*/
        /*transform: translateY(4px);*/
    /*}*/
    /*100%{*/
        /*opacity: 0;*/
        /*transform: translateY(-8px);*/
    /*}*/
/*}*/
/*@-o-keyframes nav_img {*/
    /*0%{*/
        /*opacity: 0;*/
        /*transform: translateY(0px);*/
    /*}*/
    /*50%{*/
        /*opacity: 1;*/
        /*transform: translateY(4px);*/
    /*}*/
    /*100%{*/
        /*opacity: 0;*/
        /*transform: translateY(-8px);*/
    /*}*/
/*}*/
/*@keyframes nav_img {*/
    /*0%{*/
        /*opacity: 0;*/
        /*transform: translateY(0px);*/
    /*}*/
    /*50%{*/
        /*opacity: 1;*/
        /*transform: translateY(4px);*/
    /*}*/
    /*100%{*/
        /*opacity: 0;*/
        /*transform: translateY(-8px);*/
    /*}*/
/*}*/
/*.banner .liuy{width: 1275px;position: absolute;left: 50%;top: 90px;margin-left: -637.5px;z-index: 999;animation: totop2 3s linear infinite;!*transition: 0.3s;*!opacity: 1;!*filter:alpha(opacity=100);*!}*/
/*!*.banner .addopa{opacity: 0;filter:alpha(opacity=0);transition: 0.3s;}*!*/

/*@keyframes totop2{*/
	/*0%{*/
		/*top:80px;*/
	/*}*/
	/*50%{*/
		/*top: 100px;*/
	/*}*/
	/*100%{*/
		/*top: 80px;*/
	/*}*/
/*}*/
/*.ly_bg{background: url(../img/ly.png) no-repeat;width: 348px;height: 484px;position: absolute;left: 102px;}*/
/*.ly_bg form{width: 233px;margin: 158px auto;}*/
/*.in_bg{width: 100%;height: 54px;background: url(../img/input1.png) no-repeat;border: none;position: relative;margin-bottom: 12px;} */
/*.in_bg input{width: 158px;height:44px;border: none;position: absolute;right: 10px;top: 1px;background: none;border-radius: 30px;}*/
/*.in_bg2{background: url(../img/input2.png) no-repeat;}*/
/*.in_bg3{background: url(../img/input3.png) no-repeat;}*/
/*#phoneCodee{width: 90px;right: 78px;}*/
/*.in_bg3 p{position: absolute;right: 16px;line-height: 46px;cursor: pointer;font-size: 14px;color: #2b2c38;width: 90px;}*/
/*#submsgg{background: url(../img/ly_btn.png) no-repeat;width: 135px;height: 36px;margin: 20px auto;display: block;border: none;cursor: pointer;}*/
/*.banner .pos{background: url(../img/bg1.png) no-repeat;width: 1084px;height: 202px;position: absolute;left: 50%;margin-left: -542px;bottom:0;z-index: 999;}*/
/*.pos ul{width: 1000px;margin: 48px auto;text-align: left;}*/
/*.pos ul img{margin:10px 16px 0 30px;}*/
/*.pos ul h2{font-size: 20px;color: #323232;line-height: 30px;transition: 0.3s;}*/
/*.pos ul h2 .two{font-size: 18px;color: #666;margin-left: 2px;}*/
/*.pos ul li{border-right:1px solid #d1d1d1;padding-right: 26px;cursor: pointer;}*/
/*.pos ul li.last{border-right: none;}*/
/*.pos ul li:hover h2,.pos ul li:hover .two{color: #6066f2;transition: 0.3s;}*/


/*cert*/
.cert{width: 100%;height: 180px;background: url(../img/bg2.png) no-repeat top center;margin-top:120px;position: relative;z-index: 2;}
.cert .con{width: 1078px;margin: 0 auto;position: relative;padding-top: 32px;text-align: left;color: #fff;}
.cert h2{height: 44px;line-height: 44px;font-weight: bold;font-size: 44px;margin-bottom: 12px;}
.cert h2 img{margin-right: 16px;}
.cert p{font-size: 26px;}
.cert a{position: absolute;right: 196px;top: 56px;width: 158px;line-height: 40px;height: 40px;border-radius: 30px;background: #ffa619;font-size: 24px;color: #fff;text-align: center;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16);}
.cert .posImg{position: absolute;right: -48px;top: 2px;}

/* .p4 #new_qiehuan li .xianshi{
    color: #ffa619;
} */
.p4 #new_qiehuan  .xianshi h3 {
    color: #ffa619 !important;
	transition: 0.6s;
}


/*p1*/
.mart{margin-top: -30px;padding-bottom: 50px;}
.mart h2{padding-top: 68px;}
.p1{width: 100%;background: #f3f3f3;}
.p1 h2{font-size: 40px;margin-bottom: 30px;}
.p1 .txt{font-size: 18px;color: #9b9b9b;margin: 10px auto 60px;}
.p1 .conBox{width: 946px;margin: 0 auto;}
.p1 .conBox li{width: 276px;height: 256px;background: #6066f2;margin-right: 56px;margin-bottom: 50px;position: relative;box-shadow: 0px 0px 20px 6px rgba(23,18,92,0.09);cursor: pointer;overflow: hidden;}
#last{margin-right: -56px;}
.p1 .conBox li h4{width: 100%;height: 100%;position: absolute;left: 0;top: -256px;z-index: 2;transition: 0.6s;}
.p1 .conBox li .top{width: 100%;height: 54px;color: #fff;font-size: 20px;line-height: 54px;background: url(../img/class01.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top1{background: url(../img/class02.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top3{background: url(../img/class03.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top4{background: url(../img/class04.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top5{background: url(../img/class05.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top6{background: url(../img/class06.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top7{background: url(../img/class07.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top8{background: url(../img/class08.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .top9{background: url(../img/class09.png) no-repeat 10px 0px #6066f2;}
.p1 .conBox li .bot{width: 100%;height: 202px;background: url(../img/bg.jpg) no-repeat;}
.conBox li .bot b{font-size: 18px;color: #313132;padding-top: 54px;display: block;}
.conBox li .bot b.two{font-size:18px;color: #6166f2;padding-top: 10px;font-weight: bold;}
.conBox li .bot b i{font-size: 30px;}
.p1 .conBox li.on h4{top: 0;transition: 0.6s;}





.p1 .more{width: 200px;height: 48px;border: 1px solid #6066f2;border-radius: 30px;margin: 0 auto;cursor: pointer;}
.p1 .more p{font-size: 22px;color: #6066f2;line-height: 48px;text-align: left;padding-left: 28px;}
.p1 .more img{margin-top: 11px;margin-left: 6px;animation: totop 1.2s linear infinite;}
.dis{display: none;}
@keyframes totop{
	0%{
		margin-top: 8px;
	}
	50%{
		margin-top:12px;
	}
	100%{
		margin-top: 8px;
	}
}
.p1 .conBox li h3{width: 250px;height: 230px;border: 1px solid #7379ff;margin: 10px auto;position: relative;}
.conBox li h3 i{width: 6px;height: 6px;background: #7379ff;position: absolute;}
.conBox li h3 i.one{left: -3px;top: -3px;animation: route1 6s infinite linear;}
.conBox li h3 i.two{left: 247px;top: -3px;animation: route2 6s infinite linear;}
.conBox li h3 i.thr{left: 247px;top: 227px;animation: route3 6s infinite linear;}
.conBox li h3 i.fou{left: -3px;top: 227px;animation: route4 6s infinite linear;}
.conBox li h3 img{margin-top: 33px;}
.conBox li h3 p{font-size: 18px;color: #fff;font-weight: normal;margin-top: 30px;}

@keyframes route1{
	0%{
		left: -3px;
		top: -3px;
	}
	25%{
		left: 247px;
		top: -3px;
	}
	50%{
		left: 247px;
		top: 227px;
	}
	75%{
		left: -3px;
		top: 227px;
	}
	100%{
		left: -3px;
		top: -3px;
	}
}

@keyframes route2{
	0%{
		left: 247px;
		top: -3px;
	}
	25%{
		left: 247px;
		top: 227px;
	}
	50%{
		left: -3px;
		top: 227px;
	}
	75%{
		left: -3px;
		top: -3px;
	}
	100%{
		left: 247px;
		top: -3px;
	}
}
@keyframes route3{
	0%{
		left: 247px;
		top: 227px;
	}
	25%{
		left: -3px;
		top: 227px;
	}
	50%{
		left: -3px;
		top: -3px;
	}
	75%{
		left: 247px;
		top: -3px;
	}
	100%{
		left: 247px;
		top: 227px;
	}
}
@keyframes route4{
	0%{
		left: -3px;
		top: 227px;
	}
	25%{
		left: -3px;
		top: -3px;
	}
	50%{
		left: 247px;
		top: -3px;
	}
	75%{
		left: 247px;
		top: 227px;
	}
	100%{
		left:-3px;
		top: 227px;
	}
}

/*p2*/
.p2,.p3{background: #fff;padding-top: 100px;}
.p2{padding-bottom:100px;}
.ke_part3{margin-top: 50px;height: 318px;}
.ke_part3_ul li{float: left;display: inline-block;width: 10%;padding-top: 39px;padding-bottom: 39px;text-align: center;position: relative;cursor: pointer;}
.ke_bg{position: absolute;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.ke_part3_ul li > span{width: 114px;height: 114px;display: inline-block;}
@media (max-width: 1700px){
	.p2{padding-bottom:0px;}
    .ke_part3_ul li{padding-top: 32px;padding-bottom: 32px;}
    .ke_part3_ul li > span{width: 90px;height: 90px;display: inline-block;    }
}
@media (max-width: 1400px){
    .ke_part3_ul li{padding-top: 26px;padding-bottom: 26px;    }
    .ke_part3_ul li > span{width: 90px;height: 90px;display: inline-block;    }
}

@media (min-width: 1700px){
    .p3 {padding-top: 120px;}
}


.ke_part3_ul li > span >img{width: 100%;}
.ke_part3_ul .ke_li_1{background: #e84838;}
.ke_part3_ul .ke_li_1 > span{background-position: left top;}
.ke_part3_ul .ke_li_2{background: #24353d;}
.ke_part3_ul .ke_li_2 > span{background-position: -150px top;}
.ke_part3_ul .ke_li_3{background: #ef4a1a;}
.ke_part3_ul .ke_li_3 > span{background-position: -280px top;}
.ke_part3_ul .ke_li_4{background: #de2986;}
.ke_part3_ul .ke_li_4 > span{background-position: -420px top;}
.ke_part3_ul .ke_li_5{background: #18a966;}
.ke_part3_ul .ke_li_5> span{background-position: -585px top;}
.ke_part3_ul .ke_li_6{background: #357dcf;}
.ke_part3_ul .ke_li_6 >span{background-position: -750px top;}
.ke_part3_ul .ke_li_7{background: #4c97ce;}
.ke_part3_ul .ke_li_7 >span{background-position: -900px top;}
.ke_part3_ul .ke_li_8{background: #1892c5;}
.ke_part3_ul .ke_li_8 >span{background-position: -1050px top;}
.ke_part3_ul .ke_li_9{background: #2cb0b5;}
.ke_part3_ul .ke_li_9 span{background-position: -1200px top;}
.ke_part3_ul .ke_li_10{background: #5d50a0;}
.ke_part3_ul .ke_li_10 >span{background-position: -1350px top;}
.ke_part3_ul .ke_li_11{background: #ce1b1e;}
.ke_part3_ul .ke_li_11 >span{background-position: left bottom;}
.ke_part3_ul .ke_li_12{background: #314491;}
.ke_part3_ul .ke_li_12 span{background-position: -135px bottom;}
.ke_part3_ul .ke_li_13{background: #f0a122;}
.ke_part3_ul .ke_li_13 >span{background-position: -285px bottom;}
.ke_part3_ul .ke_li_14{background: #7eb408;}
.ke_part3_ul .ke_li_14 span{background-position: -438px bottom;}
.ke_part3_ul .ke_li_15{background: #68403e;}
.ke_part3_ul .ke_li_15 >span{background-position: -580px bottom;}
.ke_part3_ul .ke_li_16{background: #2d2d2d;}
.ke_part3_ul .ke_li_16 >span{background-position: -740px bottom;}
.ke_part3_ul .ke_li_17{background: #d47114;}
.ke_part3_ul .ke_li_17 >span{background-position: -880px bottom;}
.ke_part3_ul .ke_li_18{background: #0f8498;}
.ke_part3_ul .ke_li_18 >span{background-position: -1035px bottom;}
.ke_part3_ul .ke_li_19{ background: #3776ab;}
.ke_part3_ul .ke_li_19 >span{background-position: -1185px  bottom;}
.ke_part3_ul .ke_li_20{background: #999;}
.ke_part3_ul .ke_li_20 >span{background-position: -1350px bottom;}
.ke_pop{position: absolute;top: -10px;left: -10px;right: -10px;bottom: -10px;background: #1892c5;z-index: 9;padding-top: 20px;display: none \9;-moz-transform: rotateY(90deg);-webkit-transform: rotateY(90deg);-o-transform: rotateY(90deg);transform: rotateY(90deg);transition: all 0.8s;-o-transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;}
.ke_pop .ke_pop_img span{ width: 80px;display: inline-block;}
.ke_pop .ke_pop_img_java span{width: 103px;}
.ke_pop .ke_pop_img span img{max-width: 100%;}
.ke_pop_tit{color: #fff;font-size: 20px;margin-top: -5px;}
.ke_pop_text{color: #fff;font-size: 16px;padding: 5px 0;}
.ke_pop_link{color: #fff;font-size: 12px;text-decoration: underline;}
@media(max-width: 1700px){
    .ke_pop .ke_pop_img span{width: 60px;    }
    .ke_pop_tit{color: #fff;font-size: 16px;margin-top: -5px;    }
    .ke_pop_text{color: #fff;font-size: 12px;padding: 5px 0;    }
}
@media(max-width: 1400px){
    .ke_pop .ke_pop_img span{width: 60px;    }
    .ke_pop .ke_pop_img_java span{width: 80px;}
    .ke_pop_tit{color: #fff;font-size: 16px;margin-top: -5px;    }
    .ke_pop_text{color: #fff;font-size: 12px;padding: 5px 0;    }
    .ke_pop{padding-top: 10px;}
}
.ke_pop_1{background: #ce1b1e;}
.ke_pop_2{background: #24353d;}
.ke_pop_3{background: #ef4a1a;}.ke_pop_4{ background: #de2986; }
.ke_pop_5{  background: #18a966;  }
.ke_pop_6{   background: #357dcf;   }
.ke_pop_7{    background: #4c97ce;}
.ke_pop_8{     background: #1892c5; }
.ke_pop_9{  background: #2cb0b5;  }
.ke_pop_10{       background: #5d50a0;   }
.ke_pop_11{background: #ce1b1e;}
.ke_pop_12{background: #314491;}
.ke_pop_13{background: #f0a122;}
.ke_pop_14{background: #7eb408;}
.ke_pop_15{background: #68403e;}
.ke_pop_16{background: #2d2d2d;}
.ke_pop_17{background: #d47114;}
.ke_pop_18{background: #0f8498;}
.ke_pop_19{background: #3776ab;}
.ke_part3_ul li .ke_pop_active{display: block \9;-moz-transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);transition: all 0.8s;-o-transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;}

/*p3*/
.p3{background: url(../img/bg3.png) no-repeat;height: 616px;}
.p3 .con{width: 1024px;margin: 0 auto;}
.p3 .con ul{margin:45px 0 0 50px;}
.p3 .con ul li{margin-bottom: 24px;}
.p3 .con ul p{width: 312px;border-bottom: 1px solid #c8c8c8;padding-bottom: 14px;font-size: 22px;color: #323237;text-align: left;margin:10px 0 0 26px;}
/*p4*/
.p4{background: url(../img/bg1.jpg) no-repeat center;height: 700px;padding-top: 40px;}
.p4 h2,.p4 .txt,.p7 h2,.p7 .txt{color: #fff;}
.p4 ul{width: 946px;margin: 0 auto;}
.p4 ul li{width: 210px;height: 346px;background: #fff;box-shadow: 0px 0px 10px 0px rgb(0,0,0,0.2);margin-right: 35px;}
#marr,#marr1{margin-right: -1px;}
.p4 ul li img{margin-top: 52px;}
.p4 ul li h3{font-size: 22px;color: #6066f2;margin: 40px 0 16px;}
.p4 ul li.on h3{color: #ffa619;transition: 0.6s;}
.p4 ul li p{font-size: 18px;color: #574cd9;}
.p4 ul li strong{display: block;width: 86px;height: 26px;border: 1px solid #9b9b9b;border-radius: 30px;margin: 16px auto;color: #9b9b9b;}
.btn{width: 200px;height: 48px;background: #fff;border-radius: 30px;display: block;margin: 50px auto;font-size: 22px;color: #6066f2;line-height: 48px; border:1px solid #6066f2;}
.btn:hover{color: #fff;background: #ffa619;transition: 0.3s; border:1px solid #ffa619;}
.p5{padding-top: 40px;padding-bottom: 10px;}
.p5 .con{width: 972px;height: 626px; margin: 0 auto;position: relative;}
.p5 .box1{width: 518px;height: 381px;box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);}
.p5 .right{width: 600px;height: 594px;position: absolute;right: 0;top: 30px;z-index: 2;}
.p5 .right .cir{position: absolute;left: 290px;top: 290px;}
.p5 .right .clearfix{width: 100%;}
.p5 .right .box2{width: 284px;height: 281px;margin-bottom: 32px;box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);}
#btn{height: 204px;border-left: 2px dashed #bfbfbf;position: absolute;left:78px;bottom:8px;z-index: 999;}
#btn li{margin-bottom: 4px;height: 30px;cursor: pointer;}
#btn li span{width: 5px;height: 5px;background: #c0c0c0;transform: rotate(45deg);margin: 14px 30px 0 -4px;}
#btn li p{font-size: 18px;color: #767676;margin-top: 4px;}
#btn li.act span{background: #ffa619;}
#btn li.act p{color: #ffa619;}
.arrow{width: 32px;position: absolute;bottom: 34px;left: 262px;z-index: 999;}
.arrow p{width: 30px;height: 50px;border: 1px solid #6066f2;padding-top: 16px;margin-bottom: 16px;cursor: pointer;}
.arrow p b{display: block;width: 16px;height: 32px;margin: 0 auto;}
.arrow p b.top{background: url(../img/arrow4.png) no-repeat;}
.arrow p b.bot{background: url(../img/arrow2.png) no-repeat;}
.arrow p:hover{background: #6066f2;}
.arrow p:hover .top{background: url(../img/arrow3.png) no-repeat;transition: 0.3s;}
.arrow p:hover .bot{background: url(../img/arrow5.png) no-repeat;transition: 0.3s;}
.p5 .btn{border: 1px solid #6066f2;background:none;position: relative;z-index: 999;}
.p5 .btn:hover{background: #6066f2;color: #fff;}


.p6{background: #fff;padding: 40px 0 30px;}
.tBox{width: 1000px;height:445px;margin: 60px auto 0;position: relative;z-index: 999;}
.tBox .top{width: 100%;height: 35px;border-bottom: 1px solid #ebebeb;position: relative;}
.tBox .top em{width: 8px;height: 13px;position: absolute;top: 5px;cursor: pointer;transition: 0.2s;}
.tBox .top em.fir{background: url(../img/pre01.png) no-repeat;left: 0;}
.tBox .top em.sec{background: url(../img/next02.png) no-repeat;right: 0;}
/*.tBox .top em.fir:hover{background: url(../img/pre1.png) no-repeat;}
.tBox .top em.sec:hover{background: url(../img/next2.png) no-repeat;}*/


.tBox .top .rollBox{width: 922px;height: 36px;margin: 0 auto;position: relative;overflow: hidden;}
.tBox .top .rollBox .rollW{width:1844px;position: absolute;left: 0;top: 0;}
.tBox .top .rollBox .rollW li{width: 60px;height: 30px;text-align:center;margin-right: 26px;position: relative;float: left;}
.tBox .top .rollBox .rollW a{font-size: 14px;color: #333;display: block;width: 100%;height: 100%;}
.tBox .top .rollBox .rollW a.changeC{color: #ffa619;}
.tBox .top .rollBox .rollW li i{width: 100%;height: 4px;background: #ffa619;position: absolute;left: 0;bottom: -5px;opacity: 0;transition: 0.2s;filter:alpha(opacity=0);}
.tBox .top .rollBox .rollW li i.opa{opacity: 1;filter:alpha(opacity=100);}
.tBox .bottom{width: 1000px;margin: 26px auto 0;height:380px;position: relative;}
.tBox .bottom ul{position: absolute;left: 0;top: 0;display: none;transition: 0.4s;}
.tBox .bottom ul.opa{display: block;}
.tBox .bottom ul li{width: 240px;height: 350px;margin-right: 13px;position: relative;overflow: hidden;cursor: pointer;float: left;}
.tBox .bottom ul li.last{margin-right: -13px;}
.tBox .bottom ul li h3{width: 100%;height:80px;position: absolute;left: 0;bottom: 0;text-align: left;transition:0.3s;}
.tBox .bottom ul li:hover h3{height:100%;}
.tBox .bottom ul li:hover h3 p{padding-top: 35%;}
.tBox .bottom ul .topC2:hover h3 p{padding-top: 10%;}
.tBox .bottom ul li h3 strong{width: 100%;height: 100%;background: #6066f2;opacity: 0.6;position: absolute;left: 0;top:0;filter:alpha(opacity=60);}
.tBox .bottom ul li h3 p{color: #fff;font-size: 14px;width: 220px;position: absolute;left: 15px;top: 16px;padding-right: 10px;line-height: 29px;}
.tBox .bottom ul li h3 p span{font-size: 16px;}
.tBox .bottom ul li h3 p em{font-weight: normal;font-style: normal;line-height: 1.5;display: inline-block;margin-top: 10px;}
.tBox .bottom ul li.topC h3{height: 250px;}
.tBox .bottom ul li.topC:hover h3{top: 100px;}
.tBox .bottom ul li.topC3 h3{height: 330px;}
.tBox .bottom ul li.topC3:hover h3{top: 20px;}
.p7{height: 684px;background: url(../img/bg2.jpg) no-repeat center;padding-top: 40px;}
.p7 .con{width: 988px;margin: 0 auto;position: relative;}
.p7 .con .left{background: url(../img/bg4.png) no-repeat;width: 261px;height: 403px;text-align: left;padding-left: 112px;color: #fff;}
.left h3{font-size: 22px;padding: 80px 0 14px 6px;}
.left p{padding-right: 20px;text-align: justify;line-height: 34px;margin-top: 10px;}
.p7 .con .right{width: 615px;height: 314px;margin-top: 34px;}
.p7 .con .right img{margin-right: 4px;margin-right: 0 \9;}
#pre,#next,#eng{position: absolute;right: 0;bottom: 4px;}
#pre,#next{cursor: pointer;z-index: 999;}
#eng{bottom: 16px;}
#next{right: 218px;}
#pre{right: 312px;}
.p8{padding-top: 40px;}
.p8 .con{width: 968px;margin: 0 auto;position: relative;z-index: 999;}
.p8 .con ul{width: 313px;margin-right: 18px;}
.p8 .con ul.last{margin-right: -18px;}
.p8 .con ul li{margin-bottom: 18px;position: relative;}
.p8 .con li span{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #3b43ff;opacity: 0.2;filter:alpha(opacity=20);transition: 0.3s;}
.p8 .con li:hover span{opacity: 0;transition: 0.3s;filter:alpha(opacity=0);}
.adv{display: block;position: relative;height: 50px}


.adv div{width: 100%;background: url(../img/adv2.png) no-repeat top center;height: 254px;position: absolute;left: 0;top: 0;}
.p9{background: #fff;padding-top: 240px;padding-bottom: 32px;}
.p9 ul{width: 1074px;margin: 0 auto;}
.p9 ul li{height: 338px;width: 230px;box-shadow: 0px 0px 80px 7px rgba(129,129,129,0.2);border-bottom: 2px solid #ffa619;position: relative;margin-right: 50px;margin-bottom: 50px;}
.p9 ul li img.max{margin: 20px 0 20px -20px;text-align: left;display: block;}
.p9 ul li p{font-size: 20px;color: #6066f2;margin-top: 20px;}
.p9 ul li h3{width:198px;height: 340px;position: absolute;left:-20px;top: 0;background: #6066f2;padding: 0 26px;font-weight: normal;transform: scale(0);transition: 0.45s;filter:alpha(opacity=0);}
.p9 ul li h3 img{margin-top: 26px;}
.p9 ul li h3 .two{margin-top: 16px;}
.p9 ul li h3 p{color: #fff;font-size: 16px;text-align: left;line-height: 32px;margin-top: 10px;}
.p9 ul li h3 span{font-size: 20px;}
.p9 ul li:hover h3{transform: scale(1); transition: 0.45s;filter:alpha(opacity=100);}
#more{width: 198px;height: 46px;border-radius: 30px;margin: 0px auto 30px;font-size: 22px;color: #6066f2;line-height: 46px;border: 1px solid #6066f2;cursor: pointer;transition: 0.6s;}
#more:hover{background: #6066f2;color: #fff;transition: 0.6s;}
.p9 .play{display: none;}

.p10{width: 100%;height: 80px;background: #121d33;position: fixed;bottom: 0;left: 0;z-index: 999;display: none;}
.p10 .con{width: 1024px;height: 100%; margin: 0 auto;position: relative;}

.p10 .con .str{position: absolute;left: -280px;bottom: 0;}
.p10 .con .shape1{position: absolute;right: 354px;top: -20px;}
.p10 .con .shape2{position: absolute;right: 80px;bottom: 26px;}



.p10 .message{width: 784px;position: absolute;right: 106px;top: 24px;}
.p10 form .bor{width: 146px;height: 38px;border: 1px solid #5a61ff;margin-right: 12px;}
.bor img{margin: 6px 8px 0 10px;}
.bor input{width: 108px;height: 38px;border: none;font-size: 16px;background: none;color: #fff;}
#phoneCode{width: 80px;}
#getcode{width: 96px;border-left: 1px solid #757bff;height: 28px;color: #757bff;line-height: 28px;padding-left: 4px;margin-top: 4px;cursor: pointer;}
.p10 form .borw{width: 220px;}
.p10 form .borw2{width: 132px;}
.p10 form .borw2 input{width:94px}

.p10 form .bor .mart{margin-top: 7px;}

#submsg{background: url(../img/msg4.png) no-repeat;width: 148px;height: 40px;border: none;cursor: pointer;}

#video1{top: 50%;left: 50%;margin-left: -400px;margin-top: -250px;padding: 20px;z-index: 99999;background: #ffffff;position: fixed;border: 3px solid #000000;border-radius: 5px;display: none;}

.video .close {
    right: 3px;
    top: 3px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    height: 18px;
    width: 18px;
    display: block;
    cursor: pointer;
    line-height: 14px;
    text-align: center;
    background: #cd1c1e;
    position: absolute;
}


.footer {
    padding: 30px 0 100px;
    width: 100%;
    background: #191919;
}
.footer p {
    color: #999999;
    line-height: 30px;
    text-align: center;
}
/* .footer p span {
    margin-left: 26px;
} */


.poster-main{margin:0 auto;position: relative;}
.poster-main .poster-list .poster-item{position:absolute;left:0;top:0;}
.poster-main .poster-btn{position:absolute;top:0;cursor:pointer;}
.poster-main .poster-prev-btn{left:0;background:url("../img/btn_l.png") no-repeat center;}
.poster-main .poster-next-btn{right:0;background:url("../img/btn_r.png") no-repeat center;}
.poster-main .poster-item{position:relative;}
.poster-main .poster-item img{width:100%;height:auto;border-radius:20px;}
.poster-main .btn-3d{left:50%;top:50%;margin-top:-25px;margin-left:-100px;;width:200px;height:40px;line-height:40px;text-indent:55px;font-size:22px;color:#ffffff;position:absolute;z-index:99999;display:block;background:url("../img/btn-3d.png") no-repeat 10px center #ff8e2d;border-radius:16px;}


.n1{
	padding-top:40px;
	background:#ffffff;
}
.n1 ul{
	margin-left:39px;
}
.n1 ul li{
	margin-bottom:30px;
	margin-right:42px;
	float:left;
	width:280px;
}
.n1 ul li .img{
	position:relative;
	border:1px solid #bec1ff;
}
.n1 ul li img{
	margin:4px;
	width:270px;
	height:170px;
}
.n1 ul li h3{
	top:150px;
	left:105px;
	width:195px;
	height:46px;
	font-size:20px;
	color:#ffffff;
	text-align:center;
	line-height:46px;
	position:absolute;
	background:#6066f2;
}
.n1 ul li p{
	margin-top:26px;
	margin-left:30px;
	padding-left:14px;
	font-size:16px;
	line-height:24px;
	text-align:left;
	background:url("../img/n1-tag.png") no-repeat left center;
}
.n1 .btn{
	width:250px;
}

.n2{
	height:794px;
	overflow:hidden;
	background:url("../img/n2-bg.jpg") no-repeat center;
}
.n2 h2{
	margin-top:50px;
	color:#ffffff;
}
.n2 p.txt{
	color:#ffffff;
}
.n2 .img{
	margin:0 auto;
}

.n2 .btn{
	width:250px;
}