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