.logo-top{
    width: 178px;
    height: 28px;
}
.loading-sw
{
    display: none;
    position: absolute;
    z-index: 200;
    top: 40%;
    left: 50%;

    /*display: block;*/

    width: 50px;
    height: 50px;
    margin-left: -25px;

    background: url(../../img/loadings.gif) no-repeat center center;
}
#qLoverlay{
    background: url(../../img/loadings.gif) no-repeat center center;
}
body
{
    min-width: 1200px;
}ul,
li
{
    float: none;
}a
{
    cursor: pointer;
}.pull-left
{
    float: left;
}.pull-right
{
    float: right;
}.w1200
{
    width: 1200px;
    margin: 0 auto;
}.BMap_cpyCtrl
{
    display: none;
}.left-bar
{
    position: fixed;
    z-index: 90;
    top: 0;
    left: 0;

    width: 320px;

    background-color: #fff;
}@media (max-width: 1630px)
{
    .left-bar
    {
        width: 275px;
    }
}.left-bar .logo
{
    display: block;

    width: 180px;
    height: 60px;
    margin: 0 auto;
    padding-top: 78px;
}@media (max-height: 850px)
{
    .left-bar .logo
    {
        padding-top: 50px;
    }
}.left-bar .logo .logo-top
{
    transform: translate(-40px, 0px);

    opacity: 0;
}.left-bar .logo .logo-btm
{
    transform: translate(40px, 0px);

    opacity: 0;
}.left-bar .nav-box
{
    width: 180px;
    margin: 0 auto;
    padding-top: 86px;
}@media (max-height: 850px)
{
    .left-bar .nav-box
    {
        padding-top: 40px;
    }
}.left-bar .nav-box .link-box
{
    font-size: 14px;

    position: relative;

    display: block;

    margin-bottom: 25px;

    transition: transform .6s;
    transform: translate(-40px, 0);

    opacity: 0;
    color: #222425;
}.left-bar .nav-box .link-box .link
{
    overflow: hidden;

    height: 30px;
}.left-bar .nav-box .link-box .e-text
{
    display: none;
    font-family: HELVE;
    line-height: 30px;

    display: block;

    height: 30px;

    transition: all .5s cubic-bezier(.65, -.6, .24, 1.65);
}.left-bar .nav-box .link-box .e-text
{
    font-family: HELVE;
    line-height: 30px;

    display: block;
 display: none;
    height: 30px;
}.left-bar .nav-box .link-box .c-text
{
    line-height: 30px;

    
    height: 30px;
    font-size: 16px;
    background-color: #fff;

}@media (max-height: 850px)
{
    .left-bar .nav-box .link-box
    {
        margin-bottom: 16px;
    }
}@media (max-height: 675px)
{
    .left-bar .nav-box .link-box
    {
        margin-bottom: 16px;
    }.left-bar .nav-box .link-box .e-text
    {
        line-height: 24px;

        height: 24px;
    }.left-bar .nav-box .link-box .c-text
    {
        line-height: 24px;

        height: 24px;
    }
}.left-bar .nav-box .link-box:hover .c-text,
.left-bar .nav-box .link-box.cur .c-text
{
    color: #333;
    border-bottom: 1px solid #666;
}@media (max-height: 675px)
{
    .left-bar .nav-box .link-box:hover .e-text,
    .left-bar .nav-box .link-box.cur .e-text
    {
        margin-top: -24px;
    }
}.left-bar .icon-wrap
{
    width: 180px;
    margin: 0 auto;
}.left-bar .icon-wrap .search-box
{
    margin-bottom: 10px;

    transform: translate(0, 40px);

    opacity: 0;
}.left-bar .icon-wrap .search-box .search-bar
{
    position: relative;

    width: 56px;

    transition: all .3s ease-in-out;
}.left-bar .icon-wrap .search-box .search-bar .input-box
{
    position: relative;
    z-index: 100;

    overflow: hidden;

    width: 56px;
    height: 48px;

    transition: all .3s ease-in-out;

    background: #fff;
}.left-bar .icon-wrap .search-box .search-bar .input-box .text
{
    font-size: 16px;
    line-height: 47px;

    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 100%;
    height: 47px;

    transition: all .3s cubic-bezier(0, .105, .035, 1.57);
    transition-delay: .3s;

    opacity: 0;
    color: #222425;
    border: none;
    border-bottom: 1px solid #525252;
    outline: none;
    background: transparent;

    filter: alpha(opacity=0);
}.left-bar .icon-wrap .search-box .search-bar .input-box .sub-btn
{
    position: absolute;
    position: relative;
    top: 0;
    left: -8px;

    display: inline-block;

    width: 36px;
    height: 46px;

    cursor: pointer;
    transition: all .3s ease-in-out;
    vertical-align: middle;

    background-color: #fff;
}.left-bar .icon-wrap .search-box .search-bar .input-box .sub-btn .icon
{
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;

    display: block;

    width: 36px;
    height: 46px;

    transition: all .4s cubic-bezier(.65, -.6, .24, 1.65);

    background: url(../img/welc-search-icon.png) no-repeat center 15px;
}.left-bar .icon-wrap .search-box .search-bar .input-box .sub-btn:hover .icon
{
    background-position: center -28px;
}.left-bar .icon-wrap .search-box .search-bar .input-box .sub-btn .btn
{
    position: relative;
    z-index: 100;

    width: 36px;
    height: 46px;

    opacity: 0;
    border: none;
    outline: none;

    filter: alpha(opacity=0);
}.left-bar .icon-wrap .search-box .search-bar .close
{
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;

    width: 36px;
    height: 46px;

    cursor: pointer;
    transition: all .8s cubic-bezier(0, .105, .035, 1.57);
    transition-delay: .5s;
    transform: rotate(-225deg);

    background: url(../img/close.png) no-repeat center center;
}.left-bar .icon-wrap .search-box .search-bar.active
{
    width: 100%;
}.left-bar .icon-wrap .search-box .search-bar.active .input-box
{
    width: 180px;

    transition: all .5s cubic-bezier(0, .105, .035, 1.57);
}.left-bar .icon-wrap .search-box .search-bar.active .input-box .text
{
    opacity: 1;
}.left-bar .icon-wrap .search-box .search-bar.active .input-box .sub-btn
{
    left: 144px;
}.left-bar .icon-wrap .search-box .search-bar.active .input-box .sub-btn .icon
{
    z-index: 100;

    transform: rotate(-90deg);

    background-position: center -28px;
}.left-bar .icon-wrap .search-box .search-bar.active .input-box .sub-btn:hover .icon
{
    background-position: center -28px;
}.left-bar .icon-wrap .search-box .search-bar.active .input-box .sub-btn .btn
{
    z-index: 101;
}.left-bar .icon-wrap .search-box .search-bar.active .close
{
    right: -50px;

    transform: rotate(0deg);
}.left-bar .icon-wrap .adds-box
{
    display: block;

    width: 56px;
    height: 48px;
    margin-bottom: 10px;

    transition: all .4s cubic-bezier(.65, -.6, .24, 1.65);
    transform: translate(0, 40px);

    opacity: 0;
    background: url(../img/welc-map-icon.png) no-repeat left 13px;
}.left-bar .icon-wrap .adds-box:hover
{
    background-position: left -34px;
}.left-bar .icon-wrap .share-box
{
    transform: translate(0, 40px);

    opacity: 0;
}.left-bar .icon-wrap .share-box .bdsharebuttonbox
{
    width: 56px;
    height: 48px;
}.left-bar .icon-wrap .share-box .bdsharebuttonbox .bds_more
{
    display: block;

    width: 56px;
    height: 48px;
    margin: 0;
    padding: 0;

    background: url(../img/welc-share-icon.png) no-repeat left center;
}.header
{
    position: relative;
    z-index: 100;

    width: 100%;
    min-width: 1200px;
    height: 120px;
}.header .logo
{
    position: absolute;
    top: 42px;
    left: 36px;
}.header .nav-box
{
    width: 998px;
    margin: 0 auto;
}.header .nav-box .list .link-hide
{
    position: absolute;
    top: 119px;
    left: 0;

    display: none;

    width: 100%;

    background: url(../img/h-bg.png);
}.header .nav-box .list .link-hide .link
{
    font-size: 14px;
    line-height: 55px;

    display: block;

    width: 88px;
    height: 55px;

    text-align: center;

    color: #fff;
}

/*.header .nav-box .list .link-hide .pd-149
{
    padding-left: 149px;
}@media (max-width: 1430px)
{
    .header .nav-box .list .link-hide .pd-149
    {
        padding-left: 222px;
    }
}*/

.header .nav-box .list .link-hide .pd-149
{
    padding-left: 171px;
}@media (max-width: 1430px)
{
    .header .nav-box .list .link-hide .pd-149
    {
        padding-left: 256px;
    }
}

/*.header .nav-box .list .link-hide .pd-287
{
    padding-left: 287px;
}@media (max-width: 1430px)
{
    .header .nav-box .list .link-hide .pd-287
    {
        padding-left: 337px;
    }
}.header .nav-box .list .link-hide .pd-638
{
    padding-left: 638px;
}@media (max-width: 1430px)
{
    .header .nav-box .list .link-hide .pd-638
    {
        padding-left: 640px;
    }
}*/

.header .nav-box .list .link-hide .pd-287
{
    padding-left: 250px;
}@media (max-width: 1430px)
{
    .header .nav-box .list .link-hide .pd-287
    {
        padding-left: 310px;
    }
}.header .nav-box .list .link-hide .pd-638
{
    padding-left: 542px;
}@media (max-width: 1430px)
{
    .header .nav-box .list .link-hide .pd-638
    {
        padding-left: 544px;
    }
}







