/*reset*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@charset "utf-8";

/*css comment*/

*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    outline: none;
    list-style: none;
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body,
html {
    color: #666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
    overflow-x: hidden;
    font-family: arial, "微软雅黑", Microsoft YaHei;
    font-size: 14px;
    line-height: 1.72;
    text-align: justify;
}

img {
    border: none;
    display: inline-block;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    _width: auto;
}

button,
input,
textarea,
select {
    border: none;
    background: none;
    font-size: 14px;
    vertical-align: middle;
    color: #333;
    font-family: arial, "微软雅黑", Microsoft YaHei;
}

select {
    border: inherit;
    background: inherit;
}

a {
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    outline: none;
    color: #333;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
}

em,
i {
    font-style: normal;
}

a:focus,
input,
select {
    outline: none;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: "\200B";
    display: block;
    clear: both;
    height: 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
select {
    -webkit-appearance: none;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
    opacity: 0.90;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
label {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.3;
    font-family: arial, "微软雅黑", Microsoft YaHei;
}

p,
ul,
ol {
    margin: 0;
}

header,
main,
footer,
section {
    display: block;
}


/*browserupgrade*/

.browserupgrade {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 60px;
    font-size: 15px;
    line-height: 60px;
    z-index: 5000;
    background-color: #666;
    color: #fff;
    text-align: center
}

.browserupgrade a {
    color: #eee;
    text-decoration: underline;
    font-size: 18px;
}

.browserupgrade a:hover {
    color: #eee
}


/*owl-theme*/

.owl-carousel .owl-nav a {
    display: inline-block;
    vertical-align: middle;
}

.owl-carousel .owl-nav a span {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.owl-carousel .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.owl-carousel .owl-dots .owl-dot.active {
    background: #0036aa;
    border-color: #0036aa;
}

.inner,
.slide .owl-dots {
    width: 1400px;
    margin: 0 auto;
}


/*===================header========================*/

header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1003;
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
}

.header_warp {
    max-width: 1700px;
    margin: 0 auto;
}

.logo {
    float: left;
    position: relative;
    top: 35px;
}

.logo img {
    display: block;
}

.nav_wrap {
    float: right;
    position: relative;
    top: 56px;
}

.nav {
    float: right;
    margin: 0 -15px;
    padding-right: 20px;
}

.nav li.li_item0 {
    float: left;
    padding-bottom: 25px;
}

.nav li.li_item0 a.a_item0 {
    display: block;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-radius: 15px;
    line-height: 30px;
    padding: 0 15px;
}

.nav li.li_item0 a.a_item0:before {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    height: 13px;
    background: url(../images/ico_01.png) center 13px no-repeat;
}

.down_menu {
    width: 75%;
    position: absolute;
    top: 95%;
    left: 0;
    color: #fff;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

.down_menu_block {
    /*width:100%; */
    /*max-width: 980px; float: right;*/
    background: #0036aa;
    border-radius: 5px;
    padding: 3%;
}


/*tel_400*/

.tel_400 {
    overflow: hidden;
    line-height: 44px;
    margin-top: 10px;
}

.tel_400 img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.tel_phone {
    float: right;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding-left: 20px;
    position: relative;
}

.tel_phone:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 15px;
    margin-top: -7px;
    background: rgba(255, 255, 255, .20);
}

.tel_phone img {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}


/*nav_class*/


/*.nav_class{ float: left;  width:65%;padding-right:2%;border-right:1px solid rgba(255,255,255,.50); position: relative; margin-right: 4%;}*/

.nav_class a.a_item1 {
    display: block;
    color: #fff;
    opacity: 0.80;
    position: relative;
    margin-left: 18px;
    margin-bottom: 10px;
    float: left;
    width: 29%;
    line-height: 24px;
}


/* .nav_class a.a_item1:before{ content:""; position:absolute; top:50%; left:0; width:10px; height: 10px; margin-top:-5px; background: url(../images/ico_03.png) no-repeat; opacity:0.60;} */

.nav_class a.a_item1:after {
    content: "";
    position: absolute;
    bottom: -100%;
    left: 50%;
    width: 10px;
    height: 10px;
    background: url(../images/ico_nav01.png) center -10px no-repeat;
    margin-bottom: 4px;
    margin-left: -23px;
}

.nav_class a.a_item1:hover,
.nav_class a.a_item1:hover:before {
    opacity: 1;
}

.third_level {
    width: 100%;
    clear: both;
    border-top: 1px solid rgba(255, 255, 255, .40);
    padding: 15px 0;
    display: none;
}

.third_level a {
    display: block;
    position: relative;
    float: left;
    font-size: 13px;
    line-height: 24px;
    color: #a1f9ff;
    padding-left: 18px;
    margin-right: 3%;
}

.third_level a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
}

.third_level a:hover {
    color: #fff;
}

.third_level a:hover:before {
    width: 12px;
}

.nav_class a.has_third.active {
    opacity: 1;
}

.nav_class a.has_third.active:after {
    background-position: center bottom;
}

.nav li.li_item0.nav_li02 .down_menu .nav_class a.a_item1,
.nav li.li_item0.nav_li09 .down_menu .nav_class a.a_item1 {
    width: 33.33%;
}

.nav li.li_item0.nav_li04 .down_menu .nav_class a.a_item1 {
    width: 22.5%;
}

.nav li.li_item0.nav_li04 .down_menu .nav_class a.a_item1:nth-child(4) {
    width: 32.5%;
}

.nav li.li_item0:hover .down_menu {
    top: 100%;
    height: auto;
    opacity: 1;
}

.nav li.li_item0:hover a.a_item0,
.nav li.li_item0.on a.a_item0 {
    background: #0036aa;
}

.nav li.li_item0:hover a.a_item0:before {
    background-position: center top;
}


/*menu_ico*/

.menu_ico {
    cursor: pointer;
    display: none;
    width: 30px;
    height: 24px;
    position: absolute;
    top: 15px;
    right: 15px;
}

.menu_ico i {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 0;
}

.menu_ico i:nth-of-type(2) {
    top: 10px;
}

.menu_ico i:nth-of-type(3) {
    top: 20px;
}

.menu_active i {
    background-color: #fff;
}

.menu_active i:nth-of-type(2) {
    opacity: 0;
}

.menu_active i:nth-of-type(1),
.menu_active i:nth-of-type(3) {
    top: 10px;
}

.menu_active i:nth-of-type(1) {
    transform: rotate(-45deg);
}

.menu_active i:nth-of-type(3) {
    transform: rotate(45deg);
}


/*============================footer=======================*/

footer {
    position: relative;
    padding-top: 110px;
}

.waveWrapper {
    overflow: hidden;
    height: 110px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    /* background-image: linear-gradient(to top, #86377b 20%, #27273c 80%);*/
}

.bgTop {
    z-index: 10;
    opacity: 0.20;
}

.bgMiddle {
    z-index: 15;
    opacity: 1;
}

.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}

.waveTop {
    background-size: 100% 87px;
}

.waveAnimation .waveTop {
    -webkit-animation: move_wave 4s infinite linear alternate;
    animation: move_wave 4s infinite linear alternate;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.waveMiddle {
    background-size: 100% 107px;
}

.waveAnimation .waveMiddle {
    -webkit-animation: move_wave 8s infinite linear alternate;
    animation: move_wave 8s infinite linear alternate;
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-20%) translateZ(0) scaleY(0.50)
    }
    100% {
        transform: translateX(-40%) translateZ(0) scaleY(1)
    }
}

.footer_top {
    background: url(../images/footer_01.jpg) center top no-repeat;
    background-size: cover;
    padding-bottom: 3%;
    color: #fff;
}


/*footer_l*/

.footer_l {
    width: 24%;
    float: left;
}

.footer_logo {
    display: block;
    margin-bottom: 15px;
}


/*shared*/

.shared {
    margin: -7px;
}

.shared li {
    float: left;
}

.shared li a {
    display: block;
    padding: 7px;
}

.shared li a img {
    display: block;
    transition: transform 12s cubic-bezier(.23, 1, .32, 1);
    transform: scale(1);
    opacity: .60;
}

.shared li:hover a img {
    opacity: 1;
    transform: scale(1.1);
}


/*bdshare-button-style*/

.bd_weixin_popup {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.footer_l .bdshare-button-style1-16 {}

.footer_l .bdshare-button-style1-16 a {
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: relative;
    padding: 0;
    margin: 0 10px 0 0;
    background-position: center center;
    opacity: .80;
}

.footer_l .bdshare-button-style1-16 a:hover {
    opacity: 1;
}

.footer_l .bdshare-button-style1-16 a.bds_sqq {
    background-image: url(../images/shared_ico01.png);
}

.footer_l .bdshare-button-style1-16 a.bds_weixin {
    background-image: url(../images/shared_ico02.png);
}

.footer_l .bdshare-button-style1-16 a.bds_tsina {
    background-image: url(../images/shared_ico03.png);
}


/*hot_line*/

.hot_line {
    margin-top: 25px;
}

.hot_line span {
    display: block;
    position: relative;
    margin-top: 10px;
    border: 1px solid rgba(255, 255, 255, .50);
    line-height: 48px;
    max-width: 310px;
    padding-left: 85px;
    padding-right: 10px;
}

.hot_line span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, .50);
    background: url(../images/ico_08.png) center center no-repeat;
    background-size: 24px;
}


/*footer_m*/

.footer_m {
    position: relative;
    width: 44%;
    float: left;
    text-align: center;
    padding-top: 60px;
    padding-left: 2%;
    padding-right: 2%;
    margin: 0 3%;
}

.footer_m:before,
.footer_m:after {
    content: "";
    position: absolute;
    top: 30%;
    left: 0;
    width: 1px;
    height: 60%;
    background: rgba(255, 255, 255, .30);
}

.footer_m:after {
    left: auto;
    right: 0;
}

.erweima_block {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 5px;
}

.erweima_img {
    display: inline-block;
    padding: 2px;
    border: 1px solid rgba(255, 255, 255, .50);
}

.erweima_img img {
    display: block;
}

.erweima_txt {
    position: relative;
    padding-bottom: 10px;
    margin-top: 10px;
}

.erweima_txt:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 22px;
    height: 1px;
    background: #fff;
    margin-left: -11px;
}


/*footer_r*/

.footer_r {
    overflow: hidden;
    padding-top: 18px;
}

.ask_box {
    float: right;
    width: 100%;
    max-width: 400px;
    position: relative;
}

.footer_item {
    margin-bottom: 20px;
    text-align: left;
}

.ask_form {
    margin: -5px;
}

.form_line {
    width: 100%;
    clear: both;
    padding: 5px;
}

.line_dif {
    width: 100%;
    float: left;
    clear: none;
}

.form_txt {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 25px;
    padding: 10px 0 10px 20px;
    background: rgba(255, 255, 255, .20);
    color: rgba(255, 255, 255, .80);
    transition: all 0.5s ease-in-out;
}

.form_yu {
    resize: none;
    height: 85px;
}

.form_txt:focus,
.form_txt:hover {
    background: rgba(255, 255, 255, .10);
    color: #fff;
}

.ask_submit {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
}

.ask_submit:hover {
    text-decoration: underline;
}

.footer_bot {
    line-height: 24px;
    padding: 1% 0;
    background: #000;
    color: rgba(255, 255, 255, .50);
    text-align: center;
}

.footer_bot a {
    color: rgba(255, 255, 255, .50);
}

.footer_bot a:hover {
    color: #fff;
    text-decoration: underline;
}

.form_txt::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .80);
}

.form_txt::-moz-placeholder {
    color: rgba(255, 255, 255, .80);
}

.form_txt:-moz-placeholder {
    color: rgba(255, 255, 255, .80);
}

.form_txt:-ms-input-placeholder {
    color: rgba(255, 255, 255, .80);
}

.form_txt:focus::-webkit-input-placeholder {
    color: #fff;
}

.form_txt:focus::-moz-placeholder {
    color: #fff;
}

.form_txt:focus:-moz-placeholder {
    color: #fff;
}

.form_txt:focus:-ms-input-placeholder {
    color: #fff;
}


/*==============tan_warp*/

.tan_warp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4000;
    display: none;
}

.tan_warp .table {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.tan_bg {
    background: rgba(0, 0, 0, .80);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.tan_closed {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background: rgba(255, 255, 255, .60);
    font-size: 40px;
    color: #fff;
}

.tan_closed:hover {
    background-color: #c70019;
}

.tan_box {
    display: inline-block;
    position: relative;
    z-index: 2;
}


/*notice_warp*/

#notice_warp {
    text-align: center;
    color: #fff;
    font-size: 16px;
}

#notice_warp img {
    display: block;
    margin: 0 auto 20px;
}


/*===================main========================*/

main {}


/*==============
focus_warp*/

.focus_warp {
    width: 100%;
    /* height: 870px;*/
    overflow: hidden;
    position: relative;
    min-height: 500px;
}

.slide {
    display: block;
}

.slide,
.slide .owl-stage-outer,
.slide .owl-stage,
.slide .owl-item,
.slide li,
.slide_item img.slide_img0 {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slide .owl-item .slide_item img.slide_img0 {
    display: block;
}

.slide_item {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.slide .owl-nav {}

.slide .owl-nav a {
    width: 35px;
    height: 65px;
    position: absolute;
    top: 50%;
    left: 6%;
    margin-top: -32px;
    background: url(../images/arrow_01.png) left top no-repeat;
    opacity: .10;
}

.slide .owl-nav a span {
    font-size: 0;
}

.slide .owl-nav a.owl-prev:hover {
    opacity: 1;
    background-position: right top;
}

.slide .owl-nav a.owl-next {
    left: auto;
    right: 6%;
    background-position: right bottom;
}

.slide .owl-nav a.owl-next:hover {
    opacity: 1;
    background-position: left bottom;
}

.slide-counter {
    color: #0036aa;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 3%;
}

.slide-counter i {
    color: #fff;
    margin: 0 5px;
}

.slide-counter em {
    color: #fff;
}

.slide .owl-dots {
    text-align: right;
    left: 50%;
    margin-left: -700px;
}

.slide-counter,
.slide .owl-dots {
    margin-bottom: 45px;
}


/*slide_01*/

.slide_text {
    position: absolute;
    top: 50%;
    margin-top: -12%;
    left: 0;
    z-index: 1;
    width: 100%;
}

.slide01_text img {
    width: 52%;
    max-width: 726px;
    position: relative;
    top: 50px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.ie9 .slide01_text img {
    top: 0;
    opacity: 1;
}

.slide .owl-item.active li.slide_item .slide01_text img {
    animation: 2s .2s move01 both;
}

.move01 {
    animation: move01 1s forwards alternate;
    -moz-animation: move01 1s forwards alternate;
    -webkit-animation: move01 1s forwards alternate;
    -o-animation: move01 1s forwards alternate;
}

@keyframes move01 {
    0% {
        top: 50px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@-moz-keyframes move01 {
    0% {
        top: 50px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes move01 {
    0% {
        top: 50px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@-o-keyframes move01 {
    0% {
        top: 50px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@media only screen and (max-width: 1599px) {
    .inner,
    .slide .owl-dots {
        width: 1200px;
    }
    /*header*/
    .nav li.li_item0 a.a_item0 {
        padding: 0 8px;
    }
    /*focus*/
    /*.focus_warp{ height: 670px;}*/
    .slide .owl-dots {
        margin-left: -600px;
    }
    .slide .owl-nav a.owl-prev {
        left: 2%;
    }
    .slide .owl-nav a.owl-next {
        right: 2%;
    }
}

@media only screen and (max-width: 1279px) {
    .inner,
    .slide .owl-dots {
        width: 100%;
        max-width: 1054px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .slide .owl-dots {
        left: auto;
        margin-left: 0;
        right: 0;
    }
    /*header*/
    header {
        position: fixed;
        background: #000;
        height: 55px;
    }
    .logo {
        top: 10px;
    }
    .logo img {
        height: 35px;
        width: auto;
    }
    .menu_ico {
        display: block;
    }
    .tel_phone {
        display: block;
        float: none;
        padding-left: 0;
        margin-bottom: 30px;
    }
    .tel_phone:before {
        display: none;
    }
    .nav_wrap {
        background: #0036aa;
        width: 100%;
        height: 100%;
        height: -webkit-calc(100% - 55px);
        height: calc(100% - 55px);
        position: fixed;
        top: 55px;
        left: 0;
        padding: 30px 15px;
        overflow-y: auto;
        display: none;
    }
    .shared {
        float: none;
        padding: 0;
        margin: 20px -7px;
    }
    .shared:before {
        display: none;
    }
    .nav {
        float: none;
        margin: 0;
        padding: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
    }
    .nav li.li_item0 {
        float: none;
        padding-bottom: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: returnToNormal;
        animation-name: returnToNormal;
    }
    .nav li.li_item0 a.a_item0,
    .nav li.li_item0:hover a.a_item0,
    .nav li.li_item0.nav_cur a.a_item0 {
        padding: 10px;
        text-align: left;
        font-size: 16px;
    }
    .nav li.li_item0 a.a_item0:before {
        display: none;
    }
    @-webkit-keyframes returnToNormal {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes returnToNormal {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    .down_menu,
    .nav li.li_item0:hover .down_menu {
        position: relative;
        width: 100%;
        left: auto;
        margin: 0;
    }
    .down_menu_block {
        max-width: none;
        float: none;
        padding: 10px;
    }
    .down_menu .tel_400 {
        display: none;
    }
    .nav_class {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0;
        border: none;
    }
    .nav li.li_item0:nth-child(n) .down_menu .nav_class a.a_item1 {
        width: 50%;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .third_level a {
        width: 50%;
        margin: 0;
    }
    /*footer*/
    .erweima_block {
        width: 112px;
    }
    .erweima_txt {
        margin-top: 0;
    }
    .line_dif {
        width: 100%;
    }
    .form_txt {
        height: 35px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .form_yu {
        height: 85px;
    }
    /*focus*/
    main {
        padding-top: 55px;
    }
    .focus_warp {
        min-height: 200px;
    }
}

@media only screen and (max-width: 991px) {
    footer {
        padding-top: 40px;
    }
    .waveWrapper,
    .footer_top {
        display: none;
    }
    .footer_l,
    .footer_m,
    .footer_r {
        width: 100%;
        float: none;
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .footer_logo {
        width: 210px;
        margin-left: auto;
        margin-right: auto;
    }
    .hot_line {
        margin-top: 0;
    }
    .hot_line span {
        line-height: 38px;
        display: inline-block;
    }
    .footer_m {
        padding: 30px 0;
    }
    .footer_m:before,
    .footer_m:after {
        display: none;
    }
    .erweima_block {
        width: 92px;
    }
    .ask_box {
        float: none;
        margin: 0 auto;
    }
    .focus_warp {
        min-height: 0;
    }
}


/*================================================首页================================================*/

.index_sec {}


/*bgImg*/

.bgImg {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s ease-in-out;
}

.bgImg img {
    display: none;
}


/*table*/

.table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
}

.cell {
    display: table-cell;
    vertical-align: middle;
}


/*more01*/

.more01 {
    overflow: hidden;
    display: inline-block;
    width: 172px;
    height: 45px;
    line-height: 41px;
    border-radius: 23px;
    text-align: center;
    background-color: #0036aa;
    border: 2px solid #0036aa;
    color: #fff;
}

.more01 span {
    display: inline-block;
    padding-right: 30px;
    position: relative;
}

.more01 span:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 100%;
    background: url(../images/ico_05.png) right center no-repeat;
}

.more01:hover {
    background: #fff;
    color: #0036aa;
}

.more01:hover span:before {
    background-position: left center;
}


/*more02*/

.more02 {
    display: block;
    width: 132px;
    line-height: 34px;
    border: 1px solid rgba(255, 255, 255, .50);
    text-align: center;
    color: #fff;
}

.more02 span {
    display: inline-block;
    padding-right: 15px;
    position: relative;
}

.more02 span:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 0;
    width: 11px;
    height: 11px;
    background: url(../images/ico_06.png) right top no-repeat;
    background-size: 22px;
}

.more02:hover span:before {
    background-position: left top;
}


/*more03*/

.more03 {
    display: block;
    width: 104px;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
}

.more03 span {
    display: inline-block;
    padding-right: 15px;
    position: relative;
}

.more03 span:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    background: url(../images/ico_06.png) right top no-repeat;
    background-size: 16px;
}

.more03:hover span:before {
    background-position: left top;
}


/*==================sec_about*/

.sec_about {}


/*major_load*/

.major_load {
    width: 100%;
    /* max-width: 700px; */
    margin-top: -45px;
}

.major_load li {
    width: 33.333333333%;
    height: 160px;
    overflow: hidden;
    float: left;
    position: relative;
    text-align: center;
    background: #000;
}

.major_load li a {
    display: block;
    width: 100%;
    height: 100%;
    background: #043477;
    color: #fff;
}

.major_load li:last-child a {
    background: #0d499c;
}

.major_load li .bgImg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .25;
}

.load_tit {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-right: 25px;
    background: url(../images/ico_04.png) right center no-repeat;
    background-size: 12px;
}

.load_tit img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.major_load li:hover a {
    opacity: .96;
}


/*sec_top*/

.sec_top {
    /* height:80px; */
    position: relative;
    margin-bottom: 30px;
}

.sec_top .more01 {
    float: right;
    margin-top: 1.5%;
}

.title01 {
    float: left;
}

.title01 a {
    display: block;
    color: #000;
}

.title01 a em {
    display: block;
    position: relative;
}

.title01 a em:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -40px;
    width: 24px;
    height: 1px;
    background: #b2b2b2;
}

.title01_style2 a {
    color: #fff;
}

.title01_style2 a em:before {
    background-color: #fff;
}


/*about_warp*/

.about_warp {
    color: #333;
    height: 534px;
    position: relative
}

.about_info {
    width: 39%;
    float: left;
    padding-top: 100px;
}

.about_item {
    margin-bottom: 10px;
}

.about_des {
    line-height: 24px;
    max-height: 168px;
    overflow: hidden;
    margin-bottom: 8%;
}

.about_img {
    overflow: hidden;
    height: 100%;
    position: relative;
}

.about_img_01 {
    width: 82%;
    max-width: 700px;
    height: 100%;
    float: right;
    overflow: hidden;
}

.about_img_02 {
    display: block;
    z-index: 2;
    position: absolute;
    left: 36%;
    bottom: -15%;
    opacity: 0;
    width: 75%;
    max-width: 700px;
}


/*==================sec_news*/

.sec_news {
    overflow: hidden;
    background: url(../images/news_01.jpg) center top no-repeat;
    background-size: cover;
    color: #fff;
    padding: 4% 0 3%;
    /* position: relative;
    min-height: 600px; */
}

#news_scr {
    border-top: 1px solid rgba(255, 255, 255, .30);
    border-bottom: 1px solid rgba(255, 255, 255, .30);
    position: relative;
    top: 10%;
    opacity: 0;
    background-color: #fff;
    /* position: absolute;
    top: 200px; */
}

#news_scr .owl-item .item {
    position: relative;
    padding: 10%;
}

#news_scr .owl-item .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#news_scr .owl-item .item:after {
    content: "";
    position: absolute;
    top: 15%;
    left: 1px;
    width: 1px;
    height: 70%;
    background: rgba(255, 255, 255, .30);
}

#news_scr .owl-item:first-child .item:after {
    display: none;
}

.news_block {
    position: relative;
    max-width: 304px;
    margin: 0 auto;
}

.news_date {
    margin-bottom: 20px;
}

.news_date em {
    vertical-align: baseline;
    margin-right: 8px;
}

.news_tit {
    margin-bottom: 15px;
}

.news_tit a {
    display: block;
    overflow: hidden;
    color: #fff;
    line-height: 28px;
    max-height: 56px;
}

.news_des {
    line-height: 22px;
    max-height: 44px;
    overflow: hidden;
    opacity: .80;
    margin-bottom: 40px;
}

#news_scr .owl-item:hover .item:before {
    background: rgba(255, 255, 255, .10);
}

#news_scr .owl-nav a {
    position: absolute;
    top: 50%;
    left: -45px;
    width: 25px;
    height: 50px;
    margin-top: -25px;
    background: url(../images/arrow_02.png) left center no-repeat;
    opacity: .50;
}

#news_scr .owl-nav a:hover,
#news_scr .owl-nav a.disabled {
    opacity: 1;
}

#news_scr .owl-nav a.owl-next {
    left: auto;
    right: -45px;
    background-position: right center;
}

#news_scr .owl-nav a span {
    font-size: 0;
}

#news_scr .news_block a {
    box-sizing: border-box;
    display: block;
}

#news_scr .news_block .tupian {
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #f1f1f1;
}

