@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#777}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{font-family: Arial,"微软雅黑";font-size:13px;color:#777;}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.swiper-container {
     width: 100%;
     height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-pagination-bullet{  
    opacity: 0.8; 
    background: #fff; 
    width: 8px; 
    height: 8px;
}
.swiper-pagination-bullet-active{  
    background: #e51284; 
    opacity: 1;
    position: relative;
}
.swiper-pagination-bullet-active:before{
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    border: 1px solid #e51284;

}
body{
    min-width: 1220px;
}
*{
    box-sizing:border-box;
}

.oov,
.tov,
.thov{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.oov{
    -webkit-line-clamp: 1;
}
.tov{
    -webkit-line-clamp: 2;
}
.thov{
    -webkit-line-clamp: 3;
}
.pic{
    overflow: hidden;
}
.pic img{
    display: block;
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.ej-col-2,
.ej-col-3,
.ej-col-4,
.ej-col-5{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.ej-col-2{
    width: 50%;
}
.ej-col-3{
    width: 33.333%;
}
.ej-col-4{
    width: 25%;
}
.ej-col-5{
    width: 20%;
}

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

body{
    padding-top: 135px;
}
.header{
    /* padding-top: 40px; */
    background: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}
.header .hd-top{
    height: 35px;
    line-height: 35px;
    background: #f5f5f5;
    font-size: 12px;
    color: #666;
}
.header .tel{
    font-size: 15px;
    color: #666;
}
.header .tel:before{
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    background: url(../images/icon-tel.png) no-repeat center;
    margin-right: 12px;
}

.header .hd-main{
    height: 100px;
    line-height: 100px;
    width: 100%;
    z-index: 3;
}
.header .hd-rg{
    float: right;
}
.nav{
    float: left;
}
.nav li{
    float: left;
    font-size: 16px;
    margin-left: 40px;
    position: relative;
}
.nav li:first-of-type{
    margin-left: 0px;
}
.nav li>a{
    display: block;
    position: relative;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.nav .on>a,
.nav li:hover>a{
    color: #e51284;
}
.nav .on>a:after{
    content: '';
    width: 100%;
    height: 3px;
    background: #e51284;
    display: block;
    margin-top: -3px;
}
.nav a{
    color: #333;
}
.nav .sec-box{
    position: absolute;
    top:100px;
    z-index: 4;
    width: 140px;
    left: 50%;
    margin-left: -70px;
    text-align: center;
    display: none;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,0.03);
}
.nav .sec-box:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:-10px;
    z-index: -1;
}
.nav .sec-box:after{
    content: '';
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -10px;
    border-bottom: 8px solid rgba(255,255,255,0.8);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 6px solid transparent;
}
.nav .sec-box a{
    display: block;
    line-height: 44px;
    background: rgba(255,255,255,0.8);
    font-size: 14px;

}
.nav .sec-box a:hover{
    background: #e51284;
    color: #fff;
}
.nav li:hover .sec-box{
    display: block;
}

.footer{
    background: #2b2b2b;
    padding-top: 70px;
    color: #979797;
}
.ft-nav{
    float: left;
}
.ft-nav dl{
    float: left;
    margin-right: 68px;
}
.ft-nav dt{
    margin-bottom: 30px;
}
.ft-nav dt a{
    font-size: 18px;
    color: #fff;
}
.ft-nav dd a{
    display: block;
    font-size: 16px;
    color: #979797;
    margin-bottom: 15px;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.ft-nav dl a:hover{
    color: #fff;
}
.ft-rg{
    float: right;
}
.ft-code{
    float: left;
}
.ft-code li{
    float: left;
    text-align: center;
    margin-right: 25px;
    font-size: 14px;
}
.ft-code  img{
    margin-bottom: 10px;
    width: 84px;
    height: 84px;
}

.ft-tel{
    float: right;
    text-align: center;
    margin-left: 20px;
}
.ft-tel .tel{
    font-size: 45px;
    color: #000;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px;
}
.ft-tel .btn{
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    line-height: 44px;
    height: 44px;
    border-radius: 44px;
    color: #fff;
    background: #e51284;
    font-size: 14px;
}
.ft-tel .btn:before{
    content: '';
    width: 19px;
    height: 21px;
    background: url(../images/icon-qq.png) no-repeat center;
    margin-top: -2px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}
.footer .ft-md{
    padding: 40px 0;
    font-size: 16px;
}
.footer .ft-bt{
    border-top: 1px solid #383838;
    padding: 30px 0;
    line-height: 40px;
}
.copyright{
    float: left;
    font-size: 14px;
}
.copyright a{
    color: #979797;
}
.copyright a:hover{
    text-decoration: underline;
}

.share-mod{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #979797;
}
.share-mod .it{
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #fff;
    margin-left: 10px;
    background-position: center;
    background-size: contain;
    opacity: 0.7;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.share-mod .it:hover{
    opacity: 1;
    border-color: #e51284;
    background-color: #e51284;
}
.share-mod .wb{
    background-image: url(../images/icon-sh1.png);
}
.share-mod .qq{
    background-image: url(../images/icon-sh2.png);
}
.share-mod .wx{
    background-image: url(../images/icon-sh3.png);
}

.footer .share-mod{
    float: right;
}


.tt-mod{
    text-align: center;
    margin-bottom: 50px;
}
.tt-mod .b-tt{
    font-size: 40px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}
.tt-mod .b-tt:before,
.tt-mod .b-tt:after{
    content: '';
    width: 30px;
    height: 1px;
    background: #dcdcdc;
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px;
}
.tt-mod .dd{
    font-size: 18px;
    color: #7b7b7b;
}
.w-tt .b-tt,
.w-tt .dd{
    color: #fff;
}
.w-tt .b-tt:before,
.w-tt .b-tt:after{
    background: rgba(255,255,255,0.4);
}
.btn{
    width: 190px;
    line-height: 44px;
    height: 44px;
    border-radius: 44px;
    text-align: center;
    color: #fff;
    background: #e51284;
    font-size: 16px;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(229,18,132,0.2);
    border: none;
    cursor: pointer;
    display: inline-block;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.btn:hover{
    background: #d4117a;
}

.kc-it{
    display: block;
    float: left;
    border-radius: 20px;
    overflow: hidden;
    width: 32%;
    margin: 0 0.64% 1.5%; 
    text-align: center;
    background: #fff;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.kc-it img{
    height: 200px;
}
.kc-it .tex{
    height: 210px;
    padding: 30px 10px;
   /*  background: #f4f4f4; */
}
.kc-it .tt{
    font-size: 24px;
    font-weight: 600;
    color: #333;
}
.kc-it .tt:after{
    content: '';
    width: 35px;
    height: 4px;
    border-radius: 4px;
    background: #f8b500;
    display: block;
    margin: 18px auto;
}
.kc-it .dd{
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}
.kc-it:hover{
     transform: translate(0,-10px);
}

.hide-box{
    display: none;
}
.hide-box.active{
    display: block;
}

.con-mod{
    padding: 70px 0;
}
.hm-page1 .kc-it{
    background: #f4f4f4;
}
.hm-page1 .more{
    font-size: 16px;
    color: #333;
    float: right;
    margin-bottom: 25px;
    margin-right: 0.64%;
}
.hm-page1 .more:before{
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
    background: url(../images/icon-turn.png) no-repeat center;
}

.bg-gray{
    background-color: #f2f2f2;
}

.adv-it{
    width: 49%;
    display: block;
    float: left;
    margin: 0 0.5% 1.5%;
    height: 295px;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.adv-it img{
    float: left;
    width: 260px;
}
.adv-it .tex{
    margin-left: 285px;
    padding: 30px 15px 0 0;
}
.adv-it .tt{
    font-size: 24px;
    font-weight: 600;
    color: #333;
}
.adv-it .tt:after{
    content: '';
    width: 35px;
    height: 4px;
    border-radius: 4px;
    background: #f8b500;
    display: block;
    margin: 18px auto 18px 0;
}
.adv-it .dd{
    font-size: 16px;
    color: #666;
    margin-bottom: 10px;
    height: 120px;
}
.adv-it .dd li{
    padding-left: 10px;
    line-height: 28px;
    font-size: 16px;
    color: #666;
    position: relative;
}
.adv-it .dd li:before{
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #666;
    position: absolute;
    left: 0;
    top: 11px;
}

.adv-it:hover{
    transform: translate(0,-10px);
}

.eg-bg{
    background-position: center;
    background-size: cover;
}

.pg-mod{
    width: 680px;
    height: 460px;
    background: #fff;
    border-radius: 20px;
    padding: 40px 70px 0;
}
.pg-mod .tt{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
}
.pg-mod .lm{
    font-size: 22px;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
}
.pg-mod .lm:before{
    content: '';
    width: 4px;
    height: 25px;
    border-radius: 4px;
    background: #e51284;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
}
.pg-mod .im:after{
    content: '*';
    color: #e51284;
    margin-left: 10px;
}
.pg-mod .col li{
    width: 33.3%;
    float: left;
    margin-bottom: 10px;
}
.pg-mod .col .ra{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 15px;
    height: 15px;
}
.pg-mod .col{
    margin-bottom: 15px;
}
.pg-mod .col label{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #666;
}
.pg-mod .ip-box{
    width: 100%;
    height: 50px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 20px;
}
.pg-mod .ip-box .ip{
    height: 100%;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 52%;
    font-size: 14px;
}
.pg-mod .ip-box .btn{
    width: 50%;
    height: 50px;
    border-radius: 50px;
    position: absolute;
    right: 0;
    top: 0;
}
.pg-mod .bt,
.pg-mod .bt label,
.pg-mod  .bt a{
    font-size: 12px;
    color: #999;
}
.pg-mod .che,
.pg-mod .bt label{
    display: inline-block;
    vertical-align: middle;
}
.pg-mod .che{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.hm-page3 .pg-mod{
    float: right;
}
.hm-page3 .sj{
    margin-top: 55px;
    float: left;
    width: 383px;
    height: 346px;
    background-size: 100% 100%;
    text-align: center;
    padding-top: 60px;
    color: #fff;
    line-height: 1;
}
.hm-page3 .cn{
    font-size: 54px;
    font-weight: bold;
    margin-bottom: 20px;
}
.hm-page3 .en{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0.8;
}
.hm-page3 .hd:after{
    content: '';
    width: 50px;
    height: 5px;
    border-radius: 5px;
    background: #fff;
    opacity: 0.8;
    display: block;
    margin: 25px auto 30px; 
}
.hm-page3 .dd{
    font-size: 24px;
}
.hm-page5{
    background-position: center bottom;
    background-repeat: no-repeat;
	display:none;

}
.hm-page5 .b-box{
    float: left;
    color: #fff;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}
.hm-page5 .b-box .tt{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}
.hm-page5 .b-box .tt1{
    font-size: 46px;
}
.hm-page5 .b-box .dd{
    font-size: 18px;
    line-height: 26px;
}
.hm-page5 .b25{
    width: 16.6%;
}
.hm-page5 .b33{
    width: 33.3%;
}
.hm-page5 .h100{
    height: 320px;
    padding-top: 30px;
    position: relative;
    overflow: hidden;
}
.hm-page5 .h100:before{
    content: '';
    width: 356px;
    height: 356px;
    border-radius: 100%;
    border: 6px solid rgba(255,255,255,0.2);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -183px;
    margin-top: -178px;
}
.hm-page5 .h50{
    height: 160px;
    padding-top: 30px;
}
.hm-page5 .btn{
   float: right;
   margin-top: 30px;
}
.hm-page5 .lb{
    font-size: 16px;
    color: #333;
    text-align: left;
    margin-top: 30px;
}

.hm-page5 .im:before{
    content: '*';
    display: inline-block;
    vertical-align: middle;
    color: #e51284;
    margin-right: 3px;
}
.hm-page5 .icon{
    margin-bottom: 35px;
}

.hm-page7 .pic{
    height: 410px;
    width: 50%;
    float: left;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
}
.hm-page7 .pic .img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.hm-page7 .pic:hover .img{
    transform:scale(1.05);
}
.hm-page7 .xx-rg{
    float: right;
    height: 410px;
    width: 50%;
    background: #fff;
    border-radius: 0 20px 20px 0;
}
.hm-page7 .xx-rg .hd{
    line-height: 74px;
    height: 74px;
    border-bottom: 1px dashed #dcdcdc;
    padding: 0 40px;
}
.hm-page7 .xx-rg .tt{
    font-size: 24px;
    color: #e51284;
    padding-left: 25px;
    position: relative;
}
.hm-page7 .xx-rg .tt:before{
    content: '';
    height: 24px;
    width: 3px;
    border-radius: 3px;
    background: #e51284;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
}
.hm-page7 .xx-rg .tex{
    padding: 30px 40px 0;
}
.hm-page7 .xx-rg .tex>div{
    max-height: 282px;
    overflow: auto;
}
.hm-page7 .li-gro{
    float: left;
}
.hm-page7 .tex .icon{
    float: right;
}
.hm-page7 .li{
    padding-left: 25px;
    position: relative;
    font-size: 18px;
    color: #666;
    margin-bottom: 20px;
}
.hm-page7 .li:before{
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #f8b500;
    position: absolute;
    left: 0;
    top: 2px;
}
.hm-page7 .li:after{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 1px solid #f8b500;
    background: #f8b500;
    position: absolute;
    left: 4px;
    top: 6px;
}

.hm-page7 .ip-box{
    width: 100%;
    height: 50px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 20px;
}
.hm-page7 .ip-box .ip{
    height: 100%;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 52%;
    font-size: 14px;
}
.hm-page7 .ip-box .btn{
    width: 50%;
    height: 50px;
    border-radius: 50px;
    position: absolute;
    right: 0;
    top: 0;
}

.hm-page7 .bt,
.hm-page7 .bt label,
.hm-page7  .bt a{
    font-size: 12px;
    color: #999;
}
.hm-page7 .che,
.hm-page7 .bt label{
    display: inline-block;
    vertical-align: middle;
}
.hm-page7 .che{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.sch-mod{
    height: 500px;
    background: #fff;
    border-radius: 15px;
}
.sch-fm{
    width: 670px;
    float: left;
    padding: 0 30px;
}
.sch-fm .hd{
    height: 70px;
    line-height: 70px;
    border-bottom: 1px dashed #dcdcdc;
    text-align: right;
    margin-bottom: 25px;
}
.sch-fm .sel{
    width: 130px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    border: 1px solid #dcdcdc;
    padding: 0 15px;
    outline: none;
    display: inline-block;
    vertical-align: middle;
}
.sch-fm .hd .tt{
    float: left;
    font-size: 18px;
    color: #333;
}
.sch-fm .hd .tt:before{
    content: '';
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: #e51284 url(../images/icon-ps.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -3px;
}
.sch-fm .fm-bt{
    height: 380px;
    overflow-y: auto;
    padding-right: 15px;
}
.sch-fm .it{
    border-bottom: 1px dashed #e5e5e5;
    /* padding-top: 30px; */
    margin-bottom: 10px;
    height: 75px;
    overflow: hidden;
    cursor: pointer;
}
.sch-fm .it.on{
    height: auto;
}
.sch-fm .t-hd{
    margin-bottom: 15px;
}
.sch-fm .it .name{
    font-size: 18px;
    color: #333;
    float: left;
}
.sch-fm .it .rg{
    color: #e51284;
    font-size: 18px;
    float: right;
    position: relative;
    padding-right: 20px;
}
.sch-fm .it .rg:after{
    content: '';
    border-top: 6px solid #e51284;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 0px solid transparent;
    position: absolute;
    right: 0;
    top: 10px;
}
.sch-fm .it.on .rg:after{
    content: '';
    border-bottom: 6px solid #e51284;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 0px solid transparent;
    position: absolute;
    right: 0;
    top: 10px;
}
.sch-fm .it .cl{
    display: inline-block;
    vertical-align: middle;
}
.sch-fm .it ol{
    padding-bottom: 20px;
}
.sch-fm .it ol li{
    font-size: 16px;
    color: #666;
    line-height: 25px;
    margin-bottom: 5px;
}
.sch-fm ::-webkit-scrollbar {
    width: 5px;
    background: #e5e5e5;
}
.sch-fm ::-webkit-scrollbar-thumb {
    background: #e51284; 
}
.sch-fm ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4); 
}

.sch-map{
    margin-left: 670px;
    height: 100%;
    padding: 20px;
    padding-left: 0;
    position: relative;
}
.sch-map ul,
.sch-map li{
    width: 100%;
    height: 100%;
}
.sch-map li{
    /* display: none; */
    box-sizing: content-box;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: -1;
}
.sch-map img{
    width: 100%;
    height: 100%;
}
.sch-map .on{
    display: block;
    z-index: 2;
}

.hm-page4{
    overflow:hidden;
}
.hm-page4 .bt{
    position: relative;
    padding: 10px 0;
    /* background: url(../images/line2.png) no-repeat center; */
}
.hm-page4 .bt:before{
    content: '';
    width: 40px;
    height: 36px;
    display: block;
    background: url(../images/sch-arr.png) no-repeat center;
    margin: 0 auto 15px;
}
.hm-page4 .center-box{
    width: 441px;
    height: 441px;
    line-height: 441px;
    text-align: center;
    margin: 0 auto;
    position: relative;
}
.hm-page4 .center-box .logo{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.hm-page4 .logo .cl{
    font-size: 28px;
    color: #333;
    margin-top: 20px;

}
.hm-page4 .center-box .bg{
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/bg-ball.png) no-repeat center;
    animation: atro 30s cubic-bezier(0, 0, 0, 0)  infinite;
}
.hm-page4 .center-box .bg:after{
    content: '';
    width: 640px;
    height: 100%;
    position: absolute;
    left:50%;
    margin-left: -320px;
    top: -24px;
    background: url(../images/line2.png) no-repeat center;
}
.hm-page4 .bt li{
    line-height: normal;
    width: 380px;
    position: absolute;
}
.hm-page4 .bt .pic{
    width: 110px;
    height: 110px;
    line-height: 110px;
    text-align: center;
    border-radius: 100%;
    background: rgba(255,177,1,0.2);
    position: relative;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.hm-page4 .bt .pic:before{
    content: '';
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: #fdb312;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -45px;
    margin-left: -45px;
}
.hm-page4 .pic img{
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.hm-page4 .bt .pic:hover{
    transform:rotate(360deg);
}
/* .hm-page4 li.on .pic{
    background: #0078e0;
} */
.hm-page4 .bt .tex{
    width: 250px;
}
.hm-page4 .bt h4{
    font-size: 24px;
    line-height: 26px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
}
.hm-page4 .bt i{
    font-size: 24px;
}
.hm-page4 .bt p{
    font-size: 16px;
    line-height: 30px;
    color: #666;
}
.hm-page4 li:nth-of-type(2n+1) .tex{
    float: left;
    text-align: right;
}
.hm-page4 li:nth-of-type(2n+1) .pic{
    float: right;
}
.hm-page4 li:nth-of-type(2n) .tex{
    float: right;
    text-align: left;
}
.hm-page4 li:nth-of-type(2n) .pic{
    float: left;
}

.hm-page4 .btn{
    margin: 40px auto 20px;
    display: block;
} 

.hm-ban{
    position: relative;
    height: 580px;
}
.hm-ban .swiper-slide{
   background-position: center;
   background-size: cover;
}
.hm-ban .layout{
    width: 100%;
    height: 100%;
    left: 50%;
    margin-left: -600px;
    top: 50%;
    margin-top: -195px;
    position: absolute;
}

.ban-fm{
    position: relative;
    z-index: 3;
    width: 320px;
    height: 390px;
    border-radius: 15px;
    background: #fff;
    float: right;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.ban-fm form{
    position: relative;
    height: 100%;
}
.ban-fm .hd{
    padding: 30px 0 25px;
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}
.ban-fm .hd em{
    color: #e51284;
    font-weight: bold;
}
.ban-fm .ct-box{
    padding: 0 20px;
}
.ban-fm .ip{
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    margin-bottom: 15px;
    padding: 0 14px;
    font-size: 13px;
    outline: none;
}
.ban-fm .btn{
    width: 100%;
    margin-top: 25px;
    margin-bottom: 20px;
}
.ban-fm .tip{
    text-align: center;
    font-size: 14px;
    color: #666;
}
.ban-fm .num{
    color: #e51284;
}
.ban-fm .bt{
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #f7f7f7;
    bottom: 0;
    left: 0;
    padding: 0 25px;
    border-radius: 0 0 15px 15px ;
}
.ban-fm .che{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  outline: none;
  border: 1px solid #d4d4d4;
  background: #fff;
}
.ban-fm .che:checked{
    border: none;
   background: url(../images/input.png) no-repeat center;
}

input[type="checkbox"]{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  outline: none;
  border: 1px solid #d4d4d4;
  background: #fff;
}

input[type="checkbox"]:checked{
   border: none;
   background: url(../images/input.png) no-repeat center;
   background-size: 100% 100%;
}


.ban-fm .bt a{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 12px;
    color: #999;
}
.ban-fm .bt a:hover{
    text-decoration: underline;
}
.hm-ban .tag{
    width: 113px;
    height: 113px;
    position: absolute;
    background: url(../images/bg-tag.png) no-repeat center;
    right: -44px;
    top: -44px;
    text-align: center;
    padding-top: 30px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}


/* 悬浮窗 */
#fl-win{ position: fixed; right: 0px; top:50%; margin-top: -112px; z-index: 10; background: #fff; }
#fl-win li{  width: 65px; height: 65px; text-align: center; border-bottom: 1px solid #fff; cursor: pointer; 
    background: #e51284;
    color: #fff;
    text-align: center;
    position: relative;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
#fl-win li a{
    color: #fff;
}
#fl-win li .icon{
    line-height: 40px;
}
#fl-win li .ct{
    font-size: 12px;
}
/* #fl-win ul li:hover{
    background-color: #e5e5e5;
} */

#fl-win .f-tele{
    background-position: -66px center;
    position: relative;
}
#fl-win .tele-no{
    height: 100%;
    line-height: 65px;
    width: 160px;
    background: #e51284;
    position: absolute;
    font-size: 18px;
    color: #fff;
    z-index: -1;
    right: -220px;
    top: 0;
    transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s;
}
#fl-win .tele-no.on{
    right: 58px;
}
#fl-win .code{
    width: auto;
    background: transparent;
}
#fl-win .code.on{
    right: 68px;
}
#fl-win .f-qq{
    background-position: -132px center;
    position: relative;
}
#fl-win .f-qq a{
    display: block;
    height: 100%;
    line-height: 56px;
    width: 160px;
    background: #c49b5e;
    position: absolute;
    font-size: 18px;
    color: #fff;
    z-index: -1;
    right: -220px;
    transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s;
}
#fl-win .f-qq a.on{
    right: 58px;
}
#fl-win .f-top{
    border-bottom: none;
}