.header .nav-box .link-box
{
    font-size: 15px;

    position: relative;

    display: block;

    padding: 42px 32px 48px;

    text-align: center;

    color: #666;
}.header .nav-box .link-box .link-lg
{
    overflow: hidden;

    height: 30px;
}.header .nav-box .link-box .e-text
{
    font-family: HELVE;
    line-height: 30px;

    display: block;

    height: 30px;
    display: none;
    transition: all .5s cubic-bezier(.65, -.6, .24, 1.65);
}.header .nav-box .link-box .c-text
{
    line-height: 29px;

    display: block;

    width: 100%;
    height: 29px;

    background-color: #fff;
}.header .nav-box .link-box:hover .c-text,
.header .nav-box .link-box.cur .c-text
{
    color: #333;
    border-bottom: 1px solid #666;
}@media (max-width: 1430px)
{
    .header .nav-box
    {
        width: 830px;
        padding-left: 90px;
    }.header .nav-box .link-box
    {
        padding: 42px 18px 48px;
    }
}.header .icon-wrap
{
    position: absolute;
    top: 34px;
    right: 36px;
}.header .icon-wrap .lang
{
    font-family: HELVE;
    font-size: 18px;
    line-height: 46px;

    display: block;

    width: 46px;
    height: 46px;

    text-align: center;

    color: #3b3b3b;
    background: url(../img/inner-header-line.jpg) no-repeat right center;
}.header .icon-wrap .lang .icon
{
    display: block;

    width: 100%;
    height: 46px;

    transition: background-position .8s cubic-bezier(.65, -.6, .24, 1.65);

    background: url(../img/inner-header-icon3.jpg) no-repeat center 15px;
}.header .icon-wrap .lang:hover .icon
{
    background-position: center -16px;
}.header .icon-wrap .oa
{
    display: block;

    width: 46px;
    height: 46px;

    background: url(../img/inner-header-line.jpg) no-repeat right center;
}.header .icon-wrap .oa .icon
{
    display: block;

    width: 100%;
    height: 46px;

    transition: background-position .8s cubic-bezier(.65, -.6, .24, 1.65);

    background: url(../img/welc-map-icon2.png) no-repeat center 13px;
}.header .icon-wrap .oa:hover .icon
{
    background-position: center -27px;
}.header .icon-wrap .search-box
{
    width: 46px;
    height: 46px;
}.header .icon-wrap .search-box .search-bar
{
    position: absolute;
    top: 0;
    right: 0;

    width: 46px;
    height: 46px;

    transition: all .3s ease-in-out;
}.header .icon-wrap .search-box .search-bar .input-box
{
    position: relative;
    z-index: 100;

    overflow: hidden;

    width: 46px;
    height: 46px;

    transition: all .3s ease-in-out;

    background: #fff;
}.header .icon-wrap .search-box .search-bar .input-box .text
{
    font-size: 16px;
    line-height: 45px;

    position: absolute;
    top: 0;
    right: 46px;

    box-sizing: border-box;
    width: 133px;
    height: 45px;

    transition: all .3s cubic-bezier(0, .105, .035, 1.57);
    transition-delay: .3s;

    opacity: 0;
    color: #222425;
    border: none;
    border-bottom: 1px solid #525252;
    outline: none;
    background: transparent;

    filter: alpha(opacity=0);
}.header .icon-wrap .search-box .search-bar .input-box .sub-btn
{
    position: absolute;
    position: relative;
    top: 0;
    left: 5px;

    display: inline-block;

    width: 36px;
    height: 46px;

    cursor: pointer;
    transition: all .3s ease-in-out;
    vertical-align: middle;

    background-color: #fff;
}.header .icon-wrap .search-box .search-bar .input-box .sub-btn .icon
{
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;

    display: block;

    width: 36px;
    height: 46px;

    transition: all .8s cubic-bezier(.65, -.6, .24, 1.65);

    background: url(../img/inner-header-icon2.jpg) no-repeat center 15px;
}.header .icon-wrap .search-box .search-bar .input-box .sub-btn .icon:hover
{
    background-position: center -16px;
}.header .icon-wrap .search-box .search-bar .input-box .sub-btn .btn
{
    position: relative;
    z-index: 100;

    width: 36px;
    height: 46px;

    opacity: 0;
    border: none;
    outline: none;

    filter: alpha(opacity=0);
}.header .icon-wrap .search-box .search-bar .close
{
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;

    width: 36px;
    height: 46px;

    cursor: pointer;
    transition: all .8s cubic-bezier(0, .105, .035, 1.57);
    transition-delay: .5s;
    transform: rotate(-225deg);

    background: url(../img/close.png) no-repeat center center;
}.header .icon-wrap .search-box .search-bar.active
{
    width: 180px;
}.header .icon-wrap .search-box .search-bar.active .input-box
{
    overflow: hidden;

    width: 180px;

    transition: all .5s cubic-bezier(0, .105, .035, 1.57);
}.header .icon-wrap .search-box .search-bar.active .input-box .text
{
    opacity: 1;
}.header .icon-wrap .search-box .search-bar.active .input-box .sub-btn
{
    left: 144px;
}.header .icon-wrap .search-box .search-bar.active .input-box .sub-btn .icon
{
    z-index: 100;

    background-position: center -16px;
}.header .icon-wrap .search-box .search-bar.active .input-box .sub-btn .icon:hover
{
    background-position: center -16px;
}.header .icon-wrap .search-box .search-bar.active .input-box .sub-btn .btn
{
    z-index: 101;
}.header .icon-wrap .search-box .search-bar.active .close
{
    left: -50px;

    transform: rotate(0deg);
}.footer
{
    /*line-height: 104px;

    height: 104px;*/
    padding: 28px 0;
    border-top: 1px solid #e8e8e8;
}.footer .backtop
{
    position: fixed;
    z-index: 10000;
    right: 70px;
    bottom: 25%;

    width: 60px;
    height: 60px;

    cursor: pointer;
    transition: all .3s;

    background: url(../img/back-top.png) no-repeat center center;
}.footer .backtop.hide
{
    opacity: 0;

    filter: alpha(opacity=0);
}.footer .backtop:hover
{
    background-position: center 5px;
}.footer .copyright
{
    width: 884px;
    /*font-family: HELVE;*/
    font-size: 14px;

    padding-left: 120px;

    color: #999;

}
.footer .copyright p{
    -white-space: pre-wrap;
}

.footer .copyright a
{
    color: #999;
}.footer .copyright a:hover
{
    color: #000;
}.footer .share-box
{
    padding-right: 120px;
}.footer .share-box .jiathis_style
{
    /*padding-top: 42px;*/
}.footer .share-box .jiathis_style a
{
    display: block;
    overflow: hidden;

    width: 20px;
    height: 20px;
    margin: 0 5px;
}.footer .share-box .jiathis_style a span
{
    display: block !important;

    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;

    transition: background-position .8s cubic-bezier(.65, -.6, .24, 1.65);

    background-image: url(../img/share-icon.png);
    background-repeat: no-repeat;
}.footer .share-box .jiathis_style a.jiathis_button_tsina span
{
    background-position: 2px 2px;
}.footer .share-box .jiathis_style a.jiathis_button_tsina:hover span
{
    background-position: 2px -33px;
}.footer .share-box .jiathis_style a.jiathis_button_qzone span
{
    background-position: -28px 2px;
}.footer .share-box .jiathis_style a.jiathis_button_qzone:hover span
{
    background-position: -28px -33px;
}.footer .share-box .jiathis_style a.jiathis_button_tqq span
{
    background-position: -57px 2px;
}.footer .share-box .jiathis_style a.jiathis_button_tqq:hover span
{
    background-position: -57px -33px;
}.footer .share-box .jiathis_style a.jiathis_button_googleplus span
{
    background-position: -85px 2px;
}.footer .share-box .jiathis_style a.jiathis_button_googleplus:hover span
{
    background-position: -85px -33px;
}.footer .share-box .jiathis_style a.jiathis_button_weixin span
{
    background-position: -115px 2px;
}.footer .share-box .jiathis_style a.jiathis_button_weixin:hover span
{
    background-position: -115px -33px;
}
.footer-box{
    /*position: absolute;
    bottom: 0;
    left: 0;*/
    width: 100%;
}

.footer-box .footer
{
    height: auto;
}.footer-box .footer .copyright
{
    padding-left: 0;
}
@media(max-width: 1375px){
    
    .footer-box .footer .copyright
    {
        width: 695px;
    }
}
.footer-box .footer .share-box
{
    padding-right: 0;
}



.in-block,
.ex-sub-nav .link,
.news-page .left a,
.main.welc .box4 .wrap .right .btm .list td .title
{
    display: inline-block;

    *display: inline;
    *zoom: 1;
}.ex-box-title
{
    /*margin: 0 106px 0 85px;*/
}.ex-box-title .title
{
    /*font-size: 40px;*/
    font-size: 26px;
    font-weight: normal;
    line-height: 48px;

    padding: 30px 0 20px;
    color: #000;    
}
.box3 .ex-box-title .title{
    margin-left: 85px;
}
.box3 .ex-box-title .btn-wrap{
    margin-right: 106px;
}

.ex-box-title .btn-wrap .text
{
    font-family: Arial;
    font-size: 12px;
    line-height: 58px;

    height: 58px;

    color: #000;
}.ex-box-title .btn-wrap .btn-box .top
{
    width: 30px;
    height: 28px;
    margin: 2px 0;

    cursor: pointer;

    background: url(../img/welc-page.png) no-repeat 4px 0;
}.ex-box-title .btn-wrap .btn-box .top:hover
{
    background-position: -34px 0;
}.ex-box-title .btn-wrap .btn-box .btm
{
    width: 30px;
    height: 28px;
    margin: 2px 0;

    cursor: pointer;

    background: url(../img/welc-page.png) no-repeat -34px -30px;
}.ex-box-title .btn-wrap .btn-box .btm:hover
{
    background-position: 4px -30px;
}.ex-sub-navbox
{
    position: relative;

    width: 100%;
    height: 81px;
}.ex-sub-nav
{
    width: 100%;
    height: 80px;

    text-align: center;

    border-bottom: 1px solid #ccc;
    background-color: #fff;
}.ex-sub-nav.fixed
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
}.ex-sub-nav .link
{
    font-size: 16px;
    line-height: 80px;

    height: 80px;
    padding: 0 22px;

    cursor: pointer;

    color: #666;
}.ex-sub-nav .link:hover,
.ex-sub-nav .link.cur
{
    color: #000;
}.ex-box-line
{
    position: relative;
    z-index: 50;

    padding: 90px 0 28px;
}.ex-box-line .line
{
    width: 226px;
    height: 8px;

    background-color: #000;
}.ex-box-line .e-title
{
    font-family: HELVE;
    font-size: 50px;
    font-weight: bold;
    line-height: 52px;

    padding: 40px 0 5px;

    color: #000;
    font-size: 22.5px;
    line-height: 32px;
    padding: 20px 0 0px;
}.ex-box-line .c-title
{
    font-size: 22.5px;
    line-height: 32px;

    color: #000;
}.news-page
{
    padding: 50px 0 60px;

    border-top: 1px solid #e8e8e8;
}.news-page .left
{
    width: 800px;
}.news-page .left a
{
    font-size: 13px;
    line-height: 28px;

    color: #000;
    border-bottom: 1px solid #fff;
}.news-page .left a:hover
{
    border-bottom: 1px solid #000;
}.news-page .pull-right
{
    display: block;

    width: 60px;
    height: 60px;

    transition: background-position .8s cubic-bezier(.65, -.6, .24, 1.65);

    background: url(../img/news-info-icon.png) no-repeat 8px 8px;
}.news-page .pull-right:hover
{
    background-position: 8px -58px;
}
.js-animate .js-mm-left
    {
        /*transition: all .8s ease-in-out;
        transform: translate(-200px, 0);*/
        position: relative;
        left: -200px;
        opacity: 0;
    }.js-animate .js-mm-right
    {
        position: relative;
        left: 200px;
        opacity: 0;
    }.js-animate .js-mm-top
    {
        position: relative;
        top: -200px;
        opacity: 0;
    }.js-animate .js-mm-btm
    {
        position: relative;
        top: 200px;
        opacity: 0;
    }.js-animate .js-mm-lt
    {
        position: relative;
        top: -200px;
        left: -200px;
        opacity: 0;
    }.js-animate .js-mm-rt
    {
       position: relative;
       top: -200px;
       left: 200px;

        opacity: 0;
    }
