@charset "utf-8";
/*pub */
body{margin:0; padding:0; font-size: 16px;font-family: "微软雅黑"; color: #272727; background:#ffffff }
a{ text-decoration:none;}
ul,li,a,p{list-style:none; margin: 0; padding: 0; }
.clear{ clear: both;}
.container {width: 100%; min-width: 1200px; margin: 0 auto; display:table  }
header{ width:100%; min-width: 1200px;  padding:0; height:70px; position:absolute; top:0; background: rgba(0,0,0,.4); margin: 0; border-bottom: 1px solid rgba(255,255,255,.3); font-size:1.125em; z-index: 99999;}
header img{ float:left; } 
.header_warp{width:1200px; margin:12px auto;}
.menu{ float:left; margin-left: 80px; margin-top: 12px;}
.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: 21px;}
.nav li.active{ border-bottom:3px solid #5fb0ff;}
.headerfr{ float: right; margin-top: 15px;}
.banner_apply{ position:relative; width:657px; height: 324px; margin:-450px auto 200px;  }


/*index */
.banner{width: 100%; min-width: 1200px; background: url(../images/banner.jpg) no-repeat center center; background-size:cover; height: 175px; text-align:center;position: relative; margin: 0; padding-top: 450px;}
.banner a.btn_apply{  background: #ffffff; border-radius: 20px;  padding: 10px 20px;  font-size: 1.5em; color:#2d2d2d; text-align: center; top:450px;   }
.banner a.btn_apply:hover{ color:#2e63ef; transition: all 0.5s ease 0s;}
h1{ font-size:1.125em; font-weight:normal; padding-top:10px; }
h2{font-weight:normal; border-bottom:1px solid rgba(255,255,255,.3); padding-bottom: 15px; font-size:1.125em;}
.title{ color: #676767; width:41%; text-align: center; text-transform: uppercase; font-size: 1.875em; margin:50px auto 30px; position: relative;}
.title:after{content: ""; width:32%;  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: 34%;}
.title img{  margin: 10px}
.main{ width: 100%; min-width: 1200px; background-image: linear-gradient(to right,#3463f1,#7169f7); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3463f1',endColorStr='#7169f7',gradientType='0'); height: 350px; margin-top: 80px; position: absolute; z-index: -1;}
:root .gradient{filter:none;} 
.mainbody{ width: 1200px; min-width: 1200px;margin: 0 auto;  margin-top: 40px;}
.item{position:relative;float:left;margin-right:48px; width:21.83333%; height:250px; cursor:pointer;overflow:hidden; background: #ffffff; border:1px solid #e3e3ef; -webkit-border-radius: 10px; -moz-border-radius: 10px;  -ms-border-radius: 10px;  -o-border-radius: 10px;  border-radius: 10px;  box-shadow:0 10px 24px rgba(0,0,0,.18); text-align: center;}
.item img{ margin-top:25px;}
.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: 12px; font-size:1.125em; margin:5px auto;}
.item dd{width:86%;line-height:32px;color:#e9f3ff;font-size:1em; margin:0 auto; text-align: left; text-align: justify;}
.item_warp{position:relative;float:left; width:1200px; height:210px; overflow:hidden; background: #ffffff; border:1px solid #e3e3ef; -webkit-border-radius: 10px; -moz-border-radius: 10px;  -ms-border-radius: 10px;  -o-border-radius: 10px;  border-radius: 10px;  box-shadow:0 13px 24px rgba(0,0,0,.18); text-align: center; margin-top: 48px; }
.item1{position:relative; width:400px;  height:210px; margin:0; float:left; cursor:pointer;overflow:hidden; }
.item1 img{ float:left; margin-top: 32px; margin-left:66px;}
.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:210px;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: 12px; font-size:1.125em; margin:5px auto;}
.item1 dd{width:86%;line-height:32px;color:#e9f3ff;font-size:1em; margin:0 auto; text-align: left; text-align: justify;}
.item1 h1{ font-size:1.125em; font-weight:normal;  float:left; text-align: left; margin-left: 10px; border-right:1px solid #e8e9e9; height: 130px; line-height: 120px; 
padding-right:57px;  margin-top: 32px; width:120px;}
.mainbody_function{ background: url(../images/function.jpg) no-repeat center center ;  width:1200px; margin: 0 auto; height: 671px;  position:relative;}
.superli{ width:1200px; min-width: 1200px; height:270px; float:left; margin-top:65px;}
.superli ul{ width:1180px; float:left; height:350px; margin-left:10px; position: absolute;}
.superli ul li{ width:100px; height:100px; float:left; color:#ffffff; text-align:center; font-size:1.125em;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:10px;} 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: 10px;}
.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:15px;}
.superli ul li:nth-child(6)>a{display:block;margin-top:18px;}
.superli ul li:nth-child(1){ left:80px; top:-30px; width: 110px; height:110px; }
.superli ul li:nth-child(2){ left:180px; top:30px;  }
.superli ul li:nth-child(3){ left:20px; top:40px; width: 110px; height:110px;}
.superli ul li:nth-child(4){ left:260px; top:420px; }
.superli ul li:nth-child(5){ left:1050px; top:-200px; width: 110px; height:110px;}
.superli ul li:nth-child(6){ left:920px; top:100px; width: 120px; height:120px;}
.superli ul li:nth-child(7){ left:1080px; top:260px; }
.superli ul li:nth-child(8){ left:900px; top:400px; width: 110px; height:110px;}
.superli ul li span{ width: 32px; height: 38px; line-height: 42px; background: #70afe1; display: block; margin-left: 34px; -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(6) span{margin-left: 44px;}
.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: 39px;}
.superli ul li.tag_a{width:120px; height:120px;}
.mainbody_features{ width: 100%; background-image: linear-gradient(to right,#7169f7,#3463f1); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3463f1',endColorStr='#7169f7',gradientType='0'); margin: 0 auto; height: 530px;  }
.main_f{background: url(../images/featuresbg.png) no-repeat center center ;  width:1200px; height:530px; margin: 0 auto}
.main_f p{ float:left; width: 24%; margin: 4.6%; font-size: 1.3em; line-height: 1.8em; color: #ffffff; text-align: justify; margin-top: 120px; text-align: center; display: block; font-weight:lighter;}
.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:1200px; height: 511px}
.box_value ul { overflow: hidden; width: 1200px; height: 470px}
.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; padding-top:35px; height:470px; text-align: right; word-wrap: break-word; color: #5d5d61}
.box_value .last span { padding-bottom: 0px; }
.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: 440px;}
.box_value .box_vbg{background:url(../images/value_tit1.png) no-repeat center center;  height: 440px;}
.box_value .current .box_vbga{ background:url(../images/value_tita.png) no-repeat center center;  height: 440px;}
.box_value .box_vbga{background:url(../images/value_tita1.png) no-repeat center center;  height: 440px;}
.box_value .current .box_vbgb{ background:url(../images/value_titb.png) no-repeat center center;  height: 440px;}
.box_value .box_vbgb{background:url(../images/value_titb1.png) no-repeat center center;  height: 440px;}
.box_value .current .box_vbgc{ background:url(../images/value_titc.png) no-repeat center center;  height: 440px;}
.box_value .box_vbgc{background:url(../images/value_titc1.png) no-repeat center center;  height: 440px;}
.box_value .current .box_vbgd{ background:url(../images/value_titd.png) no-repeat center center;  height: 440px;}
.box_value .box_vbgd{background:url(../images/value_titd1.png) no-repeat center center;  height: 440px;}
.box_project{ width:1200px; margin:0 auto;}
.mainbody_industry{ width: 100%; min-width: 1200px; background-image: linear-gradient(to left,#7169f7,#3463f1); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3463f1',endColorStr='#7169f7',gradientType='0'); margin: 0 auto; height:547px;  }
.m_industry{width:1200px;  margin:25px auto 15px; height:507px;}
footer{ width:100%; min-width: 1200px;background:#2b2b2b;color:#ababab; text-align:center;  margin-top:20px; overflow: hidden; }
footer span{ margin-left:20px; }
.footer{ width: 1200px; margin: 20px auto;}
.footer img{ float:left; margin-left: 50px; margin-top: 25px;}
.footerfr{float:left; margin-top: 30px; margin-left: 150px; border-left:1px solid #343434;}
.footerfr p img{ margin:1px 15px 80px 0;  }
.footerfr p{ float:left; width:230px; margin-left: 100px; text-align: left; line-height:30px}
.footerfr p span{ display: block; color:#ffffff}
.footer_bottom{ width:100%; min-width: 1200px; height:60px; border-top:1px solid #343434; line-height: 60px; margin-top: 30px; font-size: 0.93em; color:#868686;}
.header_sub{background-image: linear-gradient(to right,#90b8fb,#b39ffc); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3463f1',endColorStr='#7169f7',gradientType='0');}
.sub_main{ width: 1200px; margin: 120px auto 60px;  }
.sub_title{ font-size: 1.25em; border-bottom:2px solid #61b1fe; padding-bottom:6px;  float:left;}
.sub_main p{ color:#313131; font-size: 0.93em; text-indent: 2em; margin-top: 15px; line-height: 30px; width:700px; float:left;}
.sub_main img{ float: left; margin-right:50px;}
.line{ width:1200px; 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-container{height:460px; max-width:1200px;}
.swiper-wrapper{align-items:center;}
.swiper-slide{background:0 0;box-sizing:border-box;text-align:center; margin-top: 50px; width:1200px;}
.swiper-slide img{ float: left;}
.swiper-slide h3{font-weight:400; margin-top:25px; margin-bottom:40px; font-size:1.625em;color:#252b3a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.swiper-slide p{margin-top:10px;font-size:0.93em;color:#434343;text-align:left;line-height:26px; width:620px; margin-left:540px; 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: 450px; margin-bottom: 48px;  }
.item_sub img{ width: 100%; margin-top: 0; margin-bottom: 10px;}
.item_sub p{ width: 90%; padding:0 5%; text-align:justify; line-height: 22px; color: #87899b; margin-top: -1px; text-indent: 0; }
h4{ border-bottom:1px solid #e4e9ec; padding-bottom: 5px;   margin: 10px 12px; text-align: left; font-size: 1.1em; font-weight: normal;}
.footer_bottom p{ width: 850px; margin: 0 auto;}
.footer_bottom p span{ float: left;}
.footer_bottom p a{ color: #868686}
.conbox{ width: 1200px; margin: 120px auto 60px; }
form {width: 60%;  margin:50px auto; }
.register-box { border: 1px solid #a1a1ba;  margin-bottom: 60px;  position: relative; padding:10px;}
.register-box label { display: inline-block; width: 100%; }
.register-box input { width: 100%; color: #666; float: left;  border:0; font-size:1.2em; font-family: "微软雅黑"; outline: none;}
.register-box .username_label { word-spacing: 8px;}
#codebt { text-align: center; position: absolute; top: 8px; right: 10px;}
#codebt #btn {color: #fff;width: auto; padding:5px 10px;border-radius: 7px; background-color: #90b8fb;cursor: pointer;border-radius: 5px; font-size:1.2em; font-family: "微软雅黑"; border:0;  }
#codebt #btn:hover {background-color: #b39ffc; display: inline-block; }
.submit_btn {width:50%;  text-align: center;  margin: 0 auto 60px;}
.submit_btn a {color: #fff; border: 0; font-size: 1.5em; 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: 10px; }
.submit_btnr a:hove {background-color: #b39ffc;}
.return{ float:right; margin-right: 15px; font-size:1em; margin-top: 10px; background: #d1c8fa; border-radius: 6px; color:#2e2e2e; padding: 3px 10px;}
.input_tag{ color:red; margin-top: -50px; position: absolute; }
.sub_box{ width:1200px; margin: 100px auto;}
.course_box{ width:100%;  height: 120px;   box-shadow:none; background: #eef2ff; cursor:auto ;}
.course_box p{ font-size:16px; width:100%;  text-align: left;text-indent: 2em; margin-top: 15px; line-height: 30px; color: #313131;  float: left;}
.course_box p span{ font-size: 17px; float: none;} 
.course_video{border: 1px solid #e3e3ef; width:1138px; overflow: hidden; margin: 30px auto; position: relative; padding:0 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px;  -ms-border-radius: 10px;  -o-border-radius: 10px; border-radius: 10px;}
.video_cfl{ width: 400px; height: 226px; float:left; margin-right: 30px; display: inline-block; position: relative;}
.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; border-radius: 0 0 0 10px; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#90b8fb',endColorStr='#b39ffc',gradientType='0'); color: #ffffff }
.video_cfl img{width: 400px; height: 226px;}
.video_main{border-bottom: 1px dashed #e3e3ef; overflow: hidden; padding:30px 0; }
.video_main:last-child{border-bottom: 0;}
.video_cfr{display: inline-block; float:left; width:700px;}
.video_cfr p{color: #313131; line-height: 35px; margin-bottom: 5px; width:100%;  }
.video_cfr p.video_title{border-bottom:1px solid #ddd8f7; font-size:18px; float:left; margin-bottom: 20px; padding-bottom: 5px;}
.video_cfr p.video_title span{ font-size:16px; margin-left: 30px; color: #454545;}
.swiper_box{ width:100%; margin-top:0;}
.swiper_box .swiper-container{ height:619px;}
.swiper_box .swiper-slide{ margin-top: 0;}
.bg_box{ width: 1200px; margin: 0 auto;}
.btn_pub{ width:600px; margin: 20px auto; text-align: center;}
.btn_pub p{ margin-bottom: 20px; font-size: 18px;}
.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 { z-index: 1000001;  top: 50%; left: 50%; display: none; position: fixed; width: 930px; height: 640px; margin-left: -465px; margin-top: -320px;}
#lightbox {  background: none;}
#lightbox .model_header { background: none; border: none; margin-top: 530px; position: absolute; margin-left: 445px; height: 41px; line-height: 41px; }
#lightbox .model_header img{ width: 40px; height: 40px;}
#lightbox .model_body { overflow: inherit; padding: 0; margin:0;}
.popup { position: absolute; bottom: 90px; right: 0px; width: 260px; color: #ffffff;}
#lightbox .model_body img { float: left;}
.video_tag {  width: 50px; height: 35px; position: absolute; margin-top: 478px; margin-left: 862px; 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:213px; height: 149px; position:fixed;top:280px;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:40px;height:36px;background:url(../images/online_arrow.png) no-repeat; position:fixed; top:300px; right:213px; z-index:999;}
#rightArrow a{display:block;height:36px; width:40px;}

@media only screen and (min-width:1391px)and (max-width:1850px){
.banner_apply{ position:relative; width:657px; height: 324px; margin:-25% auto 6%;  }
.banners .nav-dots{bottom: 0px;}
}


@media only screen and (min-width:200px)and (max-width:1390px){
.banner_apply{ position:relative; margin:-24% auto -1%; text-align: center;  }
.banner_apply img{width:500px; height: 247px;  }
.banners .nav-dots{bottom: 0px;}

}

/* logo展示 */
.logo_list{width:1200px;margin:0 auto; overflow: hidden; padding:10px}
.logo_list ul{width:120%}
.logo_list li{border-radius:5px;float:left; width:224px; margin-right:20px; text-align:center; margin-bottom: 20px; box-shadow: 0 3px 5px rgba(17,22,107,0.3); height:90px; overflow:hidden;}
.logo_list li img{ background:#fff; float: left;}

/* 产品报价 */
.table_main table{ width: 100%; border-collapse:collapse; }
.table_main table tr td{border:1px solid #ffffff;  line-height: 35px; padding: 2px 10px; text-align: justify; }
.table_main table tr td a{ color: #0087fa}
.table_main table tr td a:hover{ text-decoration: underline; }

/* 荣誉 */
.board{ width: 100%; margin: 20px auto;}
.board_list{ width:340px;  height: 320px; float: left;  margin-right: 90px; }
.board_list img{border:8px solid #7a0000; margin-right: 0; width: 324px; height: 222px; }
.board_list p{ width:100%; text-align: center; margin-top: 8px; text-indent: 0; font-size: 1em; line-height: 24px;}
.board_list:nth-child(3n){ margin-right: 0;}