#news_scr .news_block img {
    transition-duration: 0.5s
}

#news_scr .news_block:hover .tupian {
    border: 1px solid #0d499c;
}

#news_scr .news_block:hover img {
    transform: scale(1.1);
}

#news_scr .news_block div.wenzi {
    font-size: 16px;
    color: #333;
    text-align: center;
}


/*==================sec_business*/

.sec_business {
    overflow: hidden;
    position: relative;
    color: #fff;
}

.sec_business:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 32.65%;
    background: url(../images/news_02.jpg) center top no-repeat;
    background-size: cover;
}

.business_list {
    /* background: #000;*/
    overflow: hidden;
    box-shadow: 0 0 50px 10px rgba(0, 0, 0, .11);
    margin-bottom: 50px;
}

.business_list li {
    float: left;
    width: 33.33%;
    height: 266px;
}

.business_info {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.business_list li .bgImg {
    position: absolute;
    top: 0;
    left: 0;
}

.business_list li .table {
    padding: 0 10%;
}

.business_list li a {
    color: #fff;
}

.business_item {
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.business_item img {
    display: block;
    margin-bottom: 15px;
    width: 45px;
}

.business_item em {
    display: block;
    text-transform: none;
    text-align: left;
}

.business_list li.align_center,
.business_list li.align_center .business_item em {
    text-align: center;
}

.business_list li.align_center .business_item img,
.business_list li.align_center .more03 {
    margin-left: auto;
    margin-right: auto;
}

.business_list li.color_black a {
    color: #333;
}

.business_list li.color_black .business_item em {
    opacity: .50;
}

.business_list li.color_black .more03 {
    border-color: #b2b2b2;
}

.business_list li.color_black .more03 span:before {
    background-position: right bottom;
}

.business_list li.color_black .more03:hover span:before {
    background-position: left bottom;
}

.business_list li.business_02 {
    height: 532px;
}

.business_list li.business_02 .business_item {
    margin-bottom: 40px;
}

.business_list li.business_04 {
    margin-left: -100%;
    /*margin-top:266px;*/
}

.business_list li.business_06,
.business_list li.business_07 {
    height: 290px;
}

.business_list li.business_06 .business_info {
    overflow: visible;
}

.business_list li.business_06 .bgImg {
    transition: transform 6s cubic-bezier(.23, 1, .32, 1);
    transform: scale(1);
}

.business_list li.business_06:hover .bgImg {
    transform: scale(1);
}

.business_06_img {
    position: absolute;
    bottom: 10px;
    right: -10%;
    z-index: 1;
    width: 50%;
    max-width: 230px;
}

.business_list li.business_07 {
    width: 66.66%;
}

.business_list li.business_07 .business_img {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: relative;
    float: right;
}

.business_list li.business_07 .business_info {
    width: 50%;
    float: left;
}

.adv {
    overflow: hidden;
    position: relative;
}

.adv_line {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 50%;
    background: #fff;
}

.adv_line02 {
    top: 50%;
}

.adv img {
    display: block;
}

.adv .txt {
    position: absolute;
    z-index: 2;
    top: 60px;
    left: 80px;
}

.adv p {
    font-size: 32px;
    margin-bottom: 50px;
}


/*==================sec_honor*/

.sec_honor {
    padding: 4% 0 50px;
    background: url(../images/honor_01.jpg) center bottom no-repeat;
}

.honor_show {}

.honor_scr {
    padding: 40px 0;
}

.honor_scr li {
    width: 250px;
    height: 340px;
    margin-right: 37px;
    float: left;
    text-align: center;
    position: relative;
}

.honor_scr li:before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/honor_02.png) center top no-repeat;
    background-size: contain;
    opacity: 0;
    transform: scale(0);
}

.honor_scr li a {
    display: block;
    height: 100%;
    position: relative;
    color: #fff;
}

.focus_img {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
    transition: all 0.5s ease-in-out;
}

.focus_img img {
    display: block;
    width: 100%;
    height: 100%;
}

.honor_txt {
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
    width: 100%;
    opacity: 0;
    transform: translate(0, 100%);
}

.honor_txt span {
    display: block;
    line-height: 22px;
    padding: 0 12%;
    overflow: hidden;
    /* white-space: nowrap; text-overflow: ellipsis;*/
}

.honor_scr li:hover:before {
    opacity: 1;
    transform: scale(1);
}

.honor_scr li a:hover .focus_img {
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .15);
    width: 88%;
    transform: translate(0, -30px);
}

.honor_scr li a:hover .honor_txt {
    opacity: 1;
    transform: translate(0, 0);
}

.honor_show .mCSB_scrollTools .mCSB_draggerContainer {
    left: 24%;
    width: 52%;
}

.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    margin: 7px auto;
    height: 2px;
    background-color: #fff;
}

.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 45px;
    height: 14px;
    margin: 2px 0;
    background: url(../images/honor_03.png) no-repeat;
}

.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft,
.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    left: 0;
    top: -215px;
    width: 22px;
    overflow: hidden;
    height: 0;
    background: url(../images/arrow_03.png) left bottom no-repeat;
    background-size: 44px;
}

.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    left: auto;
    right: 0;
    background-position: right top;
}

.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft:hover {
    background-position: right bottom;
}

.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight:hover {
    background-position: left top;
}


/*==================sec_course*/

.sec_course {
    padding: 4% 0 160px;
    margin-bottom: -80px;
    background: #f4f4f4;
}

.course_box {
    position: relative;
    margin-bottom: 30px;
}

.sec_course .sec_top {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    text-align: right;
}

.sec_course .title01,
.title01_des {
    padding-right: 40px;
}

.sec_course .title01 {
    float: none;
}

.sec_course .title01 a em:before {
    left: auto;
    right: -40px;
}

.title01_des {
    text-align: right;
    margin-top: 10px;
}

#course_scr {}

#course_scr .owl-item .item {
    margin: -15px -23px;
}

.course_block {
    width: 50%;
    float: left;
    height: 282px;
    padding: 15px 23px;
}

.course_block dl {
    position: relative;
    overflow: hidden;
    background: #fff;
    color: #333;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
}

.course_block dl:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    opacity: 0;
    background: #01b4ec;
}

.course_block dl dt {
    position: relative;
    float: left;
    width: 50.3%;
    height: 252px;
    overflow: hidden;
}

.course_block dl dt a {
    display: block;
    height: 100%;
}

.course_block dl dd {
    position: relative;
    overflow: hidden;
    padding: 30px 30px 0;
}

.course_item {
    margin-bottom: 10px;
}

.course_item a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.course_base {
    margin: 0 -10px 15px;
}

.course_base span {
    display: inline-block;
    padding: 0 10px;
}

.course_base span.course_num {
    float: right;
}

.course_base span.course_num a {
    color: #01b4ec;
}

.course_line {
    opacity: .20;
}

.course_des {
    opacity: .80;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
    margin-bottom: 20px;
}

.course_more {
    display: block;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, .10);
    padding-top: 15px;
}

.course_more:before {
    content: "";
    position: absolute;
    top: 15px;
    right: 0;
    width: 14px;
    height: 14px;
    background: url(../images/ico_07.png) right center no-repeat;
}

.course_block dl:hover {
    color: #fff;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .20);
}

.course_block dl:hover:before {
    width: 100%;
    opacity: 1;
}

.course_block dl:hover .course_item a {
    color: #fff;
}

.course_block dl:hover .course_more {
    border-top-color: rgba(255, 255, 255, .30);
    color: #fff;
}

.course_block dl:hover .course_more:before {
    background-position: left center;
}

.course_block dl:hover .course_base span.course_num a {
    color: #fff;
}

#course_scr .owl-nav {
    position: absolute;
    top: 160px;
    right: 40px;
    width: 220px;
    height: 46px;
    background: #fff;
}

#course_scr .owl-nav,
#course_scr .owl-nav a {
    border-radius: 23px;
}

#course_scr .owl-nav a {
    display: block;
    float: left;
    width: 50%;
    height: 100%;
    background: #01b4ec url(../images/arrow_04a.png) center center no-repeat;
}

#course_scr .owl-nav a span {
    font-size: 0;
}

#course_scr .owl-nav a.owl-next {
    background-color: #fff;
    background-image: url(../images/arrow_04b.png);
}

#course_scr .owl-nav a:hover {
    opacity: .80;
}


/*================================================关于我们================================================*/


/*==============profile*/

.about_sec {
    background-color: #fff;
    position: relative;
}

.profile {
    overflow: hidden;
    height: 100vh;
}

.profile .bgImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    opacity: 0;
}

.profile .bgImg.on {
    opacity: 1;
}

.profile_warp {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .60);
    color: #fff;
    padding-top: 15%;
}

.profile_warp .inner {
    position: relative;
    height: 100%;
}

.about_tit {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 50px;
    text-align: left;
    color: #fff;
}

.about_tit:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 1px;
    background: #fff;
}

.about_tit em {
    display: block;
}

.about_tit.color_black {
    color: #333;
}

.about_tit.color_black:before {
    background: #043477;
}

.about_tit.align_center {
    text-align: center;
}

.about_tit.align_center:before {
    left: 50%;
    margin-left: -16px;
}

.profile .about_tit {
    border-bottom: 1px solid #fff;
    padding-bottom: 4.5%;
}

.profile .about_tit:before {
    display: none;
}

.data {}

.data li {
    width: 25%;
    line-height: 1.6;
    float: left;
    position: relative;
    text-align: center;
}

.data li:before {
    content: "";
    position: absolute;
    top: 29%;
    left: 0;
    height: 42%;
    width: 1px;
    background: #fff;
}

.data li:first-child {
    width: 18%;
}

.data li:last-child {
    width: 32%;
}

.data li:first-child:before {
    display: none;
}

.data li img {
    display: block;
    margin: 0 auto;
    width: 25%;
    max-width: 65px;
}

.data_num {
    display: block;
    font-weight: bold;
    line-height: 0.9;
    margin: 15px 0;
}


/*==============sub_nav*/

.sub_nav {
    width: 100%;
    top: -100px;
    left: 0;
    z-index: 1003;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    transition: all 0.5s ease-in-out;
}

.nav_list {
    position: relative;
}

.nav_list li {
    float: left;
}

.nav_list li a {
    display: block;
    position: relative;
    padding: 0 30px;
    line-height: 97px;
}

.nav_list li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background: #cacaca;
    width: 1px;
    height: 18px;
    margin-top: -9px;
}

.nav_list li a:after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 9px;
    background: url(../images/ico_21.png) center -9px no-repeat;
}

.nav_list li:first-child a:before {
    display: none;
}

.nav_list li:hover a,
.nav_list li.active a {
    background: #0036aa;
    color: #fff;
}

.nav_list li.has_class.active {
    padding-bottom: 78px;
}

.nav_list li.has_class:hover a:after,
.nav_list li.has_class.active a:after {
    background-position: center bottom;
}

.nav_list li .nav_subclass {
    position: absolute;
    top: 97px;
    left: 0;
    z-index: 1;
    width: 100%;
    display: none;
}


/*.nav_list li:last-child .nav_subclass{ text-align:right;}*/

.nav_list li .nav_subclass:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 1px;
    background: #e5e5e5;
}

.nav_list li .nav_subclass:after {
    content: "";
    position: absolute;
    top: 1px;
    left: -50%;
    width: 200%;
    height: 100%;
    background: #fff;
}

.nav_list li .nav_subclass a {
    position: relative;
    z-index: 2;
    float: none;
    display: inline-block;
    padding: 0;
    margin-right: 4%;
    line-height: 78px;
}

.nav_list li .nav_subclass a:before,
.nav_list li .nav_subclass a:after {
    display: none;
}

.nav_list li:hover .nav_subclass {
    z-index: 2;
}

.nav_list li:hover .nav_subclass,
.nav_list li.active .nav_subclass {
    display: block;
}

.nav_list li:hover .nav_subclass a,
.nav_list li.active .nav_subclass a {
    background: none;
    color: #666666;
}

.nav_list li .nav_subclass a em {
    display: inline-block;
    padding: 0 10px;
}

.nav_list li .nav_subclass a em:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #043477;
}

.nav_list li .nav_subclass a:hover,
.nav_list li .nav_subclass a.class_cur {
    color: #043477;
}

.nav_list li .nav_subclass a.class_cur em:before {
    width: 100%;
}

.sub_nav.on {
    position: fixed;
    top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .10);
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, .10);
}

.sub_nav.on .nav_list li a {
    line-height: 77px;
}

.sub_nav.on .nav_list li .nav_subclass {
    top: 77px;
}

.sub_nav.on .nav_list li.has_class.active {
    padding-bottom: 58px;
}

.sub_nav.on .nav_list li .nav_subclass a {
    line-height: 58px;
}

.sub_nav_dif {
    background: #f8f8f8;
}

.sub_nav_dif .nav_list li .nav_subclass:after {
    background: #f8f8f8;
}


/*scroll_i*/

.scroll_i {
    cursor: pointer;
    background: url(../images/scroll_i.png) left center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 8%;
    right: 0;
    width: 20px;
    height: 35px;
    z-index: 1;
}

.wheel {
    position: absolute;
    top: 6px;
    left: 8px;
    width: 3px;
    height: 10px;
    display: block;
    background: #fff;
    -webkit-animation: mouse-wheel 1.2s ease infinite;
    -moz-animation: mouse-wheel 1.2s ease infinite;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    50% {
        top: 2px;
    }
    100% {
        top: 3px;
    }
}


/*==============intro*/

.intro {
    background: #f8f8f8;
    color: #333;
    position: relative;
}

.intro_warp {}

.intro_info {
    width: 51.5%;
    max-width: 690px;
    padding-top: 80px;
}

.intro_img {
    width: 50%;
    max-width: 940px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.intro_img .about_img_01 {
    width: 84%;
    max-width: 790px;
}


/*==============patent*/

.patent {
    padding: 4% 0;
    background: url(../images/patent_02.jpg) center top no-repeat;
    background-size: cover;
    color: #fff;
}

.patent .bgImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    opacity: .20;
}

.patent .about_tit {
    margin-bottom: 10px;
}

.patent .about_tit:before {
    background-color: #fff;
}

.patent .honor_scr li .honor_txt {
    bottom: 10px;
}


/*==============culture*/

.culture {
    padding: 4% 0;
}