.hm-page8{
    background: #303030;
    padding: 40px 0;
}
.hm-page8 ul{
    width: 100%;
}
.hm-page8 .it{
    width: 25%;
    float: left;
}
.hm-page8 .icon{
    height: 60px;
    width: 60px;
    border-radius: 100%;
    line-height: 60px;
    text-align: center;
    background: #595959;
    float: left;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.hm-page8 .tex{
    margin-left: 80px;
}
.hm-page8 .it .tt{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.hm-page8 .it .dd{
    font-size: 16px;
    color: #fff;
    opacity: 0.4;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.hm-page8 .it:hover .icon{
    transform:rotate(360deg);

}
.hm-news .bt-box{
    width: 98%;
    margin: 0 auto;
    padding: 40px 0px;
    background: #fff;
    border-radius: 10px;
}
.hm-news .nw-it2{
    width: 50%;
    float: left;
    border-right: 1px dashed #e6e6e6;
    height: 58px;
}
.nw-it2{
    overflow: hidden;
    font-size: 16px;
    padding: 17px 30px;
}
.nw-it2 .tt{
    width: 78%;
    float: left;
    color: #333;
}
.nw-it2 .time{
    float: right;
    color: #999;
}

.hm-news .nw-it2:nth-of-type(2n){
    border-right: none;
}
.hm-news .btn{
    display: block;
    margin: 50px auto 0;
}

.nw-it2:hover .tt,
.nw-it2:hover .time{
    color:#e51284; 
}



.ban-mod{
    height: 310px;
    line-height: 310px;
    background-position: center;
    background-size: cover;
}
.ban-mod .tex{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    color: #fff;
}
.ban-mod .cn{
    margin-bottom: 15px;
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
}
.ban-mod .en{
    font-size: 24px;
    line-height: 1;
}

.menu-mod {
    height: 50px;
    line-height: 50px;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #f5f5f5;
    width: 100%;
}

.menu-mod a {
    font-size: 14px;
    color: #555;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.menu-mod a:hover {
    color: #e51284;
}

.menu-mod a:hover:before {
    color: #555;
}

.menu-mod .menu-lt {
    float: left;
}

.menu-mod .menu-rg {
    float: right;
}

.menu-mod .menu-rg a:before {
    content: '>';
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    margin-top: -2px;
}

.menu-mod .menu-rg .home:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(../images/icon-home.png) no-repeat center;
}

.menu-mod .menu-rg .on {
    color: #333;
}

.menu-mod .menu-rg .on:before {
    color: #888;
}

.menu-mod .menu-lt a {
    height: 50px;
    float: left;
    padding: 0 30px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    position: relative;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.menu-mod .menu-lt a:first-of-type {
    margin-left: 0;
}

.menu-mod .menu-lt a.on,
.menu-mod .menu-lt a:hover {
    color: #fff;
    background: #e51284;
}

.tt-mod1{
    text-align: center;
    margin-bottom: 45px;
} 
.tt-mod1 .tt{
    font-size: 40px;
    color: #333;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}
.tt-mod1 .tt em{
    font-weight: bold;
    color: #e51284;
}
.tt-mod1 .tt:before,
.tt-mod1 .tt:after{
    content: '';
    width: 30px;
    height: 1px;
    background: #b5b5b5;
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px;
}
.tt-mod1 .dd{
    font-size: 16px;
    color: #666;
    margin-top: 15px;
}
.n-line .tt:before,
.n-line .tt:after{
    display: none;
}

.tt-mod1.w-tt .tt,
.tt-mod1.w-tt .dd{
    color: #fff;
}


.con-box{
    padding: 50px 0 50px;
}

.tea-it{
    float: left;
    display: block;
    width: 48%;
    height: 310px;
    border-radius: 10px;
    overflow: hidden;
    background: #f5f5f5;
    margin: 0 1% 2%;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.tea-it:hover{
    background: #fff;
}
.tea-it .pic{
    float: left;
    width: 276px;
}
.tea-it .tex{
    height: 100%;
    margin-left: 303px;
    padding: 40px 15px 0;
}
.tea-it .name{
    font-size: 18px;
    color: #333;
    margin-bottom: 25px;
    font-weight: bold;
}
.tea-it .dd{
    height: 140px;
    overflow-y: auto;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 26px;
    color: #555;
}
.tea-it ul{
    padding-left: 20px;
    list-style-type: disc;
}
.tea-it .btn{
    width: 125px;
    line-height: 34px;
    height: 34px;
    background: #ababab;
    font-size: 14px;
    box-shadow: none;
}
.tea-it:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.tea-it:hover .btn{
    background: #e51284;
}

.ej-page {
    text-align: center;
    padding: 2% 0%;
}

.ej-page a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: inline-block;
    border: 1px solid #b7b7b7;
    font-size: 16px;
    color: #888;
    margin: 5px;
    border-radius: 40px;
    background-position: center;
    transition: all ease .2s 0s;
    -moz-transition: all ease .2s 0s;
    -webkit-transition: all ease .2s 0s;
}

.ej-page .button {
    padding: 0 20px;
    width: auto;
}

.ej-page a:hover,
.ej-page a.on,
.ej-page a.active{
    background-color: #e51284;
    border-color: #e51284;
    color: #fff;
}
.ej-page .prev{
    background-image:url(../images/pg-prev.png);
}
.ej-page .next{
    background-image:url(../images/pg-next.png);
}
.ej-page .prev:hover{
    background-image:url(../images/pg-prev-sel.png);
}
.ej-page .next:hover{
    background-image:url(../images/pg-next-sel.png);
}

.px-it{
    display: block;
    float: left;
    margin: 0 1% 2%;
    width: 23%;
    height: 300px;
    background: #f8f8f8;
    border-radius: 10px;
    padding: 30px 20px 0;
    text-align: center;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.px-it .icon{
    margin-bottom: 35px;
}
.px-it .tt{
    margin-bottom: 20px;
    font-size: 18px;
    color: #333;
}
.px-it .dd{
    line-height: 24px;
    font-size: 14px;
    color: #777;
}

.px-it:hover{
    transform: translate(0,-10px);
}

.tea-art1 .pic{
    float: left;
    width: 560px;
    height: 460px;
    border-radius: 10px;
}
.tea-art1 .pic img{
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}
.tea-art1 .tex{
    margin-left: 605px;
    padding-top: 30px;
}
.tea-art1 .name{
    font-size: 30px;
    color: #333;
    font-weight: bold;
    margin-bottom: 30px;
}
.tea-art1 .tex .dd{
    line-height: 22px;
    font-size: 16px;
    color: #555;
    margin-bottom: 30px;
}
.tea-art1 .tex .btn1{
    width: 88px;
    height: 28px;
    line-height: 28px;
    border-radius: 28px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    background: #e51284;
    cursor: pointer;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: 0;
    display: block;
}
.tea-art1 .tex .btn1:hover{
    background: #d4117a;
}
.tea-art1 .md{
    margin-bottom: 45px;
    font-size: 16px;
    color: #555;
}
.tea-art1 .md span{
    display: inline-block;
    vertical-align: middle;
}
.tea-art1 .like{
    width: 88px;
    height: 28px;
    line-height: 28px;
    border-radius: 28px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    background: #999;
    margin-left: 20px;
    cursor: pointer;
}
.tea-art1 .like:before{
    content: '';
    width: 15px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon-like.png) no-repeat center;
    margin-right: 8px;
    margin-top: -2px;
}

.tea-art1 .like.on{
    background: #e51284;
}

.tt-mod2{
    font-size: 30px;
    font-weight: bold;
    color: #e61d8a;
    padding-bottom: 15px;
    border-bottom: 2px solid #e51284;
    margin-bottom: 25px;
}
.tea-art2 .content{
    padding: 0 20px;
}
.tea-art2 .content li{
    /* width: 50%;
    float: left; */
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
    color: #555;
    padding-right: 10px;
}

.tea-art3 .pic-mod{
    width: 580px;
    float: left;
}
.tea-art3 .b-pic{
    width: 100%;
    height: 346px;
    overflow: hidden;
    margin-bottom: 20px;
}
.tea-art3 .b-pic .swiper-slide{
    border-radius: 10px;
    overflow: hidden;
}
.tea-art3 .b-pic .swiper-slide img{
    width:100%;
    height:100%;
}
.tea-art3 .s-pic{
    height: 70px;
    padding: 0 30px;
    position: relative;
}
.tea-art3 .s-pic .swiper-slide{
    border-radius: 10px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}
.tea-art3 .s-pic .swiper-slide.on{
    border: 2px solid #e61d8a;
}
.tea-art3 .sw-button{
    height: 70px;
    width: 30px;
    position: absolute;
    top: 0;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat; 
}
.tea-art3 .sw-prev{
    left: 0;
    background-image: url(../images/sw-prev.png);
}
.tea-art3 .sw-next{
    right: 0;
    background-image: url(../images/sw-next.png);
}
.tea-art3 .sw-prev:hover{
    background-image: url(../images/sw-prev-sel.png);
}
.tea-art3 .sw-next:hover{
    background-image: url(../images/sw-next-sel.png);
}


.tea-art3 .yy-mod{
   width: 580px;
   float: right; 
}
.tea-art3 .yy-mod .tex{
    padding: 35px;
    height: 440px;
    background: #f6f6f6;
    border-radius: 10px;
}
.tea-art3 .yy-mod .tp{
    background: #fff;
    padding: 40px 30px 20px;
    border-radius: 10px;
}

.tea-art3 .li-gro{
    float: left;
}
.tea-art3 .tex .icon{
    float: right;
}
.tea-art3 .li{
    padding-left: 25px;
    position: relative;
    font-size: 18px;
    color: #666;
    margin-bottom: 20px;
}
.tea-art3 .li:before{
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #f8b500;
    position: absolute;
    left: 0;
    top: 2px;
}
.tea-art3 .li:after{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 1px solid #f8b500;
    background: #f8b500;
    position: absolute;
    left: 4px;
    top: 6px;
}

.tea-art3 .ip-box{
    width: 100%;
    height: 50px;
    position: relative;
    margin-top: 35px;
    margin-bottom: 20px;
}
.tea-art3 .ip-box .ip{
    height: 100%;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 52%;
    font-size: 14px;
}
.tea-art3 .ip-box .btn{
    width: 50%;
    height: 50px;
    border-radius: 50px;
    position: absolute;
    right: 0;
    top: 0;
}

.tea-art3 .bt,
.tea-art3 .bt label,
.tea-art3  .bt a{
    font-size: 12px;
    color: #999;
}
.tea-art3 .che,
.tea-art3 .bt label{
    display: inline-block;
    vertical-align: middle;
}
.tea-art3 .che{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.sch-page1 .sc-fm{
    text-align: center;
    margin-bottom: 40px;
}
.sch-page1 .sel{
    width: 200px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    border: 1px solid #dcdcdc;
    padding: 0 15px;
    outline: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}

.camp-box{
    background: #f6f6f6;
    border-radius: 10px;
    padding: 35px 30px 45px;
}
.camp-box .c-menu{
    /* text-align: center; */
    margin-bottom: 30px;
}
.camp-box .c-menu li{
    display: inline-block;
    vertical-align: middle;
    min-width: 140px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    background: #fff;
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 0 8px 15px;
    cursor: pointer;
}
.camp-box .c-menu .on{
    color: #fff;
    background: #e51284;
}

.cam-it{
    height: 430px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}
.cam-it .map{
    width: 690px !important;
    height: 100%;
    float: left;
    background-position: center;
    background-size: cover;
    box-sizing: content-box;
}
.cam-it .tex{
    height: 100%;
    margin-left: 715px;
    padding: 30px 25px 0 0;
}
.cam-it .hd{
    margin-bottom: 20px;
    font-size: 22px;
    color: #444;
}
.cam-it .lx-way{
    margin-bottom: 20px;
}
.cam-it .lx-way li{
    line-height: 30px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}
.cam-it .lx-way span{
    display: block;
    vertical-align: middle;
    
}
.cam-it .lx-way .lt{
    width: 78px;
    float: left;
}
.cam-it .lx-way .lt:before{
    content: '';
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.cam-it .lx-way .ic1:before{
    background: url(../images/icon-ct1.png) no-repeat center;
}
.cam-it .lx-way .ic2:before{
    background: url(../images/icon-ct2.png) no-repeat center;
}
.cam-it .lx-way .ic3:before{
    background: url(../images/icon-ct3.png) no-repeat center;
}
.cam-it .lx-way  .rg{
    margin-left: 78px;
}
.cam-it .gift{
    background: #fffbf2;
    border-radius: 10px;
    padding: 15px;
}
.cam-it .g-hd{
    font-size: 18px;
    color: #f7b602;
    margin-bottom: 10px;
}
.cam-it .g-hd:before{
    content: '';
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon-gift3.png) no-repeat center;
    margin-top: -3px;
    margin-right: 10px;
}
.cam-it .gift{
    margin-bottom: 25px;
}
.cam-it .gift ul{
    overflow: hidden;
}
.cam-it .gift li{
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 6px;
    color: #555;
    width: 50%;
    float: left;
}

.camp-box .cam-gro{
    height: 430px;
    position: relative;
}
.camp-box .cam-gro .cam-it{
   /*  display: none; */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.camp-box .cam-gro .on{
    display: block;
    z-index: 2;
}


.sch-page2{
    
}
.ej-tab{
    text-align: center;
    margin-bottom: 30px;
}
.ej-tab li{
    display: inline-block;
    vertical-align: middle;
    min-width: 140px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    background: #fff;
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 0 8px 5px;
    cursor: pointer;
}
.ej-tab .on{
    color: #fff;
    background: #e51284;
}

.sch-it{
    width: 100%;
    height: 280px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.ej-col{
    position: relative;
    display: none;
}
.ej-col.on{
    display: block;
}

.sch-page2 .sw-button{
    width: 70px;
    height: 110px;
    position: absolute;
    top: 50%;
    margin-top: -55px;
    cursor: pointer;
    z-index: 3;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.sch-page2 .sw-prev{
    left: -100px;
    background: url(../images/sw-prev.png) no-repeat center;
}
.sch-page2 .sw-next{
    right: -100px;
    background: url(../images/sw-next.png) no-repeat center;
}
.sch-page2 .sw-prev:hover{
    background: url(../images/sw-prev-sel.png) no-repeat center;
}
.sch-page2 .sw-next:hover{
    background: url(../images/sw-next-sel.png) no-repeat center;
}


.sch-it1{
    width: 20%;
    float: left;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 40px;
}
.sch-it1 .icon img{
    position: relative;
}
.sch-it1 .icon{
    width: 130px;
    height: 130px;
    line-height: 130px;
    border-radius: 100%;
    margin:0 auto 25px;
    background: #fce7f2;
    position: relative;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.sch-it1 .icon:before{
    content: '';
    width: 110px;
    height: 110px;
    border-radius: 100%;
    background: #e51284;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -55px;
    margin-top: -55px;
}
.sch-it1 .tt{
    font-size: 20px;
    color: #444;
    margin-bottom: 15px;
    font-weight: bold;
}
.sch-it1 .dd{
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}
.sch-it1:hover .icon{
    transform:rotate(360deg);
}






/* 1125 */

.work-ct{
    background-color: #f8f8f8;
}


.ej-tab1{
    /* text-align: center; */
    margin-bottom: 30px;
}
.ej-tab1 li{
    display: inline-block;
    vertical-align: middle;
    min-width: 140px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    background: #fff;
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 0 8px 15px;
    cursor: pointer;
}
.ej-tab1 a{
    display: block;
    color: #666;
    border-radius: 40px;
}
.ej-tab1 .on a{
    color: #fff;
    background: #e51284;
}


.wor-it{
    display: block;
    float: left;
    width: 278px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 11px 25px;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.wor-it .pic{
    height: 330px;
}

.wor-it .tex{
    background: #fff;
    height: 90px;
    padding: 15px 20px 0;
}
.wor-it .tt{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
}
.wor-it .dd{
    font-size: 14px;
    color: #555;
    line-height: 1.8;
    -webkit-line-clamp: 1;
}
.wor-it:hover{
     transform: translate(0,-10px);
}
.wor-it:hover img{
    transform:scale(1.1);
}

.work-pop{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 50%;
    z-index: 10;
    margin-top: -290px;
}
.ej-gray{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
}
.work-pop .swiper-container{
    width: 90%;
    height:620px;
    line-height: 620px;
}
.work-pop .sw-btn{
    height: 50px;
    width: 30px;    
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contin;
    display: none;
}
.work-pop .sw-prev{
    left: 0px;
    background-image: url(../images/sw-prev1.png);

}
.work-pop .sw-next{
    right: 0px;
    background-image: url(../images/sw-next1.png);
}

.work-pop .sw-prev:hover{
    background-image: url(../images/sw-prev1-sel.png);

}
.work-pop .sw-next:hover{
    background-image: url(../images/sw-next1-sel.png);
}
.work-pop .close{
    width: 40px;
    height: 40px;
    background: url(../images/icon-close3.png) no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -50px;
    cursor: pointer;
    z-index: 3;
}


.work-pop .pp-col{
    display: none;
    /* max-height: 700px; */
    height: 620px;
    position: relative;

}
.work-pop .layout{
    height: 100%;
}
.work-pop .pp-col img{
    max-height: 100%;
}
.work-pop .swiper-slide{
    background: transparent;
}
.work-pop .swiper-slide .it{
    height: 100%;
    overflow: hidden;
    /* background: #000; */
    border-radius: 6px;
    line-height: 620px;
}
.work-pop .swiper-slide img{
    opacity: 0.5;
    max-width: 100%;
    max-height: 100%;
    border-radius: 6px;
}
.work-pop .swiper-slide-active  img{
    border: 8px solid #fff;
   /*  transform:scale(1.5) !important; */
}
.work-pop .swiper-slide-active img{
    opacity: 1;
}






.job-box{ 
    margin-bottom: 40px; 
    background: #fff; 
}

.job-box .ta-body:hover{
    background: #f0f0f0;
}
.job-box .list-box:hover .ta-body{
    overflow: hidden;
}
.job-box .list-box ul{ 
    display: table; 
    width: 100%; 
    text-align: center; 
    padding-right: 60px; 
}
.job-box .list-box li{
    display: table-cell; 
    text-align: center; 
    width: 19%; 
    padding: 0 1%;
}
.job-box .list-box li:last-of-type{
    width: 5%;
}
.job-box .ta-title{ 
    height: 62px; 
    line-height: 62px;  
    color:#fff; 
    background: #e51284; 
    font-size: 16px;
}
.job-box .ta-title p{
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}
.job-box .ta-body{ 
    height: 62px; 
    line-height: 62px; 
    font-size: 14px;
    color: #666; 
    cursor: pointer; 
    border-bottom: 1px solid #f2f2f2; 
    position: relative; 
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s; 
}

.job-box .on .ta-body{
    background: #e51284;
    color: #fff;
}
.job-box .on .ta-body:after{
    border-color: #fff;

}
.job-box .ta-body p{ 
    line-height: 1.2; 
    vertical-align: middle; 
    display: inline-block; 
}
/* .job-box .ta-body:after{ 
    content: ''; 
    width: 10px; 
    height: 10px;
    border-top: 1px solid #666;  
    border-right: 1px solid #666; 
    transform:rotate(135deg);  
    position: absolute; 
    right: 40px; 
    top:50%; 
    margin-top: -8px; 
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s; 
} */
.job-box .intro-box{ 
    width: 100%; 
    padding: 30px; 
    overflow: hidden; 
    font-size: 14px;
    color: #666; 
    display: none; 
    text-align: left;
}
.job-box .intro-in{ 
    overflow: hidden; 
}
.job-box .strong{ 
    color: #e51284; 
    line-height: 1.5; 
    font-size: 16px;
    font-weight: 600; 
    margin-bottom: 10px; 
}
.job-box .intro-box .list{ 
    line-height: 1.8; 
}
.job-box .intro-box a{
    color: #e51284;
}
.job-box .intro-box .im{
    color: #e51284;
}
.job-box .on .intro-box{ 
    border-bottom: none; 
}
.job-box .on .ta-body:after{ 
    transform:rotate(-45deg);  
} 
.job-box .int-item{
    margin-bottom: 30px;
    width: 50%;
    float: left;
    padding-right: 15px;
    /* padding-bottom: 2%;
    padding-right: 4%; */
}

.job-box .int-item em{
    display: inline-block;
    margin-right: 5%;
}
.job-box .ta-title li:first-of-type,
.job-box .ta-body li:first-of-type{ 
    text-align: left; 
    padding-left: 30px;
}
.job-box .jb-tb{
    background: #f4f4f4;
    padding: 20px 40px;
    overflow: hidden;
    margin-bottom: 40px;
}
.job-box .jb-tb li{
    float: left;
    width: 25%;
    line-height: 2;
    font-size: 14px;
    color: #555;
}
.job-box .jb-tb .cl,
.job-box .jb-tb .dd{
    float: left;
}
.job-box .bt{
    margin-top: 30px;
}
.job-box .btn{
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    /* display: inline-block;
    vertical-align: middle;
    width: 160px;
    line-height: 60px;
    border-radius: 60px;
    
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-right: 50px; */
}
.job-box .list-box.on{
    border-bottom: 1px solid #f2f2f2;
}

 

.nw-it{
    width: 380px;
    display: block;
    float: left;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 10px 30px;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.nw-it:hover{
    box-shadow: 0 0 25px rgba(0,0,0,0.15);
    transform: translate(0,-10px);
}
.nw-it .pic{
    height: 200px;
}
.nw-it .tex{
    height: 120px;
    padding: 35px 30px 0;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
}
.nw-it .tt{
    font-size: 20px;
    line-height: 26px;
    color: #333;
    margin-bottom: 20px;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.nw-it:hover .tt{
    color: #e51284;
    font-weight: bold;
}
/* .nw-it .dd{
    color: #1f1f1f;
    font-size: 14px;
}
.nw-it .time{
    color: #999;
    font-size: 14px;
    position: absolute;
    left: 30px;
    bottom: 35px;
}
.nw-it  .bt{
    height: 56px;
    line-height: 56px;
    text-align: right;
    font-size: 14px;
    color: #e51284;
    padding: 0 30px;
}
 */

.nw-it1{
    display: block;
    height: 166px;
    border-radius: 10px;
    background: #fff;
    padding-right: 300px;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.nw-it1 .date{
    width: 150px;
    height: 100%;
    float: left;
    text-align: center;
    background: #f5f5f5;
    padding-top: 55px;
    color: #999;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.nw-it1 .day{
    font-size: 36px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 15px;
}
.nw-it1 .year{
    font-size: 18px;
    line-height: 1;
}
.nw-it1 .tex{
    margin-left: 195px;
    padding-top: 40px;
}
.nw-it1 .tt{
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 25px;
}
.nw-it1 .dd{
    line-height: 24px;
    font-size: 14px;
    color: #999;
}
.nw-it1 .btn{
    width: 156px;
    position: absolute;
    right: 55px;
    top: 60px;
}
.nw-it1:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    transform: translate(0,-10px);
}
.nw-it1:hover .date{
    color: #fff;
    background: #e51284;
}


.rec-it{
    width: 380px;
    display: block;
    float: left;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 10px 25px;
}



.art-mod{
    
}
.art-mod img{
    max-width: 100%;
}
.art-mod .hd{
    border-bottom: 1px solid #eee;
    padding-bottom: 40px;
    text-align: center;
}
.art-mod .tt{
    font-size: 26px;
    line-height: 1.5;
    color: #e51284;
    font-weight: 600;
    margin: 0 auto 20px;
}
/* .article .hd-bt{
    overflow: hidden;
    margin-bottom: 0.25rem;
    text-align: center;
} */
.art-mod .hd-bt p{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #c6c6c6;
}

.art-mod .content{
    padding: 30px 0;
    border-bottom: 1px solid #eee;
}
.art-mod .p16{
    font-size: 16px;
    line-height: 2;
    color: #333;
}

.ej-share-box{ 
    overflow: hidden; 
    padding: 30px 0 50px;
}
.ej-share-box ul{ 
    float: left; 
    width: 74%; 
}
.ej-share-box li{ 
    font-size: 16px;
    color: #666; 
    line-height: 1.5; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.ej-share-box li a{ 
    color: #666; 
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s; 
}
.ej-share-box li:hover,
.ej-share-box li:hover a{ 
    color: #e51284;
}
.ej-share-box .break{ 
    float: right; 
    padding:  0 30px;
    line-height: 46px; 
    border-radius: 46px; 
    text-align: center; 
    display: block; 
    font-size: 16px;
}
.ej-share-box .break:before{
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 20px;
    background: url(../images/icon-break.png) no-repeat center;
}


.abo-menu{
    /* background: #f5f5f5; */
    padding: 50px 0 60px;
}
.abo-menu .it{
    display: block;
    width: 194px;
    height: 200px;
    background: #fff;
    text-align: center;
    padding-top: 10px;
    float: left;
    margin: 0 3px;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.abo-menu .it .icon{
    height: 125px;
    line-height: 125px;
}
.abo-menu .it .sel{
    display: none;
}
.abo-menu .it .tt{
    color: #1f1f1f;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.abo-menu .it:hover,
.abo-menu .it.on{
    background: #e51284;
}
.abo-menu .it:hover .tt,
.abo-menu .it.on .tt{
    color: #fff;
}
.abo-menu .it:hover .sel,
.abo-menu .it.on .sel{
    display: inline-block;
}
.abo-menu .it:hover .nor,
.abo-menu .it.on .nor{
    display: none;
}



.bra-it{
    display: block;
    width: 590px;
    height: 460px;
    /* background-color: #e21182; */
    padding: 60px 75px 0;
    color: #fff;
    float: left;
    margin: 0 5px 10px;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.bra-it:hover{
    transform: translate(0,-10px);
}
.bra-it.f-g{
    color: #666;
}
.bra-it .num{
    /* font-size: 40px;
    font-weight: bold; */
    margin-bottom: 50px;
}
.bra-it .tt{
    font-size:20px;
    font-weight: bold;
    margin-bottom: 25px;
}
.bra-it .dd{
    font-size: 16px;
    line-height: 2;
}
.bra-it .dd li:before{
    content: '·';
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}
.bra-it .dd li p{
    display: inline;
}


.hon-it{
    display: block;
    width: 380px;
    height: 350px;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    float: left;
    margin: 0 10px 30px;
    padding-top: 15px;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.hon-it .pic1{
    height: 270px;
    line-height: 270px;
}
.hon-it .pic1 img{
    max-width: 90%;
    max-height: 90%;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.hon-it .tex{
    padding: 0px 10px;
    /* line-height: 110px; */
    height: 110px;
}
.hon-it .tt{
    font-size: 18px;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    color: #1f1f1f;
}
.hon-it:hover{
    box-shadow: 0 0 35px rgba(0,0,0,0.08);
}
/* .hon-it:hover img{
    transform:scale(1.1);
} */



.join-pop{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
}
.join-pop .pp-cont{
    height: 90%;
    width: 1200px;
    background: #fff;
    position: fixed;
    z-index: 11;
    left: 50%;
    top: 5%;
    margin-left: -600px;
}

.join-pop .pp-lt{
    height: 100%;
    width: 445px;
    float: left;
}
.join-pop .pp-lt .it,
.join-pop .pp-lt img{
   /* height: 100%;*/
    width: 100%;
}
.join-pop .pp-rg{
    height: 100%;
    margin-left: 445px;
    padding: 80px 0px 90px 70px;
    position: relative;
}
.join-pop .close{
    width: 30px;
    height: 30px;
    background: url(../images/icon-close1.png) no-repeat center;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.join-pop .tex{
    height: 100%;
    overflow-y: auto;
}
.join-pop .tex .it{
    text-align: left;
    height: 100%;
}
.join-pop .hd{
    padding-bottom: 30px;
    border-bottom: 1px dashed #d5d5d5;
}
.join-pop .hd .tt{
    font-weight: bold;
    color: #e51284;
    font-size: 30px;
}
.join-pop .hd .tt:before{
    content: '';
    height: 30px;
    width: 4px;
    background: #e51284;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: -2px;
}
.join-pop .md{
    padding: 30px 0 10px;
    border-bottom: 1px dashed #d5d5d5;
    padding-right: 70px;
    margin-bottom: 40px;
    /* height: 230px; */
}
.join-pop .md li{
    line-height: 26px;
    font-size: 16px;
    color: #666;
    margin-bottom: 35px;
}
.join-pop .str{
    margin-bottom: 15px;
    line-height: 26px;
    font-size: 16px;
    font-weight: bold;
    color: #1f1f1f;
    margin-right: 10px;
}
.join-pop .str.im{
    color: #e51284;
}
.join-pop .str:before{
    content: '';
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
    margin-right: 6px;
}
.join-pop .ic1:before{
    background: url(../images/icon-pp1.png) no-repeat center;
}
.join-pop .ic2:before{
    background: url(../images/icon-pp2.png) no-repeat center;
}
.join-pop .ic3:before{
    background: url(../images/icon-pp3.png) no-repeat center;
}
.join-pop .ic4:before{
    background: url(../images/icon-tea.png) no-repeat center;
}
.join-pop .int{
    padding-right: 70px;
    padding-bottom: 30px;
}
.join-pop .int .dd{
    line-height: 30px;
    font-size: 16px;
    color: #3f3f3f;
}

.join-pop .int .btn{
    width: 166px;
    margin-top: 50px;
}

.join-pop .bt-page{
    height: 90px;
    line-height: 90px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px dashed #d5d5d5;
}
.join-pop .sw-btn{
    width: 50%;
    float: left;
    cursor: pointer;
    font-size: 14px;
    color: #888;
    position: relative;
}
.join-pop .sw-btn:hover{
    color: #e51284;
}
.join-pop .sw-next{
    text-align: right;
}
.join-pop .sw-prev{
    padding-left: 80px;
    padding-right: 10px;
}
.join-pop .sw-next{
    padding-right: 80px;
    padding-left: 10px;
}
.join-pop .sw-prev:before{
    content: '<';
    display: inline-block;
    vertical-align: middle;
    margin: -2px 8px 0;
}
.join-pop .sw-next:after{
    content: '>';
    display: inline-block;
    vertical-align: middle;
    margin: -2px 8px 0;
}





.tea-it1{
    width: 49%;
    display: block;
    float: left;
    margin: 0 0.5% 1.5%;
    height: 310px;
    border-radius: 20px;
    overflow: hidden;
    background: #f5f5f5;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.tea-it1 img{
    float: left;
    width: 275px;
}
.tea-it1 .tex{
    margin-left: 310px;
    padding: 35px 30px 0 0;
}
.tea-it1 .tt{
    font-size: 20px;
    font-weight: bold;
    color: #222;
    margin-bottom: 20px;
}
.tea-it1 .cl{
    font-size: 16px;
    color: #e51284;
    font-weight: bold;
    margin-bottom: 25px;
}
.tea-it1 .cl:before{
    content: '';
    height: 20px;
    width: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 8px;
    background: red;
}
.tea-it1 .dd{
    font-size: 16px;
    line-height: 24px;
    color: #666; 
    height: 100px;
    margin-bottom: 10px;
}
.tea-it1 .btn{
    width: 124px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    background: #acacac;
    box-shadow: none;
}
.tea-it1:hover .btn{
    background: #e51284;
}
.tea-it1:hover{
    transform: translate(0,-10px);
}


.tea-page2{
    background-color: #f5f5f5;
    padding-bottom: 0;
	display: none;
}

.tea-page2 .content{
    position: relative;
    height: 540px;
}
.tea-page2 .ct-box{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.tea-page2 .lt{
    float: left;
    position: relative;
    z-index: 3;
}
.tea-page2 .rg{
    float: right;
    position: relative;
    z-index: 3;
}
.tea-page2 .rg .it{
    margin-left: auto;
}
.tea-page2 .it{
    width: 324px;
    height: 90px;
    border-radius: 10px;
    background: #e70e80;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 50px;
    padding-top: 25px;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.tea-page2 .it:hover{
    transform:translate(0,-5px);
}
.tea-page2 .it .num{
    font-size: 48px;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: bold;
}
.tea-page2 .b-it{
    width: 377px;
    height: 123px;
}
.tea-page2 .it.gre{
    background: #b4cc00;
}
.tea-page2 .it .sm{
    font-size: 13px;
}
.tea-page2 .it .p18{
    font-size: 18px;
}
.tea-page2 .lb{
    font-size: 16px;
    color: #333;
}
.tea-page2 .lb em{
    color: #e51284;
}




.dem-it{
    display: block;
    float: left;
    width: 31%;
    height: 200px;
    border-radius: 15px;
    margin: 0 1.1% 25px;
}

.js-page3 .content{
    height: 410px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}
.js-page3 .pic{
    height: 100%;
    width: 50%;
    float: left;
}
.js-page3 .tex{
    height: 100%;
    width: 50%;
    float: right;
    padding: 60px 45px;
    line-height: 32px;
    font-size: 18px;
    color: #555;
}

.js-page1 .tex{
    line-height: 32px;
    font-size: 18px;
    color: #555;
    /* text-align: center; */
}
.js-page2{
    padding: 80px 0;
}
.js-page2 .tex{
    /* height: 560px; */
    /* border: 1px solid #eee; */
    background-color: #fff;
    border-radius: 15px;
    padding: 40px 40px 60px;
    background-size: cover;
}
.js-page2 .int{
    height: 370px;
}
.js-page2 .p18{
    font-size: 18px;
    line-height: 32px;
    color: #1f1f1f;
}
.js-page2 .p16{
    font-size: 16px;
    line-height: 32px;
    color: #555;
}

.js-page3:hover img{
    transform:scale(1.05);
}




.tea-it2{
    display: block;
    border-radius: 10px;
    /* border: 1px solid #eee; */
    height: 300px;
    margin-top: 120px;
    position: relative;
    background: url(../images/bg-mas1.jpg) no-repeat center;
    background-size: cover;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.tea-it2:after{
    content: '';
    width: 80px;
    height: 92px;
    background: url(../images/logo3.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    opacity: 0.2;
}
.tea-it2:nth-of-type(2n+1):after{
    right: 0;
}
.tea-it2:nth-of-type(2n+2):after{
    left: 0;
}
.tea-it2:nth-of-type(2n+2){
    background-image: url(../images/bg-mas2.jpg);
}
/* .tea-it2:after{
    content: '';
    width: 80px;
    height: 100px;
    position: absolute;
    background: red;
    bottom: 5px;
}
.tea-it2:nth-of-type(2n+1):after{
    right: 5px;
} */
.tea-it2 .pic{
    height: 430px;
    width: 370px;
    margin-top: -130px;
    float: left;
}
.tea-it2 .tex{
    float: left;
    width: 750px;
}
.tea-it2 .hd{
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 20px;
}
.tea-it2 .name{
    font-size: 22px;
    color: #333;
    font-weight: bold;
}
.tea-it2 .cl{
    margin-left: 35px;
    font-size: 15px;
    color: #e51284;
    font-weight: bold;
}
.tea-it2 .cl:before{
    content: '';
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}
.tea-it2 .ic1:before{
    background: url(../images/icon-tea.png) no-repeat center;
}
.tea-it2 .ic2:before{
    background: url(../images/icon-tea1.png) no-repeat center;
}
.tea-it2 .dd{
    color: #333;
    font-size: 16px;
    line-height: 2;
    height: 122px;
    margin-bottom: 20px;
    overflow: hidden;
}
.tea-it2 .btn{
    height: 34px;
    line-height: 34px;
    width: 124px;
}
.tea-it2:nth-of-type(2n) .pic,
.tea-it2:nth-of-type(2n) .tex{
    float: right;
}
.tea-it2:nth-of-type(2n):after{
    left: 5px;
}
.tea-it2:hover{
    transform: translate(0,-10px);
}

.tea-page1 .ej-tab{
    overflow: hidden;
}
.tea-page1 .ej-tab li{
    width: 50%;
    float: left;
    margin: 0;
    border-radius: 40px 0 0 40px;
}
.tea-page1 .ej-tab li:nth-of-type(2){
    border-radius: 0 40px 40px 0;
}

.res-mod{
    height: 100px;
    line-height: 100px;
    background: rgba(0,0,0,0.4);
	display:none;
}
.res-mod .lt{
    float: left;
    font-size: 22px;
    color: #f8f8f8;
    font-weight: bold;
}
.res-mod .lt span{
    font-size: 50px;
    font-weight: bold;
    color: #e51284;
    text-shadow: 1px 1px 3px rgba(255,255,255,1);
    /* font-style: italic; */
}
.res-mod .lt .num{
    font-style: italic;
}
.res-mod .rg{
    float: right;
}
.res-mod .ip{
    display: inline-block;
    vertical-align: middle;
    height: 46px;
    line-height: 46px;
    border-radius: 46px;
    width: 210px;
    padding: 0 20px;
    outline: none;
    margin-right: 30px;
    border: none;
    font-size: 16px;
    background: #f8f8f8;
}
.res-mod .sub{
    width: 150px;
    background: #e51284;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-right: 30px;
}
.res-mod .sub:hover{
    background: #d4117a;
}
.res-mod .close{
    cursor: pointer;
    float: right;
    width: 40px;
    height: 40px;
    background: url(../images/icon-close.png) no-repeat center;
    margin-top: 30px;
}


.tea-it3 .name{
    font-weight: bold;
    margin-bottom: 20px;
}
.tea-it3 .lb{
    font-size: 16px;
    color: #e51284;
    font-weight: bold;
    margin-bottom: 20px;
}
.tea-it3 .lb:before{
    content: '';
    width: 14px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon-tea.png) no-repeat center;
    margin-top: -3px;
    margin-right: 10px;
}
.tea-it3 .dd{
    height: 105px;
    margin-bottom: 15px;
}

.cou-page1 .pic,
.cou-page1 .xx-rg{
    height: 512px;
}
.cou-page1 .li{
    display: table;
    line-height: 34px;
}
.cou-page1 .cl{
    color: #e51284;
    min-width: 55px;
    display: table-cell;
}
.cou-page1 .lb1{
    display: table-cell;
}
.cou-page1 .li:before {
    top: 6px;
}
.cou-page1 .li:after {
    top: 10px;
}

.cou-menu{
    overflow: hidden;
}
.cou-menu li{
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    min-width: 150px;
    background: #fff;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #dbdbdb;
    float: left;
    margin-right: 20px;
    margin-bottom: 35px;
    font-size: 18px;
    color: #666;
}
.cou-menu li a{
    display: block;
    height: 100%;
}
.cou-menu .on{
    border-color: #e51284;
    background: #e51284;
    color: #fff;
}
.cou-menu .on a{
    color: #fff;
}

.cou-it{
    display: block;
    height: 462px;
    background: #fff;
    border-radius: 20px;
    padding: 35px 0 35px 35px;
    margin-bottom: 25px;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.cou-it .pic{
    float: left;
    width: 504px;
    height: 392px;
    border-radius: 20px 0 0 20px;
}
.cou-it .tex{
    margin-left: 545px;
    height: 100%;
}

.cou-it .hd{
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.cou-it .hd .tt{
    font-size: 24px;
    color: #e51284;
    padding-left: 25px;
    position: relative;
}
.cou-it .hd .tt:before{
    content: '';
    height: 24px;
    width: 3px;
    border-radius: 3px;
    background: #e51284;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
}

.cou-it .str{
    margin-bottom: 15px;
    line-height: 26px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-right: 10px;
    display: inline-block;
    margin-top: 15px;
}
.cou-it .str:before{
    content: '';
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
    margin-right: 6px;
}
.cou-it .ic3:before{
    background: url(../images/icon-pp3.png) no-repeat center;
}
.cou-it .ic1:before{
    background: url(../images/icon-pp1.png) no-repeat center;
}
.cou-it .md{
    margin-right: 35px;
    font-size: 18px;
    color: #666;
    height: 310px;
    overflow-y: auto;
}

.cou-it .md::-webkit-scrollbar {
    width: 5px;
    background: #e5e5e5;
}
.cou-it .md::-webkit-scrollbar-thumb {
    background: #e51284; 
}
.cou-it .md::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4); 
}


.cou-it .dd{
    line-height: 2;
    margin-left: 30px;
    height: 150px;
    margin-bottom: 10px;
}
.cou-it .btn{
    margin-top: 35px;
    width: 170px;
}
.cou-it:hover{
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.cou-it:hover img{
    transform:scale(1.05);
}


.rec-page1 .tex img{
    max-width: 100%;
    margin:0 auto;
	display:none;
}

.rec-it1{
    width: 100%;
    height: 220px;
    border-radius: 10px;
    overflow: hidden;
    background: #fafafa;
}
.rec-it1 .pic{
    height: 100%;
    width: 166px;
    float: left;
}
.rec-it1 .tex{
    margin-left: 166px;
    padding: 35px 35px 0 35px;
    overflow: auto;
    height: 220px;
}
.rec-it1 .tex li{
    margin-bottom: 20px;
    line-height: 22px;
    font-size: 16px;
    color: #333;
}
.rec-it1 .tex .lb{
    color: #e51284;
}
.rec-it1:hover img{
    transform:scale(1.1);
}

.rec-page3{
    height: 546px;
	display:none;
}
.rec-page3 .lt-box,
.rec-page3 .rg-box{
    float: left;
    width: 50%;
}
.rec-page3 .rg-box .tex-box{
    margin-left: auto;
}
.rec-page3 .content{
    padding-top: 80px;
    color:#fff;
}
.rec-page3 .tp{
    height: 180px;
    margin-bottom: 10px;
}
.rec-page3 .tp .tt{
    margin-bottom: 25px;
    font-size: 36px;
    font-weight: bold;
}
.rec-page3 .tp .dd{
    font-size: 16px;
    line-height: 2;
}
.rec-page3 .tex-box{
    width: 480px;
}
.rec-page3 .bt li{
    width: 230px;
    height: 93px;
    border: 1px solid #fff;
    border-radius: 10px;
    text-align: center;
    padding-top: 18px;
    font-size: 18px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
}
.rec-page3 .bt .num{
    font-size: 36px;

}

.s-vote{
    width: 160px;
    height: 160px;
    border-radius: 20px;
    position: fixed;
    left: 0;
    bottom: 0px;
    z-index: 8;
    cursor:pointer;
    overflow: hidden;
}
.s-vote img{
    display: block;
    width: 100%;
    height: 100%;
}

.b-vote{
    position: fixed;
    bottom: 30%;
    z-index: 9;
}
.b-vote .pop{
    /* width: 320px;
    height: 455px; */
    width: 280px;
    height: 398px;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    overflow: hidden;
}
.b-vote .pop .tp{
    height: 250px;
    padding-top: 30px;
    font-weight: bold;
    background-size: 100% 100%;
    margin-bottom: 50px;
}
.b-vote .pop .tt{
    font-size: 32px;
    color: #fff;
    line-height: 44px;
}
.b-vote .pop .btn{
    width: 210px;
    line-height: 50px;
    height: 50px;
    font-size: 20px;
}
.b-vote .close{
    width: 55px;
    height: 55px;
    background: url(../images/icon-close2.png) no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: -28px;
    bottom: -80px;
    cursor: pointer;
}


.intr-page1 .tp{
    margin-bottom: 40px;
}

.intr-page1 .tp li{
    width: 25%;
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    color: #666;
    position: relative;
}
.intr-page1 .tp li:after{
    content: '';
    width: 1px;
    height: 20px;
    background: #dcdcdc;
    position: absolute;
    right: 0;
    top: 12px;
}
.intr-page1 .tp li:last-of-type:after{
    display: none;
}
.intr-page1 .tp .num,
.intr-page1 .tp .num span{
    font-size: 24px;
    color: #e51284;
    font-weight: bold;
    margin-bottom: 10px;
}
.intr-page1 .tex-box{
    line-height: 2;
    font-size: 16px;
    color: #666;
}


.intr-page3 .tp{
    height: 367px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 35px;
    padding: 50px 60px 50px 30px;
}
.intr-page3 .tp .lt{
    width: 305px;
    text-align: center;
    height: 100%;
    border-right: 1px solid #dcdcdc;
    float: left;
}
.intr-page3 .tp .rg{
    margin-left: 355px;
}
.intr-page3 .tp .tt{
    margin-bottom: 25px;
    font-size: 24px;
    color: #000;
}
.intr-page3 .tp .dd{
    font-size: 16px;
    color: #4a4a4a;
    line-height: 2;
    height: 220px;
}
.intr-page3 .bt .it{
    width: 380px;
    height: 196px;
    text-align: center;
    padding: 40px 10px 0;
    color: #fff;
    background: #e51284;
    float: left;
    margin: 0 10px 25px;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.intr-page3 .bt .it:hover{
    transform: translate(0,-10px);
}
.intr-page3 .bt .tt{
    font-size: 24px;
    line-height: 1;
}
.intr-page3 .bt .tt:after{
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background: #fff;
    opacity: 0.5;
    margin: 15px auto;
}
.intr-page3 .bt .dd{
    font-size: 20px;
}
.intr-page3 .bt .it1{
    border-radius: 20px 0 0px 20px;
}
.intr-page3 .bt .it2{
    background: #f8b500;
}
.intr-page3 .bt .it3{
    background: #38beef;
    border-radius: 0 20px 20px 0;
}
.intr-page3 .bt .it4{
    border-radius: 20px 0 0px 20px;
    background: #38beef;
}
.intr-page3 .bt .it5{
    background: #b4cc00;
}
.intr-page3 .bt .it6{
    border-radius: 0 20px 20px 0;
}


.dev-box{
    margin-bottom: 70px;
}
.dev-box .swiper-slide{
    background: none;
    padding: 10px;
}
.dev-it{
    overflow: hidden;
    height: 410px;
    background: #fff;
    border-radius: 10px;
    text-align: left;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    width: 100%;
}
.dev-it .pic{
    width: 50%;
    height: 100%;
    float: left;
}
.dev-it .tex{
    width: 50%;
    float: right;
    padding: 40px 55px 0;
}
.dev-it .year{
    font-size: 24px;
    color: #e51284;
    margin-bottom: 30px;
}
.dev-it .year span{
    font-size: 48px;
    font-weight: bold;
}
.dev-it .dd{
    font-size: 16px;
    color: #4a4a4a;
    line-height: 20px;
    height: 240px;
}
.dev-it .dd li{
    margin-bottom: 10px;
}
.dev-it .dd li:before{
    content: '·';
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.dev-line{
    padding:0 44px 30px;
    position: relative;
}
.dev-line .swiper-container{
    padding-top: 12px;
}
.dev-line .swiper-slide{
    cursor: pointer;
    background: none;
}
.dev-line .line{
    font-size: 18px;
    color: #666;
    line-height: 1;
    position: relative;
}
.dev-line .line:before{
    content: '';
    height: 22px;
    width: 22px;
    border-radius: 100%;
    border: 1px solid #8c8c8c;
    background: #fff;
    margin: 0 auto 25px;
    display: block;
}
.dev-line .line:after{
    content: '';
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background: #8c8c8c;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: 7px;
}
.dev-line .on .line{
    color: #e51284;
    font-size: 26px;
    font-weight: bold;

}
.dev-line .on .line:before{
    border-color: #e51284;
    margin-bottom: 21px;
}
.dev-line .on .line:after{
    background: #e51284;
}
.dev-line .swiper-container:after{
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    background: #8c8c8c;
    top: 23px;
    left: 0;
}

.dev-line .sw-btn{
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: #e6e6e6;
    position: absolute;
    top: 0px;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0,0,0,0.03);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 3;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.dev-line .sw-btn:hover{
    background-color: #e51284;
}
.dev-line .sw-prev{
    left: 0px;
    background-image: url(../images/sw-prev2.png);

}
.dev-line .sw-next{
    right: 0px;
    background-image: url(../images/sw-next2.png);
}

.dev-line .sw-prev:hover{
    background-image: url(../images/sw-prev2-sel.png);

}
.dev-line .sw-next:hover{
    background-image: url(../images/sw-next2-sel.png);
}


.join-menu .it{
    width: 33.3%;
    float: left;
    text-align: center;
}
.join-menu .it:hover .icon{
    transform:rotate(360deg);
}
.join-menu .it .icon{
    width: 138px;
    height: 138px;
    line-height: 138px;
    border-radius: 100px;
    margin: 0 auto 30px;
    background: #c8c8c8;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.join-menu .it .cn{
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}
.join-menu .it .en{
    font-size: 16px;
    color: #999;
    text-transform: uppercase;
}
.join-menu .it.on .icon{
    background: #e51284;
}

.info-mod{
    height: 410px;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}
.info-mod .pic{
    width: 50%;
    float: left;
}
.info-mod .tex{
    width: 50%;
    height: 100%;
    float: right;
    padding: 50px;
    font-size: 18px;
    color: #666;
    line-height: 1.6;
    background: url(../images/bg-join.png) no-repeat right top;
}
.info-mod .scr-box{
    height: 100%;
    overflow-y: auto;
}
.scr-box{
    height: 100%;
    overflow-y: auto;
}
.scr-box::-webkit-scrollbar {
    width: 4px;
    background: transparent;
    border-radius: 4px;
}
.scr-box::-webkit-scrollbar-thumb {
    background: #e51284; 
}
.scr-box::-webkit-scrollbar-thumb:window-inactive {
    background: transparent; 
}

.info-mod .pic:hover img{
    transform:scale(1.05);
}

.yy-it{
    height: 194px;
    width: 23%;
    border-radius: 10px;
    background: #e51284;
    color: #fff;
    text-align: center;
    padding: 35px 0 0;
    float: left;
    margin: 0 1%;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.yy-it:hover{
    transform: translate(0,-10px);
}
.yy-it .cn{
    font-size: 20px;
    line-height: 1;
    margin-bottom: 5px;
}
.yy-it .en{
    font-size: 14px;
    opacity: 0.6;
    text-transform: uppercase;
}
.yy-it .dd{
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.8;
    padding: 0 20px;
}

.yy-it.it2{
    background: #b4cc00;
}
.yy-it.it3{
    background: #f8b500;
}
.yy-it.it4{
    background: #38beef;
}
.cor-it{
    width: 25%;
    height: 300px;
    float: left;
    background: #fff;
    text-align: center;
    padding: 30px 20px 0;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.cor-it:hover{
    transform:translate(0,-10px);
}
.cor-it .icon{
    height: 60px;
    line-height: 60px;
    margin-bottom: 15px;
}
.cor-it .tt{
    margin: 20px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
.cor-it .dd{
    font-size: 16px;
    color: #666;
    line-height: 1.6;
}
.cor-it.gg{
    background: #e8e8e8;
    box-shadow: inset 0 0 25px rgba(0,0,0,0.05);
}


.join-page1 .content{
    text-align: center;
    height: 485px;
    position: relative;
}
.join-page1 .ct-box{
    padding-top: 80px;
}
.join-page1 .ct-box .tt{
    font-size: 30px;
    color: #000;
    height: 75px;
    line-height: 75px;
    position: relative;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
}
.join-page1 .ct-box .tt:before{
    content: '';
    width: 24px;
    height: 100%;
    background: url(../images/icon-ttl.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 0%;
    z-index: -1;
}
.join-page1 .ct-box .tt:after{
    content: '';
    width: 24px;
    height: 100%;
    background: url(../images/icon-ttr.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 0%;
    z-index: -1;
}
.join-page1 .it{
    width: 236px;
    height: 274px;
    background: url(../images/bg-join1.png) no-repeat center;
    background-size: 100% 100%;
    padding: 45px 30px 0;
    color: #fff;
    position: absolute;
}

.join-page1 .it .num{
    font-size: 36px;
    opacity: 0.5;
    margin-bottom: 25px;
    font-weight: bold;
}
.join-page1 .it .tt{
    margin-bottom: 25px;
    font-size: 20px;
}
.join-page1 .it .dd{
    line-height: 24px;
    font-size: 16px;
}


.join-page1 .it1{
    background-image: url(../images/bg-join2.png);
    padding: 55px 40px;
}
.join-page1 .it1 .pic{
    height: 100%;

}
.join-page1 .it1 img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.info-mod1{
    height: 567px;
    border-radius: 15px;
    background: #fff;
   /*  background: #fff url(../images/bg-join3.jpg) no-repeat center; */
    position: relative;
    z-index: 1;
}
.info-mod1:before{
    content: '';
    width: 310px;
    height: 400px;
    border-radius: 15px;
    background: #df1280;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: -1;
}

.info-mod1 .pic{
    width:420px;
    float: left;
    margin-top: -52px;
    height: 620px;
}
.info-mod1 .pic img{
    height:100%;
    width:auto;
}
.info-mod1 .tex{
    margin-left: 420px;
    height: 100%;
    padding: 75px 75px 90px;
    position: relative;
    z-index: 1;
    /* background: #fff; */
    background: #fff url(../images/bg-logo.png) no-repeat 680px bottom; 
    border-radius: 15px;
    font-size: 18px;
    color: #666;
    line-height: 1.6;

}

.yy-it1{
    height: 345px;
    padding-top: 55px;
    width: 18%;
}
.yy-it1 .icon{
    height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
}
.yy-it1.it2,
.yy-it1.it5{
    background: #b4cc00;
}
.yy-it1.it3{
    background: #38beef;
}
.yy-it1.it4{
    background: #f8b500;
}

.ste-it{
    width: 200px;
    height: 185px;
    float: left;
    background: #e51284;
    text-align: center;
    padding-top: 30px;
    color: #fff;
    position: relative;
}
.ste-it:before{
    content: '';
    width: 180px;
    height: 168px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -91px;
    margin-top: -85px;
    border: 1px solid #fff;
}
.ste-it:after{
    content: '';
    border-top: 10px solid transparent;
    border-left: 10px solid #fff;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}
.ste-it .icon{
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
}
.ste-it .num{
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: bold;
}
.ste-it .tt{
    font-size: 18px;
}
.ste-it.w-it{
    background: #fff;
    color: #e51284;
}
.ste-it.w-it:after{
    border-left: 10px solid #e51284;
}
.ste-it.n-arr:after{
    display: none;
}

.ste-it1{
    text-align: center;
    width: 192px;
    padding: 300px 0  280px;
    position: relative;
    float: left;
    margin-left: -34px;
}
.ste-it1 .num{
    width: 121px;
    height: 121px;
    line-height: 121px;
    background: url(../images/bg-step1.png) no-repeat center;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    margin: 0 auto;
    position: relative;
}
.ste-it1.odd .num:before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #b5b5b5;
    position: absolute;
    top: -45px;
    left: 50%;
    margin-left: -4px;
}
.ste-it1.odd .num:after{
    content: '';
    width: 2px;
    height: 40px;
    background: #b5b5b5;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -1px;
}
.ste-it1 .tex{
    width: 240px;
    height: auto;
    border-radius: 10px;
    border: 1px dashed #e51284;
    padding: 20px;
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    left: 50%;
    margin-left: -120px;
    position: absolute;
}
.ste-it1 .tex .tt{
    font-size: 18px;
    font-weight: bold;
    color: #e51284;
}
.ste-it1 .tex .dd{
    margin-top: 15px;
}
.ste-it1.even .tex{
    top: 470px;
}
.ste-it1.odd .tex{
    bottom: 490px;
}

.ste-it1.even .num{
    background: url(../images/bg-step1.png) no-repeat center;
    background-size: 60% 60%;
}
.ste-it1.even .num:before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #b5b5b5;
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -4px;
}
.ste-it1 .num:after{
    content: '';
    width: 2px;
    height: 40px;
    background: #b5b5b5;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -1px;
}

.step-mod .content{
    padding-left: 65px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}
.step-mod .content:before{
    content: '';
    width: 80%;
    height: 2px;
    background: #e51284;
    position: absolute;
    right: 10%;
    top: 390px;
}

.sup-page1 .tex{
    height: 325px;
    border-radius: 10px;
    background: #fff;
    padding: 50px 270px 50px 120px;
    font-size: 18px;
    color: #666;
    line-height: 1.8;
}

.yy-it2{
    height: 160px;
    border-radius: 15px;
    width: 32%;
    margin: 0 0.6%;
    background: url(../images/bg-sup3.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
    color: #fff;
    float: left;
    padding: 25px 30px 0;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.yy-it2 .num{
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;

}
.yy-it2 .dd{
    line-height: 28px;
    font-size: 18px;
}

.yy-it2:nth-of-type(3n+2){
    background:url(../images/bg-sup4.jpg) no-repeat center;
    background-size: cover;
}
.yy-it2:hover{
    transform: translate(0,-10px);
}


.sup-page2 .content{
    height: 210px;
    border-radius: 15px;
    background: #fff url(../images/bg-sup5.jpg) no-repeat right bottom;

}
.sup-page2 .pic1{
    float: left;
    margin-top: -40px;
    width: 274px;
    text-align: center;
}
.sup-page2 .pic1 img{
    max-width: 70%;
}
.sup-page2 .tex{
    height: 100%;
    margin-left: 274px;
    padding: 30px 65px 30px 0;
    line-height: 28px;
    font-size: 18px;
    color: #666;
}

.sup-page4 .tt-mod1{
    height: 80px;
    line-height: 80px;
    background: #e51284;
    position: relative;
} 
.sup-page4 .tt-mod1:before{
    content: "";
    height: 66px;
    width: 1182px;
    border: 1px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -591px;
    top: 50%;
    margin-top: -33px;
}
.sup-page4 .tt-mod1 .tt:before,
.sup-page4 .tt-mod1 .tt:after{
    height: 2px;
    background: #fff;
}

.sup-it{
    width: 24%;
    margin: 0 0.5%;
    float: left;
}
.sup-it .hd{
    height: 80px;
    line-height: 80px;
    background: #b4cc00;
    text-align: center;
    color: #fff;
}
.sup-it .hd .tt{
    font-size: 20px;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}
.sup-it .tex{
    height: 345px;
    background: #f5f5f5;
    padding: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #666;
}
.sup-it.it2 .hd{
    background: #38beef;
}
.sup-it.it3 .hd{
    background: #f8b500;
}
.sup-it.it4 .hd{
    background: #fa5f4d;
}

.sup-page5 table{
    width: 100%;
}
.sup-page5 tr{
    border-bottom: 2px solid #fff;
}
.sup-page5 td{
    padding: 30px 20px;
    background: #f5f5f5;
    font-size: 18px;
    color: #666;
    line-height: 1.8;
}
.sup-page5 .cl{
    width: 290px;
    background: #e51284;
    border-right: 2px solid #fff;
    color: #fff;
}
.sup-page5 .tex em{
    color: #000;
}

.sup-page6 .content{
    padding-left: 30px;
}
.sup-it1{
    width: 225px;
    height: 194px;
    background: url(../images/bg-px1.png) no-repeat center;
    padding: 35px 40px 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    float: left;
    margin-left: -30px;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.sup-it1 .icon{
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
}
.sup-it1.even{
    margin-top: 110px;
}

.sup-it1:hover{
    transform: translate(0,-10px);
}

.sup-page7 .info-mod{
    background:#fff url(../images/bg-logo1.png) no-repeat 1020px 65px;

}
.info-mod .p30{
    font-size: 30px;
    color: #333;
}

.sup-page3 .hd-box{
    width: 600px;
    margin: 0 auto;
    border-radius: 10px;
    border: 8px solid #e51284;
    background: #e51284;
    text-align: center;
    padding: 15px;
    color: #fff;
    line-height: 28px;
    font-size: 18px;
    position: relative;
}
.sup-page3 .hd-box:before{
    content: "";
    height: 100%;
    width: 100%;
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px;
}

.sup-page3 .hd-box .tt{
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
}
.sup-page3 .md-box{
    height: 290px;
    width: 933px;
    margin: 0 auto;
    background: url(../images/bg-tx.png) no-repeat center;
    position: relative;
}
.sup-page3 .cl1{
    width: 220px;
    height: 60px;
    line-height: 60px;
    border-radius: 10px;
    background: #b4cc00;
    color: #fff;
    text-align: center;
    font-size: 20px;
    top: 75px;
    position: absolute;
}
.sup-page3 .cl2{
    width: 182px;
    height: 60px;
    line-height: 60px;
    border-radius: 10px;
    background: #b4cc00;
    color: #fff;
    text-align: center;
    font-size: 20px;
    top: 185px;
    position: absolute;
}
.sup-page3 .bt-box .it{
    width: 23%;
    float: left;
    margin: 0 1%;
    height: 605px;
    border-radius: 10px;
    background: #f5f5f5;
    padding: 30px 25px;
    font-size: 18px;
    color: #666;
    line-height: 1.8;
}

.sup-page3 .bt-box .lb{
    font-weight: bold;
}


.rec-page2 .swiper-slide{
    background: transparent;
    text-align: left;
}


/* rebox */
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 50%; left: 10%; text-align: center; width: 80%; height: 640px; line-height: 640px;  margin-top: -320px; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%;}
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 20px; top: 20px; width: 50px; height: 50px; line-height: 50px; font-size: 40px;  }
.rebox-close:hover,.rebox-close:focus{
    -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}



/* 视频弹窗样式 */
.video-popup{ position: fixed; top: 0;  left: 0;  right: 0; bottom: 0; width: 100%; height: 100%;  font-size: 0; z-index: 999; display: none;  }
.video-popup .gray{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; z-index: 10; }
.video-popup .close{ width: 40px; height: 40px;background: url(../images/icon-close3.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -20px; cursor: pointer;}
.video-popup .video{ overflow: hidden; width: 875px; height: 680px; position: absolute; z-index:110; left: 50%; margin-left:  -438px; top:50%; margin-top: -340px;  text-align: center;  }
.video-popup .video video{ 
    /* max-width: 98%; 
    min-width: 80%; 
    min-height: 66%; 
    max-height: 98%;  */
    display: inline-block; 
    vertical-align: middle; 
    background: #000;  
    width: 875px;
    height: 620px;
    padding: 38px 76px;
    background: url(../images/bg-ipad.png) no-repeat center;
    background-size: 100% 100%;
}
.video-popup .hd{
    text-align: center;
    font-size: 30px;
    color: #fff;
    position: absolute;
    width: 875px;
    z-index: 11;
    top: 50%;
    left: 50%;
    margin-left: -438px;
    margin-top: -400px;
}
.bg-gray{
    background-color: #fafafa;
}



.ass-pop{
    display: none;
    position: relative;
    z-index: 3;
}
.ass-pop .pp-con{
    width: 450px;
    height: 450px;
    border-radius: 10px;
    background: #fff;
    position: fixed;
    left: 50%;
    margin-left: -225px;
    top: 50%;
    margin-top: -225px;
    text-align: center;
    padding-top: 30px;
    font-size: 18px;
    color: #333;
}
.ass-pop .tt{
    margin-bottom: 20px;
    font-size: 28px;
    color:#333;
}
.ass-pop .lb{
    height: 46px;
    line-height: 46px;
    background: #fef3f9;
    width: 330px;
    margin: 0 auto 30px;
    font-size: 16px;
    color: #666;
}
.ass-pop .code{
    width: 210px;
    height: 210px;
    padding: 10px;
    line-height: 190px;
    border-radius: 5px;
    background: #e51284;
    margin: 0 auto 15px;
}
.ass-pop .close{
    width: 40px; 
    height: 40px;
    background: url(../images/icon-close3.png) no-repeat center; 
    position: fixed; 
    left: 50%;
    margin-left: 200px; 
    top: 50%; 
    margin-top: -275px;
    cursor:pointer;
}

.gift-pop{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 3;
}
.gift-pop .pop-con{
    width: 772px;
    height: 422px;
    background: #fff;
    position: fixed;
    left: 50%;
    margin-left: -386px;
    top: 50%;
    margin-top: -211px;
    text-align: center;
    font-size: 18px;
    color: #333;
    border: 2px solid #fe976a;
}
.gift-pop .pop-con .pic{
    width: 355px;
    height: 100%;
    float: left;
}
.gift-pop .tex-box{
    margin-left: 355px;
    height: 100%;
    text-align: center;
    background: url(../images/bg-g1.jpg) no-repeat center;
    background-size: cover;
    padding-top: 40px;
}
.gift-pop .tex-box .tt{
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 20px;
}
.gift-pop .tex-box .md{
    color: #feda7a;
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 35px;
}
.gift-pop .ip{
    width: 280px;
    height: 44px;
    line-height: 44px;
    border-radius: 44px;
    background: #fff;
    border: none;
    margin: 0 auto 10px;
    padding: 0 20px;
    font-size: 14px;
}

.gift-pop .ver-box input{
    width: 165px;
    height: 100%;
    border: none;
    background: none;
}
.gift-pop .ver{
    float: right;
    color: #d59951;
    font-size: 14px;
    cursor: pointer;
}
.gift-pop .bt{
    width: 280px;
    margin: 35px auto 15px;
    font-size: 18px;
    overflow: hidden;
}
.gift-pop .bt:after{
    display: none;
}
.gift-pop .sub{
    width: 130px;
    line-height: 46px;
    height: 46px;
    border-radius: 46px;
    float: left;
    color: #ba6424;
    background: #f6e8ac;
    border: none;
    font-size: 18px;
    background: -moz-linear-gradient(top, #fbf9bd 0%, #d38346 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf9bd), color-stop(100%,#d38346));
    background: -webkit-linear-gradient(top, #fbf9bd 0%,#d38346 100%);
    background: -o-linear-gradient(top, #fbf9bd 0%,#d38346 100%);
    background: -ms-linear-gradient(top, #fbf9bd 0%,#d38346 100%);
    background: linear-gradient(to bottom, #fbf9bd 0%,#d38346 100%);
}
.gift-pop .btn1{
    width: 130px;
    line-height: 40px;
    height: 46px;
    border-radius: 46px;
    float: right;
    color: #feffb3;
    border: 3px solid #feffb3;
}
.gift-pop .btn-tr{
    color: #feffb3;
    font-size: 13px;

}

.gift-pop .close{
    width: 40px; 
    height: 40px;
    background: url(../images/icon-close3.png) no-repeat center; 
    position: absolute; 
    left: 50%;
    margin-left: -20px; 
    bottom: 50%; 
    margin-bottom: -270px;
    cursor:pointer;
}


.gift-pop1 .pop-con{
    width: 422px;
    height: 643px;
    margin-left: -211px;
    margin-top: -322px;
}
.gift-pop1 .pop-con .pic{
    width: 100%;
    float: none;
    height: 250px;
}
.gift-pop1 .tex-box{
    margin-left: 0;
    height: 389px;
    background: url(../images/bg-g2.jpg) no-repeat center;
    background-size: cover;
}
.gift-pop1 .tex-box .tt{
    margin-bottom: 5px;
}
.gift-pop1 .tex-box .md{
    margin-bottom: 20px;
}
.gift-pop1 .close {
    width: 40px;
    height: 40px;
    background: url(../images/icon-close4.png) no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: 165px;
    bottom: 50%;
    margin-bottom: 275px;
    cursor: pointer;
    z-index: 3;
}

.adu-pop{
    display: none;
    position: relative;
    z-index: 3;
}

.adu-pop .pp-con {
    width: 450px;
    min-height: 320px;
    border-radius: 10px;
    background: #fff;
    position: fixed;
    z-index: 10;
    left: 50%;
    margin-left: -225px;
    top: 50%;
    margin-top: -160px;
    text-align: center;
    font-size: 18px;
    color: #333;
    padding: 30px 30px;
}
.adu-pop .close {
    width: 40px;
    height: 40px;
    background: url(../images/icon-close3.png) no-repeat center;
    position: fixed;
    left: 50%;
    margin-left: 200px;
    top: 50%;
    margin-top: -210px;
    cursor: pointer;
}

.adu-pop .hd{
    margin-bottom: 40px;
    font-size: 28px;
    color: #e21387;

}
.adu-pop .ip {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    margin-bottom: 15px;
    padding: 0 14px;
    font-size: 13px;
    outline: none;
}

.adu-pop .btn {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.adu-pop .bt {
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #f7f7f7;
    bottom: 0;
    left: 0;
    padding: 0 25px;
    border-radius: 0 0 15px 15px;
}
.adu-pop  .che {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    border: 1px solid #d4d4d4;
    background: #fff;
}
.adu-pop  .bt a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 12px;
    color: #999;
}

.work-ban .ban-it{
    display: block;
    width: 48%;
    height: 280px;
    line-height: 280px;
    padding: 0 30px;
    float: left;
    margin: 0 1%;
}
.work-ban .ban-it .tt{
    color: #fff;
    font-size: 20px;
}
.work-ban .ban-it:hover{
    transform:translate(0,-10px);
}


.social-share{
    display: inline-block;
}
.social-share .icon-wechat .wechat-qrcode{
    top: -205px;
    left: -85px;
    width: 190px;
}
.sup-page3 img{
    max-width: 100%;
}

@media screen and (max-width: 1420px){
    .b-vote .pop{
        /* height: 370px;
        width: 260px; */
        width: 220px;
        height: 313px;
    }
    .b-vote .pop .tt{
        font-size:22px;
        line-height: 1.5;
    }
    .b-vote .pop .tp{
        height: 194px;
        padding-top: 25px;
        margin-bottom: 40px;
    }
    .b-vote .pop .btn{
            width: 160px;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    }
    .b-vote{
        bottom: 15%;
    }
    .b-vote .close{
        width: 40px;
        height: 40px;
        bottom: -50px;
        background-size: contain;
    }
    .s-vote{
        width: 80px;
        height: 80px;
        border-radius: 10px;
    }
    .sch-page2 .sw-button{
        width: 40px;
    }
    .sch-page2 .sw-prev{
        left: -50px;
    }
    .sch-page2 .sw-next{
        right: -50px;
    }
    .work-pop .swiper-container{
        height: 580px;
        line-height: 580px;
    }
    .work-pop .swiper-slide .it{
        line-height: 580px;
    }
    .work-pop .pp-col{
        height: 580px;
    }
    .video-popup .video{
        height: 520px;
        width: 668px;
        margin-top: -240px;
        margin-left: -334px;
    }
    .video-popup .video video{
         height: 520px;
        width: 668px;
    }
    .video-popup .hd{
        font-size: 22px;
        width: 668px;
        margin-left: -334px;
        margin-top: -280px;
    }
    .video-popup .close{
        width: 34px;
        height: 34px;
        margin-left: -17px;
        background-size: contain;
    }
}

@media screen and (max-width: 1320px){
    .sch-page2 .sw-button{
        width: 40px;
    }
    .sch-page2 .sw-prev{
        left: 0;
    }
    .sch-page2 .sw-next{
        right: 0;
    }

}


#fl-win .code{
    width: 120px;
    background: transparent;
}
#fl-win .code img{
    max-width:100%;
}