@charset "utf-8";
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family: "Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;}
body,ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,select,option,table,tr,td,dt,dl,dd,span,input,i,em,b,br,section,header,footer,nav,menu,aside,audio,video,canvas,svg,details,figure,figcaption,summary,hgroup,pre,sub,sup,button,textarea,input{margin:0;padding:0;color:inherit;}
body{ color: #666666; background-color: #fff; word-break: break-all; word-wrap:break-word; font-weight: 400; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
a,a img{text-decoration:none; color: inherit;border:0;}
a:focus{outline:none;}
ul,ul li{list-style:none}
fieldset,img,input,button{border: none; padding: 0;margin: 0; outline-style: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
a{text-decoration:none;cursor: pointer; display: inline-block; }
a:focus{outline:none}
a:hover,a:active{outline:none}
a:focus{outline:none}
sub,sup{vertical-align:baseline}
a:link{text-decoration:none; /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none; /*指已经访问过的链接*/}
a:hover{text-decoration:none;/*指鼠标在链接*/}
a:active{text-decoration:none;/* 指正在点的链接*/ }
img{max-width: 100%;height: auto;display: inline-block;vertical-align: top;}
.wrapper{ width: 1200px; margin: 0 auto; padding: 1px 0; box-sizing: border-box; }
@media screen and (max-width:1250px){
.wrapper{ width: 100%; padding: 0 20px; }
}
@media screen and (max-width:1000px){
.wrapper{ width: 100%; padding: 0 10px;}
}
.left{ float: left;}
.right{ float: right;}
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
article p {font-size:14px; color:#333; line-height:30px;}
article img {max-width:100%;}
article p a,article p a:hover{ display:inline-block; color:#0899e0;}
.top { z-index:999; position: relative; }
.top .icon-Language{cursor: pointer; font-size: 26px; color: #fff; display: block; margin-right: 10px; }
.top .top_r { box-sizing:border-box;padding:0; margin:0 auto; display: none; position: absolute; top: 40px; left: -37px;}
.top .top_r a { display:block; width: auto; white-space: nowrap; font-size:14px;color:#666;padding: 0 25px; height: 40px;line-height: 40px; text-align: center; background:#fff;}
.top .top_r a:last-child { border-right:none;}
.top .top_r a:hover { color:#25459f; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */
color: #333;
}
input:-moz-placeholder ,textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
color: #333;
}
input::-moz-placeholder , textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */
color: #333;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #333;
}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
color: transparent;
}
/* 滚动条style */
html:not(.isMobile) *::-webkit-scrollbar { width: 6px; height: 6px; background: none; }
html:not(.isMobile) *::-webkit-scrollbar-thumb { background: #0039B4; border-radius: 10px;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}
/* 常用felx弹性属性 */
.flex{ display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:flex-start; align-content: flex-start; }
.order{ order:0; flex: 0 1 auto; align-self: auto; } /* align-self: auto | flex-start | flex-end | center | baseline | stretch; */
/* 单行溢出-多行溢出 */
.row{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.multi_row{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:3; }
/* 清除浮动 */
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
/* 进度条
video::-webkit-media-controls-timeline {
display: none;
} */
/* //所有控件
video::-webkit-media-controls-enclosure{
display: none;
} */
@media screen and (max-width:900px){
header nav.wrapper{ height: 60px; }
header nav .logo img{ max-height: 42px;max-width: 120px;}
header nav .nav-bottom{ padding-right: 0px;;flex-direction: column !important; margin-right: 0; position: fixed; top: 60px; right: 0; width: 65%; height: 100vh; flex-wrap:wrap; align-content:flex-start; z-index: 100; overflow-y: scroll;transform: translate3d(100%, 0px, 0px); transition: all 0.65s ease-in-out 0s; background-color: rgba(255, 255, 255, 0.95); justify-content: start;}
header nav .nav-bottom.active{ transform: translate3d(0px,0px,0px)}
header nav .nav-bottom li{ width: 100%;margin: 10px 0;}
header nav .nav-bottom li a{ border-bottom: 1px solid #ccc; max-width: 100%; font-size: 18px !important;padding-left: 5px !important;line-height: 45px;display: block;}
header nav .nav-bottom li.active a{ color: #0039B4 !important;}
/*滚动条样式*/
.menu::-webkit-scrollbar {/*滚动条整体样式*/
width: 2px; /*高宽分别对应横竖滚动条的尺寸*/
height: 2px;
}
.menu::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
border-radius: 5px;
box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.2);
}
.menu::-webkit-scrollbar-track {/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 0;
background: rgba(0,0,0,0.1);
}
/* 下拉菜单 */
.header nav .menu>li i.menuBtn{ display: none;}
.header nav .menu li .Child1{ display: none; }
/* 菜单按钮 */
.navBtn{ display: block;}
.navBtn{width:30px;height:20px;display:block;position:absolute;top: 10px;;right:10px;cursor:pointer;padding:20px 15px;}
.navBtn span{width:26px;height:3px;background:#0039B4;display:block;border-radius:2px;transition:all .5s ease-out;position:absolute;top:20px;}
.navBtn span:nth-child(2){top:29px;}
.navBtn span:nth-child(3){top:37px;}
.navBtn span.active:nth-child(1){transform:rotate(45deg);transition:all .5s ease-out;top:29px;}
.navBtn span.active:nth-child(3){transform:rotate(-45deg);transition:all .5s ease-out;top:29px;}
}
li.fake {
height: 1px !important;
background: none;
opacity: 0;
filter: alpha(opacity=0);
margin: 0 !important;
padding: 0 !important;
}
/* 鼠标浮上去图片放大动画 */
.fangdaImg .figure {overflow: hidden;display: block;}
.fangdaImg img {transition: all 1s; display: block;}
.fangdaImg:hover img {transform: scale(1.1);}
/* 下拉动画,出现MORE+ */
.mediaConten{overflow: hidden;}
.mediaConten figure {position: relative;}
.rowListblue{height: 0;position: absolute;background: rgba(0,0,0,.6);top: -800px;width: 100%;text-align: center;color: #fff;transition: all 0.5s ease;}
.rowListblue a{padding: 5px 10px;border: 1px solid #ffffff;position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);color:#ffffff;}
.rowListblue a:hover{text-decoration: none;}
.mediaConten:hover .rowListblue{ top: 0px;height: 100%;}
@media screen and (max-width:1250px){
.wrapper{ width: 100%; padding: 0 20px; }
}
@media screen and (max-width:1000px){
.wrapper{ width: 100%; padding: 0 10px;}
}
.MaxTop{text-align: right;position: relative;height: 30px;}
.topPho{position: absolute;right: 30px;top: 10px;}
/* 单页 */
.danye{background: #0039B4;padding: 40px 0px;}
.singleMax{text-align: center;}
/* 新闻推送 */
.mediaConten{overflow: hidden}
.mediaConten figure {position: relative;}
.rowListblue{height: 0;position: absolute;background: rgba(0,0,0,.6);top: -800px;width: 100%;text-align: center;color: #fff;transition: all 0.5s ease;}
.rowListblue a:hover{color:#3C89E8;}
.mediaConten:hover .rowListblue{ top: 0px;height: 100%;}
.newSbg{background: #1A1A1A;padding-bottom: 70px;}
.NewsNmae{margin: 10px 0px;}
.NewsContent p:hover{color: #0039B4;}
.newslistsMax{margin-top: 40px;}
.newsMaxAryy{padding: 0px 5px;margin-bottom: 10px;}
.prListBg{transition: all 0.5s ease;height: 100%; }
.prListBg:hover{transform: translateY(-10px);transition: all 0.5s ease;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);cursor: pointer;}
.news-text{padding: 70px 0px 40px 0px;}
.news-text .useitem{display: flex;justify-content:flex-end;box-sizing: border-box;}
.useitem .active a{color: #ffffff;}
.news-text .useitem li{font-size: 16px;color: #666666;border-bottom: 2px solid transparent;border: 1px solid #CCCCCC;margin: 0px 15px;
font-family: Microsoft YaHei;font-weight: 400;-moz-user-select:none;display: inline-block;-ms-user-select:none;user-select:none;cursor:pointer;position: relative;
top: 2px;padding:10px 40px;white-space: nowrap;}
.news-text .useitem li:hover{color: #ffffff;padding: 10px 40px;background: #444444;}
.choice{color: #ffffff !important;background: #444444;border: 0px solid #CCCCCC!important; }
.tab-item{display: none;margin-top:0px ;}
.show{display: block;margin-top:0px ;}
/* 教练 */
.CoachAryy{background: #1A1A1A;}
.CoachMax{padding: 100px 0px;}
.coachNext{margin-top: auto;margin-bottom: auto;}
.coachImg{padding: 0px;text-align: center;}
.coachImg figure a img{border-radius: 50%;width: 200px;height: 200px;}
.coachIntro{margin: 30px 0px;}
.banne-swi {position: relative;}
.banne-swi .swiper-pagination {top: 80%;right: 0;left: 0;bottom: 0;margin: auto;width: 100%;}
.banne-swi .swiper-pagination span {margin: 0 5px;}
.swiper-pagination-bullet-active {
opacity: 1!important;
background: #ffffff!important;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #ffffff;
opacity: .2;
}
/* 课程精选 */
.ccMax{text-align: right;}
.ccBor{display: flex;justify-content: flex-end;}
.ccBor li{width: 150px;height: 40px;border: 1px solid #CCCCCC;line-height: 40px;text-align: center;}
.ccBor li:hover{background: #444444;border: 0px solid #CCCCCC!important;}
.ccBor li:hover a{color: #ffffff!important;cursor: pointer;}
/* 关于我们 */
.abouTbg{padding: 0px;}
.abouTNext{margin-left: 100px;position: relative;}
.abBtn{position: absolute;bottom: 0px;}
.about_bigbox{padding:60px 0;}
/* 尾部 */
.whiteBtn{width: 150px;height: 40px;border: 1px solid #CCCCCC;background: #ffffff;}
.whiteBtn:hover{background: #444444;color: #ffffff;border: 0px;}
.footerMax{padding: 40px 0px 0px 0px;}
.cust-bj{margin-bottom: auto;
margin-top: auto;
margin-left: 5px;}
.customer{display: flex;}
.footPhone{margin-left: 10px;}
.footPhone .p1{text-align: left;}
.information,.guan-es{ font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #444444;}
/* .flex{ display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:center;align-items:flex-start; align-content: flex-start; } */
/* position: absolute;top: 5px; */
.address{margin-top:10px;font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #FFFFFF;}
.esweiMax,.libiaoUl{text-align: center;}
.eswei{margin-left: 36px;margin-top: 20px;}
.libiaoUl {padding: 100px 0px;}
.libiaoUl span a{font-size: 16px;font-family: Microsoft YaHei;font-weight: bold;color: #444444;}
.libiaoUl span a:hover{color: #3C89E8;}
.libiaoUl ul li a{font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #666666;line-height: 35px;}
.libiaoUl ul{margin-top: 10px;}
.libiaoUl ul li a:hover{color: #3C89E8;}
.linksMax{text-align: center;font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #444444;height: 80px;margin-top: auto;margin-bottom: auto;}
.phoneEcs{display: none;text-align: center;}
#form label {width:100%;}
form {width: 100%;margin:0 auto;height: auto;display: flex;text-align: center;flex-wrap:wrap;overflow: hidden;justify-content: space-between;}
form label {width:100%;}
form label span {padding-right: 20px;}
form label input {width: 100%;border: 1px solid #888888;font-size:14px;line-height: 3;padding:0 10px;flex: 1;background: #313131;color: #cccccc; outline:none;}
form label input:focus , form label textarea:focus{background:#666; border-color:#333; box-shadow:0 0 10px #eee; transition:all .3s ease;}
form label textarea {width:100%;vertical-align: top;border: 1px solid #888888;font-size:14px;color: #fff;line-height:1.5;font-family: 'Courier New';box-sizing: border-box;padding:10px;background: #313131; outline:none;}
form label p {color: #3C89E8;font-size: 14px;text-align: left;}
#submit {line-height:48px;display:block;color: #ffffff;outline: none;margin: 0 auto;margin-top: 15px;width: 200px;
height: 48px;
background: #0039b4;
border-radius: 10px;}
.footLeft{}
.footRight,.footBottomMax{
background: #1A1A1A;}
/* 尾部 */
.footBottom{width: 100%;text-align: center;}
.footBottom .footUlList{height: 100px;line-height: 100px;}
.footBottom .footUlList ul{display: inline-flex;}
.footBottom .footUlList ul li{margin: 0px 40px;color: #ffffff;}
.footBottom .footUlList ul li a:hover{color: #753BCB;}
.FootAddress{margin:20px 0px 15px 0px;}
.lianjie{margin-left: 36px;}
.fotH1{text-align: left;margin-left: 15px;margin-bottom: 15px;}
/* 语言切换 */
.language{ position: relative; z-index: 101; }
.language .icon-fanyi-full{ font-size: 30px; color: #cccccc; display: block; margin-right: 10px; padding-left: 20px; cursor: pointer;}
.language div.changeBut{ box-sizing:border-box;padding:0; margin:0 auto; display: none; position: absolute; top: 50px; right: -10px;}
.language div.changeBut a{ display:block; white-space: nowrap; font-size:14px;color:#fff;padding: 0 30px; height: 40px;line-height: 40px; text-align: center; background:rgb(26, 24, 24); border-top: 1px solid #f0f0f0; }
.language div.changeBut a:hover{ color: #0039B4;}
@media screen and (max-width:900px){
.language{ width: 60%;}
.language .icon-fanyi-full{ font-size: 32px; margin-left: 10px; line-height: 1.5;}
.language div.changeBut a{ text-align: left; }
}
@media screen and (max-width:1200px){
.bgImg{width: 500px;height: 350px;}
.maxImg{width: 90%;}
}
@media screen and (max-width:1100px){
.bgImg{width: 400px;height: 300px;}
.maxImg{width: 85%;}
}
@media screen and (max-width:900px){
.bgImg{width: 350px;height: 250px;}
.gongTitle{padding: 20px 0px 20px 0px ;}
}
@media screen and (max-width:800px){
.bgImg{width: 300px;height: 200px;}
.abAryy{padding-top: 0px;}
#three{padding: 0px 0px 50px 0px;}
}
@media screen and (max-width:768px){
.supportMax{margin-bottom: 15px;}
.newSbg{padding-bottom: 40px;}
.footList{display: none;}
.footPhone{text-align: center;margin-top: 15px;}
.footer{padding: 20px 0px 20px 0px;}
footer .bottom{margin-bottom: 20px;}
.abouTNext{margin-left: 0px; min-height: 210px;}
.footBottom .footUlList ul li{margin: 0px 10px;}
.gongTitle2{padding: 0px;}
.hengxian2{margin: 10px 0px;}
.news-text .useitem li{padding: 10px 25px;margin: 0px 5px;}
.news-text .useitem{justify-content: center;}
.news-text{padding: 20px 0px;}
.coachImg figure a img{width: 100px;height: 100px;}
.coachImg{margin-top: auto;margin-bottom: auto;}
.CoachMax{padding: 50px 0px;}
.libiaoUl{padding: 50px 0px;}
.footBottom .footUlList{height: 50px;line-height: 50px;}
.coachIntro{margin: 15px 0px;}
}
@media screen and (max-width:700px){
.bgImg{width: 270px;height: 180px;}
}
@media screen and (max-width:575px){
.bgImg{display: none;}
.maxImg {
position: inherit;
top: 0px;
left: 0px;
width: 100%;
}
.gongTitle3{padding-bottom: 0px;}
.lianjie,.eswei{margin-left: 0px;}
.phoneFoot{text-align: center;}
.footerMax{padding: 0px;}
}
@media screen and (max-width:480px){
.footBottomMax{display: none;}
}
/* 头部 */
.energy {border-bottom: 2px solid #f5f5f5;}
.energytop {padding-top: 20px;padding-bottom: 20px;align-items: center;}
.headright .station {align-items: center;font-size: 14px;color: #1a1a1a;}
.headright .station a{font-size: 14px;color: #1a1a1a;margin-right: 8px;}
.headright .station a:nth-child(2){margin-left: 8px;}
.headright .station a.qqtu {background: url(../image/QQ.png)no-repeat;width: 15px;height: 17px;background-size: 100% 100%;margin-left: 8px;}
.headright .station a.weixintu {background: url(../image/weixin.png)no-repeat;width: 19px;height: 21px;background-size: 100% 100%;}
.headright .station a:last-child {margin-right: 0;}
.mation {margin-top: 27px;}
.mation figure{max-width: 44px;}
.mation .matitext {margin-left: 10px;}
.mation .matitext span {display: block;}
.mation .matitext span:nth-child(1) {font-size:35px;color: #0039b4;padding-top:3px;}
.mation .matitext span:nth-child(2) {font-size: 14px;color: #666666;}
.nav-bottom {padding-top: 17px;padding-bottom: 17px;justify-content: space-around;}
.nav-bottom li a {font-size: 16px;color: #444444;}
.nav-bottom li.active a{color: #0039b4;}
.nav-bottom li:hover a {color: #0039b4;}
.noticebox {background: #0039b4;}
.noticebox div.wrapper{justify-content: flex-start;font-size: 14px;color: #fff;line-height: 50px;}
.ficabox {padding: 36px 0 26px;}
.ficabox .ficaleft {width: 42%;height: 552px;background: #f5f5f5;box-sizing: border-box;margin-right: 20px;padding: 25px 12px 0;}
.ficabox .ficaleft .ficatitle {justify-content: flex-start;border-bottom: 1px solid #888;padding-left: 12px;padding-bottom: 12px;}
.ficabox .ficaleft .ficatitle .iconfont {font-size: 44px;}
.ficabox .ficaleft .ficatitle .ficatext {width: 80%;margin-left: 16px;}
.ficabox .ficaleft .ficatitle .ficatext h3{font-size: 24px;font-weight: bold;color: #1a1a1a;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;width: 100%;}
.ficabox .ficaleft .ficatitle .ficatext p {font-size: 14px;font-weight: 400;color: #666666;}
.ficabox .ficaleft .ficalist li{padding: 14px 0;background: url(../image/bofang.png) no-repeat right center;background-size: 12px 14px;background-position-x: 88%;border-bottom: 1px solid #ccc;}
.ficabox .ficaleft .ficalist li a {display: block;font-size: 16px;font-weight: 400;color: #1a1a1a;padding-left: 12px;line-height: 36px;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;box-sizing: border-box;padding-right: 26px;}
.ficabox .ficaleft .ficalist li.actisdv a {font-weight: bold;color: #0039B4;background: rgba(0, 57, 180, .2);}
.ficabox .ficaleft .ficalist li.actisdv {background: url(../image/fangde.png) no-repeat no-repeat right center;background-size: 12px 14px;background-position-x: 88%;}
.ficabox .ficaright {flex-wrap: wrap;width: 76%;}
.ficabox .ficaright li {width: 32%;margin-right: 10px;box-sizing: border-box;height: 270px;background: #f5f5f5;margin-bottom: 10px;text-align: center;}
.ficabox .ficaright li:nth-child(3n) {margin-right: 0;}
.ficabox .ficaright li a {display: block;}
.ficabox .ficaright li figure {overflow: hidden;}
.ficabox .ficaright li figure img {width: 100%;height: 200px;transition: all .6s;}
.ficabox .ficaright li figure:hover img {transform: scale(1.1);}
.ficabox .ficaright li h2 {font-size: 18px;font-weight: 400;color: #1a1a1a;text-align: center;}
.ficabox .ficaright li .rigtitle {margin: 20px 0 6px;}
.ficabox .ficaright li p {font-size: 14px;font-weight: 400;color: #666666;text-align: center;}
.advanted {background: #f5f5f5;padding: 72px 0;}
.advanted .advaleft {width: 50%;margin-right: 100px;}
.advanted .swiper-slide {width: 100% !important;}
.advaright {width: 50%;position: relative;}
.conttitle {position: relative;}
.conttitle .largeks {width: 111px;height: 127px;border: 6px solid #0039B4;opacity: 0.23;position: relative;right: -356px;box-sizing: border-box;}
.conttitle .largeks .smallks {width: 65px;height: 65px;border: 6px solid #0039B4; position: absolute;bottom: -20px;right: -39px;z-index: -1;box-sizing: border-box;}
.conttitle .titletext {text-align: right;background-color: #f5f5f5;position: absolute;top: 55px;right: 85px;width: 100%;box-sizing: border-box;padding-right: 12px;box-sizing: border-box;}
.conttitle .titletext p {font-size: 24px;font-weight: 400;color: #666666;text-align: right;}
.conttitle .titletext h2 {font-size: 36px;font-weight: bold;color: #1A1A1A;text-align: right;}
.conttitle .titletext span {width: 50px;height: 4px;background: #666666;display: inline-block;margin-top: 36px;}
.advaright .conttitle .largeks {width: 111px;height: 127px;border: 6px solid #0039B4;opacity: 0.23;position: absolute;right: 30px;box-sizing: border-box;}
.advaright .advartext {margin-top: 200px;}
.advaright .advartext h2 {font-size: 24px;font-weight: 400;color: #1A1A1A;margin-bottom: 36px;}
.advaright .advartext p {font-size: 14px;font-weight: 400;color: #666666;line-height: 30px;}
.advanted .swiper-button-prev {left: unset; right: 48px;top: 90%;width: 48px;height: 36px;background-color: #CCCCCC;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");background-size: 12px 20px;}
.advanted .swiper-button-next {right: 0px;top: 90%;width: 48px;height: 36px;background-color: #0039B4;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");background-size: 12px 20px;}
/* .advanted .swiper-container {overflow: inherit;} */
.advaleft .swiper-slide img{width: 100%;}
.case_box {padding: 72px 0 52px;box-sizing: border-box;overflow: hidden;}
.case_box .conttitle {width: 50%;}
.case_box .conttitle .titletext{text-align: left;background-color: #fff;right: -66px;padding: 0 0 0 12px;}
.case_box .conttitle .titletext p {text-align: left;}
.case_box .conttitle .titletext h2{text-align: left;}
.case_box .conttitle .largeks {right: -39px;}
.case_box .conttitle .largeks .smallks {right: 78px;}
.case_box .case_nav .case_list {margin-top: 141px;}
.case_box .case_nav .case_list li {margin-right: 42px;position: relative;}
.case_box .case_nav .case_list li:last-child {margin-right: 27px;}
.case_box .case_nav .case_list a {font-size: 16px;font-weight: 400;color: #666666;}
.case_box .case_nav .case_list li:hover::after {content: "";display: block;width: 80px;height: 10px;background: #0039B4;opacity: 0.3;position: absolute;bottom: 0;left: -12%;}
.case_box .case_nav .case_list li:hover a{color: #0039B4;}
.case_box .case_cont {margin-top: 58px;}
.case_box .case_cont .ca_left {background: #0039B4;padding: 37px 37px 27px;}
.case_box .case_cont ul {flex-wrap: wrap;}
.case_box .case_cont ul li {width: 49%;margin-bottom: 20px;}
.case_box .case_cont .ca_left {width: 50%;box-sizing: border-box;height: 380px; position: relative;}
.case_box .case_cont .ca_left h2 {font-size: 18px;font-weight: bold;color: #fff;margin-bottom: 18px;}
.case_box .case_cont .ca_left p {font-size: 14px;font-weight: 400;color: #eee;line-height: 24px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:9;right: 0;}
.case_box .case_cont .ca_left a {font-size: 16px;font-weight: 400;color: #fff;position: absolute;bottom: 31px;right: 43px;}
.case_box .case_cont .ca_left a:hover::after {content: ""; display: block;position: absolute;bottom: 0;width: 80px;height: 10px;background: #fff;opacity: 0.3;left: -12%;}
.about_box .conttitle .largeks {position: absolute;right: 39px;z-index: -2;}
.about_box .conttitle .titletext {background-color: #fff;z-index: -1;right: 71px;}
.about_box .about_conts {position: relative;justify-content: end;}
.about_box .about_conts figure {width: 50%;position: absolute;}
.about_box .about_conts .abo_text {margin-top: 203px;position: relative;width: 40%;padding-top: 70px;padding-bottom: 272px;}
.about_box .about_conts .about_bg {position: absolute;top: 203px; right: 0;bottom: 0;margin: auto;background-color: #f5f5f5;z-index: -3;width: 62%;}
.about_box .about_conts .abo_text h2 {font-size: 24px;font-weight: 400;color: #1A1A1A;margin-bottom: 31px;}
.about_box .about_conts .abo_text p {font-size: 14px;font-weight: 400;color: #666666;line-height: 24px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:6;}
.about_box .about_conts .abo_text .abotbtn {font-size: 16px;font-weight: 400;color: #666666;padding: 6px 0; border-bottom: 1px solid #888;position: absolute;bottom: 126px;}
#abot_img{position: relative; left: 100%;}
.albumbox {position: relative;padding-bottom: 72px;}
.albumbox .conttitle .titletext {text-align: left;background-color: #fff;right: -66px;padding: 0 0 0 12px;}
.albumbox .conttitle {position: absolute;top: -35px;width: 50%;z-index: -4;}
.albumbox .conttitle .titletext p {text-align: left;}
.albumbox .conttitle .titletext h2{text-align: left;}
.albumbox .conttitle .largeks {right: -39px;}
.albumbox .conttitle .largeks .smallks {right: 78px;}
.albumbox .learnbtn{justify-content: flex-end;padding-top: 107px;font-size: 16px;font-weight: 400;color: #666666;}
.albumbox .albumcont {padding-top: 62px;}
.albumbox .albumcont ul li {width: 24%;}
.albumbox .albumcont ul li a {display: block;}
.albumbox .albumcont ul li h3 {padding: 22px 0;font-size: 18px;font-weight: 400;color: #1A1A1A;background-color: #f5f5f5;text-align: center;}
.customers {position: relative;}
.customers .wrapper.flex {position: relative;}
.customers .conttitle {position: absolute;right: 0;width: 100%;}
.customers .conttitle .largeks {position: absolute;right: 33px;z-index: -1;}
.customers .conttitle .titletext {right: 65px;z-index: -1;background-color: #fff;}
.customers ul {padding: 45px 0;width: 72%;}
.customers ul li {margin-right: 17px;background-color: #d4eff6;}
.customers .custobg {position: absolute;top: 0;bottom: 0; left: 0;margin: auto;background: #F5F5F5;z-index: -1;width: 64%;}
.news_box {padding: 72px 0 56px;overflow: hidden;}
.news_box .conttitle {width: 19%;}
.news_box .conttitle .titletext p {text-align: left;}
.news_box .conttitle .titletext h2 {text-align: left;}
.news_box .conttitle .titletext {right: -71px;background-color: #fff;text-align: left;padding-right: 0px;padding-left: 12px; box-sizing: border-box;z-index: -1;}
.news_box .conttitle .largeks {right: -39px;z-index: -1;}
.news_box .conttitle .largeks .smallks {right: 0;left: -39px;}
.news_box .conttitle ul {margin-top: 92px;}
.news_box .conttitle ul li {text-align: right;margin-bottom: 24px;}
.news_box .conttitle ul li a{display: inline-block;font-size: 16px;font-weight: 400;color: #666666;position: relative;}
.news_box .conttitle ul li a:hover {color: #0039B4;}
.news_box .conttitle ul li a:hover::before {content: "";position: absolute;width: 100%;height: 10px;background: #0039B4;opacity: 0.3;bottom: -2px;}
.news_box .news_cente {width: 32%;}
.news_box .news_cente span{ display: block;font-size: 12px;font-weight: 400;color: #666666;margin: 24px 0 12px;}
.news_box .news_cente p {font-size: 18px;font-weight: 400;color: #1A1A1A;}
.news_box .new_right {width: 40%;}
.news_box .new_right .new_list li {background: #F5F5F5;padding: 14px 0;margin-bottom: 6px;padding-left: 22px;padding-right: 122px;}
.news_box .new_right .new_list li:nth-child(2n) {background: #fff;}
.news_box .new_right .new_list li a {font-size: 16px;font-weight: 400;color: #1A1A1A;line-height: 16px;display: block;}
.news_box .new_right .new_list li:hover a {color: #0039B4;}
.links_box {background: #0039B4;}
.links_box div.flex {padding-top: 19px; padding-bottom: 19px;justify-content: start;font-size: 14px;color: #fff;}
.links_box div.flex a {font-size: 14px;color: #fff;margin-right: 10px;}
.foot_botm .botm_top {padding: 70px 0;}
.foot_botm .botm_top .font_left {width: 50%;}
.foot_botm .botm_top .font_left dl {flex: 1;}
.foot_botm .botm_top .font_left dl dt {margin-bottom: 24px;}
.foot_botm .botm_top .font_left dl dt h4 {font-size: 24px;font-weight: 400;color: #1A1A1A;}
.foot_botm .botm_top .font_left dl dt span {font-size: 14px;color: #ccc;}
.foot_botm .botm_top .font_left dl dd {margin-bottom: 14px;}
.foot_botm .botm_top .font_left dl dd a{font-size: 14px;font-weight: 400;color: #666666;}
.foot_botm .botm_top .font_right{width: 50%;padding-left: 102px; box-sizing: border-box;}
.foot_botm .botm_top .font_right .ipinse .texttpi {padding-left: 54px;background: url(../image/dianhua.png) no-repeat left center;background-size: 44px 44px;margin-bottom: 35px;}
.foot_botm .botm_top .font_right .ipinse .texttpi span {font-size: 24px;font-weight: 400;color: #0039B4;}
.foot_botm .botm_top .font_right .ipinse .texttpi p {font-size: 14px;font-weight: 400;color: #666666;}
.foot_botm .botm_top .font_right .ipinse .dizhi {font-size: 14px;font-weight: 400;color: #1A1A1A;margin-bottom: 37px;}
.foot_botm .botm_top .font_right .ipinse .tubiao {justify-content: start;}
.foot_botm .botm_top .font_right .ipinse .tubiao figure {width: 22px;height: 18px;margin-right: 8px;}
.foot_botm .botm_top .font_right .erweis figure {margin: 0 auto; text-align: center;}
.foot_botm .botm_top .font_right .erweis p {text-align: center;font-size: 14px;font-weight: 400;color: #666666;margin-top: 12px;}
.foot_botm .botm_top .shuxian {width: 1px;height: 100px;background: #ccc;margin-top: 45px;}
.foot_botm .font-bomtext {padding: 18px 0;border-top: 1px solid #ccc;}
.foot_botm .font-bomtext p {font-size: 14px;color: #666666;text-align: center;}
.foot_botm .font-bomtext p a {display: inline-block;}
@media screen and (max-width:1250px){
.conttitle .largeks {display: none;}
.conttitle .titletext {position: static;}
.about_box .about_conts figure {width: 50%;position: static;}
.about_box .about_conts .about_bg {width: 100%; top: 0px;}
.about_box .about_conts .abo_text {margin-top: 0px;width: 100%;padding-top: 0px;}
.about_box .about_conts .abo_right {width: 50%;}
.about_box .about_conts {padding-top: 50px;}
.albumbox .conttitle {top: 0;position:static;}
.conttitle .titletext {background-color: transparent !important;}
.customers .custobg {display: none;}
.case_box .case_cont figure {width: 50%;}
.case_box .case_nav .case_list {margin-top: 84px;}
.albumbox .learnbtn {padding-top: 0px;}
.albumbox {padding-top: 42px;}
}
@media screen and (max-width:1000px){
.case_box .case_cont ul li{width: 100%;}
.case_box .case_cont figure {width: auto;}
.case_box .case_cont .ca_left {flex: 1;width: auto;}
#header_logo{width:300px;}
.about_bigbox{padding:0;}
}
@media screen and (max-width:900px){
.ficabox {flex-direction: column;}
.ficabox .ficaleft {width: 100%;margin-right:0;height: auto;margin-bottom: 20px;}
.news_box .wrapper.flex {flex-wrap: wrap;}
.news_box .conttitle {width: 100%;}
.news_box .conttitle ul { display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-end;align-items:flex-start; align-content: flex-start;}
.news_box .conttitle ul li{margin-right: 18px;}
.news_box .news_cente {width: 48%;}
.news_box .new_right {width: 50%;}
.news_box .conttitle ul {margin-top: 33px;}
.ficabox .ficaleft .ficatitle .ficatext h3 {font-size: 18px;}
.conttitle .titletext h2 {font-size: 24px;}
.conttitle .titletext p {font-size: 18px;}
.conttitle .titletext span {margin-top: 22px;}
.advaright .advartext {margin-top: 35px;}
.foot_botm .botm_top .font_right .ipinse .texttpi span {font-size: 22px;}
.news_box .new_right .new_list li {padding-right: 40px;}
.foot_botm .botm_top .font_right {padding-left: 40px;}
.foot_botm .botm_top .font_right .ipinse {margin-right: 20px;}
.language {display: none;}
.headright {display: none;}
.ficabox .ficaright {flex-wrap: wrap;width: 100%;}
}
@media screen and (max-width:700px){
.ficabox .ficaright li {width: 48%;margin-right: 0;}
.advanted .wrapper.flex {flex-direction: column-reverse;}
.advaright {width: 100%;}
.advanted .advaleft {width: 90%;margin-right: 0px;margin: 0 auto;}
.advaright .advartext {margin-bottom: 20px;}
.advaright .advartext h2 {font-size: 22px;margin-bottom: 16px;}
.advanted {padding: 32px 0;}
.case_box .case_nav .case_list {margin-top: 46px;}
.foot_botm .botm_top .font_left {display: none;}
.foot_botm .botm_top .shuxian{display: none;}
.foot_botm .botm_top .font_right {width: 100%;justify-content: space-around;padding-left: 0;}
.foot_botm .botm_top {padding: 30px 0;}
.about_box .about_conts {flex-direction: column;}
.about_box .about_conts figure {width: 100%; text-align: center;margin: 0 auto;}
.about_box .about_conts .abo_right {width: 100%;}
.about_box .about_conts .abo_text {padding-bottom: 164px;}
.about_box .about_conts .abo_text .abotbtn {bottom: 50px;}
.albumbox {padding-bottom: 35px}
.customers .wrapper.flex {flex-direction: column-reverse;}
.customers .conttitle {position: static;}
.customers ul {width: 100%;}
.customers ul li:last-child {margin-right: 0;}
.customers ul {padding: 30px 0;}
.news_box {padding: 35px 0 25px;}
.news_box .news_cente {width: 100%;margin-bottom: 20px;}
.news_box .news_cente img {width: 100%;}
.news_box .new_right {width: 100%;}
.headright .station {display: none;}
.mation {margin-top: 17px;}
.albumbox .albumcont ul{flex-wrap: wrap;}
.albumbox .albumcont ul li {width: 42%;margin-bottom: 20px;}
.case_box .conttitle { width: 40%; }
.case_box .case_nav .case_list li:last-child {margin-right: 10px;}
.about_box .about_conts .abo_text h2 {margin-top: 10px;}
.ficabox .ficaright li h2 {font-size: 16px;}
}
@media screen and (max-width:500px){
.case_box .case_cont ul li{flex-direction: column-reverse;}
.case_box .case_cont figure {width: 100%;}
.case_box .case_cont figure img {width: 100%;}
.foot_botm .botm_top .font_right .ipinse {margin-right: 0;}
.foot_botm .botm_top .font_right .erweis {display: none;}
.albumbox .albumcont ul li {width: 48%;}
.case_box .case_nav .case_list li {margin-right: 7px;}
.case_box .case_nav .case_list a {font-size: 14px;}
.case_box .case_cont .ca_left a {bottom: 10px;}
}