.culture .about_tit {
    padding-bottom: 0;
}

.culture .about_tit:before {
    display: none;
}

.culture_list {
    margin-bottom: 3%;
}

.culture_list li {
    width: 50%;
    height: 190px;
    padding: 0 3% 0 6%;
    float: left;
    overflow: hidden;
    border-left: 1px solid rgba(0, 0, 0, .10);
    box-sizing: border-box;
}

.culture_list li:first-child {
    border: none;
    padding: 0 6% 0 3%;
}

.culture_ico {
    display: block;
    float: left;
    width: 28%;
    max-width: 156px;
    margin-right: 5%;
}

.culture_info {
    overflow: hidden;
    line-height: 1.5;
    color: #666;
}

.culture_item {
    color: #333;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.culture_item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 1px;
    background: #043477;
}

.culture_img {
    overflow: hidden;
}

.culture_img img {
    display: block;
}


/*==============banner_warp*/

.banner_warp {
    height: 650px;
    position: relative;
    color: #fff;
}

.banner_warp:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .10);
}

.banner_warp .bgImg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.banner_warp .inner {
    height: 100%;
    position: relative;
    z-index: 2;
}

.banner_tit {
    display: inline-block;
    position: absolute;
    bottom: 12%;
    z-index: 2;
    padding-bottom: 50px;
}

.banner_tit i {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    transition: all 1s ease-in-out;
    opacity: 0;
}

.banner_tit em {
    display: block;
}


/*==============history*/

.history {
    padding-top: 4%;
    color: #333;
}

.history_tree {}

.history_block {
    width: 50%;
    position: relative;
}

.history_block:after {
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    width: 16px;
    height: 40px;
    background: url(../images/history_01.jpg) center top no-repeat;
}

.history_block dt {
    line-height: 1;
    color: #043477;
    padding: 20% 10% 0 0;
    position: relative;
}

.history_block dt:before {
    content: "";
    position: absolute;
    top: 0;
    right: 1px;
    width: 4px;
    height: 100%;
    background: url(../images/ico_09.jpg) center top repeat-y;
}

.history_block dd {
    position: relative;
    z-index: 2;
    background: url(../images/history_02.jpg) right top no-repeat;
    padding: 50px 10% 0 10px;
}

.history_block:first-child dt {
    padding-top: 20px;
}

.history_list {}

.history_list li {
    padding-left: 20px;
    background: url(../images/ico_10.png) left 7px no-repeat;
    margin-bottom: 20px;
}

.history_block_dif {
    float: right;
    margin-top: -20%;
}

.history_block_dif dt:before {
    right: auto;
    left: -6px;
}

.history_block_dif:after {
    right: auto;
    left: -12px;
}

.history_block_dif dt {
    padding-right: 0;
    padding-left: 10%;
}

.history_block_dif dd {
    margin-left: -7px;
    padding-right: 0;
    padding-left: 10%;
    background-image: url(../images/history_02b.jpg);
    background-position: left top;
}


/*==============partner*/

.common_bg {
    padding: 80px 0 160px;
    margin-bottom: -80px;
    background: #f5f5f5;
}

.partner {}

.partner_list {
    position: relative;
    z-index: 1;
    margin: -10px -10px 50px;
}

.partner_list li {
    width: 20%;
    float: left;
    padding: 10px;
}

.partner_list li a {
    display: block;
    border: 1px solid #eeeeee;
    background: #fff;
}

.partner_list li a img {
    display: block;
    transition: all .5s ease-in-out;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}

.partner_list li a:hover img {
    -webkit-transform: rotateY( 30deg);
    -moz-transform: rotateY( 30deg);
    transform: rotateY( 30deg);
}

.partner_list li a:hover {
    box-shadow: 0 0 20px -2px rgba(0, 0, 0, .10);
}


/*page*/

.page {
    text-align: center;
    position: relative;
    z-index: 1;
}

.page a {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    line-height: 34px;
    color: #666;
    border: 1px solid rgba(43, 195, 207, .0);
    text-align: center;
}

.page a:hover {
    color: #043477;
}

.page a.active,
.page a.page_btn:hover {
    background: #043477;
    border: 1px solid rgba(43, 195, 207, 1);
    color: #fff;
}

.page a.page_btn {
    width: 70px;
    font-size: 12px;
    border-color: #a7a7a7;
    background: #fff;
    margin: 0 30px;
}


/*==============alliance*/

.alliance {}


/*alliance_base*/

.alliance_base {
    padding-bottom: 3.5%;
    margin-bottom: 3.5%;
    border-bottom: 1px solid #dcdcdc;
}

.alliance_l {
    width: 47.5%;
    max-width: 665px;
    float: left;
    position: relative;
}

.alliance_pic {
    overflow: hidden;
    float: left;
    width: 89%;
    max-width: 590px;
}

.alliance_pic img {
    display: block;
}

.alliance_notice {
    position: absolute;
    bottom: -14%;
    right: 0;
    width: 200px;
    padding-bottom: 20px;
    background: #fff;
    text-align: center;
    line-height: 20px;
}

.alliance_notice img {
    display: block;
}

.alliance_info {
    overflow: hidden;
    color: #333;
    padding: 3% 0 0 4%;
}

.alliance_txt {
    width: 100%;
    max-width: 650px;
    float: right;
    line-height: 1.8;
}


/*alliance_scr*/

#alliance_scr {}

#alliance_scr .item a {
    overflow: hidden;
    display: block;
}

#alliance_scr .item a .caption {
    padding: 20px;
    background: #fff;
    transition: all 0.5s ease-in-out;
}

#alliance_scr .item a .caption p {
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.alliance_img {
    overflow: hidden;
}

.alliance_img img {
    display: block;
    width: 100%;
}

#alliance_scr .owl-nav a {
    width: 32px;
    height: 62px;
    position: absolute;
    top: 50%;
    margin-top: -82px;
    left: -82px;
    background: url(../images/arrow_05.png) left center no-repeat;
    opacity: .20;
}

#alliance_scr .owl-nav a span {
    font-size: 0;
}

#alliance_scr .owl-nav a.owl-next {
    left: auto;
    right: -82px;
    background-position: right center;
}

#alliance_scr .owl-nav a.disabled {
    opacity: .60;
}

#alliance_scr .owl-dots {
    position: relative;
    margin-top: 3%;
}

#alliance_scr .owl-dots .owl-dot {
    position: relative;
    width: 35px;
    border-radius: 0;
    border: none;
}

#alliance_scr .owl-dots .owl-dot:before,
#alliance_scr .owl-dots .owl-dot:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background: #c4c4c4;
}

#alliance_scr .owl-dots .owl-dot:after {
    width: 0;
    background: #24b9d8;
}

#alliance_scr .owl-dots .owl-dot.active {
    border: none;
    background: none;
}

#alliance_scr .owl-dots .owl-dot.active:after {
    width: 100%;
}

#alliance_scr .item a:hover .caption {
    background: #043477;
    color: #fff;
}


/*education*/

.education_base {}

.education_base .alliance_l {
    width: 42.5%;
    max-width: 590px;
}

.education_base .alliance_l .alliance_pic {
    width: 100%;
}

.education_base .alliance_info .alliance_txt {
    max-width: 710px;
}


/*==============contact*/

.contact {}

.contact_top {
    text-align: center;
    background: url(../images/contact_02.png) center bottom no-repeat;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.contact_list {
    margin: -10px -8px;
    text-align: center;
}

.contact_list li.li_item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 10px 8px;
    text-align: left;
}

.contact_block {
    background: #fff;
    color: #333;
    transition: all 0.5s ease-in-out;
    height: 240px;
    padding: 45px 6.5% 0 13%;
}

.contact_item {
    margin-bottom: 25px;
}

.contact_ico {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    overflow: hidden;
}

.contact_ico img {
    display: block;
    transition: all 0.5s ease-in-out;
    position: absolute;
    top: -100%;
    left: 0;
}

.contact_txt {}

.contact_txt li {
    margin-bottom: 10px;
}

.contact_list li.li_notice {
    width: 33%;
}

.contact_list li.li_notice .contact_block {
    padding-left: 8.5%;
}

.notice_code {
    display: block;
    float: left;
    border: 1px solid #e5e5e5;
    width: 45%;
    max-width: 170px;
}

.notice_info {
    overflow: hidden;
    font-size: 14px;
    line-height: 2;
    padding: 6% 0 0 6%;
}

.notice_item {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.notice_item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 26px;
    height: 2px;
    background: #0036aa;
}

.contact_block:hover {
    background: #0036aa;
    color: #fff;
}

.contact_block:hover .contact_ico img {
    top: 0;
}

.contact_list li.li_notice .contact_block:hover .notice_item:before {
    background: #fff;
}


/*================================================新闻中心================================================*/


/*==============news*/

.news {}

.news_list {
    max-width: 1200px;
    margin: -20px auto 30px;
}

.news_list li {
    position: relative;
    height: 268px;
    overflow: hidden;
    margin-top: 20px;
}

.news_img {
    width: 357px;
    overflow: hidden;
    float: left;
}

.news_img img {
    display: block;
}

.news_con {
    position: absolute;
    top: 14px;
    left: 347px;
    z-index: 2;
    height: 240px;
    background: #fff;
    padding: 40px 3% 0 5%;
    transition: all 0.5s ease-in-out;
    box-sizing: border-box;
    width: 70%;
}

.news_con:before {
    content: "";
    position: absolute;
    top: 40px;
    left: -12px;
    width: 12px;
    height: 16px;
    background: url(../images/ico_16.png) left center no-repeat;
}

.news_time {
    display: block;
    float: left;
    font-size: 12px;
    width: 90px;
    padding: 10px 0;
}

.news_time b {
    display: block;
    line-height: 1.1;
    color: #333;
    transition: all 0.5s ease-in-out;
}

.n_c_r {
    overflow: hidden;
    border-left: 1px solid #ececec;
    padding: 10px 10px 0 5%;
}

.news_item {
    margin-bottom: 10px;
}

.news_item a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news_overview {
    line-height: 26px;
    max-height: 52px;
    overflow: hidden;
}

.news_more02 {
    display: block;
    clear: both;
    position: relative;
    width: 100%;
    margin-top: 40px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
    text-transform: uppercase;
}

.news_more02:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 100%;
    background: url(../images/ico_15.png) right center no-repeat;
}

.news_list li:hover .news_con {
    background: #0036aa;
    color: #fff;
}

.news_list li:hover .news_con:before {
    background-position: right center;
}

.news_list li:hover .news_more02,
.news_list li:hover .news_item a,
.news_list li:hover .news_time b {
    color: #fff;
}

.news_list li:hover .news_more02:before {
    background-position: left center;
}

.news .page,
.edu_pro .page {
    padding: 20px 0;
    background: #fff;
    margin-top: 40px;
}


/*==============article*/

.article {
    padding: 80px 0;
}

.article_box {
    max-width: 1200px;
    margin: 0 auto;
}

.article_top {
    padding-bottom: 3%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 3%;
}

.article_tit {
    color: #333;
    margin-bottom: 10px;
}

.article_func {
    float: right;
    margin-left: 4%;
}

.article_shared,
.back_list {
    display: inline-block;
    vertical-align: middle;
}

.article_shared {
    padding-right: 15px;
    border-right: 1px solid #cccccc;
}

.back_list {
    line-height: 30px;
    position: relative;
    padding: 0 30px 0 15px;
    color: #8d8d8d;
}

.back_list:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 100%;
    background: url(../images/ico_12.png) left center no-repeat;
    background-size: 44px;
}

.back_list:hover {
    color: #043477;
}

.back_list:hover:before {
    background-position: right center;
}


/*article_handle*/

.article_handle {
    margin-top: 5%;
    padding: 3.5% 8%;
    background: #f8f8f8;
    line-height: 28px;
}

.article_btn,
.back_list02 {
    display: block;
    float: left;
    width: 40%;
}

.article_next {
    float: right;
    text-align: right;
}

.article_btn em {
    display: block;
    width: 30px;
    height: 100%;
    font-size: 0;
    position: relative;
}

.article_btn em:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    margin-top: -6px;
}

.article_btn em:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #e5e5e5;
}

.article_prev em {
    float: left;
    margin-right: 15px;
}

.article_prev em:before {
    background: url(../images/article_arrow01.png) left center no-repeat;
}

.article_prev:hover em:before {
    background-position: right center;
}

.article_btn span {
    display: block;
    overflow: hidden;
}

.article_next em {
    float: right;
    margin-left: 18px;
}

.article_next em:before {
    left: auto;
    right: 0;
    background: url(../images/article_arrow02.png) right center no-repeat;
}

.article_next em:after {
    right: auto;
    left: 0;
}

.article_next:hover em:before {
    background-position: left center;
}

.back_list02 {
    width: 20%;
    text-align: center;
    font-size: 0;
    position: relative;
}

.back_list02:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    background: url(../images/article_ico01a.png) no-repeat;
}

.back_list02:hover:before {
    background-image: url(../images/article_ico01b.png);
}

.article_handle a.article_btn:hover {
    color: #043477;
}

.article_handle a.article_btn:hover em:after {
    background-color: #043477;
}


/*================================================产品课程================================================*/


/*==============idea*/

.idea {}

.idea_block {
    color: #333;
    margin-bottom: 50px;
}

.idea_block:last-child {
    margin-bottom: 0;
}

.idea_block dt {
    width: 50%;
    float: right;
    text-align: center;
}

.idea_block dd {
    width: 50%;
    float: left;
    line-height: 2;
}

.idea_txt {
    max-width: 635px;
}

.idea_block_dif {}

.idea_block_dif dt {
    float: left;
    text-align: left;
}

.idea_block_dif .idea_txt {
    float: right;
}


/*==============curriculum*/

.curriculum {
    padding: 0;
}

.edu_sec {
    position: relative;
    padding: 80px 0;
    color: #333;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


/*system*/

.system {}

.system_tit {
    width: 50%;
    max-width: 680px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.system_tit:before {
    display: none;
}

.system_base {
    color: #333;
}

.system_base dt {
    width: 50%;
    float: right;
    text-align: center;
}

.system_base dd {
    width: 50%;
    float: left;
}

.system_preschool .system_base {
    padding-bottom: 2%;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 4%;
}

.system_preschool .system_base dd {
    margin-top: 3%;
    padding-top: 3%;
    border-top: 1px solid #d6d6d6;
}

.system_txt {
    max-width: 690px;
}

.system_list {}

.system_list li.li_item {
    float: left;
    padding-left: 3%;
}

.system_ico {
    display: block;
    float: left;
    width: 146px;
    height: 146px;
    padding-top: 25px;
    margin-right: 6%;
    border-radius: 6px;
    color: #fff;
    text-align: center;
    background: #26bed7;
}

.system_ico img {
    display: block;
    margin: 0 auto 15px;
}

.system_info {
    overflow: hidden;
}

.system_info li {
    line-height: 2;
}

.system_list li.li_item01 {
    width: 28%;
    padding-left: 0;
}

.system_idea {
    color: #333;
}

.system_list li.li_item02 {
    width: 34%;
}

.system_list li.li_item02 .system_ico {
    background: #0036aa;
}

.system_target {
    max-width: 240px;
}

.system_target li {
    width: 50%;
    float: left;
}

.system_target li a {
    display: block;
    padding-left: 14px;
    position: relative;
    color: #666;
}

.system_target li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    background: #8a83d3;
}

.system_list li.li_item03 {
    width: 38%;
}

.system_list li.li_item03 .system_ico {
    background: #52c98a;
}

.system_way {}

.system_way li a {
    display: block;
    padding-left: 14px;
    position: relative;
    color: #666;
}

.system_way li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    background: #cd7f9f;
}


/*accord*/

.accord {
    background-image: url(../images/curriculum_01.jpg);
    color: #fff;
}

.accord_tit {
    margin-bottom: 20px;
}

.accord_l {
    width: 47.5%;
    padding-right: 3%;
    float: left;
    line-height: 1.85;
}

.accord_txt {
    max-width: 548px;
}

.accord_r {
    overflow: hidden;
    padding: 0 40px;
}


/*accord_scr*/

#accord_scr .owl-nav a {
    position: absolute;
    top: 50%;
    left: -40px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background: url(../images/arrow_06.png) left top no-repeat;
    opacity: .20;
}

#accord_scr .owl-nav a span {
    font-size: 0;
}

#accord_scr .owl-nav a.owl-prev.disabled {
    opacity: 1;
    background-position: right top;
}

#accord_scr .owl-nav a.owl-next {
    left: auto;
    right: -40px;
    background-position: right bottom;
}

#accord_scr .owl-nav a.owl-next.disabled {
    opacity: 1;
    background-position: left bottom;
}

#accord_scr .item a {
    display: block;
    overflow: hidden;
    background: #000;
}

#accord_scr .item img {
    display: block;
    width: 100%;
}

#accord_scr .item:hover a img {
    opacity: .98;
}


/*system_school*/

.system_school {
    background-color: #fff;
}

.ability {
    max-width: 420px;
    margin: 30px -5px -5px;
}

.ability li {
    width: 50%;
    float: left;
    padding: 5px;
}

.ability li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.training {
    margin-top: 45px;
}

.training_tit {
    color: #06b7e6;
    margin-bottom: 15px;
}


/*accord_school*/

.accord_school {
    padding-bottom: 160px;
}

.accord_school .accord_l {
    width: 36%;
    float: right;
    padding: 6% 0 0 4%;
}

.accord_school .accord_r {
    padding: 0;
}


/*support*/

.support {}

.support .about_tit {
    margin-bottom: 20px;
}

.support_block {
    line-height: 1.85;
    margin-bottom: 3%;
}

.support_block:last-child {
    margin-bottom: 0;
}

.support_block dt,
.support_block dd {
    width: 47.5%;
}

.support_block dt {
    float: right;
}

.support_block dd {
    float: left;
}

.support_block_dif dt {
    float: left;
}

.support_block_dif dd {
    float: right;
}


/*shifu*/

.shifu {
    background-color: #fff;
    padding-bottom: 160px;
}

.shifu_xg {}

.shifu_xg li {
    float: left;
    text-align: center;
    line-height: 1;
    margin-right: 6%;
}

.shifu_xg li img {
    display: block;
    margin: 0 auto;
}


/*support_show*/

.support_show {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
}

#support_scr .owl-nav a {
    position: absolute;
    top: 50%;
    left: -40px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background: url(../images/arrow_06b.png) left top no-repeat;
}

#support_scr .owl-nav a span {
    font-size: 0;
}

#support_scr .owl-nav a.owl-prev.disabled {
    background-position: right top;
}

#support_scr .owl-nav a.owl-next {
    left: auto;
    right: -40px;
    background-position: right bottom;
}

#support_scr .owl-nav a.owl-next.disabled {
    background-position: left bottom;
}

#support_scr .item a {
    display: block;
    overflow: hidden;
    background: #000;
}

#support_scr .item img {
    display: block;
    width: 100%;
}

#support_scr .item:hover a img {
    opacity: .98;
}


/*edu_pro*/

.edu_pro {}

.pro_sort {
    margin: -15px;
    overflow: hidden;
}

.pro_sort li {
    width: 25%;
    float: left;
    padding: 15px;
    color: #fff;
    text-align: center;
}

.pro_block {
    overflow: hidden;
    position: relative;
}

.pro_block img.img_item0,
.pro_cover {
    border-radius: 10px;
}

.pro_block img.img_item0 {
    display: block;
    width: 100%;
}