.js-animate .js-m-left
{
    transition: all .8s ease-in-out;
    transform: translate(-200px, 0);

    opacity: 0;
}.js-animate .js-m-right
{
    transition: all .8s ease-in-out;
    transform: translate(200px, 0);

    opacity: 0;
}.js-animate .js-m-top
{
    transition: all .8s ease-in-out;
    transform: translate(0, -200px);

    opacity: 0;
}.js-animate .js-m-btm
{
    transition: all .8s ease-in-out;
    transform: translate(0, 200px);

    opacity: 0;
}.js-animate .js-m-lt
{
    transition: all .8s ease-in-out;
    transform: translate(-200px, -200px);

    opacity: 0;
}.js-animate .js-m-rt
{
    transition: all .8s ease-in-out;
    transform: translate(200px, -200px);

    opacity: 0;
}.js-animate.animate .js-m-left
{
    transform: translate(0px, 0);

    opacity: 1;
}.js-animate.animate .js-m-right
{
    transform: translate(0px, 0);

    opacity: 1;
}.js-animate.animate .js-m-top
{
    transform: translate(0, 0px);

    opacity: 1;
}.js-animate.animate .js-m-btm
{
    transform: translate(0, 0px);

    opacity: 1;
}.js-animate.animate .js-m-lt
{
    transform: translate(0px, 0px);

    opacity: 1;
}.js-animate.animate .js-m-rt
{
    transform: translate(0px, 0px);

    opacity: 1;
}.main
{
    opacity: 0;
}.main.welc
{
    position: relative;
    z-index: 40;

    /*overflow: hidden;*/

    padding-left: 320px;
    /*padding-right: 70px;*/
}@media (max-width: 1630px)
{
    .main.welc
    {
        padding-left: 275px;
        /*padding-right: 46px;*/
    }
}.main.welc .box1
{
    position: relative;

    /*transform: translate(200px, 0);*/
    left: 200px;
    opacity: 0;
}.main.welc .box1 .banner
{
    position: relative;

    overflow: hidden;

    width: 100%;
}.main.welc .box1 .banner .img-cont
{
    position: relative;
    z-index: 50;

    width: 100%;
}.main.welc .box1 .banner .img-cont .link
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;

    background-position: center center;
    background-size: cover;
}.main.welc .box1 .banner .img-cont .link .img-box
{
    position: relative;
    z-index: 50;

    width: 100%;
    padding: 278px 0 0 11.67%;
}@media (max-height: 945px)
{
    .main.welc .box1 .banner .img-cont .link .img-box
    {
        padding-top: 170px;
    }
}@media (max-height: 725px)
{
    .main.welc .box1 .banner .img-cont .link .img-box
    {
        padding-top: 115px;
    }
}.main.welc .box1 .banner .img-cont .link .img-box .title
{
    display: block;

    padding-bottom: 30px;

    transition: all 1s;
    transform: translate(120px, 0);
    transform-origin: 100% 50%;

    opacity: 0;
}.main.welc .box1 .banner .img-cont .link .img-box .text
{
    display: block;

    padding-bottom: 90px;

    transition: all 1s;
    transform: translate(-120px, 0);

    opacity: 0;
}@media (max-height: 725px)
{
    .main.welc .box1 .banner .img-cont .link .img-box .text
    {
        padding-bottom: 50px;
    }
}.main.welc .box1 .banner .img-cont .link .img-box .line
{
    width: 176px;
    height: 5px;

    transition: all 1s;
    transform: translate(120px, 0);

    opacity: 0;
    background-color: #fff;
}.main.welc .box1 .banner .img-cont .link.cur .img-box .title,
.main.welc .box1 .banner .img-cont .link.cur .img-box .text,
.main.welc .box1 .banner .img-cont .link.cur .img-box .line
{
    transform: translate(0, 0) rotate(0deg);

    opacity: 1;
}.main.welc .box1 .banner .num
{
    position: absolute;
    z-index: 52;
    bottom: 30px;
    left: 50%;
}.main.welc .box1 .banner .num li
{
    width: 10px;
    height: 10px;
    margin: 0 5px;

    cursor: pointer;

    border-radius: 50%;
    background-color: #fff;
}.main.welc .box1 .banner .num li.cur
{
    opacity: .5;
    background-color: #000;

    filter: alpha(opacity=50);
}.main.welc .box1 .video-btn
{
    font-family: Arial;
    font-size: 16px;
    line-height: 46px;

    position: absolute;
    z-index: 53;
    bottom: 31.9%;
    left: 11.67%;

    height: 46px;
    padding-left: 64px;

    cursor: pointer;
    transform: translate(-50px, 0);

    opacity: 0;
    color: #fff;
    background: url(../img/video-icon.png) no-repeat left center;
}@media (max-height: 725px)
{
    .main.welc .box1 .video-btn
    {
        bottom: 35.9%;
    }
}.main.welc .box1 .news-box
{
    position: absolute;
    z-index: 53;
    bottom: 12.15%;
    left: 11.67%;

    overflow: hidden;

    width: 450px;
    height: 134px;
}.main.welc .box1 .news-box .news-list
{   position: relative;
    z-index: 55;
    display: block;

    /*width: 388px;*/
    width: 366px;
}
.main.welc .box1 .news-box .news-list.cur{
     z-index: 56;
}

