@charset "utf-8";

/*------------重置标签样式------------*/
body, h1, h2, h3, h4, h5, h6, hr, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, div { margin: 0; padding: 0; }
ul, li, ol { list-style: none;/*清除列表风格*/ }
table { border-collapse: collapse; border-spacing: 0px; border-padding: 0px; border-color: none; }
body, button { font-size: 12px; color: #444; }
/*@font-face { font-family: 'pingfang'; src: url('./PingFang Regular.ttf'),url('./PingFang Regular.eot'); }*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 100; font-family: 微软雅黑;}
.solution-box h4{
	color:#fff;
}
body, button, input[type="text"], select, option, textarea { font-family: "微软雅黑"; outline: 0; }
article, aside, dialog, figure, footer, header, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; cursor: pointer; color: #444; text-decoration: none; outline: hidden; }
a:after{color: #444;}
a:hover { text-decoration: none; color: inherit; }
a:focus { outline: none; }
a img { border: 0; }
i, label { font-style: normal; font-weight: normal; }
input, button, select, textarea { outline: none; }

/*-----------定义公共样式-----------*/

/*浮动、定位、文本对齐、显示隐藏、手型*/
body>a{ display: none;}
.clear { clear: both; }
.clearfix { zoom: 1; }
.clearfix:after { clear: both; content: ""; display: block; }
.fl { float: left; }
.fr { float: right; }
.pos-r { position: relative; }
.pos-a { position: absolute; }
.right { text-align: right; }
.center { text-align: center; }
.left { text-align: left; }
.v-top * { vertical-align: top; }
.v-middle *, .middle { vertical-align: middle; }
.v-bottom * { vertical-align: bottom; }
.v-baseline * { vertical-align: baseline; }
.v-text-bottom * { vertical-align: text-bottom }
.show { display: block; }
.hide { display: none; }
.pointer { cursor: pointer; }
.singleline-ellipsis{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.overflow-h{overflow: hidden;}
.inline-b{display: inline-block;}
.h110{height: 110px;}
.h-percent100{height: 100%;}
.mr0{margin: 0;}
.mr5{margin-right: 5px;}
.mr25{margin-right: 25px;}
.mt30{margin-top: 30px;}
.mt80{margin-top: 80px;}
.mb15{margin-bottom: 15px;}
.mb30{margin-bottom: 30px;}
.pd0{padding: 0;}
.pd10{padding: 10px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top:30px; }
.pb50{padding-bottom: 50px;}
.pb30{padding-bottom: 30px;}
.pl10{padding-left: 10px;}

.ft12{font-size: 12px;}
.ft14{font-size: 14px;}
.ft16{font-size: 16px;}
.ft20{font-size: 20px;}
.ft30{font-size: 30px;}
.ft35{font-size: 35px;}
.ft36{font-size: 36px;}
.ft45{font-size: 45px;}
.line-h40{line-height: 40px;}
.line-h53{ line-height: 53px; }
.letter-spa3{letter-spacing:3px;}
.bg-f4{background-color: #f4f4f4;}
.bg-fff{background-color: #fff;}
.color-orange{color: #FF9600;}
.color-aaa{color:#aaa;}
.color-fff{color:#fff;}

.vertical-center{ display: inline-block; vertical-align: middle; }
.sulution-heading:after{ content: '';height: 100%;width: 0; display: inline-block;vertical-align: middle; }
/*官网首页面样式*/

/*头部样式*//*官网首页面样式*//*头部样式*/
.container { min-width: 1200px; }
.index-body ul { list-style: none; }
.full-header { border-bottom: 2px solid #f2f2f2; height: 100px;}
.header { width: 1200px; margin: 0px auto; height: 100px; }
.header>.row { margin-left: 0; }
.logo-con { padding: 18px 0 0 0; }
.header .nav-item { padding-top: 38px; }
.nav-item>li { float: left; font-size: 16px;/*padding:0 15px;*/ line-height: 60px; width: 96px; text-align: center; }
.nav-item .active {/*border-bottom:2px solid #ff9600;color:#ff9600;*/ }
.nav-item>li>a { display: block; }
.nav-item { position: relative; }
.nav-item p { position: absolute; z-index: 999; top: 98px; width: 0; height: 2px; border-top: 2px solid #ff6600; overflow: hidden; text-align: center; margin-left: 0; }
.nav-item>.active>a { color: #ff9600; }
.tel-con { margin-top: 46px; text-align: right; padding-right: 0; }
.tel-con img { vertical-align: text-bottom; }
.search-input { display: inline-block; width: 36px; height: 36px; border-radius: 18px; margin-right: 10px; }
.container-fluid { min-width: 1200px; padding: 0; }
.banner-con { padding: 0; }
.banner-con img { width: 100%; }
.title-con { height: 166px; text-align: center; padding-top: 90px; margin-bottom: 50px; }
.tit-text { font-size: 16px; color: #333; line-height: 32px; }
.tit-ch { font-size: 30px; }
.tit-ch:before { content: ''; display: inline-block; width: 6px; height: 6px; background-color: #ff9600; vertical-align: top; margin-right: 30px; margin-top: 12px; }
.tit-ch:after { content: ''; display: inline-block; width: 6px; height: 6px; background-color: #ff9600; vertical-align: top; margin-left: 30px; margin-top: 12px; }
.QRcode-box{     position: absolute;
    top: 100px;
    right: 10%;
    display: inline-block;
    z-index: 99;
     }

/*轮播图*/
.carousel-indicators li { display: inline-block; width: 14px; height: 4px; margin: 0px 0px 0px 30px; text-indent: -999px; cursor: pointer; background-color: #fff \9; background-color: rgba(255, 255, 255, 0.5); border: none; border-radius: 0; }
.carousel-indicators .active { width: 14px; height: 4px; margin: 0px 0px 0px 30px; background-color: rgba(255, 255, 255, 1); border: none; border-radius: 0; }

/*解决方案*/
.sulution-heading{ width: 136px;height: 190px; float: left; }
.solution-wrap { float:left; width: 1064px; height: 190px; overflow: hidden; position: relative; color: #fff;}
.solution-box { height: 100%; width: 440px; position: absolute; transition: left 300ms;  padding: 10px 20px;cursor: pointer;}
.solution-box1 { background-color: #60d779; }
.solution-box2 { background-color: #5ca1ff; }
.solution-box3 { background-color: #ffa233; }
.solution-box4 { background-color: #8f74d4; }
.state-0 .solution-box1 { left: 0; }
.state-0 .solution-box2 { left: 280px; }
.state-0 .solution-box3 { left: 470px; }
.state-0 .solution-box4 { left: 710px; }
.state-1 .solution-box1 { left: 0; }
.state-1 .solution-box2 { left: 440px; }
.state-1 .solution-box3 { left: 650px; }
.state-1 .solution-box4 { left: 870px; }
.state-2 .solution-box1 { left: 0; }
.state-2 .solution-box2 { left: 200px; }
.state-2 .solution-box3 { left: 640px; }
.state-2 .solution-box4 { left: 850px; }
.state-3 .solution-box1 { left: 0; }
.state-3 .solution-box2 { left: 200px; }
.state-3 .solution-box3 { left: 390px; }
.state-3 .solution-box4 { left: 830px; }
.state-4 .solution-box1 { left: 0; }
.state-4 .solution-box2 { left: 200px; }
.state-4 .solution-box3 { left: 390px; }
.state-4 .solution-box4 { left: 624px; }

 .solution-img1{left:180px; bottom: 0; transition: left 500ms; -webkit-transition:left 300ms;}
 .solution-img2{left:120px; bottom: 0;transition: left 500ms; -webkit-transition:left 300ms;}
 .solution-img3{left:170px; bottom: 0;transition: left 500ms; -webkit-transition:left 300ms;}
 .solution-img4{left:240px; bottom: 0;transition: left 500ms; -webkit-transition:left 300ms;}

.state-1 .solution-img1{left:340px; }
.state-1 .solution-img4{left:100px; }

.state-2 .solution-img1{left:100px; }
.state-2 .solution-img2{left:325px; }
.state-2 .solution-img3{left:140px; }
.state-2 .solution-img4{left:100px; }

.state-3 .solution-img1{left:100px; }
.state-3 .solution-img3{left:360px; }
.state-3 .solution-img4{left:120px; }

.state-4 .solution-img1{left:100px; }
.state-4 .solution-img4{left:320px; }

.solution-summary { width: 300px; opacity: 0; font-size: 15px; transition: opacity 500ms; -webkit-transition: opacity 500ms; }
/*.project-card { height: 560px; }
.project-card .pro-card { background-color: #fff; text-align: center; border: 1px solid #dcdcdc; margin-left: -1px; height: 506px; position: relative; z-index: 100; }
.project-card .project-img01 { background: url(../imagestatic/project01.png) center center no-repeat; height: 140px; margin-top: 85px; }
.project-card .project-img02 { background: url(../imagestatic/project02.png) center center no-repeat; height: 140px; margin-top: 85px; }
.project-card .project-img03 { background: url(../imagestatic/project03.png) center center no-repeat; height: 140px; margin-top: 85px; }
.project-card .project-img04 { background: url(../imagestatic/project04.png) center center no-repeat; height: 140px; margin-top: 85px; }
.pro-card-tit { font-size: 20px; color: #333; margin: 52px 0 22px; }
.pro-card-con { font-size: 14px; color: #666; line-height: 36px; }
.project-card a.btn { opacity: 0; bottom: 52px; position: absolute; left: 50%; margin-left: -50px; }
.project-card:hover a.btn { bottom: 52px; }
a.btn { margin: 0 auto; text-align: center; display: inline-block; width: 100px; height: 30px; line-height: -1px; background: none; border: 1px solid #ff9600; color: #ff9600; font-size: 12px; cursor: pointer; }*/

/* .project-card .card-visited {position:relative;z-index:199;width:29%;height:556px;border:1px solid #ff9600;margin-top:-20px;margin-left:-2%;margin-right:-2%;box-shadow:0 5px 20px rgba(255,155,0,.5);}
.project-card .card-visited a.btn {opacity:1;}
*/
.pro-card:hover, .project-card .pro-card.card-visited { width: 29%; height: 556px; position: relative; z-index: 199; width: 29%; height: 556px; border: 1px solid #ff9600; margin-top: -20px; margin-left: -2%; margin-right: -2%; box-shadow: 0 5px 20px rgba(255, 155, 0, .5); }
.pro-card.card-visited .project-img01 { background: url(../imagestatic/project011.png) center center no-repeat; }
.pro-card.card-visited .project-img02 { background: url(../imagestatic/project021.png) center center no-repeat; }
.pro-card.card-visited .project-img03 { background: url(../imagestatic/project031.png) center center no-repeat; }
.pro-card.card-visited .project-img04 { background: url(../imagestatic/project041.png) center center no-repeat; }
.pro-card:hover>ul, .project-card .pro-card.card-visited>ul { margin-top: -30px; }
.pro-card:hover>a.btn, .project-card .pro-card.card-visited>a.btn { opacity: 1; }
.pro-card>ul { margin-top: 0; transition: all 0.5s; -moz-transition: all 0.5s;/* Firefox 4 */ -webkit-transition: all 0.5s;/* Safari and Chrome */ -o-transition: all 0.5s;/* Opera */ }
.pro-card:hover>ul { margin-top: -30px; }
.pro-card>.btn { opacity: 0; transition: all 0.5s; -moz-transition: all 0.5s;/* Firefox 4 */ -webkit-transition: all 0.5s;/* Safari and Chrome */ -o-transition: all 0.5s;/* Opera */ }
.pro-card:hover>.btn { opacity: 1; }

/*经典案例*/
.case-card { margin: 0px; padding: 0 10px;/* margin-left:-8px;*/ }
.case-card:hover h4{text-decoration: underline;}
.case-card>div { border: 1px solid #dcdcdc; overflow: hidden; text-align: center; height: 360px; }
.case-card h4 { font-size: 18px; color: #333; margin-top: 36px; margin-bottom: 10px; font-weight: 500; font-family: "microsoft sans serif"; }
.case-card p.dotdot { font-size: 14px; color: #666; padding: 0 15px; height: 84px; }
.case-card .btn { margin-top: 20px; border: solid 1px #FF9600; border-radius: 0; color: #ff9600; }
.case01 { background: #fff url(../imagestatic/case01.png) center center no-repeat; }
.case02 { background: #fff url(../imagestatic/case02.png) center center no-repeat; }
.case03 { background: #fff url(../imagestatic/case03.png) center center no-repeat; }
.case04 { background: #fff url(../imagestatic/case04.png) center center no-repeat; }
.case05 { background: #fff url(../imagestatic/case05.png) center center no-repeat; }
.case-card .p-cimg { width: 100%; height: 220px; overflow: hidden; }
.case-card>div img { width: 100%; height: 100%; margin-top: 0; transition: all 1s; -moz-transition: all 1s;/* Firefox 4 */ -webkit-transition: all 1s;/* Safari and Chrome */ -o-transition: all 1s;/* Opera */ }
.case-card>div:hover .p-cimg img { width: 110%; height: 110%; margin-left: -5%; margin-right: -5%; margin-top: -5%; }

/*服务体系*/
.service-con { height: 640px; width: 100%;/* background:url(../imagestatic/index_ad_bg01.jpg) center center no-repeat;*/ overflow: hidden; }
.service-left { float: left; height: 640px; padding-top: 70px; width: 54.9%; background: url(../imagestatic/index_ad_bg01_01.jpg) center center no-repeat; }
.service-right { float: right; height: 640px; width: 45.1%; background: url(../imagestatic/index_ad_bg01_03.jpg) center center no-repeat; }
.service-appear {  position: relative; margin-top: -60px;}
.service-appear>div {opacity: 0; text-align: right; height: 75px; margin-top: 40px; margin-bottom: 35px; }
.service-appear>div>span { display: inline-block; width: 60px; height: 60px; margin-left: 40px; border-radius: 30px; border: 1px solid #ef8d31; float: right; margin-right: -30px; }
.service-con h4 { font-size: 18px; color: #fff; margin-top: 8px; margin-bottom: 5px; }
.service-con p { font-size: 12px; color: #fff; }

/* 运营地图提示自定义 */
.stateTip, #StateTip { display: none; position: absolute; padding: 8px; background: #fff; border: 2px solid #2385B1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 12px; font-family: Tahoma; color: #333; }
.regionList { margin-top: 15px; overflow: hidden; }
.regionList ul { margin-right: 5px; display: inline; }
.regionList ul li { height: 24px; margin-left: 10px; padding: 0 0px; border: 1px solid #fff; line-height: 24px; float: left; width: 150px; }
.regionList ul li.select { border: 1px solid #D3D3D3; background: #FFF1BF }
.mapInfo i { display: inline-block; width: 15px; height: 15px; margin-top: 5px; line-height: 15px; font-style: normal; background: #aeaeae; color: #fff; font-size: 11px; font-family: Tahoma; -webkit-border-radius: 15px; border-radius: 15px; text-align: center }
.mapInfo i.active { background: #E27F21; }
.mapInfo span { padding: 0 5px 0 3px; }
.mapInfo b { font-weight: normal; color: #2770B5 }
.regionMap { width:1200px;height: 800px;}

/*新闻*/
.news-left{ width:530px; height: 420px;margin-right: 50px;  padding-top: 20px;cursor: pointer;}
.news-left:hover .news-item-title{text-decoration: none; }
.news-right {
	margin-bottom: 18px;
}
.index-news-date {
	width: 102px;
	height: 84px;
	margin-right: 18px;
}
.news-right .news-list-item{ height: 160px; }
.multiline-ellipsis{ font-size: 14px; color: #999;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.index-news-date{padding: 5px 15px; text-align: center;color: #999;}
.index-news-img{display: inline-block;width:530px;height:300px;}
.index-news-date-active{ display: inline-block;position: absolute; top: -140px;left: 0;background-color: #ff8814;color: #fff; z-index: 9;}
.news-right .news-item{ border-bottom: solid 1px #eee; }
.news-right .news-item:last-child{border: 0;}
.news-right .news-item:first-child{padding-top: 10px;}
.news-item:hover .index-news-date{
	color: #ff9600;}
.news-left .news-item-title{
    margin-top: 20px;
}
.news-item-title{font-size: 22px; padding: 0px 0 10px 10px; margin: 0;  line-height: 30px; color:#444;}
.news-item-content{   padding-left:10px;
    margin: 0;
    line-height: 25px;
    height: 50px; }

.news-index .title-con { margin-bottom: 20px; }
.news-con { background: #fff url(../imagestatic/line_jia.png) center center no-repeat; }
.news-con div { padding-top: 20px; padding-bottom: 20px; }
.data-new { line-height: 34px; font-family: "Arial"; }
.data-new span { font-size: 16px; color: #a9a9a9; }
.data-new i { font-size: 50px; color: #999; }
.news-con>div { margin-left: 0; margin-right: 0px; }
.new-r h4 { font-size: 18px; color: #333; margin-bottom: 12px; }
.new-r p { font-size: 14px; color: #999; height: 84px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

/*版权信息*/
.footer-con { background-color: #2f3034; margin-top: 130px; }
.footer-con>.container { margin: 0 auto; }
.footer-b h4 { font-size: 16px; color: #fff; margin-top: 30px; margin-bottom: 10px; }
.footer-b p { margin: 0; line-height: 30px; }
.footer-b p a { font-size: 14px; color: #9d9ea0; }
.footer-b>p>a:hover { color: #fff; }
.qr-code { margin-top: 15px; }
.footer-con .copy-right { color: #fff; font-family: 微软雅黑, sans-serif; font-weight: 100; padding-top: 30px; padding-bottom: 30px; margin-top: 10px; border-top: 1px solid #464a4d; font-size: 12px; }
.copy-right>p { padding-left: 30px; }
.copy-right .service-tel { background: transparent url(../imagestatic/sm_tel.png) left center no-repeat;height: 21px; }
/*----------------------------------------------分割线--------------------------------------------------*/

/*02解决方案-智慧教育*/.save-case { width: 100%; height: 275px; margin-bottom: 27px; }
.save-case-text { font-weight: normal; }
.save-case-text h6 { padding-top: 120px; font-size: 42px; font-weight: 100;font-family: 微软雅黑;color:#333333; }
.save-case-text p { padding-top: 42px; font-size: 18px;color:#333333;font-family: "微软雅黑", Arial }
.sub-nav { width: 100%; height: 108px; background-color: #F8F8F8; z-index: 99; }
.sub-nav-c { height: 108px; background-color: #f8f8f8; }
.sub-nav-c li { text-align: center; border:solid 1px transparent;display: block; min-width: 18%; position: relative; z-index: 100; float: left; cursor: pointer; font-size: 18px; padding: 7px 20px; top: 50%; margin-top: -18px; }
.pro-nav-c .nav-on { color: #FF9600; border: 1px solid #EBA11A; border-radius: 5rem; }
.nav-on a { color: #FF9600; }
.banner-top-bg { width: 1200px; height: 350px; background: url(../imagestatic/020101.png) no-repeat; background-size: 100% auto; }
.banner-img-top-text { padding-top: 70px; opacity: 0;}
.banner-img-top-text h3 { font-size: 30px;font-family: 微软雅黑;font-weight: 100;}
.banner-img-top-text p {font-family: "微软雅黑", Arial; padding-left: 0px; font-size: 16px; margin-top: 42px; position: relative; line-height: 30px;margin-left: 19px; }
.banner-img-top-text>p::before { content: " "; display: block; position: absolute; left: -10px; top: 10px; width: 6px; height: 6px; border-radius: 50%; background-color: #ff9600; }
.banner-img-bg { width: 1200px; height: 410px; background: url(../imagestatic/02plan-techpaln01.jpg) no-repeat; background-size: 100% auto; opacity: 0;}
.banner-img { margin-top: 171px; }
.banner-three { margin-top: 135px; }
.banner-three-top { margin-bottom: 75px; }
.banner-img-bg.banner-img-bg02{background: url(../imagestatic/plan_classroom01.jpg) no-repeat; height:501px;}

/*banner最下面A标签图标*/
.banner-three-bottom a { display: block; width: 100px; height: 100px; border-radius: 50%; background-color: #ff9600; margin: 0 auto; cursor: default; transition: all 0.5s ease; }
.banner-three-bottom a:before { position: relative; font-size: 20px; color: #fff; z-index: 2; -webkit-transition: all .4s ease; transition: all .4s ease }
.banner-three-bottom h4 { margin-top: 30px; font-size: 18px;font-family: "微软雅黑";color: #333333; }
.banner-three-bottom p { display: block; margin: 0 auto; margin-top:16px; font-size: 14px; line-height: 35px;color: #666666; }
.typical-case { position: relative; margin-top: 120px; width: 100%; }
/*.typical-case-top { position: relative; z-index: 1px; top: 0; background-repeat: no-repeat; height: 125px; background-image: url('../imagestatic/zhouqi2.png'), url("../imagestatic/zhouqi2.png"), url("../imagestatic/zhouqi1.png"), url("../imagestatic/symbol33.png") }*/
.typical-case-top img{ position: relative; top: -15px;width: 100%; }
.typical-case-top {background-image: url('../imagestatic/waves.png');background-position: 0% 0%; }
.typical-case-top .flow-animation{  position:absolute; top: 15px; height: 125px;z-index: 1px; }
.typical-case-bottom { position: absolute; z-index: 10; top: 80px; width: 100%; background-repeat: no-repeat; height: 400px; background-image: url('../imagestatic/4.png'); text-align: center; }
.typical-case-bottom h4 { font-weight: bold; color: #ffffff; }
.typical-case-bottom p { font-size: 16px; margin-top: 40px; color: #FFFFFF; line-height: 32px; }
.typical-case-bottom ul { margin-top: 30px; }
.typical-case-bottom li { width: 23%; display: inline-block; margin: 0 10px; padding: 25px 0; }
.typical-case-bottom span { font-size: 40px; font-weight: 700; color: #FFFFFF;font-family: Oswald-Bold }
.typical-case-bottom i { font-size: 18px; color: #fff; }
.typical-case, .typical-case-top, .typical-case-bottom { padding: 0; }

/*----------------------------------------------分割线-------------------------------------------------------*/

/*解决方案-区域云*//*版心上半部分图片文字*//*--------------------左图右字------*//*--------------------左字右图------*/.plan-banner { width: 1200px; margin: 0 auto; margin-top: 125px; }
.banner-top { position: relative; margin-top: 90px; }
.banner-top-text h3 { font-size: 30px; font-family:微软雅黑; font-weight: 100;}
.banner-top-text .child { margin-left: 19px; font-size: 16px; margin-top: 42px; position: absolute; line-height: 30px }
.banner-top-text p::before { content: " "; display: block; position: absolute; left: -15px; top: 11px; width: 6px; height: 6px; border-radius: 50%; background-color: #ff9600; }
.banner-top-text { width: 465px; position: absolute; right: 30px; top: 75px; z-index: 9; opacity: 0;}

/*版心下半部分图片文字*/
.banner-bottom { margin-top: 200px; position: relative; }
.banner-bottom-text { width: 465px; position: absolute; left: 15px; top: 18px; z-index: 9; opacity: 0;}
.banner-bottom-text h3 { font-size: 30px;font-family: 微软雅黑; font-weight: 100; }
.banner-bottom-text .child { margin-left: 19px; font-size: 16px; margin-top: 42px; position: relative; line-height: 30px }
.img-margin-t { margin-top: 20px; }
.banner-bottom-text p::before { content: " "; display: block; position: absolute; left: -15px; top: 11px; width: 6px; height: 6px; border-radius: 50%; background-color: #ff9600; }
.banner-bottom-text .c1 { margin-top: 42px; }
.banner-bottom-text .c2 { margin-top: 125px; }
.banner-bottom-text .c3 { margin-top: 200px; }
.banner-bottom-text .c4 { margin-top: 275px; }
.banner-bottom-text .b1 { margin-top: 42px; }
.banner-bottom-text .b2 { margin-top: 95px; }
.banner-bottom-text .b3 { margin-top: 140px; }
.banner-bottom-text .b4 { margin-top: 185px; }
.banner-bottom-text .b5 { margin-top: 230px; }
.banner-bottom-text .b6 { margin-top: 275px; }

/*版心最下面图标特效*/
.banner-three-bottom .iconbtn { position: relative; width: 100px; height: 100px; border: 0; border-radius: 50%; background-color: #ff9600; margin: 0 auto; }
.banner-three-bottom .iconbtn::after { content: ' '; position: absolute; top: 0; left: 0; width: 100px; height: 100px; transform: scale(0); border-radius: 50%; transition: all 0.5s ease; z-index: 1; }
.banner-three-bottom .iconbtn:hover::after { transform: scale(1); background-color: #FFFFFF; }

/*设置绝对定位提高图标层级*/
.plan-cloud-a1 { position: absolute; z-index: 10; background: url(../imagestatic/newteach_style.png) no-repeat center; }
.plan-cloud-a2 { background: url(../imagestatic/high_teach_manage.png) no-repeat center; }
.plan-cloud-a3 { background: url(../imagestatic/nice_resource_share.png) no-repeat center; }
div.plan-cloud-a1:hover { background: url(../imagestatic/newteach_style-hover.png) no-repeat center; }
div.plan-cloud-a2:hover { background: url(../imagestatic/highteachmanage-hover.png) no-repeat center; }
div.plan-cloud-a3:hover { background: url(../imagestatic/niceresourceshare_hover.png) no-repeat center; }
.banner-three-bottom .iconbtn:hover { transform: scale(1); text-shadow: #ccc; box-shadow: 0 2px 16px rgba(0, 0, 0, .2); }

/*----------------------------------------------分割线---------------------------------------------------------------------*/

/*03产品中心-录播教室整合*//*--------------列表------------------*/.content-top h3 { font-size: 30px; font-family:微软雅黑; font-weight: 100; }
.pro-tab-head { padding: 15px 0; background-color: #bbbbbb; }
.pro-tab { margin-top: 42px; }
.pro-tab .pro-tab-head span { color: #ffffff; border-left: 1px solid #FFFFFF; }
.pro-tab span { display: inline-block; padding-left: 10px; font-size: 14px; }
.pro-tab-head span:nth-child(1) { padding: 0; text-align: center; border: none; }
.pro-tab-cont { position: relative; height: 45px; border-bottom: 1px solid #ccc; }
.pro-tab-cont span { height: 45px; line-height: 45px; width: 100%; height: 100%; }
.pro-tab-cont div { position: absolute; padding-left: 10px; padding-right: 15px; font-size: 14px; right: 120px; top: 5px; height: 100%; line-height: 18px; }
.pro-tab-cont span:nth-child(1) { padding: 0; text-align: center; border: none; }

/*----------------------八词多字导航条-----------*/
.pro-nav { width: 100%; height: 108px; background-color: #F8F8F8; z-index: 99; }
.pro-nav-c { display: block; width: 1300px; margin: 0 auto;text-align: center; }
.pro-nav-c .w146 {
	width: 146px;
}
.pro-nav-c li { text-align: center;
	display: inline-block;
	/* float: left; */
	cursor: pointer;
	font-size: 18px;
	width:220px;
	font-family: "微软雅黑", Arial;
	/*color:#333333;*/
	padding: 7px 18px;
	margin-top: 33px;
	border: 1px solid transparent;
	border-radius: 5rem;}
.pro-nav-c li:hover { border: 1px solid #EBA11A; border-radius: 5rem; }
.sub-nav-c .nav-on { color: #FF9600; border: 1px solid #EBA11A !important; border-radius: 5rem; }
.sub-nav li:hover { border: 1px solid #EBA11A; border-radius: 5rem; }
.sub-nav .nav { border: 1px solid #BABABA; border-radius: 5rem; }

/*----------------------左字右图----------*/

/*----------------------左图右字----------*/.pro-content { width: 1200px; margin: 0 auto; margin-top: 125px; }
.pro-content img { width: 1200px; }

/*版心上半部分图片文字*/
.content-top { margin-top: 125px; position: relative; }
.content-top-text { width: 568px; position: absolute; left: 15px; top: 18px; z-index: 9;opacity: 0; margin-top: 60px;}
.content-top-text h3 { font-size: 30px; font-family: 微软雅黑; font-weight: 100; }
.content-top-text .child { font-size: 16px; position: relative; margin-left: 19px; line-height: 30px }
.content-top-text .b1 { margin-top: 42px; }
.content-top-text .b2 { margin-top: 20px; }
.content-top-text .c1 { margin-top: 42px; }
.content-top-text .c2 { margin-top: 95px; }
.content-top-text .c3 { margin-top: 140px; }
.content-top-text .c4 { margin-top: 185px; }
.content-top-text p::before { content: " "; display: block; position: absolute; left: -15px; top: 11px; width: 6px; height: 6px; border-radius: 50%; background-color: #ff9600; }

/*版心下半部分*/
.content-bottom { position: relative; margin-top: 120px; }
.content-bottom-text h3 { font-size: 30px;font-family: 微软雅黑; font-weight: 100;  }
.content-bottom-text .child { font-size: 16px; position: relative; line-height: 30px;margin-left: 19px;font-family: "微软雅黑", Arial}
.content-bottom-text .b1 { margin-left: 19px; margin-top: 42px; }
.content-bottom-text .b2 { margin-left: 19px; margin-top: 20px; }
.content-bottom-text .b3 { margin-left: 19px; margin-top: 140px; }
.content-bottom-text .c1 { margin-left: 19px; margin-top: 42px; }
.content-bottom-text .c2 { margin-left: 19px; margin-top: 125px; }
.content-bottom-text .c3 { margin-left: 19px; margin-top: 170px; }
.content-bottom-text .c4 { margin-left: 19px; margin-top: 215px; }
.content-bottom-text p::before { content: " "; display: block; position: absolute; left: -15px; top: 11px; width: 6px; height: 6px; border-radius: 50%; background-color: #ff9600; }
.content-bottom-text { width: 515px; position: absolute; right: 30px; top: 75px; z-index: 9; opacity: 0; margin-top: 60px;}

/*---------------------------------------------分割线---------------------*/

/*03产品中心-便携式移动*/.before-point { margin-top: 42px; width: 100%; font-size: 16px; position: absolute; line-height: 30px; left: 15px; }
.before-point:before { content: " "; display: block; position: absolute; left: -15px; top: 11px; width: 6px; height: 6px; border-radius: 50%; background-color: #ff9600; }
.content-bottom-img { margin: 0 auto; margin-top: 40px; opacity: 0;}
.content-top-img{opacity: 0;}
.banner-bottom-text .d1 { margin-top: 42px; }
.banner-bottom-text .d2 { margin-top: 125px; }
.banner-bottom-text .d3 { margin-top: 170px; }
.banner-bottom-text .d4 { margin-top: 215px; }
.pro-banner-bottom { margin-top: 160px; }
.overlay-pic { opacity: 0; position: relative; top: -120px; left: 250px; }
.overlay-pic1 { opacity: 0; position: relative; top: -160px; left: 280px; }
.overlay-pic2 { opacity: 0; position: relative; top: 0px; left: 300px; }
.overlay-pic3 { opacity: 0; position: relative; top: -40px; left: 280px; }
.overlay-pic4 { opacity: 0; position: relative;  top: 70px; left: 210px;  }
.rightlay-pic { opacity: 0; position: relative; top: -140px; left: 800px; }
.overlay-pic-magnify-r { opacity: 0; position: relative; top: -100px; left: 940px; }
.rightlay-pic-magnify-r { opacity: 0; position: relative; top: -100px; left: 1200px; }
.scroll-show-animation .content-top-img { position: relative; animation: fade-in 1s; animation-fill-mode: forwards;-webkit-animation: fade-in 1s;-webkit-animation-fill-mode: forwards; }
.scroll-show-animation .overlay-pic { animation: draw-circle 0.7s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: draw-circle 0.7s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .overlay-pic1 { animation: draw-circle2 0.7s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: draw-circle2 0.7s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .overlay-pic2 { animation: draw-circle3 0.7s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: draw-circle3 0.7s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .overlay-pic3 { animation: draw-circle4 0.7s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: draw-circle4 0.7s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .overlay-pic4 { animation: draw-circle5 0.7s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: draw-circle5 0.7s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .rightlay-pic { animation: draw-circle1 0.7s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: draw-circle1 0.7s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .overlay-pic-magnify-r { animation: draw-circle-r 0.7s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: draw-circle-r 0.7s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .rightlay-pic-magnify-r { animation: draw-circle-r1 0.7s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: draw-circle-r1 0.7s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.overlay-pic-par { position: relative; opacity: 0; top: -300px; left: 650px; }
.overlay-pic-tea { position: relative; opacity: 0; top: 50px; left: 780px; }
.overlay-pic-stu { position: relative; opacity: 0; top: -160px; left: 1030px; }
.overlay-pic-lea { position: relative; opacity: 0; top: -450px; left: 820px; }
.rightlay-pic-one { position: relative; opacity: 0; top: -300px; left: 600px; }
.rightlay-pic-two { position: relative; opacity: 0; top: -390px; left: 820px;}
.rightlay-pic-three {position: relative; opacity: 0; top: -160px; left: 1030px;  }
.rightlay-pic-four{ position: relative; opacity: 0; top: -80px; left: 600px; }
.rightlay-pic-five{ position: relative; opacity: 0; top: -80px; left: 500px; }
@keyframes line-moveone {
	from { opacity: 0; top:-250px; left:600px; }
	to { opacity: 1; top: -250px; left: 650px; }
}@keyframes line-movetwo {
	 from { opacity: 0; top:-470px; left:820px; }
	 to { opacity: 1; top: -390px; left: 820px; }
}@keyframes line-movethree {
	from { opacity: 0; top:-180px; left:1020px; }
	to { opacity: 1; top: -180px; left: 880px; }
}@keyframes line-movefour {
	   from { opacity: 0; top:-80px; left:600px; }
	   to { opacity: 1; top: -90px; left: 600px; }
}@keyframes line-movefive {
	   from { opacity: 0; top:-80px; left:200px; }
	   to { opacity: 1; top: -120px; left: 250px; }
}
.scroll-show-animation .rightlay-pic-one { animation: line-moveone 0.5s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: line-moveone 0.5s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .rightlay-pic-two { animation: line-movetwo 0.5s; animation-delay: 0.7s; animation-fill-mode: forwards; -webkit-animation: line-movetwo 0.5s; -webkit-animation-delay: 0.7s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .rightlay-pic-three { animation: line-movethree 0.5s; animation-delay: 0.7s; animation-fill-mode: forwards; -webkit-animation: line-movethree 0.5s; -webkit-animation-delay: 0.7s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .rightlay-pic-four { animation: line-movefour 0.5s; animation-delay: 0.9s; animation-fill-mode: forwards; -webkit-animation: line-movefour 0.5s; -webkit-animation-delay: 0.9s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .rightlay-pic-five { animation: line-movefive 0.5s; animation-delay: 0.9s; animation-fill-mode: forwards; -webkit-animation: line-movefive 0.5s; -webkit-animation-delay: 0.9s; -webkit-animation-fill-mode: forwards; }

.scroll-show-animation .overlay-pic-par { animation: line-move1 0.5s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: line-move1 0.5s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .overlay-pic-tea { animation: line-move2 0.5s; animation-delay: 0.6s; animation-fill-mode: forwards; -webkit-animation: line-move2 0.5s; -webkit-animation-delay: 0.6s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .overlay-pic-stu { animation: line-move3 0.5s; animation-delay: 0.7s; animation-fill-mode: forwards; -webkit-animation: line-move3 0.5s; -webkit-animation-delay: 0.7s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .overlay-pic-lea { animation: line-move4 0.5s; animation-delay: 0.8s; animation-fill-mode: forwards; -webkit-animation: line-move4 0.5s; -webkit-animation-delay: 0.8s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .content-top-text { animation: fade-in 1s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: fade-in 1s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .content-bottom-text {  animation: fade-in 1s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: fade-in 1s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .content-bottom-img { position: relative; animation: fade-in 1s; animation-fill-mode: forwards;-webkit-animation: fade-in 1s;-webkit-animation-fill-mode: forwards; }
.scroll-show-animation .banner-bottom-text {  animation: fade-in 1s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: fade-in 1s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .banner-bottom-img { position: relative; animation: fade-in 1s; -webkit-animation: fade-in 1s; }
.overlay-pic-deploy { position: relative; opacity: 0; top: -300px; left: 650px; }
.overlay-pic-active { position: relative; opacity: 0; top: -150px; left: 1140px; }
.overlay-pic-scene { position: relative; opacity: 0; top: -460px; left: 880px; }
.scroll-show-animation .overlay-pic-deploy { animation: line-move1 0.5s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: line-move1 0.5s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .overlay-pic-active { animation: line-move5 0.5s; animation-delay: 0.7s; animation-fill-mode: forwards; -webkit-animation: line-move5 0.5s; -webkit-animation-delay: 0.7s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .overlay-pic-scene { animation: line-move6 0.5s; animation-delay: 0.9s; animation-fill-mode: forwards; -webkit-animation: line-move6 0.5s; -webkit-animation-delay: 0.9s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .banner-img-top-text{position: relative;  animation: fade-in 1s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: fade-in 1s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .banner-img-bg{ position: relative; animation: fade-in 1s;animation-fill-mode: forwards; -webkit-animation: fade-in 1s; -webkit-animation-fill-mode: forwards;}
.bit-china{ position: relative; }
.bit-china img{position: absolute;top: 0px;left: 0px; opacity: 0; }
.scroll-show-animation .bit-china{ position: relative; animation: fade-in 1s;animation-fill-mode: forwards; -webkit-animation: fade-in 1s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .banner-top-text{ animation: fade-in 1s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: fade-in 1s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards;  }
.banner-top-img{opacity: 0;}
.scroll-show-animation .banner-top-img{ position: relative; animation: fade-in 1s;animation-fill-mode: forwards; -webkit-animation: fade-in 1s; -webkit-animation-fill-mode: forwards;  }
.scroll-show-animation .banner-bottom-text{ animation: fade-in 1s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: fade-in 1s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards;  }
.banner-bottom-img{opacity: 0;}
.scroll-show-animation .banner-bottom-img{ position: relative; animation: fade-in 1s;animation-fill-mode: forwards; -webkit-animation: fade-in 1s; -webkit-animation-fill-mode: forwards;  }
.scroll-show-animation .flow-animation {animation:flowing 3s; animation-fill-mode: forwards;-webkit-animation:flowing 3s;-webkit-animation-fill-mode:forwards; }
.scroll-show-animation .typical-case-top{ animation:flowing 3s; animation-fill-mode: forwards;-webkit-animation:flowing 3s;-webkit-animation-fill-mode:forwards; }
.scroll-show-animation .server-map{ animation:fade-in-nomove 0.7s;  animation-fill-mode: forwards;-webkit-animation:fade-in-nomove 0.7s;-webkit-animation-fill-mode:forwards; }
.scroll-show-animation .server-dots{ animation:fade-in-nomove 0.7s; animation-delay: 0.7s; animation-fill-mode: forwards;-webkit-animation:fade-in-nomove 0.7s;-webkit-animation-delay: 0.7s;-webkit-animation-fill-mode:forwards;  }
.scroll-show-animation .server-lines{ animation:fade-in-nomove 0.7s; animation-delay: 1.4s; animation-fill-mode: forwards;-webkit-animation:fade-in-nomove 0.7s;-webkit-animation-delay: 1.4s;-webkit-animation-fill-mode:forwards;  }
.scroll-show-animation .server-names{position: relative; animation:fade-in 1s; animation-delay: 2.1s; animation-fill-mode: forwards;-webkit-animation:fade-in 1s;-webkit-animation-delay: 2.1s;-webkit-animation-fill-mode:forwards;  }
.scroll-show-animation .china-smiles1{ position: relative; animation:fade-in 1s;animation-fill-mode: forwards;-webkit-animation:fade-in 1s;-webkit-animation-fill-mode:forwards;  }
.scroll-show-animation .china-smiles2{ animation:fade-in-nomove 0.8s; animation-delay: 0.4s; animation-fill-mode: forwards;-webkit-animation:fade-in-nomove 0.8s;-webkit-animation-delay: 0.4s;-webkit-animation-fill-mode:forwards; }
.scroll-show-animation .china-smiles3{ animation:fade-in-nomove 0.8s; animation-delay: 0.6s; animation-fill-mode: forwards;-webkit-animation:fade-in-nomove 0.8s;-webkit-animation-delay: 0.6s;-webkit-animation-fill-mode:forwards; }
/********首页-服务体系动画--逐个渐入**********/
.scroll-show-animation .case-one{ position: relative; animation:fade-in 0.5s;animation-fill-mode: forwards;-webkit-animation:fade-in 0.5s;-webkit-animation-fill-mode:forwards;  }
.scroll-show-animation .case-two{ position: relative; animation:fade-in 0.5s;animation-delay: 0.25s;animation-fill-mode: forwards;-webkit-animation:fade-in 0.5s;-webkit-animation-delay: 0.25s;-webkit-animation-fill-mode:forwards;  }
.scroll-show-animation .case-three{ position: relative; animation:fade-in 0.5s;animation-delay: 0.5s;animation-fill-mode: forwards;-webkit-animation:fade-in 0.5s;-webkit-animation-delay: 0.5s;-webkit-animation-fill-mode:forwards;  }
.scroll-show-animation .case-four{ position: relative; animation:fade-in 0.5s;animation-delay: 0.75s;animation-fill-mode: forwards;-webkit-animation:fade-in 0.5s;-webkit-animation-delay: 0.75s;-webkit-animation-fill-mode:forwards;  }
.scroll-show-animation .case-five{ position: relative; animation:fade-in 0.5s;animation-delay: 1s;animation-fill-mode: forwards;-webkit-animation:fade-in 0.5s;-webkit-animation-delay: 1s;-webkit-animation-fill-mode:forwards;  }

@keyframes fade-in {
	from { opacity: 0; top: 30px; }
	to { opacity: 1; top: 0px; }
}
@keyframes draw-circle {
	0% { top: 100px; left: 260px; opacity: 0; }
	20% { top:100px; left: 320px; }
	30% { top: 0px; left: 340px; }
	40% { top: 80px; left: 320px; }
	50% { top: 80px; left: 300px; }
	60% { top: 80px; left: 250px; }
	70% { top: 90px; left: 250px; }
	80% { top: 100px; left: 250px; }
	100% { top: 100px; left: 260px; opacity: 1; }
}@keyframes draw-circle2{
	 0% { top: -140px; left: 300px; opacity: 0; }
	 20% { top: -140px; left: 320px; }
	 30% { top: -150px; left: 320px; }
	 40% { top: -160px; left: 320px; }
	 50% { top: -160px; left: 300px; }
	 60% { top: -160px; left: 280px; }
	 70% { top: -150px; left: 280px; }
	 80% { top: -140px; left: 280px; }
	 100% { top: -140px; left: 300px; opacity: 1; }
}@keyframes draw-circle3 {
	  0% { top: 20px; left: 320px; opacity: 0; }
	  20% { top: 20px; left: 340px; }
	  30% { top: 10px; left: 340px; }
	  40% { top: 0px; left: 340px; }
	  50% { top: 0px; left: 320px; }
	  60% { top: 0px; left: 300px; }
	  70% { top: 10px; left: 300px; }
	  80% { top: 20px; left: 300px; }
	  100% { top: 20px; left: 320px; opacity: 1; }
}@keyframes draw-circle4{
	   0% { top: -20px; left: 300px; opacity: 0; }
	   20% { top: -20px; left: 320px; }
	   30% { top: -30px; left: 320px; }
	   40% { top: -40px; left: 320px; }
	   50% { top: -40px; left: 300px; }
	   60% { top: -40px; left: 280px; }
	   70% { top: -30px; left: 280px; }
	   80% { top: -20px; left: 280px; }
	   100% { top: -20px; left: 300px; opacity: 1; }
}@keyframes draw-circle5 {
		0% { top: 90px; left: 230px; opacity: 0; }
		20% { top: 90px; left: 240px; }
		30% { top: 80px; left: 240px; }
		40% { top: 70px; left: 240px; }
		50% { top: 70px; left: 220px; }
		60% { top: 70px; left: 210px; }
		70% { top: 80px; left: 210px; }
		80% { top: 90px; left: 210px; }
		100% { top: 90px; left: 230px; opacity: 1; }
}
@keyframes draw-circle1 {
	0% { top: -120px; left: 820px; opacity: 0; }
	20% { top: -120px; left: 840px; }
	30% { top: -130px; left: 840px; }
	40% { top: -140px; left: 840px; }
	50% { top: -140px; left: 820px; }
	60% { top: -140px; left: 800px; }
	70% { top: -130px; left: 800px; }
	80% { top: -120px; left: 800px; }
	100% { top: -120px; left: 820px; opacity: 1; }
}
@keyframes draw-circle-r {
	0% { top: -100px; left: 940px }
	20% { top: -100px; left: 960px; opacity: 0; }
	30% { top: -110px; left: 960px; }
	40% { top: -120px; left: 960px; }
	50% { top: -120px; left: 940px; }
	60% { top: -120px; left: 920px; }
	70% { top: -110px; left: 920px; }
	80% { top: -100px; left: 920px; }
	100% { top: -100px; left: 940px; opacity: 1; }
}@keyframes draw-circle-r1 {
	0% { top: -100px; left: 1220px }
	20% { top: -100px; left: 1220px; opacity: 0; }
	30% { top: -110px; left: 1220px; }
	40% { top: -120px; left: 1220px; }
	50% { top: -120px; left: 1200px; }
	60% { top: -120px; left: 1180px; }
	70% { top: -110px; left: 1180px; }
	80% { top: -100px; left: 1180px; }
	100% { top: -100px; left: 1200px; opacity: 1; }
}

@keyframes line-move1 {
	from { opacity: 0; top: -300px; left: 650px; }
	to { opacity: 1; top: -280px; left: 700px; }
}
@keyframes line-move2 {
	from { opacity: 0; top: 50px; left: 780px; }
	to { opacity: 1; top: -100px; left: 800px; }
}
@keyframes line-move3 {
	from { opacity: 0; top: -180px; left: 1030px; }
	to { opacity: 1; top: -200px; left: 980px; }
}
@keyframes line-move4 {
	from { opacity: 0; top: -450px; left: 820px; }
	to { opacity: 1; top: -400px; left: 800px; }
}
.leftlay-pic-par{
	position: absolute;
	opacity: 0;
	top:90px;
	left: 10px;
}
.leftlay-pic-tea{
	position: absolute;
	opacity: 0;
	top: 350px;
	left: 200px;
}
.leftlay-pic-stu{
	position: absolute;
	opacity: 0;
	top: 208px;
	left: 480px;
}
.leftlay-pic-lea{
	position: absolute;
	opacity: 0;
	top: -70px;
	left: 350px;
}
@keyframes line-move5 {
	from { opacity: 0; top: -150px; left: 1140px; }
	to { opacity: 1; top: -170px; left: 1090px; }
}
@keyframes line-move6 {
	from { opacity: 0; top: -460px; left: 880px; }
	to { opacity: 1; top: -410px; left: 860px; }
}
@keyframes line-move7 {
	from { opacity: 0; top: 100px; left:0px; }
	to { opacity: 1; top: 120px; left:50px; }
}@keyframes line-move8 {
	 from { opacity: 0; top: 360px; left: 210px; }
	 to { opacity: 1; top: 320px; left: 210px; }
 }@keyframes line-move9 {
	  from { opacity: 0; top: 208px; left:500px; }
	  to { opacity: 1; top: 208px; left: 450px; }
  }@keyframes line-move10 {
	   from { opacity: 0; top: -80px; left: 350px; }
	   to { opacity: 1; top:15px; left: 350px; }
   }
.scroll-show-animation .leftlay-pic-par { animation: line-move7 0.5s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation: line-move7 0.5s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .leftlay-pic-tea { animation: line-move8 0.5s; animation-delay: 0.9s; animation-fill-mode: forwards; -webkit-animation: line-move8 0.5s; -webkit-animation-delay: 0.9s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .leftlay-pic-stu { animation: line-move9 0.5s; animation-delay: 0.9s; animation-fill-mode: forwards; -webkit-animation: line-move9 0.5s; -webkit-animation-delay: 0.9s; -webkit-animation-fill-mode: forwards; }
.scroll-show-animation .leftlay-pic-lea { animation: line-move10 0.5s; animation-delay: 0.7s; animation-fill-mode: forwards; -webkit-animation: line-move10 0.5s; -webkit-animation-delay: 0.7s; -webkit-animation-fill-mode: forwards; }

@keyframes flowing{
	from { background-position: 0% 0%; }
	to {background-position:35% 0%;  }
}
@keyframes fade-in-nomove{
from {opacity: 0;}
to {opacity: 1;}
}
/*-------------------------------------------------------------------分割线-----------------------------------------------*/

/*04运营服务*/.top-margin { margin-top: 100px; }
.server-title h2 { font-size: 42px; }
.server-title h5 { font-size: 18px; margin-top: 45px; }
/*.china-server { margin-top: 60px;}*/
/*.china-server img {  margin: 0 auto; width: 100%; opacity: 0; position: absolute; top: 0px; left: 0px;}*/
.mapstar-location{position: absolute; top: 58%; left: 68%;   }
.server-map-star{  margin: 0 auto; width: 24px; z-index: 9; }
.server-map-title{ background-color: rgba(0,0,0,0.5);color: #fff;font-size: 16px;border-radius: 25px;padding: 5px 20px; display: inline-block;}
/*服务体系*/
.server_tx { margin-top: 100px; }
.server_tx h3 { font-size: 36px; }
.center-block { display: block; }
.tx-content { margin-top: 120px; text-align: center; position: relative; }
.tx-content ul { display: inline-block; width: 18%; text-align: left; }
.tx-cotent-ul1 { position: absolute; left: 50px; }
.tx-cotent-ul2 { margin: 0 auto; margin-left: 50px; }
.tx-cotent-ul3 { position: absolute; right: 0; }
.server_tx li { color: #999999; font-size: 16px; line-height: 40px; text-align: left; list-style: initial; }
.server_tx .tx-content span { color: #666666; }
.server_tx h4 { font-size: 28px; color: #000; margin-bottom: 25px; }
.tx-right { margin-right: 0; }
.server_tx .plus-l, .plus-r { font-size: 30px; position: absolute; }
.plus-l { top: -15px; left: 328px; }
.plus-r { top: -15px; right: 382px; }

/*分割线*/
.fgx { height: 1px; margin-top: 50px; margin-bottom: 50px; border-top: 1px dashed #BABABA; }

/*服务工具*/
.server-tool ul { display: block; width: 100%; }
.server-tool li { list-style: none; float: left; width: 7.69%; text-align: center; display: inline; padding: 0; }
.server-tool a { width: 65px; height: 62px; display: block; margin: 0 auto; cursor: default; }
.server-msg a{ background: url(../imagestatic/message.png) no-repeat center;}
.server-400tel a { background: url(../imagestatic/400phone.png) no-repeat center; }
.server-qq a { background: url(../imagestatic/QQ.png) no-repeat center; }
.server-weixin a { background: url(../imagestatic/wechat.png) no-repeat center; }
.server-Email a { background: url(../imagestatic/Email.png) no-repeat center; }
.server-car a { background: url(../imagestatic/zhuanche.png) no-repeat center; }
.server-cloud a { background: url(../imagestatic/for_platform.png) no-repeat center; }
.server-tool li span { font-size: 30px; }

/*.server-400tel:hover a {background:url(../imagestatic/400phone-hover.png) no-repeat center;}
*/

/*.server-400tel:hover p {color:#5fbbfc;}
*//*.server-qq:hover a {background:url(../imagestatic/QQ-hover.png) no-repeat center;}
*//*.server-qq:hover p {color:#5fbbfc;}
*//*.server-weixin:hover a {background:url(../imagestatic/wechat-hover.png) no-repeat center;}
*//*.server-weixin:hover p {color:#5fbbfc;}
*//*.server-car:hover a {background:url(../imagestatic/zhuanche_hover.png) no-repeat center;}
*//*.server-car:hover p {color:#5fbbfc;}
*//*.server-cloud:hover a {background:url(../imagestatic/for_platform_hover.png) no-repeat center;}
*//*.server-cloud:hover p {color:#5fbbfc;}
*//*服务工具字体设置*/.server-tool li p { font-size: 18px; margin-top: 30px; color: #BABABA; }
.server-tool-content { margin-top: 60px; }
.server-tool-content span { font-size: 14px; line-height: 14px; }

/*服务流程默认padding*/
.server-lc { margin-top: 90px; padding: 0; min-width: 1200px; padding: 0 5px; position: relative;}
.server-lc img { display: block; width: 100%; }
.micro-phone{
	cursor: pointer;
	position:absolute;
	top: 11%;
	right: 20%;
	animation:scanCode 0.4s;
	animation-iteration-count:infinite;
	animation-direction:alternate;

	/* Safari and Chrome */
	-webkit-animation:scanCode 0.4s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate; /* Safari 和 Chrome */
}
.animation-stop{
	animation-play-state:paused;
	-webkit-animation-play-state:paused; /* Safari 和 Chrome */
}
.server-QRcode{
	position:absolute;
	top: 23%;
	right: 20%;
	width: 140px;
}

@keyframes scanCode {
	from {
top: 11%;
	}
	to {
		top: 14%;
	}
}

/*服务优势*/
.server-ys h3 { margin-top: 90px; margin-bottom: 104px; font-size: 36px; }
.server-ys ul { display: block; width: 100%; margin: 0 auto; }
.server-ys li { list-style: none; float: left; width: 33%; text-align: center; display: inline; padding: 0; }
.server-ys li p { margin-top: 30px; font-size: 18px; font-weight: 500; }
.server-100 { width: 100px; height: 100px; position: relative; background-color: #5fbbfc; border-radius: 50%; margin: 0 auto 20px; }
.server-100 .icon { position: absolute; width: 55px; height: 55px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; }
.server-100 .shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #FFFFFF; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; transition: all 0.5s; }
.server-100:hover .shadow { -webkit-transform: scale(1); transform: scale(1); text-shadow: #ccc; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.6); }
.server-icon1 { background: url(../imagestatic/gtxdfw.png) no-repeat center; }
.server-icon2 { background: url(../imagestatic/gwsdjszc.png) no-repeat center; }
.server-icon3 { background: url(../imagestatic/gwddwljg.png) no-repeat center; }
.server-icon4 { background: url(../imagestatic/ghsjzx.png) no-repeat center; }
.server-100:hover .server-icon1 { background: url(../imagestatic/ghsjzx_xz.png) no-repeat center; }
.server-100:hover .server-icon2 { background: url(../imagestatic/gwsdjszc_xz.png) no-repeat center; }
.server-100:hover .server-icon3 { background: url(../imagestatic/gwddwljg_xz.png) no-repeat center; }
.server-100:hover .server-icon4 { background: url(../imagestatic/ghsjzx_xz.png) no-repeat center; }

/*--------------------------------------------分割线--------------------------------------*/

/*05应用案例*/.case-title p { margin-top: 42px; margin-bottom: 113px; font-size: 16px; line-height: 30px; }
.case-title h2 { font-size: 42px; }
.case-mess .line { margin-top: 220px; height: 25px; background: url(../imagestatic/line.png) no-repeat; }

/*-----轮播图*/
.case-lbt { overflow: hidden; padding: 0; min-width: 1200px; }
@media only screen and (max-width: 600px) {
	#box {
		margin-left: 20px;
	}
}
@media only screen and (min-width: 600px) {
	#box {
		margin-left: 20px;
	}
}
@media only screen and (min-width: 768px) {
	#box {
		margin-left: 20px;
	}
}
@media only screen and (min-width: 992px) {
	#box {
		margin-left: 20px;
	}
}


@media only screen and (min-width: 1220px) {
	#box {
		margin-left: 90px;
	}
}
@media only screen and (min-width: 1400px) {
	#box {
		margin-left: 90px;
	}
}
@media only screen and (min-width: 1600px) {
	#box {
		margin-left: 360px;
	}
}
#box { height: 435px;  position: relative; z-index: 10; }
.ad { /*height: 312px;*/ position: relative; }
.case-lbt-img{ width: 100%; height:315px;}
.case-lbt-keywords{ font-size: 14px;margin: 0; letter-spacing: 3px; line-height: 28px; }
.ad ol { position: absolute; right: 10px; bottom: 10px; }
.ad ol li { width: 20px; height: 20px; line-height: 20px; border: 1px solid #ccc; text-align: center; background: #fff; float: left; margin-right: 10px; cursor: pointer; display: inline; }
.ad ol li.current { background: yellow; }
.ad ul li {
	float: left;
	margin-right: 30px;
	overflow: hidden;
	display: block;
	flex: 1;
	width: 555px;
	cursor: pointer;
}
.ad ul li:hover{ box-shadow: 0px 0px 10px #888888; }
.ad ul {
	display: flex;
	position: absolute;
	top: 0;
}

.ad ul li.current { display: block; }
#arr span { display: block; width: 52px; height: 52px; position: absolute; margin-top: -20px; cursor: pointer; }
#arr #left { background: url(../imagestatic/left_row.png) no-repeat; right: 60px; left: auto; }
#arr #right { background: url(../imagestatic/rightrow.png) no-repeat; right: 5px; left: auto; }
#arr #left:hover { background: url(../imagestatic/leftrow-hover.png) no-repeat; }
#arr #right:hover { background: url(../imagestatic/rightrow_hover.png) no-repeat; }
#arr { position: absolute; right: 10px; top: 50%; margin-top: -26px; }
#arr #showFirst { background: url(../imagestatic/left_row.png) no-repeat; right: 5px; left: auto; }
#arr #showLast { background: url(../imagestatic/rightrow.png) no-repeat; right: 5px; left: auto; }
#arr #showFirst:before { content: url(../imagestatic/leftrow-hover.png); width:0; height:0; visibility:hidden; }
#arr #showFirst:hover { background: url(../imagestatic/leftrow-hover.png) no-repeat; }
#arr #showLast:before { content: url(../imagestatic/rightrow_hover.png); width:0; height:0; visibility:hidden; }
#arr #showLast:hover { background: url(../imagestatic/rightrow_hover.png) no-repeat; }
#arr { position: absolute; right: 10px; top: 50%; margin-top: -26px; }
.case-mess { width: 100%; height: 615px; background-color: #f8f8f8; margin-top: -250px;margin-bottom: -300px; min-width: 1200px; }
.case-mess h4 { font-size: 22px; margin-top: 40px; }
.case-mess span { display: block; font-size: 15px; line-break: 24px; margin-top: 30px; }
.case-mess ul { margin-top: 50px; }
.case-mess li { width: 33.33%; }
.case-mess p { margin: 0; color: #666666; }
.case-mess-p1 { font-size: 30px; line-height: 66px; font-family: "microsoft yahei"; }
.case-mess-p2 { font-size: 15px; line-height: 1px; font-family: "microsoft yahei"; }
.case-finddetailed { display: block; text-align: center; width: 100px; border: 1px solid #FF9600; color: #FF9600; padding: 3px 0; }
.case-mess-box { width: 100%; height: 266px; position: relative; }
#case_mess_box1, #case_mess_box2, #case_mess_box3 { position: absolute; display: none; }

/*二级tab图*/
.container2 { min-width: 1200px; margin: 100px auto; }
.clr:after { content: "."; display: block; height: 0; clear: both; overflow: hidden; }
.clr { *zoom: 1; }
.rgTab { margin-top: 50px; }
.btnTabs { width: 100%; }
.btnTabs span, .btnTabs li { float: left; display: inline-block; text-align: center; font-size: 16px; cursor: pointer; }
.btnTabs span { font-size: 36px; font-weight: normal; margin-right: 60px; }
.btnTabs li { margin-left: 40px; font-size: 16px; }
.tab1-on { border-bottom: 2px solid #FF9600; }
.tab2-on { color: #FF9600; }
.showBox1, .showBox2 { width: 100%; display: none; }
.showBox3 { display: none; }
.showBox1 { position: relative; }
.sb-rgTab { position: absolute; right: 0; top: -120px; }
.showBox2 img { width: 100%; }
.tit { margin-top: 80px; }
.tit img { width: 262px; height: 148px; }
.tit p { margin: 15px 0 35px;height: 56px; text-align: center; font-size: 14px;color: #000; }
.areacase-place{ color: #fff;text-align: center;padding: 5px 0;background-color: rgba(0,0,0,0.5);position: relative;
    top: -38px;font-size: 14px;  margin-bottom: -38px; }
/*05应用案例详情*/
.cd-head { margin-top: 40px; margin-bottom: 70px; }
.cd-head a, span { font-size: 16px; }
.cd-head a:hover{ text-decoration: underline;}
.cd-head .span3 { font-size: 16px; color: #666666; }
.cd-kygx h4 { font-size: 24px; }
.cd-kygx-right li { width: 30%; color: #666666; }
.cd-kygx li p { font-weight: 500; font-size: 24px; margin: 0; }
.cd-kygx li span { font-size: 15px; -webkit-transform-origin-x: 0; -webkit-transform: scale(0.5833333333333334); }
.cd-kygx-right .cd-kygx-content { margin-left: 10.5%; padding-top: 10px; }
.cd-kygx-right .cd-kygx-content h4 { margin-top: 80px; font-size: 24px; }
.cd-kygx-right .cd-kygx-content h5 { font-size: 18px; }
.cd-kygx-right .cd-kygx-content span { display: block; font-size: 14px; margin-top: 35px; padding-right: 10%; }

/*--------------------------------------------------------分割线-----------------------------------*/

/*06新闻*//*----------------分割线----------------------------------------------*//*07about页面*//*文字背景图片*/.ab-content { padding: 0; padding-bottom: 70px; min-width: 1200px; }
.ab-content h2 { font-size: 42px;}
.ab-content span { line-height: 30px; font-size: 16px; }

/*中间大图*/

/*-----------------------------------------分割线--------------------------------*//*联系我们*/
.ab-contact-top { background-color: #f8f8f8; padding-top: 40px; padding-bottom: 45px; }
.ab-contact-top span { display: block; margin: 0 auto 10px; }
.ab-con-container { padding: 0 20px; margin-top: 20px; }
.form-range { padding: 0 20px; }
.form-range input { width: 100%; height: 60px; font-size: 30px; border: 1px solid #dcdcdc; margin-top: 10px; }
.ab-con-container span { display: inline-block; font-size: 16px; color: #6c6c6c; margin-top: 40px; }
.ab-con-container  #rt-sign { font-size: 20px; color: #FF0000; }
.form-range textarea { width: 100%; height: 160px; border-color: #dcdcdc; padding: 20px; font-size: 14px; margin-top: 10px; }
.ab-contact-send { display: block; width: 150px; height: 50px; text-align: center; border: none; line-height: 50px; border-radius: 5rem; margin: 40px auto 60px; font-size: 20px; color: #FFFFFF; background-color: #ff9600; }
.ab-contact-top span { font-size: 14px; }
.ab-contact-top p { font-size: 16px; }

/*-----------------------------------------分割线--------------------------------*/

/*-----------------------------------------分割线--------------------------------*/
/*关于我们*/
.company-introduce{padding-top: 40px;}
/*发展历程*/
.ab-develop {width: 100%;height:890px;background: url(../imagestatic/developer.jpg) center no-repeat;}
.ab-develop .ab-develop-sp { margin-left: 50%; display: table; margin: 0 auto; margin-top: 100px; margin-bottom: 30px; }
.ab-develop span { display: block; font-size: 16px; line-height: 22px; }

/*企业文化*/
.ab-culture { padding: 122px 0; background-color: #f8f8f8; }
.ab-culture ul { display: block; width: 100%; margin: 0 auto; margin-top: 102px;/*padding-left:1%;*/ }
.ab-culture li { list-style: none; float: left; width: 25%; text-align: center; display: inline; padding: 0; }
.ab-culture li p { font-size: 18px; margin-top: 30px; font-weight: 500; }
.ab-recruit { position: relative;  margin-bottom: 160px; }
.ab-recruit-left { position: absolute; left: 160px; }
.ab-recruit-right { position: absolute; right: 200px; }
.ab-margin-left { margin-right: 23px; }
.ab-recruit-text { font-size: 20px; }
.culture-content{     width: 30%;
    font-size: 16px;
    padding-top: 80px; }

/*------------------------------分割线---------------------------------*/

/*招聘页面*/
.about-bg { width: 100%; min-width: 1200px; padding-bottom: 100px; background: url(../imagestatic/bg.png) no-repeat right bottom; padding-bottom: 50px; }
.about-recruit-top { background-color: #f8f8f8; height: 108px; padding-bottom: 95px; }
.tabtitle { height: 108px; background-color: #f8f8f8; }
.tabtitle li {
	display: block;
	position: relative;
	z-index: 100;
	float: left;
	cursor: pointer;
	font-size: 18px;
	padding: 7px 50px;
	top: 50%;
	margin-top: -20px;
	border: 1px solid transparent;
}
.tabtitle  .tab-ov { border: 1px solid #FF9600; border-radius: 5rem; color: #FF9600; }
.tabbox li { display: none; }
.plan-tabbox .main1-li { display: none; }
.container .tabbox h2 { margin-top: 100px; font-size: 30px; font-weight: normal;color:#444444; }
.container .tabbox span { display: block; margin-left: 40px; position: relative; margin-top: 40px; font-size: 20px;color:#444444; }
.tabbox p { margin-left: 40px; font-size: 14px; line-height: 35px; margin-top: 10px; color:#666666;}
.span-point:before { content: " "; display: block; position: absolute; left: -22px; top: 19px; width: 6px; height: 6px; border-radius: 50%; background-color: #ff9600; }

/*-----------------------------公共类---------------------------------*/
.head-fgx { height: 1px; border-top: 2px solid #ccc; margin-top: -2px; }
.ul-public { display: block; width: 100%; margin: 0 auto; }
.list { list-style: none; float: left; text-align: center; display: inline; padding: 0; }

/*fadeIN*/
.animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: 1s; animation-duration: 1s }
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip }
@-webkit-keyframes fadeInUp {
	from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp {
	from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

/*径向圆渐变*/

/*大圆*/.outer-100 { width: 100px; height: 100px; position: relative; background-color: #ff9600; border-radius: 50%; margin: 0 auto 20px; }
.outer-100 .icon { position: absolute; width: 55px; height: 55px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; }
.outer-100 .shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #FFFFFF; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; transition: all 0.5s; }
.outer-100:hover .shadow { -webkit-transform: scale(1); transform: scale(1); text-shadow: #ccc; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.6); }
.plan-cloud-icon1 { background: url(../imagestatic/plan-cloud-icon1.png) no-repeat center; }
.plan-cloud-icon2 { background: url(../imagestatic/plan-cloud-icon2.png) no-repeat center; }
.plan-cloud-icon3 { background: url(../imagestatic/plan-cloud-icon3.png) no-repeat center; }
.outer-100:hover .plan-cloud-icon1 { background: url(../imagestatic/plan-cloud-icon1-hover.png) no-repeat center; }
.outer-100:hover .plan-cloud-icon2 { background: url(../imagestatic/plan-cloud-icon2-hover.png) no-repeat center; }
.outer-100:hover .plan-cloud-icon3 { background: url(../imagestatic/plan-cloud-icon3-hover.png) no-repeat center; }
.plan-classroom-icon1{background: url(../imagestatic/plan_collection.png) no-repeat center; }
.outer-100:hover  .plan-classroom-icon1{background: url(../imagestatic/plan_collection_hover.png) no-repeat center; }
/*解决方案-智慧教育*/
.plan-edu-icon1 { background: url(../imagestatic/high_teach_manage.png) no-repeat center; }
.plan-edu-icon2 { background: url(../imagestatic/plan_res.png) no-repeat center; }
.plan-edu-icon3 { background: url(../imagestatic/nice_resource_share.png) no-repeat center; }
.outer-100:hover .plan-edu-icon1 { background: url(../imagestatic/highteachmanage-hover.png) no-repeat center; }
.outer-100:hover .plan-edu-icon2 { background: url(../imagestatic/plan_res_hover.png) no-repeat center; }
.outer-100:hover .plan-edu-icon3 { background: url(../imagestatic/niceresourceshare_hover.png) no-repeat center; }
.plan-edu-icon4 { background: url(../imagestatic/plan_recorded.png) no-repeat center; }
.outer-100:hover .plan-edu-icon4 { background: url(../imagestatic/plan_recorded_hover.png) no-repeat center; }

/*解决方案-校级云平台*/
.plan-schcloud-icon1 { background: url(../imagestatic/plan-schcloud-icon1.png) no-repeat center; }
.plan-schcloud-icon2 { background: url(../imagestatic/plan-schcloud-icon2.png) no-repeat center; }
.plan-schcloud-icon3 { background: url(../imagestatic/plan-schcloud-icon3.png) no-repeat center; }
.plan-schcloud-icon4 { background: url(../imagestatic/plan-schcloud-icon4.png) no-repeat center; }
.outer-100:hover .plan-schcloud-icon1 { background: url(../imagestatic/plan-schcloud-icon1_hover.png) no-repeat center; }
.outer-100:hover .plan-schcloud-icon2 { background: url(../imagestatic/plan-schcloud-icon2-hover.png) no-repeat center; }
.outer-100:hover .plan-schcloud-icon3 { background: url(../imagestatic/plan-schcloud-icon3-hover.png) no-repeat center; }
.outer-100:hover .plan-schcloud-icon4 { background: url(../imagestatic/plan-schcloud-icon4-hover.png) no-repeat center; }

/*解决方案-校级直录播*/
.plan-schoolTV-icon1 { background: url(../imagestatic/many-server.png) no-repeat center; }
.plan-schoolTV-icon2 { background: url(../imagestatic/share_teach_resource.png) no-repeat center; }
.plan-schoolTV-icon3 { background: url(../imagestatic/nicejiaoxuezhilaing.png) no-repeat center; }
.outer-100:hover .plan-schoolTV-icon1 { background: url(../imagestatic/many-server-hover.png) no-repeat center; }
.outer-100:hover .plan-schoolTV-icon2 { background: url(../imagestatic/share_teachresource_hover.png) no-repeat center; }
.outer-100:hover .plan-schoolTV-icon3 { background: url(../imagestatic/niceteaching_hover.png) no-repeat center; }

/*解决方案-名师课堂*/
.plan-famous-icon1 { background: url(../imagestatic/famous-many.png) no-repeat center; }
.plan-famous-icon2 { background: url(../imagestatic/famous-data.png) no-repeat center; }
.plan-famous-icon3 { background: url(../imagestatic/famous-live.png) no-repeat center; }
.outer-100:hover .plan-famous-icon1 { background: url(../imagestatic/famous-many-hover.png) no-repeat center; }
.outer-100:hover .plan-famous-icon2 { background: url(../imagestatic/famous-data-hover.png) no-repeat center; }
.outer-100:hover .plan-famous-icon3 { background: url(../imagestatic/famous-live-hover.png) no-repeat center; }

/*解决方案-视频会议*/
.plan-meeting-icon1 { background: url(../imagestatic/meeting-many.png) no-repeat center; }
.plan-meeting-icon2 { background: url(../imagestatic/meeting-data.png) no-repeat center; }
.plan-meeting-icon3 { background: url(../imagestatic/meeting-live.png) no-repeat center; }
.outer-100:hover .plan-meeting-icon1 { background: url(../imagestatic/meeting-many-hover.png) no-repeat center; }
.outer-100:hover .plan-meeting-icon2 { background: url(../imagestatic/meeting-data-hover.png) no-repeat center; }
.outer-100:hover .plan-meeting-icon3 { background: url(../imagestatic/meeting-live-hover.png) no-repeat center; }

/*小圆*/
.outer-66 { width: 66px; height: 66px; position: relative; background-color: #ff9600; border-radius: 50%; margin: 10px auto 15px; }
.outer-66 .icon { position: absolute; width: 32px; height: 32px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; }
.outer-66 .shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #FFFFFF; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; transition: all 0.5s; }
.outer-66:hover .shadow { -webkit-transform: scale(1); transform: scale(1); text-shadow: #ccc; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.6); }

/*联系我们*/
.about-con-icon1 { background: url(../imagestatic/phone.png) no-repeat center; }
.about-con-icon2 { background: url(../imagestatic/email01.png) no-repeat center; }
.about-con-icon3 { background: url(../imagestatic/company_address.png) no-repeat center; }
.outer-66:hover .about-con-icon1 { background: url(../imagestatic/phone--hover.png) no-repeat center; }
.outer-66:hover .about-con-icon2 { background: url(../imagestatic/email--hover.png) no-repeat center; }
.outer-66:hover .about-con-icon3 { background: url(../imagestatic/companyaddress-hover.png) no-repeat center; }

/*法律声明*/
.legal-title{color:#FF9600; font-size: 30px; text-align: center;}
.legal-content{  }
.legal-content>p{ font-size: 14px; margin: 0;line-height: 22px; }
.legal-content>span{ font-size: 14px; font-weight: bold; }
/*底部信息*/
footer h4 { font-family: "微软雅黑"; }

/*新加视频*/
.video-btn{position: absolute;top: 65%; left: 19%;cursor: pointer;width: 260px;height: 60px; background-image: url("../imagestatic/promotional_video_btn.png");
	text-align: center;
	 line-height: 60px;
	letter-spacing: 3px;
color: #fff;}
.video-btn span{font-size: 2.2em;}
.video-btn:hover span{text-decoration: underline;}
/*video { vertical-align: middle; position: absolute; top: 40px; right: 50px; }*/
.modal-dialog { width: 858px; margin: 180px auto;}
.modal-body { height: 480px; padding: 0; }
.modal-header { color: #fff; background-color: rgba(13, 13, 13, 0.8); border-bottom: 0; }
.close { color: #fff; opacity: 1; }
.close:hover { color: #fff; opacity: 1; }
/*去掉视频下载按钮*/
video::-internal-media-controls-download-button {
	display:none;
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}
/*新增发展历程效果*/
.devebox { position: absolute; border-radius: 50%; background-color: #fdb937; color: #fff; font-size: 18px; box-shadow: 0 8px 20px rgba(255, 150, 0, 0.4); }
.debox2011 { padding: 45px; top: 160px; left: 10px; animation: upDown 1.6s alternate infinite; }
.debox2010 { padding: 30px; top: 270px; left: 120px; animation: downUp 1s alternate infinite; }
.debox2009 { padding: 50px; top: 150px; left: 215px; animation: upDown 1.3s alternate infinite; }
.debox2016 { padding: 60px; top: 260px; left: 420px; animation: downUp 1.7s alternate infinite; }
.debox2015 { padding: 45px; top: 170px; left: 580px; animation: upDown 1.5s alternate infinite; }
.debox2017 { padding: 55px; top: 260px; right: 315px; animation: downUp 1.8s alternate infinite; }
.debox2012 { padding: 30px; top: 160px; right: 210px; animation: upDown 1.4s alternate infinite; }
.debox2013 { padding: 35px; top: 270px; right: 100px; animation: downUp 1s alternate infinite; }
.debox2014 { padding: 55px; top: 90px; right: 10px; animation: upDown 1.8s alternate infinite; }
.devebox.active { background-color: #ff6c00; animation-play-state: paused; }
.devebox.active .boxtext { display: block; }
.boxtext { display: none; position: absolute; font-size: 12px; color: #000; min-width: 140px; line-height: 20px; top: -100px; left: 0; z-index: 999; }
@keyframes upDown {
	0% { transform: translateY(10px); }
	100% { transform: translateY(-10px); }
}
@keyframes downUp {
	0% { transform: translateY(-10px); }
	100% { transform: translateY(10px); }
}

/* SplitPage */
.pageNavi{text-align:center;padding:10px 0;}
.pageNavi a{text-decoration:none;display:inline-block;padding:1px 8px;border:1px solid #cecece;color:#000;margin:0 5px;}
.pageNavi .curr{border:1px solid #73a53f;background:#73a53f;color:#fff; cursor:default;}
.pageNavi .nolink{cursor:default;color:#ccc;border-color:#ccc;}
.pageNavi .pageIndex{width:40px;padding:2px;}
.pageNavi .page_go{margin: 0;vertical-align: middle;}
.page_go_cont{display: inline-block;width: 46px;height: 22px;vertical-align: middle;overflow: hidden;text-align: left;-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
.page_go_cont.showDom{width: 88px;}
.miniPageNavi a,.miniPageNavi input{display:none;}
.miniPageNavi .page_prev,.miniPageNavi .page_next{display:inline-block}
.totalNum{color:#F60661;font-style:normal;display:inline-block;padding:0 2px;}

/* 公司分部地址电话表格*/
.company-list-wrap{
	width:1200px;
	margin:50px auto;
}
.company-list-wrap table{
	width: 100%;
}
.company-list-wrap thead th{font-size: 15px;
	font-weight: bolder;
	background: #EAF6F4;
	color: #58BCCB;
}
.company-list-wrap th, .company-list-wrap td{border: 1px solid #DADADA;
	padding: 5px;
	word-break: break-all;
	line-height: 1.5;
}
.company-list-wrap table tr:nth-child(2n) {
	background: #FAFAFA;
}
.footer-b.col-lg-2.col-md-2.col-sm-2.col-xs-2 {
	padding: 0;
}