.pro_tit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(43, 195, 207, .90);
    padding: 22px 0;
    border-radius: 0 0 10px 10px;
    transition: all 1s ease-in-out;
}

.pro_cover {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/pro_01.png) center top no-repeat;
    background-size: cover;
    color: #fff;
    opacity: 0;
}

img.pro_ico,
.pro_tit_cn,
.pro_tit_en {
    position: relative;
    opacity: 0;
}

img.pro_ico {
    display: block;
    margin: 0 auto 20px;
    width: 30%;
    max-width: 60px;
    transition: all 0.5s ease-in-out;
    top: -30px;
}

.pro_tit_cn {
    transition: all 1s ease-in-out;
    top: 30px;
}

.pro_tit_en {
    transition: all 1.5s ease-in-out;
    position: relative;
    padding-bottom: 10px;
    top: 60px;
}

.pro_tit_en:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 18px;
    height: 1px;
    background: #fff;
    margin-left: -9px;
}

.pro_block:hover .pro_tit {
    bottom: -100%;
    opacity: 0;
}

.pro_block:hover .pro_cover {
    opacity: 1;
}

.pro_block:hover .pro_cover img.pro_ico,
.pro_block:hover .pro_cover .pro_tit_cn,
.pro_block:hover .pro_cover .pro_tit_en {
    opacity: 1;
    top: 0;
}


/*pro_category*/

.pro_category {
    margin: -7px;
}

.pro_category li {
    width: 25%;
    float: left;
    padding: 7px;
    text-align: center;
    box-sizing: border-box
}

.pro_category li a {
    display: block;
    overflow: hidden;
    position: relative;
    color: #fff;
}

.pro_category li a img {
    display: block;
    width: 100%;
    border-radius: 10px;
}

.category_tit {
    /* position:absolute; bottom:0; left:0; */
    width: 100%;
    /* background: rgba(253, 208, 0, 0.8); */
    padding: 15px 10px;
    border-radius: 0 0 10px 10px;
    transition: all 1s ease-in-out;
    box-sizing: border-box
}

.category_tit span {
    display: inline-block;
    width: 90%;
    position: relative;
    color: #000000;
}

//.category_tit span:before, .category_tit span:after{ content:""; position:absolute; top:50%; left:0; width:20px; height: 1px; background: #fff; opacity: .70;}
//.category_tit span:after{ left:auto; right:0;}
.pro_category li a:hover {
    box-shadow: 0 5px 20px -2px rgba(0, 0, 0, .20);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}


/*pro_detail*/

.pro_detail {
    padding: 80px 0;
}

.pro_detail .about_tit {
    border-bottom: 1px solid #e5e5e5;
}

.detail_box {
    margin-bottom: 40px;
}

.detail_tit {
    margin-bottom: 20px;
}

.detail_tit i {
    color: #043477;
    font-style: italic;
}

.detail_list {
    margin: -5px;
    overflow: hidden;
}

.detail_list li {
    width: 20%;
    float: left;
    padding: 5px;
}

.detail_block,
.detail_block img,
.detail_block .market_cover,
.detail_more {
    border-radius: 10px;
}

.detail_block {
    background: #f4f4f4;
    overflow: hidden;
    position: relative;
}

.detail_block img {
    display: block;
    width: 100%;
}

.detail_block .market_cover {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(43, 195, 207, .80);
}

.detail_more {
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #b9ebef;
    background: #fff;
    color: #043477;
}

.detail_more i {
    display: block;
    margin: 0 auto 15px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 3px solid #aae7ec;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.detail_more i:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    margin: -11px 0 0 -11px;
    background: url(../images/ico_more02.png) center bottom no-repeat;
}

.detail_block:hover .detail_more {
    border-color: #043477;
    background-color: #043477;
    color: #fff;
}

.detail_block:hover .detail_more i {
    border-color: #fff;
}

.detail_block:hover .detail_more i:before {
    background-position: center top;
}


/*pro_album*/

.pro_album {
    border-radius: 8px;
    overflow: hidden;
}

.pro_album img {
    display: block;
    border-radius: 8px;
}

.pro_big {
    margin-bottom: 15px;
}

.pro_big .owl-nav a {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -65px;
    width: 36px;
    height: 130px;
    background: rgba(0, 0, 0, .05);
}

.pro_big .owl-nav a span {
    font-size: 0;
}

.pro_big .owl-nav a:before {
    content: "";
    width: 12px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -6px;
    background: url(../images/arrow_12.png) left top no-repeat;
}

.pro_big .owl-nav a:hover {
    background: rgba(0, 0, 0, .10);
}

.pro_big .owl-nav a.owl-prev.disabled:before {
    background-position: right top;
}

.pro_big .owl-nav a.owl-next {
    left: auto;
    right: 20px;
}

.pro_big .owl-nav a.owl-next:before {
    background-position: right bottom;
}

.pro_big .owl-nav a.owl-next.disabled:before {
    background-position: left bottom;
}

.pro_thumbs {
    padding: 0 60px;
    overflow: hidden;
}

.pro_thumbs .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 3px solid transparent;
}

.pro_thumbs .current .item:before {
    border-color: #043477;
}

.pro_thumbs .owl-nav a {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 100%;
    background: #fff;
    border-radius: 8px;
}

.pro_thumbs .owl-nav a span {
    font-size: 0;
}

.pro_thumbs .owl-nav a:before {
    content: "";
    width: 12px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -6px;
    background: url(../images/arrow_12b.png) left top no-repeat;
}

.pro_thumbs .owl-nav a.disabled {
    background-color: #043477;
}

.pro_thumbs .owl-nav a.owl-prev.disabled:before {
    background-position: right top;
}

.pro_thumbs .owl-nav a.owl-next {
    left: auto;
    right: 0;
}

.pro_thumbs .owl-nav a.owl-next:before {
    background-position: right bottom;
}

.pro_thumbs .owl-nav a.owl-next.disabled:before {
    background-position: left bottom;
}


/*================================================各地分校================================================*/


/*local_map*/

.local {
    padding: 130px 0 80px;
}

.local_map {
    border: 8px solid #e8f7fd;
    position: relative;
}

.map_China {
    width: 76%;
    float: left;
    padding: 0 3% 3%;
    border-right: 8px solid #e8f7fd;
}

.map_China img {
    display: block;
    margin: -8% auto 0;
}

.map_other {
    position: absolute;
    top: 0;
    right: 0;
    width: 24%;
    height: 100%;
    text-align: center;
}

.map_other li {
    height: 50%;
    padding: 6%;
    position: relative;
}

.map_other li:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 34%;
    width: 32%;
    height: 1px;
    background: #a5e1f7;
}

.map_other li:last-child:before {
    display: none;
}


/*campus*/

.campus {
    padding-top: 80px;
}

.campus_top {}

.campus_top .about_tit {
    overflow: hidden;
}


/*campus_form*/

.campus_form {
    float: right;
}

.campus_all {
    display: block;
    float: left;
    padding: 0 30px;
    line-height: 50px;
    text-align: center;
    background: #1fb5e8;
    color: #fff;
}


/*sel_box*/

.sel_box {
    display: block;
    float: left;
    margin-left: 10px;
    background: #1fb5e8;
    min-width: 170px;
}

.dropdown {
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 50px;
    line-height: 50px;
}

.dropdown:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    background: url(../images/ico_17.png) left center no-repeat;
}

.dropdown:hover,
.dropdown.sel_focus {}

.dropdown.sel_focus:before {
    background-image: url(../images/ico_17b.png);
}

.dropdown .old {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

.dropdown .selected {
    display: block;
    width: 100%;
    padding-left: 30px;
    color: #fff;
}

.dropdown.disabled .selected {
    color: #000;
}

.carat {
    display: none;
}

.dropdown div {
    position: absolute;
    height: 0;
    left: 0;
    right: 0;
    top: 100%;
    background: #1fb5e8;
    color: #fff;
    border-top: 1px solid #e8f7fd;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open div {
    opacity: 1;
    z-index: 200;
}

.dropdown ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.dropdown.scrollable.open ul {
    overflow-y: auto;
}

.dropdown li {
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}

.dropdown li.sel_focus {
    position: relative;
    z-index: 3;
}

.dropdown li.active {
    background: #e8f7fd;
    color: #333;
}


/*sel_area*/

.sel_area {
    background: #e8f7fd;
}

.sel_area .selected {
    color: #333;
}

.sel_area div {
    background: #e8f7fd;
    color: #333;
    border-color: #1fb5e8;
}

.sel_area li.active {
    background: #1fb5e8;
    color: #fff;
}

.sel_area .dropdown:before {
    background-image: url(../images/ico_18.png);
}

.sel_area .dropdown.sel_focus:before {
    background-image: url(../images/ico_18b.png);
}


/*campus_list*/

.campus_list {
    margin: -8px -8px 40px;
}

.campus_list li.li_item {
    width: 33.33%;
    float: left;
    padding: 8px;
}

.campus_list li.li_item a {
    display: block;
    padding: 8% 7%;
    height: 240px;
    background: #f8f8f8;
    overflow: hidden;
    position: relative;
}

.campus_list li.li_item a:before {
    content: "";
    position: absolute;
    top: -10%;
    left: -10%;
    opacity: 0;
    width: 120%;
    height: 120%;
    background: url(../images/campus_01.jpg) center center no-repeat;
    background-size: cover;
}

.campus_item {
    position: relative;
    line-height: 28px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.campus_item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .10)
}

.campus_des {
    position: relative;
}

.campus_des li {
    margin-bottom: 5px;
}

.ico {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 2px 10px 0 0;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: all 0.5s ease-in-out;
}

.ico.ico_user {
    background-image: url(../images/campus_ico01.png);
}

.ico.ico_tel {
    background-image: url(../images/campus_ico02.png);
}

.ico.ico_local {
    background-image: url(../images/campus_ico03.png);
}

.campus_txt {
    overflow: hidden;
}

.campus_list li.li_item:hover a {
    color: #fff;
}

.campus_list li.li_item:hover a:before {
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
}

.campus_list li.li_item:hover .campus_item:before {
    background: rgba(255, 255, 255, .20)
}

.campus_list li.li_item:hover .campus_des li .ico {
    background-position: left top;
}

.load_more {
    display: block;
    text-align: center;
    color: #1fb5e8;
}

.load_more img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}


/*================================================招贤纳士================================================*/

.talent {}


/*view*/

.view {
    background: #fff;
}

.view .inner {
    padding-top: 80px;
    padding-bottom: 50px;
}

.view .inner {
    border-bottom: 1px solid #e5e5e5;
}

.view_img {
    width: 45%;
    float: left;
    max-width: 627px;
    margin-right: 5%;
}

.view_info {
    overflow: hidden;
    padding-top: 2.5%;
}

.view_list {
    max-width: 540px;
}

.view_list li {
    width: 50%;
    float: left;
    background: url(../images/ico_10.png) left center no-repeat;
    padding-left: 20px;
    margin-top: 24px;
}


/*strategy*/

.strategy {}

.strategy_top {
    background: #fff;
    padding-top: 50px;
}

.strategy_con {
    padding: 60px 0 0;
    background: url(../images/ico_11.png) center top no-repeat;
}

.strategy_list {
    margin-top: -15px;
    margin-bottom: -15px;
    position: relative;
}

.strategy_list:before {
    content: "";
    position: absolute;
    top: 17%;
    left: 50%;
    width: 1px;
    height: 50%;
    background: rgba(0, 0, 0, .10);
}

.strategy_list li {
    width: 50%;
    height: 200px;
    overflow: hidden;
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
}

.strategy_list li:nth-child(odd) {
    padding-right: 5%;
    padding-left: 2%;
}

.strategy_list li:nth-child(even) {
    padding-right: 2%;
    padding-left: 5%;
}

.strategy_block {
    max-width: 540px;
}

.strategy_ico {
    display: block;
    width: 65px;
    float: left;
    margin-right: 6%;
}

.strategy_info {
    overflow: hidden;
}

.strategy_item {
    margin-bottom: 15px;
}


/*join*/

.join {
    margin-top: 30px;
}

.join_box {
    background: #fff;
    color: #333;
    overflow: hidden;
    margin-bottom: 4%;
}

.join_sort {
    background: url(../images/join_01.jpg) no-repeat;
    background-size: cover;
    color: #fff;
}

.join_sort span,
.join_tit span {
    display: block;
    float: left;
    text-align: center;
    line-height: 28px;
    width: 14%;
    padding: 21px 10px;
    transition: all 0.5s ease-in-out;
}

span.join_post {
    text-align: left;
    width: 30%;
    padding-left: 4%;
}

.join_tit {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 1px solid #eaeaea;
}

.join_tit:before,
.join_tit:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 30px;
    height: 100%;
    background: #fff;
}

.join_more {
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/ico_13.png) center center no-repeat;
}

.post_info {
    margin: 0 30px;
    background: #f5f5f5;
    padding: 40px;
    color: #7d7d7d;
    line-height: 1.75;
    display: none;
}

.post_info:last-child {
    margin-bottom: 30px;
}

.post_caption {
    color: #333;
    margin-bottom: 20px;
}

.post_bot {
    line-height: 50px;
    margin-top: 5%;
}

a.post_hide {
    display: block;
    float: right;
    color: #9f9f9f;
    position: relative;
    padding-right: 30px;
}

a.post_hide:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -7px;
    background: url(../images/ico_19.png) center top no-repeat;
}

a.post_hide:hover {
    color: #0098d9;
}

a.post_hide:hover:before {
    background-position: center bottom;
}

a.post_apply {
    display: block;
    float: left;
    text-align: center;
    width: 50%;
    max-width: 180px;
    background: url(../images/join_02.png) no-repeat;
    border: 1px solid rgba(0, 0, 0, .10);
    background-size: cover;
    color: #fff;
}

a.post_apply em {
    display: inline-block;
    padding-left: 35px;
    position: relative;
}

a.post_apply em:before {
    content: "";
    width: 23px;
    height: 23px;
    background: url(../images/ico_14.png) right center no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
}

a.post_apply:hover {
    background: #fff;
    border-color: #0098d9;
    color: #0098d9;
}

a.post_apply:hover em:before {
    background-position: left center;
}

.join_tit.active {
    border-bottom-color: #fff;
}

.join_tit.active .join_more {
    background-image: url(../images/ico_13b.png);
}


/*================================================品牌授权================================================*/


/*brand_focus*/

.brand_sec {
    padding: 80px 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.brand_focus {
    overflow: hidden;
}

.brand_focus:before {
    display: none;
}

.brand_focus_img01 {
    display: block;
    position: absolute;
    bottom: 22%;
    left: 15px;
    z-index: 1;
    width: 60%;
    max-width: 835px;
    height: 42%;
    max-height: 385px;
    width: auto;
}


/*market*/

.market {
    background-attachment: fixed;
}

.brand_tit {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4%;
    color: #1fb5ea;
    padding-bottom: 30px;
    background: url(../images/brand_02.png) center bottom no-repeat;
}

.brand_tit em {
    font-style: italic;
}

.market_txt {
    text-align: center;
    line-height: 1.5;
    margin: -5px -25px;
}

.market_txt li {
    display: inline-block;
    padding-left: 30px;
    background: url(../images/brand_02_a.png) left center no-repeat;
    margin: 5px 25px;
    color: #545e65;
}

.market_txt li span {
    color: #1fb5ea;
}

#market_scr {
    max-width: 1200px;
    margin: 4% auto 0;
    padding: 0 8.5%;
}

#market_scr .item {
    position: relative;
}

#market_scr .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
}

#market_scr .item img {
    display: block;
    width: 100%;
}

.market_cover {
    display: block;
    position: absolute;
    z-index: 2;
    top: 4px;
    left: 4px;
    width: -webkit-calc(100% - 8px);
    width: calc(100% - 8px);
    height: -webkit-calc(100% - 8px);
    height: calc(100% - 8px);
    text-align: center;
    color: #fff;
    background: rgba(31, 181, 234, .80);
    opacity: 0;
    -webkit-transform: scale(1.20, 1.20);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.20, 1.20);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.20, 1.20);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.market_cover span {
    display: block;
    padding-top: 40px;
    background: url(../images/ico_sou01.png) center top no-repeat;
}

#market_scr .item:hover:before {
    border-color: #ddd;
}

#market_scr .item:hover .market_cover,
.r_p_list li .r_p_block:hover .market_cover,
.detail_list li .detail_block:hover .market_cover,
.added_list li .added_img:hover .market_cover {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

#market_scr .owl-nav a {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -15px;
    width: 30px;
    height: 50px;
    background: url(../images/arrow_07.png) left top no-repeat;
}

#market_scr .owl-nav a span {
    font-size: 0;
}

#market_scr .owl-nav a.owl-prev.disabled {
    opacity: 1;
    background-position: right top;
}

#market_scr .owl-nav a.owl-next {
    left: auto;
    right: 0;
    background-position: right bottom;
}

#market_scr .owl-nav a.owl-next.disabled {
    opacity: 1;
    background-position: left bottom;
}


/*experience*/

.experience {
    background-attachment: fixed;
    color: #fff;
}

.experience .brand_tit {
    color: #fff;
    background-image: url(../images/brand_02b.png);
}

.experience_list {
    text-align: center;
    color: #ffcf89;
    margin: 0 auto;
    line-height: 1.3;
    max-width: 1120px;
}

.experience_list li {
    width: 25%;
    float: left;
    position: relative;
}

.experience_list li:before {
    content: "";
    position: absolute;
    top: 35%;
    left: 0;
    width: 1px;
    height: 14%;
    background: rgba(255, 255, 255, .50);
}

.experience_list li:first-child:before {
    display: none;
}

.experience_list li img {
    display: block;
    margin: 0 auto 15px;
    width: 60%;
    max-width: 163px;
}

.experience_overview {
    margin: 30px auto;
    text-align: center;
    line-height: 1.7;
    max-width: 1160px;
}


/*brand_scr*/

.brand_scr {}

.brand_pic {
    overflow: hidden;
    background: #fff;
}

.brand_pic img {
    display: block;
    transition: all .5s ease-in-out;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}

.brand_scr .item:hover .brand_pic img {
    -webkit-transform: rotateY( 30deg);
    -moz-transform: rotateY( 30deg);
    transform: rotateY( 30deg);
}

.brand_caption {
    padding: 20px 8%;
    background: #f5f5f5;
    color: #333;
}

.brand_caption p {
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}

.brand_scr .owl-nav a {
    position: absolute;
    top: 50%;
    left: -60px;
    margin-top: -76px;
    width: 40px;
    height: 96px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .20);
}

#care_scr .owl-nav a {
    background: rgba(0, 0, 0, .20);
}

.brand_scr .owl-nav a span {
    font-size: 0;
    width: 15px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -8px;
    background: url(../images/arrow_08.png) left top no-repeat;
}

.brand_scr .owl-nav a.disabled,
#care_scr .owl-nav a.disabled {
    opacity: 1;
    background: #0036aa;
}

.brand_scr .owl-nav a.owl-next {
    left: auto;
    right: -60px;
}

.brand_scr .owl-nav a.owl-next span {
    background-position: right top;
}

.brand_scr .owl-dots {
    position: relative;
    margin-top: 30px;
}

.brand_scr .owl-dots .owl-dot {
    position: relative;
    width: 24px;
    border-radius: 0;
    border: none;
}

.brand_scr .owl-dots .owl-dot:before,
.brand_scr .owl-dots .owl-dot:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    width: 100%;
    height: 3px;
    background: #fff;
}

#care_scr .owl-dots .owl-dot:before {
    background: #cccccc;
}

