/*main css 贵州一路镖知识产权服务有限公司*/
@charset "utf-8";
*, *:after, *::before{-moz-box-sizing: border-box;box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td{margin: 0;padding: 0;_background-image:url(about:blank);_background-attachment:fixed;}
body, button, input, select, textarea{font-family: "微软雅黑","宋体","Arail";font-size: 14px;outline:none;}
body{font-size:62.5%;background:#FDFDFD;}
ul,ol,li{list-style: none;}
img{border: none;vertical-align: middle;}
.img-responsive{width:100%;height: auto}
/* a标签*/
a{text-decoration: none ;color:#000000 ;}
a:hover{text-decoration: none ;}
.container{width: 1200px;min-width: 1200px;margin: 0 auto;}
/* 定义浮动居中*/
.fl{float: left;display: inline}
.fr{float: right;display: inline}
.center{margin: 0 auto;}
.clear{clear: both;height: 0px;line-height: 0px;font-size: 0px;}
.clearfix:after, .clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
/*重复div标签*/
.DIV{position:relative;width:98%;margin:0 auto;}
.DIV4{position:relative;width:90%;margin:0 auto;}
/* 重置h标签*/h1{font-size: 24px;font-weight: normal;}
.h1{color:#2a2a2a;font-family:"Arial";text-align:right;}
h2{font-size: 20px;font-weight: normal;}
h3{font-size: 19px;font-weight: normal;}
.h3{color:#2a2a2a;font-family:"Arial";}
h4{font-size: 16px}
.h4{color:#313131;margin-top: 65px;font-weight: 100;}
h5{font-size: 14px}
h6{font-size: 12px}
em{font-style: normal;}
/* 字体大小*/
.font12{font-size: 0.75em;}
.font14{font-size: .875em;}
.font16{font-size: 1em;}
.font18{font-size: 1.125em;}
.font20{font-size: 1.25em;}
.font22{font-size: 1.375em;}
.font24{font-size: 1.5em;}
.font26{font-size: 26px}
.font28{font-size: 28px}
.font30{font-size: 30px}
/* 主色*/
.role_color{color:#3fb560}
/* 所有颜色*/
.c1{color:#d0292a;/*red*/}
.c2{color:#313131;/*gray*/}
.c3{color:#b3b3b3;}
.c4{color:#2d2c2c}
.c5{color:#ababab;}
/* 定义边距 padding margin*/
.p1{padding-top:25px;}
.p3{padding-top:30px;}
.m1{margin-top:15px;}
.m2{margin-top:25px;}
.m3{margin-top:30px;}
.p1{padding-top:15px;}
.p2{padding-top:10px;}
/*line-height*/
.line1{line-height:20px;}
.line2{line-height:24px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#7e7e7e;font-size:0.875em;}
input:-moz-placeholder,textarea::-moz-input-placeholder{color:#7e7e7e;font-size:0.875em;}
/*自定义*/
.Width-100{width: 100%;max-width: 100%}
.Width-20{width: 20%;max-width:20%}
.Width-25{width: 25%;max-width:25%}
.Width-33{width: 33.333%;max-width:33.333%}
.inline-block{display: inline-block;}
.ib-middle{display: inline-block;vertical-align: middle;}
.f_contact .ib-middle{max-width:210px;}
.f_contact .ib-middle p{margin-bottom: 10px!important;}
.ib-top{display: inline-block;vertical-align: top;}
.position_center{position: fixed;top: 0;left: 0;bottom: 0;right: 0;margin: auto;z-index: 99;}
.middle-left{position: absolute;left: 0;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);}
.middle-right{position: absolute;right: 0;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);}
.middle-center{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);}
.middle-bottom{position: absolute;left: 50%;bottom: 0%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);}
.fix{position: fixed;z-index: 9999}
.Triangle-right{display: inline-block;position: absolute;top: 0;right: 0;width: 0;height: 0;border-bottom: 5px transparent solid;border-left: 5px white solid;border-right: 5px transparent solid;border-top: 5px transparent solid;background: transparent;}
.Triangle-left{display: inline-block;position: absolute;top: 0;right: 0;width: 0;height: 0;border-bottom: 8px transparent solid;border-left: 8px transparent solid;border-right: 8px #e75c1e solid;border-top: 8px transparent solid;background: transparent;}
.Triangle-top{display: inline-block;position: absolute;top: 0;right: 0;width: 0;height: 0;border-bottom: 5px white solid;border-left: 5px transparent solid;border-right: 5px transparent solid;border-top: 5px transparent solid;background: transparent;}
.Triangle-bottom{display: inline-block;position: absolute;top: 0;right: 0;width: 0;height: 0;border-bottom: 5px transparent solid;border-left: 5px transparent solid;border-right: 5px transparent solid;border-top: 5px white solid;background: transparent;}
.responsive{width: 100%;max-width: 100%;height: auto}
.L-float{float: left;}
.R-float{float: right;}
.L-align{text-align: left;}
.R-align{text-align: right;}
.table{display: table;height: 100%}
.table-cell{display: table-cell;vertical-align: middle;}
.position-center{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
/*fonts*/
@font-face{font-family: "iconfont";src: url('../fonts/iconfont.eot');/* IE9*/src: url('../fonts/iconfont.eot') format('embedded-opentype'),url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg') format('svg');}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-weixin1:after{content: "\e621";}
.icon-gengduo:after{content: "\e620";}
.icon-shang:after{content: "\e63c";}
.icon-sousuo:after{content: "\e612";}
.icon-guanbi:before{content: "\e616";}
.icon-huiyuan:before{content: "\e604";}
.icon-guanbi1:before{content: "\e631";}
.icon-yuyuefuwu-liuyan:before{content: "\e67b";}
.icon-share:before{content: "\e72e";}
.icon-tubiao:before{content: "\e629";}
.icon-zuo:before{content: "\e72f";}
.icon-xia:before{content: "\e730";}
/*animate*/
.reset{overflow:hidden}.reset.scroll-watch-in-view img{transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}.img_scale{overflow:hidden}.img_scale img{border-radius: 5px;transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;-webkit-transition:transform 1s;-moz-transition:transform 1s}.img_scale:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}.show_right{opacity:0;transition:all ease 1s;-ms-transition:all ease 1s;-o-transition:all ease 1s;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);-moz-transform:translateX(100px)}.show_right.scroll-watch-in-view{opacity:1;visibility:visible;transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}.show_left{opacity:0;transition:all ease 1s;-ms-transition:all ease 1s;-o-transition:all ease 1s;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px)}.show_left.scroll-watch-in-view{opacity:1;visibility:visible;transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}.show_op{opacity:0;visibility:hidden;transition:all 2s;-ms-transition:all 2s;-o-transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s}.show_op.scroll-watch-in-view{opacity:1;visibility:visible}.show_bottom{opacity:0;transition:transform cubic-bezier(.4,0,.2,1) 1.5s,opacity cubic-bezier(.4,0,.2,1) 1.5s;-ms-transition:transform cubic-bezier(.4,0,.2,1) 1.5s,opacity cubic-bezier(.4,0,.2,1) 1.5s;-o-transition:transform cubic-bezier(.4,0,.2,1) 1.5s,opacity cubic-bezier(.4,0,.2,1) 1.5s;-webkit-transition:transform cubic-bezier(.4,0,.2,1) 1.5s,opacity cubic-bezier(.4,0,.2,1) 1.5s;-moz-transition:transform cubic-bezier(.4,0,.2,1) 1.5s,opacity cubic-bezier(.4,0,.2,1) 1.5s;transform:translateY(60px);-ms-transform:translateY(60px);-o-transform:translateY(60px);-webkit-transform:translateY(60px);-moz-transform:translateY(60px)}.show_bottom.scroll-watch-in-view{opacity:1;transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}.rotateY{opacity:0;transform:rotateY(65deg) translateY(90px);-ms-transform:rotateY(65deg) translateY(90px);-o-transform:rotateY(65deg) translateY(90px);-webkit-transform:rotateY(65deg) translateY(90px);-moz-transform:rotateY(65deg) translateY(90px);transition:transform ease 1.6s,opacity ease 1s;-ms-transition:transform ease 1.6s,opacity ease 1s;-o-transition:transform ease 1.6s,opacity ease 1s;-webkit-transition:transform ease 1.6s,opacity ease 1s;-moz-transition:transform ease 1.6s,opacity ease 1s}.rotateY.scroll-watch-in-view{opacity:1;transform:rotateY(1deg) translateY(0);-ms-transform:rotateY(1deg) translateY(0);-o-transform:rotateY(1deg) translateY(0);-webkit-transform:rotateY(1deg) translateY(0);-moz-transform:rotateY(1deg) translateY(0)}.mask_top{position:relative;overflow:hidden}.mask_top:after{content:'';transition:transform ease 1.4s;-ms-transition:transform ease 1.4s;-o-transition:transform ease 1.4s;-webkit-transition:transform ease 1.4s;-moz-transition:transform ease 1.4s;background:#fff;position:absolute;left:0;top:0;width:100%;height:100%}.mask_top.scroll-watch-in-view:after{transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}.delay_500{transition-delay:.5s}.delay_500:after{transition-delay:.5s}.delay_1000{transition-delay:1s}.delay_1000:after{transition-delay:1s}.delay_1500{transition-delay:1.5s}.delay_2000{transition-delay:2s}.delay_2500{transition-delay:2.5s}.delay_3000{transition-delay:3s}.delay_3500{transition-delay:3.5s}.delay_4000{transition-delay:4s}@keyframes clcle_track{0%{transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}}@keyframes clcle_track2{0%{transform:rotate(72deg);-ms-transform:rotate(72deg);-o-transform:rotate(72deg);-webkit-transform:rotate(72deg);-moz-transform:rotate(72deg)}100%{transform:rotate(432deg);-ms-transform:rotate(432deg);-o-transform:rotate(432deg);-webkit-transform:rotate(432deg);-moz-transform:rotate(432deg)}}@keyframes clcle_track3{0%{transform:rotate(144deg);-ms-transform:rotate(144deg);-o-transform:rotate(144deg);-webkit-transform:rotate(144deg);-moz-transform:rotate(144deg)}100%{transform:rotate(504deg);-ms-transform:rotate(504deg);-o-transform:rotate(504deg);-webkit-transform:rotate(504deg);-moz-transform:rotate(504deg)}}@keyframes clcle_track4{0%{transform:rotate(216deg);-ms-transform:rotate(216deg);-o-transform:rotate(216deg);-webkit-transform:rotate(216deg);-moz-transform:rotate(216deg)}100%{transform:rotate(576deg);-ms-transform:rotate(576deg);-o-transform:rotate(576deg);-webkit-transform:rotate(576deg);-moz-transform:rotate(576deg)}}@keyframes clcle_track5{0%{transform:rotate(288deg);-ms-transform:rotate(288deg);-o-transform:rotate(288deg);-webkit-transform:rotate(288deg);-moz-transform:rotate(288deg)}100%{transform:rotate(648deg);-ms-transform:rotate(648deg);-o-transform:rotate(648deg);-webkit-transform:rotate(648deg);-moz-transform:rotate(648deg)}}@keyframes clcle_track6{0%{transform:perspective(3000px) rotateX(-72deg) rotate(0);-ms-transform:perspective(3000px) rotateX(-72deg) rotate(0);-o-transform:perspective(3000px) rotateX(-72deg) rotate(0);-webkit-transform:perspective(3000px) rotateX(-72deg) rotate(0);-moz-transform:perspective(3000px) rotateX(-72deg) rotate(0)}100%{transform:perspective(3000px) rotateX(-72deg) rotate(360deg);-ms-transform:perspective(3000px) rotateX(-72deg) rotate(360deg);-o-transform:perspective(3000px) rotateX(-72deg) rotate(360deg);-webkit-transform:perspective(3000px) rotateX(-72deg) rotate(360deg);-moz-transform:perspective(3000px) rotateX(-72deg) rotate(360deg)}}@keyframes zindex{0%{z-index:-1}40%{z-index:-1}50%{z-index:1}80%{z-index:-1}100%{z-index:-1}}@keyframes trail{0%{transform:rotateZ(0);-ms-transform:rotateZ(0);-o-transform:rotateZ(0);-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0)}100%{transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg)}}@keyframes particle{from{transform:rotateX(90deg) rotateY(0)}to{transform:rotateX(90deg) rotateY(-360deg)}}@keyframes scale{100%{transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}}@keyframes nudgeMouse{0%,30%,60%,90%{transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}20%,50%,80%{transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);-webkit-transform:translateY(8px);-moz-transform:translateY(8px)}}@-webkit-keyframes trackBallSlide{0%,28%,29.99%,30%{opacity:1;-webkit-transform:scale(1) translateY(-6px);transform:scale(1) translateY(-6px)}6%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px)}14%{opacity:0;-webkit-transform:scale(.4) translateY(16px);transform:scale(.4) translateY(16px)}15%,19%{opacity:0;-webkit-transform:scale(.4) translateY(-6px);transform:scale(.4) translateY(-6px)}36%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px)}44%{opacity:0;-webkit-transform:scale(.4) translateY(16px);transform:scale(.4) translateY(16px)}45%,49%{opacity:0;-webkit-transform:scale(.4) translateY(-6px);transform:scale(.4) translateY(-6px)}58%,59.99%,60%{opacity:1;-webkit-transform:scale(1) translateY(-6px);transform:scale(1) translateY(-6px)}66%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px)}74%{opacity:0;-webkit-transform:scale(.4) translateY(16px);transform:scale(.4) translateY(16px)}75%,79%{opacity:0;-webkit-transform:scale(.4) translateY(-6px);transform:scale(.4) translateY(-6px)}100%,88%{opacity:1;-webkit-transform:scale(1) translateY(-6px);transform:scale(1) translateY(-6px)}}@keyframes trackBallSlide{0%,28%,29.99%,30%{opacity:1;-webkit-transform:scale(1) translateY(-6px);transform:scale(1) translateY(-6px)}6%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px)}14%{opacity:0;-webkit-transform:scale(.4) translateY(16px);transform:scale(.4) translateY(16px)}15%,19%{opacity:0;-webkit-transform:scale(.4) translateY(-6px);transform:scale(.4) translateY(-6px)}36%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px)}44%{opacity:0;-webkit-transform:scale(.4) translateY(16px);transform:scale(.4) translateY(16px)}45%,49%{opacity:0;-webkit-transform:scale(.4) translateY(-6px);transform:scale(.4) translateY(-6px)}58%,59.99%,60%{opacity:1;-webkit-transform:scale(1) translateY(-6px);transform:scale(1) translateY(-6px)}66%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px)}74%{opacity:0;-webkit-transform:scale(.4) translateY(16px);transform:scale(.4) translateY(16px)}75%,79%{opacity:0;-webkit-transform:scale(.4) translateY(-6px);transform:scale(.4) translateY(-6px)}100%,88%{opacity:1;-webkit-transform:scale(1) translateY(-6px);transform:scale(1) translateY(-6px)}}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(0);opacity:.05}20%{-webkit-transform:scale(.6);opacity:.1}40%{-webkit-transform:scale(.9);opacity:.2}60%{-webkit-transform:scale(1.1);opacity:.3}100%{-webkit-transform:scale(1.4);opacity:0}}@keyframes pulsate{0%{transform:scale(0);opacity:.05}20%{transform:scale(.6);opacity:.1}40%{transform:scale(.9);opacity:.2}60%{transform:scale(1.1);opacity:.3}100%{transform:scale(1.4);opacity:0}}@keyframes pointAnimations{0%{-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%{-moz-transform:rotate(315deg);-o-transform:rotate(315deg);transform:rotate(315deg);-webkit-transform:rotate(315deg)}}@keyframes serv_one_border{0%{opacity:0}5%{opacity:1}80%{opacity:0}100%{opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}}
/*common*/
body, html{overflow: hidden;overflow-y: auto}
div[class*=container], section[class*=container], ul[class*=container]{margin: 0 auto}
@media (max-width:1240px){div[class*=container], section[class*=container], ul[class*=container]{min-width: 100%;width: 100%;max-width: 100%}}
.container_banner{width: 1200px;position: relative}
@media (max-width:1240px){.container_banner{padding: 0 2%}}
.container_moment{width: 1220px}
.container_case{width: 1230px}
.container_feature{width: 1220px}
.title{text-align: center}
.title h3{font-size: 4.2em;color: #000;margin-bottom: 15px}
.title p{text-transform: uppercase;font-size: 1.8em;color: #0e9fc1}
@media (max-width:1500px){.title h3{font-size: 3.8em}}
@media (max-width:768px){.title h3{font-size: 34px;margin-bottom: 10px}}
@media (max-width:500px){.title h3{font-size: 28px;margin-bottom: 5px}
.title p{font-size: 16px}}
@media (max-width:360px){.title h3{font-size: 24px;margin-bottom: 5px}
.title p{font-size: 14px}}
.title2{text-align: center}
.title2 h2{font-size: 42px;color: #0E9FC1;display: inline-block;position: relative}
.title2 h2:after, .title2 h2:before{content: '';position: absolute;width: 48px;height: 1px;background: #0E9FC1;top: 56%}
.title2 h2:after{right: -75px}
.title2 h2:before{left: -75px}
@media (max-width:768px){.title2 h2{font-size: 34px}}
@media (max-width:500px){.title2 h2{font-size: 28px}}
@media (max-width:360px){.title2 h2{font-size: 24px}}
.base-color{color: #ec6c49}
.case-list .case-box{width: 382px;display: inline-block}
.case-list .pro{width: 100%;height: 215px}
.case-list .desc{text-align: left;width: 100%;height: 66px;background: #e75c1e;line-height: 66px;color: #fff;font-size: 18px;padding-left: 25px;position: relative}
.case-list .desc .more{position: absolute;right: 30px;top: 50%;margin-top: -14px;width: 27px;height: 27px;background: url(../img/more.png) no-repeat center}
header{position: relative}
header.fix{top: 0;left: 0;width: 100%;background: rgba(247,248,250,0.9);box-shadow: 0 0 2px 1px #d4d4d4}
.header-in{z-index: 100;width: 100%;height: 90px;top: 0}
.logo{display: inline-block;position: relative;z-index: 999999;margin-top: 13px}
.moible_hy{display: none}
.m-close{display: none}
.header-r{float: right;position: relative;z-index: 10;font-size: 0}
nav.nav-top{display: inline-block;margin-top: 36px;vertical-align: top}
nav.nav-top>ul>li{position: relative;display: inline-block;margin-left: 57px;line-height: 16px;height: 37px;font-size: 16px;vertical-align: top}
nav.nav-top>ul>li::after{content: ' ';position: absolute;left: auto;bottom: 0;width: 0;right: 0;height: 3px;background: #0085A4;transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;-ms-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;-o-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;-webkit-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;-moz-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s}
nav.nav-top>ul>li.cur::after, nav.nav-top>ul>li:hover::after{width: 100%;left: 0;right: auto}
.top-sub-menu{display: none;position: absolute;top: 37px;left: -35px}
nav.nav-top>ul>li a{color: #000;font-size: 16px;transition: all .35s;-ms-transition: all .35s;-o-transition: all .35s;-webkit-transition: all .35s;-moz-transition: all .35s}
nav.nav-top>ul>li a:hover, nav.nav-top>ul>li.cur a{color: #0085A4}
.top-sub-menu>a{color:#ffffff!important;font-size: 14px!important;line-height: 46px;display: block;text-align: center;width: 134px;background:#0085A4;border-bottom: 1px solid rgba(255,255,255,.26)}
.top-sub-menu>a:hover{color: #fff;background: #0E9FC1}
.banner_info .inside-nav-one{width: 50%}
.inside-banner img{max-width: 100%;height: auto}
.inside-banner{position: relative;height: 300px;margin-top: 90px}
.inside-banner .banner-img{height: 100%;width: 100%}
.banner-desc{position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);color: #fff}
.banner-desc h2{font-size: 56px;margin-bottom: 20px}
.banner-desc p.desc{font-size: 16px}
@media (max-width:1560px){.inside-banner .banner-img{background-position: 72%!important}}
@media (max-width:1240px){.inside-banner .banner-desc{left: 2%;transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%)}
.inside-banner .banner-img{background-position: 72%!important}}
@media (max-width:768px){.inside-banner{height: 280px}
.inside-banner .banner-desc{top: 40%;width: 50%}
.inside-banner .banner-desc h2{font-size: 36px;margin-bottom: 10px}
.inside-banner .banner-desc p{font-size: 16px}}
@media (max-width:500px){.inside-banner{height: 180px}
.inside-banner .banner-desc{top: 50%}
.inside-banner .banner-desc h2{font-size: 32px;margin-bottom: 5px}
.inside-banner .banner-desc p{font-size: 16px!important}
.inside-banner .banner-img{background-position: 67%!important}}
@media (max-width:360px){.inside-banner{height: 120px}}
.inside-nav{position: relative;margin-top: -62px;font-size: 0}
.inside-nav-one{background-color: rgba(158, 158, 158, 0.5);display: inline-block;vertical-align: top;font-size: 16px;width: 16.667%;height: 62px;line-height: 62px;text-align: center;background: #9e9e9ecc;transition: .3s}
.inside-nav-one.cur, .inside-nav-one:hover{background: #0e9fc1ed}
.inside-nav-one a{display: block;color: #fff;transition: .3s}
.inside-nav-one.cur a, .inside-nav-one:hover a{color: #ffffff}
.textprenext{margin-top: 20px;line-height: 30px}
.textprenext a{color: #0e9fc1;
    font: bold 13px/13px Arial;transition: color .4s;-ms-transition: color .4s;-o-transition: color .4s;-webkit-transition: color .4s;-moz-transition: color .4s}
.textprenext a:hover{color: #e75c1e}
.share{float: right;margin-top: 25px}
.msg{position: fixed;z-index: 99;right: 30px;bottom: 10%;width: 100px;height: 40px;background: #e7e7e7;border-radius: 30px;text-align: center;line-height: 36px;cursor: pointer}
.msg .desc{font-size: 12px;color: #e75c1e}
.msg .icon{width: 24px;height: 24px;background: url(../img/msg.png) no-repeat center/contain;margin-right: 5px}
.pc_msg{display: none;position: fixed;right: 0;bottom: 5%;background: #fff;border: 1px solid #e75c1e;z-index: 99;padding: 20px 0 15px 15px}
.pc_msg .msg_title{position: absolute;top: -1px;left: -31px;width: 30px;background: #e75c1e;color: #fff;padding: 24px 9px 5px 9px;cursor: pointer}
.pc_msg i{position: absolute;left: -23px;top: 6px;z-index: 11;color: #fff;font-size: 14px}
.pc_msg .msg_input{margin-bottom: 10px}
.pc_msg .msg_input span{width: 39px;display: inline-block;text-align: right}
.pc_msg .msg_input input{border: 1px solid #ffb898;padding-left: 5px}
.pc_msg .msg_input textarea{height: 80px;border: 1px solid #ffb898;padding-left: 5px}
.pc_msg .msg_input input[name=verfiycode]{width: 75px;display: inline-block;vertical-align: middle}
.pc_msg .msg_input .captcha2{width: 100px;display: inline-block;vertical-align: middle}
.pc_msg .msg_input .captcha2 img{max-width: 100%;height: 21px}
.pc_msg button{border: 0;background: #e75c1e;color: #fff;padding: 3px 45px;border-radius: 3px;font-size: 12px;margin: 15px auto 0;display: block}
.aside-nav{position: fixed;right: 30px;top: 80%;transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);z-index: 11}
.aside-nav-close{margin: 0 auto;width: 17px;height: 17px;line-height: 15px;background: #e75c1e;border-radius: 50%;text-align: center;visibility: visible;cursor: pointer}
.aside-nav-in.close{transform: translateX(100px);visibility: hidden;transition: .3s}
.aside-nav-one{position: relative;margin-top: 6px;margin-bottom: 6px;height: 40px;width: 40px;line-height: 40px;background: #0085a4;border-radius: 50px;text-align: right}
.aside-nav-one-img{position: absolute;left: 0;top: -1px;z-index: 10;width: 40px;height: 40px;text-align: center;transition: .3s}
.aside-nav-one-img img{width: 22px}
.more-width:hover .aside-nav-one-img{left: -73px}
.more-width-call:hover .aside-nav-one-img{left: -125px}
.aside-nav-one-desc{position: absolute;right: 0;padding-right: 16px;width: 40px;height: 40px;font-size: 14px;line-height: 40px;background: #0085a4;color: #0085a4;border-radius: 50px;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: .3s, color .1s}
.more-width:hover .aside-nav-one-desc{width: 125px;color: #fff;transition: .3s}
.more-width-call:hover .aside-nav-one-desc{width: 170px}
.aside-nav-one-qrcode{position: absolute;left: -200px;top: 50%;transform: translateY(-50%);opacity: 0;visibility: hidden;transition: .3s}
.aside-nav-one:hover .aside-nav-one-qrcode{left: -140px;opacity: 1;visibility: visible}
.page{text-align: center}
.page .pagination{display: inline-block}
.page .pagination li.cur{width: auto;}
.page .pagination li,.page a,.page span{color:#333;display: inline-block;min-width: 32px;height: 36px;line-height: 36px;font-size: 18px;padding-left:5px;padding-right:5px;margin-right: 12px;transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s}
.page .pagination li:first-child{border: 0;color: #fff;margin-right: 13px;font-weight: bolder}
.page .pagination li:last-child{border: 0;color: #fff;font-family: SimSun;font-weight: bolder}
.page .pagination li:hover,.page a:hover,.page span{color:#fff;background: #0E9FC1}
.page .pagination li:hover a{color: #fff}
.page .pagination li:hover span{color: #fff}
.page .pagination li:hover.disabled{border-color: #3eb296}
.page .pagination li.active{background: #e75c1e}
.page .pagination li.active span{color: #fff}
footer{font-size: 1em;padding-top: 1%;width: 100%;background: #2b2b2b;min-width: 1200px}
.part-1{max-width: 1200px;width: 100%;margin: 2.5% auto}
.footer-nav{float: left;width: 63.5%}
.item-common{float: left;width: 20%;text-align: left;transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: all linear .3s}
.item-common span{font-weight: lighter;display: inline-block;font-size: 16px;color: rgba(230,230,230,.5);padding-bottom: 15px;margin-bottom: 12px;border-bottom: 1px solid rgba(230,230,230,.5)}
.item-common a{font-size: 14px;display: block;margin-bottom: 15px;color:#d0d0d0;word-break: break-all;transition: .2s all linear;-moz-transition: .2s all linear;-webkit-transition: .2s all linear;-o-transition: .2s all linear}
.item-common a:hover{color: #fff}
.footer-icon{width: 20%;float: left}
.footer-icon .phone p{font-size: 1.6em;color: #ad1e1a}
.footer-icon .phone p span{font-size: 12px}
.footer-icon .phone strong{font-size: 1.4em;color: #d0d0d0;font-weight: 400}
.footer-icon .mail i, .footer-icon .phone i{float: left;margin-right: 10px;display: inline-block;width: 17px;height: 17px;vertical-align: middle;margin-top: 1px}
.footer-icon .phone i{}
.footer-icon .mail i{margin-top: 7px}
.footer-icon .mail{margin-top: 10px}
.footer-icon .mail p{color: #d0d0d0;font-size: 1.6em}
.footer-icon .mail strong{color: #d0d0d0;font-size: 1.4em;font-weight: 400;float: left;width: 87%;line-height: 30px}
.wechat{display: inline-block}
.wechat .others p{font-size: 14px;color: #d0d0d0;margin-bottom: 18px}
.wechat .ewm{margin-left: 20px;margin-top: 35px}
.wechat .address{font-size: 14px;color: #9e9e9e;margin-bottom: 18px}
.copyright{background: #2b2b2b;border-top: 1px dashed #5d5d5d;text-align: center;}
.copyright-box{margin: 0 auto 0;width: 1200px;max-width: 100%;padding: 30px 0}
.copyright ul{float: left}
.copyright-list{float: left;font-size: 12px;text-align: center;line-height: 52px}
.copyright-list a{color: #555;border-right: 1px solid #555;padding: 0 15px}
.copyright-list a:hover{text-decoration: underline}
.copyright-list:nth-child(1) a{padding-left: 0}
.copyright p{font-size: 14px;color: #9e9e9e;margin-left: 15px;display: inline-block}
.copyright p a{font-size: 14px;color: #9e9e9e}
.copyright span{font-size: 14px;color: #9e9e9e}
.copyright span a{font-size: 14px;color: #9e9e9e}
.frend-item{float: right}
.frend-list{float: left;margin-right: 10px;color: #9e9e9e;font-size: 14px}
.frend-list a{display: inline-block;font-size: 14px;color: #9e9e9e}
.frend-list:last-child{margin-right: 0}
@media (max-width:1440px){.aside-nav, .msg{right: 0}}
@media (max-width:1240px){header{padding: 0 2%}
footer{min-width: 100%;padding: 3% 2.5% 0}}
@media (max-width:1120px){.footer-nav{display: none}
.part-1{text-align: center}
.f_contact{text-align: left}}
@media (max-width:1000px){header{padding: 0}
.inside-banner{margin-top: 0}
.logo{margin-top: 11px;width: 130px}
.logo img{max-width: 100%}
.header-in{background: #fff;height: 55px;padding: 0 2%;position: fixed;overflow: visible;box-shadow: 0 1px 10px -3px #000}
.header-r{float: none;position: fixed;left: 0;top: 0;z-index: 99999;width: 100%;height: 0;text-align: center;transition: 0s 1s;overflow: hidden}
body.on .header-r{height: 100%;transition: 0s}
.header-r::after{content: ' ';position: absolute;left: 0;top: -100%;z-index: -1;width: 100%;height: 100%;background: #f2f2f2;transition: .8s .2s}
body.on .header-r::after{top: 0;transition: .4s}
.header-r-in{margin-top: 15%;padding: 0 25px}
.m-close{display: block;float: right;position: relative;right: 0;top: 8px;z-index: 999999;width: 36px;height: 36px}
.m-close::after, .m-close::before{content: '';position: absolute;left: 0;width: 50%;height: 2px;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;transition: all .4s .1s ease-out;background: #0085a4}
body.on .m-close::after, body.on .m-close::before{transition: all .25s ease-out}
.m-close::before{top: 20px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transform-origin: 50% 50% 0}
.m-close::after{top: 20px;left: 12px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transform-origin: 50% 50% 0}
body.on .m-close::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
body.on .m-close::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
nav.nav-top{margin-top: 0;margin-right: 0;margin-bottom: 10px;width: 100%}
nav.nav-top>ul>li{display: block;transform: translateY(-30px);margin: 0;line-height: 8vh;height: auto;opacity: 0;text-align: left;transition: .2s;border-bottom: 1px solid rgba(207,207,207,.66)}
nav.nav-top>ul>li a:after{content: attr(data-icon);font-size: 18px;position: absolute;right: 10px;top: 0}
nav.nav-top>ul>li[date-switch='1'] a:after{content: attr(data-hover)}
body.on nav.nav-top>ul>li:nth-child(2)>a, body.on nav.nav-top>ul>li:nth-child(3)>a, body.on nav.nav-top>ul>li:nth-child(4)>a, body.on nav.nav-top>ul>li:nth-child(5)>a, body.on nav.nav-top>ul>li:nth-child(6)>a{pointer-events: none}
body.on nav.nav-top>ul>li:nth-child(1), nav.nav-top>ul>li:nth-child(7){transition: .2s}
body.on nav.nav-top>ul>li:nth-child(2), nav.nav-top>ul>li:nth-child(6){transition: .2s .05s}
body.on nav.nav-top>ul>li:nth-child(3), nav.nav-top>ul>li:nth-child(5){transition: .2s .1s}
body.on nav.nav-top>ul>li:nth-child(4), nav.nav-top>ul>li:nth-child(4){transition: .2s .15s}
body.on nav.nav-top>ul>li:nth-child(5), nav.nav-top>ul>li:nth-child(3){transition: .2s .2s}
body.on nav.nav-top>ul>li:nth-child(6), nav.nav-top>ul>li:nth-child(2){transition: .2s .25s}
body.on nav.nav-top>ul>li:nth-child(7), nav.nav-top>ul>li:nth-child(1){transition: .2s .3s}
body.on nav.nav-top>ul>li{transform: translateY(0);opacity: 1}
.top-sub-menu{display: none;overflow: hidden;border: 0}
nav.nav-top>ul>li::after{display: none}
.top-sub-menu{position: static}
.top-sub-menu a{display: block;width: 100%;font-size: 14px!important;color: rgba(0,0,0,.8)!important;text-align: left;padding-left: 10px;background: 0 0;border-bottom: 1px solid rgba(193,193,193,.66)}
.top-sub-menu>a:hover{background: 0 0}
.top-sub-menu a:last-child{border: 0}
a.login{display: block;margin: 0 auto;transform: translateY(-30px);opacity: 0;transition: .2s}
body.on a.login{display: none}
.footer-t{padding-top: 30px;text-align: center}
.footer-t-l{display: none}
.footer-t-r{float: none}
.footer-b{padding: 15px;height: auto;line-height: 20px;font-size: 12px}
.moible_hy{display: block;float: right;color: #fff;font-size: 26px;position: relative;top: 14px;margin-right: 20px;z-index: 100000}
article{margin-top: 55px}}
@media (max-width:500px){
.inside-nav{margin-top: -46px}
.inside-nav .inside-nav-one{height: 46px;line-height: 46px;font-size: 12px}
.aside-nav-one{display: none}
.more-width-call,.more-width-top{ display:block;}
.wechat .address, .wechat .others p{font-size: 12px;text-align: left}
.wechat .ewm img{width: 100px;height:auto;}
.copyright span, .frend-list, .frend-list a{font-size: 10px}
.copyright-box{padding: 15px 0}
.frend-item{margin-top: 10px}
.msg_title{font-size: 18px;margin-bottom: 15px}
.msg_container{padding: 20px 0 0;width: 90%!important;min-width: 90%!important}
.message-box{height: 510px;width: 96%}
.msg_input span{font-size: 14px}
.msg_input input{height: 34px}
.msg_input{margin-bottom: 3px}
.msg_msg{margin-top: 5px}
.message button{width: 145px;height: 34px;margin: 30px auto 0;display: block}
.msg_captcha input{width: 110px}
.msg{width: 28px;height: 113px;line-height: 20px;z-index: 2;right: 0}
.msg .desc{font-size: 14px;color: #e75c1e;width: 19px}
.icon-guanbi{color: #e75c1e;position: absolute;right: 18px;top: 10px;font-size: 24px;cursor: pointer}
.mask{opacity: 0;background: rgba(0,0,0,.6);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 12;transform-style: preserve-3d;transition: opacity ease .6s;-webkit-transition: opacity ease .6s;-moz-transition: opacity ease .6s;-ms-transition: opacity ease .6s;-o-transition: opacity ease .6s}
.mask.show_mask{opacity: 1}
.message{transition: all ease .6s;-webkit-transition: all ease .6s;-moz-transition: all ease .6s;-ms-transition: all ease .6s;-o-transition: all ease .6s;transform: translateY(-200%);-webkit-transform: translateY(-200%);-moz-transform: translateY(-200%);-ms-transform: translateY(-200%);-o-transform: translateY(-200%)}
.message-box{background-color: #fff}
.message.isout{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0)}
.msg_title{text-align: left;color: #e75c1e;font-weight: bolder}
.msg_input{width: 100%;display: inline-block}
.msg_input input[name=verfiycode]{width: 110px}
.msg_input span{color: #949494;line-height: 43px}
.msg_input input{border: 1px solid #e2e2e2;padding-left: 10px;margin-left: 10px;width: calc(100% - 65px)}
.msg_input textarea{height: 155px;width: calc(100% - 65px);border: 1px solid #e2e2e2;padding-left: 10px;padding-top: 5px;margin-left: 10px}
.msg_mail, .msg_name{margin-right: 15px}
.msg_captcha input{height: 35px;margin-left: 6px}
.captcha2{display: inline-block}
.captcha2 img{width: 110px;height: 35px}
.message button{background-color: #e75c1e;color: #fff;font-size: 18px;border: 0;border-radius: 3px;cursor: pointer}}
@media (max-width:360px){.msg_input textarea{height: 95px}
.msg_input input[name=verfiycode]{width: 95px}
.message-box{height: 440px;top: 8%}}
@media (max-width:340px){.inside-banner .banner-desc h2{font-size: 30px;margin-bottom: 5px}
.inside-banner .banner-desc p{font-size: 18px}
.inside-nav .inside-nav-one{font-size: 11px}}
/*main*/
.train-sup-t{margin-top: 40px}
.train-sup-t-desc{position: relative;margin: 73px auto 75px;width: 500px;line-height: 46px;font-size: 22px;text-align: center}
.train-sup-t-desc-l, .train-sup-t-desc-r{position: absolute;left: -103px;top: 50%;transform: translateY(-50%)}
.train-sup-t-desc-r{left: auto;right: -103px}
.inside-step{margin-bottom: 90px}
.inside-step-in{position: relative;overflow: hidden}
.step-title{position: relative;margin: 0 auto;width: 200px;text-align: center;background: #fff}
.step-title::after{content: '';position: absolute;top: 50%;left: 50%;transform: translateX(-50%);width: 1000%;height: 1px;z-index: -1;background: #e6e6e6}
.step-title-num{display: inline-block;margin-top: 6px;margin-right: 10px;width: 32px;height: 32px;line-height: 32px;color: #fff;background: #ec804f;border-radius: 50px;vertical-align: top}
.step-title span{font-size: 30px;color: #e75c1e;vertical-align: top;display: inline-block}
.inside-step-content{margin-top: 50px;font-size: 0}
.is-content-l, .is-content-r{display: inline-block;vertical-align: top}
.is-content-r{float: right;padding-top: 40px;width: 590px}
.is-content-r p{position: relative;line-height: 52px;font-size: 16px;color: #e75c1e}
.is-content-r p::before{content: '';position: absolute;left: -28px;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;background-image: url(../img/is-content-r-p.png)}
.inside-step-more{margin-top: 75px;font-size: 14px;color: #ec3131;text-align: center}
.inside-step-more::before{content: '·';position: relative;top: 8px;margin-right: 7px;line-height: 14px;height: 14px;font-size: 40px;color: #ec3131}
h4.step-sub-title{font-size: 0}
.step-sub-title-desc, .step-sub-title-img{display: inline-block;vertical-align: top}
.movie-list-all .step-sub-title-img{position: relative;top: 5px}
.step-sub-title-desc{margin-left: 20px;font-size: 20px;color: #e75c1e;font-weight: 400}
.face-list-all{margin-top: 34px}
.face-list{margin-top: 34px;margin-bottom: 62px}
.face-one{position: relative;margin-bottom: 40px;font-size: 0;background: #fdf3ef;overflow: hidden}
.face-one-2{background: #edf9f1}
.face-one-3{background: #eff4fc}
.face-one:last-child{margin-bottom: 0}
.face-one::after{content: '';position: absolute;left: 5%;top: 50%;transform: translateY(-50%);width: 1000%;height: 1px;background: #f9dbce}
.face-one-2::after{background: #c8e6d2}
.face-one-3::after{background: #cad6eb}
.face-one-desc, .face-one-img{display: inline-block;vertical-align: top}
.face-one-img{position: relative;z-index: 99;border: 1px solid #f9dbce;margin: 22px;margin-right: 0;width: 97px;height: 97px;font-size: 18px;color: #e75c1e;text-align: center;border-radius: 100px;background: #fdf3ef}
.face-one-2 .face-one-img{border: 1px solid #c8e6d2;color: #07802f;background: #edf9f1}
.face-one-3 .face-one-img{border: 1px solid #cad6eb;color: #0a3990;background: #eff4fc}
.face-one-img::before{content: '';display: block;margin: 18px auto 12px;width: 27px;height: 24px;background-image: url(../img/face-one-img-2.jpg);background-size: 27px 24px}
.face-one-2 .face-one-img::before{background-image: url(../img/face-one-img-2.png)}
.face-one-3 .face-one-img::before{background-image: url(../img/face-one-img-3.png)}
.face-one-desc{position: absolute;right: 0;width: 1015px;font-size: 16px;color: #e75c1e;height: calc(100%)}
.face-one-2 .face-one-desc{color: #07802f}
.face-one-3 .face-one-desc{color: #0a3990}
.f-one-desc-b, .f-one-desc-t{position: absolute;top: 0;width: 100%;height: 50%}
.f-one-desc-b{top: 50%}
.f-one-desc-b p, .f-one-desc-t p{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%}
.movie-list{border-top: 1px solid #f4e3db;border-left: 1px solid #f4e3db;margin-top: 50px;font-size: 0}
.movie-one{border-right: 1px solid #f4e3db;border-bottom: 1px solid #f4e3db;display: inline-block;width: 20%;text-align: center;vertical-align: top}
.movie-one:hover .movie-one-img:after{animation: serv_one_border .9s 0s ease 1;-webkit-animation: serv_one_border .9s 0s ease 1;-moz-animation: serv_one_border .9s 0s ease 1;-o-animation: serv_one_border .9s 0s ease 1}
.movie-one:hover .movie-one-img:before{animation: serv_one_border 1.5s 0s ease 1;-webkit-animation: serv_one_border 1.5s 0s ease 1;-moz-animation: serv_one_border 1.5s 0s ease 1;-o-animation: serv_one_border 1.5s 0s ease 1}
.movie-one:hover .movie-one-img{background: #e75c1e}
.movie-one:hover .movie-one-img-f{color: #fff}
.movie-one:hover .movie-one-desc{transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px)}
.movie-one-img{position: relative;margin: 24px auto 15px;width: 121px;height: 121px;border: 1px solid #fbe2d8;border-radius: 50%;transition: .6s .05s!important}
.movie-one-img:after{content: '';position: absolute;left: -1px;top: -1px;border: 1px solid #e75c1e;width: 100%;height: 100%;-moz-border-radius: 50%;border-radius: 50%;opacity: 0}
.movie-one-img:before{content: '';position: absolute;left: -1px;top: -1px;border: 1px solid #e75c1e;width: 100%;height: 100%;-moz-border-radius: 50%;border-radius: 50%;opacity: 0}
.movie-one-img-b, .movie-one-img-f{transition: .6s .05s;position: absolute;left: 50%;top: 50%;z-index: 5;transform: translate(-50%, -50%);font-size: 22px;font-weight: 700;font-family: Arial;color: #f6c1a9;opacity: .5}
.movie-one-img-f{z-index: 10;font-size: 44px;color: #e75c1e;font-weight: 400;opacity: 1}
.movie-one-desc{margin: 0 auto 22px;width: 155px;line-height: 29px;font-size: 16px;color: #333;transition: .6s}
.info{font-size: 0}
.info-left{width: 74.5%;padding-right: 15px;margin-bottom: 15px;}
.info-left ul{margin-bottom: 40px}
.info-right{width: 25.5%;margin-bottom: 120px}
.info-right .part1{margin-top: 15px}
.info-right .part2{margin-top: 30px}
.info-right .part2 .right_side_list a{padding: 10px 23px}
.info-right .part3{margin-top: 30px;padding-bottom: 20px}
.info-right .part3 .refer{padding-right: 20px}
.info-right .part3 .refer span{position: relative;font-size: 14px;color:#535353 }
.info-right .part3 .refer span:before{content: '';width: 7px;height: 3px;position: absolute;background: #f3ad8e;left: -21px;top: 8px}
.info-right .part3 .refer p{font-size: 14px;color: #999;line-height: 23px;margin: 15px 0 30px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;transition: color .4s;-ms-transition: color .4s;-o-transition: color .4s;-webkit-transition: color .4s;-moz-transition: color .4s}
/*.info-right .part3 .refer p:hover{color: #ec6c49}*/
.info-right .part3 .refer span:hover{color: #ec6c49}
.info-right .part4{margin-top: 30px;padding-bottom: 10px}
.info-right .part4>div{margin-bottom: 20px}
.info-right .part4 .pro{width: 104px;height: 68px;margin-right: 15px}
.info-right .part4 .desc{font-size: 14px;color: #1a1a1a}
.info-right .part4 .desc a{transition: color .4s;-ms-transition: color .4s;-o-transition: color .4s;-webkit-transition: color .4s;-moz-transition: color .4s}
.info-right .part4 .desc:hover a{color: #ec6c49}
.info-list{width: 100%;position: relative;border-bottom: 1px dashed #d6d6d6;padding: 40px 0;transition: transform cubic-bezier(.4, 0, .2, 1) 1s, opacity cubic-bezier(.4, 0, .2, 1) 1s!important;-ms-transition: transform cubic-bezier(.4, 0, .2, 1) 1s, opacity cubic-bezier(.4, 0, .2, 1) 1s!important;-o-transition: transform cubic-bezier(.4, 0, .2, 1) 1s, opacity cubic-bezier(.4, 0, .2, 1) 1s!important;-webkit-transition: transform cubic-bezier(.4, 0, .2, 1) 1s, opacity cubic-bezier(.4, 0, .2, 1) 1s!important;-moz-transition: transform cubic-bezier(.4, 0, .2, 1) 1s, opacity cubic-bezier(.4, 0, .2, 1) 1s!important}
.info-list:first-child{padding-top: 80px}
.info-list .pro{width: 270px;height: 176px;margin-right: 35px;border-radius: 5px;}
.info-list .desc{width: calc(100% - 305px);position: relative}
.info-list .desc h3{font-size: 22px;color: #1a1a1a;transition: color .4s;-ms-transition: color .4s;-o-transition: color .4s;-webkit-transition: color .4s;-moz-transition: color .4s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%}
.info-list .desc h3:hover{color: #0e9fc1}
.info-list .desc p{margin: 15px 0 20px;font-size: 14px;color: #666;line-height: 28px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3}
.info-list .desc p span a{color: #Fb6000;margin-left: 10px}
.info-list .date{position: absolute;right: 0;bottom: 8px;font-size: 14px;color: #999}
.info-list .date:before{content: '';display: inline-block;width: 20px;vertical-align: bottom;margin-right: 12px;height: 20px;background: url(../img/icon18.png) no-repeat center}
.info-list .tips{font-size: 14px;color: #666}
.info-list .tips i{font-style: normal}
.info-list .tips span{display: inline-block;margin: 0px 15px;}
.info-list .tips span a{float: right;margin-top: -8px;margin-left: -20px;color: #666;transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;display: block;padding: 8px 20px}
.info-list .mobile-desc{display: none}
.right_side{padding: 20px 0 0 20px;width: 100%;border: 1px solid #f0f0f0;transition: transform cubic-bezier(.4, 0, .2, 1) 1s, opacity cubic-bezier(.4, 0, .2, 1) 1s!important;-ms-transition: transform cubic-bezier(.4, 0, .2, 1) 1s, opacity cubic-bezier(.4, 0, .2, 1) 1s!important;-o-transition: transform cubic-bezier(.4, 0, .2, 1) 1s, opacity cubic-bezier(.4, 0, .2, 1) 1s!important;-webkit-transition: transform cubic-bezier(.4, 0, .2, 1) 1s, opacity cubic-bezier(.4, 0, .2, 1) 1s!important;-moz-transition: transform cubic-bezier(.4, 0, .2, 1) 1s, opacity cubic-bezier(.4, 0, .2, 1) 1s!important}
.right_side .name{position: relative;font-size: 18px;color: #0e9fc1;padding-bottom: 18px;margin-right: 20px;margin-bottom: 30px;border-bottom: 1px solid #f0f0f0}
.right_side .name:before{content: '';position: absolute;left: -21px;top: 2px;width: 3px;height: 21px;background: #0085a4}
.right_side_list{display: inline-block;margin: 0 20px 20px 0}
.right_side_list:first-child{margin-left: 0}
.right_side_list:last-child{margin-bottom: 30px}
.right_side_list a{transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;border-radius: 3px;color: #535353;display: inline-block;font-size: 14px;background: #f6f6f6;padding: 10px 33px}
.right_side_list:hover a{color: #fff;background: #0e9fc1}
.right_side_list.this a{color: #fff;background: #0e9fc1}
.info_det{margin-top: 15px;margin-bottom: 15px;font-size: 14px;color: #000;background-color: #fff;padding: 6% 40px 3%;border: 1px solid #f0f0f0}
.info_det .title{text-align: center;font-size: 30px;color: #000;padding-bottom: 35px;border-bottom: 1px dashed #bdbdbd}
.info_det .tips{margin: 15px 0 10px;text-align: center;font-size: 14px;color: #999;position: relative}
.info_det .tips i{display: inline-block;width: 20px;height: 20px;margin-right: 7px;vertical-align: middle;margin-bottom: 5px}
.info_det .summary{padding: 15px 10px;background-color: #E5E5E5;line-height: 28px;color: #626262;margin-bottom: 20px;border-radius: 5px}
.info_det .fanhui{display: inline-block;}
.info_det .fanhui  .a{color: #0085a4;font: bold 13px/13px Arial;}
.info_det .guanjianci{margin-right: 20px;display: inline-block;}
.info_det .laiyuan{margin-right: 20px;display: inline-block;}
.info_det .date{margin-right: 20px;display: inline-block;margin-top: 10px;margin-bottom: 10px;}
.info_det .date i{background: url(../img/icon19.png) no-repeat center}
.info_det .num{margin-right: 20px;display: inline-block}
.info_det .num i{background: url(../img/icon20.png) no-repeat center}
.info_det .comit{display: inline-block;color: #999}
.info_det .comit i{background: url(../img/icon21.png) no-repeat center}
.content .back{display: inline-block;margin-top: 75px}
.content .back a{transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;border-radius: 3px;border: 1px solid #cacaca;display: inline-block;font-size: 14px;color: #666;padding: 5px 10px}
.content .back:hover a{color: #fff;border: 1px solid #f6712e;background: #f6712e}
.content .back .biaoqian{font-size: 14px;color: #999;display: inline-block;margin-right: 8px}
.comment{padding: 3% 0;margin-bottom: 3%;background: #fff}
.comment .pinglun{font-size: 24px;color: #e75c1e}
.comment .pinglun:before{content: '';margin-right: 15px;vertical-align: middle;display: inline-block;width: 27px;height: 27px;background: url(../img/icon22.png) no-repeat center}
.comment .form{margin: 20px 0 40px}
.comment .form textarea{width: 100%;background: #f3f5f7;padding: 15px 20px;font-size: 14px;color: #000;height: 165px;border-radius: 3px;border: 1px solid transparent;outline: 0;resize: none}
.comment .form .oth{text-align: right;margin: 25px 0 0}
.comment .form .name{display: inline-block;margin-right: 20px}
.comment .form .name span{display: inline-block;color: #333;font-size: 14px;margin-right: 10px}
.comment .form .name input{display: inline-block;width: 145px;height: 43px;border-radius: 3px;background: #f3f5f7;padding-left: 10px;border: 1px solid transparent}
.comment .form button{border: 0;margin-left: 20px;display: inline-block;width: 145px;height: 43px;background: #e75c1e;font-size: 16px;color: #fff;border-radius: 3px;line-height: 0;cursor: pointer}
.comment .form #captcha_img{cursor: pointer;display: inline-block;position: relative;top: -5px}
.list-item{margin-bottom: 25px}
.list-item .user{font-size: 18px;color: 3333;margin-bottom: 15px}
.list-item .user span{display: inline-block;vertical-align: unset;margin-left: 15px;font-size: 12px;color: #999}
.list-item .text{font-size: 14px;line-height: 36px;color: #333;padding-bottom: 20px;border-bottom: 1px solid #e6e6e6}
.match .train-sup-t-desc{width: 1000px;font-weight: lighter;color: #333}
.progress{height: 500px;background: #f3f3f3}
.progress .container{height: 100%}
.progress-item{position: relative;padding-left: 40px;height: 100%}
.progress-item .left-line{position: absolute;left: 40px;top: 50%;width: 15px;height: 80%;margin-top: -197px;background: #ec6c49;border-radius: 10px}
.progress-item ul{height: 85%;padding-top: 85px;overflow: hidden}
.progress-list{font-size: 20px;color: #1a1a1a;margin: 25px 0;padding-left: 60px;position: relative}
.progress-list:first-child{margin-top: 0}
.progress-list:before{content: '';display: inline-block;margin-left: 1px;width: 13px;height: 13px;background: #fff;z-index: 11;border-radius: 50%;position: absolute;top: 7px;left: 0}
.progress-list a{transition: color .4s;-ms-transition: color .4s;-o-transition: color .4s;-webkit-transition: color .4s;-moz-transition: color .4s}
.progress-list:hover a{color: #ec6c49}
.moment{padding: 65px 0 80px}
.moment-item{font-size: 0;margin-top: 40px}
.moment-list{display: inline-block;width: 25%;border-right: 10px solid transparent;border-left: 10px solid transparent;margin-bottom: 20px}
.moment-list .pro{width: 285px;height: 180px}
.moment-list .desc{text-align: center;margin-top: 25px;font-size: 14px;color: #1a1a1a}
.moment-list .desc p{overflow3333: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%}
.product{background-color: #000;width: 100%;height: calc(100vh - 90px)}
.product .swiper-loading{width: 42px;height: 42px;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;z-index: 10;-webkit-transform-origin: 50%;-moz-transform-origin: 50%;transform-origin: 50%;-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;animation: swiper-preloader-spin 1s steps(12, end) infinite}
.product .swiper-loading:after{display: block;content: "";width: 100%;height: 100%;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position: 50%;-webkit-background-size: 100%;background-size: 100%;background-repeat: no-repeat}
.product .mask{width: 397px;height: 84px;margin-bottom: 0;background: url(../img/mask.png) no-repeat center;z-index: 1}
.product .mouse{width: 22px;height: 37px;bottom: 25px;margin-bottom: 0;-webkit-animation: nudgeMouse 5s ease-out infinite;animation: nudgeMouse 5s ease-out infinite;background: url(../img/mouse.png) no-repeat center;z-index: 1}
.product .mouse:after{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;background-color: #fff;width: 4px;height: 6px;border-radius: 40%;-webkit-animation: trackBallSlide 5s linear infinite;animation: trackBallSlide 5s linear infinite;transition: all .3s cubic-bezier(.455, .03, .515, .955);-ms-transition: all .3s cubic-bezier(.455, .03, .515, .955);-o-transition: all .3s cubic-bezier(.455, .03, .515, .955);-webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);-moz-transition: all .3s cubic-bezier(.455, .03, .515, .955)}
.product-list .pro{opacity: 0;transition: opacity 1s;-ms-transition: opacity 1s;-o-transition: opacity 1s;-webkit-transition: opacity 1s;-moz-transition: opacity 1s;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center}
.banner-ctrl{position: absolute;left: 0;top: 42%;z-index: 999;transform: translateY(-45%);-ms-transform: translateY(-45%);-o-transform: translateY(-45%);-webkit-transform: translateY(-45%);-moz-transform: translateY(-45%);width: 100%}
.banner-ctrl .banner-next, .banner-ctrl .banner-prev{position: absolute;left: 2.6%;width: 68px;height: 68px;line-height: 66px;background: rgba(0,0,0,.17);border-radius: 50%;cursor: pointer;text-align: center;font-size: 30px;color: #fff}
.banner-ctrl .banner-next{left: auto;right: 2.6%}
.banner-ctrl .banner-next:after{margin-left: -8px}
.banner-ctrl .banner-prev:before{margin-left: 10px}
.children{transition: opacity 1s;-ms-transition: opacity 1s;-o-transition: opacity 1s;-webkit-transition: opacity 1s;-moz-transition: opacity 1s;width: 560px;bottom: 15px;right: 6%;position: absolute;z-index: 1}
.children .children-wrapper{width: 480px}
.children .thumbs-next, .children .thumbs-prev{cursor: pointer;position: absolute;width: 32px;height: 66px;top: 50%;margin-top: -33px;z-index: 1;background: url(../img/prev.png)}
.children .thumbs-next{right: 0;transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg)}
.children .photo{width: 66px;height: 66px;position: absolute;background: url(../img/photo.png) no-repeat center;right: -80px;top: 0;z-index: 1;cursor: pointer}
.children-effect{opacity: 0;visibility: hidden;transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);-webkit-transform: translateY(100%);-moz-transform: translateY(100%);transition: ease .8s;-ms-transition: ease .8s;-o-transition: ease .8s;-webkit-transition: ease .8s;-moz-transition: ease .8s}
.children-effect.show{opacity: 1;visibility: visible;transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0)}
.children-list{cursor: pointer;width: 108px;height: 65px;border: 2px solid transparent}
.children-list.swiper-slide-active{border: 2px solid #fff}
.children-list .pro{width: 100%;height: 100%}
.display{padding: 75px 0}
.display-item{padding-top: 55px}
.display-list:nth-child(2n) .pro{float: right}
.display-list:nth-child(2n) .pro i{left: 0;transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg)}
.display-list:nth-child(2n) .desc{float: left}
.display-list .pro{width: 50%;float: left;width: 600px;height: 300px;position: relative}
.display-list .pro i{top: 50%;margin-top: -4px}
.display-list .desc{padding: 0 6%;float: right;width: 50%;background: #e75c1e;height: 300px}
.display-list .desc .icon{margin-bottom: 25px}
.display-list .desc .icon i{width: 80px;height: 93px;margin-right: 35px}
.display-list .desc .icon span{font-size: 30px;color: #fff;font-weight: lighter}
.display-list .desc p{font-size: 16px;color: #fff;font-weight: lighter}
.case{padding: 70px 0;background: #f3f3f3}
.case .case-item{padding: 53px 0 13px;font-size: 0}
.case-list{border-left: 15px solid transparent;border-right: 15px solid transparent;display: inline-block;width: 33.333%;margin-bottom: 40px}
.inside-banner-desc{top: 45%;color: #f3f3f3}
.inside-banner-desc h2{font-size: 66px;margin-bottom: 30px}
.inside-banner-desc p{font-size: 18px}
.good-intro{text-align: center;padding: 70px 0 80px}
.good-show{padding: 70px 0 80px;text-align: center;background: #f3f3f3}
.good-show .banner-ctrl{height: 100px;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%)}
.good-show .banner-ctrl .banner-next, .good-show .banner-ctrl .banner-prev{width: 40px;height: 100px;border-radius: 0;line-height: 100px}
.good-show .banner-ctrl .banner-next{right: 0}
.good-show .banner-ctrl .banner-prev{left: 0}
.video{text-align: center;padding: 75px 0}
.video .video-warrper{height: 640px}
.dot{display: inline-block;margin-right: 15px;vertical-align: middle;width: 10px!important;height: 10px!important;background: url(../img/dot.png) no-repeat center}
.after .train-sup-t-desc{width: 1000px;font-weight: lighter;color: #333}
.after .method{margin-top: 62px;width: 1000px;margin: 0 auto 75px;height: 62px;line-height: 62px;background: #f8f8f8;border-radius: 30px;text-align: center;font-size: 26px;color: #666}
.after .method p:before{content: '';margin-right: 20px;display: inline-block;width: 32px;height: 32px;vertical-align: middle;background: url(../img/icon15.png) no-repeat center}
.after .method p em{color: #e75c1e}
.where{overflow: hidden}
.where .step-title{width: 395px}
.where .step-title-num{width: 25px;height: 29px;background: url(../img/icon16.png) no-repeat center}
.map_intro{padding: 55px 0 45px;border-bottom: 1px dashed #dedede}
.map_intro .pro{margin-right: 135px}
.map_intro .desc{width: 50%;font-size: 14px;color: #333;line-height: 35px}
.map_intro .desc>div:before{vertical-align: middle;content: '';display: inline-block;margin-right: 20px;width: 7px;height: 85px;background: url(../img/icon17.png) no-repeat center}
.map_intro .desc span{width: 94%}
.map_intro .desc .one{margin-bottom: 32px}
.contact-item{font-size: 0;margin-bottom: 80px}
.contact-list{width: 50%;font-size: 14px;line-height: 35px;padding: 47px 0 45px;text-align: left;border-bottom: 1px dashed #dedede}
.contact-list em{font-size: 20px;color: #e75c1e}
.contact-list p{color: #1a1a1a}
.business .banner-desc p{font-size: 22px}
.business .inside-nav-one{width: 16.667%}
.theme{padding: 20px 0 80px}
.theme-item{margin-top: 10px}
.theme-list:last-child{border-bottom: 1px dashed #d9d9d9}
.theme-list .name{position: relative}
.theme-list .name .one{display: inline-block;background: #fff;padding-right: 10px}
.theme-list .name i{width: 35px;height: 35px;margin-right: 10px}
.theme-list .name h3{font-size: 20px;color: #e75c1e}
.theme-list .name .line{width: 100%;border-bottom: 1px dashed #d9d9d9;position: absolute;left: 0;top: 19px;z-index: -1}
.theme-list .desc{padding: 25px 0 50px}
.theme-list .desc p{text-indent: 2em;font-size: 14px;line-height: 32px;color: #333}
.theme-bg{position: relative;margin-top: 75px}
.theme-bg>a{z-index: 1;position: absolute;width: 130px;height: 130px;border-radius: 50%}
a[class*=hxtm]{top: 32px;left: 221px}
a[class*=hmcs]{top: 32px;left: 428px}
a[class*=znmp]{top: 32px;left: 635px}
a[class*=hszj]{top: 32px;left: 842px}
a[class*=hbcs]{top: 163px;left: 1008px}
a[class*=gk]{top: 293px;left: 841px}
a[class*=ms]{top: 293px;left: 635px}
a[class*=jxsj]{top: 293px;left: 428px}
a[class*=ylc]{top: 292px;left: 220px}
a[class*=fc]{top: 163px;left: 53px}
.steam-bg{text-align: center;margin: 35px 0 80px}
.steam{font-size: 0}
.steam .desc{padding-right: 90px;width: 50%}
.steam .desc p{line-height: 28px;font-size: 14px;text-indent: 2em}
.steam .pro{width: 50%}
.bs-class{padding: 70px 0;border-top: 1px solid #e6e6e6}
.bs-class .desc{margin-top: 45px}
.bs-class .desc p{font-size: 14px;line-height: 32px;color: #333;margin-bottom: 20px}
.bs-class .desc p:before{content: '';display: inline-block;margin-right: 15px;vertical-align: middle;width: 10px;height: 10px;background: url(../img/dot.png) no-repeat center}
.bs-content{padding: 70px 0;border-top: 1px solid #e6e6e6}
.app-list{float: left;width: 33.33%;text-align: center;padding: 15px 0}
.app-list[date-url='1'] .pro{background: url(../img/icon35.png) no-repeat center}
.app-list[date-url='2'] .pro{background: url(../img/icon36.png) no-repeat center}
.app-list[date-url='3'] .pro{background: url(../img/icon37.png) no-repeat center}
.app-list[date-url='4'] .pro{background: url(../img/icon38.png) no-repeat center}
.app-list[date-url='5'] .pro{background: url(../img/icon39.png) no-repeat center}
.app-list[date-url='6'] .pro{background: url(../img/icon40.png) no-repeat center}
.app-list .pro{display: inline-block;width: 120px;height: 120px}
.app-list h3{font-size: 22px;color: #e75c1e;margin: 10px 0 15px}
.app-list p{font-size: 14px;color: #333;line-height: 32px}
.mg-space-init{margin-top: 30px}
.mg-targets .content strong{font-weight: bolder}
.space .theme-list:last-child{border-bottom: 0}
.space .theme-list i{display: inline-block;margin-right: 15px;vertical-align: middle;width: 10px;height: 10px;background: url(../img/dot.png) no-repeat center}
.space .theme-list .line{top: 13px}
.space .theme-list .desc p{text-indent: 0}
.master_1{margin-top: 40px;padding-bottom: 70px;border-bottom: 1px solid #d9d9d9}
.master_1 p{text-indent: 2em;font-size: 14px;line-height: 32px;color: #333}
.master_2{padding: 80px 0 65px;font-size: 0}
.master_2 .desc{width: 53%;text-align: right}
.master_3 .theme-list:last-child{border-bottom: 0}
.master_3 .theme-list .name h3{font-size: 26px}
.master_3 .theme-list i{display: inline-block;margin-right: 15px;vertical-align: middle;width: 10px;height: 10px;background: url(../img/dot.png) no-repeat center}
.master_3 .theme-list .line{top: 19px}
.no-list{display: inline-block;margin-right: 60px;margin-bottom: 50px;transition: ease .8s transform;-ms-transition: ease .8s transform;-o-transition: ease .8s transform;-webkit-transition: ease .8s transform;-moz-transition: ease .8s transform}
.no-list:nth-child(3){margin-right: 0}
.no-list:nth-child(5){margin-right: 105px;margin-bottom: 0}
.no-list:nth-child(4){margin-bottom: 0}
.no-list:hover{transform: translateY(-15px);-ms-transform: translateY(-15px);-o-transform: translateY(-15px);-webkit-transform: translateY(-15px);-moz-transform: translateY(-15px)}
.mobile-no-list{display: none}
.function-item{margin-top: 45px}
.function-list{font-size: 0;border: 1px solid #eee;background: #535454;margin-bottom: 50px;overflow: hidden;box-shadow: 0 3px 20px -7px #535454;transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;-webkit-transition: all .6s;-moz-transition: all .6s}
.function-list.this{border: 1px solid #fadbce;background: #ed8353;box-shadow: 0 3px 20px -7px #ed8353}
.function-list.this .desc-warpper:after{background: #fadbce}
.function-list.this .fl-sub .num{background: #ed8353}
.function-list.this .fl-sub span{color: #e75c1e}
.function-list .intro{width: 5.9%;text-align: center;padding: 0 20px}
.function-list .intro em{color: #fff;font-weight: lighter;font-size: 20px}
.function-list .desc{width: 94.1%;background: #fff;padding: 35px 25px 35px;position: relative;right: -1px}
.function-list .desc-warpper{position: relative}
.function-list .desc-warpper:after{content: '';width: 1px;height: 100%;background: #535454;position: absolute;left: 8px;bottom: 0}
.function-list .fl-sub{padding-bottom: 20px;position: relative;z-index: 1;background: #fff;padding: 5px 0;margin-bottom: 20px}
.function-list .fl-sub:last-child{margin-bottom: 0}
.function-list .fl-sub:last-child:after{display: none}
.function-list .fl-sub .num{transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;-webkit-transition: all .6s;-moz-transition: all .6s;line-height: 18px;display: inline-block;width: 18px;height: 18px;font-style: normal;color: #fff;font-size: 12px;text-align: center;background: #535454;border-radius: 50%}
.function-list .fl-sub span{margin-left: 15px;display: inline-block;color: #397676;font-size: 14px}
.function-list .fl-sub p{width: 89%;display: inline-block;font-size: 14px;color: #1a1a1a}
.tool .intro{line-height: 32px;margin: 45px 0 75px;color: #333;font-size: 14px;text-indent: 2em}
.tool .desc{width: 53%}
.tool .desc i{margin-right: 15px;width: 37px;height: 34px;background: url(../img/icon41.png) no-repeat center}
.tool .desc h3{text-align: center;font-size: 30px;color: #e75c1e;margin-bottom: 45px}
.tool .desc .font{padding-left: 100px}
.tool .desc p{font-size: 14px;color: #333;position: relative;padding-left: 35px;margin-bottom: 20px}
.tool .desc p:before{content: '';position: absolute;left: 0;top: 5px;width: 10px;height: 10px;background: url(../img/dot.png) no-repeat center}
.system{padding: 70px 0;border-top: 1px solid #e6e6e6}
.system .pro{margin: 50px 0 50px;padding-bottom: 50px;border-bottom: 1px dashed #d9d9d9}
.system .intro-book{text-align: center}
.system .intro-book a{font-size: 14px;display: inline-block;width: 215px;height: 50px;color: #fff;vertical-align: middle;line-height: 50px;background: #ea7950;border-radius: 30px}
.system .intro-book a:before{content: '';margin-right: 10px;display: inline-block;vertical-align: middle;width: 13px;height: 13px;background: url(../img/icon42.png) no-repeat center}
.resource{padding-bottom: 70px}
.resource .desc-wapper{font-size: 0}
.resource .desc{width: 46%}
.resource .desc .title2{margin-bottom: 50px}
.resource .desc .title2 h2:after{right: -47px;width: 20px}
.resource .desc .title2 h2:before{left: -47px;width: 20px}
.resource .desc .font p{text-indent: 2em;font-size: 14px;color: #333;line-height: 37px;margin-bottom: 40px}
.resource .desc .font p:last-child{margin-bottom: 0}
.resource .pro{width: 54%;text-align: right}
.resource-func .theme-list .name h3{font-size: 26px}
.resource-func .function-list.this{border: 0;background: #fff;box-shadow: none}
.resource-func .function-list{margin-bottom: 0}
.resource-func .function-list .fl-sub{margin-bottom: 25px}
.resource-func .desc{width: 100%;padding-left: 0}
.about .inside-banner .desc{font-size: 16px}
.solution .intro{margin-top: 50px}
.solution .intro p{text-indent: 2em;line-height: 28px;color: #333;font-size: 14px}
.solution-warpper .desc{display: inline-block;width: 51%;vertical-align: middle}
.solution-warpper i{display: inline-block;vertical-align: bottom;width: 34px;height: 35px}
.solution-warpper .solution_cm{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #fbdfd8}
.solution-warpper .solution_cm span{font-size: 1.8em;color: #e75c1e;display: inline-block;margin: 0 30px}
.solution-warpper .solution_cm p{width: 462px;display: inline-block;vertical-align: middle;color: #666;font-size: 1.4em;line-height: 24px}
.solution-warpper .school i{background: url(../img/icon12.png) no-repeat center/contain}
.solution-warpper .teacher i{background: url(../img/icon13.png) no-repeat center/contain}
.solution-warpper .student i{background: url(../img/icon14.png) no-repeat center/contain}
.solution-warpper .other{padding-top: 15px;color: #e75c1e;font-size: 1.4em;line-height: 28px}
.solution-warpper .pro{margin: 45px 0 75px;display: inline-block;width: 39%;text-align: right}
.solution-warpper .pro img{width: 315px}
.feature{background: #f3f3f3}
.features-item{padding-top: 50px}
.features-list{text-align: center;float: left;width: 33.33%;height: 390px;background: #fff;border-left: 9px solid #f3f3f3;border-right: 9px solid #f3f3f3}
.features-list .features-list-box:hover .pro{transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px);-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px)}
.features-list .pro{margin-top: 45px;transition: ease .6s;-ms-transition: ease .6s;-o-transition: ease .6s;-webkit-transition: ease .6s;-moz-transition: ease .6s}
.features-list .desc h3{font-size: 20px;color: #e75c1e;margin: 30px 0 25px}
.features-list .desc p{font-size: 14px;line-height: 26px;color: #666}
.levels-item{font-size: 0;margin-top: 35px}
.levels-list{width: 25%}
.levels-list .desc{margin-top: 10px;color: #ec6c49;text-align: center;font-size: 14px}
.policy{background: #f3f3f3}
.policy-warpper h3{margin-top: 55px;margin-bottom: 25px;font-weight: bolder;text-align: center;font-size: 20px;color: #1a1a1a}
.policy-warpper .intro{background: url(../img/dash.png) repeat;background-position-y: 1px;padding-bottom: 4px}
.policy-warpper .intro p{text-indent: 2em;font-size: 14px;color: #333;line-height: 56px}
.policy-item{font-size: 0;margin-top: 50px;width: 50%}
.policy-list{width: 20%;height: 200px;border-left: 5px solid #f3f3f3;border-right: 5px solid #f3f3f3;text-align: center;margin-bottom: 10px}
.policy-list .policy-list-box{height: 100%;padding: 20px 50px;border: 1px solid #f1d5c8;border-radius: 6px}
.policy-list i{display: inline-block;width: 20px;height: 19px;background: url(../img/star.png) no-repeat center;margin-bottom: 15px}
.policy-list p{font-size: 14px;color: #e75c1e;line-height: 28px}
.policy-list .line{margin-top: 10px;width: 25px;height: 2px;background: #e75c1e;display: inline-block}
.contact-box{font-size: 0}
.contact-father{width: 80%;font-size: 0}
.contact .guanzhu-box{position: absolute;top: 50%;left: 50%;margin-left: -45px;margin-top: -58px}
.contact .guanzhu{position: relative;border-left: 1px solid #e6e6e6;width: 20%}
.contact .guanzhu .pro{display: inline-block;width: 91px}
.contact .guanzhu p{margin-right: 3px;margin-top: 10px;font-size: 12px;color: #1a1a1a}
.contact-sub{display: inline-block;width: 30%;margin-bottom: 35px;position: relative;line-height: 26px;padding-left: 40px;padding-right: 15px;vertical-align: top}
.contact-sub:nth-child(2n){width: 70%}
.contact-sub i{width: 23px;height: 23px;position: absolute;left: 0;top: 1px}
.contact-sub p{vertical-align: middle;display: inline-block;font-size: 14px;color: #1a1a1a;word-break: break-all}
.map{width: 100%;height: 320px;margin-top: 4%}
i.phone{background: url(../img/icon46.png) no-repeat center}
i.qq{background: url(../img/icon47.png) no-repeat center}
i.phone2{background: url(../img/icon48.png) no-repeat center}
i.location{background: url(../img/icon49.png) no-repeat center}
i.mail{background: url(../img/icon50.png) no-repeat center}
i.bus{background: url(../img/icon51.png) no-repeat center}
.introduce .title3{margin-bottom: 35px;text-align: center}
.introduce .title3 .the-logo{width: 70px;margin-right: 15px}
.introduce .title3 h2{font-size: 42px;color: #ec6c49}
.tag-item{margin-bottom: 40px}
.tag-title{margin: 30px 0 20px;display: inline-block;font-size: 16px;font-weight: 400;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #FB6000;padding-bottom: 10px;padding-top: 10px}
.tag-list{display: inline-block;margin: 0 10px 10px 0}
.tag-list a{transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;border-radius: 3px;border: 1px solid #cacaca;display: inline-block;font-size: 14px;color: #666;padding: 5px 10px}
.tag-list:hover a{color: #fff;background: #e75c1e;border-color: transparent}
aside.show_aside{visibility: visible;}
body{overflow-x: hidden;}
.post-content{ font-size:16px; line-height:1.75em; margin-top:10px; overflow:hidden; clear:both;}
.content img,.post-content img{max-width: 100%; height:auto!important;border-radius: 5px;}
.content em, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content strong{font-weight: bold;margin-bottom: 0;}
.content p,.post-content p{margin: 5px 0 15px;line-height: 24px;}
.content h2{font-size: 1.17em;margin: 17px 0;}
.content h3{font-size: 1.17em;margin: 19px 0;}
@media(max-width: 360px){.inside-banner .banner-desc p{font-size: 12px!important;}}
article{overflow: hidden;}
.case-list{}
.ani_show_bottom{opacity: 0;transform: translateY(-60px);-ms-transform: translateY(-60px);-o-transform: translateY(-60px);-webkit-transform: translateY(-60px);}
.page .pagination li{cursor: pointer;}
.page a{/*pointer-events: none;*/}
.page.normal li{visibility: visible!important;}
.ani_show_bottom.case-list{animation: enter .8s forwards;}
@keyframes enter{0%{transform: translateY(70px);opacity: 0;filter: alpha(opacity=0);}
100%{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}}
@media(max-width: 360px){.inside-banner .banner-desc p{font-size: 12px!important;}}
.main-content{ float:right; width:78%;}
.sidebar{ float:left; width:20%; padding-bottom:50px;}
.dotted_line{background:transparent url(../img/sp.png) repeat-x bottom;padding:.4em 0 0.8em 0;margin-bottom:1em;font-weight: bold;}
.sidenav ul{}
.sidenav ul li{border-bottom:1px solid #f2f2f2;}
.sidenav ul li a{ font-size:14px; padding:16px 0 15px 30px;text-decoration:none;background:url(../img/stars.png) no-repeat 8px 21px; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.sidenav ul li.cur a{ color:#fff; background:/*#78a8d5*/#0E9FC1  url(../img/stars_dark.png) no-repeat 12px 20px;border-radius:5px;}
.sidenav ul li:hover{ color:#fff; background:#f9f9f9;}
.sidenav ul li a:hover{color:#049dc1;}
.sidenav ul li.cur a:hover{ color:#fff;}
.sidenav ul li a:hover .post_count{color:#d55a2d;}
.sidenav ul li a .post_count{float:right;color:#d55a2d;margin-right:10px;}
.sidenav ul li.current a{color:#ec1a6d;}
.symbol{font-family:'宋体',Arial,Helvetica,sans-serif;float:right;display:block;padding-right:10px;*margin-top: -28px;}
@media (max-width:900px){
.main-content{ float:none; width:100%;}
.sidebar{ float:none; width:100%; padding-bottom:20px;}
}
.crumbs-wrap{ margin-bottom:20px; background-color:#eee; clear: both;}
.crumbs{ width:100%; color:#999; font-size:13px; padding:20px 0;}
.crumbs a{ color:#333;}
.crumbs a:hover{ color:#d55a2d;}
.crumbs .icon-home{ background:url(../img/fz.png) left no-repeat; padding-left:22px;}
@media (max-width:1480px){.inside-banner-desc h2{font-size: 48px}}
@media (max-width:1380px){.children{right: 13%}}
@media (max-width:1240px){.theme{padding: 45px 2% 35px}
.bs-class{padding: 45px 2% 0}
.bs-content{padding: 45px 0}
.steam .pro img{max-width: 100%}
.business .content{padding: 0 2%}
.resource-func{padding: 0 2%}
.resource .desc{width: 100%}
.resource .desc .font p{margin-bottom: 0}
.resource .pro{width: 100%;text-align: center;margin-top: 15px}
.resource .pro img{max-width: 100%}
.function-list .fl-sub p{width: calc(100% - 120px)}
.function-list .desc{padding-right: 0}
.master .function-list .intro{width: 70px}
.master .function-list .desc{width: calc(100% - 70px)}
.master_1 img, .master_2 img{max-width: 100%}
.master_2 .desc{margin-top: 20px}
.master_2 .ib-middle{width: 100%;text-align: center}
.tool .intro{margin: 45px 0 25px}
.tool .pro{width: 100%;text-align: center}
.tool .pro img{max-width: 100%}
.tool .desc{width: 100%;margin-top: 25px}
.system{padding: 40px 0 0}
.display{padding: 45px 2% 0}
.display-list .pro{width: 50%;height: auto}
.case{padding: 45px 0}
.case-list{border-left: 10px solid transparent;border-right: 10px solid transparent}
.case-list .case-box{width: 100%}
.case-list .pro{height: auto}
.case-list .desc{font-size: 14px;padding-left: 10px;height: 44px;line-height: 44px}
.case-list .desc .more{right: 10px;margin-top: -10px;width: 20px;height: 20px;background-size: contain!important}
.good-intro{padding: 45px 2% 35px}
.good-show{padding: 45px 0 35px}
.video{padding: 45px 2% 35px}
.video .video-warrper{height: auto}
.train-sup-t{padding: 0 2%;text-align: center}
.train-sup-t-desc{margin: 35px auto 40px;font-size: 20px;display: inline-block;width: auto}
.inside-step-in{padding: 0 2%}
.is-content-l, .is-content-r{width: 100%}
.inside-step-content{text-align: center}
.is-content-r{text-align: left;float: none;padding-left: 31px}
.inside-step-more{text-align: left;margin-top: 0}
.face-one-desc{width: calc(100% - 140px)}
.after .method, .after .train-sup-t-desc, .match .train-sup-t-desc{width: auto}
.moment-list .pro{width: auto;height: auto}
.map_intro{padding: 25px 0 30px}
.map_intro .pro{margin-right: 0;width: 100%;text-align: center}
.map_intro .desc{width: 100%}
.where{padding: 0 2%}
.info{padding: 0 2%}
.info-left{width: 100%;padding-right: 0}
.info-right{display: none}
.info-list{padding: 20px 0}
.info-list:first-child{padding-top: 30px}
.info-list .pro{margin-right: 15px}
.info-list .desc{width: calc(100% - 304px)}
.info-list .desc h3{font-size: 20px}
.info_det{padding: 35px 10px}
.solution-warpper .solution_cm p{width: calc(100% - 140px)}
.features-list .desc p{padding: 0 5px}
.policy-list .policy-list-box{padding: 20px 10px}
.tags{padding: 0 2%}
.inside-banner-desc{left: 5%;top: 33%;transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0)}}
@media (max-width:1100px){.display-list .desc .icon i{width: 57px;height: 63px;margin-right: 24px}
.display-list .desc .icon span{font-size: 24px}
.progress{height: 400px}
.progress-item .left-line{margin-top: -160px}
.progress-list{padding-left: 35px;padding-right: 2%}}
@media (max-width:900px){.inside-banner-desc{left: 50%;top: 22%;width: 80%;text-align: center;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%)}}
@media (max-width:768px){.theme-list .desc{padding: 10px 0 20px}
.steam .steam-bg{margin: 35px 0 40px}
.steam .steam-bg img{max-width: 100%}
.steam .desc{padding: 0;width: 100%}
.steam .pro{width: 100%;text-align: center;margin-top: 10px}
.resource .desc .title2{margin-bottom: 30px}
.master_1{margin-top: 20px;padding-bottom: 40px}
.master_2{padding: 40px 0 35px}
.product{height: calc(60vh - 90px)}
.product .mouse{display: none}
.banner-ctrl .banner-next, .banner-ctrl .banner-prev{width: 46px;height: 46px;line-height: 46px;font-size: 22px}
.display-list .pro{width: 100%}
.display-list .pro i{display: none}
.display-list .desc{width: 100%}
.display-list .desc .icon p{font-size: 14px}
.case{padding: 35px 0}
.case .case-item{padding: 35px 0 10px}
.case-list{width: 50%;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-bottom: 10px}
.product-det .name{font-size: 34px}
.inside-step-content{margin-top: 35px}
.is-content-l img{max-width: 100%}
.face-list-all{margin-top: 15px}
.face-list{margin-top: 25px;margin-bottom: 35px}
.movie-list{margin-top: 35px}
.movie-one-desc{width: 100%;line-height: 24px;font-size: 14px}
.movie-one-img-f{font-size: 34px}
.train-sup-t-desc-l, .train-sup-t-desc-r{display: none}
.match .train-sup-t-desc{font-size: 18px;line-height: 30px}
.moment{padding: 45px 0 35px}
.after .train-sup-t-desc{font-size: 16px;line-height: 28px}
.after .method{font-size: 16px;margin: 0 auto 40px;height: auto;line-height: 46px}
.contact-list{padding: 20px 10px 35px 0}
.info_det{margin-top: 30px}
.info_det .title{font-size: 24px;padding-bottom: 25px}
.share{float: none}
.contact-sub{width: 100%!important}
.introduce .title3 h2{font-size: 36px}
.solution .intro{margin-top: 25px}
.solution-warpper .desc{width: 100%;margin-top: 20px}
.solution-warpper .pro{width: 100%;text-align: center;margin-bottom: 20px}
.solution-warpper .pro img{max-width: 100%}
.solution-warpper i{width: 24px;height: 24px;vertical-align: middle}
.solution-warpper .solution_cm span{vertical-align: middle;margin: 0 15px}
.solution-warpper .solution_cm p{width: calc(100% - 100px)}
.policy-list{width: 33.33%}}
@media (max-width:500px){.theme{padding: 35px 2% 20px}
.bs-class{padding: 30px 2% 0}
.bs-class .desc{margin-top: 30px}
.bs-content{padding: 35px 0}
.theme-item{margin-top: 30px}
.theme-item img{width: 100% !important;height: auto !important;}
.theme-list .name h3{font-size: 18px}
.theme-list .name i{width: 28px;height: 28px;margin-right: 5px}
.app-list{width: 50%}
.app-list .pro{width: 90px;height: 90px;background-size: 56px!important}
.app-list h3{font-size: 18px;margin: 0 0 5px}
.app-list p{font-size: 12px;line-height: 24px}
.theme-bg{margin-top: 35px}
.mg-space-init{margin-top: 10px}
.mg-row{margin-bottom: 0!important}
.resource .desc .title2{margin-bottom: 15px}
.resource .desc .title2 h2:after, .resource .desc .title2 h2:before{display: none}
.master .function-item{margin-top: 20px}
.master .function-list .fl-sub{margin-bottom: 0}
.master .function-list .intro{width: 50px;padding: 0 10px}
.master .function-list .desc{width: calc(100% - 50px);padding: 10px}
.master .function-list .fl-sub p{width: 100%;text-align: justify;margin: 10px 0}
.master .function-list.this .desc-warpper:after{display: none}
.tool .intro{margin: 15px 0}
.tool .desc h3{font-size: 24px;margin-bottom: 25px}
.tool .desc .font{padding-left: 0}
.system{padding: 35px 0}
.system .pro{margin: 25px 0 20px}
.product{height: calc(52vh - 90px)}
.children .photo{display: none}
.display{padding: 25px 2% 0}
.display-item{padding-top: 35px}
.display-list .desc p{font-size: 14px}
.good-intro{padding: 35px 2% 30px}
.good-show{padding: 25px 0 30px}
.product-det .name{font-size: 28px;margin-bottom: 30px!important}
.good-show .banner-ctrl .banner-next, .good-show .banner-ctrl .banner-prev{width: 30px;height: 68px;line-height: 68px}
.good-show .banner-ctrl{height: 68px}
.video{padding: 30px 2% 25px}
.train-sup-t{margin-top: 25px}
.train-sup-t-desc{margin: 25px auto;font-size: 16px;line-height: 26px}
.train-sup-t-desc-l, .train-sup-t-desc-r{display: none}
.step-title span{font-size: 24px}
.step-title-num{margin-top: 0}
.inside-step-content{margin-top: 20px}
.inside-step{margin-bottom: 40px}
.is-content-r p::before{top: 11px;left: -19px;transform: translateY(0)}
.is-content-r{padding-top: 20px;padding-left: 19px}
.is-content-r p{line-height: 30px;font-size: 14px}
.face-one{padding: 5px 0;margin-bottom: 20px}
.face-one-img{margin: 15px 8px;width: 70px;height: 70px;font-size: 12px}
.face-one-img:before{background-size: contain;background-repeat: no-repeat;margin: 14px auto 1px;width: 21px;height: 24px}
.face-one-desc{width: calc(100% - 90px)}
.f-one-desc-b p, .f-one-desc-t p{font-size: 14px}
.face-one::after{transform: translateY(0)}
.movie-one{width: 33.333%}
.movie-one-img{width: 96px;height: 96px}
.movie-one-img-b, .movie-one-img-f{font-size: 18px}
.movie-one-img-f{font-size: 28px}
.movie-one-desc{margin-bottom: 15px;padding: 0 5px}
.after .train-sup-t-desc, .match .train-sup-t-desc{font-size: 15px;line-height: 24px;text-align: left;text-indent: 2em}
.progress{height: 300px}
.progress-item{padding-left: 8px}
.progress-item .left-line{margin-top: -118px;left: 11px;width: 8px}
.progress-item ul{padding-top: 45px}
.progress-list{padding-left: 20px;padding-right: 4%;font-size: 14px;margin: 15px 0}
.progress-list:before{margin-left: 3px;width: 8px;height: 8px;top: 5px}
.moment{padding: 25px 0 15px}
.moment-item{margin-top: 20px}
.moment-list{width: 50%;border-right: 5px solid transparent;border-left: 5px solid transparent}
.moment-list .desc{margin-top: 10px}
.after .method{padding: 5px 0;line-height: 26px}
.after .method p:before{width: 20px;height: 20px;background-size: contain}
.map_intro{padding-top: 0}
.map_intro svg{width: 100%;height: auto}
.map_intro .desc{line-height: 28px}
.map_intro .desc span{width: calc(100% - 25px)}
.map_intro .desc>div:before{margin-right: 10px}
.where .step-title{width: 300px}
.contact-list{width: 100%;padding-right: 0;padding-bottom: 20px}
.contact-item{margin-bottom: 35px}
.info-list{padding: 20px 0 15px}
.info-list .pro{width: auto;height: auto;width: 40%}
.info-list .desc{width: 53%}
.info-list .desc h3{font-size: 16px;margin-bottom: 7%}
.info-list .desc p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 24px;margin: 0}
.info-list .tips{font-size: 12px;margin-top: 15px;position: relative}
.info-list .tips i{display: none}
.info-list .tips span a{padding:8px;margin-left: -10px;}
.info-list .date{font-size: 12px;bottom: 5px}
.info-list .date:before{display: none}
.info-list .pc{display: none}
.info-list .mobile-desc{display: block}
.info_det{padding: 25px 10px}
.info_det .title{font-size: 18px;padding-bottom: 15px}
.info_det .summary{padding: 5px 10px;line-height: 24px;margin-bottom: 10px}
.info_det .tips{margin: 10px 0 5px;font-size: 12px}
.content .back{margin-top: 55px;display: block}
.textprenext{line-height: 24px}
.share{display: none;margin-top: 10px}
.comment .pinglun{font-size: 18px}
.comment .pinglun:before{background-size: contain;width: 20px;height: 20px;margin-right: 5px}
.comment .form{margin: 20px 0 20px}
.comment .form .textarea{padding: 10px}
.comment .form .name{width: 100%;text-align: left;margin-bottom: 10px;margin-right: 0}
.comment .form .name input{width: 145px!important}
.comment .form .oth{text-align: left}
.comment .form .mobile-name{width: 59%;margin-right: 0;border-right: 10px solid transparent}
.comment .form .mobile-name input{width: calc(100% - 66px)!important}
.comment .form button{margin-left: 0;margin: 10px auto 0;display: block;font-size: 14px}
#captcha_img{width: 40%}
#captcha_img img{max-width: 100%}
.list-item{margin-bottom: 15px}
.list-item .user{font-size: 14px;margin-bottom: 10px}
.list-item .text{line-height: 24px;padding-bottom: 10px}
.contact-sub{margin-bottom: 15px;padding-left: 30px}
.contact-father{width: 100%}
.contact .guanzhu{display: none}
.contact-sub i{width: 18px;height: 18px;background-size: contain!important;top: 5px}
.map{height: 250px}
.introduce .title3{margin-bottom: 10px}
.introduce .title3 h2{font-size: 28px}
.introduce .the-logo{width: 60px}
.introduce .dot{margin-right: 0}
.features-item{padding-top: 30px}
.features-list{width: 50%;margin-bottom: 10px;border-left: 5px solid #f3f3f3;border-right: 5px solid #f3f3f3;height: auto;padding-bottom: 15px}
.features-list img{width: 80px}
.features-list .pro{margin-top: 25px}
.features-list .desc h3{font-size: 18px;margin: 15px 0}
.features-list .desc p{font-size: 12px;line-height: 24px}
.levels-list .desc{font-size: 12px}
.policy-warpper h3{margin-top: 25px;font-size: 18px}
.policy-warpper .intro{background-position-y: -1px;padding-bottom: 6px;background-size: 4px}
.policy-warpper .intro p{line-height: 37px}
.policy-item{margin-top: 30px}
.policy-list{height: auto}
.solution-warpper .pro img{width: 300px}
.inside-banner-desc{top: 18%}
.inside-banner-desc h2{font-size: 26px;margin-bottom: 10px}
.inside-banner-desc p{font-size: 14px}
.mobile-no-list{display: block}
.no-list{display: none}}
@media (max-width:360px){.app-list p{font-size: 11px}
.banner-ctrl .banner-next, .banner-ctrl .banner-prev{width: 38px;height: 38px;line-height: 38px;font-size: 20px}
.product-det .name{font-size: 24px;margin-bottom: 25px!important}
.train-sup-t-desc{font-size: 14px}
.f-one-desc-b p, .f-one-desc-t p{font-size: 12px}
.movie-one-img{width: 90px;height: 90px}
.movie-one-desc{font-size: 11px}
.match .train-sup-t-desc{margin: 15px auto;font-size: 14px}
.step-title span{font-size: 20px}
.where .step-title{width: 260px}
.info_det .date, .info_det .num{margin-right: 20px}
.solution-warpper .pro img{width: 250px}
.policy-list{width: 50%}
.policy-warpper h3{font-size: 16px}}
@media (max-width:340px){.info-list .desc{vertical-align: top}
.info-list .desc h3{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;white-space: normal}
.info-list .desc p{display: none}}