@charset "utf-8";
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;color: #999;}
html,body{font-size: 14px;font-family:"Microsoft YaHei";}
body{padding-top: 84px;}
input,textarea{ border:none; font-family:"Microsoft YaHei";}
img { border: none; }
h1,h2,h3,h4,h5{font-weight: normal;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
a{color: #999;}
p{line-height: 1.6em;}
.fl{ float: left;}
.fl-a{margin-left: 46%;}
.fr{float: right;}
.text-center{text-align: center;}
.position-full{position: absolute;width: 100%;height: 100%;top:0;left: 0;}
.clear:after{ content: ''; display: table; clear: both; }
.img100 img{width: 100%;vertical-align: bottom;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative;table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.relative{position: relative;}
.w1400{width: 1400px;margin: 0 auto;}
.w1200{width: 1200px;margin: 0 auto;}
.pc-show{display: block;}
.wap-show{display: none;}
.padding-tb80{padding: 100px 0 0 0;}
.bott{bottom:100px;}
.padding-tb81{padding: 10px 0 10px 0;}
.padding-tb82{padding: 30px 0 10px 0;}
html.hide,body.hide{overflow: hidden;}
.bgf3{background: #f3f3f3;}
img{max-width: 100%;}
/*index*/
.header{position: fixed;z-index: 999;width: 100%;background: #2C77EE;left: 0;top:0;transform: translateZ(0);height: 86px;border-bottom: 1px solid #5A93F1;}
.logo{position: absolute;left: 0;top:0;}
/*.nav-box{float: right;margin-right:70px;position: relative;padding-right: 10px;}
.nav-box:after{content: '';position: absolute;height: 18px;border-left: 1px solid #fff;top:50%;margin-top: -9px;right: 0;}
.nav-box.active{opacity: 0;}*/
.nav-menu li{float: left;position: relative;}
.nav-yi{line-height: 86px;display: block; padding: 0 40px; text-align: center;font-size: 16px;color: #fff;position: relative;}
.nav-yi:after{content: ''; position: absolute;bottom:0;height: 3px;left: 40px;right: 40px; background: #fff;display: none;}
.nav-yi:hover{color: #FCFC09;font-weight: bold;}
.nav-menu li.active .nav-yi:after{display: block;}
.nav-menu li.active .nav-yi{color: #fff;}
.nav-sub{position: absolute;width: 120px;background: #fff;left: 50%;margin-left: -60px;text-align: center;line-height: 45px;-webkit-transform-origin: top center;  -ms-transform-origin: top center; transform-origin: top center; -webkit-transition: -webkit-transform .3s .2s; transition: transform .3s .2s;transform: scaleY(0);}
.nav-sub a{display: block;color: #666;}
.n-nav-sub{opacity: 0; text-align: center;-webkit-transform: translate(0, -20px);-ms-transform: translate(0, -20px);transform: translate(0, -20px); -webkit-transition: all .2s; transition: all .2s;}
.nav-san{position: relative;}
.san-box{position: absolute;top:0;left: 100%;background: #49b498;width: 0;overflow: hidden;border-top: 1px solid #6dc3ad;}
.nav-menu li:nth-child(2) .nav-san:hover .san-box{width: 764px;}
.nav-menu li:nth-child(2) .san-box-wrap{width: 764px;}
.nav-menu li:nth-child(3) .nav-san:hover .san-box{width: 602px;}
.nav-menu li:nth-child(3) .san-box-wrap{width: 602px;}
/*.nav-menu li:nth-child(3) .san-box a{width: 33.33%;}*/
.san-box a{float: left;width: 25%;height: 135px;height: 90px; border-right: 1px solid #6dc3ad;box-sizing: border-box;}
.san-box a:last-child{border-right:none;}
.san-box a img{width: 60px;vertical-align: middle;}
.san-box a p{width: 112px;display: inline-block;color: #fff;vertical-align: middle;}
.nav-san:hover .san-box{display: block;}
.search-box{position: absolute;right: 40px;top:27px;cursor: pointer;}
.search-btn{width: 32px;height: 32px;background-image: url("../images/search.png");z-index: 5;position: relative;}
.search-con{position: absolute;width: 0;right: 0;height: 32px;top:0;background: #f5f5f5;overflow: hidden;}
.search-con .text{display: block;height: 32px;width: 100%;background: none;text-indent: 40px;}
.search-close{width: 32px;height: 32px;position: absolute;top:0;left: 0;background-image: url("../images/close.png");}
.search-sb{position: absolute;right: 0;top:0;cursor: pointer;display: none;background-color:#f5f5f5;background-image: url("../images/search2.png");}
.search-box.active .search-con{width: 200px;}
.search-box.active .search-sb{display: block;}
.search-text{margin-right: 32px;}
.login{position: absolute;right: 0;top:27px;width: 32px;height: 59px;}
.logins{position: absolute;right: 0;top:0;width: 32px;height: 32px;background-image: url("../images/login.png");}
.login-hide{position: absolute;width: 160px;top:100%;background: #fff;text-align: center;left: 50%;margin-left: -80px;border-radius: 6px;overflow: hidden;height: 0;transition: all .4s;}
.login-hide a{display: block;line-height: 40px;transition: all .4s;}
.login-hide a:hover{background: #2C77EE;color: #fff;}
.banner-dot{position: absolute;right: 70px;top:50%;z-index: 9;transform: translateY(-50%);width: 80px;text-align: right;}
.banner-dot li{position: relative;cursor: pointer;height: 21px;}
.banner-dot li span{transition: transform .7s cubic-bezier(.23,1,.32,1),opacity .45s cubic-bezier(.165,.84,.44,1); opacity: 0;color: #fff;display: inline-block;font-family: DINCond-Medium;font-size: 18px;}
.banner-dot li span:nth-of-type(1){transform: translateY(-10px);}
.banner-dot li span:nth-of-type(2){transform: translateY(10px); }
.banner-dot li.active span{opacity: 1;transform: translateY(0) translateZ(0);transition: transform .7s .2s cubic-bezier(.23,1,.32,1),opacity .45s .2s cubic-bezier(.165,.84,.44,1);}
.upos-line{position: absolute; top: 50%;  left:0;  margin-top: -1.5px;  width: 28px;  height: 3px;  border-top:1px solid rgba(255,255,255,.5);  transform-origin: 0 0;  transform: scaleX(1) translateZ(0);  transition: all .7s cubic-bezier(.23,1,.32,1);}
li:hover .upos-line{transition: all 1s cubic-bezier(.23,1,.32,1);transform: scaleX(1) translateZ(0);border-color: #fff;border-width: 2px;width: 35px;}
li.active .upos-line{transition: all 1s cubic-bezier(.23,1,.32,1);transform: scaleX(1) translateZ(0);border-color: #fff;border-width: 2px;width: 35px;}
.mouseBox{position:absolute; left: 50%; margin-left: -24px; bottom: 30px; z-index: 99; text-align: center; cursor: pointer;}
.mouseIco{border-radius: 9px;width: 14px;height: 26px;border: 1px solid #fff;margin: 0 auto 5px;display: block;position: relative;}
.mouseIco i{ width: 2px; height: 7px; border-radius: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; top: 5px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
.mouseBox p{color: #fff;font-size: 12px;}
@keyframes mouse-dot{
    from{opacity: 0; }
    33%{opacity: 1; }
    to{transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
}
@-webkit-keyframes mouse-dot{
    from{opacity: 0; }
    33%{opacity: 1; }
    to{transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
}
.banner-top h2{font-size: 60px; color: #fff;margin-bottom: 30px;}
.banner-top h3{font-size: 36px; color: #fff;animation-delay: 300ms !important;font-family: SourceHanSansCN-Light;}
.banner-top h3 img{margin: 0 auto;}
.banner-top h5{animation-delay: 900ms !important;font-family: SourceHanSansCN-Light;}
.banner-top h4{font-size: 36px; margin-top: 50px; color: #fff;animation-delay: 900ms !important;font-family: SourceHanSansCN-Light;}
.ban-icon{margin: 50px auto 0; max-width: 80%; animation-delay: 600ms !important;}
.ban-icon li{display: inline-block;margin: 0 65px;}
.ban-icon p{color: #fff;margin-top: 10px;}
.banner-y{position: absolute;top:0;left: 0;height: 100%;width: 100%;text-align: center;}
.h-icon{position: absolute;top:0;left: 0;height: 100%;width: 100%;text-align: center;}
.banner-y img{height: 100%;position: absolute;left: 50%;transform: translateX(-50%);}
.h-icon{animation: rotateban 3s 1s both;}
@keyframes rotateban {
    0%{transform: rotate(-20deg);opacity: 0;}
    100%{transform: rotate(0deg);opacity: 1;}
}
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:12px;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #fff; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;}
.menu-handler .burger-2 {top: 15px; }
.menu-handler .burger-3 {top: 22px;}
.menu-handler.active .burger-1 {top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 {top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.title32{margin-bottom: 10px;}
.title32 h3{font-size: 50px;color: #FDFD09;letter-spacing: 2px;margin-bottom: 2px;text-align: center;}
.title32 h3 span{font-family: Futura-Book;font-size: 22px;color: #6b6b6b;margin-left: 15px;text-transform: uppercase;}
.title32 p{;max-width: 100%;text-transform: uppercase;font-family: Futura-Book;}

.title33{margin-bottom: 5px;}
.title33 h3{font-size: 32px;color: #2C77EE;letter-spacing: 2px;margin-bottom: 10px;font-weight: bold;}
.title33 h3 span{font-family: Futura-Book;font-size: 22px;color: #6b6b6b;margin-left: 15px;text-transform: uppercase;}
.title33 p{;max-width: 100%;text-transform: uppercase;font-family: Futura-Book;}




.index-about .title32 p{width: 550px;}
.about-bg div{position: absolute;top:0;height: 100%;width: 50%;}
.about-bg1{left: 0;}
.about-bg2{right: 0;}
.index-abouts{position: relative;z-index: 5;}
.about-list{width: 1225px;max-width: 100%;}
.about-list li{float: left;width: 33.33%;background: #fff;position: relative;}
.about-list li:before{content: '';position: absolute;right: 0;top:30px;bottom:30px;border-right: 1px solid #eee;}
.about-list li:last-child:before{display: none;}
.about-list-bot{height: 88px;}
.about-list li:nth-child(1){animation-delay: 200ms !important;}
.about-list li:nth-child(2){animation-delay: 100ms !important;}
.about-list li:nth-child(3){}
.about-list li a{display: block;padding: 70px 35px;}
.about-list li img{filter: brightness(0.3);}
.about-list h4{font-size: 16px; color: #333;margin: 20px 0;}
.about-list li:hover{background: url("../images/1563.png") no-repeat center;background-size: cover;}
.about-list li:hover img{filter: brightness(1);}
.about-list li:hover h4{color: #fdd108;}
.about-list li:hover p{color: rgba(255,255,255,.8);}
.ljgd{display: block;line-height: 80px;width: 300px;border-radius: 4px; background: #2C77EE; color: #fff; text-align: center;margin-top: 55px;font-size: 22px;}
.ljgd:hover{box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225);color: #fff;}

.ljgd-b{display: block;line-height: 60px;width: 300px;border-radius: 4px; background: #FDD108; color: #fff; text-align: center;margin-left: 60px;margin-top: 55px;font-size: 22px;}
.ljgd-b:hover{box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225);color: #fff;}


.title-fff h3 span{color: #fff;}
.jjfa-top{padding-right: 560px;}
.jjfa-contro{position: absolute;bottom:0;right: 0;}
.jjfa-contro a{display: inline-block;margin-left: 50px;font-size: 18px;font-weight: bold;color: #fff;position: relative;line-height: 50px;}
.jjfa-contro a:after{content: '';position: absolute; width: 0;left: 50%;transform: translateX(-50%);bottom:0;border-bottom: 1px solid #fdd108;}
.jjfa-contro a:hover{color: #fdd108;}
.jjfa-contro a.active{color: #fdd108;}
.jjfa-contro a:hover:after{width: 100%;}
.jjfa-contro a.active:after{width: 100%;}
.fas{font-size: 0;display: none;}
.fas.active{display: block;}
.fas li{display: inline-block;font-size: 14px;width: 12%;height: 610px;background: #fff;overflow: hidden;position: relative;}
.fas li.active{width: 64%;}
.sfq-show{position: absolute;width:100%;top:0;height: 100%;left: 0;z-index: 3;}
.fas-con{position: relative;height: 100%;}
.fa-left{width: 33%;position: absolute;top:0;height: 100%;left: 5%;}
.fa-img{width: 55%;position: absolute;top:0;height: 100%;right: 4%;}
.sfq-kt{padding-top: 132px;}
.sfq-kt h4{font-size: 16px; color: #fff;line-height: 1.6em;}
.sfq-kt .i{margin-top: 80px;}
.sfq-hide{opacity: 0;}
.fas li.active .sfq-hide{opacity: 1;}
.fas li.active .sfq-show{display: none;}
.fas2 li{width: 18%;}
.fas4 li{width: 15%;}
.fas4 li.active{width: 55%;}
.title26{border-bottom: 1px solid #e4e4e4;padding-bottom: 30px;margin-bottom: 35px;}
.title26 h5{font-size: 26px;color: #000;margin-bottom: 15px;}
.title26 span{font-size: 12px;display: block;font-family: Futura-Book;text-transform: uppercase;}
.fa-left p{font-size: 16px; color: #666;}
.project{padding-top: 80px;}
.project{background-size: cover;background-repeat: no-repeat;background-position: top;}
.project-top,.hzhb-top{border-bottom: 1px solid #dedede;}
.project-top .title32{margin-bottom: 30px;}
.project-btn div{position: absolute;width: 27px;height: 27px;top:30px;cursor: pointer;}
.xmbtn1{right: 40px;background-image: url(../images/btn1.png);}
.xmbtn2{right: 0;background-image: url(../images/btn2.png);}
.xmbtn1:hover{background-image: url("../images/btn3.png");}
.xmbtn2:hover{background-image: url("../images/btn4.png");}
.xm{margin-top: 75px;}
.xm-hide{background: rgba(0,0,0,.6);opacity: 0;transform: translateY(100px);}
.xm-warp{margin: 0 60px;}
.xm-warp h3{color: #fff;font-size: 22px;margin-bottom: 30px;}
.xm-warp p{color: #fff;line-height: 1.8em;}
.xm-bton{position: absolute;font-size: 16px; color: #fff;left: 40px;bottom:20px;}
.xm a:hover .xm-hide{opacity: 1;transform: translateY(0);}
.xm a:hover .xm-bton{opacity: 0;transform: translateY(50px);}
.more{display: inline-block;margin-top: 30px;color: #fff;position: relative;}
.more:after{display: inline-block;content: '';width: 15px;height: 11px;background: url("../images/more.png");margin-left: 5px;}
.more:hover:after{margin-left: 15px;}
.partner-con{width: 1680px;margin: 0 auto;max-width: 90%;}
.pt-top h3{color: #2C77EE;font-size: 22px;margin-bottom: 15px;}
.pt-top img{margin: 0 auto;}
.partner-bot{margin-top: 40px;}
.spxw{background-position: right bottom;background-size: cover;background-repeat: no-repeat;}



.index-news{width: 100%;}
.guancha .index-news{height: 550px;}
.index-news .title32{margin-bottom: 30px;}
.tjxw a{display: block;position: relative;border-top: 1px solid #dfdfdf;padding: 15px 0;}
.tjxw:last-of-type a{border-bottom: 1px solid #dfdfdf;}
.tjxw .img100{width: 0;overflow: hidden;float: left;transition: all .3s;}
.tjxw-r{transition: all .3s;}
.tjxw-r span{display: block;font-family: DINCond-Medium;font-size: 18px;position: absolute;right: 0;top:24px;}
.tjxw-r p{font-size: 16px;color: #555;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;margin-right: 100px;}
.tjxw-r span:first-of-type{display: none;position: static;}
.tjxw.active .img100{width: 185px;}
.tjxw.active .tjxw-r{margin-left: 10px;}
.tjxw.active .tjxw-r span:first-of-type{display: block;padding-top: 5px;margin-bottom: 10px;}
.tjxw.active .tjxw-r span:last-of-type{position: static;display: none;}
.tjxw.active .tjxw-r p{margin-right: 0;}







/* 新加首页底部导航 xdh */
.footer_nav {float: left;position: relative;top: 10px;font-size: 15px;}
.footer_nav ul li {float: left;margin-left: 15px;}
.footer_nav ul li:hover a{color:#FFF;}
/* 新加首页底部导航end xdh */
.news{height: 400px;}
.news li{border-bottom: 1px solid #dfdfdf;}
.news a{display: block;position: relative;}
.news a p{line-height: 54px;font-size: 16px;color: #555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right: 100px;}
.news a span{position: absolute;top:0;right: 0;line-height: 54px;font-size: 18px;font-family: DINCond-Medium;}
.news li:hover p,.news li:hover span,.tjxw:hover p,.tjxw:hover span{color: #2C77EE;}
.video1{position: absolute;width: 48%;left: 0;top:25px;cursor: pointer;height: 607px;}
.video1:before{content: '';position: absolute;height: 16px;left: 0;width: 60%;background: #2C77EE;top:0;}
.poster1{position: absolute;top:16px;width: 100%;bottom:0;left: 0;}
.video1-title{margin: 70px 0 0 40px;}
.video1-title h4{font-family: MarkPro-ExtraLightItalic;font-size: 40px;color: #fff;margin-bottom: 5px;}
.video1-title p{font-family: SourceHanSansCN-Light;font-size: 22px;color: #fff;}
.poster1 .i{position: absolute;width: 76px;height: 76px;background: url("../images/play1.png") no-repeat center; background-size:cover;top:50%;left: 50%;margin: -38px 0 0 -38px;border-radius: 100%;}
.video1:hover .i{animation: toShadow 1.5s linear infinite;-webkit-animation: toShadow 1.5s linear infinite; -moz-animation: toShadow 1.5s linear infinite; -o-animation: toShadow 1.5s linear infinite;}
.shipin{text-align: center;background: #000;}
.shipin video{height:720px;vertical-align: bottom;}
.poster{position: relative;cursor: pointer;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 856px;max-width: 90%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index: 5;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
.hzhb-top h3{font-size: 22px;}
.hzhb-top h3 span{font-size: 16px;}
.hzhb-top .title32{margin-bottom: 30px;}
.hzhb-play{margin-top: 30px;}
.footer{background: url("../images/bg7.jpg") no-repeat center; background-size:cover;}
.footer-top{padding: 30px 0;border-bottom: 1px solid #3e474c;}
.code{width: 103px;margin-right: 50px;left:50%;}
.tel-box li{color: rgba(255,255,255,.6);margin: 8px 0;}
.tel-box li strong{font-size: 42px;color: #fdd108;font-family: DINCond-Bold;}
.hzzx{cursor: pointer;line-height: 40px;width: 290px;background: #37434a;text-indent: 18px;color: #fff;position: relative;}
.hzzx:after{content: '';position: absolute;width: 16px;height: 18px;background: url("../images/tj.png") no-repeat center;background-size: cover;right: 18px;top:50%;margin-top: -9px;}
.fx-box{margin-top: 30px;}
.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}
.friend{width: 150px;height: 24px;border:1px solid #6b7376;line-height: 24px;position: relative;margin-top: -3px;border-radius: 24px;}
.friend-text{height: 100%;font-size: 12px; color: rgba(255,255,255,.5);cursor: pointer;text-indent: 15px;}
.friend-list{position: absolute;left: -1px;width: 100%;bottom:25px;max-height: 144px;overflow-y: auto;display: none;background: #fff;}
.friend-list li{margin:4px 0;}
.friend-list li img{height: 24px;max-width: 100%;vertical-align: bottom;}
.friend-list a{font-size: 12px; color: #4c4948;display: block;line-height: 1.4em;padding-left: 15px;line-height: 24px;margin: 5px 0;}
.friend-list a:hover{background: #2C77EE;color: #fff;}
.friend-text:after{content: '';width: 9px;height: 6px;background: url("../images/14.png");margin-left: 10px;position: absolute;right: 15px;top:50%;margin-top: -3px; transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.friend-text.active:after{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.footer-share.bdsharebuttonbox a{width: 24px;height: 24px;padding: 0;margin: 0 0 0 5px;display: inline-block;cursor: pointer;}
.footer-share.bdsharebuttonbox a.weixin{background-image: url(../images/wx.png);}
.footer-share.bdsharebuttonbox a.qzone{background-image: url(../images/qq.png);}
.footer-share.bdsharebuttonbox a.tsina{background-image: url(../images/wb.png);}
.sfq-show{background-repeat: no-repeat;background-position: bottom;background-size: cover; }

.ermbox{position: fixed;z-index: 9999;top:0;left: 0;width: 100%;height: 100%;display: none;background-color:rgba(0,0,0,0.7);}
.ermwarp{position: absolute;top:50%;left: 50%;margin: -131px 0 0 -139px;padding: 10px;background: #fff;width: 242px;height: 277px;border:1px solid #fff; box-shadow: 0 0 9px 0 #BFBFBF;}
.erm{width: 185px;height: 185px;margin: 15px auto;}
.erlgh{text-align: center;}
.erlgh span{font-size: 16px;font-weight: bold;text-align: center;line-height: 16px;height: 16px;position: relative;color: #000;}
.ermwarp_close{width: 16px;height: 16px;position: absolute;right: 0;top: 0;color: #000;text-decoration: none;font-size: 16px;}
.erlgh_footer{font-size: 12px;text-align: center;line-height: 22px;color: #000;}

.footer-bot{padding: 11px 0;}
.footer-bot a,.footer-bot span{display: inline-block;font-size: 12px;color: rgba(255,255,255,.3);text-transform: uppercase;}
.gdr{position: fixed;z-index: 99;top:50%;width: 70px;transform: translateZ(0);right: -80px;background: #fff;box-shadow: 0 0 3px 0 #2C77EE;border-radius: 8px;}
.gdr.active{right: 50px;}
.gdr li{width: 100%;position: relative;}
.gdr li:nth-child(1){border-top-left-radius: 8px;border-top-right-radius: 8px;}
.gdr li:nth-child(3){border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.gdr li a{display: block;padding: 10px 0;position: relative;}
.gdr-con p{font-size: 14px;transition: all .4s;}
.gdr-con .relative{width: 50%;margin: 0 auto;}
.gdr-con .relative .img2{position: absolute;left: 0;top:0;opacity: 0;}
.xf-lxfs{position: absolute;right: 100%;top:50%;transform: translateY(-50%);text-align: left;display: none;}
.xf-lxfs-con{padding: 20px;width: 200px;background: #fff;box-sizing: border-box;border-radius: 8px;box-shadow: 0 0 3px 0 #2C77EE;margin-right: 14px;position: relative;}
.xf-lxfs-con p{font-size: 18px;}
.xf-lxfs-con .i{position: absolute;width: 10px;height: 10px;top:50%;margin-top: -10px;left: 100%;background: #fff;box-shadow: 1px 1px 1px #2C77EE;transform: rotate(-45deg);margin-left: -5px;}
.gdr.active li a:hover .xf-lxfs{display: block;}
.gdr li a:hover .gdr-con p{color: #fff;}
.gdr li a:hover .gdr-con img{transition: all .4s;}
.gdr li a:hover .gdr-con .img1{opacity: 0;}
.gdr li a:hover .gdr-con .img2{opacity: 1;}
.r-code{position: absolute;width: 0;height: 120px;right: 60px;top:50%;margin-top: -60px;overflow: hidden;}
.r-code-con{background: #fff;padding: 10px;width: 100px;}
.r-code img{width: 100px;height: 100px;}
.gdr li:hover{background-color: #2C77EE;}
.gdr li:hover .r-code{width: 120px;}
.pop{position: fixed;z-index: 9999;width: 100%;height: 100%;top:0;left: 0;display: none;}
.pop-bg{background: rgba(0,0,0,.9);}
.pop-con{position: absolute;width: 1200px;background: #f3f3f3;top:50%;left: 50%;transform: translate(-50%,-50%);}
.mp4close{position: absolute;right: -42px;top: -42px;cursor: pointer;font-size: 1.5rem;border: 2px solid #fff;padding: 3px 13px;transition: all .5s;color: #ffffff;z-index: 1000;  line-height: 1.7;border-radius: 100%;}
.mp4close:hover{background: #dddddd;box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);}
.pop-wrap{padding: 40px;overflow: auto;}
.text-pages{float: left;width: 32%;background: #fff;margin-right: 2%;margin-bottom: 2%;position: relative;line-height: 44px;}
.select-page{cursor: pointer;}
.select-page:after{content: '';position: absolute;width: 13px;height: 12px;background: url("../images/bot1.png") no-repeat center;background-size: cover;right: 20px;top:50%;margin-top: -6px;}
.select-page.active:after{transform: rotate(180deg);}
.text-pages:nth-of-type(3n){margin-right: 0;}
.text-tip{position: absolute;top:0;left: 20px;color: #333;}
.text-tip span{color: #f00;}
.text-pages p{line-height: 44px; color: #333;height: 44px;}
.text-pages .text{height: 44px;color: #333;display: block;width: 100%;}
.text-pages .text::-webkit-input-placeholder{color:#333;font-family: "Microsoft YaHei";}
.text-pages .text:-moz-placeholder{color:#333;font-family: "Microsoft YaHei";}
.text-pages .text::-moz-placeholder{color:#333;font-family: "Microsoft YaHei";}
.text-pages .text:-ms-input-placeholder{color:#333;font-family: "Microsoft YaHei";}
.text-right{position: relative;overflow: hidden;}
.length7 .text-right{margin-left: 160px;}
.length9 .text-right{margin-left: 190px;}
.length4 .text-right{margin-left: 110px;}
.length3 .text-right{margin-left: 90px;}
.length2 .text-right{margin-left: 80px;}
.select-con{position: absolute;width: 100%;top:45px;background: #fff;max-height: 14.4em;overflow: auto;display: none;}
.select-con li{cursor: pointer;padding-left: 20px;line-height: 2.5em;}
.select-con li:hover{background: #2C77EE;color: #fff;}
#jedate{z-index: 999999 !important;}
.normal.action p{color: #fff;}
.text-right .jeinput{font-size: 16px;color: #333;height: 44px;width: 100%;display: block;}
.text-pages-full{width: 100%;margin-right: 0;}
.text-area{margin: 12px 10px 10px 0;}
.text-area textarea{display: block;width: 100%;resize: none;color: #333;height: 125px;}
.form-bot{margin-top: 30px;}
.form-bot a{width: 175px;text-align: center;line-height: 43px;color: #fff;background: #666;font-size: 16px;}
.reset{margin-left: 30px;}
.form-bot a{background: #2C77EE;}
.must{line-height: 43px;font-size: 16px; color: #333;}
.must span{color: #f00;}
.text-page h3{width: 100%;font-size: 18px;color: #333;margin-bottom: 15px;font-weight: bold;}
.xzsj{position: absolute;width: 120px;top:0;right: 0;}
.xzsj .text-right{margin-left: 0 !important;}
.xzsj.select-page{text-align: center;}
.xzsj .select-con{border:1px solid #ddd;}
.xzsj.select-page:after{display: none;}
.xzsj .select-con li{padding-left: 0;}
.xzsj-box .text-pages{margin-bottom: 0;}
.xzsj-box .text-pages:nth-child(1){width: 60%;}
.xzsj-box .text-pages:nth-child(2){width: 38%;}
.form-xuqiu .text-pages{width: auto;float: none;margin: 0 380px 0 0;}
.xuqiu-nr{position: absolute;right: 0;top:0;width: 360px;background: #fff;height: 100%;}
.xuqiu-waqrp{padding: 10px 20px;}
.xuqiu-waqrp h5{font-size: 14px;border-bottom: 1px solid #e7e7e7;padding-bottom: 8px;margin-bottom: 8px;}
.xuqiu-waqrp p{color: #333;cursor: pointer;}
.xuqiu-nr .i{border:11px solid #fff;width: 0;height: 0;transform: rotate(45deg);top:28px;left: -9px;position: absolute;}

.page-nr{z-index: 1;}
.page-bg{position: absolute;z-index: -1;width: 30px;height: 30px;}
.page-bg-a{width: 100%;height: 100%;bottom:0;left: 0; background: #2C77EE;}
.page-bg-b{width: 100%;height: 100%;bottom:0;left: 0;background: url("../images/bg.jpg") no-repeat center; }
.page-bg-c{width: 1400px;height: 100%;bottom:0; background: #2C77EE;}

.jsfa{position: absolute;right: 0;top:0;width: 500px;height: 100%;}
.jsfa-b{position: absolute;left: 0;top:100px;width: 500px;height: 100%;}
.jsfa-c{padding-left: 560px;width: 60%;}
.jsfa-d{position: absolute;left: 40px;top:200px;width: 500px;height: 100%;}
.computer-b{width: 60%;display: inline-block;vertical-align: middle;}
.jsfa-con{padding: 70px 40px;}





.title-bold h3{font-weight: bold;letter-spacing: normal;}
.title-line h3{font-size: 26px;color:  #fff;position: relative;text-align: center;}
.title-line-a{margin-bottom: 50px;}
.title-line-a h3{font-size: 26px;color:#fff;position: relative;text-align: center;}
.title-line-a p{top:10px;font-size: 16px;color:#fff;position: relative;text-align: center;}

.title-line-b{margin-bottom: 20px;}
.title-line-b h3{font-size: 26px;color: #333;position: relative;padding-left: 30px;}
.title-line-b h3:before{content: '';position: absolute;left: 0;top:50%;height:22px;width: 8px;margin-top: -11px;background: #fdd108;}


/*.title-line h3:before{content: '';position: absolute;left: 0;top:50%;height:22px;width: 8px;margin-top: -11px;background: #fdd108;}*/
.jsfa p{color:  #fff;font-size: 20px;text-align:center;font-weight: lighter;}
.jsfa .title-line{margin-bottom: 15px;}
.look360{position: absolute;right: 0;bottom:0;}
.look360 a{font-size: 16px; color: #333;margin-left: 55px;position: relative;line-height: 40px;float: left;}
.look360 a:last-child{display: none;}
.look360 a:after{content: '';position: absolute;bottom:0;left: 50%;transform: translateX(-50%);border-top: 1px solid #fdd108;width: 0;}
.look360 a.active{color: #fdd108;}
.look360 a.active:after{width: 100%;}
.look360 a:hover{color: #fdd108;}
.look360 a:hover:after{width: 100%;}
.title-line{margin-bottom: 50px;}
.yycj-con{background: #fff;padding: 45px;}
.yycj-con p{position: relative;margin: 4px 0;padding-left: 96px;}
.yycj-con p span{position: absolute;top:0;left: 0;color: #333;}
.yycj2{position: absolute;top:0;left: 0;width: 100%;height: 100%;display:none;}
.yycj2 iframe{width: 100%;height: 100%;}
.tabs.active{display: block;z-index: 9;}
.gntd-paly .swiper-slide{background: #fff;}
.gntd{padding: 50px 30px;}
.gntd h4{font-size: 20px; color: #333;margin-top: 40px;}
.gntd .i{border-top: 2px solid #dcdcdc;width: 50px;margin: 25px auto;}
.gntd p{height: 80px;}
.margin-t40{margin-top: 40px;}
.page-style .swiper-pagination-bullet{width: 10px;height: 10px;border:1px solid #cbcbcb;background: none;opacity: 1;margin: 0 6px;}
.page-style .swiper-pagination-bullet-active{background: #3bab90;border-color: #3bab90;}
.tuop div.fl{width: 430px;}
.tuop div.fr{width: 970px;}
.tjxx-box p{font-size: 16px;color: #666;}
.tjxx{display: block;border:1px solid #2C77EE;color: #2C77EE;width: 150px;line-height: 40px;margin: 20px auto 0;font-size: 16px;}
.tjxx:before{content: '';display: inline-block;width: 20px;height: 20px;background: url("../images/tj2.png") no-repeat center;background-size: cover;vertical-align: middle;margin: -4px 10px 0 0;}
.tjxx:hover{box-shadow: 0 4px 10px 0px rgba(67, 180, 152, 0.225);border-radius: 6px;}
.overhide{overflow: hidden;}
.component{position: absolute;width: 100%;height: 100%;top:0;left: 0;opacity: 0;}
/*第1个*/
.floor{animation: fadeInDown .6s .5s forwards linear;}
/*第2个*/
.floorShadow{animation: fadeInDown 0.6s .2s forwards linear;position: static;}
/*第3个*/
.platform{animation: fadeInDown 1s 1.5s forwards linear;}
/*第4个*/
.student1{animation: fadeInDown .5s 2.5s forwards linear;}
/*第5个*/
.student2{animation: fadeInDown .5s 3s forwards linear;}
/*第6个*/
.student3{animation: fadeInDown .5s 3.5s forwards linear;}
/*第7个*/
.meiti{animation: fadeInDown .8s 4s forwards linear;}
@keyframes fadeInUp{
    0%{opacity: 0;transform: translate3d(0,50px,0);}
    100%{opacity: 1;transform: none;}
}
@keyframes fadeInDown{
    0%{opacity: 0;transform: translate3d(0,-50px,0);}
    100%{opacity: 1;transform: none;}
}
.platform-line,.student-line{opacity: 1;}
.component path{stroke-dasharray: 500;animation: dash1 3s linear both;}
.platform-line path{animation-delay: 4.6s !important;}
.student-line path{animation-delay: 5s !important;}
@keyframes dash1{
    0%{stroke-dashoffset: 500;}
    100%{stroke-dashoffset: 0;}
}
.component p{position: absolute;font-size: 16px;color: #333;animation: show 1s linear both;opacity: 0;}
.platform-line p{top:-6px;left: 348px;animation-delay: 6s !important;}
.student-line p{top: 198px;left: 642px;animation-delay: 6s !important;}
@keyframes show{
    0%{opacity: 0;transform: translateY(-15px);}
    100%{opacity: 1;transform: translateY(0);}
}
.fa-tjxx-box .tjxx-box{border:none; padding-top: 0 !important;}
.bzpj-l{width: 53.35%;}
.xxd-box{width: 53.35%;}
.cloud-box{width: 53.57%;}
.wisdom-box{width: 53.35%;}
.kongzhong-box{width: 58.85%;}
.lubo-box{width: 58.57%;}
.standard{width: 58.57%;}

.title28{margin-bottom: 50px;}
.title28 h3{font-size: 28px;color: #333;margin-bottom: 10px;}
.xwxq-bt h3{font-size: 24px;}
.case-top{overflow: hidden;padding-bottom: 0 !important;}
.z-index-box{position: relative;z-index: 3;}
.case-list{font-size: 0;}
.case-list li{display: inline-block;vertical-align: top; width: 25%;font-size: 14px;text-align: center;}
.case-list li a{display: block;position: relative;}
.case-list-3 li{width: 33.33%;}
.case-list li a:before,.san-box a:before,.gdfan li a:after{content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);opacity: 0;}
.case-list li:hover a:before{opacity: 1;}
.san-box a{position: relative;}
.san-box a:hover:before{opacity: 1;}
.gdfan a:hover:after{opacity: 1;}
.case-ms{position: absolute;top:50px;left: 15px;right: 15px;}
.case-ms h3{color: #fff;font-size: 22px;line-height: 1.6em;}
.case-ms .i{width: 30px;height: 30px;background: url("../images/jia.png") no-repeat center;background-size: cover;margin: 40px auto 0;}
.xwxq-warp{width: 1000px;max-width: 100%;margin: 0 auto;}

.bzzhjs .jsfa-con{border-radius: 20px;}
.bzzhjs .page-bg-a{background: #757575;}
.page-dw{position: absolute;width: 100%;left: 0;bottom:30px;z-index: 9;}
.page-style2 .swiper-pagination-bullet{width: 10px;height: 10px;border:1px solid #fff;background: none;opacity: 1;margin: 0 6px;}
.page-style2 .swiper-pagination-bullet-active{background: #fff;border-color: #fff;}
.gntd-paly2 .swiper-slide{border-radius: 20px;}
.gntd-paly2 .swiper-slide h4{color: #fff;}
.gntd-paly2 .swiper-slide .i{border-color: #fff;}
.gntd-paly2 .swiper-slide p{color: #fff;}
.bzzhjs-img1{width: 814px;height: 582px;}
/*新闻资讯列表*/
.padding50{padding: 50px;}
.margin-170{margin-top: -210px;}
.bgfff{background: #fff;}
.bglan{background: #2C77EE;}
.hot-new .img100{width: 58%;height: 540px;}
.hot-new-con{color: #666;position: absolute;right: 0;top:0;height: 100%;width: 38%;}
.hot-new a{display: block;}
.hot-new a:hover h2,.hot-new a:hover span:nth-child(2){color: #fdd108 !important;}
.hot-new h2{font-size: 22px;color: #333;font-weight: bold;}
.hot-new span{font-family: DINCond-Medium;font-size: 18px;display: block;margin: 20px 0;}
.hot-new p{line-height: 1.8em;color: #666;}
.hot-new-con .more{color: #8e8e8e;}
.hot-new-con .more:after{background: url(../images/more2.png);}
.hot-btn div{cursor: pointer;width: 39px;height: 39px;top:50%;margin-top: -20px;z-index: 9;position: absolute;}
.hotBtn1{left: 30px;background-image: url("../images/btn5.png");}
.hotBtn2{right: 42%; margin-right: 30px; background-image: url("../images/btn6.png");}
.news-type a{float: left;line-height: 34px;color: #333;background: #fff;padding:0 20px;margin-right: 25px;min-width: 50px;text-align: center;}
.news-type a.active{color: #fff;background: #fdd108;}
.news-type a:hover{color: #fff;background: #fdd108;}
.xw li{float: left;width: 32%;background: #fff;margin-right: 2%;margin-top: 2%;}
.xw li .img100 img{display: none;}
.xw li:nth-child(3n){margin-right: 0;}
.xw li a{display: block;padding: 30px;}
.news-time{text-align: right;position: relative;padding-right: 20px;}
.news-time:after{position: absolute;content: '';height: 88%;right: 0;top:6%;border-right: 1px solid #d6d6d6;}
.news-time h5{font-size: 32px;font-family: DINCond-Medium;color: #333;line-height: 1em;}
.news-time span{font-size: 16px;font-family: DINCond-Medium;color: #333;}
.news-top h4{margin-left: 100px;font-size: 18px;font-weight: bold;color: #333; line-height: 1.6em;height: 3.2em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xw .img100{margin: 20px 0;height: 225px;}
.xw p{color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 4.8em;}
.xw-tip{display: block;width: 60px;text-align: center;line-height: 24px;color: #fff;background: #ababab;border-radius: 4px;margin-top: 15px;}
.xw li:hover h4{color: #fdd108;}
.xw li:hover h5{color: #fdd108;}
.xw li:hover span{color: #fdd108;}
.page{text-align: center;margin-top: 50px;margin-bottom: 50px;}
.pages{display: inline-block;vertical-align: middle;margin: 0 5px;border:1px solid #d5d5d5;border-radius: 4px;line-height: 32px;padding: 0 13px;font-size: 16px;font-family: DINCond-Medium;color: #333;}
.pages.active{color: #fff;background: #2C77EE;border-color: #2C77EE;}
.pages:hover{color: #fff;background: #2C77EE;border-color: #2C77EE;}
.page-btn{font-size: 14px;}

/*新闻资讯详细*/
.looks span{font-size: 16px;font-family: DINCond-Medium;margin-right: 20px;}
.looks span img{margin-right: 8px;}
.edited{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 50px 0;margin: 15px 0;color: #000;}
.edited p{letter-spacing: 1.5px;line-height: 1.75em;margin: 20px 0;color: #000;}
.edited div,.edited p,.edited span,.edited b,.edited strong{max-width: 100%;}
.footer-share span{float: left;text-transform: uppercase;line-height: 24px;}
.icon000 .footer-share.bdsharebuttonbox a.weixin{background-image: url("../images/wx1.png");}
.icon000 .footer-share.bdsharebuttonbox a.qzone{background-image: url("../images/qq1.png");}
.icon000 .footer-share.bdsharebuttonbox a.tsina{background-image: url("../images/wb1.png");}
.edited img{max-width: 100%;height: auto !important;}
.xq-pages{margin-top: 20px;overflow: hidden;}
.xq-pages a{color: #333;position: relative;padding-left: 56px;margin: 3px 0;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;max-width: 48%;box-sizing: border-box;}
.xq-pages a span{position: absolute;top:0;left: 0;}
.xq-pages a:hover{color: #2C77EE;}
.fanghui{position: relative;right: 0;bottom:0;color: #c5c5c5;padding-left: 25px;display: block;width: 53px;margin: 35px auto 0;}
.fanghui:before{content: '';width: 19px;height: 14px;top:50%;margin-top: -7px;left: 0;background-image: url("../images/fh.png");position: absolute;}

.school-logo{width: 70px;margin: 0 auto;max-width: 80%;border:4px solid #fff;border-radius: 100%;overflow: hidden;}
.school p{margin: 20px 0;color: #333;font-size: 16px;}
.school .active p{color: #2C77EE;}
.school .active .school-logo{border-color: #2C77EE;}
.school .i{width: 12px;height: 14px;background: url("../images/bot2.png") no-repeat center;background-size: cover;margin: 0 auto;display: none;}
.school .active .i{display: block;}
.school a:hover p{color: #2C77EE;}
.school a:hover .school-logo{border-color: #2C77EE;}
.school a:hover .i{-webkit-animation: dw 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: dw 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;display: block;}
.school a:hover .i,.pt-top img{-webkit-animation: dw2 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: dw2 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;display: block;}
@keyframes dw{
    from{opacity: 0.2; transform: translateY(-10px); -webkit-transform: translateY(-10px);}
    33%{opacity: 1; }
    to{transform: translateY(0); -webkit-transform: translateY(0); opacity: 0; }
}
@-webkit-keyframes dw{
    from{opacity: 0; transform: translateY(-10px); -webkit-transform: translateY(-10px);}
    33%{opacity: 1; }
    to{transform: translateY(0); -webkit-transform: translateY(0); opacity: 0; }
}
@keyframes dw2{
    0%{opacity: 0; transform: translateY(-5px);}
    75%{opacity: 1; transform: translateY(0);}
    100%{ opacity: 0; transform: translateY(5px);}
}
.xxBtn div{position: absolute;cursor: pointer;width: 32px;height: 32px;top:19px;z-index: 9;}
.xxBtn div.swiper-button-disabled{display: none;}
.xxBtn1{left: 0;background-image: url("../images/btn7.png");}
.xxBtn2{right:  0;background-image: url("../images/btn8.png");}
.school-bot{margin: 60px 0;}
.xx-img{width: 50%;}
.preview .swiper-slide{width: 24.25%;margin-right: 1%;margin-top: 1%;}
.preview .swiper-slide:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.4);left: 0;top:0;cursor: pointer;}
.preview .swiper-slide:after{content: '';position: absolute;width: 100%;height: 100%;border:4px solid #2C77EE;box-sizing: border-box;left: 0;top:0;display: none;}
.preview .active-nav:before{opacity: 0;}
.preview .active-nav:after{display: block;}
.xx-con{width: 46%;}
.alms{margin-top: 35px;}
.xx-con h4{font-size: 26px;color: #2C77EE;font-weight: bold;}
.alms h5{font-size: 22px;color: #333;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 15px;}
.alms p{color: #333;line-height: 1.8em;}
.xx-bot-btn{width: 164px;line-height: 42px;text-align: center;background: #2C77EE;font-size: 16px; color: #fff;cursor: pointer;margin-right: 27px;}
.xx-bot-btn:before{content: '';display: inline-block;width: 24px;height: 24px;vertical-align: middle;margin: -4px 10px 0 0;}
.spzs:before{background-image: url("../images/play2.png");}
.gdal:before{background-image: url("../images/erwei.png");}
.gdal{position: relative;}
.hide-code{position: absolute;width: 164px;box-sizing: border-box;top:50px;left: 50%;margin-left: -82px; height: 0; overflow: hidden;}
.hide-code div{border:1px solid #ddd;}
.hide-code img{width: 162px;vertical-align: bottom;}
.gdal:hover .hide-code{height: 164px;}
.xx-bot{margin-top: 30px;}
.xx-bot .footer-share{margin-top: 14px;}
.tjxx-box{padding-top: 30px;}
.tjxx-box .yycg{border-top:1px solid #ddd;padding-top: 50px;}
/*视频列表2*/
.news-type2 a{background: #f3f3f3;}
.video li{float: left;width: 48.5%;margin-right: 3%;margin-top: 3%;position: relative;cursor: pointer;}
.video li:nth-child(even){margin-right: 0;}
.sptupon{height: 415px;}
.bg-shadow{background: rgba(0,0,0,.4);}
.video .i{width: 60px;height: 60px;background-image: url("../images/play3.png");margin: 0 auto;}
.video h4{margin-top: 25px;color: #fff;font-size: 22px;}
.video p{font-size: 16px; color: #fff;}
.video li:hover .bg-shadow{background: rgba(67,180,152,.6);}
/*联系我们2*/
.map{position: absolute;left: 0;top:0;right: 360px;height: 100%;}
.gs{border:1px solid #ddd;width: 340px;height: 481px;}
.gs ul{margin: 25px 20px;}
.gs li{padding: 25px 0;border-bottom: 1px solid #ddd;cursor: pointer;}
.gs li:first-child{padding-top: 0;}
.gs li:last-child{padding-bottom: 0;border:none;}
.gsimg{width: 41%;}
.gs-con{margin-left: 48%;}
.gs-con h4{color: #333;font-size: 16px; font-weight: bold;margin-bottom: 10px;}
.gs-con p{color: #333;font-size: 12px;}
.gs li.active{border-color: #2C77EE;}
.gs li.active h4{color: #2C77EE;}
.gs li:hover{border-color: #2C77EE;}
.gs li:hover h4{color: #2C77EE;}
.map-con{background: #fff;padding: 10px 20px;}
.map-con h5{color: #333;font-size: 22px;font-weight: bold; margin-bottom: 15px;}
.map-con p{color: #333;margin: 2px 0;}
.margin-t60{margin-top: 60px;}
.contact-list li{float: left;width: 19%;margin-right: 8%;text-align: center;margin-bottom: 2%;}
.contact-list li:nth-child(4n){margin-right: 0;}
.lxwm-con{border:1px solid #ddd;padding: 50px 10px;}
.lxwm-con h5{margin: 30px 0 10px;}
.lxwm-con p{font-size: 18px;color: #333;}
.contact-list li:nth-child(3) p{font-family: DINCond-Bold;}
.lxwm-con strong{font-family: DINCond-Bold;color: #239ddc;font-size: 26px;}
.contact-list li:hover .lxwm-con{border-color: #2C77EE;}
.code-box{background: #f5f5f5;}
.code-list{width: 70%;border-right: 1px solid #ddd;padding: 50px 0;}
.code-list li{float: left;width: 31.33%; margin: 0 1%; text-align: center;}
.code-list p{font-size: 16px; color: #333;}
.code-list .img100{width: 169px;max-width: 90%; border:1px solid #ddd; margin: 0 auto 10px;}
.tc-btn{position: absolute;right: 0;top:0;width: 30%;height: 100%;text-align: center;}
.tc-btn a{display: block;width: 190px;text-align: center;margin: 22px auto;line-height: 48px;font-size: 16px; color: #fff;}
.tc-btn a:hover{border-radius: 6px;opacity: .8;}
.xmzx{background: #2C77EE;}
.hzsq{background: #31a084;}
.yjfk{background: #248b71;}
.tc-btn img{vertical-align: middle;margin: -4px 20px 0 0;}
/*高教产品中心*/
.title40{margin-bottom: 50px;}
.title40 h3{font-size: 40px; margin-bottom: 15px; font-weight: bold;}
.title40 p{font-size: 28px;}
.title-white h3{color: #fff;}
.title-white p{color: rgba(255,255,255,.8);}
.cp-img{max-width: 100%;vertical-align: bottom;height: auto !important; padding: 20px 0;}
.cp-img img{max-width: 80%;}
.code-list ul{margin: 0 5%;}
.hezi{width: 930px;max-width: 100%; margin: 60px auto 0;text-align: center;font-size: 0;}
.hezi li{display: inline-block; width: 23%;margin: 0 1%;}
.hezi-con{background: rgba(243,243,243,.3);border:1px solid #fff;border-radius: 20px;width: 120px;padding:20px 10px;margin: 0 auto;}
.hezi-con img,.yf li img{max-width: 50%;}
.hezi-con p{color: #fff;margin-top: 10px;font-size: 14px;}
.tt22{font-size: 22px;color: #333;}
.title333 h3{color: #333;}
.titlefff h3{color: #fff;}
.titlefff .tt22{color: #fff;}
.yf{font-size: 0;}
.yf li{display: inline-block;font-size: 14px; vertical-align: text-top; width: 32%;text-align: center;margin-right: 2%;margin-top: 20px;margin-bottom: 20px;}
.yf li:nth-child(3n){margin-right: 0;}
.yf h4{font-size: 22px; color: #2C77EE;margin-bottom: 10px;}
.yf p{color: #333;}
.dapei li{float: left;text-align: center;width: 22%;margin-right: 4%;}
.dapei li:last-child{margin-right: 0;}
.dapei p{font-size: 16px; color: #fff;margin-top: 16px;}
.padding-tb120{padding: 120px 0;}
.zkzj-con{padding-top: 40px;}
.ruan-list{padding-top: 30px;}
.ruan-list li{float: left;width: 20%;margin-right: 6.66%;text-align: center;}
.ruan-list li:last-child{margin-right: 0;}
.ruan-list li img{max-width: 50%;}
.ruan-list h4{font-size: 22px; color: #fff;margin: 30px 0;}
.ruan-list .i{width: 40px;border-top: 1px solid rgba(255,255,255,.5);margin: 0 auto 20px;}
.ruan-list p{color: rgba(255,255,255,.5);}
.bgf8{background: #f8f8f8;}
.changjing{padding-top: 10px;}
.changjing p{background: #fff;text-align: center;line-height: 65px;color: #333;font-size: 16px;}
.page-style3 .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;margin: 0 6px;background: #d8d8d8;}
.envirPage .swiper-pagination-bullet{background: #fff;}
.page-style3 .swiper-pagination-bullet-active{background: #fdd108;}
/*公司简介*/
.title42 h2{font-size: 42px;color: #fff;}
.title42 p{font-size: 28px;color: #fff;}
.bsp{position: relative;cursor: pointer;}
.ban{position: relative;}
.ban .title42 p{animation-delay: 300ms !important;}
.ban-title{position: absolute;width: 100%;top:0;left: 0;bottom:130px;}
.ban-video .i{position: absolute;left: 50%;top:50%;width: 70px;height: 70px;background: url("../images/play1.png") no-repeat center;background-size: cover;margin: -35px 0 0 -35px;}
.jj-a{padding-top: 1px;}
.margin-130{margin-top: -130px;}
.qyimg{width: 50%;position: relative; float: right;cursor: pointer;}
.qyjj-con{position: absolute;width: 47%;left: 0;height: 100%;top:0;}
.qyjj-con p{line-height: 1.8em;margin: 30px 0;}
.qy-title{margin-bottom: 40px;}
.qy-title h3{font-size: 32px;color: #2C77EE;}
.qy-title span{display: block;text-transform: uppercase;font-size: 16px;font-family: Futura-Book;margin-top: 7px;letter-spacing: 2px;}
.qyjj-list{margin: 50px 0;}
.qyjj-list li{width: 31.33%;margin-right: 3%;float: left;}
.qyjj-list li:nth-child(2),.wxian{animation-delay: 300ms !important;}
.qyjj-list li:nth-child(3){animation-delay: 600ms !important;}
.qyjj-list li:last-child{margin-right: 0;animation-delay: 900ms !important;}
.qyjj-list h5{font-size: 16px; color: #333;margin: 30px auto 15px;}
.margin-t50{margin-top:50px;}
.preview2 .swiper-slide{width: 10%;text-align: center;padding-top: 5px;overflow: hidden;cursor: pointer;}
.preview2 .swiper-slide:before{content: '';position: absolute;left: 0;top:10px;border-top: 1px solid #cdcdcd;width: 50%;margin-left: -15px;}
.preview2 .swiper-slide:after{content: '';position: absolute;right: 0;top:10px;border-top: 1px solid #cdcdcd;width: 50%;margin-right: -15px;}
.yuan{width: 10px;height: 10px;border-radius: 100%;border:1px solid #838383;position: relative;margin:0 auto 10px;}
.yuan:after{content: '';position: absolute;width: 4px;height: 3px;background: url("../images/dbx.png");left: 50%;margin-left: -2px;top:-6px;display: none;}
.yuans{width: 4px;height: 4px;border-radius: 100%;margin: 3px;background: #838383;}
.preview2 h4{font-size: 14px; color: #333;}
.active-nav .yuan{border-color: #2C77EE;}
.active-nav .yuan:after{display: block;}
.active-nav .yuans{background: #2C77EE;}
.preview2 .active-nav h4{color: #2C77EE;}
.lsimg{width: 58%;}
.lscon{position: absolute;width: 42%;top:0;height: 100%;right: 0;background: #fff;}
.lsms{width: 300px;margin: 0 100px;max-width: 94%;}
.lsms h5{font-size: 60px; font-family: DINCond-Medium; color: #2C77EE;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 15px;}
.lsms p{margin-top: 5px;}
.preview2 .xxBtn div{top:-5px;}
.preview2 .swiper-container{margin: 0 50px;}
.bgededed{background: #ededed;}
.ry-warp{padding-top: 0 !important;padding-bottom: 0 !important;}
.ry{border-top: 1px solid #ddd;padding-top: 60px;}
.ry .img100{margin-bottom: 10px;}
.ry .img100 img{max-width: 100%;}
.ry p{color: #333;word-break: break-all;}
.jzg-list li{float: left;width: 25%;height: 510px;}
.jzg-list li:nth-child(1){background: rgba(51,51,51,.6);}
.jzg-list li:nth-child(2){background: rgba(51,51,51,.7);}
.jzg-list li:nth-child(3){background: rgba(51,51,51,.8);}
.jzg-list li:nth-child(4){background: rgba(51,51,51,.9);}
.jzg-con{padding: 30px;}
.jzg-con h3{font-size: 32px;font-weight: bold;color: #fff;}
.jzg-con h4{font-size: 22px;font-weight: bold;color: #fff;margin-top: 10px;}
.jzg-con p{color: #fafafa;}
.jzg-des{margin: 30px 0;display: none;}
.jzg-con .i{margin-top:30px;}
.jzg-list li.active{background: #2C77EE !important;}
/*研究院简介*/
.cg-img{width: 50%;}
.cg-con{position: absolute;width: 45%;top:0;height: 100%;right: 0;}
.cg-con h4{font-size: 22px; color: #333;margin-bottom: 20px;}
.cg-con h4 img{vertical-align: middle;margin: -6px 10px 0 0; }
.cg-con p{color: #666;}
.cg-page{border-bottom: 1px solid #ddd;padding: 50px 0;}
.cg-page:last-child{border:none;}
.fanchou li{float: left;width: 25%;text-align: center;position: relative;}
.fanchou li:after{content: '';position: absolute;height: 150px;top:50%;margin-top: -75px;right: 0;border-right: 1px solid #d6d6d6;}
.fanchou li:last-child:after{display: none;}
.fanchou h4{font-size: 22px; color: #333;margin-top: 30px;}
.fanchou p{color: #666;}
.fangcon{padding: 10px;}
.zzimg{width: 56%;}
.zhuzuo-con{position: absolute;left: 0;top:0;height: 100%;width: 37%;}
.ganfc-l{position: absolute;height: 100%;top:0;left: 0;width: 47.15%;background: url("../images/guanbg.jpg") no-repeat center;background-size: cover;}
.titlesc{padding-top: 42px;}
.titlesc b{display: block;font-size: 18px;font-weight: normal;color: #2C77EE;}
.titlesc p{color: #666;margin-top: 5px;}
.yjy-code{position: absolute;width: 56%;bottom:0;left: 22%;}
/*服务支持*/
.service li{float: left;width: 23.5%;margin-right: 2%; background: #f3f3f3;}
.service li:last-child{margin-right: 0;}
.service-con{position: relative;margin: 30px 25px;padding: 60px 0;}
.service-con strong{position: absolute;top:0;left: 0;font-size: 46px;font-family: DINCond-Medium;}
.service-con h4{font-size: 26px; color: #2C77EE;margin: 25px 0;}
.souhou{padding: 10px;}
.shimg{width: 46.5%;}
.shcon{position: absolute;width: 48%;height: 100%;right: 20px;top:0;}
.shcon p{position: relative;line-height: 2.4em;padding-left: 30px;}
.shcon p span{position: absolute;top:0;left: 0;font-family: DINCond-Medium;font-size: 18px;color: #42a890;}
.rx-l{width: 50%;}
.rx-top{border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.rx-top p{color: #333;font-size: 16px;}
.rx-list li{width: 32%;margin-right: 2%;float: left;text-align: center;}
.rx-list li:last-child{margin-right: 0;}
.rx-list li img{display: block;width: 120px;margin: 25px auto;}
.rx-list p{color: #333;}
.rx-r{width: 41.5%;}
.rxbox{padding-bottom: 80px;}
/*加入*/
.policy-img{width: 50%;}
.policy-con{position: absolute;height: 100%;top:0;width: 46%;left: 0;}
.wxian p{color: #333;}
.envir-l{width: 24.42%;}
.envir-m{width: 48.57%;margin-left: 1.8%;}
.envir-r{width: 23.42%;}
.envir .swiper-slide a{display: block;position: relative;overflow: hidden;cursor: default;}
.envir p{position: absolute;color: #fff;right: 20px;bottom:12px;z-index: 3;}
.envir-m-bot{margin-top: 3.6%;}
.envir-m-bot a{width: 48.2%;}
.envir-r a:nth-child(1){margin-bottom: 7.2%;}
.office p{text-align: center;margin-top: 20px;font-size: 16px;color: #333;}
.jrwm-style{margin: 80px 0 40px;}
.jrwm-style p{font-size: 16px; color: #333;}
.jrwms .tjxx:before{background: url(../images/jrwm.png) no-repeat center;background-size: cover;}
/*教研服务2*/
.yan-img{width: 50%;}
.yan-con{position: absolute;height: 100%;top:0;width: 46%;right: 0;}
.yan-con p{color: #666;margin: 30px 0;line-height: 1.8em;}
.tixi-img{width: 50%;}
.tixi-img img{display: none;}
.tixi-l{position: absolute;height: 100%;top:0;left: 50px;right: 52%;}
.tixi-tite a{display: inline-block;line-height: 36px;position: relative;font-size: 18px;font-weight: bold;color: #333;margin-right: 12px;}
.tixi-tite a span{font-family: DINCond-Bold;font-size: 26px; color: #333;margin-top: -2px;vertical-align: middle;display: inline-block;}
.tixi-tite a:after{content: ''; position: absolute; left: 50%;width: 0;transform: translateX(-50%);bottom:0;border-top: 1px solid #2C77EE;}
.tixi-tite a:last-child{margin-right: 0;}
.tixi-tite a.active{color: #2C77EE;}
.tixi-tite a.active:after{width: 100%;}
.tixi-tite a:hover:after{width: 100%;}
.tixi-tite a.active span{color: #2C77EE;}
.tixi-tite a:hover{color: #2C77EE;}
.tixi-tite a:hover span{color: #2C77EE;}
.tixi-mid{color: #333;margin-bottom: 20px;}
.service-con-bot{height: 44px;}
.tixi-bot{height: 170px;}
.tixi-bot p{position: relative;color: #666;padding-left: 14px;margin: 5px 0;}
.tixi-bot p:before{content: '';position: absolute;width: 6px;height: 6px;border-radius: 100%;background: #c0c0c0;left: 0;top:8px;}
.tixi-page{display: none;}
.tixi-page.active{display: block;}
.jyfw-img{width: 46.5%;}
.sjeg .swiper-slide{background: #f3f3f3;}
.jyfw-con{position: absolute;right: 0;top:0;height: 100%;width: 53.5%;}
.jyfw-warp{margin: 22px;}
.jyfw-warp h4{font-size: 22px;font-weight: bold;color: #333;}
.jyfw-warp span{display: block;width: 96px;line-height: 32px;background: #fff;text-align: center;color: #333;margin: 20px 0;}
.jyfw-warp p{color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.sjeg .swiper-slide:hover span{background: #fdd108;}
.liuc:before{content: '';position: absolute;top:50%;border-top: 1px solid #ddd;width: 100%;left: 0;}
.liuc-list li{float: left; height: 350px;width: 12.5%;position: relative;}
.liuc-list .dot{position: absolute;width: 12px;height: 12px;border-radius: 100%;background: #2C77EE;top:50%;margin-top: -6px;left: 50%;margin-left: -6px;}
.liuc-list .line{position: absolute;height: 56px;border-right: 1px solid #ddd;left: 50%;}
.liuc-list li:nth-child(odd) .line{bottom:50%;}
.liuc-list li:nth-child(even) .line{top:50%;}
.liuc-list li .img{width: 84px;height: 84px;top:50%;position: absolute;left: 50%;margin-left: -42px;}
.liuc-list li:nth-child(odd) .img{margin-top: -140px;}
.liuc-list li:nth-child(even) .img{margin-top: 56px;}
.liuc-list p{position: absolute;width: 100%;text-align: center;left: 0;color: #333;white-space: nowrap;}
.liuc-list li:nth-child(odd) p{top:0;}
.liuc-list li:nth-child(even) p{bottom:0;}
.fsdr{border-top: 1px solid #ddd;margin-top: 80px;padding-top: 60px;}
.quan:before{position: absolute;content: '';width: 10px;height: 10px;background: #fff;border:1px solid #eaeaea;top:50%;margin-top: -6px;left: 0;border-radius: 100%;}
.quan:after{position: absolute;content: '';width: 10px;height: 10px;background: #fff;border:1px solid #eaeaea;top:50%;margin-top: -6px;right: 0;border-radius: 100%;}
.service li:nth-child(2),.cg-page:nth-child(2),.fanchou li:nth-child(2),.contact-list li:nth-child(2),.code-list li:nth-child(2),.ruan-list li:nth-child(2){animation-delay: 300ms !important;}
.service li:nth-child(3),.fanchou li:nth-child(3),.contact-list li:nth-child(3),.code-list li:nth-child(3),.ruan-list li:nth-child(3){animation-delay: 600ms !important;}
.service li:nth-child(4),.fanchou li:nth-child(4),.contact-list li:nth-child(4),.ruan-list li:nth-child(4){animation-delay: 900ms !important;}
.ry-list{width:100%;height:60px;overflow:hidden;margin:20px auto 0;position: relative;}
.ry-list li{float: left;width: 180px;margin-right: 30px;text-align: center;}
.ry-list li{text-align: center;}
.ry-list li img{width: 100%;vertical-align: bottom;}
.ry-list li p{color: #fff;line-height: 48px;}
.ry-list .swiper-wrapper{-webkit-transition-timing-function: linear;transition-timing-function: linear;margin: 0 auto;}
#ry2 ul{position: absolute;width:100000px;left:0;}
.gif404{position: absolute;left: 50%;top:50%;width: 200px;margin: -120px 0 0 -100px;}
.box404{width: 870px;margin: 0 auto 50px;}
.box404 p{position: absolute;bottom:-100px;width: 100%;left: 0;color: #fff;font-size: 26px;}
.box404 p span{color: #fff;}
.img98{position: absolute;top:-92px;left: -240px;}
.img99{position: absolute;bottom:15px;right: -300px;}
.box404 > img{position: relative;z-index: 5;}
.pjcplist2{padding-top: 50px;}
.pjcplist2 li{float: left;width: 23.5%;margin-right: 2%;margin-top: 2%;}
.pjcplist2 li:last-child{margin-right: 0;}
.ruan-list2{margin: 50px 0;}
.dapei2 .img100{margin: 30px 0;}
.maodian{position: absolute;left: 0;opacity: 0;z-index: -1;}
#sh{top:-86px;}
#news{top:-120px;}
.text-pages.page-col-4{width: 23.5%;}
.text-pages.text-pages-mg{margin-right: 2% !important;}
.pages-mg-0{margin-right: 0;}
.double-list{height: 0 !important;overflow: hidden;}
.double-list.show{height: auto !important;overflow: auto;}
.btn-relative{position: absolute;left: 50%;bottom:30px;z-index: 9;}
.btn-relative div{position: static;float: left;margin: 0 10px 0 0;}
.gdfan li{float: left;width: 32%;margin-right: 2%;background: #58cb9f;text-align: center;}
.gdfan li:nth-child(2){background: #54bd97;}
.gdfan li:last-child{margin-right: 0;background: #2fa389;}
.gdfan li a{display: block;position: relative;padding: 35px 0;}
.gdfan li img{}
.gdfan-cpn{margin-bottom: 30px;}
.gdfan-cpn p{color: #fff;font-size: 22px;}
.gengfjlg .ljgd{position: absolute;right: 0;top:0;margin: 0;}
.design{position: absolute;top:0;left: 0;opacity: 0;color: #2c353a;line-height: 30px;}
.shipin-con iframe{width: 856px;height: 480px;}
.shipin-con iframe video{width: 100%;}
.tishi-box{position: absolute;left: 0;top:0;right: 0;bottom:0;z-index: 99;display: none;}
.tishi{position: absolute;top:50%;left: 50%;box-shadow: 0 0 10px #ddd;background: #fff;text-align: center;width: 600px; padding:80px 0;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);max-width: 80%;}
.tishi h3{font-weight: normal;font-size: 32px;font-family: MarkPro-Light;}
.tishi p{font-size: 16px;font-family: MarkPro;margin: 30px  auto 50px;max-width: 90%;}
.tishi a{font-family: MarkPro;display: block;width: 300px;line-height: 50px;color: #fff;background: #2C77EE;margin:0 auto;max-width: 60%;font-size: 16px;}
.loading-box.active{position: fixed;z-index: 999999;background: #f5f5f5;left: 0;right: 0;top: 0;bottom:0;}
.lxwmtc .tishi-box{position: fixed;z-index: 999999;background: rgba(0,0,0,.65);}
.tishi-box2 .tishi{padding: 97px 0;}
.tishi-box3 p{margin-bottom: 0;}
.item-loader-container{font-size: 0;margin-top: 30px;}
.item-loader-container div{display: inline-block;font-size: 0;width: 16px;height: 16px;background: #ccc;border-radius: 100%;-webkit-border-radius: 100%;}
.item-loader-container div:nth-child(1){-webkit-animation: ball-newton-cradle-left 1s 0s ease-out infinite;
    -moz-animation: ball-newton-cradle-left 1s 0s ease-out infinite;
    -o-animation: ball-newton-cradle-left 1s 0s ease-out infinite;
    animation: ball-newton-cradle-left 1s 0s ease-out infinite;}
.item-loader-container div:nth-child(4){-webkit-animation: ball-newton-cradle-right 1s 0s ease-out infinite;
    -moz-animation: ball-newton-cradle-right 1s 0s ease-out infinite;
    -o-animation: ball-newton-cradle-right 1s 0s ease-out infinite;
    animation: ball-newton-cradle-right 1s 0s ease-out infinite;}
.tiserma{width: 780px;padding: 80px;}
.tiserma .img100{width: 40%;}
.tiserma-con{width: 50%;position: absolute;right: 0;top:0;height: 100%;text-align: left;}
.tiserma-con h3{font-size: 20px; color: #333;margin-bottom: 30px;}
.tiserma-con p{margin: 0;font-size: 14px; color: #333;}
/*产品1*/
.ban24-con{position: absolute;width: 100%;top:0;left: 0;height: 100%;}
.ban25-con{position: absolute;width: 100%;top:0;left: 0;height: 100%;}
.ban24-con h2{font-size: 32px; color: #fff;font-weight:bold;}
.ban24-con p{color: #fff;margin: 30px auto;width: 806px;max-width: 100%;}
.div2403 img{;vertical-align: bottom;width: 75.28%;}
.div2403{padding: 60px 0 180px;}
.div2404{padding-top: 60px;}
.padding-tb60{padding: 60px 0;}
.hxcps .swiper-container{margin: 0 50px;}
.hxcp{position: relative;}
.hxcp:before{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;border:5px solid #42b297;box-sizing: border-box;opacity: 0;}
.hxcps .xxBtn div{top:110px;}
.hxcps .swiper-slide.active .hxcp:before{opacity: 1;}
.hxcps .swiper-slide:hover .hxcp:before{opacity: 1;}
.w1120{width: 1120px;margin: 0 auto;}
.hezs{background: #42b297;}
.title32-bold h3{font-size: 32px;font-weight: bold;color: #fff;}
.title32-bold span{color: #fff;display: block;font-size: 20px;margin: 15px auto 20px;}
.title32-bold p{color: #fff;width: 858px;max-width: 100%;margin: 0 auto;}
.play246 img{max-width: 100%;vertical-align: bottom;}
.play246 .swiper-container{margin: 0 60px;}
.margin-t80{margin-top: 80px;}
.btn2406 div{width: 50px;height: 50px;position: absolute;z-index: 5;top:50%;margin-top: -25px;cursor: pointer;background-color: #fff;border-radius: 100%;}
.btn24061{left: 0;background-image: url("../images/btn24061.png");}
.btn24062{right: 0;background-image: url("../images/btn24062.png");}
.cpcs-list li{float: left;width: 48.5%;margin-right: 3%;}
.cpcs-list li:last-child{margin-right: 0;}
.cpcs-list td{border:1px solid #e4e4e4;height: 48px;color: #333;}
.cpcs-list td:nth-child(1){width: 150px;text-align: center;}
.cpcs-list td:nth-child(2){padding-left: 40px;}
.cpys-list{font-size: 0;}
.cpys-list li{display: inline-block;vertical-align: top;font-size: 14px;width: 16%;padding: 0 2%;}
.cpys-list .img100{display: inline-block;background: #fff;border-radius: 100%;border:1px solid transparent;}
.cpys-list .img100 img{max-width: 100%;}
.cpys-list h4{color: #fff;font-size: 22px;margin: 46px auto 10px;}
.cpys-list p{color: #fff;}
.cpys-list li:hover .img100{background: #34ad90;border-color: #4ac2a5;box-shadow: 0 0 4px 0 #fff;}
.cpys-list li:hover img{filter: brightness(4);}
.w1300{width: 1300px;margin: 0 auto;}
.cpyy-img{width: 70%;}
.cpyy-con{position: absolute;top:0;left: 0;width: 30%;height: 100%;background: #2c363b;}
.cpyy-con .swiper-container{height: 100%;}
.cpyy-con .swiper-slide{height: 100%;}
.cpyy-top{margin: 60px 40px;}
.cpyy-top h4{color: #fff;font-size: 22px;}
.cpyy-top .i{width: 70px;border-top: 2px solid #fff;margin: 25px 0;}
.cpyy-top  p{color: #fff;}
.cpyy-con .ljgd{position: absolute;left: 40px;z-index: 5;margin: 0;bottom:135px;width: 140px;}
.cpyyDot{position: absolute;left: 40px;bottom:42px;z-index: 5;}
.cpyyDot .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: #098567;margin: 0 5px;}
.cpyyDot .swiper-pagination-bullet-active{background: #fff;}
/*4*/
.ban25-wrap{width: 530px;max-width: 100%;}
.ban25-wrap .titlefff p{color: #fff}
.ban25-wrap h3{margin-bottom: 20px;}
.ban25-img{width: 52%;}
.hxcp2{border:3px solid transparent;margin-bottom: 20px;text-align: center;padding-top: 20px;}
.hxcp2 p{height: 4.8em;}
.hxcps2 .xxBtn div{top:50%;margin-top: -30px;}
.hxcps2 .swiper-container{margin: 0 50px;}
.hxcps2 .swiper-slide:hover .hxcp2{border-color: #34ad90;}
.hxcps2 .swiper-slide.active .hxcp2{border-color: #34ad90;}
.cpjj{margin-top: 20px;}
.cpjj-con{border-top: 1px solid #ddd;}
.cpjj-img{width: 55.2%;}
.cpjjBtn div{width: 36px;height: 36px;position: absolute;z-index: 5;top:50%;margin-top: -18px;cursor: pointer;background-color: #7d7d7d;border-radius: 100%;}
.cpjjBtn1{left: 24px;background-image: url("../images/mk1.png");}
.cpjjBtn2{right: 24px;background-image: url("../images/mk2.png");}
.cpjjBtn div:hover{background-color: #34ad90;}
.cpjj-ms{position: absolute;right: 0;height: 100%;top:0;width: 41%;}
.cpjj-ms-top{border-bottom: 1px solid #ddd;margin-bottom: 60px;padding-bottom: 60px;}
.cpjj-ms-top h3{color: #333;font-size: 32px;font-weight: bold;margin-bottom: 15px;}
.cpjj-ms-top p{color: #333;font-size: 20px;}
.cpjj-ms-bot p{font-size: 16px; color: #999;}
.cpcs2 h3,.cpcs2 td{color: #fff;}
.cpcs2 td{border-color: rgba(255,255,255,.3);}
.cpys-list2{font-size: 0;text-align: center;}
.cpys-list2 li{font-size: 14px;display: inline-block;width: 18%;margin-right: 2.5%;background: #efefef;vertical-align: top;}
.cpys-list2 li:last-child{margin-right: 0;}
.cpys-list2 img{max-width: 70%;}
.cpys-warp{border:1px solid #e3e3e3;padding:50px 20px 30px;}
.cpys-warp h4{font-size: 20px;color: #333; margin: 25px 0 10px;line-height: 1.5em;height: 3em;}
.cpys-warp p{color: #333;height: 6.4em;}
.cpys-list2 li:hover{background: #42b498;box-shadow: 0 0 10px 0 #42b498;}
.cpys-list2 li:hover .cpys-warp{border-color: #42b498;}
.cpys-list2 li:hover h4{color: #fff;}
.cpys-list2 li:hover p{color: #fff;}
.cpys-list2 li:hover img{filter: brightness(4);}
.cpyy2-bot{padding: 60px 80px;box-shadow: 0 0 10px #ddd;}
.cpyyDot2{text-align: center;margin-top: 30px;}
.cpyyDot2 .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: #dbdbdb;margin: 0 5px;}
.cpyyDot2 .swiper-pagination-bullet-active{background: #41ac90;}
.zhlu{padding-right: 160px;margin-top: 30px;}
.zhlu .ljgd{position: absolute;right: 0;top:50%;margin-top: -20px;width: 140px;}
.zhlu h4{color: #333;font-size: 22px;margin-bottom: 10px;}
.zhlu p{color: #666;}
/*案例列表*/
.padding08080{padding: 0 80px 80px;}
.xt li{float: left;}
.xt{width: 1100px;max-width: 100%;margin: 0 auto;}
.xt .li1{width: 17.8%;}
.xt .li2{width: 13%;}
.xt .li3{width: 27.7%;}
.xt .li4{width: 15.7%;}
.xt .li5{width: 25%;}
/*平台介绍3*/
.computer{width: 60%;display: inline-block;vertical-align: middle;margin-right: 30px;}
.computer-top{width: 80.7%;margin:0 auto;}
.computer-top .swiper-container{margin: 3%;}
.pingtaititle{margin-bottom: 5px;}
.pingtaititle h3{font-size: 32px;font-weight: bold;color: #333;}
.pingtaititle p{font-size: 22px;color: #333;line-height: 1.8em;}
.pingtaititle .i{width: 50px;height: 4px;background: #fdd108;margin: 20px auto;}

.pingtaititle-a{margin-bottom: 50px;}
.pingtaititle-a h3{font-size: 40px;font-weight: bold;color: #333;}
.pingtaititle-a p{font-size: 32px;color: #333;line-height: 1.8em;}


.fwdx li{float: left;}
.fwdx .li1{width: 30%;}
.fwdx .li3{width: 30%;margin: 0 5%;}
.fwdx .li5{width: 30%;}
.fwdx .li2{position: absolute;top:50%;left: 32.5%;margin-top: -6px;margin-left: -11px;z-index: 5;}
.fwdx .li4{position: absolute;top:50%;right: 32.5%;margin-top: -6px;margin-right: -11px;z-index: 5;}
.zzfx1{transform-origin: bottom;}
.zzfx img{display: block;max-width: 100%;margin: 0 auto;vertical-align: bottom;}
.computerBtn div{width: 28px;height: 28px;border-radius: 100%;top:50%;margin-top: -14px;position: absolute;background-color: rgba(0,0,0,.1);z-index: 9;cursor: pointer;transition: all .4s;opacity: 0;}
.computerBtn1{background-image: url("../images/btn281.png");left: 0;}
.computerBtn2{background-image: url("../images/btn282.png");right: 0;}
.computerBtn div:hover{background-color: rgba(0,0,0,.2);}
.computer-top:hover .computerBtn div{opacity: 1;}
.computer-top:hover .computerBtn1{left: 5%;}
.computer-top:hover .computerBtn2{right: 5%;}
.fontsize0{font-size: 0;}
.phone2{width: 16.8%;display: inline-block;vertical-align: middle;margin:0 3.55%;}
.phone2-text{width: 154px;max-width: 100%;margin: 0 0 12% 12%;background: #2C77EE;padding: 10px 0;border-radius: 6px;position: relative;animation: heart 1.3s ease-in-out .3s infinite alternate;}
.phone2-text h3{font-size: 22px;color: #fff;text-align: center;}
.phone2-text:after{content: '';position: absolute;width: 0;height: 0;border:7px solid transparent;top:100%;left: 20px;border-top-color: #2C77EE;}
.pingtai-jsfa{position: static;display: inline-block;vertical-align: middle;width: 35.7%;}
.pingtai-jsfa h3{font-size: 26px;}
.jsfa{font-size: 14px;}
@keyframes heart{
    from{transform:translate(0,0);}
    to{transform:translate(0,10px);}
}
/*问题解决2*/
.solution li{float: left;width: 31%;margin-right: 3.5%;box-shadow: 0 0 9px 0 #ddd;padding: 55px 0;transition: all .4s;}
.solution li:last-child{margin-right: 0;}
.solution li:hover{box-shadow: 0 0 9px 0 #2C77EE;}
.solu-warp{margin: 0 22px;}
.solu-mid{margin: 20px 0 10px;}
.solu-mid h3{font-size: 22px;color: #333;}
.solu-warp img{width: 118px;max-width: 60%;}
.solu-mid p{color: #2C77EE;margin:10px 0;min-height: 1.6em;display: block;}
.solu-mid .i{border-top: 2px solid #FDD108;width: 50px;margin: 0 auto;}
.solu-bot p{height: 4.8em;}
.jiaoyu-img{width: 58.6%;}
.padding-t80{padding-top: 80px;}
.jiaoyu-con p{position: absolute;width: 210px;line-height: 54px;background: #5fc8b3;color: #fff;z-index: 5;text-align: center;border-radius: 6px;font-size: 18px;animation: heart 1.3s ease-in-out .3s infinite alternate;}
.jiaoyu-con p:nth-child(1){top:10%;right: 13%;background: #2C77EE;}
.jiaoyu-con p:nth-child(2){top:30%;right: 0;background: #2C77EE;animation-delay: 300ms !important;}
.jiaoyu-con p:nth-child(3){bottom:40%;right: 13%;}
.jiaoyu-con p:nth-child(4){bottom:20%;right: 0;animation-delay: 300ms !important;}
.jiaoyu-img1{position: relative;z-index: 4;}
.jiaoyu-img2{position: absolute;left: 0;top:0;}
.jiaoyu-img3{position: absolute;left: 0;top:0;}
/*整体教育2*/
.ptysBtn div{width: 28px;height: 28px;border-radius: 100%;top:50%;margin-top: -14px;position: absolute;background-color: rgba(0,0,0,.1);z-index: 9;cursor: pointer;transition: all .4s;}
.ptysBtn1{background-image: url("../images/btn281.png");left: 0;}
.ptysBtn2{background-image: url("../images/btn282.png");right: 0;}
.ptysBtn div:hover{background-color: rgba(0,0,0,.2);}
.ptys .img img{width: auto;max-width: 100%;}
.gnqd li{float: left;width: 30.1%;}
.gnqd .li2{margin-left: 3.35%;}
.gnqd .li3{width: 33.1%;float: right;}
.onethree-img{width: 60%;}
.onethree-img .img100{position: absolute;top:0;left: 0;width: 100%;}
.onethree-img .onethree-img1{position: relative;z-index: 2}
.onethree-img .onethree-img2{z-index: 1;left: 2%;top:5%;}
.onethree-img .onethree-img3{z-index: 3;left: -3%;}
.onethree-img .onethree-img4{z-index: 4;left: -2%;top:7%;}
.yqsh{position: absolute;right: 0;bottom:19%;width: 33.3%;}
.pageljgd .ljgd{margin-left:auto;margin-right: auto;bottom:30px;}
.wxkf .xf-lxfs-con{width: 136px;text-align: center; padding: 8px;}
/*.wxkf .xf-lxfs{top:35%;}*/
.wxkf .xf-lxfs-con p{font-size: 12px;}
.imgscale .img100{overflow: hidden;}
.imgscale:hover .img100 img{transform: scale(1.1);}

.hxcp:before,.nav-box,.search-con,.search-btn,.jjfa-contro a:after,.jjfa-contro a,.xm-hide,.xm-bton,.more:after,.friend-text:after,.gdr li,.index-news p,.index-news  span,.select-page:after,.form-bot a,.look360 a,.look360 a:after,.hot-new h2,.hot-new span,.news-type a,.xw h5,.xw h4,.xw span,.pages,.fas li,.project-btn div,.school p,.school-logo,.preview .swiper-slide:before,.bg-shadow,.gs-con h4,.gs-con li,.tc-btn a,.jzg-list li,.hide-code,.tixi-tite a:after,.jyfw-warp span,.ljgd,.ljgd:after,.tjxx,.imgscale .img100 img,.xq-pages a,.case-list li a:before,.lxwm-con,.menu-handler .burger,.gdr,.r-code,.san-box a:before,.gdfan li a:after,.san-box,.hxcp2{
    transition: all .4s linear;
}
.about-bg div,.jjfa,.project-btn div,.poster1,.footer-share.bdsharebuttonbox a,.gdr li a,.hot-btn div,.fanghui:before,.xxBtn div,.spzs:before,.video .i,.tc-btn a,.btn2406 div,.cpjjBtn div{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.xt li:nth-child(2),.jiaoyu-con p:nth-child(2){animation-delay: 200ms !important;}
.xt li:nth-child(3),.jiaoyu-img3,.jiaoyu-con p:nth-child(4),.solution li:nth-child(2),.onethree-img2,.gnqd li:nth-child(2){animation-delay: 400ms !important;}
.xt li:nth-child(4),.jiaoyu-img2{animation-delay: 600ms !important;}
.xt li:nth-child(5),.solution li:nth-child(3),.onethree-img4,.gnqd li:nth-child(3){animation-delay: 800ms !important;}


.swiper-slide-active .banner-text h2,.swiper-slide-active .banner-text h3,.swiper-slide-active .banner-text h4,.swiper-slide-active .banner-text h5,.swiper-slide-active .ban-icon,.slideUp{animation:up 2s both;-webkit-animation:up 2s both;}
@keyframes up{
    0%{
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        /*-webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);*/
        /*transition: all .8s cubic-bezier(.645, .045, .355, 1);*/
        transition: all .4s linear;
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        /*-webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);*/
        /*transition: all .8s cubic-bezier(.645, .045, .355, 1);*/
        transition: all .4s linear;
    }
}
@keyframes toShadow{
    0%{box-shadow: 0 0 0 #ddd; -webkit-box-shadow: 0 0 0 #ddd;}
    50%{box-shadow: 0 0 50px #ddd;-webkit-box-shadow: 0 0 50px #ddd;}
    100%{box-shadow: 0 0 0 #ddd;-webkit-box-shadow: 0 0 0 #ddd;}
}
@-webkit-keyframes toShadow{
    0%{box-shadow: 0 0 0 #ddd;-webkit-box-shadow: 0 0 0 #ddd;}
    50%{box-shadow: 0 0 50px #ddd;-webkit-box-shadow: 0 0 50px #ddd;}
    100%{box-shadow: 0 0 0 #ddd;-webkit-box-shadow: 0 0 0 #ddd;}
}
@font-face {
    font-family: DINCond-Medium;
    src:url('../images/font/DINCond-Medium.otf');
}
@font-face {
    font-family: Futura-Book;
    src:url('../images/font/Futura-Book.otf');
}
@font-face {
    font-family: MarkPro-ExtraLightItalic;
    src:url('../images/font/MarkPro-ExtraLightItalic.otf');
}
@font-face {
    font-family: SourceHanSansCN-Light;
    src:url('../images/font/SourceHanSansCN-Light.otf');
}
@font-face {
    font-family: DINCond-Bold;
    src:url('../images/font/DINCond-Bold.ttf');
}
/***************************************************左边***************************************************/
.slideInLeft{
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInLeft{
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-100px);transform: translateX(-100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes slideInLeft {
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-100px);transform: translateX(-100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateX(0);transform: translateX(0);}
}
/***************************************************右边***************************************************/
.slideInRight{
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInRight{
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(100px);}
    100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}
@keyframes slideInRight {
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(100px);}
    100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}
/***************************************************上往下***************************************************/
.slideDown{animation:slideDown 2s both;-webkit-animation:slideDown 2s both;}
@keyframes slideDown{
    0%{
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
}
@keyframes ball-newton-cradle-left{
    25% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    50% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@keyframes ball-newton-cradle-right{
    50% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    75% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
.tobig{
    -webkit-animation-name: tobig;
    animation-name: tobig;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes tobig{
    0%{transform: scale(0);}
    100%{transform: scale(1);}
}
@keyframes tobig {
    0%{transform: scale(0);}
    100%{transform: scale(1);}
}