.main.welc .box1 .news-box .news-list .img-box
{
    /*width: 238px;*/
    width: 216px;
    position: relative;
    transition: transform .5s;
    transition-delay: .6s;
    transform: translate(0, 134px);
    transform: translate(0, 134px);

    opacity: 0;
    overflow: hidden;
}.main.welc .box1 .news-box .news-list .img-box img
{
    width: 100%;
    height: 134px;
}
.main.welc .box1 .news-box .news-list .img-box .text{
    position: absolute;
    bottom: 0;
    left: 0;
    /*width: 218px;*/
    width: 210px;
    padding-left: 10px;
    padding-right: 10px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #fff;
    background: url(../img/welc-banner-bg.png);

    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.main.welc .box1 .news-box .news-list .text-box
{
    width: 150px;
    height: 134px;

     transition: transform .5s;
    transition-delay: .6s;
    transform: translate(0, -134px); 
    text-align: center;

    opacity: 0;
    background-color: #000;
}.main.welc .box1 .news-box .news-list .text-box .date
{
    font-family: Arial;
    font-size: 16px;

    padding: 38px 0 2px;

    opacity: .51;
    color: #fff;

    filter: alpha(opacity=51);
}.main.welc .box1 .news-box .news-list .text-box .year
{
    font-family: BEBA;
    font-size: 40px;
    line-height: 48px;

    color: #fff;
}.main.welc .box1 .news-box .news-list.cur .img-box,
.main.welc .box1 .news-box .news-list.cur .text-box
{
    transform: translate(0, 0);

    opacity: 1;
}.main.welc .box2
{position: relative;
    overflow: hidden;

    /*padding: 126px 0 158px;*/
}.main.welc .box2 .wrap
{
    position: relative;
}.main.welc .box2 .wrap .left-box
{
    width: 43.71%;
}@media (max-width: 1730px)
{
    .main.welc .box2 .wrap .left-box
    {
        width: 550px;
    }
}@media (max-width: 1330px)
{
    .main.welc .box2 .wrap .left-box
    {
        width: 480px;
    }
}.main.welc .box2 .wrap .left-box .cont-box
{
    width: 65.21%;
    overflow: hidden;
}@media (max-width: 1730px)
{
    .main.welc .box2 .wrap .left-box .cont-box
    {
        width: 382px;
    }
}@media (max-width: 1330px)
{
    .main.welc .box2 .wrap .left-box .cont-box
    {
        width: 320px;
    }
}.main.welc .box2 .wrap .left-box .cont-box .text-cont
{
    height: 417px;
    /*padding-bottom: 35px;*/

    /* transition: all .5s ease;
    transform: translate(-100px, 0px); */
    position: relative;
    left: -100px;
    opacity: 0;
    border-bottom: 2px solid #e7e7e7;
    overflow: hidden;
    /* background: url(../img/welc-box2-bg.png) no-repeat left -20px bottom 35px; */
}.main.welc .box2 .wrap .left-box .cont-box .text-cont .text-box
{
    display: none;

    width: 100%;
}.main.welc .box2 .wrap .left-box .cont-box .text-cont .text-box .title
{
    /*font-size: 40px;*/
    font-size: 26px;
    font-weight: normal;
    line-height: 48px;

    padding-bottom: 32px;

    color: #000;
}.main.welc .box2 .wrap .left-box .cont-box .text-cont .text-box .text
{
    font-size: 16px;
    line-height: 30px;
    white-space: pre-line;
    text-align: justify;
    text-justify:inter-ideograph;
    color: #666;
}.main.welc .box2 .wrap .left-box .cont-box .btn-box
{
    font-family: Arial;
    font-size: 16px;

    /*transition: all .5s ease;
    transition-delay: .1s;
    transform: translate(0px, 50px);*/
    position: relative;
    top: 50px;
    opacity: 0;
    color: #666;
}.main.welc .box2 .wrap .left-box .cont-box .btn-box .btn-prev
{
    margin: -2px 30px 0 0;
    padding: 18px 0;
    height: 58px;
    cursor: pointer;

    background: url(../img/welc-box2-line.jpg) no-repeat left top;
}
.main.welc .box2 .wrap .left-box .cont-box .btn-box .btn-prev span{
    display: block;
    width: 44px;
    height: 44px;
    cursor: pointer;
    transition: background-position .5s;
    background-image: url(../img/about-box4-btn.png);
    background-repeat: no-repeat;
    background-position: 0 center;
}

.main.welc .box2 .wrap .left-box .cont-box .btn-box .btn-prev:hover span
{
    background-position: -66px center;
}.main.welc .box2 .wrap .left-box .cont-box .btn-box .btn-next
{
    margin: -2px 30px 0 0;
    padding: 18px 0;
     height: 58px;
    cursor: pointer;

    background: url(../img/welc-box2-line.jpg) no-repeat left top;
}
.main.welc .box2 .wrap .left-box .cont-box .btn-box .btn-next span{
    display: block;
    width: 44px;
    height: 44px;
    cursor: pointer;
    transition: background-position .5s;
    background-image: url(../img/about-box4-btn.png);
    background-repeat: no-repeat;
    background-position: -248px center;
}

.main.welc .box2 .wrap .left-box .cont-box .btn-box .btn-next:hover span
{
   
    background-position: -183px center;
}.main.welc .box2 .wrap .left-box .more
{
    font-size: 14px;
    line-height: 46px;

    position: absolute;
    bottom: -50px;
    left: 0;

    display: block;
    overflow: hidden;

    width: 178px;
    height: 46px;

    /*transition: all .5s ease;
    transition-delay: .1s;
    transform: translate(0, 50px);*/
    text-align: center;
    text-decoration: underline;

    opacity: 0;
    color: #fff;
    background-color: #000;
}.main.welc .box2 .wrap .left-box .more::after
{
    font-size: 14px;
    line-height: 44px;

    position: absolute;
    top: 1px;
    left: -100%;

    width: 176px;
    height: 44px;

    content: 'More';
    transition: all .5s ease-in-out;
    text-align: center;
    text-decoration: underline;

    color: #000;
    background-color: #fff;
}.main.welc .box2 .wrap .left-box .more:hover::after
{
    left: 1px;
}.main.welc .box2 .wrap .left-box .check-box
{
    margin-left: 11%;
}@media (max-width: 1730px)
{
    .main.welc .box2 .wrap .left-box .check-box
    {
        margin-left: 60px;
    }
}.main.welc .box2 .wrap .left-box .check-box .btn
{
    width: 62px;
    height: 62px;
    margin-bottom: 32px;

    cursor: pointer;
    /*transition: all .5s ease;
    transform: translate(0, -120px);*/
    position: relative;
    top: -120px;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center center;
}.main.welc .box2 .wrap .left-box .check-box .btn.btn1
{
    /*transition-delay: .1s;*/

    
}.main.welc .box2 .wrap .left-box .check-box .btn.btn2
{
    /*transition-delay: .2s;*/

   
}.main.welc .box2 .wrap .left-box .check-box .btn.btn3
{
    /*transition-delay: .3s;*/

   
}.main.welc .box2 .wrap .left-box .check-box .btn.btn4
{
    /*transition-delay: .4s;*/

    
}.main.welc .box2 .wrap .left-box .check-box .btn img
{
    display: block;

    width: 100%;

    transition: all .5s ease;
    transform: scale(0);

    opacity: 0;
    opacity: 0;

    filter: alpha(opacity=0);
}.main.welc .box2 .wrap .left-box .check-box .btn:hover img,
.main.welc .box2 .wrap .left-box .check-box .btn.cur img
{
    transform: scale(1);

    opacity: 1;

    filter: alpha(opacity=100);
}.main.welc .box2 .wrap .right-box
{
    width: 56.29%;

    /*transition: all 1.2s cubic-bezier(.5, -.01, 0, 1.005);
    transform:  rotate(8deg);*/
    
    /*opacity: 0;*/
}.main.welc .box2 .wrap .right-box img
{
    width: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    opacity: 0;
}@media (max-width: 1730px)
{
    .main.welc .box2 .wrap
    {
        height: 537px;
    }.main.welc .box2 .wrap .right-box
    {
        position: absolute;
        top: 0;
        left: 552px;

        width: auto;
    }.main.welc .box2 .wrap .right-box img
    {
        width: 100%;
        height: auto;
    }
}@media (max-width: 1330px)
{
    .main.welc .box2 .wrap .right-box
    {
        left: 502px;
    }
}.main.welc .box2 .wrap.animate .left-box .cont-box .text-cont
{
    transform: translate(0px, 0px);

    opacity: 1;
    overflow: hidden;
}.main.welc .box2 .wrap.animate .left-box .cont-box .btn-box
{
    transform: translate(0px, 0px);

    opacity: 1;
}.main.welc .box2 .wrap.animate .left-box .more
{
    transform: translate(0px, 0px);

    opacity: 1;
}.main.welc .box2 .wrap.animate .left-box .check-box .btn
{
    transform: translate(0px, 0px);

    opacity: 1;
}.main.welc .box2 .wrap.animate .right-box
{
    transform: translate(0%, 0%) rotate(0deg);
    height: 100%;
    opacity: 1;
}.main.welc .box3
{
    /*padding: 116px 0 90px;*/
	position: relative;
    /*background-color: #f8f8f8;*/
}

.main.welc .box3 .wrap{
    position: relative;
    /*width: 1355px;*/
    margin: 0 auto;
    overflow: hidden;
}
.main.welc .box3 .wrap .title{
    /*font-size: 40px;*/
    font-size: 26px;
    font-weight: normal;
    line-height: 48px;
    padding: 0 0 60px;
    color: #000;
}
.main.welc .box3 .wrap .auto-wrap{
    position: relative;
}
.main.welc .box3 .wrap .auto-wrap .auto-box .link{
    display: block;
    margin-right: 32px;
}
.main.welc .box3 .wrap .auto-wrap .auto-box .link .img-box{
    position: relative;
    display: block;
    /*width: 430px;
    height: 644px;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}
/*@media(max-width: 1835px) {
    .main.welc .box3 .wrap{
        width: 1234px;
    }
    .main.welc .box3 .wrap .auto-wrap .auto-box .link .img-box{
        width: 390px;
        height: 560px;
    }
}*/
/*@media(max-width: 1700px) {
    .main.welc .box3 .wrap{
        width: 980px;
    }
    .main.welc .box3 .wrap .auto-wrap .auto-box .link{
        margin-right: 15px;
    }
    .main.welc .box3 .wrap .auto-wrap .auto-box .link .img-box{
        width: 316px;
        height: 445px;
    }
}*/
/*@media(max-width: 1300px) {
    .main.welc .box3 .wrap{
        width: 840px;
    }
    .main.welc .box3 .wrap .auto-wrap .auto-box .link{
        margin-right: 15px;
    }
    .main.welc .box3 .wrap .auto-wrap .auto-box .link .img-box{
        width: 270px;
        height: 395px;
    }
}*/
.main.welc .box3 .wrap .flex-direction-nav a{
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -24px;
    width: 48px;
    height: 48px;
    background: url(../img/welc-box3-btn.png) no-repeat;
    cursor: pointer;
    transition: all 0.2s;
}
.main.welc .box3 .wrap .flex-direction-nav a.flex-prev{
    left: 25px;
    background-position: 1px center;
}
.main.welc .box3 .wrap .flex-direction-nav a.flex-prev:hover{
    left: 15px;
}
.main.welc .box3 .wrap .flex-direction-nav a.flex-next{
    right: 25px;
    background-position: -138px center;
}
.main.welc .box3 .wrap .flex-direction-nav a.flex-next:hover{
    right: 15px;
}
.main.welc .box3 .wrap .auto-wrap .auto-box .link .img-box .text-box{
    position: absolute;
    left: 0;
    bottom: -93px;
    width: 100%;
    height: 92px;
    text-align: center;
    color: #fff;
    background: url(../img/welc-banner-bg.png);
    transition: all 0.3s;
}
.main.welc .box3 .wrap .auto-wrap .auto-box .link .img-box img{
    display: block;
    width: 100%;
}
.main.welc .box3 .wrap .auto-wrap .auto-box .link .img-box .text{
    padding: 18px 0 5px;
    font-size: 24px;
    font-family: BEBA;
    text-transform: uppercase;
}
.main.welc .box3 .wrap .auto-wrap .auto-box .link .img-box .text2{
    font-size: 18px;
    font-weight: normal;
    color: #fff;
}
.main.welc .box3 .wrap .auto-wrap .auto-box .link:hover .img-box .text-box{
    bottom: 0;
}





.main.welc .box4
{position: relative;
    overflow: hidden;

    /*padding: 120px 0 90px;*/

    border-bottom: 3px solid #f8f8f8;
}.main.welc .box4 .ex-box-title
{
    position: absolute;
    width: 100%;
    left: 0;
    /*top: 20px;*/
    top: 60px;
    margin-left: 0;
    z-index: 101;
    transition: all .5s ease;
    transform: translate(0, 50px);

    opacity: 0;
}@media (max-width: 1670px)
{
    .main.welc .box4 .ex-box-title
    {
        margin-right: 40px;
    }
}
@media (max-width: 1300px)
{
    .main.welc .box4 .ex-box-title{
        top: 20px;
    }
    .main.welc .box4 .ex-box-title .title
    {
        padding: 0px 0 20px;
    }
}
.main.welc .box4 .ex-box-title.animate
{
    transform: translate(0, 0);

    opacity: 1;
}.main.welc .box4 .wrap
{
    position: relative;
    /*margin-right: 106px;*/
    z-index: 100;
}
.main.welc .box5 .wrap
{
    position: relative;
}

@media (max-width: 1670px)
{
    .main.welc .box4 .wrap
    {
        /*margin-right: 40px;*/
    }
}.main.welc .box4 .wrap .left
{
    position: relative;
    z-index: 53;

    width: 363px;
    height: 527px;
    margin-right: 70px;

    /*transition: all .5s ease;
    transform: translate(0, 300px);*/
    top: 300px;
    opacity: 0;
}@media (max-width: 1670px)
{
    .main.welc .box4 .wrap .left
    {
        width: 290px;
        margin-right: 40px;
        height: 455px;
    }
}
@media (max-width: 1300px)
{
    .main.welc .box4 .wrap .left
    {
        height: 414px;
    }
}
.main.welc .box4 .wrap .left .img
{
    width: 100%;
    height: 527px;

    background-repeat: no-repeat;
    background-position: center center;
}
@media (max-width: 1670px)
{
    .main.welc .box4 .wrap .left .img
    {
        height: 455px;
    }
}
@media (max-width: 1300px)
{
   .main.welc .box4 .wrap .left .img
    {
        height: 414px;
    }
}
.main.welc .box4 .wrap .right
{
    position: relative;
    z-index: 50;
    height: 526px;
    overflow: hidden;
    right: -300px;
    opacity: 0;
    background-size: cover;
}.main.welc .box4 .wrap .right .top
{
    position: relative;
    z-index: 52;

    width: 100%;
    /*height: 377px;*/
    height: 100%;
    /*transition: all .5s ease;
    transform: translate(-592px, 0);*/
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}@media (max-width: 1670px)
{
    .main.welc .box4 .wrap .right
    {
        /*height: 315px;*/
        height: 455px;
    }
}
@media (max-width: 1300px)
{
   .main.welc .box4 .wrap .right
    {
        /*height: 315px;*/
        height: 414px;
    }
}
.main.welc .box4 .wrap .right .btm
{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 54;

    overflow: hidden;
    width: 100%;
    height: 150px;
    
    /*transition: all .5s ease;*/
    
    background: url(../img/welc-banner-bg.png);
    /*opacity: 0;*/
}


@media (max-width: 1670px)
{
    .main.welc .box4 .wrap .right .btm
    {
        /*height: 212px;*/
        height: 140px;
    }
}
@media (max-width: 1300px)
{
   .main.welc .box4 .wrap .right .btm
   {
       height: 134px;
   }
}

.main.welc .box4 .wrap .right .btm .list
{
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;

    height: 150px;

    opacity: 0;
    
}@media (max-width: 1670px)
{
    .main.welc .box4 .wrap .right .btm .list
    {
        /*height: 212px;*/
        height: 140px;
    }
}
@media (max-width: 1300px)
{
   .main.welc .box4 .wrap .right .btm .list
   {
       height: 134px;
   }
}

.main.welc .box4 .wrap .right .btm .list td
{
    vertical-align: middle;
}.main.welc .box4 .wrap .right .btm .list td .title
{
    font-family: MYR;
    font-size: 21px;
    line-height: 46px;

    width: 175px;
    height: 46px;

    transition: all .5s;
    transform: translate(0, 200px);
    text-align: center;

    color: #fff;
    background-color: #000;
}.main.welc .box4 .wrap .right .btm .list td .text
{
    font-size: 16px;
    line-height: 26px;

    /*padding: 0 120px;*/
    padding: 0 40px;
    /*transition: all .5s cubic-bezier(.5, -.01, 0, 1.005);
    transition-delay: .1s;
    transform: translate(0, -200px);*/
    color: #fff;
}
.main.welc .box4 .wrap .right .btm .list td .text .t-title{
    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
}

@media (max-width: 1670px)
{
    .main.welc .box4 .wrap .right .btm .list td .text
    {
        padding: 0 40px;
    }
}.main.welc .box4 .wrap .right .btm .list td .more
{
    font-size: 13px;
    line-height: 46px;

    display: block;

    transition: all .5s;
    transition-delay: .2s;
    transform: translate(0, 200px);
    text-align: center;

    color: #000;
}.main.welc .box4 .wrap .right .btm .list td .more::after
{
    position: absolute;

    width: 34px;
    height: 1px;

    content: '';

    background-color: #000;
}.main.welc .box4 .wrap .right .btm .list td.more-td
{
    vertical-align: bottom;
}.main.welc .box4 .wrap .right .btm .list.cur
{
    z-index: 51;

    opacity: 1;
}.main.welc .box4 .wrap .right .btm .list.cur td .title
{
    transform: translate(0, 0);

    opacity: 1;
}.main.welc .box4 .wrap .right .btm .list.cur td .text
{
    transform: translate(0, 0);

    opacity: 1;
}
.main.welc .box4 .wrap .right .btm .list.cur td .text .t-text{
    text-align: justify;
    text-justify:inter-ideograph;
}
.main.welc .box4 .wrap .right .btm .list.cur td .more
{
    transform: translate(0, 0);

    opacity: 1;
}.main.welc .box4 .wrap.animate .left
{
    transform: translate(0, 0);

    opacity: 1;
}.main.welc .box4 .wrap.animate .right .top
{
    transform: translate(0, 0);

    opacity: 1;
}.main.welc .box4 .wrap.animate .right .btm
{
    transform: translate(0, 0);

    opacity: 1;
}


.main.welc .box5
{position: relative;
    overflow: hidden;

   /* padding: 130px 0 0;*/
}.main.welc .box5 .ex-box-title
{
    position: absolute;
    width: 100%;
    left: 0;
    top: 20px;
    margin-left: 0;
}@media (max-width: 1400px)
{
    .main.welc .box5 .ex-box-title
    {
        margin-right: 30px;
    }
}

.main.welc .box5 .wrap{
    width: 100%;
    margin: 0 auto;
    margin-top: -50px;
}
@media (max-width: 1470px){
    .main.welc .box5 .wrap{
        width: 100%;
    }
}
.main.welc .box5 .wrap .map
{
    overflow: hidden;
    width: 100%;
    height: 450px;
    margin: 0 auto;
   background-size: cover !important;
}
@media (max-width: 1400px){
    .main.welc .box5 .wrap .map{
        height: 380px;
        /*background-position: -100px !important;*/
    }
}
.main.welc .box4 .js-wrap .title {
    /*font-size: 40px;*/
    font-size: 26px;
    font-weight: normal;
    line-height: 48px;
    padding: 0 0 60px;
    color: #000;
}
.main.welc .box5 .wrap .title {
    /*font-size: 40px;*/
    font-size: 26px;
    font-weight: normal;
    line-height: 48px;
    padding: 0 0 60px;
    color: #000;
}
@media (max-width: 1400px){
    .main.welc .box5 .wrap .title{
        padding: 0 0 25px;
    }
    .main.welc .box4 .js-wrap .title{
        padding: 0 0 25px;
    }
    .main.welc .box3 .wrap .title{
        padding: 0 0 25px;
    }
}
.main.welc .box5 .wrap .adds-box
{
    margin-right: 106px;
    padding: 75px 0 90px;
}.main.welc .box5 .wrap .adds-box .left-box .select
{
    font-family: HELVE;
    font-size: 14px;
    line-height: 48px;

    display: block;

    width: 325px;
    height: 48px;
    margin: 0 70px 32px 0;

    text-indent: 1em;

    color: #666;
}.main.welc .box5 .wrap .adds-box .left-box .sub-btn
{
    font-family: HELVE;
    font-size: 14px;
    line-height: 48px;

    position: relative;

    display: block;

    width: 325px;
    height: 48px;

    color: #fff;
    border: none;
    outline: none;
    background-color: #000;
}.main.welc .box5 .wrap .adds-box .left-box .sub-btn::after
{
    font-size: 14px;
    line-height: 46px;

    position: absolute;
    top: 1px;
    left: -100%;

    width: 323px;
    height: 46px;

    content: 'INQUIRE';
    transition: all .5s ease-in-out;
    text-align: center;

    color: #000;
    background-color: #fff;
}.main.welc .box5 .wrap .adds-box .left-box .sub-btn:hover::after
{
    left: 1px;
}.main.welc .box5 .wrap .adds-box .right-box
{
    height: 200px;
}.main.welc .box5 .wrap .adds-box .right-box .title
{
    font-family: HELVE;
    font-size: 18px;
    font-weight: bold;
    line-height: 46px;

    width: 175px;
    height: 46px;
    margin-bottom: 32px;

    text-align: center;

    color: #fff;
    background-color: #000;
}.main.welc .box5 .wrap .adds-box .right-box .text
{
    font-size: 16px;
    line-height: 30px;

    display: none;

    color: #666;
}.main.welc .box5 .wrap .adds-box .right-box .text .cur
{
    color: #000;
}.main.about .box1 .banner
{
    font-family: HELVET;
    font-size: 85px;
    font-weight: bold;
    line-height: 356px;

    width: 100%;
    height: 356px;

    text-align: center;

    color: #000;
    background-repeat: no-repeat;
    background-position: left center;
}.main.about .box2
{
    overflow: hidden;

    padding: 48px 0;
}.main.about .box2 .wrap .left
{
    width: 680px;
}.main.about .box2 .wrap .left .e-title
{
    font-family: HELVE;
    /*font-size: 50px;*/
    font-size: 46px;
    font-weight: bold;
    line-height: 52px;
    font-size: 22.5px;
    line-height: 32px;
    color: #000;
}.main.about .box2 .wrap .left .c-title
{
    font-size: 30px;
    line-height: 32px;
    font-size: 22.5px;
    line-height: 32px;
    padding: 16px 0 60px;

    color: #000;
}.main.about .box2 .wrap .left .text
{
    font-size: 16px;
    line-height: 36px;

    opacity: .8;
    color: #000;
    text-align: justify;
    text-justify:inter-ideograph;
    filter: alpha(opacity=80);
}.main.about .box2 .wrap .right
{
    width: 466px;
    padding-top: 8px;

    text-align: right;
}.main.about .box2 .wrap .right img
{
    max-width: 100%;
}.main.about .box3
{
    overflow: hidden;

    padding: 130px 0 120px;

    background-color: #fcfcfc;
}.main.about .box3 .wrap
{
    position: relative;
}.main.about .box3 .wrap .bg
{
    position: absolute;
    top: 64px;
    right: 0;
}

.main.about .box3 .wrap .title-box
{
    position: relative;
    z-index: 50;
    height: 200px;
    margin-bottom: 52px;
    background-position: left center;
    background-size: cover;
}


.main.about .box3 .wrap .title-box .table{
    display: table;
    padding: 0 30px;
    height: 100%;
    background-color: #bdc0c5;
}
.main.about .box3 .wrap .title-box .table-cell{
    display: table-cell;
    vertical-align: middle;
}


.main.about .box3 .wrap .title-box .line
{
    width: 226px;
    height: 8px;

    /*background-color: #000;*/
}.main.about .box3 .wrap .title-box .e-title
{
    font-family: HELVE;
    /*font-size: 50px;*/
    font-size: 46px;
    font-weight: bold;
    line-height: 52px;
    font-size: 22.5px;
    line-height: 32px;
    padding: 40px 0 5px;
    padding-top: 0;
    color: #fff;
    letter-spacing: 1px;
}.main.about .box3 .wrap .title-box .c-title
{
    font-size: 30px;
    line-height: 32px;
    font-size: 22.5px;
    line-height: 32px;
    color: #fff;
}.main.about .box3 .wrap .cont-box
{
    font-size: 14px;
    line-height: 32px;

    position: relative;
    z-index: 50;
        text-align: justify;
        text-justify:inter-ideograph;
    color: #1a1a1a;
}.main.about .box3 .wrap .cont-box .left
{
    width: 570px;
    height: 268px;
    padding-right: 28px;

    border-right: 1px solid #cacaca;
}.main.about .box3 .wrap .cont-box .right
{
    width: 572px;
    height: 268px;
    padding-left: 28px;
}.main.about .box4
{
    position: relative;

    width: 100%;
    height: 800px;

    /*background: url(../img/about-box4-bg.jpg);*/
}.main.about .box4 .wrap
{
    
    padding-top: 84px;
}
.main.about .box4 .wrap .auto-box{
    position: relative;
}

.main.about .box4 .wrap .scroll-cont
{
   
    z-index: 50;

    width: 1200px;
    height: 385px;
    margin: 0 auto;
    overflow: hidden;
}
.main.about .box4 .wrap .scroll-cont .link-box .link{
    position: relative;
    width: 288px;
    height: 380px;
    margin-right: 15px;
    overflow: hidden;
}
.main.about .box4 .wrap .scroll-cont .link-box .link:hover .text-box{
    bottom: 0;
}
.main.about .box4 .wrap .scroll-cont .link-box .link .img-box{
    width: 288px;
    height: 380px;
    background-position: center center;
    background-repeat: no-repeat;
}
.main.about .box4 .wrap .scroll-cont .link-box .link .text-box{
    position: absolute;
    left: 0;
    bottom: -119px;
    width: 100%;
    height: 118px;
    text-align: center;
    color: #fff;
    background: url(../img/welc-banner-bg.png);
    transition: all 0.3s;
}
.main.about .box4 .wrap .scroll-cont .link-box .link .text-box .text{
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    padding: 18px 10px 5px;
}
.main.about .box4 .wrap .scroll-cont .link-box .link .text-box .text2{
    padding: 0 10px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: justify;
    text-justify:inter-ideograph;
}

.main.about .box4 .wrap .scroll-cont .list
{
    /*position: absolute;
    z-index: 50;
    top: 0;
    left: 0;*/

    width: 558px;
    height: 492px;
    margin: 0 20px;
    text-align: center;

    /*opacity: 0;*/

    /*filter: alpha(opacity=0);*/
}.main.about .box4 .wrap .scroll-cont .list .img-box
{
    position: relative;

    overflow: hidden;

    width: 250px;
    height: 250px;
    margin: 0 auto;

    /*transition: all .8s cubic-bezier(.65, -.6, .24, 1.65);
    transform: translate(0, -100px);*/

    /*opacity: 0;*/
    border-radius: 50%;

    transform-delay: 0s;
    /*filter: alpha(opacity=0);*/
}.main.about .box4 .wrap .scroll-cont .list .img-box img
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 290px;
    height: 290px;
    margin: -145px 0 0 -145px;
}.main.about .box4 .wrap .scroll-cont .list .year
{
    font-family: HELVE;
    font-size: 40px;
    font-weight: bold;
    line-height: 42px;

    padding: 25px 0 15px;

    /*transition: all .8s cubic-bezier(.65, -.6, .24, 1.65);
    transition-delay: .1s;
    transform: translate(0, 90px);*/

   /* opacity: 0;*/
    color: #000;

    /*filter: alpha(opacity=0);*/
}.main.about .box4 .wrap .scroll-cont .list .title
{
    font-size: 22px;
    line-height: 36px;

    padding-bottom: 25px;

    /*transition: all .8s cubic-bezier(.65, -.6, .24, 1.65);
    transition-delay: .2s;
    transform: translate(0, 80px);*/

   /* opacity: 0;*/
    color: #000;
    background: url(../img/about-line.jpg) no-repeat center bottom;

   /* filter: alpha(opacity=0);*/
}.main.about .box4 .wrap .scroll-cont .list .text
{
    font-size: 16px;
    line-height: 24px;

    height: 68px;
    padding: 24px 0 5px;

   /* transition: all .8s cubic-bezier(.65, -.6, .24, 1.65);
    transition-delay: .3s;
    transform: translate(0, 70px);*/

   /* opacity: 0;*/
    color: #000;

    /*filter: alpha(opacity=0);*/
}/*.main.about .box4 .wrap .scroll-cont .list.cur
{
    z-index: 51;

    opacity: 1;

    filter: alpha(opacity=100);
}*/.main.about .box4 .wrap .scroll-cont .list.cur .img-box,
.main.about .box4 .wrap .scroll-cont .list.cur .year,
.main.about .box4 .wrap .scroll-cont .list.cur .title,
.main.about .box4 .wrap .scroll-cont .list.cur .text
{
    /*transform: translate(0, 0);

    opacity: 1;

    filter: alpha(opacity=100);*/
}.main.about .box4 .wrap .btn-box
{
    position: relative;
    z-index: 51;

    width: 110px;
    margin: 30px auto 0;
}.main.about .box4 .wrap .btn-box .btn
{
    width: 44px;
    height: 44px;

    cursor: pointer;
    transition: background-position .5s;

    background-image: url(../img/about-box4-btn.png);
    background-repeat: no-repeat;
}.main.about .box4 .wrap .btn-box .btn.left-btn
{
    background-position: 0 center;
}.main.about .box4 .wrap .btn-box .btn.left-btn:hover
{
    background-position: -66px center;
}.main.about .box4 .wrap .btn-box .btn.right-btn
{
    background-position: -248px center;
}.main.about .box4 .wrap .btn-box .btn.right-btn:hover
{
    background-position: -183px center;
}.main.about .box4 .wrap .num
{
    position: absolute;
    z-index: 100;
    top: 50%;
    right: 38px;
}.main.about .box4 .wrap .num li
{
    position: relative;
    width: 8px;
    height: 8px;
    margin: 0 0 12px;

    cursor: pointer;

    border: 2px solid #868686;
    border-radius: 50%;
    background-color: transparent;
}
.main.about .box4 .wrap .num li .y-num{
    display: none;
    position: absolute;
    top: -7px;
    left: -42px;
    font-size: 14px;
    font-family: Arial;
    color: #000;
}

.main.about .box4 .wrap .num li.cur,
.main.about .box4 .wrap .num li:hover
{
    border: 2px solid #000;
    background-color: #000;
}
.main.about .box4 .wrap .num li.cur .y-num,
.main.about .box4 .wrap .num li:hover .y-num{
    display: block;
}

.main.about .box5
{
    overflow: hidden;

    background-color: #f7f7f7;
}.main.about .box5 .wrap
{
    padding-bottom: 66px;
}.main.about .box5 .wrap .title-box
{
    position: relative;
    z-index: 50;

    padding: 60px 0 28px;
}
.main.about .box4 .wrap .title-box{
    position: relative;
    z-index: 50;

    padding: 0px 0 55px;
}

.main.about .box5 .wrap .title-box .line,
.main.about .box4 .wrap .title-box .line
{
    width: 226px;
    height: 8px;

    background-color: #000;
}.main.about .box5 .wrap .title-box .e-title,
.main.about .box4 .wrap .title-box .e-title
{
    font-family: HELVE;
    font-size: 46px;
    /*font-size: 50px;*/
    font-weight: bold;
    line-height: 52px;
    padding: 40px 0 5px;
    color: #000;
    padding: 30px 0 5px;
    font-size: 22.5px;
    line-height: 32px;
}.main.about .box5 .wrap .title-box .c-title,
.main.about .box4 .wrap .title-box .c-title
{
    font-size: 30px;
    line-height: 32px;
    font-size: 22.5px;
    line-height: 32px;
    color: #000;
}.main.about .box5 .wrap .scroll-cont .left .btn
{
    line-height: 45px;

    width: 206px;
    height: 45px;
    margin-bottom: 10px;

    cursor: pointer;
    text-align: center;

    color: #fff;
    background-color: #666;
}.main.about .box5 .wrap .scroll-cont .left .btn.cur
{
    background-color: #000;
}.main.about .box5 .wrap .scroll-cont .right
{
    position: relative;

    width: 994px;
    height: 426px;
}.main.about .box5 .wrap .scroll-cont .right .list
{
    position: absolute;
    z-index: 50;
    top: 0;
    right: 0;

    transition: all 1s ease-in-out;
    transform: translate(50%, 0%);

    opacity: 0;

    filter: alpha(opacity=0);
}.main.about .box5 .wrap .scroll-cont .right .list img
{
    max-width: 100%;
}.main.about .box5 .wrap .scroll-cont .right .list.cur
{
    z-index: 51;

    transform: translate(0%, 0%);

    opacity: 1;

    filter: alpha(opacity=100);
}
.js-img-load{
    top: 50%;
    left: 50%;
    position: fixed;
    z-index: 200000000;
}
.js-img-load .img-ajax-wrap{
     width: 523px; 
    /*width: 945px;*/
    padding: 36px 15px; 
    background: #fff;
}
.js-img-load.w945 .img-ajax-wrap{
    width: 945px;
}
.js-img-load .img-ajax-wrap .close{
    position: absolute;
    top: -20px;
    right: -20px;
    width: 53px;
    height: 53px;
    background: url(../img/about-close.png) no-repeat center center;
    cursor: pointer;
}
.js-img-load .img-ajax-wrap img{
    display: block;
    margin: 0 auto;
    width: 427px;
    height: 252px;
}
.js-img-load .img-ajax-wrap img.pull-left{
    display: block;
    /* width: 225px;
    height: 270px;
    margin-left: 15px; */
    width: 700px;
    height: 430px;
    margin-right: 15px;     
}
.js-img-load .img-ajax-wrap .text{
    padding-top: 22px;
    font-size: 14px;
    text-align: center;
    color: #333;
}
.js-img-load .img-ajax-wrap .text.pull-left{
    /* margin-left: 36px; */
    padding-top: 0px;
    width: 224px;
    /* height: 250px; */
    height: 410px;
    line-height: 26px;
    text-align: justify;
    text-justify:inter-ideograph;
    
}
.js-img-load .img-ajax-wrap .text.pull-left p{
    text-align: justify;
    text-justify:inter-ideograph;
    
}
.js-img-load .img-ajax-wrap .text.pull-left span{
    /*display: block;*/
    text-align: justify;
    text-justify:inter-ideograph;
}
.js-img-load .mCSB_dragger_bar
{
    width: 4px;
    height: 100%;

    background-color: #000 !important;
}.js-img-load .mCSB_draggerContainer
{
    right: -12px;
}.js-img-load .mCSB_draggerRail
{
    width: 4px;
    height: 100%;

    background-color: #e2e2e2 !important;
}


.main.about .box6
{
    position: relative;
    overflow: hidden;

    width: 100%;
    padding: 20px 0 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f5f5f5;
}.main.about .box6 .mCSB_dragger_bar
{
    height: 6px;

    background-color: #000 !important;
}.main.about .box6 .mCSB_draggerContainer
{
    right: 135px;
}.main.about .box6 .mCSB_draggerRail
{
    height: 6px;

    background-color: #e2e2e2 !important;
}.main.about .box6 .top
{
    position: relative;
    z-index: 54;
    width: 1200px;
    height: 200px;
    margin: 0 auto;
    background-position: center center;
    /*background-color: #ededed;*/
}.main.about .box6 .top .title-box
{
    position: relative;
    z-index: 50;
    box-sizing: border-box;
    padding: 46px 0 0 30px;
}.main.about .box6 .top .title-box .line
{
    width: 226px;
    height: 8px;

    background-color: #fff;
}.main.about .box6 .top .title-box .e-title
{
    font-family: HELVE;
    /*font-size: 50px;*/
    font-size: 46px;
    font-weight: bold;
    line-height: 52px;

    padding: 40px 0 5px;

    color: #fff;
    padding: 28px 0 5px;
    font-size: 22.5px;
    line-height: 32px;
}.main.about .box6 .top .title-box .c-title
{
    font-size: 30px;
    line-height: 32px;
    font-size: 22.5px;
    line-height: 32px;
    color: #fff;
}.main.about .box6 .btm
{
    position: relative;

    width: 100%;
    height: 500px;
}.main.about .box6 #jparticle-container
{
    position: absolute;
    z-index: 45;
    top: 0;
    left: 0;

    display: none/9;

    width: 100%;
}.main.about .box6 .btm .wrap
{
    position: relative;
    z-index: 52;
    width: 1200px;
    height: 458px;
    margin: 0 auto;
    padding-top: 40px;
}.main.about .box6 .btm .wrap .list-box .mCSB_dragger_bar
{
    width: 4px;
    height: 100%;

    background-color: #000 !important;
}.main.about .box6 .btm .wrap .list-box .mCSB_draggerContainer
{
    right: 0;
}.main.about .box6 .btm .wrap .list-box .mCSB_draggerRail
{
    width: 4px;
    height: 100%;

    background-color: #e2e2e2 !important;
}.main.about .box6 .btm .wrap .list-box .list
{
    width: 256px;
    height: 315px;
    margin-right: 10px;
    padding: 35px 26px 50px 10px;
    border-radius: 6px;
    background-color: #fff;
    
}.main.about .box6 .btm .wrap .list-box .list .time
{
    /*font-family: MYRL;*/
    font-size: 30px;
    font-weight: normal;
    line-height: 44px;

    color: #000;
    border-bottom: 1px solid #f2f2f2;
}.main.about .box6 .btm .wrap .list-box .list .time span
{
    font-size: 20px;
}.main.about .box6 .btm .wrap .list-box .list .text-box
{
    font-size: 14px;

    height: 240px;
    margin-top: 24px;

    color: #666;
}.main.about .box6 .btm .wrap .list-box .list .text-box .text
{
    padding: 0 0 16px 16px;
    cursor: pointer;
    background: url(../img/about-box6-point.png) no-repeat left 7px;
    text-align: justify;
    text-justify:inter-ideograph;
}
.main.about .box6 .btm .wrap .list-box .list .text-box .text:hover{
    color: #000;
}

.main.news .wrap
{
    width: 100%;

    /*border-bottom: 1px solid #e2e2e2;*/
}.main.news .wrap .scroll-box
{
    position: relative;

    overflow: hidden;

    width: 50%;
}.main.news .wrap .scroll-box .btn
{
    position: absolute;
    z-index: 53;
    top: 50%;

    width: 42px;
    height: 42px;
    margin-top: -23px;

    cursor: pointer;
    transition: background-position .3s linear;

    border: 2px solid #a4a5a9;
}.main.news .wrap .scroll-box .btn.left-btn
{
    left: 0;

    background: url(../img/news-icon2.png) no-repeat center center;
}.main.news .wrap .scroll-box .btn.left-btn:hover
{
    background-position: 8px center;
}.main.news .wrap .scroll-box .btn.right-btn
{
    right: 0;

    background: url(../img/news-icon1.png) no-repeat center center;
}.main.news .wrap .scroll-box .btn.right-btn:hover
{
    background-position: 24px center;
}.main.news .wrap .scroll-box .list-box
{
    position: relative;

    overflow: hidden;

    width: 100%;

    perspective: 1000px;
}.main.news .wrap .scroll-box .list-box .js-m-btn
{
    overflow: hidden;

    width: 100%;
}.main.news .wrap .scroll-box .list-box .list
{
    position: absolute;
    z-index: 50;
    top: 0;
    left: -101%;

    display: block;

    width: 100%;

    transition: all .8s linear;

    opacity: 0;

    filter: alpha(opacity=0);
}.main.news .wrap .scroll-box .list-box .list img
{
    width: 100%;
}
.main.news .wrap .scroll-box .list-box .list .text-box{
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 55px;
    line-height: 55px;
    color: #fff;
    background: url(../img/welc-banner-bg.png);
}
.main.news .wrap .scroll-box .list-box .list .text{
    margin: 0px 15px 0;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #fff;


}


.main.news .wrap .scroll-box .list-box .list.cur
{
    z-index: 52;
    left: 0;

    opacity: 1;

    filter: alpha(opacity=100);
}
.main.news .wrap .scroll-box .list-box .list.cur .text-box{
    display: block;
}


.main.news .wrap .link-box
{
    position: relative;

    width: 25%;
}.main.news .wrap .link-box .line
{
    position: absolute;
    bottom: 0;

    width: 1px;
    height: 50%;

    background-color: #e2e2e2;
}
.main.news .wrap .link-box .js-h2 .line{
    top: 0;
    bottom: auto;
}

.main.news .wrap .link-box .line.r-line
{
    right: 0;
    height: 100%;
}.main.news .wrap .link-box .img-box
{
    overflow: hidden;

    width: 100%;
    height: 50%;
}.main.news .wrap .link-box .img-box img
{
    width: auto;
    height: 100%;
}.main.news .wrap .link-box .text-cont
{
    position: relative;

    width: 100%;
    height: 50%;
}
.main.news .wrap .link-box .js-h2 .text-cont{
    height: 100%;
}

.main.news .wrap .link-box .text-cont .text-box
{
    vertical-align: middle;
}.main.news .wrap .link-box .text-cont .text-box td
{
    vertical-align: top;
    color: #000;
    border-bottom: 1px solid #e2e2e2;
}.main.news .wrap .link-box .text-cont .text-box td .text-w
{
    width: 372px;
    padding-top: 30px;
    margin: 0 auto;
}.main.news .wrap .link-box .text-cont .text-box td .text-w .icon
{
    position: absolute;
    top: 0;
    left: 10px;

    width: 0;
    height: 0;

    transition: all .3s;

    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
}.main.news .wrap .link-box .text-cont .text-box td .time
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #666;
}.main.news .wrap .link-box .text-cont .text-box td .title
{
    font-size: 21px;
    font-weight: normal;
    line-height: 30px;

    display: block;
    overflow: hidden;

    padding: 10px 0 20px;

    /*white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;*/
}.main.news .wrap .link-box .text-cont .text-box td .text
{
    font-size: 16px;
    line-height: 24px;

    opacity: .5;

    filter: alpha(opacity=50);
}@media (max-width: 1630px)
{
    .main.news .wrap .link-box .text-cont .text-box td .text-w
    {
        width: 274px;
    }.main.news .wrap .link-box .text-cont .text-box td .title
    {
        font-size: 15px;
        line-height: 24px;

        padding: 6px 0 10px;
    }.main.news .wrap .link-box .text-cont .text-box td .text
    {
        font-size: 12px;
        line-height: 22px;
    }
}.main.news .wrap .link-box:hover .img-box img
{
    transition: all 2s;
    transform: translate(-20px, 0) !important;
}.main.news .wrap .link-box:hover .text-cont .text-box .text-w .icon
{
    top: -7px;
}.main.news .page
{
    padding: 88px 0 72px;

    text-align: center;
}.main.merchants .box1 .banner
{
    font-family: HELVET;
     font-size: 85px;
    font-weight: bold;
    line-height: 356px;

    width: 100%;
    height: 356px;

    text-align: center;

    color: #000;
    background-repeat: no-repeat;
    background-position: left center;
}.main.merchants .box2,
.main.merchants .box3
{
    overflow: hidden;

    padding: 40px 0 50px;

    /*background: url(../img/about-box4-bg.jpg);*/
}.main.merchants .box2 .wrap .ex-box-line .e-title,
.main.merchants .box3 .wrap .ex-box-line .e-title
{
    padding-bottom: 0;
}.main.merchants .box2 .wrap .ex-box-line .c-title,
.main.merchants .box3 .wrap .ex-box-line .c-title
{
    font-size: 22.5px;
    line-height: 32px;

    padding-bottom: 60px;
}.main.merchants .box2 .wrap .list-box .list,
.main.merchants .box3 .wrap .list-box .list
{
    position: relative;
    top: 0;
    width: 148px;
    height: 78px;
    margin: 0 75px 60px 0;

    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    transition: all 0.3s;
}
.main.merchants .box2 .wrap .list-box .list:hover,
.main.merchants .box3 .wrap .list-box .list:hover{
    top: -10px;
}