.brand_scr .owl-dots .owl-dot:after {
    width: 0;
    background: #0036aa;
}

.brand_scr .owl-dots .owl-dot.active {
    border: none;
    background: none;
    width: 44px;
}

.brand_scr .owl-dots .owl-dot.active:after {
    width: 100%;
}


/*care*/

.care {}

#care_scr {}

#care_scr .item:hover .brand_pic img,
#megagame_scr .item:hover .brand_pic img {
    -webkit-transform: scale(1.20, 1.20);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.20, 1.20);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.20, 1.20);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}


/*function*/

.function_img {
    overflow: hidden;
}

.function_img img {
    display: block;
}


/*campus_map*/

.campus_map {}

.campus_map .brand_tit {
    margin-bottom: 6%;
}


/*advance*/

.advance {
    background-attachment: fixed;
    color: #fff;
}

.advance .brand_tit {
    color: #fff;
    background-image: url(../images/brand_02b.png);
    background-position: center bottom;
}

.advance_list {
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    background: url(../images/advance_02c.gif) center top repeat-y;
    line-height: 1.55;
}

.advance_list:before,
.advance_list:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -11px;
    width: 22px;
    height: 22px;
    background: url(../images/advance_02.png) center center no-repeat;
}

.advance_list:after {
    top: auto;
    bottom: 0;
    background-image: url(../images/advance_02b.png);
}

.advance_list li {
    margin-bottom: 30px;
}

.advance_box {
    position: relative;
    width: 50%;
}

.advance_box:before,
.advance_box:after {
    content: "";
    position: absolute;
    top: 90px;
    right: -12px;
    width: 24px;
    height: 24px;
    background: url(../images/advance_03a.png) no-repeat;
}

.advance_box:after {
    background-image: url(../images/advance_03b.png);
    opacity: 0;
}

.advance_block {
    display: block;
    float: left;
    position: relative;
    width: 92.85%;
    padding: 7%;
    min-height: 280px;
    background: rgba(255, 255, 255, .10);
    color: #fff;
}

.advance_block:before {
    content: "";
    position: absolute;
    top: 80px;
    right: -20px;
    width: 20px;
    height: 43px;
    background: url(../images/advance_03c.png) -20px center no-repeat;
}

.advance_item {
    margin-bottom: 15px;
}

.advance_list li.li_dif {}

.advance_list li.li_dif .advance_box {
    float: right;
    margin-top: -12%;
}

.advance_list li.li_dif .advance_box:before,
.advance_list li.li_dif .advance_box:after {
    right: auto;
    left: -12px;
}

.advance_list li.li_dif .advance_block {
    float: right;
}

.advance_list li.li_dif .advance_block:before {
    right: auto;
    left: -20px;
    background-image: url(../images/advance_03d.png);
    background-position: 20px center;
}

.advance_list li:hover .advance_box:after {
    opacity: 1;
}

.advance_list li:hover .advance_block {
    background: rgba(31, 181, 234, .50);
}

.advance_list li:hover .advance_block:before {
    background-position: left center;
}


/*course_advance*/

.course_advance {
    background-size: contain;
    background-position: center bottom;
}

.c_a_block {}

.c_a_block dt {
    width: 50%;
    float: left;
    max-width: 700px;
}

.c_a_img {
    margin: 0 auto;
    width: 92%;
    position: relative;
}

.img_box {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.c_a_deco {
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 100%;
    height: 100%;
    border: 1px solid #1fb5ea;
}

.c_a_block dd {
    overflow: hidden;
    padding-left: 6%;
    background: url(../images/advance_img02.png) right bottom no-repeat;
    background-size: 39%;
}

.c_a_block dd .brand_tit {
    text-align: left;
    background-position: left bottom;
}

.c_a_txt {
    line-height: 1.1;
}

.c_a_txt li {
    padding-top: 5.5%;
}

.c_a_txt li b {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-style: italic;
    padding-right: 40px;
    margin-right: 20px;
    position: relative;
    color: #20b6e7;
}

.c_a_txt li b:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2px;
    width: 20px;
    height: 4px;
    background: #20b6e7;
}


/*backing*/

.backing {
    color: #fff;
    background-attachment: fixed;
}

.backing .brand_tit {
    color: #fff;
    background-image: url(../images/brand_02b.png);
}

.backing_list {
    text-align: center;
    margin: -10px;
    line-height: 1.2;
}

.backing_list li {
    width: 16.66%;
    float: left;
    padding: 10px;
    margin-bottom: 3.5%;
}

.backing_list li img {
    display: block;
    margin: 0 auto 15px;
    width: 70px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.backing_list li span {
    display: inline-block;
    position: relative;
    padding-bottom: 15px;
}

.backing_list li span:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -9px;
    height: 2px;
    width: 18px;
    background: #fff;
    opacity: .50;
}

.backing_list li:hover img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.backing_list li:hover span:before {
    left: 0;
    width: 100%;
}


/*backing_show*/

.backing_show {
    background-color: #f8f8f8;
}

.b_s_list {}

.b_s_list li {
    width: 20%;
    float: left;
    overflow: hidden;
    text-align: center;
    position: relative;
    border-left: 1px solid rgba(255, 255, 255, .50);
}

.b_s_list li a,
.b_s_list li img {
    display: block;
    color: #fff;
}

.b_s_caption {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    line-height: 52px;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: rgba(31, 181, 234, .90);
}

.b_s_list li.li_dif {
    width: 25%;
}


/*teach*/

.teach {}

.teach_box {}

.teach_box dt {
    width: 50%;
    float: right;
    text-align: right;
    padding-left: 4%;
}

.teach_box dd {
    overflow: hidden;
}

.teach_item {
    color: #333;
    margin-bottom: 30px;
}

.teach_list {}

.teach_list li {
    overflow: hidden;
    line-height: 30px;
    margin-bottom: 15px;
}

.teach_list li em {
    display: block;
    float: left;
    color: #20b6e7;
    font-weight: bold;
    font-style: italic;
    margin-right: 15px;
}

.teach_des {
    overflow: hidden;
}


/*megagame*/

.megagame {
    background-color: #f8f8f8;
}

.megagame_foreword {
    text-align: center;
    margin-bottom: 30px;
}

#megagame_scr {}

.megagame_txt {
    height: 100px;
    background: #fff;
    padding: 20px 12% 0;
    transition: all 0.5s ease-in-out;
}

.megagame_item,
.megagame_txt p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.megagame_item {
    color: #333;
    margin-bottom: 6px;
    transition: all 0.5s ease-in-out;
}

#megagame_scr .item:hover .megagame_txt {
    background: #20b6e7;
    color: #fff;
}

#megagame_scr .item:hover .megagame_txt .megagame_item {
    color: #fff;
}

#megagame_scr .owl-nav a {
    background: rgba(0, 0, 0, .15);
    border-radius: 0;
    margin-top: -96px;
}

#megagame_scr .owl-nav a.disabled {
    opacity: 1;
    background: #20b6e7;
}

#megagame_scr .owl-dots {
    display: none;
}

.megagame_more {
    display: block;
    margin: 4% auto 0;
    width: 390px;
    line-height: 70px;
    text-align: center;
    background: #20b6e7;
    color: #fff;
}

.megagame_more span {
    display: inline-block;
    padding-right: 50px;
    background: url(../images/ico_20.png) right center no-repeat;
}

.megagame_more:hover {
    background-color: #05a5d9;
}


/*show_album*/

.show_album {}

.album_list {
    text-align: center;
    margin: -10px -8px;
}

.album_list li {
    display: inline-block;
    width: 24.6%;
    padding: 10px 8px;
}

.album_list li a {
    display: block;
    overflow: hidden;
}

.album_list li a img {
    display: block;
}


/*intention*/

.intention {
    padding: 0;
    background: url(../images/news_01.jpg) center top no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
}

.intention .bgImg {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

.intention_box {
    width: 50%;
    height: 660px;
    padding: 4% 4% 4% 0;
}

.intention_tit {
    margin-bottom: 30px;
}

.intention_form {
    max-width: 584px;
}

.intention_form .form_txt {
    height: 47px;
    line-height: 27px;
}

.intention_form .form_yu {
    height: 115px;
}

.form_btn {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 60px;
    color: #fff;
    background: #0036aa;
}

.btn_reset {
    color: #20b7e5;
    background: #fff;
}


/*contact_ways*/

.contact_ways {}

.ways_list {
    margin: -10px -20px;
}

.ways_list li.li_item {
    width: 50%;
    float: left;
    padding: 10px 20px;
    line-height: 36px;
}

.ways_block {
    overflow: hidden;
    position: relative;
    height: 305px;
    padding: 7%;
    border-radius: 10px;
    background: #f8f8f8;
    color: #333;
    transition: all 0.5s ease-in-out;
}

.ways_block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url(../images/ways_01.jpg) center center no-repeat;
    background-size: cover;
    border-radius: 10px;
    opacity: 0;
}

.ways_item {
    position: relative;
    margin-bottom: 20px;
}

.ways_block .ico {
    margin-top: 8px;
}

.ico.ico_user02 {
    background-image: url(../images/ways_ico01.png);
}

.ico.ico_email02 {
    background-image: url(../images/ways_ico02.png);
}

.ico.ico_local02 {
    background-image: url(../images/ways_ico03.png);
}

.ways_list li.li_item:hover .ways_block {
    color: #fff;
}

.ways_list li.li_item:hover .ways_block:before {
    opacity: 1;
}

.ways_list li.li_item:hover .ico {
    background-position: left top;
}


/*================================================主营业务================================================*/


/*==========校内业务*/


/*tech*/

.tech {
    padding: 0;
    background-color: #f5f5f5;
    line-height: 1.85;
}

.tech .bgImg {
    width: 50.52%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.tech_box {
    width: 50%;
    padding: 4% 4% 4% 0;
    height: 500px;
}

.tech_block {
    max-width: 590px;
}


/*policy*/

.policy {
    overflow: hidden;
    padding-bottom: 0;
    text-align: center;
}

.policy .about_tit {
    margin-bottom: 24px;
}

.policy_dec01 {
    position: absolute;
    top: 0;
    left: 29%;
    z-index: 1;
    display: block;
    margin: 0 auto;
    width: 42%;
}

.policy_box {
    width: 50%;
    max-width: 484px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

img.policy_kuang {
    display: block;
    width: 100%;
}

.policy_show {
    overflow: hidden;
    position: absolute;
    top: 12%;
    left: 10%;
    width: 80.7%;
    height: 88%;
}

.policy_show img {
    display: block;
    width: 100%;
}

.policy_cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: url(../images/policy_05.png) center top no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
}

.policy_cover p {
    position: absolute;
    bottom: 15%;
    left: 0;
    width: 100%;
}

.policy_cover p span {
    display: inline-block;
    line-height: 48px;
    padding: 0 30px;
    border: 1px solid #fff;
    border-radius: 25px;
}

.policy_box:hover .policy_cover {
    opacity: 1;
}

.policy_detail {
    background: #fff;
    text-align: center;
    padding: 5%;
}

.policy_detail .about_tit {
    padding-bottom: 0;
    text-align: center;
}

.policy_detail .about_tit:before {
    display: none;
}

.policy_detail img {
    display: block;
    margin: 0 auto;
    border: 1px solid #e5e5e5;
}


/*case*/

.case {
    padding-bottom: 160px;
    margin-bottom: -80px;
    background-color: #f5f5f5;
}

.case_pic {
    overflow: hidden;
}

.case_pic img {
    display: block;
    width: 100%;
}

.case_txt {
    padding: 6%;
}

.case_item {
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.case_des {
    line-height: 26px;
    max-height: 52px;
    overflow: hidden;
    opacity: .80;
}


/*theme_common*/

.theme_common .owl-nav a {
    position: absolute;
    top: 50%;
    left: -70px;
    margin-top: -60px;
    width: 30px;
    height: 60px;
    background: url(../images/arrow_10.png) left center no-repeat;
    opacity: .20;
}

.theme_common .owl-nav a span {
    font-size: 0;
}

.theme_common .owl-nav a.disabled {
    opacity: .50;
}

.theme_common .owl-nav a.owl-next {
    left: auto;
    right: -70px;
    background-position: right center;
}

.theme_common .owl-dots {
    position: relative;
    margin-top: 30px;
}

.theme_common .owl-dots .owl-dot {
    position: relative;
    width: 35px;
    border-radius: 0;
    border: none;
}

.theme_common .owl-dots .owl-dot:before,
.theme_common .owl-dots .owl-dot:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    width: 100%;
    height: 2px;
    background: #c4c4c4;
}

.theme_common .owl-dots .owl-dot:after {
    width: 0;
    background: #043477;
}

.theme_common .owl-dots .owl-dot.active {
    border: none;
    background: none;
}

.theme_common .owl-dots .owl-dot.active:after {
    width: 100%;
}

.theme_common .item a {
    display: block;
    background: #fff;
}

.theme_common .item:hover a {
    background: #043477;
    color: #fff;
}


/*case_scr*/

#case_scr {
    margin: -10px;
}

#case_scr .owl-item {
    padding: 10px;
}

#case_scr .item a {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .10);
}


/*case_detail*/

.case_detail {
    background: #fff;
    padding: 10px;
}

.c_d_img {
    width: 53.4%;
    float: left;
}


/*c_d_scr*/

#c_d_scr {
    display: block;
}

#c_d_scr .owl-item .c_d_img img {
    width: 100%;
}

#c_d_scr .owl-nav {
    text-align: center;
    width: 124px;
    line-height: 64px;
    position: fixed;
    bottom: 0;
    right: 0;
    background: url(../images/jia_03.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 24px;
}

#c_d_scr .owl-nav a {
    display: inline-block;
}

#c_d_scr .owl-nav a.disabled {
    color: #000;
    opacity: .80;
}

#c_d_scr .owl-nav a span {
    padding: 0 20px;
    position: relative;
}

#c_d_scr .owl-nav a.owl-prev span:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    width: 1px;
    height: 14px;
    background: #fff;
}

.c_d_info {
    overflow: hidden;
    padding: 4%;
    font-size: 12px;
    line-height: 1.8;
}

.c_d_tit {
    color: #333;
    margin-bottom: 15px;
}


/*room*/

.room {
    padding-bottom: 0;
    padding-top: 50px;
    background-color: #f5f5f5;
}

.room_base {}

.room_base dt {
    width: 50%;
    float: right;
    overflow: hidden;
}

.room_base dt img {
    display: block;
    float: right;
    width: 98.57%;
    border-radius: 10px;
}

.room_base dd {
    overflow: hidden;
    line-height: 1.85;
    padding: 2% 4% 2% 0;
}

.room_block {
    max-width: 630px;
}

.room_yiju {
    overflow: hidden;
    padding: 30px 0 0;
    position: relative;
    z-index: 2;
    margin-bottom: -115px;
}

.yi_tit {
    margin-bottom: 20px;
}

.yi_list {
    margin: -10px;
}

.yi_list li {
    width: 50%;
    float: left;
    padding: 10px;
    color: #daf9ff;
}

.yi_block {
    position: relative;
    height: 235px;
    background: #63ce95;
    border-radius: 10px;
    padding: 6%;
    transition: all 0.5s ease-in-out;
}

.yi_block .bgImg {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    opacity: .20;
}

.yi_item,
.yi_show {
    position: relative;
    z-index: 2;
}

.yi_item {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .30);
    margin-bottom: 15px;
}

.yi_show {
    margin: 0 -10px;
    line-height: 2;
}

.yi_show a {
    display: block;
    float: left;
    width: 50%;
    color: #daf9ff;
    padding: 0 10px;
}

.yi_show a span {
    display: block;
    padding-left: 20px;
    background: url(../images/policy_ico01.png) left center no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.yi_show a:hover {
    color: #fff;
    text-decoration: underline;
}

.yi_list li .yi_block:hover {
    background: #41c07c;
}

.yi_list li.yi_abroad .yi_block {
    background: #00b3ed;
}

.yi_list li.yi_abroad .yi_block:hover {
    background: #09a4d6;
}


/*room_policy*/

.room_policy {
    padding-bottom: 80px;
}

.r_p_list {
    margin: -15px;
    position: relative;
}

.r_p_list:before {
    content: "";
    position: absolute;
    top: 4%;
    left: 46.5%;
    width: 1px;
    height: 80%;
    background: #ebebeb;
}

.r_p_list li {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 3%;
    width: 40%;
    max-width: 562px;
}

.r_p_box {
    width: 50%;
    float: left;
    padding: 15px;
}

.r_p_block {
    border: 14px solid #ebebeb;
}

.r_p_img {
    position: relative;
}

.r_p_img img {
    display: block;
}

.r_p_block .market_cover {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.r_p_list li.r_p_course {
    width: 33%;
    max-width: 458px;
}

.r_p_list li.r_p_course .r_p_box {
    width: 100%;
    float: none;
}


/*room_policy*/

.room_policy {
    padding-top: 210px;
}


/*base*/

.base {
    padding-bottom: 0;
    padding-top: 50px;
    background-color: #f5f5f5;
}

.base_l {
    width: 60%;
    float: left;
    padding-right: 4%;
    padding-bottom: 4%;
}

.base_block {
    max-width: 750px;
}

.base_aim {
    margin-top: 4%;
}

.aim_list {
    margin: -5px -10px;
}

.aim_list li {
    width: 33.33%;
    float: left;
    overflow: hidden;
    padding: 5px 10px;
}

.aim_list li em {
    display: block;
    float: left;
    text-align: center;
    color: #fff;
    width: 70px;
    line-height: 80px;
    background: url(../images/aim_01.png) no-repeat;
    background-size: contain;
    margin-right: 15px;
}

.aim_des {
    overflow: hidden;
    line-height: 24px;
    max-height: 48px;
    margin-top: 15px;
    max-width: 140px;
}

.base_r {
    overflow: hidden;
    margin-bottom: -80px;
    position: relative;
    z-index: 2;
}

.base_r img {
    display: block;
    margin: 0 auto;
    border-radius: 10px;
}


/*major_func*/

.major_func {
    background: #043477;
    color: #fff;
}

.func_list {
    margin: -10px -25px;
}

.func_list li {
    width: 25%;
    float: left;
    padding: 10px 25px;
}

.func_item {}

.func_list li img {
    display: block;
    border-radius: 5px;
    margin: 15px 0;
}

.func_des {
    letter-spacing: -0.005em;
}


/*model*/

.model {}

.model_list {
    margin: -10px -20px;
    overflow: hidden;
}

.model_list li {
    width: 50%;
    float: left;
    padding: 10px 20px;
}

.model_block {
    height: 260px;
    border: 1px solid rgba(0, 0, 0, .10);
    padding: 4% 7%;
    transition: all 0.5s ease-in-out;
}

.model_item {
    color: #043477;
    margin-bottom: 10px;
}

.model_item img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}

.model_des {
    line-height: 2;
    padding-left: 80px;
    position: relative;
}

.model_des:before {
    content: "";
    position: absolute;
    top: 0;
    left: 26px;
    width: 1px;
    height: 115px;
    background: #043477;
    opacity: .50;
}

.model_list li:hover .model_block {
    box-shadow: 0 0 30px -3px rgba(0, 0, 0, .15);
}


/*added*/

.added {
    background-color: #f5f5f5;
}

.added_l {
    width: 50%;
    float: left;
    margin-right: 5%;
}

.added_r {
    overflow: hidden;
    padding-left: 5%;
    position: relative;
}

.added_r:before {
    content: "";
    position: absolute;
    top: 25%;
    left: 0;
    width: 1px;
    height: 50%;
    background: #000;
    opacity: 0.10;
}

.added_list {
    margin: -5px -8px;
    max-width: 544px;
    float: right;
}

.added_list li {
    width: 50%;
    float: left;
    padding: 5px 8px;
}

.added_list li .added_img {
    display: block;
    border: 10px solid #dcdcdc;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.added_list li .added_img img {
    display: block;
    width: 100%;
}

.added_list li .added_img:hover {
    border-color: #043477;
}

.added_list li .added_img .market_cover {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*added_course*/

.added_course {
    color: #fff;
}

.course_service {
    overflow: hidden;
    margin: -20px;
}

.course_service li {
    width: 33.33%;
    float: left;
    padding: 20px;
}

.course_service li a {
    display: block;
    height: 435px;
    background: rgba(255, 255, 255, .90);
    border-radius: 5px;
    padding: 9%;
}

.c_s_item {
    font-weight: bold;
    color: #043477;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

.c_s_des {
    line-height: 24px;
    max-height: 288px;
    overflow: hidden;
}

.course_service li a:hover {
    background: #fff;
    box-shadow: 0 0 30px -3px rgba(0, 0, 0, .15);
}


/*results*/

.results {}

.results_class {
    width: 40%;
    float: left;
    margin: -10px;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, .10);
}

.results_class li {
    width: 50%;
    float: left;
    overflow: hidden;
    padding: 10px;
}

.results_class li em {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background: #043477;
    color: #fff;
    margin-right: 10px;
}

.results_r {
    overflow: hidden;
    padding-left: 4%;
    text-align: right;
}


/*cultural*/

.cultural {
    background-color: #f5f5f5;
}

.cultural_list {
    margin: -10px -7px;
    overflow: hidden;
}

.cultural_list li {
    width: 50%;
    float: left;
    padding: 10px 7px;
    color: #fff;
}

.cultural_block {
    height: 185px;
    border-radius: 5px;
    padding: 5%;
}

.cultural_list li.c_li01 .cultural_block {
    height: 390px;
    padding: 8%;
    background: #61cd93;
}

.cultural_list li.c_li02 .cultural_block {
    background: #30c8d5;
}

.cultural_list li.c_li03 .cultural_block {
    background: #f2ab50;
}

.cultural_item {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .30);
    margin-bottom: 20px;
}


/*activities*/

.activities {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, .10);
}

