@charset "utf-8";
/*pub */
body,html{margin:0; padding:0; font-size: 24px;font-family: "微软雅黑"; color: #272727; background:#ffffff; width: 100%; -webkit-font-smoothing: antialiased; }
a{ text-decoration:none;}
ul,li,a,p{list-style:none; margin: 0; padding: 0; }
.clear{ clear: both;}
.container {width: 100%;  margin: 0 auto; display:table  }
header{ width:100%;   padding:0; margin: 0; }
header img{ float:left; width:22%; padding-left: 20px; margin-top: 6px;  } 
.header_warp{width:100%; padding:6px 0; position:absolute; top:0; margin: 0; font-size:1.8em; left:0; height: 93px; background: rgba(255,255,255,.1); margin: 0; border-bottom: 1px solid rgba(255,255,255,.3); z-index: 99999; }
.header_warps{background: rgba(0,0,0,.4); height:100px; }
header .header_warps img{margin-top: 16px;}
.menu{ float:left;  margin-top: 24px;}
.nav li{ float: left; position: relative; display: block; margin-left:140px; }
/* .nav li:after{ content: ""; width: 0;  height: 3px; background: #5fb0ff; position: absolute; bottom: -3px; left: 0; transition: all 0.5s ease 0s; -webkit-border-radius: 5px; 
-moz-border-radius: 5px;  -ms-border-radius: 5px;  -o-border-radius: 5px;  border-radius: 5px;  } */
/* .nav li:hover:after{ width: 100%;  } */
.nav li a{ position: relative; display: block;  color:#ffffff; cursor: pointer; padding-bottom:19px;}
.nav li.active{ border-bottom:3px solid #5fb0ff;}
.headerfr{ float: right; margin-top: 24px;}
header img.headerfr{ width:30%; margin-right: 10px;}
header .banner_apply img{ position:relative; width:100%; height: 47.47%; margin:-54% auto 0; padding:0  }

/*index */
.banner{width: 100%; margin: 0;height: 0;   position: relative; }
.banner a.btn_apply{ width: 24%; background: #ffffff; border-radius: 20px;  padding: 12px 25px; position: absolute;  top:610px; font-size: 2em; color:#2d2d2d; text-align: center; margin-left: 38%; }
h2{font-weight:normal; border-bottom:1px solid rgba(255,255,255,.3); padding-bottom: 15px; font-size:1.6em;}
.contain{ width:100%; margin: 0 auto;}
.title{ color: #676767; width:50%; text-align: center; text-transform: uppercase; font-size:2em; margin:70px auto 30px; position: relative;}
.title:after{content: ""; width:40%;  height: 2px; background: #dbdbdb; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; -webkit-border-radius: 5px; 
-moz-border-radius: 5px;  -ms-border-radius: 5px;  -o-border-radius: 5px;  border-radius: 5px; margin-left: 30%;}
.title img{  margin: 0; width: 86%; }
.main{ width: 100%;  background-image: linear-gradient(to right,#3463f1,#7169f7); height: 350px; margin-top: 120px;  z-index: -1;}
:root .gradient{filter:none;} 
.mainbody{ width:98%; margin: 0 1%;  margin-top: 40px;}
.item{position:relative;float:left;margin-right:2%; width:calc(23.5% - 2px); height:290px; cursor:pointer;overflow:hidden; background: #ffffff; border:1px solid #e3e3ef;  border-radius: 10px;  box-shadow:0 13px 24px rgba(0,0,0,.18); text-align: center; }
.item img{ margin-top:35px;}
.item div{position:absolute; width:0;height:0;background:#61b1fe;overflow:hidden;_zoom:1; -webkit-border-radius: 10px; -moz-border-radius: 10px;  -ms-border-radius: 10px;  -o-border-radius: 10px;  border-radius: 10px;}
.item .cornerCC{left:130px;top:125px;}
.item dl{position:absolute;top:0;left:0;width:100%; height:250px;display:none;}
.item dt{width:86%; text-align:center;color:#FFF; font-weight:normal; border-bottom:1px solid rgba(255,255,255,.3); padding-bottom: 5px; font-size:1.125em; margin:0 auto;}
.item dd{width:86%;line-height:35px;color:#e9f3ff;font-size:1.1em; margin:0 auto; text-align: left; text-align: justify; }
.item h1{ font-size:1.8em; font-weight:normal; margin: 10px auto 0;  width:auto; display:flex; align-items: center; justify-content:center;  }
.item_warp{position:relative;float:left; width: calc(100% - 2px); height:250px; overflow:hidden; background: #ffffff; border:1px solid #e3e3ef;  border-radius: 10px;  box-shadow:0 13px 24px rgba(0,0,0,.18); text-align: center; margin-top: 48px;  }
.item1{position:relative; width:33.333333%;  height:250px; margin:0; float:left; cursor:pointer;overflow:hidden; }
.item1 img{ float:left; margin-top: 52px; margin-left:5%;}
.item1 div{position:absolute; width:0;height:0;background:#61b1fe;overflow:hidden;_zoom:1;}
.item1 .cornerCC{left:200px;top:105px;}
.item1 dl{position:absolute;top:0;left:0;width:100%;height:250px;display:none; }
.item1 dt{width:86%; text-align:center;color:#FFF; font-weight:normal; border-bottom:1px solid rgba(255,255,255,.3); padding-bottom: 5px; font-size:1.3em; margin:0 auto 5px ; display:flex; align-items: center; justify-content:center;}
.item1 dd{width:86%;line-height:35px; color:#e9f3ff;font-size:1.1em; margin:0 auto;  text-align: justify; display:flex; align-items: center; justify-content:center;}
.item1 h1{ font-size:1.8em; font-weight:normal;  float:left; text-align: left; margin-left: 5px; border-right:1px solid #e8e9e9; height: 170px; line-height: 170px; 
padding-right:5%;  margin-top: 40px; width:50%;}
.mainbody_function{ background: url(../images/function.jpg) no-repeat center center ;  width:100%; margin: 0 auto; height: 671px;  position:relative;}
.superli{ width:100%;  height:270px; float:left; margin-top:65px;}
.superli ul{ width:1180px; float:left; height:350px; margin-left:10px; position: absolute;}
.superli ul li{ width:170px; height:170px; float:left; color:#ffffff; text-align:center; font-size:1.6em;cursor:pointer;border-radius:50%;background:#94b7fb; background-size:cover;display: block; background-image: linear-gradient(to bottom,#bc98fc,#90b7fa); overflow: hidden; position: absolute; behavior: url(ie-css3.htc);}
.superli ul li:nth-child(2){animation:myfirst linear infinite 2s;}
@keyframes myfirst {0% {margin-top:120px;} 50% {margin-top:128px;} 100% {margin-top:120px;}}
.superli ul li:nth-child(3){animation:myfirsta linear infinite 2s;}
@keyframes myfirsta {0% {margin-top:252px;} 70% {margin-top:260px;} 100% {margin-top:252px;}}
.superli ul li:nth-child(4){animation:myfirstb linear infinite 2s;}
@keyframes myfirstb {0% {margin-top:0px;} 60% {margin-top:8px;} 100% {margin-top:0px;}}
.superli ul li:nth-child(5){animation:myfirstc linear infinite 2s;}
@keyframes myfirstc {0% {margin-top:152px;} 40% {margin-top:160px;} 100% {margin-top:152px;}}
.superli ul li:nth-child(1){animation:myfirstd linear infinite 2s;}
@keyframes myfirstd {0% {margin-top:0px;} 40% {margin-top:8px;} 100% {margin-top:0px;}}
.superli ul li:nth-child(6){animation:myfirstd linear infinite 2s;}
@keyframes myfirstd {0% {margin-top:0px;} 40% {margin-top:10px;} 100% {margin-top:0px;}}
.superli ul li:nth-child(7){animation:myfirstd linear infinite 2s;}
@keyframes myfirstd {0% {margin-top:0px;} 40% {margin-top:8px;} 100% {margin-top:0px;}}
.superli ul li:nth-child(8){animation:myfirstd linear infinite 2s;}
@keyframes myfirstd {0% {margin-top:0px;} 40% {margin-top:10px;} 100% {margin-top:0px;}}
.superli ul li:hover{transform: scale(1.3);transition: all 0.3s;}
.superli ul li a{display: block; margin-top: 15px;}
.superli ul li:nth-child(6)>a{display:block;margin-top:28px;}
.superli ul li:nth-child(1)>a,.superli ul li:nth-child(3)>a,.superli ul li:nth-child(5)>a,.superli ul li:nth-child(8)>a{display:block;margin-top:18px;}
.superli ul li:nth-child(1){ left:6%; top:-50px; width: 180px; height:180px;}
.superli ul li:nth-child(2){ left:15%; top:30px;  }
.superli ul li:nth-child(3){ left:2%; top:50px; width: 180px; height:180px;}
.superli ul li:nth-child(4){ left:20%; top:450px;}
.superli ul li:nth-child(5){ left:83%; top:-240px;  }
.superli ul li:nth-child(6){ left:72%; top:80px; width: 200px; height:200px;}
.superli ul li:nth-child(7){ left:82%; top:280px; width: 180px; height:180px;}
.superli ul li:nth-child(8){ left:69%; top:420px; }
.superli ul li span{ width: 52px; height: 58px; line-height: 52px; background: #70afe1; display: block; margin-left: 60px; -webkit-border-radius: 10px; -moz-border-radius: 10px;  -ms-border-radius: 10px;  -o-border-radius: 10px;  border-radius:0px 0px 20px 20px; margin-top: -8px;}
.superli ul li:nth-child(1) span,.superli ul li:nth-child(3) span,.superli ul li:nth-child(5) span,.superli ul li:nth-child(8) span{margin-left: 60px;}
.superli ul li:nth-child(6) span{margin-left: 74px;}
.superli ul li.tag_a{width:120px; height:120px;}
.mainbody_features{ width: 100%; ;  }
.main_f{background: url(../images/featuresbg.png) no-repeat center center ;  width:100%; height:530px; margin: 0 auto}
.main_f p{ float:left; width: 24%; margin: 3.5%; font-size: 1.5em; line-height: 1.5em; color: #ffffff; text-align: justify; margin-top: 60px; text-align: center; display: block; }
.main_f p span{ float:left;}
.main_f p img{ width:auto; float:none; margin-bottom: 10px;}
.box_value{background:#eef0ff; margin: 0px auto; overflow: hidden; width:100%; height: 398px}
.box_value ul { overflow: hidden; width:100%; height: 398px}
.box_value ul li {display: inline; float: left; font-size:1.625em;  box-shadow:3px 2px 30px rgba(201,182,255,1);}
.box_value ul li span img {display:none;   }
.box_value span{display: inline;  float: left; padding-bottom: 0px; width:80px; cursor: pointer; word-break: normal; line-height: 140%; padding-top:30px; height:398px; text-align: right; word-wrap: break-word; color: #5d5d61}
.box_value .last span { padding-bottom: 0px; padding-top: 30px}
.box_value .current {color: #fff}
.box_value .last img{ width:800px;}
.current{ background: #3163f0}
.box_value .current .box_vbg{ background:url(../images/value_tit.png) no-repeat center center;  height: 398px;}
.box_value .box_vbg{background:url(../images/value_tit1.png) no-repeat center center;  height: 398px;}
.box_value .current .box_vbga{ background:url(../images/value_tita.png) no-repeat center center;  height: 398px;}
.box_value .box_vbga{background:url(../images/value_tita1.png) no-repeat center center;  height: 398px;}
.box_value .current .box_vbgb{ background:url(../images/value_titb.png) no-repeat center center;  height: 398px;}
.box_value .box_vbgb{background:url(../images/value_titb1.png) no-repeat center center;  height: 398px;}
.box_value .current .box_vbgc{ background:url(../images/value_titc.png) no-repeat center center;  height: 398px;}
.box_value .box_vbgc{background:url(../images/value_titc1.png) no-repeat center center;  height: 398px;}
.box_value .current .box_vbgd{ background:url(../images/value_titd.png) no-repeat center center;  height: 398px;}
.box_value .box_vbgd{background:url(../images/value_titd1.png) no-repeat center center;  height: 398px;}
.box_project{ width:100%; margin:0 auto;}
.box_project img{ width: 100%; display: block;}
.mainbody_industry{ width: 100%;  }
.mainbody_industry img{ width: 100%; height: auto;}
footer{ width:100%; background:#2b2b2b;color:#ababab; text-align:center;  margin-top:20px; overflow: hidden; }
footer span{ margin-left:20px; }
.footer{ width:100%; margin: 20px auto;}
.footer img{ float:left; margin-left: 20px; margin-top: 25px;  width: 25%; margin-right: 3%;}
.footerfr{float:left; margin-top: 30px;  border-left:1px solid #343434; width: 66%;}
.footerfr p img{ margin:5px 15px 90px 0; width: 8%; }
.footerfr p{ float:left; width:46%; margin-left:4%; text-align: left; line-height:1.5em;}
.footerfr p span{ display: block; color:#ffffff; font-size: 1.2em;}
.footer_bottom{ width:100%;  height:100px; border-top:1px solid #343434; line-height: 40px; margin-top: 30px; font-size: 0.93em; color:#868686; padding-top: 10px;}
.header_sub{background-image: linear-gradient(to right,#90b8fb,#b39ffc); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3463f1',endColorStr='#7169f7',gradientType='0');}
.sub_main{ width:96%; margin: 30px auto 60px; margin-left: 2%;  }
.sub_title{ font-size: 1.5em; border-bottom:2px solid #61b1fe; padding-bottom:6px;  float:left;}
.sub_main p{ color:#313131; font-size: 1.3em; text-indent: 2em; margin-top: 15px; line-height:1.6em; width:100%; float:left;}
.sub_main img{ float: left; }
.line{ width:100%; margin: 30px auto 40px; height: 1px; background: #e3e3e3;}
.pc-bg-container{ margin-bottom: 60px; margin-top: 20px;}
.section-title a:before{position:absolute;content:'';right:-12px;width:15px;height:15px;background-repeat:no-repeat;top:50%;transform:translate(0,-50%);transition:.2s}
.section-title a:hover:before{right:-16px}
.section-inner{position:relative;max-width:1200px;margin:0 auto}
.swiper-wrapper{align-items:center;}
.swiper-slide{background:0 0;box-sizing:border-box;text-align:center; margin-top: 50px; width:100%;}
.swiper-slide img{ float: left; width:30%;}
.swiper-slide h3{font-weight:400; margin-top:25px; margin-bottom:40px; font-size:1.8em;color:#252b3a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.swiper-slide p{margin-top:10px;font-size:1.12em;color:#434343;text-align:left;line-height:1.5em; width:68%; margin-left:32%; text-align: justify;}
.swiper-slide>a:last-of-type{margin-right:0}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0px; }
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet{position:relative;margin:0 5px;width:24px;height:6px;border-radius:100px;opacity:1;background:0 0}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet:before{content:'';display:inline-block;position:absolute;width:24px!important;height:4px;opacity:1;left:0;border-radius:100px;background:#dfe1f1;vertical-align:middle;transition:opacity .8s,background-color .8s}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet-active{opacity:1}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet-active:before{width:24px!important;opacity:1;border-radius:100px;transform:scale(1.2);background:#61b1fe}
.item_sub{ height: 1060px; margin-bottom: 48px; width: calc(49% - 2px) }
.item_sub img{ width: 100%; margin-top: 0; margin-bottom: 10px;}
.item_sub p{ width: 90%; padding:0 5%; text-align:justify; line-height: 1.6em; color: #87899b; margin-top: -1px; text-indent: 0; font-size:1.5em; }
h4{ border-bottom:1px solid #e4e9ec; padding-bottom: 10px;   margin: 10px 20px; text-align: left; font-size: 1.6em; font-weight: normal;}
.footer_bottom p{ width: 80%; margin: 0 auto; overflow: hidden;}
.footer_bottom p span{ float: left;}
.footer_bottom p a{ color: #868686; margin-left: 30%; float:left;}
.mainbody_features img{ width: 100%; padding: 0; margin: 0;}
.inner-content{ width: 96%; overflow: hidden; margin-left: 2%;}
.conbox{ width: 100%; padding: 0; margin: 0; }
form {width: 80%;  margin:10% auto; }
.register-box { border: 1px solid #a1a1ba;  margin-bottom: 60px;  position: relative; padding:16px;}
.register-box label { display: inline-block;  }
.register-box input { width: 100%; color: #666; float: left;  border:0; font-size:1.6em; font-family: "微软雅黑"; padding: 0; background: #ffffff; outline:none}
.register-box .username_label { word-spacing: 8px;}
#codebt { text-align: center; float: right;  }
#codebt #btn {color: #fff;width: auto; padding:6px 15px;border-radius: 7px; background-color: #90b8fb;cursor: pointer;border-radius: 5px; font-size:1.5em; font-family: "微软雅黑"; border:0; }
#codebt #btn:hover {background-color: #4971B1; display: inline-block; }
.submit_btn {width: 60%;  text-align: center;  margin: 0 auto 60px;}
.submit_btn a {color: #fff; border: 0; font-size: 1.8em; font-family: "微软雅黑"; display: block; background-image: linear-gradient(to left,#90b8fb,#b39ffc); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3463f1',endColorStr='#7169f7',gradientType='0'); border-radius:10px; padding: 20px;}
.submit_btn a:hover {background-color: #4971B1;}
.return{ float:right; margin-right: 15px; font-size:1.1em; margin-top: 14px; background: #d1c8fa; border-radius: 6px; color:#2e2e2e; padding: 0 15px;}
.input_tag{ color:red; margin-top: -50px; position: absolute; font-size:1.4em; }
.sub_box{width:calc(100vw - 40px); padding: 20px;}
.course_box{ width:calc(100% - 40px);   box-shadow:none; background: #eef2ff; cursor:auto ; padding: 0 20px; height:330px; }
.course_box p{ font-size:1.6em; width:100%;  text-align:justify; margin-top: 15px; line-height: 1.6em; color: #313131;  float: left;}
.course_box p span{ font-size:1.1em; float: none; padding-bottom: 1px;} 
.video_cfl{width:94%; margin:4% 3% 2%;  position: relative; float:left; overflow: hidden;  display: inline-block; vertical-align: middle; }
.video_cfl span{ position: absolute; right:0; top:0; background-image: linear-gradient(to left,#90b8fb,#b39ffc); padding: 5px 10px; -webkit-border-radius:  0 0 0 10px; -moz-border-radius:  0 0 0 10px;  -ms-border-radius:  0 0 0 10px;  -o-border-radius:  0 0 0 10px; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#90b8fb',endColorStr='#b39ffc',gradientType='0'); color: #ffffff; font-size:1.6em; }
.video_cfl img{width: 100%; height: 56.5%; }
.video_main{ overflow: hidden; width:96%; margin:5% 2%;  border:1px solid #e3e3ef;  border-radius: 10px;  box-shadow:0 13px 24px rgba(0,0,0,.18); }
.video_main:last-child{border-bottom: 0;}
.video_cfr{ width:96%; margin:0% 2% 2%;}
.video_cfr p{color: #313131;  margin-bottom: 5px; width:100%; font-size:0.6em; line-height: 1.8em; text-align: justify;  }
.video_cfr p.video_title{border-bottom:1px solid #ddd8f7; font-size:1.8em; float:left; margin-bottom: 15px; padding-bottom:8px;}
.video_cfr p.video_title span{ font-size:0.9em; margin-left: 30px; color: #454545;}
.video_cfr img{width:100%;}
.class_title{ background: #b5c7fc; width: 100%; height: 3rem; line-height: 3rem; color: #ffffff; padding-left: 40px; font-size:1.5rem; }
.class_contain{margin: 2%; color: #646464; font-size:1.4rem; line-height: 1.8em;}
.class_contain p{ width: 80%;}
.btn_class{ background: #fb922b; color:#ffffff; border-radius: 6px; float:right; padding: 0 10px; margin-top: 20px; }
.btn_pub{ width:90%; margin: 20px auto; text-align: center;}
.btn_pub p{ margin-bottom: 20px; font-size:1.6em;}
.item_box{ width: 96%; margin-left: 2%; height:500px;}
.swiper_box{ width:100%; margin:0;}
.swiper_box .swiper-slide{ margin-top: 0;}
.bg,.popIframe { background-color: #000; display: none; width: 100%; height: 100%; left: 0; top: 0; filter: alpha(opacity=80); opacity: 0.8; z-index: 999999; position: fixed!important; position: absolute;}
.popIframe {filter: alpha(opacity=0); opacity: 0;}
.leightbox_small-11 { width:100%;  top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute;  }
#lightbox {  text-align: center;}
#lightbox .model_header { background: none; border: none;  text-align: center; width: 80px; margin: 20px auto 0; }
#lightbox .model_body img { float: left; width: 100%;}
#lightbox .model_header img{ width: 80px; height: 80px; }
#lightbox .model_body { overflow: inherit; padding: 0; margin:0 2%; width:96%;}
.popup { position: absolute; bottom: 90px; right: 0px; width: 260px; color: #ffffff;}
.video_tag {  width: 50px; height: 35px; position: absolute; margin-top: 50%; margin-left: 50%; display: block; z-index: 10;}
.video_tag_hidden { position: absolute; float: right; z-index: 100;  top: -220px;  right: -6px; visibility: hidden; background: #cbeaf2;  -moz-border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-align: center; color: #5f5f5f;}
.video_tag_hidden i { border: 10px solid #000;  position: absolute; border-color: transparent transparent #cbeaf2 transparent; margin-top: -20px; margin-left: 29px;}
#player{position: absolute;}
#floatDivBoxs{width:300px; height: 210px; position:fixed;top:50%;right:0;z-index:999; background:none;}
.floatShadow{ background:none; box-shadow: 0 15px 20px rgba(163,0,43,0.36);  -webkit-border-radius: 12px; -moz-border-radius: 12px;  -ms-border-radius: 12px;  -o-border-radius: 12px;  border-radius: 12px;}
#rightArrow{width:80px;height:90px;background:url(../images/online_arrow.png) no-repeat; position:fixed; top:52%; right:300px; z-index:999;}
#rightArrow a{display:block;height:45px; width:80px;}
.price_list{ width: 96%; margin: 3% 2%;}
.price_list table td{padding: 8px 10px; font-size:1.3rem; border:5px; border: 1px solid #4e4e4e; }


@media screen and (min-width: 340px) and (max-width:361px){
.header_warp{font-size:1.6em;}
.video_cfr p{font-size:0.6em; }
}

/* logo展示 */
.logo_list{width:100%;padding-top:10px}
.logo_list li{float:left; width:50%; text-align:center; margin-bottom: 20px;}
.logo_list li img{border-radius:10px; background:#fff; box-shadow: 0 3px 10px rgba(17,22,107,0.3); width:95%}