.main.merchants .box3
{
    background: #fafafa;
}.main.merchants .box4
{
    overflow: hidden;

    padding-bottom: 115px;
}.main.merchants .box4 .wrap .left
{
    width: 574px;
}.main.merchants .box4 .wrap .left .ex-box-line
{
    padding-bottom: 0;
}.main.merchants .box4 .wrap .left .ex-box-line .e-title
{
    padding-bottom: 0;
}.main.merchants .box4 .wrap .left .ex-box-line .c-title
{
    font-size: 22.5px;
    line-height: 32px;

    padding-bottom: 50px;
}.main.merchants .box4 .wrap .left .text
{
    font-size: 14px;
    line-height: 32px;

    opacity: .8;
    color: #000;
    text-align: justify;
    text-justify:inter-ideograph;
    filter: alpha(opacity=80);
}.main.merchants .box4 .wrap .left .img-box
{
    text-align: right;
}.main.merchants .box4 .wrap .right
{
    width: 556px;
    padding-top: 238px;

    text-align: left;
}.main.merchants .box4 .wrap .right img
{
    max-width: 100%;
}.main.join .box1 .banner
{
    font-family: HELVET;
     font-size: 85px;
    font-weight: bold;
    line-height: 356px;

    width: 100%;
    height: 356px;

    text-align: center;

    color: #000;
    background-repeat: no-repeat;
    background-position: left center;
}.main.join .recuirt
{
    padding-top: 78px;
}.main.join .recuirt ul
{
    overflow: hidden;

    width: 1180px;

    background: #fafafa;
}.main.join .recuirt ul li
{
    overflow: hidden;

    width: 1180px;

    cursor: pointer;

    border-bottom: 1px solid #fff;
}.main.join .recuirt ul li.active .position
{
    background: #000;
}.main.join .recuirt ul li.active .position div
{
    color: #fff;
}.main.join .recuirt ul li.active .position span
{
    background: url(../img/jian.png) no-repeat center center;
}.main.join .recuirt ul li.active .position a
{
    color: #fff;
}.main.join .recuirt ul li .position
{
    line-height: 50px;

    width: 1130px;
    height: 50px;
    padding: 0 25px;

    color: #4b4b4b;
}.main.join .recuirt ul li .position div
{
    font-size: 13px;

    float: left;

    width: 500px;
    height: 100%;

    color: #4b4b4b;
}.main.join .recuirt ul li .position span
{
    display: block;
    float: right;

    width: 19px;
    height: 50px;

    background: url(../img/jia.png) no-repeat center center;
}.main.join .recuirt ul li .position a
{
    font-size: 12px;

    display: block;
    float: right;

    width: 60px;
    height: 100%;

    color: #4b4b4b;
}.main.join .recuirt ul li .position a:hover
{
    font-weight: bold;
}.main.join .recuirt ul li .con
{
    display: none;
    overflow: hidden;

    width: 1110px;
    margin: 0 auto;
    padding-bottom: 40px;
}.main.join .recuirt ul li .con .message
{
    overflow: hidden;

    padding-top: 16px;
    padding-bottom: 17px;

    border-bottom: 1px solid #d5d5d5;
}.main.join .recuirt ul li .con .message div
{
    font-size: 14px;

    float: left;

    padding-bottom: 4px;

    color: #565656;
}.main.join .recuirt ul li .con .message div label
{
    font-size: 14px;

    margin-right: 12px;

    color: #000;
}.main.join .recuirt ul li .con .message .address
{
    width: 135px;
}.main.join .recuirt ul li .con .message .wz
{
    width: 305px;
}.main.join .recuirt ul li .con .message .date
{
    width: 200px;
}.main.join .recuirt ul li .con .message .money
{
    width: 470px;
}.main.join .recuirt ul li .con .requirement
{
    overflow: hidden;

    width: 100%;
}.main.join .recuirt ul li .con .requirement .tit
{
    font-size: 14px;

    padding-top: 34px;
    padding-bottom: 25px;

    color: #000;
}.main.join .recuirt ul li .con .requirement p
{
    font-size: 14px;

    color: #565656;
}.main.join .recuirt .page
{
    width: 153px;
    height: 35px;
    margin: 0 auto;
    margin-bottom: 90px;
    padding-top: 50px;
}.main.join .page
{
    padding: 88px 0 72px;

    text-align: center;
}.main.service .box1 .banner
{
    font-family: HELVET;
     font-size: 85px;
    font-weight: bold;
    line-height: 356px;

    width: 100%;
    height: 356px;

    text-align: center;

    color: #000;
    background-repeat: no-repeat;
    background-position: left center;
}.main.service .box2
{
    overflow: hidden;

    padding: 82px 0 100px;

    /*background: url(../img/about-box4-bg.jpg);*/
}.main.service .box2 .wrap .list
{
    position: relative;
    display: block;

    width: 590px;
    margin-bottom: 15px;
    background-color: #fff;
    /*box-shadow: 0 0 6px #fcfbfb;*/
    overflow: hidden;
}.main.service .box2 .wrap .list .img-box
{
    width: 100%;
}.main.service .box2 .wrap .list .img-box img
{
    width: 100%;
    height: 471px;
}.main.service .box2 .wrap .list .text-box
{
    position: absolute;
    top: 472px;
    left: 34px;
    width: 524px;
    height: 413px;
    background: url(../img/mask-bg.png);
}