.activities_tit {
    margin-bottom: 20px;
}


/*added_scr*/

#activities_scr .owl-nav a,
.added_scr .owl-nav a {
    position: absolute;
    top: 50%;
    left: -40px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background: url(../images/arrow_06b.png) left top no-repeat;
}

#activities_scr .owl-nav a span,
.added_scr .owl-nav a span {
    font-size: 0;
}

#activities_scr .owl-nav a.owl-prev.disabled,
.added_scr .owl-nav a.owl-prev.disabled {
    background-position: right top;
}

#activities_scr .owl-nav a.owl-next,
.added_scr .owl-nav a.owl-next {
    left: auto;
    right: -40px;
    background-position: right bottom;
}

#activities_scr .owl-nav a.owl-next.disabled,
.added_scr .owl-nav a.owl-next.disabled {
    background-position: left bottom;
}

#activities_scr .item {
    overflow: hidden;
    position: relative;
}

#activities_scr .item img {
    display: block;
    width: 100%;
}

.activities_caption {
    position: absolute;
    bottom: -100%;
    opacity: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background: rgba(48, 200, 213, .90);
    color: #fff;
    padding: 5% 8%;
    transition: all 0.5s ease-in-out;
}

#activities_scr .item:hover .activities_caption {
    bottom: 0;
    opacity: 1;
}


/*added_other*/

.added_other {}

.other_show {
    margin: -3.5% 0;
}

.other_box {
    padding: 3.5% 0;
    border-bottom: 1px solid rgba(0, 0, 0, .10);
}

.other_box:last-child {
    border: none;
}

.other_l,
.other_r {
    width: 50%;
    float: left;
}

.other_l {
    padding-right: 6%;
}

.other_l .other_block {
    max-width: 570px;
}

.added_scr {}

.added_scr .item {
    overflow: hidden;
}

.added_scr .item img {
    display: block;
    width: 100%;
}

.other_dif {}

.other_dif .other_l {
    padding-right: 0;
    padding-left: 6%;
    float: right;
}

.other_dif .other_l .other_block {
    float: right;
}

.other_item {
    color: #30c8d5;
    margin-bottom: 10px;
}


/*added_contact*/

.added_contact {
    padding-bottom: 160px;
    margin-bottom: -80px;
    background-color: #f5f5f5;
}

.contact_zone {
    margin: -10px;
}

.contact_zone li.li_item {
    width: 25%;
    float: left;
    padding: 10px;
}

.zone_box {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}

.zone_box,
.zone_tit {
    transition: all 0.5s ease-in-out;
}

.zone_block {
    border: 1px solid rgba(0, 0, 0, .10);
    border-radius: 5px;
    height: 376px;
    padding: 10% 8%;
}

.zone_tit {
    color: #30c8d5;
    padding-bottom: 15px;
}

.zone_info {
    margin: -5px 0;
    overflow: hidden;
    padding: 25px 0;
    border-top: 1px dashed rgba(0, 0, 0, .10);
    border-bottom: 1px dashed rgba(0, 0, 0, .10);
}

.zone_info li {
    overflow: hidden;
    padding: 5px 0;
    line-height: 24px;
}

.zone_info li .ico {
    width: 22px;
    height: 22px;
}

.ico.ico_tel03 {
    background-image: url(../images/added_ico01.png);
}

.ico.ico_email03 {
    background-image: url(../images/added_ico02.png);
}

.zone_info li p {
    overflow: hidden;
}

.zone_info li p span {
    display: block;
}

.zone_city {
    padding-top: 20px;
}

.zone_box:hover {
    background-color: #30c8d5;
    color: #fff;
}

.zone_box:hover .zone_tit {
    color: #fff;
}

.zone_box:hover .zone_block,
.zone_box:hover .zone_info {
    border-color: rgba(255, 255, 255, .30);
}

.zone_box:hover .zone_info li .ico {
    background-position: left top;
}


/*==========青少年STEAM智能云测评系统*/


/*steam_intro*/

.steam_intro {
    padding-bottom: 0;
    text-align: center;
}

.steam_intro .about_tit {
    padding-bottom: 0;
    margin-bottom: 2%;
}

.steam_intro .about_tit:before {
    display: none;
}

.s_i_txt {
    max-width: 1050px;
    margin: 0 auto;
    line-height: 24px;
    height: 168px;
    overflow: hidden;
}

.s_i_point {
    font-size: 0;
    display: block;
    margin: 5% auto 0;
    width: 42px;
    height: 42px;
    background: url(../images/steam_01.png) center center no-repeat;
    background-size: cover;
    opacity: .20;
}

.s_i_point:hover {
    opacity: .50;
}

.s_i_graphic {
    background: #30c8d5;
    padding: 2.5% 0;
    margin-top: 4%;
}


/*student*/

.student {
    padding-bottom: 200px;
    background-image: url(../images/student_01.jpg);
    background-position: center bottom;
}

.student_block {
    width: 50%;
    float: left;
    color: #fff;
    transition: all 0.5s ease-in-out;
}

.student_block dt,
.student_block dd {
    width: 50%;
    float: right;
    position: relative;
    overflow: hidden;
    height: 275px;
}

.student_block dd {
    padding: 9% 7%;
}

.student_block dd h6 {
    margin-bottom: 5px;
}

.student_des {
    line-height: 24px;
    max-height: 144px;
    overflow: hidden;
}

.block_dif dt {
    float: left;
}

.student_block:nth-child(1) {
    background: #1fb9ef;
}

.student_block:nth-child(2) {
    background: #30c8d5;
}

.student_block:nth-child(3) {
    background: #f3b456;
}

.student_block:nth-child(4) {
    background: #61cd93;
}

.student_block:hover {
    opacity: .90;
}


/*client*/

.client {
    text-align: center;
    width: 60%;
    margin: 4% auto 0;
    max-width: 314px;
    line-height: 55px;
    border-radius: 28px;
    background: #e5e5e5;
}

.client li {
    width: 50%;
    float: left;
}

.client li a {
    display: block;
    border-radius: 28px;
}

.client li.active a {
    background: #043477;
    color: #fff;
}

.client li:hover a {
    opacity: .80;
}


/*tan_client*/

.tan_client {
    text-align: center;
}

.tan_client .tan_closed {
    width: 50px;
    line-height: 50px;
    font-size: 30px;
    background: none;
}

.tan_client .tan_closed:hover {
    background-color: #fff;
    color: #043477;
}

.tan_client .tan_box {
    width: 100%;
    max-width: 767px;
    background: #f6f6f6;
    text-align: left;
}

.client_item {
    background: #043477;
    color: #fff;
    line-height: 50px;
    padding: 0 30px;
    margin-bottom: 5%;
}

.client_block {
    overflow: hidden;
    text-align: center;
    height: 530px;
    padding: 0 30px;
}

.tan_client .mCSB_scrollTools {
    width: 5px;
}

.tan_client .mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 0;
}

.tan_client .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 5px;
    background: none;
}

.tan_client .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px;
    background: #e0e0e0;
}

.tan_client .mCS-dark-2.mCSB_scrollTools .mCSB_dragge.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.tan_client .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #ccc;
}


/*tearcher*/

.tearcher {
    padding-top: 30px;
    background: #0fbfff;
    color: #fff;
}

.tearcher_list {
    max-width: 1306px;
    margin: -10px auto;
}

.tearcher_list li {
    width: 33.33%;
    float: left;
    padding: 10px 25px;
}

.tearcher_list li a {
    display: block;
    overflow: hidden;
    position: relative;
    color: #fff;
}

.tearcher_list li a img {
    display: block;
    width: 100%;
}

.tearcher_info {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 0 10% 10%;
    line-height: 1.85;
}


/*tearcher_client*/

.tearcher_client {
    background: #fff;
}

.tearcher_client li.active a {
    background: #f3b456;
}


/*supervisor*/

.supervisor {}

.supervisor_img {
    width: 40.35%;
    float: left;
    text-align: right;
    margin-right: 3.5%;
}

.supervisor_r {
    width: 56.15%;
    float: right;
    position: relative;
    padding: 0 45px 25px 0;
    background: url(../images/supervisor_02.png) right bottom no-repeat;
}

.supervisor_info {
    background: #fff;
    color: #333;
    padding: 2% 8%;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
}

.supervisor_info li {
    overflow: hidden;
}

.supervisor_ico,
.supervisor_txt {
    padding: 25px 0;
}

.supervisor_ico {
    display: block;
    float: left;
    width: 45px;
    margin-right: 20px;
}

.supervisor_txt {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}

.supervisor_txt h6 {
    margin-bottom: 6px;
}

.supervisor_info li:last-child .supervisor_txt {
    border: none;
}


/*==========师资培训*/


/*platform*/

.platform_sec01 {
    text-align: center;
    line-height: 2;
}

.platform01_forewords {
    max-width: 865px;
    margin: 0 auto;
    margin-top: 2%;
}

.platform_list {
    margin: 3% -20px -20px;
}

.platform_list li {
    width: 33.33%;
    float: left;
    padding: 20px;
}

.platform_list li a {
    display: block;
    border: 1px solid #e3e3e3;
    height: 112px;
}

.platform_list li a:hover {
    border-color: #ccc;
}

.platform_sec02 {
    text-align: center;
    background-color: #f8f8f8;
}

.platform02_forewords {
    max-width: 1100px;
    margin: 0 auto;
    margin-bottom: 3%;
}


/*platform_scr*/

.business_scr .owl-dots {
    position: relative;
    margin-top: 30px;
}

.business_scr .owl-dots .owl-dot {
    border: none;
    background: #dfdfdf;
}

.business_scr .owl-dots .owl-dot.active {
    background-color: #7c7c7c;
}


/*platform_sec03*/

.platform_sec03 {
    padding: 7% 0 160px;
    margin-bottom: -80px;
}

.apply {
    max-width: 1320px;
    margin: 0 auto;
    background: rgba(255, 255, 255, .70);
    color: #000;
    padding: 4%;
    line-height: 2;
}

.apply_img {
    width: 140px;
    float: right;
    margin-left: 6%;
}

.apply_info {
    overflow: hidden;
}


/*==========零售业务*/


/*retail_intro*/

.retail_intro {}

.r_i_img {
    width: 50%;
    float: right;
    text-align: right;
    padding-left: 4%;
}

.r_i_l {
    overflow: hidden;
}

.r_i_txt {
    max-width: 690px;
}

.r_i_txt h6 {
    line-height: 2;
    margin-bottom: 20px;
}


/*retail_pro*/

.retail_pro {
    background-color: #f3f3f3;
}

#retail_scr {}

#retail_scr .item {
    text-align: center;
}

.retail_img {
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, .10);
    margin-bottom: 20px;
}

.retail_img img {
    display: block;
}


/*retail_cooper*/

.retail_cooper {}

.cooper_brand {
    margin: -10px;
}

.cooper_brand li {
    width: 14.285%;
    float: left;
    padding: 10px;
}

.cooper_brand li a {
    display: block;
    border: 1px solid #dcdcdc;
    height: 106px;
}

.cooper_brand li a:hover {
    border-color: #ccc;
    box-shadow: 0 0 30px -2px rgba(0, 0, 0, .15);
}

.cooper_brand li a .bgImg {
    display: block;
    transition: all .5s ease-in-out;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}

.cooper_brand li a:hover .bgImg {
    -webkit-transform: rotateY( 30deg);
    -moz-transform: rotateY( 30deg);
    transform: rotateY( 30deg);
}


/*==========赛事活动*/


/*event_rec*/

.event_rec {
    padding-bottom: 0;
}

.e_r_block {}

.e_r_tit {
    text-align: center;
    background: #043477;
    color: #fff;
    line-height: 1.53;
    padding: 2.3%;
}


/*holiday*/

.holiday {}

.holiday_block {
    text-align: center;
}


/*bright*/

.bright {
    background-attachment: fixed;
    color: #fff;
}

.bright_list {
    margin: -10px;
}

.bright_list li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 10px;
}

.bright_ico {
    display: block;
    margin: 0 auto 30px;
    position: relative;
    width: 113px;
    height: 113px;
    border-radius: 50%;
}

.bright_ico img {
    display: block;
    width: 65px;
    height: 65px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin: -33px 0 0 -33px;
    transition: all 0.5s ease-in-out;
}

.bright_ico:before,
.bright_ico:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #fff;
}

.bright_ico:after {
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
    opacity: 0;
    background: #043477;
    border: none;
}

.bright_list li:hover .bright_ico:before {
    border-color: #043477;
}

.bright_list li:hover .bright_ico:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.bright_list li:hover .bright_ico img {
    top: 48%;
}


/*event_news*/

.event_news {}

.news_show {
    overflow: hidden;
    margin: -20px;
}

.news_show li {
    width: 33.33%;
    float: left;
    padding: 20px;
}

.news_show li a {
    display: block;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    height: 220px;
    padding: 6% 8% 0;
}

.n_s_time {
    display: block;
    float: left;
    font-size: 12px;
    width: 70px;
}

.n_s_time b {
    display: block;
    line-height: 1;
    color: #043477;
}

.n_s_info {
    overflow: hidden;
    padding-left: 5%;
    border-left: 1px solid #ececec;
}

.n_s_tit {
    line-height: 27px;
    max-height: 54px;
    overflow: hidden;
    margin-bottom: 10px;
}

.n_s_des {
    opacity: .80;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
}

.n_s_more {
    display: block;
    clear: both;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #dcdcdc;
    text-transform: uppercase;
    opacity: .70;
}

.news_show li a:hover {
    background-color: #fff;
    box-shadow: 0 5px 40px -2px rgba(0, 0, 0, .10);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}


/*camp*/

.camp {
    background-color: #043477;
    color: #fff;
}

.camp_list {
    overflow: hidden;
    margin: -30px;
}

.camp_list li {
    width: 50%;
    float: left;
    padding: 30px;
}

.camp_list li a {
    display: block;
    overflow: hidden;
    position: relative;
}

.camp_list li a img {
    display: block;
    width: 100%;
}

.camp_caption {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background: rgba(0, 0, 0, .40);
    padding: 2.2% 4%;
    color: #fff;
}


/*wonderful*/

.wonderful {
    background-color: #f5f5f5;
}

.wonderful_txt {
    height: 120px;
    padding: 8% 10%;
}

.wonderful_item {
    margin-bottom: 5px;
}

.wonderful_item,
.wonderful_des {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/*sign*/

.sign {
    background-attachment: fixed;
    background-position: center bottom;
    color: #fff;
}

.sign_link {
    display: block;
    margin: -20px auto 0;
    position: relative;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    width: 60%;
    max-width: 160px;
    line-height: 62px;
    border-radius: 32px;
}

.sign_link em {
    display: block;
    position: relative;
    z-index: 1;
}

.sign_link:before {
    content: "";
    position: absolute;
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
    border-radius: 32px;
    background: #fff;
    opacity: 0;
}

.sign_link:hover {
    color: #043477;
}

.sign_link:hover:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .80;
}


/*contact_us*/

.contact_us {}

.contact_us .inner {
    position: relative;
}

.c_u_list {
    margin: -10px;
}

.c_u_list li {
    width: 33.33%;
    float: left;
    text-align: center;
    padding: 10px;
}

.c_u_block {
    display: table;
    width: 100%;
    background: #fff;
    transition: all 0.5s ease-in-out;
    height: 270px;
}

.c_u_ico {
    display: block;
    margin: 0 auto 20px;
    position: relative;
    background: url(../images/event_07.png) center center no-repeat;
    background-size: contain;
    width: 102px;
    height: 102px;
}

.c_u_ico img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    transition: all 0.5s ease-in-out;
}

.c_u_block h6 {
    margin-bottom: 5px;
}

.c_u_txt {
    color: #043477;
}

.c_u_block:hover {
    box-shadow: 0 5px 30px -3px rgba(0, 0, 0, .15);
}

.c_u_block:hover .c_u_ico img {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);
}

img.contact_dec01 {
    display: block;
    position: absolute;
    top: 7%;
    right: -7%;
    width: 8%;
    max-width: 100px;
}

img.contact_dec02 {
    display: block;
    position: absolute;
    bottom: -33%;
    left: -12%;
    z-index: 2;
    width: 16%;
    max-width: 212px;
}


/*event_partner*/

.event_partner {}

.e_p_list {
    margin: -15px;
    overflow: hidden;
}

.e_p_list li {
    width: 25%;
    float: left;
    padding: 15px;
}

.e_p_list li a {
    display: table;
    text-align: center;
    position: relative;
    width: 100%;
    height: 120px;
    background: #f5f5f5;
}

.e_p_list li a h6 {
    transition: all 0.5s ease-in-out;
}

.e_p_list li a .bgImg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #f5f5f5;
    background-size: contain;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(1.1);
    transition: all 0.5s ease-in-out;
}

.e_p_list li a:hover .bgImg {
    opacity: 1;
    transform: scale(1);
}

.e_p_list li a:hover h6 {
    opacity: 0;
}


/*writing_banner*/

#writing_banner {
    height: 680px;
}

#writing_banner .owl-stage-outer,
#writing_banner .owl-stage,
#writing_banner .owl-item,
#writing_banner .item,
#writing_banner .item a {
    display: block;
    height: 100%;
}

