@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: #fff;}

p{line-height: 1.6em;}

.fl{ float: left;}

.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: 80px 0;}

html.hide,body.hide{overflow: hidden;}

.bgf3{background: #f3f3f3;}

img{max-width: 100%;}

/*index*/

.img_bann{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    width: 50%;

    margin-left: 25%;

}

.img_bann img{

    cursor: pointer;
    width: 110%;

}

.header{position: fixed;z-index: 999;width: 100%;background: #43b498;left: 0;top:0;transform: translateZ(0);height: 86px;}

.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-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: 589px;}

.nav-menu li:nth-child(3) .san-box-wrap{width: 589px;}

.nav-menu li:nth-child(3) .san-box a{width: 33.33%;}



.san-box a{float: left;width: 25%;height: 135px;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: 100px;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("img/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("img/close.png");}

.search-sb{position: absolute;right: 0;top:0;cursor: pointer;display: none;background-color:#f5f5f5;background-image: url("img/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: 32px;}

.logins{position: absolute;right: 0;top:0;width: 32px;height: 32px;background-image: url("img/login.png");}

.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: 50px;}

.title32 h3{font-size: 32px;color: #43b498;letter-spacing: 2px;margin-bottom: 10px;}

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

.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("img/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: 40px;width: 170px;border-radius: 4px; background: #43b498; color: #fff; text-align: center;margin-top: 55px;}

.ljgd:hover{box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225);}

.ljgd:after{content: '';display: inline-block;width: 17px;height: 10px;background: url("img/jt1.png") no-repeat center;background-size: cover;margin-left: 10px;}

.ljgd:hover:after{transform: translateX(10px);}

.title-fff h3 span{color: #fff;}

.jjfa-top{padding-right: 560px;}

.jjfa-contro{position: absolute;bottom:0;right: 12%;}

.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: 40%;}

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

.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(img/btn1.png);}

.xmbtn2{right: 0;background-image: url(img/btn2.png);}

.xmbtn1:hover{background-image: url("img/btn3.png");}

.xmbtn2:hover{background-image: url("img/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("img/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: #43b498;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: 46%;height: 632px;}

.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: 210px;}

.tjxw.active .tjxw-r span:first-of-type{display: block;padding-top: 20px;margin-bottom: 10px;}

.tjxw.active .tjxw-r span:last-of-type{position: static;display: none;}

.tjxw.active .tjxw-r p{margin-right: 0;}



/*.tjxw:hover .img100{width: 185px;}*/

/*.tjxw:hover .tjxw-r{margin-left: 210px;}*/

/*.tjxw:hover .tjxw-r span{position: static;padding-top: 20px;margin-bottom: 10px;}*/

/*.tjxw:hover .tjxw-r p{margin-right: 0;}*/

/*.index-news{height: 560px;}*/





.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: #43b498;}

.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: #43b498;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("img/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("img/bg7.jpg") no-repeat center; background-size:cover;}

.footer-top{padding: 40px 0;border-bottom: 1px solid #3e474c;}

.code{width: 103px;margin-right: 50px;}

.tel-box li{color: rgba(255,255,255,.6);margin: 8px 0;}

.tel-box li strong{font-size: 26px;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("img/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: #43b498;color: #fff;}

.friend-text:after{content: '';width: 9px;height: 6px;background: url("img/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(img/wx.png);}

.footer-share.bdsharebuttonbox a.qzone{background-image: url(img/qq.png);}

.footer-share.bdsharebuttonbox a.tsina{background-image: url(img/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;}

.ermwarp{position: absolute;top:50%;left: 50%;margin: -131px 0 0 -139px;padding: 10px;background: #fff;width: 242px;height: 277px;border:1px solid #d8d8d8;}

#erm{width: 185px;height: 185px;margin: 15px auto;}

.erlgh span{font-size: 12px;font-weight: bold;text-align: left;line-height: 16px;height: 16px;position: relative;color: #000;}

.ermwarp_close{width: 16px;height: 16px;position: absolute;right: 0;top: 0;color: #999;text-decoration: none;font-size: 16px;}

.erlgh_footer{font-size: 12px;text-align: left;line-height: 22px;color: #666;}



.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: 44px;transform: translateZ(0);right: -50px;}

.gdr.active{right: 70px;}

.gdr li{width: 100%;height: 44px;background-color: #43b498;margin: 4px 0;border-radius: 100%;position: relative;}

.gdr li a{display: block;width: 100%;height: 44px;}

.you1{display: none;}

.you1 a{background-image: url("img/you1.png");}

.you2 a{background-image: url("img/you2.png");}

.you3 a{background-image: url("img/you3.png");}

.you4 a{background-image: url("img/you4.png");}

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

.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("img/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: #43b498;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: #43b498;}

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

.page-bg-a{width: 100%;height: 48%;bottom:0;left: 0; background: #43b498;}



.jsfa{position: absolute;right: 0;top:0;width: 500px;height: 100%;}

.jsfa-con{background: #fff;padding: 80px 58px;}

.title-bold h3{font-weight: bold;letter-spacing: normal;}

.title-line h3{font-size: 26px;color: #333;position: relative;padding-left: 30px;}

.title-line h3:before{content: '';position: absolute;left: 0;top:50%;height:22px;width: 8px;margin-top: -11px;background: #fdd108;}

.jsfa p{color: #666;}

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

.yybg1{position: absolute;top:0;left: 0;width: 27.5%;height: 60%;background: url("img/yybg.jpg");}

.yybg2{position: absolute;bottom:0;right: 0;width: 20%;height: 30%;background: url("img/yybg2.jpg");}

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

.gntd-bg1{position: absolute;top:0;right: 0;width: 20%;height: 70%;background: url("img/yybg2.jpg");}

.gntd-bg2{position: absolute;top:50%;left: 0;width: 50%;height: 50%;background: url("img/yybg.jpg");transform: translateY(-50%);}

.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: 30.65%;}

.tuop div.fr{width: 69.35%;}

.tjxx-box p{font-size: 16px;color: #666;}

.tjxx{display: block;border:1px solid #43b498;color: #43b498;width: 150px;line-height: 40px;margin: 20px auto 0;font-size: 16px;}

.tjxx:before{content: '';display: inline-block;width: 20px;height: 20px;background: url("img/tj2.png") no-repeat center;background-size: cover;vertical-align: middle;margin: -4px 10px 0 0;}

.tuop-bg1{position: absolute;width: 6%;height: 16%; left: 4%;bottom:20%;background: url("img/tuop-bg1.jpg");z-index: -1;}

.tuop-bg2{position: absolute;width: 50%;height: 30%; right: 4%;top:30%;background: url("img/yybg.jpg");z-index: -1;}

.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 .7s 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: 747px;height: 564px;transform-origin: left center;}*/

/*.xxd-box{width: 747px;height: 465px;transform-origin: left center;}*/

/*.cloud-box{width: 750px;height: 610px;transform-origin: left center;}*/

/*.wisdom-box{width: 747px;height: 575px;transform-origin: left center;}*/

/*.kongzhong-box{width: 824px;height: 561px;transform-origin: left center;}*/

/*.lubo-box{width: 820px;height: 540px;transform-origin: left center;}*/

/*.standard{width: 820px;height: 561px;transform-origin: left center;}*/

.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 li{float: left;width: 25%;}

.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("img/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;}

.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(img/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("img/btn5.png");}

.hotBtn2{right: 42%; margin-right: 30px; background-image: url("img/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: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;}

.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: #43b498;border-color: #43b498;}

.pages:hover{color: #fff;background: #43b498;border-color: #43b498;}

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

.edited p{letter-spacing: 1.5px;line-height: 1.75em;margin: 20px 0; color:#000000;}

.edited div,.edited p,.edited span,.edited b,.edited strong{max-width: 100%;color: #000000;}

.footer-share span{float: left;text-transform: uppercase;line-height: 24px;}

.icon000 .footer-share.bdsharebuttonbox a.weixin{background-image: url("img/wx1.png");}

.icon000 .footer-share.bdsharebuttonbox a.qzone{background-image: url("img/qq1.png");}

.icon000 .footer-share.bdsharebuttonbox a.tsina{background-image: url("img/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: #43b498;}

.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("img/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: #43b498;}

.school .active .school-logo{border-color: #43b498;}

.school .i{width: 12px;height: 14px;background: url("img/bot2.png") no-repeat center;background-size: cover;margin: 0 auto;display: none;}

.school .active .i{display: block;}

.school a:hover p{color: #43b498;}

.school a:hover .school-logo{border-color: #43b498;}

.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("img/btn7.png");}

.xxBtn2{right:  0;background-image: url("img/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 #43b498;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: #43b498;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: #43b498;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("img/play2.png");}

.gdal:before{background-image: url("img/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("img/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: #43b498;}

.gs li.active h4{color: #43b498;}

.gs li:hover{border-color: #43b498;}

.gs li:hover h4{color: #43b498;}

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

.contact-list li:last-child{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: #43b498;}

.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 li:last-child{margin-right: 0;}*/

.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: #43b498;}

.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: #43b498;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("img/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: #43b498;}

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

/*.dsj .qy-title span{color: #fff;}*/

.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("img/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: #43b498;}

.active-nav .yuan:after{display: block;}

.active-nav .yuans{background: #43b498;}

.preview2 .active-nav h4{color: #43b498;}

.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: #43b498;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: #43b498 !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("img/guanbg.jpg") no-repeat center;background-size: cover;}

.titlesc{padding-top: 42px;}

.titlesc b{display: block;font-size: 18px;font-weight: normal;color: #43b498;}

.titlesc p{color: #666;margin-top: 5px;}

/*.guancha .tjxw a{padding-top: 0;border-top: 0;}*/

.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: #43b498;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(img/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 #43b498;}

.tixi-tite a:last-child{margin-right: 0;}

.tixi-tite a.active{color: #43b498;}

.tixi-tite a.active:after{width: 100%;}

.tixi-tite a:hover:after{width: 100%;}

.tixi-tite a.active span{color: #43b498;}

.tixi-tite a:hover{color: #43b498;}

.tixi-tite a:hover span{color: #43b498;}

.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: #43b498;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: #43b498;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 .tishi{padding: 155px 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("img/btn24061.png");}

.btn24062{right: 0;background-image: url("img/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("img/mk1.png");}

.cpjjBtn2{right: 24px;background-image: url("img/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;}





























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

}

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

    }

    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 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('img/DINCond-Medium.otf');

}

@font-face {

    font-family: Futura-Book;

    src:url('img/Futura-Book.otf');

}

@font-face {

    font-family: MarkPro-ExtraLightItalic;

    src:url('img/MarkPro-ExtraLightItalic.otf');

}

@font-face {

    font-family: SourceHanSansCN-Light;

    src:url('img/SourceHanSansCN-Light.otf');

}

@font-face {

    font-family: DINCond-Bold;

    src:url('img/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%);

    }

}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:15px;bottom:5px;width:70px;height:120px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:60px;height:60px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:50px;height:50px;background-image:url("img/fh_icon.png");background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:40px;height:39px;margin-top:10px;margin-left:10px;background-image:url("img/suspension-bg.png");background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:40px;height:39px;margin-top:10px;margin-left:10px;background-image:url("img/dh_icon.png");background-repeat:no-repeat;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:10px 10px;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url("img/side_bg_arrow.png") no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url("img/side_con_icon03.png") no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url("img/side_con_icon02.png") no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url("img/side_con_icon01.png") no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}