.main.service .box2 .wrap .list .text-box .text-cont .title
{
    font-size: 22px;
    line-height: 26px;

    padding: 114px 0 24px;

    text-align: center;

    color: #000;
}.main.service .box2 .wrap .list .text-box .text-cont .line
{
    width: 32px;
    height: 1px;
    margin: 0 auto;

    background-color: #000;
}.main.service .box2 .wrap .list .text-box .text-cont .text
{
    font-size: 13px;
    line-height: 26px;

    padding: 25px 90px 45px;

    text-align: center;

    opacity: .8;
    color: #000;

    filter: alpha(opacity=80);
}.main.service .box2 .wrap .list .text-box .text-cont .btn
{
    position: relative;

    overflow: hidden;

    width: 124px;
    height: 44px;
    margin: 0 auto;

    border: 1px solid #ccc;
}.main.service .box2 .wrap .list .text-box .text-cont .btn .btn-cont
{
    position: absolute;
    top: 0;
    left: 0;

    width: 124px;
    height: 44px;

    background: url(../img/ser-arrow.png) no-repeat center center;
}
/*.main.service .box2 .wrap .list .text-box .text-cont .btn .btn-cont::after
{
    position: absolute;
    top: 0;
    left: -100%;

    width: 124px;
    height: 44px;

    content: '';
    transition: left .4s ease;

    background: url(../img/ser-arrow2.png) no-repeat center center;
    background-color: #000;
}*/