#writing_banner .item a .bgImg {
    position: absolute;
    top: 0;
    left: 0;
}

#writing_banner .item .inner {
    height: 100%;
    position: relative;
}

.banner_txt {
    display: block;
    position: absolute;
    top: 15%;
    left: 15%;
    opacity: 0;
}

.banner01_txt {
    width: 40%;
    max-width: 520px;
}

.banner02_txt {
    width: 30%;
    max-width: 395px;
}

#writing_banner .owl-item.active .item .banner_txt {
    animation: 1s .2s move02 both;
}

.my_move02 {
    animation: move02 1s forwards alternate;
    -moz-animation: move02 1s forwards alternate;
    -webkit-animation: move02 1s forwards alternate;
    -o-animation: move02 1s forwards alternate;
}

@keyframes move02 {
    0% {
        left: 15%;
        opacity: 0;
    }
    100% {
        left: 5%;
        opacity: 1;
    }
}

@-moz-keyframes move02 {
    0% {
        left: 15%;
        opacity: 0;
    }
    100% {
        left: 5%;
        opacity: 1;
    }
}

@-webkit-keyframes move02 {
    0% {
        left: 15%;
        opacity: 0;
    }
    100% {
        left: 5%;
        opacity: 1;
    }
}

@-o-keyframes move02 {
    0% {
        left: 15%;
        opacity: 0;
    }
    100% {
        left: 5%;
        opacity: 1;
    }
}

#writing_banner .owl-nav a {
    position: absolute;
    top: 40%;
    left: 10%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background: url(../images/arrow_11.png) left center no-repeat;
}

#writing_banner .owl-nav a span {
    font-size: 0;
}

#writing_banner.owl-nav a.disabled {
    opacity: .70;
}

#writing_banner .owl-nav a.owl-next {
    left: auto;
    right: 10%;
    background-position: right center;
}


/*writing_intro*/

.writing_intro {}

.w_i_l {
    width: 48%;
    float: left;
}

.w_i_img {
    overflow: hidden;
    float: left;
    width: 85%;
}

.w_i_video {
    float: right;
    position: relative;
    z-index: 2;
    border: 15px solid #fff;
    width: 50%;
    max-width: 332px;
    margin-top: -32%;
}

.w_i_video img {
    display: block;
}

.w_i_cover {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
}

.w_i_cover img {
    margin: 0 auto 15px;
    width: 30%;
    max-width: 75px;
}

.w_i_r {
    width: 50%;
    float: right;
    max-width: 670px;
    padding-top: 5%;
}

.writing_handle {
    margin: 6% -15px 0;
}

.writing_link {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
    padding: 0 30px;
    line-height: 62px;
    border-radius: 32px;
    border: 1px solid #2abbd8;
    color: #2abbd8;
}

.writing_link:hover {
    background-color: #2abbd8;
    color: #fff;
}


/*video_warp*/

#video_warp {
    text-align: center;
}

#video_warp .tan_box {
    width: 100%;
    max-width: 1175px;
    padding: 10px;
    background: #043477;
}

.video_area {
    height: 555px;
    background: #000;
}

#video_warp .tan_closed {
    right: -60px;
    background: #043477;
}

#video_warp .tan_closed:hover {
    background: #043477;
    opacity: .90;
}


/*plan_detail*/

.plan_detail {
    background: #fff;
    color: #333;
    padding: 5%;
}

.plan_box {}

.plan_tit {
    text-align: center;
    margin-bottom: 15px;
}

.plan_item {
    text-align: center;
    color: #2abbd8;
    margin-bottom: 30px;
}

table.table_plan {
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    line-height: 1.5;
    text-align: center;
    font-size: 24px;
}

table.table_plan thead tr th {
    font-weight: normal;
    background: #2abbd8;
    border-left: 1px solid #d2d2d2;
    color: #fff;
    padding: 2% 0;
}

.align_left {
    text-align: left;
}

table.table_plan tbody tr td {
    padding: 4%;
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
}

table.table_plan tbody tr:nth-child(even) td {
    background: #f5f5f5;
}

.plan_text {}

.plan_text li {
    overflow: hidden;
    margin-bottom: 3%;
}

.plan_slot {
    display: block;
    float: left;
    margin-right: 5px;
}

.plan_des {
    overflow: hidden;
}

.plan_show {
    overflow: hidden;
    margin: -10px;
}

.plan_show li {
    width: 50%;
    float: left;
    padding: 10px;
}

.plan_show li img {
    display: block;
}

.plan_more {
    text-align: center;
    margin-top: 3%;
}


/*latest_info*/

.latest_info {
    background-color: #f5f5f5;
}

.latest_info .news_show li a {
    background-color: #fff;
}


/*process*/

.process {
    background-position: center bottom;
    background-size: auto;
    max-height: 530px;
}

#process_scr {
    text-align: center;
}

#process_scr .owl-item:before {
    content: "";
    position: absolute;
    top: 45px;
    right: -56px;
    width: 113px;
    height: 56px;
    background: url(../images/process_01.png) center center repeat;
    background-size: cover;
}

#process_scr .item b {
    display: block;
    position: relative;
    z-index: 1;
    margin: 0 auto 15px;
    border-radius: 50%;
    width: 62px;
    line-height: 58px;
    background: #fff;
    border: 2px solid #2abbd8;
    color: #2abbd8;
}

#process_scr .owl-item:nth-child(even) .item b {
    background: #2abbd8;
    color: #fff;
    margin-top: 77px;
}

#process_scr .owl-item:nth-child(even):before {
    background-image: url(../images/process_01b.png);
}

#process_scr .owl-item:last-child:before {
    display: none;
}

#process_scr .item p {
    display: inline-block;
    transition: all 0.5s ease-in-out;
    position: relative;
}

#process_scr .item p:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background: #2abbd8;
}

#process_scr .owl-item:hover p {
    color: #2abbd8;
}

#process_scr .owl-item:hover p:before {
    left: 0;
    width: 100%;
}


/*wonderful_past*/

.wonderful_past {
    background-position: center top;
    background-size: auto;
    background-color: #f5f5f5;
    max-height: 734px;
}


/*expert*/

.expert {
    background-position: center top;
    background-size: auto;
}

.expert_box {
    text-align: center;
    max-height: 560px;
    overflow: hidden;
}

.expert_item {
    margin-bottom: 10px;
}

.expert_handle {
    text-align: center;
    margin: 3% -15px 0;
}

.expert_box,
.expert_item {
    line-height: 36px;
}


/*a_intro*/

.a_intro {}

.a_i_l {
    width: 50%;
    float: left;
    padding-right: 4%;
}

.a_i_img {
    max-width: 635px;
    overflow: hidden;
}

.a_i_r {
    overflow: hidden;
}

.a_i_r .about_tit {
    margin-bottom: 30px;
}

.a_i_compare {
    line-height: 1.5;
    margin-top: 30px;
}

.a_i_compare li span {
    color: #043477;
}

.a_i_others {
    width: 100%;
    clear: both;
    margin: -15px;
    padding-top: 5%;
}

.a_i_others li {
    float: left;
    padding: 15px;
    text-align: center;
}

.others_yu {
    height: 245px;
    background: #f5f5f5;
    padding: 50px 15px 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.a_i_others li:nth-child(1) {
    width: 24%;
}

.a_i_others li:nth-child(2) {
    width: 50%;
}

.a_i_others li:nth-child(3) {
    width: 26%;
}

.others_caption {
    color: #043477;
    margin-bottom: 20px;
}

.others_caption img {
    display: block;
    margin: 0 auto 15px;
}

.others_txt a {
    display: inline-block;
    line-height: 2;
    padding: 0 15px;
}

.a_i_others li:hover .others_yu {
    box-shadow: 0 5px 30px -2px rgba(0, 0, 0, .15);
}


/*a_detailed*/

.a_detailed {
    background-color: #f5f5f5;
}

.detailed_box {
    position: relative;
    /* height: 900px; */
    background: url(../images/jia_02.png) center top no-repeat;
}


/*.detailed_box:before{ content:""; position:absolute; top:0; left:-10%; width:110%; height:100%; background: url(../images/jia_02.png) no-repeat;}*/

.detailed_yu {
    padding: 140px 40px 180px 80px;
}

.detailed_con {
    position: relative;
    z-index: 1;
    height: 590px;
    overflow: hidden;
    line-height: 28px;
}

.detailed_item {
    color: #043477;
    margin-bottom: 30px;
}

.organ {}

.organ li {
    float: left;
    margin-right: 6%;
}

.detailed_caption {
    color: #043477;
}

.detailed_caption b {
    display: block;
    font-weight: normal;
    font-family: Impact;
}

.detailed_line {
    height: 60px;
    position: relative;
}

.detailed_line:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dcdcdc;
}

.detailed_con .mCSB_inside>.mCSB_container {
    margin-right: 30px;
}

.detailed_con .mCSB_scrollTools {
    width: 8px;
}

.detailed_con .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
}

.detailed_con .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    background: #043477;
}


/*a_rules*/

.a_rules {}

.rules_list {}

.rules_list li {
    width: 33.33%;
    float: left;
    height: 196px;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.rules_list li:nth-child(1),
.rules_list li:nth-child(2) {
    width: 50%;
}

.rules_list li:nth-child(1) {
    background-color: #39b277;
}

.rules_list li:nth-child(2) {
    background-color: #1eb4ea;
}

.rules_list li:nth-child(3) {
    background-color: #2172c4;
}

.rules_list li:nth-child(4) {
    background-color: #f2ab50;
}

.rules_list li:nth-child(5) {
    background-color: #043477;
}

.rules_num {
    display: block;
    font-family: Impact;
}

.rules_list li:hover {
    opacity: .90;
}


/*================================================名师团队================================================*/

.team {
    padding: 80px 0;
}

.team_list {
    overflow: hidden;
    margin: 0 -50px;
}

.team_list li {
    width: 50%;
    float: left;
    padding: 0 50px 40px;
}

.team_list li a {
    display: block;
    position: relative;
}

.team_photo {
    width: 206px;
    height: 206px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    margin-top: -103px;
}

.team_photo img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.team_photo:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: -webkit-calc(100% - 16px);
    width: calc(100% - 16px);
    height: -webkit-calc(100% - 16px);
    height: calc(100% - 16px);
    border: 1px solid #fff;
    opacity: .30;
}

.team_info {
    position: relative;
    overflow: hidden;
    width: 87.25%;
    height: 330px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    margin-left: 80px;
    padding: 5% 5% 0 160px;
    transition: all 0.5s ease-in-out;
}

.team_info .bgImg {
    position: absolute;
    top: -15%;
    left: -15%;
    width: 130%;
    height: 130%;
    opacity: 0;
}

.team_item {
    position: relative;
    z-index: 1;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #cccccc;
}

.team_item span {
    color: #20b6e7;
    margin-left: 14px;
}

.team_des {
    line-height: 24px;
    max-height: 168px;
    overflow: hidden;
}

.team_des .mCSB_scrollTools {
    width: 3px;
}

.team_des .mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 0;
}

.team_des .mCSB_inside>.mCSB_container {
    margin-right: 20px;
}

.team_des .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
    background: #e5e5e5;
}

.team_des .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 3px;
    background: #20b6e7;
}

.team_des .mCS-dark-2.mCSB_scrollTools .mCSB_dragge.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.team_des .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
}

.team_list li a:hover .team_info {
    background: #20b6e7;
    color: #fff;
}

.team_list li a:hover .team_info .bgImg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .10;
}

.team_list li a:hover .team_des .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff;
}

.team_list li a:hover .team_item span {
    color: #fff;
}


/*================================================下载中心================================================*/

.down_load {}

.load_list {
    margin: -10px -10px 20px;
    overflow: hidden;
}

.load_list li {
    width: 25%;
    float: left;
    padding: 10px;
}

.load_list li a {
    display: block;
    background: #fff;
}

.load_img {
    overflow: hidden;
}

.load_img img {
    display: block;
    width: 100%;
}

.load_info {
    height: 78px;
    padding: 20px 0 0 8%;
}

.load_ico {
    display: block;
    float: right;
    position: relative;
    font-size: 0;
    width: 68px;
    height: 44px;
    border-left: 1px solid rgba(0, 0, 0, .10);
    margin-left: 8%;
}

.load_ico:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    width: 24px;
    height: 24px;
    background: url(../images/ico_load.png) center bottom no-repeat;
}

.load_des {
    overflow: hidden;
    line-height: 22px;
    height: 44px;
}

.load_list li a:hover {
    background-color: #043477;
    box-shadow: 0 5px 20px -2px rgba(0, 0, 0, .30);
    color: #fff;
}

.load_list li a:hover .load_ico:before {
    background-position: center top;
}

.down_load .page {
    padding: 20px 0;
    background: #fff;
}


/*font*/

.f72 {
    font-size: 72px;
}

.f60 {
    font-size: 60px;
}

.f48 {
    font-size: 48px;
}

.f46 {
    font-size: 46px;
}

.f42 {
    font-size: 42px;
}

.f40 {
    font-size: 40px;
}

.f36 {
    font-size: 36px;
}

.f34 {
    font-size: 34px;
}

.f32 {
    font-size: 32px;
}

.f30 {
    font-size: 30px;
}

.f28 {
    font-size: 28px;
}

.f26 {
    font-size: 26px;
}

.f24 {
    font-size: 24px;
}

.f22 {
    font-size: 22px;
}

.f20 {
    font-size: 20px;
}

.f18 {
    font-size: 18px;
}

.f16 {
    font-size: 16px;
}

@media only screen and (max-width: 1599px) {
    /*font*/
    .f72 {
        font-size: 62px;
    }
    .f60 {
        font-size: 50px;
    }
    .f48 {
        font-size: 42px;
    }
    .f46 {
        font-size: 40px;
    }
    .f42 {
        font-size: 36px;
    }
    .f40 {
        font-size: 34px;
    }
    .f36 {
        font-size: 30px;
    }
    .f34 {
        font-size: 28px;
    }
    .f32 {
        font-size: 26px;
    }
    .f30 {
        font-size: 24px;
    }
    .f28 {
        font-size: 22px;
    }
    .f26 {
        font-size: 20px;
    }
    .f24 {
        font-size: 18px;
    }
    .f22 {
        font-size: 16px;
    }
    .f20 {
        font-size: 16px;
    }
    .f18 {
        font-size: 16px;
    }
    .f16 {
        font-size: 14px;
    }
    /*banner*/
    .banner_warp {
        height: 500px;
    }
    /*about_tit*/
    .about_tit {
        margin-bottom: 40px;
    }
    /*alliance*/
    #alliance_scr .owl-nav a {
        width: 22px;
        height: 52px;
        margin-top: -62px;
        left: -42px;
    }
    #alliance_scr .owl-nav a.owl-next {
        right: -42px;
    }
    /*theme_common*/
    .theme_common .owl-nav a {
        width: 20px;
        height: 40px;
        margin-top: -40px;
        left: -40px;
    }
    .theme_common .owl-nav a.owl-next {
        right: -40px;
    }
    /*base*/
    .aim_list li em {
        width: 50px;
        line-height: 60px;
        margin-right: 10px;
    }
    .aim_des {
        margin-top: 5px;
    }
    /*team*/
    .team_list {
        margin: 0 -30px;
    }
    .team_list li {
        padding: 0 30px 30px;
    }
    .honor_scr li {
        width: 220px;
        height: 305px;
        margin-right: 25px;
    }
}

.brand_focus {
    height: 100vh;
}

@media only screen and (max-width: 1279px) {
    /*font*/
    .f72 {
        font-size: 52px;
    }
    .f60 {
        font-size: 40px;
    }
    .f48 {
        font-size: 36px;
    }
    .f46 {
        font-size: 34px;
    }
    .f42 {
        font-size: 30px;
    }
    .f40 {
        font-size: 28px;
    }
    .f36 {
        font-size: 24px;
    }
    .f34 {
        font-size: 22px;
    }
    .f32 {
        font-size: 22px;
    }
    .f30 {
        font-size: 20px;
    }
    .f28 {
        font-size: 18px;
    }
    .f26 {
        font-size: 18px;
    }
    .f24 {
        font-size: 18px;
    }
    .f22 {
        font-size: 16px;
    }
    .f20 {
        font-size: 16px;
    }
    .f18 {
        font-size: 14px;
    }
    .f16 {
        font-size: 14px;
    }
    /*title01*/
    .title01 a em:before {
        display: none;
    }
    /*about_tit*/
    .about_tit {
        margin-bottom: 30px;
    }
    /*slide*/
    .slide .owl-nav {
        display: none;
    }
    .slide-counter,
    .slide .owl-dots {
        margin-bottom: 20px;
    }
    .scroll_i {
        right: 15px;
    }
    /*80px-- 40px*/
    .edu_sec,
    .pro_detail,
    .brand_sec,
    .team {
        padding: 40px 0;
    }
    .campus {
        padding-top: 40px;
    }
    .common_bg {
        padding: 40px 0 80px;
    }
    .sec_course {
        padding-bottom: 80px;
    }
    /*major_load*/
    .major_load {
        width: 100%;
        /* max-width: 600px; */
        margin: 20px 0;
    }
    .major_load li {
        height: 120px;
    }
    .major_load li .load_tit {
        line-height: 20px;
    }
    .major_load li .load_tit img {
        width: 20px;
    }
    /*sec_about*/
    .about_warp {
        height: 476px;
    }
    .about_info {
        padding-top: 50px;
    }
    /*sec_business*/
    .business_list li,
    .business_list li.business_06,
    .business_list li.business_07 {
        height: 186px;
    }
    .business_list li.business_02 {
        height: 372px;
    }
    .business_list li.business_04 {
        margin-top: 186px;
    }
    .business_item img {
        width: 35px;
    }
    .more01 {
        width: 122px;
        line-height: 38px;
        height: 40px;
        border-width: 1px;
    }
    /*sec_honor*/
    .honor_scr li {
        width: 193px;
        height: 268px;
        margin-right: 15px;
    }
    /*sec_course*/
    .sec_course .sec_top {
        position: inherit;
        position: initial;
        text-align: left;
    }
    .sec_course .title01,
    .title01_des {
        padding-right: 0;
    }
    .title01_des {
        text-align: left;
    }
    #course_scr .owl-nav {
        position: inherit;
        position: initial;
        margin: 20px auto 0;
    }
    #course_scr .owl-item .item {
        margin: -10px;
    }
    .course_block {
        width: 100%;
        float: none;
        height: auto;
        padding: 10px;
    }
    #course_scr .owl-item .item .course_block:nth-child(2) {
        display: none;
    }
    .course_block dl dt {
        width: 280px;
        height: 208px;
    }
    .course_block dl dd {
        padding: 15px 15px 0;
    }
    /*sub_nav*/
    .nav_list li a {
        padding: 0 8px;
    }
    .nav_list li a,
    .sub_nav.on .nav_list li a {
        line-height: 67px;
    }
    .nav_list li .nav_subclass,
    .sub_nav.on .nav_list li .nav_subclass {
        top: 67px;
    }
    .nav_list li.has_class.active,
    .sub_nav.on .nav_list li.has_class.active {
        padding-bottom: 48px;
    }
    .nav_list li .nav_subclass a,
    .sub_nav.on .nav_list li .nav_subclass a {
        line-height: 48px;
        margin-right: 0;
    }
    /*==========about*/
    .banner_warp {
        height: 350px;
    }
    .banner_tit {
        padding-bottom: 20px;
    }
    .intro_info {
        padding-top: 50px;
    }
    .profile {
        height: auto;
    }
    .profile_warp {
        padding: 0;
    }
    .profile_warp .inner {
        padding-top: 8%;
        padding-bottom: 8%;
    }
    .culture_list li {
        padding: 0 3%;
    }
    .partner_list {
        margin-top: -5px;
        margin-left: -5px;
        margin-right: -5px;
    }
    .partner_list li {
        padding: 5px;
    }
    /*contact*/
    .contact_list li.li_item:nth-child(n) .contact_block {
        padding: 30px;
    }
    /*04 主营业务*/
    .aim_list li em {
        width: 40px;
        line-height: 50px;
    }
    .aim_des {
        margin-top: 0;
        line-height: 20px;
        max-height: 40px;
    }
    .func_list,
    .model_list,
    .course_service,
    .tearcher_list,
    .platform_list,
    .news_show,
    .camp_list,
    .e_p_list,
    .pro_sort,
    .ways_list {
        margin: -10px;
    }
    .func_list li,
    .model_list li,
    .course_service li,
    .tearcher_list li,
    .platform_list li,
    .news_show li,
    .camp_list li,
    .e_p_list li,
    .pro_sort li,
    .ways_list li.li_item {
        padding: 10px;
    }
    .platform_list {
        margin-top: 3%;
    }
    .platform_list li a,
    .cooper_brand li a {
        height: auto;
    }
    .platform_list li a .bgImg img,
    .cooper_brand li a .bgImg img {
        display: block;
    }
    .news_show li {
        width: 50%;
    }
    .sign_link {
        line-height: 42px;
        border-radius: 22px;
    }
    .category_tit {
        padding: 10px;
    }
    .category_tit span {
        width: auto;
    }
    .category_tit span:before,
    .category_tit span:after {
        display: none;
    }
    .detail_more i {
        width: 48px;
        height: 48px;
        border-width: 2px;
    }
    .detail_more i:before {
        width: 18px;
        height: 18px;
        margin: -9px 0 0 -9px;
        background-size: 18px;
    }
    .system_list {
        margin: -10px;
    }
    .system_list li.li_item01,
    .system_list li.li_item02,
    .system_list li.li_item03 {
        width: 100%;
        padding: 10px;
    }
    .system_ico {
        margin-right: 15px;
    }
    /*07*/
    .brand_focus {
        height: auto;
    }
    .brand_focus .bgImg,
    .brand_focus .inner {
        position: inherit;
        position: initial;
    }
    .brand_focus .bgImg img {
        display: block;
    }
    .megagame_more {
        width: 220px;
        line-height: 50px;
    }
    .backing_list li img {
        width: 50px;
    }
    .b_s_caption {
        position: inherit;
        position: initial;
        line-height: 40px;
    }
    .load_ico {
        width: 44px;
    }
}

