* {
	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("../images/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: 30px;
	left: 50%;
	margin-left: -130px;
	z-index: 9999;
	position: absolute;
}

.nav li {
	margin-right: 50px;
	float: left;
	position: relative;
}

.nav li a {
	font-size: 18px;
	color: #999;
	text-align: 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('../images/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("../images/menu-tag2.png") no-repeat center #2c52d1;
	background: url("../images/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("../images/menu-tag2-1.png") no-repeat center top;
	background-size: 24px auto;
}

.menu .menu-div>ul>li .info ul li .tag.t2 {
	background: url("../images/menu-tag2-2.png") no-repeat center top;
	background-size: 24px auto;
}

.menu .menu-div>ul>li .info ul li .tag.t3 {
	background: url("../images/menu-tag2-3.png") no-repeat center top;
	background-size: 24px auto;
}

.menu .menu-div>ul>li .info ul li .tag.t4 {
	background: url("../images/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: #fff;
	border-radius: 10px;
	box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}
.stripes .border-l {
	border-left: 1px #333 solid !important;
}

.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("../images/stripes-tag1.png") no-repeat left center;
}

.stripes ul li.l2 {
	background: url("../images/stripes-tag2.png") no-repeat left center;
}

.stripes ul li.l3 {
	background: url("../images/stripes-tag3.png") no-repeat left center;
}

.stripes ul li.l4 {
	background: url("../images/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("../images/stripes-line.png") no-repeat left center;
}




/*banner*/
/*.banner{width: 100%;height: 768px;position: relative;}*/
/*.banner .img1{background: url(../images/banner1.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img2{background: url(../images/banner2.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img3{background: url(../images/banner3.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img4{background: url(../images/banner4.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img5{background: url(../images/banner10.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img6{background: url(../images/banner9.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .imgzz{background: url(../images/bannerzz2.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img1024{background: url(../images/banner1024-1.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .imgsd{background: url(../images/banner-2019sd.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .imgcj{background: url(../images/banner-cj.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img20201{background: url(../images/banner1-1920x640.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img20202{background: url(../images/banner2-1920x640.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img2020n1{background: url(../images/banner2020-n1.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img2020n2{background: url(../images/banner2020-n2.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .imgn1{background: url(../images/banner-n1.jpg) no-repeat top center;width: 100%;height: 640px;display: block;}*/
/*.banner .img2020n3{background: url(../images/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(../images/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: 90px;
	-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 .header {
	height: 50px;
	background-color: #fff;
}
.sub_nav .header .logo {
	margin-top: 10px;
}
.sub_nav .header .logo-text {
	margin-top: 10px;
	margin-bottom: -1rem;
}
.sub_nav .nav {
	top: 10px;
}


.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(../images/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(../images/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(../images/input2.png) no-repeat;}*/
/*.in_bg3{background: url(../images/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(../images/ly_btn.png) no-repeat;width: 135px;height: 36px;margin: 20px auto;display: block;border: none;cursor: pointer;}*/
/*.banner .pos{background: url(../images/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(../images/bg2.png) no-repeat top center;
	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: #f4f9ff;
}

.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(../images/class01.png) no-repeat 10px 0px #6066f2;
}

.p1 .conBox li .top1 {
	background: url(../images/class02.png) no-repeat 10px 0px #6066f2;
}

.p1 .conBox li .top3 {
	background: url(../images/class03.png) no-repeat 10px 0px #6066f2;
}

.p1 .conBox li .top4 {
	background: url(../images/class04.png) no-repeat 10px 0px #6066f2;
}

.p1 .conBox li .top5 {
	background: url(../images/class05.png) no-repeat 10px 0px #6066f2;
}

.p1 .conBox li .top6 {
	background: url(../images/class06.png) no-repeat 10px 0px #6066f2;
}

.p1 .conBox li .top7 {
	background: url(../images/class07.png) no-repeat 10px 0px #6066f2;
}

.p1 .conBox li .top8 {
	background: url(../images/class08.png) no-repeat 10px 0px #6066f2;
}

.p1 .conBox li .top9 {
	background: url(../images/class09.png) no-repeat 10px 0px #6066f2;
}

.p1 .conBox li .bot {
	width: 100%;
	height: 202px;
	background: url(../images/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: 40px;
}

.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;
	}
}
@media (max-width: 1199px) {
	.box1-img {
		margin-top: 120px !important;
	}
}


.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;
}


@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(../images/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;
}



.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: #5c54ff;
}

#btn li.act p {
	font-weight: 700;
	color: #5c54ff;
}

.arrow {
	width: 32px;
	position: absolute;
	bottom: 34px;
	left: 262px;
	z-index: 999;
}

.arrow p {
	width: 30px;
	height: 70px;
	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(../images/arrow4.png) no-repeat;
}

.arrow p b.bot {
	background: url(../images/arrow2.png) no-repeat;
}

.arrow p:hover {
	background: #6066f2;
}

.arrow p:hover .top {
	background: url(../images/arrow3.png) no-repeat;
	transition: 0.3s;
}

.arrow p:hover .bot {
	background: url(../images/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: 20px 0 0;
}

.tBox {
	width: 1000px;
	height: 445px;
	margin: 10px 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(../images/pre01.png) no-repeat;
	left: 0;
}

.tBox .top em.sec {
	background: url(../images/next02.png) no-repeat;
	right: 0;
}

/*.tBox .top em.fir:hover{background: url(../images/pre1.png) no-repeat;}
.tBox .top em.sec:hover{background: url(../images/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: #0070dc;
	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: 5px 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: #181b28;
	opacity: 0.6;
	position: absolute;
	left: 0;
	top: 8px;
	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(../images/bg2.jpg) no-repeat center;
	padding-top: 40px;
}

.p7 .con {
	width: 988px;
	margin: 0 auto;
	position: relative;
}

.p7 .con .left {
	background: url(../images/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);
}



.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(../images/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: 10px 0 10px;
	width: 100%;
	background: #fff;
}

.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("../images/btn_l.png") no-repeat center;
}

.poster-main .poster-next-btn {
	right: 0;
	background: url("../images/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("../images/btn-3d.png") no-repeat 10px center #ff8e2d;
	border-radius: 16px;
}


.n1 {
	padding-top: 10px;
	background: #f4f9ff;
}

.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("../images/n1-tag.png") no-repeat left center;
}

.n1 .btn {
	width: 250px;
}

.n2 {
	height: 794px;
	overflow: hidden;
	background: url("../images/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;
}

/* box2 */
.blog-content {
	border-radius: .5rem;
}
.blog-content h5{
	font-weight: 700;
}