.main.service .box2 .wrap .list:hover .text-box
{
    top: 25px;

    
    transition: top .4s ease;
}

.main.service .box2 .wrap .list:hover .text-box .text-cont .btn
{
    border: 1px solid #000;
}.main.service .box2 .wrap .list:hover .text-box .text-cont .btn .btn-cont::after
{
    left: 0;
}.main.contact .box1 .banner
{
    font-family: HELVET;
     font-size: 85px;
    font-weight: bold;
    line-height: 356px;

    width: 100%;
    height: 356px;

    text-align: center;

    color: #000;
    background-repeat: no-repeat;
    background-position: left center;
}.main.contact .box2
{
    overflow: hidden;

    padding-bottom: 75px;
}.main.contact .box2 .left-box
{
    width: 50%;
}.main.contact .box2 .left-box .cont
{
    padding: 65px 75px 0;
}.main.contact .box2 .left-box .cont .title
{
    font-family: HELVE;
    font-size: 40px;
    line-height: 42px;

    padding-bottom: 54px;

    color: #000;
}.main.contact .box2 .left-box .cont .input-box
{
    display: block;

    padding-bottom: 42px;
}.main.contact .box2 .left-box .cont .input-box .label
{
    font-size: 20px;

    padding-bottom: 5px;

    opacity: .6;
    color: #000;

    filter: alpha(opacity=60);
}.main.contact .box2 .left-box .cont .input-box .text
{
    font-size: 16px;
    line-height: 24px;

    display: block;

    width: 100%;
    height: 34px;

    border: none;
    border-bottom: 1px solid #dadada;
    outline: none;
}.main.contact .box2 .left-box .cont .input-box textarea.text
{
    line-height: 24px;

    height: 102px;
    margin-bottom: 10px;
}.main.contact .box2 .left-box .cont .btn
{
    font-family: HELVE;
    font-size: 20px;
    line-height: 50px;

    display: block;

    height: 50px;
    padding: 0 90px 0 36px;

    transition: background-position .4s linear;

    color: #fff;
    border: none;
    background: url(../img/contact-arrow.jpg) no-repeat 108px center;
    background-color: #000;
}.main.contact .box2 .left-box .cont .btn:hover
{
    background-position: 125px center;
}.main.contact .box2 .right-box
{
    width: 50%;
}.main.contact .box2 .right-box .top
{
    width: 100%;
    height: 246px;

    background-color: #000;
}.main.contact .box2 .right-box .top .top-cont
{
    width: 600px;
    margin: 0 auto;
}.main.contact .box2 .right-box .top .top-cont .title-box
{
    padding: 88px 0 0 20px;
}.main.contact .box2 .right-box .top .top-cont .title-box .e-text
{
    font-size: 30px;
    font-weight: bold;
    line-height: 32px;

    padding-bottom: 8px;

    color: #fff;
}.main.contact .box2 .right-box .top .top-cont .title-box .c-text
{
    font-size: 22px;

    color: #fff;
}.main.contact .box2 .right-box .top .top-cont .text-cont
{
    margin-top: 64px;
    padding: 0 20px 0 46px;

    color: #fff;
    border-left: 1px solid #1a1a1a;
}.main.contact .box2 .right-box .top .top-cont .text-cont .title
{
    font-size: 13px;
    line-height: 30px;
}.main.contact .box2 .right-box .top .top-cont .text-cont .text
{
    font-size: 12px;
    line-height: 22px;
}.main.contact .box2 .right-box .map
{
    width: 100%;
    height: 459px;
}.main.news-info .box1 .banner
{
    font-family: HELVET;
     font-size: 85px;
    font-weight: bold;
    line-height: 356px;

    width: 100%;
    height: 356px;

    text-align: center;

    color: #000;
    background-repeat: no-repeat;
    background-position: left center;
}.main.news-info .box2
{
    border-top: 1px solid #e8e8e8;
}.main.news-info .box2 .wrap
{
    width: 916px;
    margin:0 auto;
    min-height: 300px;
    padding-top: 70px;
}.main.news-info .box2 .wrap .time
{
    font-family: Arial;
    font-size: 14px;

    padding-bottom: 6px;
}.main.news-info .box2 .wrap .title
{
    font-size: 20px;
    font-weight: normal;

    padding-bottom: 32px;

    color: #000;
}.main.news-info .box2 .wrap .text
{
    font-size: 13px;
    line-height: 28px;

    padding-bottom: 52px;

    text-align: justify;
    text-justify:inter-ideograph;

    color: #666;
}.main.news-info .box2 .wrap .text img
{
    max-width: 100%;
}
.page a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 50px;
    height: 50px;
    margin: 0 3px;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    color: #000;
    background-color: #e9e9e9;
}
.page a:hover,
.page a.active{
    background-color: #d3d3d3;
}
.page a.shang,
.page a.xia{
    width: 145px;
}
.video-bg
{
    position: absolute;
    z-index: 10000000;
    top: 0;
    left: 0;

    display: none;

    opacity: .7;
    background-color: #000;

    filter: alpha(opacity=70);
}
.video-bg.load-img{
    opacity: .25;
    filter: alpha(opacity=25);
}