@media only screen and (max-width: 991px) {
    /*font*/
    .f72 {
        font-size: 42px;
    }
    .f60 {
        font-size: 34px;
    }
    .f48 {
        font-size: 30px;
    }
    .f46 {
        font-size: 28px;
    }
    .f42 {
        font-size: 24px;
    }
    .f40 {
        font-size: 22px;
    }
    .f36 {
        font-size: 18px;
    }
    .f34 {
        font-size: 18px;
    }
    .f32 {
        font-size: 18px;
    }
    .f30 {
        font-size: 16px;
    }
    .f28 {
        font-size: 16px;
    }
    .f26 {
        font-size: 14px;
    }
    .f24 {
        font-size: 14px;
    }
    .f22 {
        font-size: 14px;
    }
    .f20 {
        font-size: 14px;
    }
    .f18 {
        font-size: 14px;
    }
    .f16 {
        font-size: 12px;
    }
    body,
    html {
        font-size: 12px;
    }
    /*alliance*/
    .alliance_l {
        width: 100%;
    }
    .alliance_info {
        clear: both;
        padding-left: 0;
    }
    .alliance_txt {
        max-width: none;
        float: none;
    }
    .alliance_notice {
        width: 40%;
        max-width: 200px;
    }
    /*education*/
    .education_base .alliance_l {
        width: 100%;
    }
    #alliance_scr .item a .caption {
        padding: 10px;
    }
    /*contact*/
    .contact_list li.li_item:nth-child(n) {
        display: block;
        width: 100%;
    }
    .contact_list li.li_item:nth-child(n) .contact_block {
        padding: 20px;
        height: auto;
        overflow: hidden;
    }
    .notice_code {
        max-width: 110px;
    }
    .notice_info {
        padding: 0 0 0 20px;
    }
    /*04 主营业务*/
    .tech .bgImg {
        width: 100%;
        position: inherit;
    }
    .tech .bgImg img {
        display: block;
    }
    .tech_box {
        float: none;
        width: 100%;
        height: auto;
        padding: 5% 0;
    }
    .tech_block {
        max-width: none;
    }
    .room_base dt {
        width: 100%;
        float: none;
    }
    .room_base dd {
        padding-right: 0;
    }
    .room_block {
        max-width: none;
    }
    .yi_show a {
        width: 100%;
        float: none;
    }
    .r_p_box {
        padding: 5px;
    }
    .r_p_block {
        border-width: 5px;
    }
    .base {
        padding-bottom: 50px;
    }
    .base_l {
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 3%;
    }
    .aim_list li {
        width: 50%;
    }
    .base_r {
        margin: 0;
    }
    .func_list li {
        width: 50%;
    }
    .model_list li {
        width: 100%;
    }
    .model_block {
        height: auto;
        padding: 4%;
    }
    .model_des:before {
        height: 100%;
    }
    .added_l {
        width: 100%;
        float: none;
        margin: 0 0 4%;
    }
    .added_r {
        padding-left: 0;
    }
    .added_list {
        float: none;
    }
    .added_list li a {
        border-width: 5px;
    }
    .course_service li {
        width: 100%;
        float: none;
    }
    .course_service li a {
        height: auto;
        padding: 20px;
    }
    .results_class {
        width: 100%;
        float: none;
        border: none;
    }
    .results_class li em {
        width: 30px;
        line-height: 30px;
    }
    .results_r {
        text-align: center;
        padding-left: 0;
    }
    .other_l,
    .other_r,
    .other_dif .other_l,
    .other_dif .other_r {
        width: 100%;
        padding: 0;
    }
    .other_l {
        margin-bottom: 4%;
    }
    .other_l .other_block {
        max-width: none;
    }
    .contact_zone li.li_item {
        width: 100%;
    }
    .zone_block {
        height: auto;
        padding: 20px;
    }
    .student_block {
        width: 100%;
    }
    .supervisor_img {
        width: 100%;
        float: none;
        text-align: center;
        margin-right: 0;
    }
    .supervisor_r {
        width: 100%;
        float: none;
        padding-right: 25px;
    }
    .supervisor_info {
        padding: 20px;
    }
    .supervisor_ico,
    .supervisor_txt {
        padding: 15px 0;
    }
    .r_i_img {
        width: 100%;
        float: none;
        padding-left: 0;
        text-align: center;
    }
    .r_i_txt {
        max-width: none;
    }
    .bright_ico {
        width: 73px;
        height: 73px;
        margin-bottom: 10px;
    }
    .bright_ico img {
        width: 43px;
        height: 43px;
        margin: -22px 0 0 -22px;
    }
    .c_u_block {
        height: 170px;
    }
    .c_u_ico {
        width: 62px;
        height: 62px;
        margin-bottom: 10px;
    }
    .c_u_ico img {
        width: 30px;
        height: 30px;
        margin: -15px 0 0 -15px;
    }
    .system_base dt,
    .system_base dd {
        width: 100%;
        float: none;
    }
    .system_txt {
        max-width: none;
    }
    .accord_l,
    .accord_school .accord_l {
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 30px;
    }
    .accord_txt {
        max-width: none;
    }
    .campus_list li.li_item {
        width: 50%;
    }
    .func_list,
    .model_list,
    .course_service,
    .tearcher_list,
    .platform_list,
    .news_show,
    .camp_list,
    .e_p_list,
    .cooper_brand,
    .c_u_list,
    .pro_sort,
    .ways_list,
    .load_list {
        margin: -5px;
    }
    .func_list li,
    .model_list li,
    .course_service li,
    .tearcher_list li,
    .platform_list li,
    .news_show li,
    .camp_list li,
    .e_p_list li,
    .cooper_brand li,
    .c_u_list li,
    .pro_sort li,
    .ways_list li.li_item,
    .load_list li {
        padding: 5px;
    }
    .e_p_list li a {
        height: 90px;
    }
    .c_a_block dt {
        width: 100%;
        float: none;
        margin-bottom: 40px;
    }
    .c_a_txt li {
        padding-top: 10px;
    }
    .teach_box dt {
        width: 100%;
        text-align: center;
        float: none;
        margin-bottom: 20px;
    }
    /*intention*/
    .intention .bgImg {
        position: inherit;
        position: initial;
        width: 100%;
    }
    .intention .bgImg img {
        display: block;
    }
    .intention_box {
        width: 100%;
        height: auto;
        padding: 4% 0;
    }
    .intention_form {
        margin: 0 auto;
    }
    /*team_list*/
    .team_list li {
        width: 100%;
    }
    .team_photo {
        width: 106px;
        height: 106px;
        margin-top: -53px;
    }
    .team_info {
        width: auto;
        height: 170px;
        margin-left: 10px;
        padding: 20px 20px 0 110px;
    }
    .team_des {
        line-height: 20px;
        max-height: 80px;
    }
    /*talent*/
    .view_img {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .view_list {
        overflow: hidden;
        margin-top: -10px;
    }
    .view_list li {
        margin-top: 10px;
    }
    .strategy_list {
        margin: -10px 0;
    }
    .strategy_list:before {
        display: none;
    }
    .strategy_list li:nth-child(n) {
        width: 100%;
        float: none;
        height: auto;
        padding: 10px 0;
    }
    .strategy_block {
        max-width: none;
    }
    .strategy_ico {
        margin-right: 15px;
    }
    .join_sort span,
    .join_tit span {
        line-height: 24px;
        padding: 10px;
    }
    .join_tit:before,
    .join_tit:after {
        width: 5px;
    }
    .post_info {
        margin: 0 5px;
        padding: 20px;
    }
    .load_list {
        margin-bottom: 20px;
    }
    .a_i_l {
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 20px;
    }
    .a_i_img {
        max-width: none;
    }
    .a_i_others li {
        padding: 10px;
    }
    .a_i_others {
        margin: 0 -15px;
    }
    .a_i_others li:nth-child(n) {
        width: 100%;
    }
    .others_yu {
        height: auto;
        padding: 30px 15px;
    }
    .others_caption img {
        width: 40px;
    }
    .rules_list li:nth-child(n) {
        width: 100%;
    }
    .detailed_box {
        background: none;
    }
    .detailed_yu {
        padding: 15px;
        background: #fff;
    }
}

@media only screen and (max-width:767px) {
    /*page*/
    .page a {
        width: 28px;
        line-height: 26px;
    }
    .page a.page_btn {
        width: 60px;
        margin: 0 10px;
    }
    /*sec_about*/
    .about_warp {
        height: auto;
    }
    .about_info {
        width: 100%;
        float: none;
        padding: 30px 0;
    }
    .about_img_01 {
        width: 100%;
    }
    .about_img_01 .bgImg img {
        display: block;
    }
    /*sec_business*/
    .business_item em {
        font-size: 12px;
    }
    .business_list li:nth-child(n) {
        height: 156px;
        margin: 0;
        width: 50%;
    }
    .business_list li:nth-child(n) .business_item {
        margin-bottom: 10px;
    }
    .business_list li:nth-child(n) .business_item img {
        margin-bottom: 5px;
    }
    .business_list li.business_07 {
        width: 100%;
    }
    /*sec_honor*/
    .honor_scr {
        padding-bottom: 0;
    }
    .honor_scr li {
        width: 174px;
        height: 240px;
        margin-right: 5px;
    }
    /*sec_course*/
    .course_block dl dt {
        width: 160px;
        height: 120px;
    }
    .course_item {
        margin-bottom: 5px;
    }
    .course_base {
        margin: 0 -5px 10px;
    }
    .course_base span {
        padding: 0 5px;
    }
    .course_des {
        line-height: 20px;
        max-height: 40px;
        margin: 0;
    }
    .course_more {
        display: none;
    }
    /*=========about*/
    /*.sub_nav{ display:none;}*/
    .banner_warp {
        height: 200px;
    }
    /*data*/
    .data {
        margin-top: -20px;
    }
    .data li:nth-child(n) {
        width: 50%;
        margin-top: 20px;
    }
    .data li:nth-child(3):before {
        display: none;
    }
    .data_num {
        margin: 10px 0;
    }
    /*culture*/
    .culture_list {
        margin: -10px 0;
    }
    .culture_list li:nth-child(n) {
        width: 100%;
        height: auto;
        padding: 10px 0;
        border: none;
    }
    .culture_ico {
        max-width: 94px;
    }
    /*history*/
    .history_block,
    .history_block_dif {
        width: 100%;
        float: none;
        margin-top: 0;
    }
    .history_block dt,
    .history_block_dif dt {
        padding: 5% 5% 0 5%;
    }
    /*partner*/
    .partner_list li {
        width: 33.33%;
    }
    /*news*/
    .news_list li {
        height: auto;
    }
    .news_img {
        width: 157px;
    }
    .news_con {
        left: 147px;
        top: 10px;
        height: 97px;
        padding: 5px 10px 0 10px;
        width: 46%;
    }
    .news_time {
        float: none;
        width: auto;
        padding: 0;
    }
    .news_time b {
        display: inline-block;
        vertical-align: baseline;
        margin-right: 5px;
        font-size: 14px;
    }
    .n_c_r {
        border: none;
        padding: 5px 0 0;
    }
    .news_item {
        margin-bottom: 5px;
    }
    .news_overview {
        line-height: 18px;
        max-height: 36px;
    }
    .article_func {
        float: none;
        margin-left: 0;
    }
    /*about*/
    .intro {
        height: auto;
        overflow: hidden;
    }
    .intro_info {
        width: 100%;
        float: none;
        max-width: none;
        padding: 30px 0;
    }
    .intro_img {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        float: right;
    }
    .intro_img .about_img_01 {
        position: inherit;
        position: initial;
    }
    /*04 - 07*/
    .yi_list li {
        width: 100%;
    }
    .apply_img {
        float: none;
        margin: 0 auto;
    }
    .e_p_list li {
        width: 50%;
    }
    .bright_list li {
        width: 50%;
        height: 185px;
    }
    .news_show li {
        width: 100%;
    }
    .news_show li a {
        padding: 15px;
        height: auto;
    }
    .news_show li a .n_s_time {
        width: auto;
        padding-right: 10px;
    }
    .idea_block dt,
    .idea_block dd {
        width: 100%;
        float: none;
        line-height: 1.7;
    }
    .idea_txt {
        max-width: none;
    }
    .pro_sort li {
        width: 50%;
    }
    .pro_category li {
        width: 50%;
    }
    .detail_list li {
        width: 50%;
    }
    .system_ico {
        width: 96px;
        height: 96px;
        padding-top: 15px;
    }
    .system_ico img {
        width: 40px;
        height: 40px;
        margin-bottom: 5px;
    }
    .support_block dt,
    .support_block dd {
        width: 100%;
        float: none;
    }
    .support_block dt {
        margin-bottom: 20px;
    }
    /*campus_form*/
    .local {
        padding: 60px 0 40px;
    }
    .campus_form {
        float: none;
    }
    .campus_all {
        line-height: 40px;
        padding: 0 15px;
    }
    .campus_list li.li_item {
        width: 100%;
    }
    .campus_list li.li_item a {
        height: auto;
        padding: 20px;
    }
    .dropdown {
        height: 40px;
        line-height: 40px;
    }
    .dropdown .selected {
        padding-left: 15px;
    }
    .dropdown:before {
        width: 35px;
    }
    .sel_box {
        min-width: 108px;
    }
    .campus_top .about_tit {
        clear: both;
        padding-top: 20px;
    }
    /*advance_list*/
    .advance_list {
        overflow: visible;
        padding: 30px 0 30px 30px;
        background-position: 10px top;
    }
    .advance_list:before,
    .advance_list:after {
        left: 0;
        margin-left: 0;
    }
    .advance_box,
    .advance_list li.li_dif .advance_box {
        width: 100%;
        float: none;
        margin: 0;
    }
    .advance_block,
    .advance_list li.li_dif .advance_block {
        width: 100%;
        float: none;
        min-height: 0px;
        padding: 15px;
    }
    .advance_box:before,
    .advance_list li.li_dif .advance_box:before,
    .advance_box:after,
    .advance_list li.li_dif .advance_box:after {
        right: auto;
        left: -31px;
        top: 50%;
        margin-top: -12px;
    }
    /*backing_list*/
    .backing_list li {
        width: 25%;
    }
    .b_s_list {
        text-align: center;
    }
    .b_s_list li {
        display: inline-block;
        float: none;
        width: 32.33%;
    }
    .b_s_list li.li_dif {
        float: left;
        width: 50%;
    }
    /*ways_list*/
    .ways_list li.li_item {
        width: 100%;
        float: none;
        line-height: 30px;
    }
    .ways_block {
        height: auto;
        padding: 20px;
    }
    .ways_block .ico {
        margin-top: 5px;
    }
    /*load_list*/
    .load_list li {
        width: 50%;
    }
    .adv {
        display: none;
    }
}


/*function*/

.function,
.intention {
    padding: 0;
}

.talent {
    padding-top: 0;
}


/*css控制单行显示*/

aa {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

a,
*:before,
*:after,
input[type="submit"],
input[type="reset"],
input[type="button"],
sup,
.slide .owl-nav a span,
header,
.menu_ico i,
.logo,
.nav_wrap,
.shared li a img,
.down_menu {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


/*图片由小变大*/

.major_load li .bgImg,
.course_block dl dt .bgImg,
.news_img img,
#accord_scr .item img,
.b_s_list li img,
.album_list li a img,
.theme_common .item .case_pic img,
.added_scr .item img,
.student_block .bgImg,
.tearcher_list li a img,
.camp_list li a img,
.load_img img,
.alliance_img img,
#support_scr .item img,
.business_list li .bgImg {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 600ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 600ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 600ms;
    width: 100%;
    /*position: relative;*/
}

.major_load li:hover .bgImg,
.course_block dl:hover dt .bgImg,
.news_list li:hover .news_img img,
#accord_scr .item:hover img,
.b_s_list li:hover img,
.album_list li a:hover img,
.theme_common .item:hover .case_pic img,
.added_scr .item:hover img,
.student_block:hover .bgImg,
.tearcher_list li a:hover img,
.camp_list li a:hover img,
.load_list li a:hover .load_img img,
#alliance_scr .item a:hover .alliance_img img,
#support_scr .item:hover img,
.business_list li:hover .bgImg {
    -webkit-transform: scale(1.10, 1.10);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 600ms;
    -moz-transform: scale(1.10, 1.10);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 600ms;
    transform: scale(1.10, 1.10);
    transition-timing-function: ease-out;
    transition-duration: 600ms;
}


/*图片横向*/

.aa {
    display: block;
    max-width: none;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

.aa {
    opacity: 1.0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


/*图片纵向*/

.retail_img img {
    display: block;
    /* max-width: none;*/
    height: -webkit-calc(100% + 10px);
    height: calc(100% + 10px);
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#retail_scr .item:hover .retail_img img {
    opacity: 1.0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}