.video-wrap
{
    position: fixed;
    z-index: 100000001;
    top: 50%;
    left: 50%;

    margin-top: -270px;
    margin-left: -480px;

    background-color: #fff;
}.video-wrap video
{
    display: block;

    width: 960px;
    height: 540px;
}.video-wrap embed
{
    display: block;
}.video-wrap .close
{
    position: absolute;
    top: 0;
    right: -42px;

    display: block;

    width: 40px;
    height: 40px;

    cursor: pointer;

    background-color: #fff;
    background-image: url(../img/close.png);
    background-repeat: no-repeat;
    background-position: center center;
}
/*# sourceMappingURL=style.css.map */
.main.contact2 .box1{
    position: relative;
    height:356px;
}
.main.contact2 .box1 .back{
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 100;
    font-size: 14px;
    line-height: 38px;
    display: block;
    height: 38px;
    width: 106px;
    transition: background-position .4s linear;
    color: #fff;
    border: none;
    /* background: url(../img/contact-arrow.jpg) no-repeat 108px center; */
    background-color: #000;
    text-align: center;
    cursor: pointer;
}
.main.contact2 .box1 .map{
    width: 100%;
    height: 595px;
}
.main.contact2 .box2 .w1200{
    overflow: hidden;
}
.main.contact2 .box2 .list-box{
    width: 105%;
    padding: 42px 0;
}
.main.contact2 .box2 .list-box .list{
    width: 122px;
    height: 55px;
    margin-right: 9px;
    margin-bottom: 10px;
    line-height: 55px;
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
    font-size: 16px;
    color: #666;
    cursor: pointer;
}
.main.contact2 .box2 .list-box .list.cur,
.main.contact2 .box2 .list-box .list:hover{
    border-color: #232323;
    background-color: #232323;
    color: #fff;
}

.main.contact2 .box2 .auto-wrap .auto-box .link{
    width: 219px;
    height: 204px;
    padding: 0 28px;
    margin-right: 28px;
    border: 1px solid #dbdbdb;
    color: #666;
}
.main.contact2 .box2 .auto-wrap .auto-box .link .text{
    font-size: 14px;
    line-height: 26px;
}
.main.contact2 .box2 .auto-wrap .auto-box .link .text .adds-p{
    height:auto;
    line-height: 20px;
}
.main.contact2 .box2 .auto-wrap .auto-box .link .title{
    padding: 21px 0 12px;
    height: 44px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.main.contact2 .box2 .auto-wrap .auto-box .link:hover{
    border-color: #232323;
    color: #fff;
    background-color: #232323;
}
.main.contact2 .box2 .auto-wrap .auto-box .link:hover .title{
    color: #fff;
}
.main.contact2 .box2 .auto-wrap .auto-box {
    position: relative;
    padding-bottom: 64px;
    margin-bottom: 66px;
}

.main.contact2 .box2 .auto-wrap .auto-box .num {
    position: absolute;
    left: 50%;
    bottom: 0;
}
.main.contact2 .box2 .auto-wrap .auto-box .num li{
    width: 10px;
    height: 10px;
    margin: 0 6px;
    cursor: pointer;
    border: 1px solid #868686;
    border-radius: 50%;
    background-color: transparent;
}
.main.contact2 .box2 .auto-wrap .auto-box .num li.cur{
    border: 1px solid #000;
    background-color: #000;
}
.main.contact2 .box2 .cont{
    padding-bottom: 130px;
}
.main.contact2 .box2 .cont .title{
    font-family: HELVE;
    font-size: 22.5px;
    line-height: 32px;
    padding-bottom: 45px;

    color: #000;
}
.main.contact2 .box2 .cont .title span{
    font-family:  "微软雅黑","\5b8b\4f53",Arial,sans-serif;
    font-weight: normal;
}

.main.contact2 .box2 .cont .input-box{
    width: 574px;
    height: 58px;
    border: 1px solid #e5e5e5;
    margin-bottom: 42px;
}
.main.contact2 .box2 .cont .input-box .label{
    float: left;
    padding-left: 32px;
    font-size: 18px;
    line-height: 58px;
    color: #888;
}
.main.contact2 .box2 .cont .input-box .text{
    float: left;
    width: 410px;
    height: 58px;
    line-height: 58px;
    border: none;
    outline: none;
    text-indent: 1.5em;
    font-size: 18px;
}
.main.contact2 .box2 .cont .input-box .label span{
    font-size: 18px;
    color: #000;
}
.main.contact2 .box2 .cont .input-box.w-bar{
    width: 1168px;
    height: 310px;
    padding: 15px;
    line-height: 26px;
}
.main.contact2 .box2 .cont .input-box.w-bar .label{
    line-height: 30px;
    padding-left: 19px;
}
.main.contact2 .box2 .cont .input-box.w-bar .text{
    width: 770px;
    height: 285px;
    line-height: 30px;
    font-size: 18px;
    margin-left: 20px;
}


.main.contact2 .box2 .cont .btn
{
    /*font-family: HELVE;*/
    font-size: 20px;
    line-height: 50px;

    display: block;

    height: 50px;
    width: 180px;
    transition: background-position .4s linear;

    color: #fff;
    border: none;
    /*background: url(../img/contact-arrow.jpg) no-repeat 108px center;*/
    background-color: #000;
}.main.contact2 .box2 .cont .btn:hover
{
    background-position: 125px center;
}




.main.contact2 .box1 .banner{
    font-family: HELVET;
    font-size: 85px;
    font-weight: bold;
    line-height: 356px;

    width: 100%;
    height: 356px;

    text-align: center;

    color: #000;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
}

.main.contact2 .box2 .auto-wrap .auto-box .link{
    height:auto;
    padding:0;
}
.main.contact2 .box2 .auto-wrap .auto-box .link .img{
    height:140px;
}
.main.contact2 .box2 .auto-wrap .auto-box .link .img img{
    position: relative;
    width:100%;
    height:100%;
    object-fit:cover;
}
.main.contact2 .box2 .auto-wrap .auto-box .ntext{
    padding:0 20px 20px;
}
.main.contact2 .box2 .ul{
    margin-top:30px;
    display:flex;
}
.main.contact2 .box2 .ul .li{
    width:260px;
    margin-right:60px;
}
.main.contact2 .box2 .ul .li .img{
    width:260px;
    margin-bottom:15px;
}
.main.contact2 .box2 .ul .li .img img{
    width:100%;
}

.main.contact2 .box2 .ul .li2{
    width:160px;
    margin-right:60px;
}
.main.contact2 .box2 .ul .li2 .img{
    width:160px;
    margin-bottom:15px;
}
.main.contact2 .box2 .ul .li2 .img img{
    width:100%;
}

/*@media(max-height: 760px){
   .footer-box .footer
   {
       height: auto;
       line-height: 48px;
   } 
   .footer .share-box .jiathis_style{
        padding-top: 14px;
   }
}*/