body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,button,input,textarea,th,td{
    font-weight:normal;
    margin:0;
    padding:0
}
body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,i{
    font:normal 12px BlinkMacSystemFont, Helvetica Neue, Microsoft YaHei, PingFang SC, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased
}
ul,ol,li{
    list-style:none
}
a{
    text-decoration:none;
    color:#333
}
a:hover{
    text-decoration:none
}
img{
    vertical-align:top;
    border:0
}
button,input,textarea{
    font-size:100%;
    vertical-align:middle;
    outline:none;
    border-radius:0;
    -webkit-appearance:none
}
table{
    border-spacing:0;
    border-collapse:collapse
}
div,a{
    -webkit-tap-highlight-color:rgba(255,255,255,0)
}
html{
    font-size:100px
}
@media screen and (min-width: 320px){
    html{
        font-size:85.33333px
    }
}
@media screen and (min-width: 360px){
    html{
        font-size:96px
    }
}
@media screen and (min-width: 375px){
    html{
        font-size:100px
    }
}
@media screen and (min-width: 480px){
    html{
        font-size:128px
    }
}
@media screen and (min-width: 640px){
    html{
        font-size:170.66667px
    }
}
@media screen and (min-width: 750px){
    html{
        font-size:200px
    }
}
.clearfloat:after{
    font-size:0;
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
    content:' '
}
.clearfloat{
    *zoom:1
}
.clearboth{
    clear:both
}
.wp1300{
    max-width:1300px;
    margin:0 auto
}
@media screen and (max-width: 1480px){
    .wp1300{
        width:auto;
        margin:0 90px
    }
}
@media screen and (max-width: 1200px){
    .wp1300{
        margin:0 .15rem
    }
}
.wp1350{
    max-width:1350px;
    margin:0 auto
}
@media screen and (max-width: 1530px){
    .wp1350{
        width:auto;
        margin:0 90px
    }
}
@media screen and (max-width: 1200px){
    .wp1350{
        margin:0 .15rem
    }
}
.wp1600{
    max-width:1600px;
    margin:0 auto
}
@media screen and (max-width: 1800px){
    .wp1600{
        width:auto;
        margin:0 90px
    }
}
@media screen and (max-width: 1440px){
    .wp1600{
        margin:0 70px
    }
}
@media screen and (max-width: 1200px){
    .wp1600{
        margin:0 .15rem
    }
}
.wp1540{
    max-width:1540px;
    margin:0 auto
}
@media screen and (max-width: 1780px){
    .wp1540{
        width:auto;
        margin:0 110px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
}
@media screen and (max-width: 1440px){
    .wp1540{
        margin:0 90px
    }
}
@media screen and (max-width: 1200px){
    .wp1540{
        margin:0 .15rem
    }
}
.wp1534{
    max-width:1534px;
    margin:0 auto
}
@media screen and (max-width: 1774px){
    .wp1534{
        width:auto;
        margin:0 110px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
}
@media screen and (max-width: 1440px){
    .wp1534{
        margin:0 90px
    }
}
@media screen and (max-width: 1200px){
    .wp1534{
        margin:0 .15rem
    }
}
.toe{
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.checkBrowser{
    font-size:14px;
    line-height:40px;
    position:fixed;
    z-index:99999;
    top:0;
    left:50%;
    width:700px;
    height:40px;
    margin-left:-360px;
    padding:0 10px;
    color:#fff;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    background-color:#e6212a
}
.checkBrowser a{
    font-size:16px;
    line-height:20px;
    position:absolute;
    top:10px;
    right:5px;
    display:block;
    width:20px;
    height:20px;
    cursor:pointer;
    text-align:center;
    color:#333;
    border-radius:50%;
    background-color:#fff
}
@font-face{
    font-family:'Bebas';
    src:url("../font/Bebas-Regular.eot");
    src:local("☺"),url("../font/Bebas-Regular.woff") format("woff"),url("../font/Bebas-Regular.ttf") format("truetype"),url("../font/Bebas-Regular.svg") format("svg")
}
@font-face{
    font-family:'BASKVILL';
    src:url("../font/BASKVILL.eot");
    src:local("☺"),url("../font/BASKVILL.woff") format("woff"),url("../font/BASKVILL.ttf") format("truetype"),url("../font/BASKVILL.svg") format("svg")
}
.paged{
    text-align:center
}
.paged a,.paged .p_info,.paged .current{
    display:inline-block;
    margin:0 2px 2px;
    padding:0 15px;
    font-size:15px;
    text-align:center;
    background:#fff;
    color:#333;
    height:36px;
    line-height:36px
}
.paged .current,.paged a:hover{
    background:#e3413a;
    color:#fff
}
.header{
    background-color:#fff;
    background-image:url(../image/topbg.png);
    background-position:center right;
    background-repeat:no-repeat;
    background-size:auto 100%
}
.header .wp1350{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-top:28px;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -moz-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
@media (max-width: 1366px){
    .header .wp1350{
        padding-top:18px
    }
}
.header .logo{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:10px
}
.header .logo a{
    display:block
}
.header .logo a img{
    width:260px;
    height:auto
}
.header .logo .slogan{
    font-size:16px;
    color:#666;
    margin-left:10px;
    margin-top:8px
}
@media screen and (max-width: 1440px){
    .header .logo a img{
        width:240px
    }
}
@media screen and (max-width: 1200px){
    .header .logo{
        padding-top:0
    }
    .header .logo a img{
        width:220px
    }
    .header .logo .slogan{
        font-size:13px
    }
}
@media screen and (max-width: 1050px){
    .header{
        display:none
    }
}
.header-tools{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.header-phone{
    text-align:right;
    padding-right:20px;
    border-right:1px solid #edecec;
    font-size:16px;
    color:#666;
    margin-right:20px
}
.header-phone b{
    color:#e3413a;
    font-size:26px;
    font-weight:900;
    font-family:Arial
}
.header-search{
    width:338px
}
.header-search-box{
    border:1px solid #f3d3d1;
    height:42px;
    border-radius:22px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    padding:0 8px;
    width:320px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.header-search-box .input{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden;
    padding-left:8px
}
.header-search-box .input input{
    display:block;
    width:100%;
    height:42px;
    line-height:42px;
    background:none;
    border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    font-size:12px
}
.header-search-box button{
    display:block;
    width:32px;
    height:32px;
    border-radius:100%;
    background:#e3413a;
    text-align:center;
    line-height:32px;
    color:#fff;
    border:none;
    cursor:pointer;
    font-size:16px;
    -webkit-transition:background-color .2s ease;
    -o-transition:background-color .2s ease;
    -moz-transition:background-color .2s ease;
    transition:background-color .2s ease
}
.header-search-box button:hover{
    background:#e65750
}
.header-search-keys{
    padding:8px 16px 0;
    font-size:13px;
    color:#888
}
.header-search-keys a{
    color:#888;
    margin-right:5px
}
.header-search-keys a:hover{
    color:#e3413a
}
.nav-box{
    text-align:right
}
@media screen and (max-width: 1200px){
    .nav-box{
        margin-top:10px
    }
}
.nav{
    position:relative;
    display:inline-block;
    vertical-align:top;
    font-size:0;
    padding-right:20px;
    background:#e3413a
}
.nav:before{
    position:absolute;
    display:block;
    width:109px;
    height:50px;
    background-image:url(../image/navbg.png);
    background-position:center center;
    background-repeat:no-repeat;
    top:0;
    left:-109px;
    content:''
}
.nav li{
    display:inline-block;
    vertical-align:top;
    position:relative
}
.nav li:after{
    width:1px;
    height:10px;
    right:0;
    top:50%;
    margin-top:-5px;
    position:absolute;
    content:'';
    background:rgba(255,255,255,0.2)
}
.nav li a{
    display:inline-block;
    vertical-align:top;
    padding:0 25px;
    font-size:15px;
    height:50px;
    line-height:50px;
    color:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    min-width:90px;
    text-align:center
}
.nav li a:hover{
    background-color:#d12727;
    background-image:url(../image/icon1.png);
    background-position:center bottom;
    background-repeat:no-repeat
}
.nav li:last-child:after{
    display:none
}
.nav li.on a{
    background-color:#d12727;
    background-image:url(../image/icon1.png);
    background-position:center bottom;
    background-repeat:no-repeat
}
@media screen and (max-width: 1600px){
    .nav li a{
        padding:0 20px
    }
}
@media screen and (max-width: 1440px){
    .nav li a{
        padding:0 18px;
        height:46px;
        line-height:46px;
        min-width:78px;
        font-size:14px
    }
}
.mobile-header{
    display:none;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:0 .2rem;
    width:100%;
    height:.53rem;
    line-height:.53rem;
    background-color:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.mobile-header .logo a{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    height:.53rem;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.mobile-header .logo img{
    display:block;
    width:auto;
    height:76%
}
.mobile-header .menu-btn{
    line-height:.53rem;
    font-size:.28rem;
    color:#666
}
@media screen and (max-width: 1050px){
    .mobile-header{
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display:flex
    }
}
.nav-mobile{
    position:absolute;
    width:2.25rem;
    top:.97rem;
    left:0;
    bottom:0;
    z-index:103;
    background:#fff;
    overflow:hidden;
    -webkit-box-shadow:1px 0 2px rgba(255,255,255,0.2);
    box-shadow:1px 0 2px rgba(255,255,255,0.2);
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    -o-transition:transform .4s ease;
    -moz-transition:transform .4s ease, -moz-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
}
.nav-mobile.anim{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.nav-mobile-con{
    display:none;
    position:fixed;
    width:100%;
    top:0;
    left:0;
    bottom:0;
    z-index:9902;
    overflow:hidden
}
.nav-mobile-con .bg{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.3);
    z-index:102
}
.nav-mobile-top{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:.53rem;
    line-height:.53rem;
    padding:0 .2rem;
    font-size:.14rem;
    color:#fff;
    background-color:#575759;
    z-index:103
}
.nav-mobile-top i{
    display:inline-block;
    vertical-align:middle;
    margin:-2px .06rem 0 0;
    font-size:.14rem
}
.nav-mobile-search{
    position:absolute;
    left:0;
    top:.53rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    height:.44rem;
    line-height:.44rem;
    background-color:#ebebeb;
    -webkit-box-shadow:2px 0 3px rgba(255,255,255,0.3);
    box-shadow:2px 0 3px rgba(255,255,255,0.3);
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    -o-transition:transform .4s ease;
    -moz-transition:transform .4s ease, -moz-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease;
    z-index:105
}
.nav-mobile-search input,.nav-mobile-search button{
    outline:none;
    border:none;
    background:none
}
.nav-mobile-search input{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    width:100%;
    padding-left:.2rem;
    font-size:.14rem;
    line-height:.44rem;
    color:#666
}
.nav-mobile-search input ::-webkit-input-placeholder{
    color:#999
}
.nav-mobile-search input :-moz-placeholder{
    color:#999
}
.nav-mobile-search input ::-moz-placeholder{
    color:#999
}
.nav-mobile-search input :-ms-input-placeholder{
    color:#999
}
.nav-mobile-search button{
    width:.55rem;
    text-align:center;
    font-size:.2rem;
    color:#555
}
.nav-mobile-search button:hover{
    color:#000
}
.nav-mobile-wp{
    position:relative
}
.nav-mobile-wp ul{
    padding:.11rem .2rem 0
}
.nav-mobile-title{
    position:relative;
    border-bottom:1px solid #d9d9d9
}
.nav-mobile-title>a{
    position:relative;
    display:block;
    line-height:.43rem;
    font-size:.14rem;
    color:#777;
    z-index:2;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    width:100%
}
.nav-mobile-title .nav-mobile-child-btn i{
    right:0
}
.nav-mobile-child-btn{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1
}
.nav-mobile-child-btn i{
    position:absolute;
    top:0;
    right:0;
    line-height:.43rem;
    font-size:.09rem;
    color:#777;
    font-family:"iconfont";
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transition:-webkit-transform .3s ease;
    transition:-webkit-transform .3s ease;
    -o-transition:transform .3s ease;
    -moz-transition:transform .3s ease, -moz-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease
}
.nav-mobile-child-btn i:before{
    content:"\e6ae"
}
.nav-mobile-child-btn.open i{
    -webkit-transform:rotate(-270deg);
    -moz-transform:rotate(-270deg);
    -ms-transform:rotate(-270deg);
    transform:rotate(-270deg)
}
.nav-mobile-child-btn+a{
    display:inline-block;
    width:auto
}
.nav-mobile .sub{
    display:none
}
.nav-mobile .sub li a{
    display:block;
    padding:0 .2rem;
    line-height:.43rem;
    font-size:.13rem;
    height:.43rem;
    color:#777;
    border-bottom:1px solid #d9d9d9;
    overflow:hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.footer{
    position:relative;
    padding:30px 0 150px 0;
    background:#131313 url(../image/footer_bg.jpg) top center no-repeat;
    background-size:cover
}
.footer .wp1600{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.footer-left{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:0;
    -webkit-flex:0 0 460px;
    -moz-box-flex:0;
    -ms-flex:0 0 460px;
    flex:0 0 460px
}
.footer-left .ewm-img{
    margin-right:28px;
    width:91px
}
.footer-left .ewm-img img{
    width:100%;
    height:auto
}
.footer-left .info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1
}
.footer-left .info-top .img{
    display:none;
    margin-right:.15rem;
    width:70px
}
.footer-left .info-top .img img{
    width:100%;
    height:auto
}
.footer-left .tel{
    line-height:1.1;
    font-size:36px;
    color: #e3413a;
    font-weight: 900;
}
.footer-left .tel i{
    display:inline-block;
    vertical-align:middle;
    margin:-5px 12px 0 0;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    font-size:24px;
    color:#141414;
    background-color:#da241c;
    border-radius:3px
}
.footer-left .p{
    margin-top:7px;
    line-height:24px;
    font-size:12px;
    color:#8e8e8e
}
.footer-left .p a{
    color:#8e8e8e
}
.footer-left .p a:hover{
    color:#fff
}
.footer-right{
    margin:5px 0 0 30px
}
.footer-nav{
    font-size:0
}
.footer-nav a{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    vertical-align:top;
    margin:0 0 20px 30px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:14px;
    color:#fff
}
.footer-nav a:hover .icon img{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.footer-nav .icon{
    position:relative;
    margin-right:8px;
    width:32px;
    height:32px;
    line-height:32px;
    text-align:center
}
.footer-nav .icon img{
    max-width:100%;
    max-height:100%;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.footer-nav .icon:after{
    content:'';
    position:absolute;
    bottom:-8px;
    left:50%;
    margin-left:-4px;
    width:8px;
    height:1px;
    background-color:#e3413a
}
.footer-link{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    margin:12px 0 0 30px;
    font-size:14px;
    color:#666
}
.footer-link a{
    font-size:14px;
    color:#666
}
.footer-link a:hover{
    text-decoration:underline
}
.footer-link .list{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    font-size:0
}
.footer-link .list a{
    display:inline-block;
    vertical-align:top;
    margin:0 0 12px 18px
}
.footer-fixed{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background-color:rgba(69,69,69,0.6);
    z-index:8888
}
.footer-fixed-wp{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:1350px;
    margin:0 auto
}
.footer-fixed .left{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:98px
}
.footer-fixed .left-img{
    position:relative;
    width:208px;
    height:100%
}
.footer-fixed .left-img img{
    position:absolute;
    left:0;
    bottom:0;
    max-width:100%;
    height:auto
}
.footer-fixed .left-info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    color:#fff
}
.footer-fixed .left-info .cn{
    font-size:30px;
    font-weight:600
}
.footer-fixed .left-info .color-red{
    color:#e3413a
}
.footer-fixed .left-info .en{
    font-size:12px;
    line-height:1.3
}
.footer-fixed form{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.footer-fixed input,.footer-fixed button{
    height:34px;
    line-height:34px;
    border:none;
    outline:none
}
.footer-fixed .input-box{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    margin-left:30px
}
.footer-fixed .input-text{
    line-height:34px;
    font-size:14px;
    color:#fff
}
.footer-fixed .input{
    width:150px;
    background-color:#fff
}
.footer-fixed .input input{
    padding:0 15px;
    width:100%;
    color:#333;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.footer-fixed button{
    margin-left:36px;
    padding:0 32px;
    color:#fff;
    background-color:#e3413a;
    cursor:pointer;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
.footer-fixed button:hover{
    opacity:.8
}
.footer-fixed .close-btn{
    position:relative;
    margin:0 45px 0 60px;
    width:36px;
    height:36px;
    line-height:36px;
    text-align:center;
    font-size:14px;
    color:#e4e4e4;
    border:2px solid #959595;
    border-radius:50%;
    cursor:pointer;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}
.footer-fixed .close-btn:after{
    content:'';
    position:absolute;
    bottom:100%;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:2px;
    height:30px;
    background-color:#a1a1a1;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}
.footer-fixed .close-btn:hover{
    color:#fff;
    background-color:#e3413a;
    border-color:#e3413a
}
.footer-fixed .close-btn:hover:after{
    background-color:#e3413a
}
@media screen and (max-width: 1510px){
    .footer-fixed-wp{
        padding:0 80px
    }
}
@media screen and (max-width: 1440px){
    .footer-left{
        -webkit-box-flex:0;
        -webkit-flex:0 0 420px;
        -moz-box-flex:0;
        -ms-flex:0 0 420px;
        flex:0 0 420px
    }
    .footer-left .ewm-img{
        margin-right:20px;
        width:84px
    }
    .footer-left .tel{
        font-size:30px
    }
    .footer-left .tel i{
        margin-right:8px;
        width:30px;
        height:30px;
        line-height:30px;
        font-size:22px
    }
    .footer-right{
        margin-top:0
    }
    .footer-nav a{
        margin:0 0 16px 20px
    }
    .footer-nav .icon{
        width:30px;
        height:30px;
        line-height:30px
    }
    .footer-nav .icon:after{
        bottom:-6px
    }
    .footer-link{
        margin:8px 0 0 20px
    }
    .footer-fixed .left-info .cn{
        font-size:24px
    }
    .footer-fixed .input-box{
        margin-left:25px
    }
    .footer-fixed button{
        margin-left:30px;
        padding:0 25px
    }
    .footer-fixed .close-btn{
        margin:0 0 0 35px
    }
}
@media screen and (max-width: 1240px){
    .footer-fixed .left-info .cn{
        font-size:23px
    }
    .footer-fixed .input-box{
        margin-left:20px
    }
    .footer-fixed button{
        margin-left:20px
    }
    .footer-fixed .close-btn{
        margin-left:30px
    }
}
@media screen and (max-width: 1200px){
    .footer{
        padding:50px 0 45px
    }
    .footer .wp1600{
        display:block;
        text-align:center;
        padding:0 .2rem
    }
    .footer-left{
        display:block
    }
    .footer-left .ewm-img{
        display:none
    }
    .footer-left .info-top{
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -moz-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -moz-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .footer-left .info-top .img{
        display:block
    }
    .footer-left .p{
        margin-top:20px;
        line-height:26px;
        font-size:14px
    }
    .footer-right{
        margin-left:0
    }
    .footer-nav{
        display:none
    }
    .footer-link{
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -moz-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin:20px 0 0;
        color:#fefefe
    }
    .footer-link a{
        color:#fefefe
    }
    .footer-link .title{
        white-space:nowrap
    }
    .footer-link .list{
        -webkit-box-flex:0;
        -webkit-flex:0 1 auto;
        -moz-box-flex:0;
        -ms-flex:0 1 auto;
        flex:0 1 auto;
        text-align:left
    }
    .footer-fixed{
        display:none
    }
}
@media screen and (max-width: 750px){
    .footer{
        padding:.3rem 0 50px
    }
    .footer-left .info-top .img{
        width:56px
    }
    .footer-left .tel{
        font-size:22px
    }
    .footer-left .tel i{
        width:24px;
        height:24px;
        line-height:24px;
        font-size:18px
    }
    .footer-left .p{
        margin-top:12px
    }
    .footer-link{
        margin-top:14px
    }
    .footer-link .list a{
        margin:0 0 10px 15px
    }
}
.right-float{
    position:fixed;
    right:1px;
    bottom:10%;
    z-index:9000
}
.right-float li{
    position:relative;
    margin-bottom:3px
}
.right-float li:hover .a-box{
    color:#e3413a
}
.right-float li:hover .a-popup,.right-float li:hover .a-tel{
    -webkit-transform:translateY(-50%) scale(1);
    -moz-transform:translateY(-50%) scale(1);
    -ms-transform:translateY(-50%) scale(1);
    transform:translateY(-50%) scale(1)
}
.right-float .a-box{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:88px;
    height:88px;
    color:#fff;
    background:url(../image/float_bg1.jpg) center center no-repeat;
    border:1px solid #777;
    background-size:cover;
    border-radius:2px;
    overflow:hidden;
    cursor:pointer;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.right-float .a-box .icon{
    font-size:34px
}
.right-float .a-box p{
    margin-top:4px;
    font-size:14px
}
.right-float .info{
    padding:0 40px;
    height:100%;
    line-height:90px;
    font-size:18px;
    font-weight:600;
    color:#333;
    white-space:nowrap
}
.right-float .info.a-tel{
    position:absolute;
    right:100%;
    top:50%;
    -webkit-transform:translateY(-50%) scale(0);
    -moz-transform:translateY(-50%) scale(0);
    -ms-transform:translateY(-50%) scale(0);
    transform:translateY(-50%) scale(0);
    text-align:center;
    background:#fff;
    -webkit-transform-origin:right center;
    -moz-transform-origin:right center;
    -ms-transform-origin:right center;
    transform-origin:right center;
    -webkit-transition:all .6s;
    -o-transition:all .6s;
    -moz-transition:all .6s;
    transition:all .6s;
    line-height:36px;
    padding:10px 40px;
    height:auto;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.right-float .a-popup{
    position:absolute;
    right:100%;
    top:50%;
    -webkit-transform:translateY(-50%) scale(0);
    -moz-transform:translateY(-50%) scale(0);
    -ms-transform:translateY(-50%) scale(0);
    transform:translateY(-50%) scale(0);
    text-align:center;
    background:#fff;
    -webkit-transform-origin:right center;
    -moz-transform-origin:right center;
    -ms-transform-origin:right center;
    transform-origin:right center;
    -webkit-transition:all .6s;
    -o-transition:all .6s;
    -moz-transition:all .6s;
    transition:all .6s
}
.right-float .img{
    padding:8px 8px 10px
}
.right-float .img img{
    width:120px
}
.right-float .img p{
    font-size:12px;
    color:#333
}
@media screen and (max-width: 1800px){
    .right-float .a-box{
        width:80px;
        height:80px
    }
    .right-float .a-box .icon{
        font-size:32px
    }
    .right-float .a-box p{
        font-size:14px
    }
    .right-float .info{
        padding:0 30px;
        line-height:82px
    }
}
@media screen and (max-width: 1440px){
    .right-float li{
        margin-bottom:2px
    }
    .right-float .a-box{
        width:60px;
        height:60px
    }
    .right-float .a-box .icon{
        font-size:26px
    }
    .right-float .a-box p{
        font-size:12px
    }
    .right-float .info{
        line-height:62px;
        font-size:16px
    }
}
@media screen and (max-width: 1200px){
    .right-float{
        display:none
    }
}
.inside-banner{
    position:relative;
    width:100%;
    height:359px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.inside-banner-mobile{
    width:100%;
    height:0;
    padding-bottom:46.66667%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    display:none
}
@media screen and (max-width: 1200px){
    .inside-banner{
        height:300px
    }
}
@media screen and (max-width: 750px){
    .inside-banner{
        display:none
    }
    .inside-banner-mobile{
        display:block
    }
}
.inside-menu{
    position:relative;
    height:75px;
    line-height:75px;
    -webkit-box-shadow:0 .04rem .12rem rgba(0,0,0,0.08);
    box-shadow:0 .04rem .12rem rgba(0,0,0,0.08);
    border-top:1px solid #eee;
    overflow:hidden
}
.inside-menu.no-init .swiper-wrapper{
    width:100%;
    display:block;
    text-align:center
}
.inside-menu .swiper-wrapper{
    font-size:0
}
.inside-menu .swiper-slide{
    position:relative;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    vertical-align:top;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 10px;
    width:auto;
    padding:0 40px;
    font-size:16px;
    color:#333;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
.inside-menu .swiper-slide .icon{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-right:.04rem;
    width:40px;
    height:40px
}
.inside-menu .swiper-slide .icon img{
    max-width:100%;
    max-height:100%
}
.inside-menu .swiper-slide .back{
    display:none
}
.inside-menu .swiper-slide:after{
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:0;
    height:2px;
    background-color:#e3413a;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
.inside-menu .swiper-slide.on,.inside-menu .swiper-slide:hover{
    color:#e3413a
}
.inside-menu .swiper-slide.on .front,.inside-menu .swiper-slide:hover .front{
    display:none
}
.inside-menu .swiper-slide.on .back,.inside-menu .swiper-slide:hover .back{
    display:block
}
.inside-menu .swiper-slide.on:after,.inside-menu .swiper-slide:hover:after{
    width:100%
}
@media screen and (max-width: 1600px){
    .inside-menu .swiper-slide{
        padding:0 30px
    }
}
@media screen and (max-width: 1440px){
    .inside-menu{
        height:68px;
        line-height:68px
    }
    .inside-menu .swiper-slide{
        margin:0 8px;
        padding:0 25px;
        font-size:15px
    }
    .inside-menu .swiper-slide .icon{
        width:36px;
        height:36px
    }
}
@media screen and (max-width: 1050px){
    .inside-menu{
        height:58px;
        line-height:58px
    }
    .inside-menu .swiper-slide{
        padding:0 20px
    }
    .inside-menu .swiper-slide .icon{
        width:32px;
        height:32px
    }
}
@media screen and (max-width: 750px){
    .inside-menu{
        height:48px;
        line-height:48px
    }
    .inside-menu .swiper-slide{
        margin:0 .05rem;
        padding:0 .075rem;
        font-size:14px
    }
    .inside-menu .swiper-slide .icon{
        width:26px;
        height:26px
    }
    .inside-menu .swiper-slide:after{
        height:1px
    }
}
.inside-con{
    padding:.17rem 0 .45rem;
    background-image:url(../image/inside_bg.jpg);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-color:#f5f5f5;
    position:relative;
    z-index:5
}
.inside-sub-menu{
    font-size:0;
    text-align:center;
    padding:0 .15rem;
    margin-bottom:.3rem
}
.inside-sub-menu a{
    display:inline-block;
    vertical-align:top;
    padding:0 .1rem;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-color:#fff;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease;
    margin:0 1px 2px;
    cursor:pointer;
    height:50px;
    line-height:50px;
    min-width:154px;
    font-size:16px;
    color:#333;
    text-align:center;
    overflow:hidden
}
.inside-sub-menu a.on,.inside-sub-menu a:hover{
    color:#fff;
    background-color:#e3413a
}
@media screen and (max-width: 1024px){
    .inside-sub-menu{
        text-align:left
    }
}
@media screen and (max-width: 800px){
    .inside-sub-menu a{
        font-size:14px;
        height:40px;
        line-height:40px
    }
}
@media screen and (max-width: 750px){
    .inside-sub-menu a{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding:0;
        width:32%;
        font-size:12px;
        min-width:0
    }
}
.bread{
    line-height:36px;
    color:#fff;
    font-size:14px;
    position:relative
}
.bread a{
    color:#fff
}
.bread a:hover{
    color:#e3413a
}
.bread .iconfont{
    display:inline-block;
    vertical-align:top;
    line-height:36px;
    color:#e3413a;
    font-size:22px;
    margin-right:10px
}
@media screen and (max-width: 750px){
    .bread{
        font-size:12px;
        line-height:28px
    }
    .bread .iconfont{
        line-height:28px;
        font-size:18px;
        margin-right:5px
    }
}
.top-back-btn{
    width:132px;
    height:36px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:18px;
    background:#e3413a;
    color:#fff;
    font-size:14px;
    padding:0 22px;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:36px
}
.top-back-btn:after{
    font-family:'iconfont';
    content:'\e602';
    font-size:12px;
    line-height:36px
}
.top-back-btn:hover{
    background:#e65750
}
@media screen and (max-width: 750px){
    .top-back-btn{
        position:absolute;
        right:.15rem;
        height:30px;
        top:-34px;
        border-radius:15px;
        font-size:12px;
        padding:0 15px;
        line-height:30px;
        width:92px
    }
    .top-back-btn:after{
        line-height:30px
    }
}
.common-form .cell{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border:1px solid #e5e5e5;
    padding:0 12px;
    margin-bottom:14px
}
.common-form .cell:last-child{
    margin-bottom:0
}
.common-form .cell.no-p{
    padding:0
}
.common-form .word{
    font-size:15px;
    color:#666;
    line-height:42px
}
.common-form .input{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden;
    position:relative
}
.common-form .input input{
    display:block;
    width:100%;
    height:42px;
    line-height:42px;
    border:none;
    background:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    font-size:14px;
    color:#333
}
.common-form .input select{
    opacity:0;
    z-index:5
}
.common-form .common-select{
    position:relative;
    font-size:14px;
    line-height:42px;
    height:42px;
    overflow:hidden;
    color:#333;
    width:100%;
    vertical-align:top;
    cursor:pointer;
    text-align:left
}
.common-form .common-select:after{
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-top:5px solid #bbb;
    border-right:5px solid transparent;
    border-left:5px solid transparent;
    content:'';
    right:0;
    top:50%;
    margin-top:-2px
}
.common-form .cer{
    margin-left:2px
}
.common-form .cer img{
    max-width:100%;
    max-height:30px
}
.common-form .common-btn{
    width:100%;
    height:42px;
    line-height:42px;
    background:#e3413a;
    border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-align:center;
    color:#fff;
    font-size:16px;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease;
    cursor:pointer
}
.common-form .common-btn:hover{
    background:#e65750
}
.mobile-bottom-fixed{
    position:fixed;
    width:100%;
    z-index:7777;
    left:0;
    bottom:0;
    display:none
}
@media screen and (max-width: 750px){
    .mobile-bottom-fixed{
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display:flex
    }
}
.mobile-bottom-fixed .item{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:45px;
    color:#fff;
    font-size:14px;
    background-color:#e3413a;
    border-right:1px solid rgba(255,255,255,0.3)
}
.mobile-bottom-fixed .item i,.mobile-bottom-fixed .item span{
    display:inline-block;
    vertical-align:baseline
}
.mobile-bottom-fixed .item i{
    margin-right:3px
}
.mobile-phone-con{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:7778;
    display:none
}
.mobile-phone-con .bg{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.6)
}
.mobile-phone-box{
    position:absolute;
    background-color:#fff;
    border-radius:5px;
    z-index:5;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:50%
}
.mobile-phone-box a{
    display:block;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size:14px;
    color:#333;
    line-height:40px;
    padding:0 15px;
    border-bottom:1px dashed #eee
}
.mobile-phone-box a:before{
    font-family:'iconfont';
    content:'\e62f';
    display:inline-block;
    vertical-align:middle;
    margin-right:4px
}
.index-banner .swiper-slide{
    background-color:#fff
}
.index-banner .img-pc,.index-banner .img-mobile{
    width:100%;
    display:block;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat
}
.index-banner .img-pc{
    height:717px
}
.index-banner .img-mobile{
    display:none;
    height:0;
    padding-bottom:54%
}
.index-banner .swiper-pagination-bullet{
    opacity:1;
    outline:none
}
.index-banner .swiper-pagination-bullet-active{
    background:#e3413a
}
@media screen and (max-width: 1600px){
    .index-banner .img-pc{
        height:680px
    }
}
@media screen and (max-width: 1440px){
    .index-banner .img-pc{
        height:600px
    }
}
@media screen and (max-width: 1050px){
    .index-banner .img-pc{
        height:0;
        padding-bottom:37.34375%
    }
}
@media screen and (max-width: 750px){
    .index-banner .img-pc{
        display:none
    }
    .index-banner .img-mobile{
        display:block
    }
}
.index-about{
    padding:110px 0 100px;
    background-color:#fff;
    background-image:url(../image/index_bg1.jpg);
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:left center;
    text-align:right
}
.index-about .box{
    display:inline-block;
    vertical-align:top;
    position:relative;
    z-index:1
}
.index-about .info-con{
    position:relative;
    width:1220px
}
.index-about .bg img{
    max-width:100%;
    display:block
}
.index-about .word{
    position:absolute;
    text-align:center;
    top:0;
    left:0;
    height:100%;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.index-about .word h2{
    color:#fff;
    font-size:40px;
    font-weight:bold;
    margin-bottom:15px
}
.index-about .word .en{
    font-family:Arial;
    font-size:12px;
    color:rgba(255,255,255,0.6);
    text-transform:uppercase
}
.index-about .items{
    font-size:0;
    padding-top:40px
}
.index-about .item{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    vertical-align:top;
    width:154px;
    height:154px;
    border-radius:100%;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    border:2px solid #fff;
    text-align:center;
    margin:0 20px
}
.index-about .item .p{
    font-size:16px;
    color:#eaeaea
}
.index-about .num{
    font-size:46px;
    color:#e3413a;
    font-family:Bebas
}
.index-about .intro-con{
    position:absolute;
    top:56px;
    bottom:42px;
    left:-490px;
    background:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:525px;
    padding:0 65px;
    z-index:2;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:left
}
.index-about .intro-con .cn{
    font-size:32px;
    color:#010101
}
.index-about .intro-con .en{
    font-size:90px;
    font-family:BASKVILL;
    color:#010101;
    line-height:64px
}
.index-about .intro-con .red{
    color:#e3413a
}
.index-about .intro-con .tip{
    font-size:24px;
    color:#444;
    margin-bottom:10px
}
.index-about .intro-con .t{
    font-size:12px;
    line-height:16px;
    color:#d3d3d3
}
.index-about .intro-con .p{
    font-size:14px;
    line-height:30px;
    color:#666;
    height:90px;
    overflow:hidden;
    padding-top:20px;
    position:relative;
    margin:15px 0 30px
}
.index-about .intro-con .p:before{
    top:0;
    left:0;
    display:block;
    width:33px;
    height:4px;
    background:#e3413a;
    content:'';
    position:absolute
}
.index-about .intro-con .more{
    display:block;
    width:142px;
    height:42px;
    color:#fff;
    line-height:42px;
    font-size:16px;
    position:relative;
    background:#e3413a;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 13px;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease
}
.index-about .intro-con .more:after{
    position:absolute;
    right:13px;
    top:0;
    height:100%;
    line-height:42px;
    color:rgba(255,255,255,0.5);
    font-family:'iconfont';
    content:'\e618';
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease
}
.index-about .intro-con .more:hover{
    background-color:#e65750
}
.index-about .intro-con .more:hover:after{
    -webkit-transform:translateX(5px);
    -moz-transform:translateX(5px);
    -ms-transform:translateX(5px);
    transform:translateX(5px)
}
@media screen and (max-width: 1800px){
    .index-about .info-con{
        width:1130px
    }
}
@media screen and (max-width: 1700px){
    .index-about .info-con{
        width:1098px
    }
    .index-about .word h2{
        font-size:38px
    }
    .index-about .intro-con{
        left:-445px;
        width:480px
    }
    .index-about .intro-con .cn{
        font-size:30px
    }
    .index-about .intro-con .en{
        font-size:84px;
        line-height:56px
    }
    .index-about .intro-con .tip{
        font-size:22px
    }
}
@media screen and (max-width: 1600px){
    .index-about .info-con{
        width:1050px
    }
    .index-about .word h2{
        font-size:36px
    }
    .index-about .item{
        width:144px;
        height:144px
    }
    .index-about .item .p{
        font-size:15px
    }
    .index-about .intro-con{
        top:42px;
        left:-380px;
        width:415px;
        padding:0 50px
    }
    .index-about .intro-con .cn{
        font-size:28px
    }
    .index-about .intro-con .en{
        font-size:80px;
        line-height:52px
    }
    .index-about .intro-con .tip{
        font-size:20px
    }
    .index-about .intro-con .p{
        margin-bottom:25px
    }
}
@media screen and (max-width: 1500px){
    .index-about .info-con{
        width:1000px
    }
    .index-about .word h2{
        font-size:34px
    }
    .index-about .item{
        width:136px;
        height:136px
    }
    .index-about .item .p{
        font-size:14px
    }
    .index-about .intro-con .en{
        font-size:74px;
        line-height:48px
    }
    .index-about .intro-con .more{
        width:132px;
        height:38px;
        line-height:38px;
        font-size:15px
    }
    .index-about .intro-con .more:after{
        line-height:38px
    }
}
@media screen and (max-width: 1440px){
    .index-about .info-con{
        width:950px
    }
    .index-about .word h2{
        font-size:34px
    }
    .index-about .item{
        width:130px;
        height:130px
    }
    .index-about .intro-con{
        top:32px;
        bottom:32px;
        left:-335px;
        width:370px;
        padding:0 45px
    }
    .index-about .intro-con .en{
        font-size:70px;
        line-height:44px
    }
    .index-about .intro-con .tip{
        font-size:18px
    }
    .index-about .intro-con .p{
        margin-bottom:20px;
        padding-top:16px;
        line-height:28px;
        height:84px
    }
    .index-about .intro-con .p:before{
        height:3px
    }
    .index-about .intro-con .more{
        height:36px;
        line-height:36px;
        font-size:14px
    }
    .index-about .intro-con .more:after{
        line-height:36px
    }
}
@media screen and (max-width: 1300px){
    .index-about .info-con{
        width:860px
    }
    .index-about .word h2{
        font-size:30px
    }
    .index-about .item{
        margin:0 15px;
        width:120px;
        height:120px
    }
    .index-about .intro-con{
        top:24px;
        bottom:24px;
        padding:0 40px
    }
    .index-about .intro-con .cn{
        font-size:26px
    }
    .index-about .intro-con .en{
        font-size:66px;
        line-height:42px
    }
    .index-about .intro-con .tip{
        font-size:16px
    }
    .index-about .intro-con .p{
        line-height:26px;
        height:78px;
        font-size:13px
    }
}
@media screen and (max-width: 1200px){
    .index-about .info-con{
        width:760px
    }
    .index-about .word h2{
        font-size:26px
    }
    .index-about .item{
        margin:0 12px;
        width:110px;
        height:110px
    }
    .index-about .item .p{
        font-size:12px
    }
    .index-about .num{
        font-size:32px
    }
    .index-about .intro-con{
        top:20px;
        bottom:20px;
        left:-280px;
        padding:0 30px;
        width:320px
    }
    .index-about .intro-con .cn{
        font-size:24px
    }
    .index-about .intro-con .en{
        font-size:60px;
        line-height:38px
    }
    .index-about .intro-con .tip{
        font-size:15px
    }
    .index-about .intro-con .p{
        height:52px
    }
}
@media screen and (max-width: 1050px){
    .index-about{
        padding:.4rem 0
    }
    .index-about .box{
        display:block
    }
    .index-about .info-con{
        margin-left:.25rem;
        width:auto
    }
    .index-about .intro-con{
        position:relative;
        top:0;
        bottom:auto;
        left:0;
        margin:-.15rem .15rem 0;
        padding:.3rem .25rem;
        width:auto
    }
    .index-about .intro-con .p{
        height:auto;
        max-height:78px
    }
}
@media screen and (max-width: 750px){
    .index-about .info-con{
        position:relative;
        margin-left:.25rem;
        width:auto;
        overflow:hidden
    }
    .index-about .bg{
        position:absolute;
        top:0;
        left:50%;
        width:auto;
        height:100%;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%)
    }
    .index-about .bg img{
        max-width:none;
        height:100%
    }
    .index-about .word{
        position:relative;
        padding:.4rem .15rem .45rem;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .index-about .word h2{
        font-size:18px;
        margin-bottom:10px
    }
    .index-about .word .en{
        font-size:10px
    }
    .index-about .items{
        padding-top:.25rem
    }
    .index-about .item{
        padding:0 .05rem;
        width:25%;
        height:auto;
        border-radius:none;
        border:none;
        margin:0;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .index-about .item .p{
        margin-top:8px;
        line-height:16px;
        font-size:12px
    }
    .index-about .num{
        width:54px;
        height:54px;
        line-height:54px;
        font-size:20px;
        border:1px solid rgba(255,255,255,0.5);
        border-radius:100%
    }
    .index-about .intro-con .cn{
        font-size:22px
    }
    .index-about .intro-con .en{
        font-size:48px;
        line-height:32px
    }
    .index-about .intro-con .t{
        line-height:14px;
        font-size:10px
    }
    .index-about .intro-con .p{
        margin-bottom:16px;
        padding-top:14px
    }
    .index-about .intro-con .p:before{
        height:2px
    }
    .index-about .intro-con .more{
        width:110px;
        height:30px;
        line-height:30px;
        font-size:13px
    }
    .index-about .intro-con .more:after{
        line-height:30px
    }
}
.index-title{
    margin:0 auto;
    position:relative;
    width:1310px;
    max-width:100%;
    text-align:center;
    overflow:hidden;
    z-index:5
}
.index-title .t{
    margin:0 auto 10px;
    z-index:2
}
.index-title .t span{
    position:relative;
    display:inline-block
}
.index-title .t span:before{
    height:7px;
    position:absolute;
    content:'';
    display:block;
    top:46px;
    left:-moz-calc(100% + .1rem);
    left:calc(100% + .1rem);
    width:600px;
    background-image:url(../image/index_line1.png);
    background-position:center center;
    background-repeat:repeat-x;
    background-size:auto 100%
}
.index-title .t img{
    max-width:100%
}
.index-title .p{
    position:relative;
    display:inline-block;
    max-width:60%;
    font-size:16px;
    color:#444;
    z-index:2
}
.index-title .p:after{
    position:absolute;
    content:'';
    display:block;
    top:6px;
    right:-moz-calc(100% + .1rem);
    right:calc(100% + .1rem);
    width:600px;
    height:7px;
    background-image:url(../image/index_line1.png);
    background-position:center center;
    background-repeat:repeat-x;
    background-size:auto 100%
}
.index-title.light .t span:before{
    background-image:url(../image/index_line2.png)
}
.index-title.light .p{
    color:#c9c9c9
}
.index-title.light .p:after{
    background-image:url(../image/index_line2.png)
}
@media screen and (max-width: 1600px){
    .index-title{
        width:1200px
    }
}
@media screen and (max-width: 1440px){
    .index-title{
        width:1050px
    }
}
@media screen and (max-width: 1200px){
    .index-title .t span:before{
        top:38px
    }
    .index-title .t img{
        max-height:72px
    }
    .index-title .p{
        font-size:15px
    }
}
@media screen and (max-width: 1050px){
    .index-title .t span:before{
        top:30px
    }
    .index-title .t img{
        max-height:66px
    }
    .index-title .p{
        font-size:14px
    }
}
@media screen and (max-width: 750px){
    .index-title .t{
        margin-bottom:5px
    }
    .index-title .t span:before{
        top:24px;
        height:5px
    }
    .index-title .t img{
        max-height:48px
    }
    .index-title .p{
        font-size:12px
    }
    .index-title .p:after{
        height:5px
    }
}
.index-case{
    padding:.4rem 0 .15rem;
    position:relative
}
.index-case:after{
    position:absolute;
    width:100%;
    height:50%;
    bottom:0;
    left:0;
    display:block;
    background:#f2f2f2;
    z-index:1;
    content:''
}
.index-case .wp1540{
    position:relative;
    z-index:2
}
.index-case-hd{
    margin-top:30px;
    z-index:5;
    margin-bottom:.23rem;
    position:relative
}
.index-case-hd .swiper-slide{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:0 .075rem;
    width:270px;
    cursor:pointer;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.index-case-hd .swiper-slide:hover .icon:after,.index-case-hd .swiper-slide.on .icon:after{
    border-color:#e3413a
}
.index-case-hd .swiper-slide:hover .front,.index-case-hd .swiper-slide.on .front{
    display:none
}
.index-case-hd .swiper-slide:hover .back,.index-case-hd .swiper-slide.on .back{
    display:block
}
.index-case-hd .swiper-slide:hover .p,.index-case-hd .swiper-slide.on .p{
    color:#e3413a
}
.index-case-hd .swiper-slide:hover .p a,.index-case-hd .swiper-slide.on .p a{
    color:#e3413a
}
.index-case-hd .icon{
    position:relative;
    width:80px;
    height:80px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-right:5px
}
.index-case-hd .icon:after{
    position:absolute;
    width:54px;
    height:54px;
    -webkit-transform:rotate(45deg) translate(-40px, 0);
    -moz-transform:rotate(45deg) translate(-40px, 0);
    -ms-transform:rotate(45deg) translate(-40px, 0);
    transform:rotate(45deg) translate(-40px, 0);
    -webkit-transform-origin:center center;
    -moz-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin:center center;
    border:1px solid #888;
    display:block;
    content:'';
    left:50%;
    top:50%
}
.index-case-hd img{
    max-width:40px
}
.index-case-hd .front{
    display:block
}
.index-case-hd .back{
    display:none
}
.index-case-hd .p{
    font-size:16px;
    color:#000
}
.index-case-hd .p a{
    color:#000
}
@media screen and (max-width: 1800px){
    .index-case-hd .swiper-slide{
        width:250px
    }
}
@media screen and (max-width: 1600px){
    .index-case-hd .swiper-slide{
        width:240px
    }
}
@media screen and (max-width: 1440px){
    .index-case-hd .swiper-slide{
        width:200px
    }
}
@media screen and (max-width: 1200px){
    .index-case-hd .swiper-slide{
        width:190px
    }
    .index-case-hd .icon{
        width:70px;
        height:70px
    }
    .index-case-hd .icon:after{
        width:48px;
        height:48px;
        -webkit-transform:rotate(45deg) translate(-35px, 0);
        -moz-transform:rotate(45deg) translate(-35px, 0);
        -ms-transform:rotate(45deg) translate(-35px, 0);
        transform:rotate(45deg) translate(-35px, 0)
    }
    .index-case-hd img{
        max-width:36px
    }
    .index-case-hd .p{
        font-size:15px
    }
}
@media screen and (max-width: 1050px){
    .index-case-hd .swiper-slide{
        width:auto
    }
    .index-case-hd .icon{
        width:60px;
        height:60px
    }
    .index-case-hd .icon:after{
        width:40px;
        height:40px;
        -webkit-transform:rotate(45deg) translate(-30px, 0);
        -moz-transform:rotate(45deg) translate(-30px, 0);
        -ms-transform:rotate(45deg) translate(-30px, 0);
        transform:rotate(45deg) translate(-30px, 0)
    }
    .index-case-hd img{
        max-width:32px
    }
    .index-case-hd .p{
        font-size:14px
    }
}
@media screen and (max-width: 750px){
    .index-case-hd{
        margin-top:.23rem
    }
    .index-case-hd .icon{
        width:46px;
        height:46px
    }
    .index-case-hd .icon:after{
        width:30px;
        height:30px;
        -webkit-transform:rotate(45deg) translate(-24px, 0);
        -moz-transform:rotate(45deg) translate(-24px, 0);
        -ms-transform:rotate(45deg) translate(-24px, 0);
        transform:rotate(45deg) translate(-24px, 0)
    }
    .index-case-hd img{
        max-width:24px
    }
}
.index-case-bd .box{
    display:none
}
.index-case-bd .box:first-child{
    display:block
}
.index-case-list{
    overflow:hidden;
    font-size:0
}
.index-case-list li{
    display:inline-block;
    vertical-align:top;
    margin-bottom:.25rem;
    width:33.33%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.index-case-list li:nth-child(3n+1){
    padding-right:26px
}
.index-case-list li:nth-child(3n+2){
    padding-right:13px;
    padding-left:13px
}
.index-case-list li:nth-child(3n+3){
    padding-left:26px
}
.index-case-list li a{
    display:block;
    position:relative
}
.index-case-list li a:after{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    content:'';
    display:block;
    background:url(../image/index_bg2.png) center repeat-x;
    background-size:auto 100%;
    z-index:6
}
.index-case-list li a:hover .img img{
    -webkit-transform:scale(1.1, 1.1);
    -moz-transform:scale(1.1, 1.1);
    -ms-transform:scale(1.1, 1.1);
    transform:scale(1.1, 1.1)
}
.index-case-list li .img{
    width:100%;
    padding-bottom:58.22785%;
    position:relative;
    z-index:5;
    overflow:hidden
}
.index-case-list li .img img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:block;
    -webkit-transition:all .8s ease;
    -o-transition:all .8s ease;
    -moz-transition:all .8s ease;
    transition:all .8s ease;
    border:none
}
.index-case-list li .t{
    position:absolute;
    left:0;
    bottom:20px;
    padding:0 .15rem;
    width:100%;
    color:#fff;
    z-index:7;
    text-align:center;
    font-size:18px;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
@media screen and (max-width: 1440px){
    .index-case-list li{
        margin-bottom:40px
    }
    .index-case-list li .t{
        font-size:16px;
        bottom:18px
    }
}
@media screen and (max-width: 1200px){
    .index-case-list li{
        margin-bottom:35px
    }
}
@media screen and (max-width: 1050px){
    .index-case-list li{
        margin-bottom:.15rem
    }
    .index-case-list li:nth-child(3n+1){
        padding-right:10px
    }
    .index-case-list li:nth-child(3n+2){
        padding-right:5px;
        padding-left:5px
    }
    .index-case-list li:nth-child(3n+3){
        padding-left:10px
    }
    .index-case-list li .t{
        font-size:15px;
        bottom:14px
    }
}
@media screen and (max-width: 750px){
    .index-case-list{
        padding-bottom:.15rem
    }
    .index-case-list li{
        width:50%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .index-case-list li .t{
        font-size:14px;
        bottom:.1rem
    }
    .index-case-list li:nth-child(2n+1){
        padding:0 .075rem 0 0
    }
    .index-case-list li:nth-child(2n){
        padding:0 0 0 .075rem
    }
}
.index-main-box{
    position:relative;
    overflow:hidden
}
.index-main-box .bg-top{
    position:absolute;
    width:100%;
    top:0;
    height:582px;
    background-image:url(../image/index_bg3.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:2
}
.index-main-box .bg-middle{
    position:absolute;
    width:100%;
    top:582px;
    bottom:1103px;
    background-color:#fafafa;
    background-image:url(../image/index_bg4.jpg);
    background-position:right center;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:1
}
.index-main-box .bg-bottom{
    position:absolute;
    width:100%;
    bottom:0;
    height:1103px;
    background-color:#fafafa;
    background-image:url(../image/index_bg5.jpg);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:2
}
@media screen and (max-width: 1440px){
    .index-main-box .bg-top{
        height:550px
    }
    .index-main-box .bg-middle{
        top:550px;
        bottom:990px
    }
    .index-main-box .bg-bottom{
        height:990px
    }
}
@media screen and (max-width: 1200px){
    .index-main-box .bg-top{
        height:500px
    }
    .index-main-box .bg-middle{
        top:500px;
        bottom:900px
    }
    .index-main-box .bg-bottom{
        height:900px
    }
}
@media screen and (max-width: 1050px){
    .index-main-box .bg-top{
        height:600px
    }
    .index-main-box .bg-middle{
        top:600px;
        bottom:700px
    }
    .index-main-box .bg-bottom{
        height:700px
    }
}
@media screen and (max-width: 640px){
    .index-main-box .bg-top{
        height:400px
    }
    .index-main-box .bg-middle{
        top:400px;
        bottom:550px
    }
    .index-main-box .bg-bottom{
        height:550px
    }
}
@media screen and (max-width: 414px){
    .index-main-box .bg-middle{
        bottom:500px
    }
    .index-main-box .bg-bottom{
        height:500px
    }
}
.index-custom{
    position:relative;
    z-index:5;
    padding-top:.37rem
}
.index-custom-news{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    background-color:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:44px 55px;
    margin-top:30px;
    margin-bottom:12px
}
@media screen and (max-width: 1440px){
    .index-custom-news{
        padding:35px 40px
    }
}
@media screen and (max-width: 1050px){
    .index-custom-news{
        display:block;
        padding:30px
    }
}
@media screen and (max-width: 750px){
    .index-custom-news{
        margin-top:.2rem;
        padding:.1rem
    }
}
.index-custom-news-topic{
    -webkit-box-flex:785px;
    -webkit-flex:785px;
    -moz-box-flex:785px;
    -ms-flex:785px;
    flex:785px;
    margin-right:10px;
    min-width:0
}
.index-custom-news-topic .item{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:10px;
    background-color:#f5f5f5;
    width:100%;
    margin-bottom:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.index-custom-news-topic .item:last-child{
    margin-bottom:0
}
.index-custom-news-topic .item .img{
    width:295px;
    position:relative;
    overflow:hidden;
    margin-right:50px
}
.index-custom-news-topic .item .img span{
    position:relative;
    width:100%;
    display:block;
    padding-bottom:73.46939%;
    overflow:hidden
}
.index-custom-news-topic .item .img img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:block;
    -webkit-transition:all .8s ease;
    -o-transition:all .8s ease;
    -moz-transition:all .8s ease;
    transition:all .8s ease
}
.index-custom-news-topic .item .info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden;
    padding-right:20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.index-custom-news-topic .item .t{
    margin-bottom:12px;
    font-size:18px;
    color:#333;
    white-space:nowrap;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.index-custom-news-topic .item .p{
    margin-bottom:15px;
    max-height:84px;
    font-size:13px;
    line-height:28px;
    color:#777;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    word-break:break-word;
    overflow:hidden
}
.index-custom-news-topic .item .time{
    font-size:12px;
    color:#888
}
.index-custom-news-topic .item:hover .img img{
    -webkit-transform:scale(1.1, 1.1);
    -moz-transform:scale(1.1, 1.1);
    -ms-transform:scale(1.1, 1.1);
    transform:scale(1.1, 1.1)
}
.index-custom-news-topic .item:hover .t{
    color:#e3413a;
    -webkit-transform:translateX(5px);
    -moz-transform:translateX(5px);
    -ms-transform:translateX(5px);
    transform:translateX(5px)
}
@media screen and (max-width: 1440px){
    .index-custom-news-topic{
        -webkit-box-flex:840px;
        -webkit-flex:840px;
        -moz-box-flex:840px;
        -ms-flex:840px;
        flex:840px
    }
    .index-custom-news-topic .item .img{
        width:272px;
        margin-right:35px
    }
    .index-custom-news-topic .item .t{
        font-size:17px
    }
}
@media screen and (max-width: 1200px){
    .index-custom-news-topic .item .img{
        width:236px
    }
}
@media screen and (max-width: 1050px){
    .index-custom-news-topic{
        margin:0 0 10px
    }
}
@media screen and (max-width: 750px){
    .index-custom-news-topic{
        margin-bottom:.1rem
    }
    .index-custom-news-topic .item{
        margin-bottom:.1rem
    }
    .index-custom-news-topic .item .img{
        margin-right:.15rem;
        width:140px
    }
    .index-custom-news-topic .item .info{
        padding-right:.1rem
    }
    .index-custom-news-topic .item .t{
        margin-bottom:6px;
        max-height:40px;
        line-height:20px;
        font-size:15px;
        color:#333;
        white-space:normal;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        word-break:break-all
    }
    .index-custom-news-topic .item .p{
        margin-bottom:5px;
        max-height:40px;
        line-height:20px;
        font-size:12px;
        -webkit-line-clamp:2
    }
    .index-custom-news-topic .item .time{
        font-size:11px
    }
}
.index-custom-news-list{
    -webkit-box-flex:638px;
    -webkit-flex:638px;
    -moz-box-flex:638px;
    -ms-flex:638px;
    flex:638px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0 50px;
    min-width:0;
    background:#f5f5f5;
    overflow:hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:relative
}
.index-custom-news-list .more{
    display:block;
    top:20px;
    right:20px;
    color:#e3413a;
    font-size:14px;
    position:absolute;
    z-index:4
}
.index-custom-news-list .more:hover{
    text-decoration:underline
}
.index-custom-news-list ul{
    width:100%
}
.index-custom-news-list ul li{
    border-bottom:1px dashed #cacaca
}
.index-custom-news-list ul li:last-child{
    border-bottom:none
}
.index-custom-news-list ul li a{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    padding:24px 0;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.index-custom-news-list ul li a:hover .t{
    color:#e3413a;
    -webkit-transform:translateX(5px);
    -moz-transform:translateX(5px);
    -ms-transform:translateX(5px);
    transform:translateX(5px)
}
.index-custom-news-list .date{
    text-align:center;
    margin-right:40px;
    font-family:Arial
}
.index-custom-news-list .day{
    line-height:1;
    font-size:48px;
    color:#e3413a
}
.index-custom-news-list .time{
    font-size:16px;
    color:#333
}
.index-custom-news-list .info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden
}
.index-custom-news-list .t{
    font-size:16px;
    color:#333;
    white-space:nowrap;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    margin-bottom:10px;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.index-custom-news-list .p{
    max-height:48px;
    font-size:12px;
    line-height:24px;
    color:#888;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-word;
    overflow:hidden
}
@media screen and (max-width: 1440px){
    .index-custom-news-list{
        padding:0 40px
    }
    .index-custom-news-list .date{
        margin-right:.15rem
    }
    .index-custom-news-list .day{
        font-size:46px
    }
    .index-custom-news-list .time{
        font-size:15px
    }
}
@media screen and (max-width: 1050px){
    .index-custom-news-list{
        padding:0 .15rem
    }
}
@media screen and (max-width: 750px){
    .index-custom-news-list{
        display:block
    }
    .index-custom-news-list ul{
        padding:.05rem 0
    }
    .index-custom-news-list ul li a{
        padding:.15rem 0 .17rem
    }
    .index-custom-news-list .day{
        font-size:36px
    }
    .index-custom-news-list .time{
        font-size:11px
    }
    .index-custom-news-list .t{
        margin-bottom:6px
    }
    .index-custom-news-list .p{
        max-height:40px;
        line-height:20px
    }
    .index-custom-news-list .more{
        position:static;
        width:100%;
        text-align:center;
        margin-bottom:.15rem
    }
}
.index-custom-list{
    position:relative
}
.index-custom-list .index-custom-prev,.index-custom-list .index-custom-next{
    position:absolute;
    top:50%;
    font-size:30px;
    margin-top:-15px;
    outline:none;
    color:#333;
    cursor:pointer
}
.index-custom-list .index-custom-prev:hover,.index-custom-list .index-custom-next:hover{
    color:#e3413a
}
@media screen and (max-width: 750px){
    .index-custom-list .index-custom-prev,.index-custom-list .index-custom-next{
        display:none
    }
}
.index-custom-list .index-custom-prev{
    left:-30px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.index-custom-list .index-custom-next{
    right:-30px
}
.index-custom-list li{
    width:210px
}
.index-custom-list li span{
    position:relative;
    display:block;
    width:100%;
    padding-bottom:47.61905%;
    overflow:hidden;
    background:#fff
}
.index-custom-list li span img{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    max-width:100%;
    max-height:100%;
    display:block
}
@media screen and (max-width: 1050px){
    .index-custom-list li{
        display:inline-block;
        vertical-align:top;
        width:210px
    }
}
@media screen and (max-width: 750px){
    .index-custom-list li{
        width:120px
    }
}
.index-offer{
    padding-top:.3rem;
    position:relative;
    z-index:5
}
@media screen and (max-width: 1773px){
    .index-offer{
        padding-left:60px;
        padding-right:60px
    }
}
@media screen and (max-width: 1440px){
    .index-offer{
        padding-left:40px;
        padding-right:40px
    }
}
@media screen and (max-width: 1200px){
    .index-offer{
        padding-left:.1rem;
        padding-right:.1rem
    }
}
.index-offer-box{
    margin:20px auto 0;
    max-width:1653px;
    min-height:661px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    overflow:hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:.35rem 0
}
.index-offer-box .slogan{
    text-align:center;
    width:970px;
    max-width:100%;
    margin:0 auto .2rem;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 .1rem
}
.index-offer-box .slogan img{
    max-width:100%
}
.index-offer-box .slogan .en{
    font-family:Arial;
    font-size:10px;
    color:rgba(255,255,255,0.4);
    padding-top:10px;
    text-transform:uppercase
}
.index-offer-box .num-box{
    text-align:center;
    margin-bottom:40px
}
.index-offer-box .num-box .item{
    display:inline-block;
    vertical-align:top;
    margin:0 40px;
    color:#fff;
    font-size:18px
}
.index-offer-box .num-box .num{
    font-family:Bebas;
    line-height:50px;
    font-size:18px
}
.index-offer-box .num-box .num span{
    font-size:60px
}
.index-offer-box .process-box{
    text-align:center
}
.index-offer-box .process-box .phone{
    display:inline-block;
    vertical-align:top;
    padding:0 .2rem;
    background:#e3413a;
    color:#fff;
    font-size:18px;
    line-height:44px;
    margin-top:34px
}
.index-offer-box .process-box ul{
    font-size:0
}
.index-offer-box .process-box ul li{
    display:inline-block;
    vertical-align:top;
    margin:30px 24px 0;
    text-align:center
}
.index-offer-box .process-box .icon{
    width:50px;
    margin:0 auto 6px
}
.index-offer-box .process-box .icon img{
    display:block;
    max-width:100%
}
.index-offer-box .process-box .p{
    font-size:18px;
    color:#fff
}
.index-offer-box .process-box .p em{
    color:#e3413a;
    font-size:20px;
    font-style:italic;
    margin-right:5px
}
@media screen and (max-width: 1440px){
    .index-offer-box{
        min-height:600px
    }
    .index-offer-box .num-box .item{
        font-size:16px
    }
    .index-offer-box .num-box .num{
        line-height:44px;
        font-size:16px
    }
    .index-offer-box .num-box .num span{
        font-size:54px
    }
    .index-offer-box .process-box .phone{
        font-size:16px;
        line-height:40px
    }
    .index-offer-box .process-box .icon{
        width:46px
    }
    .index-offer-box .process-box .p{
        font-size:16px
    }
    .index-offer-box .process-box .p em{
        font-size:18px
    }
}
@media screen and (max-width: 1200px){
    .index-offer-box{
        min-height:auto
    }
    .index-offer-box .num-box .item{
        margin:0 35px;
        font-size:15px
    }
    .index-offer-box .num-box .num{
        line-height:38px;
        font-size:15px
    }
    .index-offer-box .num-box .num span{
        font-size:50px
    }
    .index-offer-box .process-box ul li{
        margin:30px 20px 0
    }
    .index-offer-box .process-box .phone{
        font-size:15px
    }
    .index-offer-box .process-box .icon{
        width:40px
    }
    .index-offer-box .process-box .p{
        font-size:15px
    }
    .index-offer-box .process-box .p em{
        font-size:16px
    }
}
@media screen and (max-width: 1050px){
    .index-offer-box .num-box{
        margin-bottom:30px
    }
    .index-offer-box .num-box .item{
        margin:0 26px
    }
    .index-offer-box .process-box ul li{
        margin-top:25px
    }
}
@media screen and (max-width: 750px){
    .index-offer-box{
        margin-top:.2rem
    }
    .index-offer-box .num-box{
        margin-bottom:.1rem
    }
    .index-offer-box .num-box .item{
        margin:0 .1rem;
        font-size:13px
    }
    .index-offer-box .num-box .num{
        line-height:30px;
        font-size:13px
    }
    .index-offer-box .num-box .num span{
        font-size:36px
    }
    .index-offer-box .process-box ul li{
        margin-top:16px
    }
    .index-offer-box .process-box .phone{
        margin-top:.2rem;
        line-height:36px;
        font-size:14px
    }
    .index-offer-box .process-box .icon{
        width:32px
    }
    .index-offer-box .process-box .p{
        font-size:13px
    }
    .index-offer-box .process-box .p em{
        font-size:15px
    }
}
@media screen and (max-width: 414px){
    .index-offer-box .process-box ul li{
        margin-right:0;
        margin-left:0;
        width:33.33333%;
        padding:0 .075rem;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
}
.index-design{
    padding-top:.3rem;
    padding-bottom:.425rem;
    position:relative;
    z-index:5
}
@media screen and (max-width: 750px){
    .index-design .wp1534{
        margin-right:0;
        margin-left:0
    }
}
.index-design-con{
    padding-right:84px;
    position:relative;
    margin-top:.2rem;
    margin-bottom:.2rem
}
.index-design-con .more{
    right:0;
    top:50%;
    width:84px;
    height:84px;
    line-height:84px;
    margin-top:-42px;
    background:#da241c;
    color:#fff;
    font-family:Arial;
    font-size:14px;
    text-transform:uppercase;
    display:block;
    position:absolute;
    text-align:center;
    -webkit-transition:background-color .2s ease;
    -o-transition:background-color .2s ease;
    -moz-transition:background-color .2s ease;
    transition:background-color .2s ease
}
.index-design-con .more:hover{
    background:#e4332c
}
@media screen and (max-width: 1050px){
    .index-design-con{
        padding-right:60px
    }
    .index-design-con .more{
        width:60px;
        height:60px;
        line-height:60px;
        margin-top:-30px;
        font-size:12px
    }
}
@media screen and (max-width: 750px){
    .index-design-con{
        padding-right:0
    }
    .index-design-con .more{
        right:0;
        top:auto;
        bottom:-.275rem;
        margin-top:0;
        width:.55rem;
        height:.55rem;
        line-height:.55rem;
        font-size:.1rem
    }
}
.index-design-bd{
    background-color:#fff
}
.index-design-bd .item{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:50px 56px;
    background-color:#fff;
    display:none
}
.index-design-bd .item:first-child{
    display:block
}
.index-design-bd .item .box{
    background:#f6f6f6;
    padding:50px 50px 70px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    min-height:300px
}
.index-design-bd .item .avatar{
    width:370px;
    position:relative;
    margin-right:80px
}
.index-design-bd .item .avatar span{
    width:300px;
    height:300px;
    border-radius:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    border:30px solid #fff;
    display:block;
    position:absolute;
    left:0;
    top:-140px
}
.index-design-bd .item .info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden
}
.index-design-bd .item .name{
    font-size:32px;
    color:#444;
    margin-bottom:10px;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.index-design-bd .item .name a{
    color:#444
}
.index-design-bd .item .name a:hover{
    color:#e3413a
}
.index-design-bd .item .p{
    max-height:90px;
    font-size:14px;
    line-height:30px;
    color:#777;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    word-break:break-all
}
@media screen and (max-width: 1600px){
    .index-design-bd .item{
        padding:40px 46px
    }
    .index-design-bd .item .box{
        padding:40px 40px 60px;
        min-height:260px
    }
    .index-design-bd .item .avatar{
        width:330px
    }
    .index-design-bd .item .avatar span{
        top:-130px;
        width:280px;
        height:280px;
        border-width:25px
    }
    .index-design-bd .item .name{
        font-size:30px
    }
}
@media screen and (max-width: 1440px){
    .index-design-bd .item .box{
        min-height:246px
    }
    .index-design-bd .item .avatar{
        margin-right:60px;
        width:290px
    }
    .index-design-bd .item .avatar span{
        top:-120px;
        width:250px;
        height:250px;
        border-width:20px
    }
    .index-design-bd .item .name{
        font-size:28px
    }
}
@media screen and (max-width: 1200px){
    .index-design-bd .item{
        padding:30px
    }
    .index-design-bd .item .box{
        padding:30px 30px 40px;
        min-height:235px
    }
    .index-design-bd .item .avatar{
        margin-right:50px;
        width:260px
    }
    .index-design-bd .item .avatar span{
        top:-100px;
        width:220px;
        height:220px
    }
    .index-design-bd .item .name{
        font-size:26px
    }
}
@media screen and (max-width: 1050px){
    .index-design-bd .item{
        padding:20px
    }
    .index-design-bd .item .box{
        padding:20px 20px 30px;
        min-height:190px
    }
    .index-design-bd .item .avatar{
        margin-right:40px;
        width:210px
    }
    .index-design-bd .item .avatar span{
        top:-80px;
        width:180px;
        height:180px;
        border-width:15px
    }
    .index-design-bd .item .name{
        font-size:24px
    }
}
@media screen and (max-width: 750px){
    .index-design-bd .item{
        padding:.2rem 0
    }
    .index-design-bd .item .box{
        padding:.2rem .2rem .25rem .075rem;
        min-height:1.2rem
    }
    .index-design-bd .item .avatar{
        margin-right:.15rem;
        width:1.4rem
    }
    .index-design-bd .item .avatar span{
        top:-.6rem;
        width:1.2rem;
        height:1.2rem;
        border-width:.1rem
    }
    .index-design-bd .item .name{
        font-size:20px
    }
    .index-design-bd .item .p{
        max-height:66px;
        line-height:22px;
        font-size:13px
    }
}
.index-design-hd{
    position:absolute;
    right:190px;
    text-align:right;
    font-size:0;
    bottom:-53px
}
.index-design-hd .item{
    display:inline-block;
    vertical-align:top;
    margin-left:16px
}
.index-design-hd .item span{
    display:block;
    width:162px;
    height:162px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    cursor:pointer
}
.index-design-hd .item.on span{
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
@media screen and (max-width: 1600px){
    .index-design-hd{
        right:170px
    }
    .index-design-hd .item span{
        width:140px;
        height:140px
    }
}
@media screen and (max-width: 1440px){
    .index-design-hd{
        right:160px
    }
    .index-design-hd .item span{
        width:130px;
        height:130px
    }
}
@media screen and (max-width: 1050px){
    .index-design-hd{
        right:100px
    }
    .index-design-hd .item span{
        width:100px;
        height:100px
    }
}
@media screen and (max-width: 750px){
    .index-design-hd{
        display:none
    }
}
.index-news-con{
    padding:.4rem 0;
    background-image:url(../image/index_bg7.jpg);
    background-position:right center;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#fafafa
}
.index-news-con .wp1600{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex
}
@media screen and (max-width: 1050px){
    .index-news-con .wp1600{
        display:block
    }
}
.index-news-title{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -moz-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    margin-bottom:26px
}
.index-news-title .t{
    height:53px
}
.index-news-title .t img{
    display:inline-block;
    vertical-align:middle;
    max-height:100%;
    max-width:100%
}
.index-news-title .more{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    text-align:right
}
.index-news-title .more a{
    font-size:16px;
    text-transform:uppercase;
    color:#333
}
.index-news-title .more a:hover{
    color:#da241c
}
.index-news-title .celebrity-hd{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    text-align:right
}
.index-news-title .celebrity-hd li{
    display:inline-block;
    vertical-align:top;
    margin-left:16px;
    font-size:16px;
    color:#333;
    cursor:pointer;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}
.index-news-title .celebrity-hd li a{
    color:#333
}
.index-news-title .celebrity-hd li i{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin-right:7px;
    width:20px;
    height:20px;
    border-radius:50%;
    border:1px dashed #b4adad;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}
.index-news-title .celebrity-hd li i:before{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:8px;
    height:8px;
    border:1px solid #b4adad;
    border-radius:50%;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}
.index-news-title .celebrity-hd li.on{
    color:#da241c
}
.index-news-title .celebrity-hd li.on i,.index-news-title .celebrity-hd li.on i:before{
    border-color:#da241c
}
.index-news-title .celebrity-hd li.on a{
    color:#da241c
}
@media screen and (max-width: 1600px){
    .index-news-title .t{
        height:46px
    }
    .index-news-title .celebrity-hd li{
        margin-left:12px;
        font-size:15px
    }
    .index-news-title .celebrity-hd li i{
        margin:-2px 6px 0 0
    }
}
@media screen and (max-width: 1440px){
    .index-news-title .t{
        height:42px
    }
    .index-news-title .celebrity-hd li{
        margin-left:8px;
        font-size:14px
    }
    .index-news-title .celebrity-hd li i{
        margin:-2px 4px 0 0;
        width:18px;
        height:18px
    }
    .index-news-title .celebrity-hd li i:before{
        width:7px;
        height:7px
    }
}
@media screen and (max-width: 1200px){
    .index-news-title .t{
        height:38px
    }
}
@media screen and (max-width: 1050px){
    .index-news-title{
        display:block;
        margin-bottom:30px
    }
    .index-news-title .t{
        text-align:center;
        height:46px
    }
    .index-news-title .celebrity-hd{
        margin-top:25px;
        text-align:center
    }
    .index-news-title .celebrity-hd li{
        margin:0 .075rem
    }
    .index-news-title .celebrity-hd li i{
        margin-top:-3px
    }
}
@media screen and (max-width: 750px){
    .index-news-title{
        margin-bottom:.2rem
    }
    .index-news-title .t{
        height:34px
    }
    .index-news-title .celebrity-hd{
        margin-top:.15rem
    }
    .index-news-title .more{
        display:none
    }
}
.index-news-more{
    display:none;
    text-align:center;
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
    margin:.15rem auto 0;
    width:100%;
    height:32px;
    line-height:32px;
    background-color:#e3413a
}
@media screen and (max-width: 750px){
    .index-news-more{
        display:block
    }
}
.index-news-site{
    margin-right:70px
}
.index-news-site .site-wp{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex
}
.index-news-site .site-box{
    width:377px;
    overflow:hidden
}
.index-news-site .site-box+.site-box{
    margin-left:75px
}
.index-news-site .site-box a{
    display:block
}
.index-news-site .site-box a:hover .img img{
    -webkit-transform:scale(1.1, 1.1);
    -moz-transform:scale(1.1, 1.1);
    -ms-transform:scale(1.1, 1.1);
    transform:scale(1.1, 1.1)
}
.index-news-site .site-box a:hover .t{
    color:#e3413a
}
.index-news-site .site-box .img{
    width:100%;
    position:relative;
    padding-bottom:73.46939%;
    overflow:hidden
}
.index-news-site .site-box .img img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transition:all .6s;
    -o-transition:all .6s;
    -moz-transition:all .6s;
    transition:all .6s
}
.index-news-site .site-box .t{
    margin-top:18px;
    font-size:20px;
    color:#000;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}
.index-news-site .site-box .p{
    margin-top:10px;
    max-height:60px;
    line-height:30px;
    font-size:15px;
    color:#777;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-word;
    overflow:hidden
}
.index-news-site .site-box .site-pagination{
    margin-top:14px
}
.index-news-site .site-box .site-pagination .swiper-pagination-bullet{
    margin:0 5px 0 0;
    width:9px;
    height:9px;
    background-color:#fff;
    opacity:1;
    outline:none
}
.index-news-site .site-box .site-pagination .swiper-pagination-bullet-active{
    background-color:#e3413a
}
@media screen and (max-width: 1700px){
    .index-news-site .site-box{
        width:370px
    }
    .index-news-site .site-box+.site-box{
        margin-left:60px
    }
}
@media screen and (max-width: 1600px){
    .index-news-site{
        margin-right:50px
    }
    .index-news-site .site-box{
        width:335px
    }
    .index-news-site .site-box+.site-box{
        margin-left:50px
    }
}
@media screen and (max-width: 1440px){
    .index-news-site .site-box{
        width:280px
    }
    .index-news-site .site-box .t{
        font-size:18px
    }
    .index-news-site .site-box .p{
        max-height:56px;
        line-height:28px;
        font-size:14px
    }
}
@media screen and (max-width: 1200px){
    .index-news-site{
        margin-right:40px
    }
    .index-news-site .site-box{
        width:245px
    }
    .index-news-site .site-box+.site-box{
        margin-left:40px
    }
    .index-news-site .site-box .t{
        font-size:17px
    }
    .index-news-site .site-box .p{
        max-height:56px;
        line-height:28px;
        font-size:14px
    }
}
@media screen and (max-width: 1050px){
    .index-news-site{
        margin-right:0
    }
    .index-news-site .site-box{
        -webkit-box-flex:1;
        -webkit-flex:1;
        -moz-box-flex:1;
        -ms-flex:1;
        flex:1;
        width:auto
    }
    .index-news-site .site-box+.site-box{
        margin-left:.15rem
    }
    .index-news-site .site-box .img{
        position:relative;
        height:0
    }
    .index-news-site .site-box .img img{
        position:absolute;
        top:0;
        left:0
    }
}
@media screen and (max-width: 750px){
    .index-news-site .site-box .t{
        margin-top:12px;
        font-size:16px
    }
    .index-news-site .site-box .p{
        margin-top:7px;
        max-height:44px;
        line-height:22px;
        font-size:13px
    }
    .index-news-site .site-box .site-pagination{
        margin-top:12px
    }
    .index-news-site .site-box .site-pagination .swiper-pagination-bullet{
        margin-right:4px;
        width:7px;
        height:7px
    }
}
.index-news-celebrity{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    min-width:0
}
.index-news-celebrity .celebrity-bd-list{
    display:none
}
.index-news-celebrity .celebrity-bd-list:first-child{
    display:block
}
.index-news-celebrity .celebrity-bd-list li+li{
    margin-top:20px
}
.index-news-celebrity .celebrity-bd-list a{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}
.index-news-celebrity .celebrity-bd-list a:hover{
    -webkit-transform:translateY(-.02rem);
    -moz-transform:translateY(-.02rem);
    -ms-transform:translateY(-.02rem);
    transform:translateY(-.02rem)
}
.index-news-celebrity .celebrity-bd-list a:hover .info{
    -webkit-box-shadow:0 4px 10px rgba(0,0,0,0.1);
    box-shadow:0 4px 10px rgba(0,0,0,0.1)
}
.index-news-celebrity .celebrity-bd-list a:hover .t{
    color:#da241c
}
.index-news-celebrity .celebrity-bd-list .time{
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:84px;
    height:84px;
    line-height:1;
    font-family:'Bebas';
    color:#fff;
    background-color:#da241c;
    z-index:2
}
.index-news-celebrity .celebrity-bd-list .time .day{
    font-size:34px
}
.index-news-celebrity .celebrity-bd-list .time .year{
    margin-top:5px;
    font-size:12px
}
.index-news-celebrity .celebrity-bd-list .info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    min-width:0;
    margin-left:-42px;
    padding:28px 70px 32px;
    background-color:#fff;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}
.index-news-celebrity .celebrity-bd-list .t{
    font-size:18px;
    color:#000;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}
.index-news-celebrity .celebrity-bd-list .p{
    margin-top:9px;
    font-size:15px;
    color:#777;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
@media screen and (max-width: 1600px){
    .index-news-celebrity .celebrity-bd-list li+li{
        margin-top:18px
    }
    .index-news-celebrity .celebrity-bd-list .info{
        padding:26px 50px 30px 70px
    }
}
@media screen and (max-width: 1440px){
    .index-news-celebrity .celebrity-bd-list li+li{
        margin-top:15px
    }
    .index-news-celebrity .celebrity-bd-list .time{
        width:70px;
        height:70px
    }
    .index-news-celebrity .celebrity-bd-list .time .day{
        font-size:32px
    }
    .index-news-celebrity .celebrity-bd-list .time .year{
        margin-top:4px
    }
    .index-news-celebrity .celebrity-bd-list .info{
        margin-left:-35px;
        padding:20px 40px 24px 60px
    }
    .index-news-celebrity .celebrity-bd-list .t{
        font-size:17px
    }
    .index-news-celebrity .celebrity-bd-list .p{
        font-size:14px
    }
}
@media screen and (max-width: 1200px){
    .index-news-celebrity .celebrity-bd-list li+li{
        margin-top:12px
    }
    .index-news-celebrity .celebrity-bd-list .time{
        width:60px;
        height:60px
    }
    .index-news-celebrity .celebrity-bd-list .time .day{
        font-size:28px
    }
    .index-news-celebrity .celebrity-bd-list .time .year{
        margin-top:2px
    }
    .index-news-celebrity .celebrity-bd-list .info{
        margin-left:-30px;
        padding:19px 30px 22px 50px
    }
    .index-news-celebrity .celebrity-bd-list .p{
        margin-top:8px
    }
}
@media screen and (max-width: 1050px){
    .index-news-celebrity{
        margin-top:.3rem
    }
}
@media screen and (max-width: 750px){
    .index-news-celebrity .celebrity-bd-list li+li{
        margin-top:.1rem
    }
    .index-news-celebrity .celebrity-bd-list .info{
        padding:18px .15rem 18px 45px
    }
    .index-news-celebrity .celebrity-bd-list .t{
        font-size:16px
    }
    .index-news-celebrity .celebrity-bd-list .p{
        max-height:44px;
        line-height:22px;
        font-size:13px;
        white-space:normal;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        word-break:break-all
    }
}
.hot-case{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    padding:0 100px
}
.hot-case .hot-next,.hot-case .hot-prev{
    position:absolute;
    width:36px;
    height:36px;
    text-align:center;
    line-height:36px;
    border:2px solid #333;
    color:#333;
    font-size:14px;
    border-radius:100%;
    cursor:pointer;
    outline:none;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease;
    top:50%;
    z-index:7;
    margin-top:32px
}
.hot-case .hot-next:hover,.hot-case .hot-prev:hover{
    border-color:#e3413a;
    color:#e3413a
}
.hot-case .hot-prev{
    left:39px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.hot-case .hot-next{
    right:39px
}
.hot-case .title{
    text-align:center;
    margin-bottom:.2rem
}
.hot-case .title .cn{
    font-size:30px;
    color:#333;
    line-height:40px
}
.hot-case .title .iconfont{
    color:#e3413a;
    font-size:36px;
    display:inline-block;
    vertical-align:top;
    line-height:40px
}
.hot-case .title .en{
    font-size:12px;
    color:#858585;
    text-transform:uppercase;
    letter-spacing:2px
}
@media screen and (max-width: 1440px){
    .hot-case{
        padding:0
    }
    .hot-case .hot-prev{
        left:-50px
    }
    .hot-case .hot-next{
        right:-50px
    }
}
@media screen and (max-width: 800px){
    .hot-case .hot-prev,.hot-case .hot-next{
        display:none
    }
}
@media screen and (max-width: 750px){
    .hot-case .title .cn{
        font-size:20px;
        line-height:30px
    }
    .hot-case .title .iconfont{
        font-size:30px;
        line-height:30px
    }
}
.hot-swiper .swiper-slide a{
    display:block;
    position:relative
}
.hot-swiper .swiper-slide a:after{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    content:'';
    display:block;
    background:url(../image/index_bg2.png) center repeat-x;
    background-size:auto 100%;
    z-index:6
}
.hot-swiper .swiper-slide a:hover .img img{
    -webkit-transform:scale(1.1, 1.1);
    -moz-transform:scale(1.1, 1.1);
    -ms-transform:scale(1.1, 1.1);
    transform:scale(1.1, 1.1)
}
.hot-swiper .swiper-slide .img{
    width:100%;
    padding-bottom:58.22785%;
    position:relative;
    z-index:5;
    overflow:hidden
}
.hot-swiper .swiper-slide .img img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:block;
    -webkit-transition:all .8s ease;
    -o-transition:all .8s ease;
    -moz-transition:all .8s ease;
    transition:all .8s ease
}
.hot-swiper .swiper-slide .t{
    position:absolute;
    left:0;
    bottom:20px;
    padding:0 .15rem;
    width:100%;
    color:#fff;
    z-index:7;
    text-align:center;
    font-size:18px;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
@media screen and (max-width: 800px){
    .hot-swiper .swiper-slide .t{
        bottom:10px;
        font-size:14px
    }
}
.product-top{
    position:relative;
    z-index:2;
    background-image:url(../image/pro_bg1.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    padding-top:.39rem
}
.product-top .top{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:.12rem;
    position:relative
}
.product-top .top .bread{
    margin-left:.2rem
}
@media screen and (max-width: 750px){
    .product-top{
        padding-top:.5rem
    }
    .product-top .top .bread{
        margin-left:0
    }
    .product-top .top .top-back-btn{
        right:0
    }
}
.product-top-box{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-color:#fff;
    padding:.3rem .35rem;
    -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);
    box-shadow:0 5px 20px rgba(0,0,0,0.1);
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    background-image:url(../image/pro_bg2.jpg);
    background-repeat:no-repeat;
    background-position:right center;
    background-size:cover
}
@media screen and (max-width: 1024px){
    .product-top-box{
        display:block
    }
}
@media screen and (max-width: 750px){
    .product-top-box{
        padding:.15rem
    }
}
.product-top-swiper{
    width:763px;
    margin-right:70px
}
@media screen and (max-width: 1440px){
    .product-top-swiper{
        width:663px;
        margin-right:50px
    }
}
@media screen and (max-width: 1366px){
    .product-top-swiper{
        width:613px;
        margin-right:30px
    }
}
@media screen and (max-width: 1024px){
    .product-top-swiper{
        width:100%;
        margin-right:0
    }
}
.product-top-bd{
    margin-bottom:12px
}
.product-top-bd .product-top-img{
    display:none;
    width:100%;
    padding-bottom:58.19135%;
    position:relative;
    overflow:hidden;
    background:#fff
}
.product-top-bd .product-top-img img{
    position:absolute;
    display:block;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    max-width:100%;
    max-height:100%
}
.product-top-bd .product-top-img:first-child{
    display:block
}
.product-top-hd .swiper-slide{
    width:145px;
    cursor:pointer
}
.product-top-hd .swiper-slide img{
    display:block;
    width:100%
}
@media screen and (max-width: 750px){
    .product-top-hd .swiper-slide{
        width:70px !important
    }
}
.product-top-info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden
}
.product-top-info .title{
    padding-top:20px;
    font-size:30px;
    color:#000
}
.product-top-info .article{
    margin-top:20px;
    padding-top:20px;
    border-top:1px dashed #bbb;
    font-size:14px;
    line-height:34px;
    color:#777
}
.product-top-info .intro{
    margin-top:20px;
    padding-top:20px;
    border-top:1px dashed #bbb
}
.product-top-info .intro .item{
    margin-bottom:15px;
    line-height:28px;
    font-size:18px;
    color:#333
}
.product-top-info .intro .item span{
    font-size:14px;
    color:#777
}
.product-top-info .intro .item i{
    display:inline-block;
    vertical-align:top;
    color:#e3413a;
    font-size:28px;
    line-height:28px;
    margin-right:5px
}
@media screen and (max-width: 1366px){
    .product-top-info .title{
        font-size:22px
    }
}
.product-con{
    padding:.45rem 0 .55rem;
    background-color:#f5f5f5;
    background-image:url(../image/inside_bg.jpg);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:100% auto
}
.product-detail-con{
    width:1340px;
    margin:0 auto .3rem;
    background-color:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.1);
    box-shadow:0 1px 5px rgba(0,0,0,0.1);
    border-radius:5px;
    padding:.33rem;
    max-width:100%
}
.product-detail-con .title{
    text-align:center;
    margin-bottom:.2rem
}
.product-detail-con .title .cn{
    font-size:30px;
    color:#333;
    line-height:40px
}
.product-detail-con .title .iconfont{
    color:#e3413a;
    font-size:36px;
    display:inline-block;
    vertical-align:top;
    line-height:40px
}
.product-detail-con .title .en{
    font-size:12px;
    color:#858585;
    text-transform:uppercase;
    letter-spacing:2px
}
.product-detail-con .article{
    line-height:28px;
    color:#5e5e5e;
    font-size:14px
}
.product-detail-con .article p{
    margin-bottom:15px
}
.product-detail-con .article img{
    max-width:100%;
    height:auto !important
}
.product-detail-con .article ul{
    list-style:disc
}
.product-detail-con .article ul li{
    list-style:disc
}
.product-detail-con .article ol{
    list-style:decimal
}
.product-detail-con .article ol li{
    list-style:decimal
}
.product-detail-con .article .flex-box{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    padding:.15rem 0
}
.product-detail-con .article .flex-1{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden
}
.product-detail-con .article .big-title{
    margin-right:50px
}
.product-detail-con .article .big-title .bt{
    font-size:28px;
    color:#000
}
.product-detail-con .article .big-title .en{
    font-size:14px;
    color:#c0c0c0;
    text-transform:uppercase
}
.product-detail-con .article .big-title.center{
    margin-right:0;
    text-align:center
}
.product-detail-con .article .intro-box .big-title{
    margin-bottom:15px
}
@media screen and (max-width: 750px){
    .product-detail-con{
        padding:.15rem
    }
    .product-detail-con .title .cn{
        font-size:22px
    }
    .product-detail-con .title .iconfont{
        color:#e3413a;
        font-size:26px
    }
    .product-detail-con .article .flex-box{
        display:block
    }
    .product-detail-con .article .big-title{
        width:100%;
        margin-right:0
    }
    .product-detail-con .article .big-title .bt{
        font-size:22px
    }
}
.about-con{
    padding:.55rem 0 .6rem;
    background-color:#f1f1f1;
    background-image:url(../image/about_bg1.jpg);
    background-position:right bottom;
    background-size:cover
}
@media screen and (max-width: 800px){
    .about-con{
        padding:.25rem 0 .3rem
    }
}
.about-con .flex-box{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
    -moz-box-orient:horizontal;
    -moz-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    width:1560px;
    margin:0 auto;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
@media screen and (max-width: 1600px){
    .about-con .flex-box{
        padding:0 110px;
        width:auto
    }
}
@media screen and (max-width: 1440px){
    .about-con .flex-box{
        padding:0 90px
    }
}
@media screen and (max-width: 1200px){
    .about-con .flex-box{
        padding:0 .15rem;
        display:block
    }
}
.about-con .info-con{
    width:874px;
    margin-left:45px;
    position:relative
}
@media screen and (max-width: 1600px){
    .about-con .info-con{
        width:834px
    }
}
@media screen and (max-width: 1440px){
    .about-con .info-con{
        width:734px
    }
}
@media screen and (max-width: 1200px){
    .about-con .info-con{
        width:874px;
        max-width:100%;
        margin:0 auto .15rem
    }
}
.about-con .info-con .bg img{
    max-width:100%;
    display:block
}
.about-con .info-con .word{
    position:absolute;
    text-align:center;
    top:0;
    left:0;
    height:100%;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.about-con .info-con .word h2{
    color:#fff;
    font-size:36px;
    font-weight:bold;
    margin-bottom:15px
}
.about-con .info-con .word .en{
    font-family:Arial;
    font-size:12px;
    color:rgba(255,255,255,0.6);
    text-transform:uppercase
}
.about-con .info-con .items{
    font-size:0;
    padding-top:40px
}
.about-con .info-con .item{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    vertical-align:top;
    width:148px;
    height:148px;
    border-radius:100%;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    border:2px solid #fff;
    text-align:center;
    margin:0 10px
}
.about-con .info-con .item .p{
    font-size:16px;
    color:#eaeaea
}
.about-con .info-con .num{
    font-size:46px;
    color:#e3413a;
    font-family:Bebas
}
@media screen and (max-width: 1440px){
    .about-con .info-con .word h2{
        font-size:32px
    }
    .about-con .info-con .item{
        width:.74rem;
        height:.74rem
    }
    .about-con .info-con .item .p{
        font-size:14px
    }
}
@media screen and (max-width: 750px){
    .about-con .info-con .word h2{
        font-size:18px;
        margin-bottom:10px
    }
    .about-con .info-con .word .en{
        font-size:10px
    }
    .about-con .info-con .items{
        padding-top:10px
    }
    .about-con .info-con .item{
        margin:0 .075rem;
        width:.6rem;
        height:.6rem
    }
    .about-con .info-con .item .p{
        font-size:10px
    }
    .about-con .info-con .num{
        font-size:20px
    }
}
.about-con .article-box{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden;
    color:#666;
    line-height:30px;
    font-size:14px
}
.about-con .article-box p{
    margin-bottom:15px
}
.about-con .article-box img{
    max-width:100%;
    height:auto !important
}
.about-con .article-box ul{
    list-style:disc
}
.about-con .article-box ul li{
    list-style:disc
}
.about-con .article-box ol{
    list-style:decimal
}
.about-con .article-box ol li{
    list-style:decimal
}
.about-con .article-box .title{
    padding-bottom:30px;
    position:relative;
    font-size:32px;
    color:#000;
    margin-bottom:20px
}
.about-con .article-box .title .en{
    font-family:'BASKVILL';
    text-transform:uppercase
}
.about-con .article-box .title:after{
    position:absolute;
    left:0;
    bottom:0;
    width:32px;
    height:4px;
    background:#e3413a;
    display:block;
    content:''
}
@media screen and (max-width: 750px){
    .about-con .article-box .title{
        padding-bottom:20px;
        font-size:22px;
        margin-bottom:15px
    }
}
.about-idea{
    padding:.45rem 0 .6rem;
    background-image:url(../image/about_bg2.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.about-idea .title{
    text-align:center;
    color:#fff;
    font-size:32px;
    margin-bottom:.3rem
}
.about-idea .title .en{
    font-family:'BASKVILL';
    text-transform:uppercase
}
@media screen and (max-width: 750px){
    .about-idea .title{
        font-size:22px
    }
}
.about-idea-li{
    font-size:0
}
.about-idea-li .item{
    display:inline-block;
    vertical-align:top;
    width:33.33%;
    text-align:center;
    color:#fff
}
.about-idea-li .icon{
    text-align:center;
    margin:0 auto 10px
}
.about-idea-li .icon img{
    max-width:100%
}
.about-idea-li .t{
    font-size:30px
}
.about-idea-li .en{
    font-family:'BASKVILL';
    font-size:18px;
    margin-bottom:10px
}
.about-idea-li .p{
    font-size:22px
}
@media screen and (max-width: 800px){
    .about-idea-li .icon{
        width:80px
    }
    .about-idea-li .t{
        font-size:22px
    }
    .about-idea-li .en{
        font-size:12px
    }
    .about-idea-li .p{
        font-size:14px
    }
}
@media screen and (max-width: 480px){
    .about-idea-li .icon{
        width:50px
    }
    .about-idea-li .t{
        font-size:16px
    }
    .about-idea-li .en{
        font-size:10px
    }
    .about-idea-li .p{
        font-size:12px
    }
}
.about-partner{
    padding:.5rem 0 .65rem;
    background-color:#fbfbfb;
    background-image:url(../image/about_bg3.jpg);
    background-position:right center;
    background-repeat:no-repeat;
    background-size:cover
}
.about-partner .title{
    text-align:center;
    color:#000;
    font-size:32px;
    margin-bottom:.23rem
}
.about-partner .title .en{
    font-family:'BASKVILL';
    text-transform:uppercase
}
@media screen and (max-width: 750px){
    .about-partner .title{
        font-size:22px
    }
}
.about-partner-li{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.about-partner-li li{
    width:15%;
    margin-bottom:10px
}
.about-partner-li li span{
    display:block;
    position:relative;
    background-color:#fff;
    overflow:hidden;
    padding-bottom:47.61905%
}
.about-partner-li li span img{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    max-width:100%;
    max-height:100%;
    display:block
}
@media screen and (max-width: 800px){
    .about-partner-li{
        -webkit-box-pack:start;
        -webkit-justify-content:flex-start;
        -moz-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .about-partner-li li{
        width:24%;
        margin-right:5px
    }
}
@media screen and (max-width: 540px){
    .about-partner-li li{
        width:31%;
        margin-right:5px
    }
}
.photo-list{
    width:1440px;
    margin:0 auto;
    font-size:0;
    padding-bottom:.15rem
}
@media screen and (max-width: 1620px){
    .photo-list{
        margin:0 90px;
        width:auto
    }
}
@media screen and (max-width: 1200px){
    .photo-list{
        margin:0 .15rem
    }
}
.photo-list li{
    display:inline-block;
    vertical-align:top;
    width:25%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 3px;
    margin-bottom:7px
}
.photo-list li a{
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#fff;
    padding:.09rem;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.05);
    box-shadow:0 0 5px rgba(0,0,0,0.05)
}
.photo-list li a:hover .img img{
    -webkit-transform:scale(1.05, 1.05);
    -moz-transform:scale(1.05, 1.05);
    -ms-transform:scale(1.05, 1.05);
    transform:scale(1.05, 1.05)
}
.photo-list li a:hover .t{
    color:#e3413a
}
.photo-list .img{
    width:100%;
    position:relative;
    padding-bottom:61.5142%;
    overflow:hidden;
    margin-bottom:14px
}
.photo-list .img img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:block;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease
}
.photo-list .t{
    text-align:center;
    font-size:18px;
    color:#000;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-transition:color .2s ease;
    -o-transition:color .2s ease;
    -moz-transition:color .2s ease;
    transition:color .2s ease
}
@media screen and (max-width: 1366px){
    .photo-list li .t{
        font-size:14px
    }
}
@media screen and (max-width: 750px){
    .photo-list li{
        width:33.33%
    }
}
@media screen and (max-width: 480px){
    .photo-list li{
        width:50%
    }
}
.server-scope{
    background-color:#f3f3f3;
    background-image:url(../image/index_bg4.jpg);
    background-position:right center;
    background-repeat:no-repeat;
    background-size:cover;
    padding:.45rem 0 .5rem
}
.server-scope .title{
    text-align:center;
    font-size:32px;
    color:#000;
    margin-bottom:.25rem
}
.server-scope .title .en{
    font-family:'BASKVILL';
    text-transform:uppercase
}
@media screen and (max-width: 750px){
    .server-scope .title{
        font-size:22px
    }
}
.server-scope-top a,.server-scope-bottom a{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    background-color:#fff;
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-bottom:10px
}
.server-scope-top a:hover .back,.server-scope-bottom a:hover .back{
    display:block
}
.server-scope-top a:hover .front,.server-scope-bottom a:hover .front{
    display:none
}
.server-scope-top a:hover .icon,.server-scope-bottom a:hover .icon{
    border-color:#e3413a
}
.server-scope-top a:hover .img span,.server-scope-bottom a:hover .img span{
    -webkit-transform:scale(1.05, 1.05);
    -moz-transform:scale(1.05, 1.05);
    -ms-transform:scale(1.05, 1.05);
    transform:scale(1.05, 1.05)
}
.server-scope-top a .img,.server-scope-bottom a .img{
    overflow:hidden;
    width:290px
}
.server-scope-top a .img span,.server-scope-bottom a .img span{
    display:block;
    width:100%;
    position:relative;
    overflow:hidden;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    -moz-transition:all .5s ease;
    transition:all .5s ease;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom:74.48276%
}
.server-scope-top a .info,.server-scope-bottom a .info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.server-scope-top a .icon,.server-scope-bottom a .icon{
    width:60px;
    height:60px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border:2px solid #b6b6b6;
    margin-bottom:10px;
    border-radius:100%
}
.server-scope-top a .icon img,.server-scope-bottom a .icon img{
    max-width:100%;
    max-height:100%
}
.server-scope-top a .front,.server-scope-bottom a .front{
    display:block
}
.server-scope-top a .back,.server-scope-bottom a .back{
    display:none
}
.server-scope-top a .p,.server-scope-bottom a .p{
    text-align:center
}
.server-scope-top a .t,.server-scope-bottom a .t{
    font-size:20px;
    color:#333
}
.server-scope-top a .en,.server-scope-bottom a .en{
    font-family:Arial;
    font-size:12px;
    color:#666;
    text-transform:uppercase
}
@media screen and (max-width: 900px){
    .server-scope-top a .img,.server-scope-bottom a .img{
        width:50%
    }
}
@media screen and (max-width: 750px){
    .server-scope-top a .icon,.server-scope-bottom a .icon{
        width:40px;
        height:40px
    }
    .server-scope-top a .icon img,.server-scope-bottom a .icon img{
        width:26px;
        height:26px
    }
    .server-scope-top a .t,.server-scope-bottom a .t{
        font-size:14px
    }
    .server-scope-top a .en,.server-scope-bottom a .en{
        font-size:10px
    }
}
.server-scope-top{
    width:1176px;
    margin:0 auto;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.server-scope-top .first-box{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-right:12px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    height:452px
}
.server-scope-top .first-box a{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    min-height:1px
}
.server-scope-top .first-box a .img{
    width:100%
}
.server-scope-top .first-box a .img span{
    padding-bottom:50.68729%
}
.server-scope-top .first-box a .icon{
    margin-bottom:0;
    margin-right:10px
}
.server-scope-top .first-box a .info{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -moz-box-orient:horizontal;
    -moz-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    height:147px
}
.server-scope-top .right-box{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.server-scope-top .right-box a{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1
}
.server-scope-top .right-box a:last-child{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
    -moz-box-orient:horizontal;
    -moz-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
@media screen and (max-width: 1350px){
    .server-scope-top{
        margin:0 90px;
        width:auto
    }
}
@media screen and (max-width: 1200px){
    .server-scope-top{
        margin:0 .15rem
    }
}
@media screen and (max-width: 900px){
    .server-scope-top{
        display:block
    }
    .server-scope-top .first-box{
        margin-right:0;
        height:auto
    }
    .server-scope-top .first-box a{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -moz-box-orient:horizontal;
        -moz-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .server-scope-top .first-box a .img{
        width:50%
    }
    .server-scope-top .first-box a .img span{
        padding-bottom:74.48276%
    }
    .server-scope-top .first-box a .info{
        height:auto
    }
    .server-scope-top .right-box a:first-child{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:reverse;
        -webkit-flex-direction:row-reverse;
        -moz-box-orient:horizontal;
        -moz-box-direction:reverse;
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
    .server-scope-top .right-box a:last-child{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -moz-box-orient:horizontal;
        -moz-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
@media screen and (max-width: 750px){
    .server-scope-top .first-box a .icon{
        margin-right:0;
        margin-bottom:10px
    }
    .server-scope-top .first-box a .info{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -moz-box-orient:vertical;
        -moz-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.server-scope-bottom{
    width:1176px;
    margin:0 auto;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.server-scope-bottom a:first-child{
    margin-right:12px;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
    -moz-box-orient:horizontal;
    -moz-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
@media screen and (max-width: 1350px){
    .server-scope-bottom{
        margin:0 90px;
        width:auto
    }
}
@media screen and (max-width: 1200px){
    .server-scope-bottom{
        margin:0 .15rem
    }
}
@media screen and (max-width: 900px){
    .server-scope-bottom{
        display:block
    }
    .server-scope-bottom a:first-child{
        margin-right:0
    }
}
.server-sup{
    background-image:url(../image/server_bg1.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    padding:.55rem 0 .6rem
}
.server-sup .title{
    color:#fff;
    font-size:32px;
    margin-bottom:.35rem;
    text-align:center
}
.server-sup .title .en{
    font-family:'BASKVILL';
    text-transform:uppercase
}
@media screen and (max-width: 750px){
    .server-sup .title{
        font-size:22px
    }
}
.server-sup-list{
    font-size:0;
    text-align:center
}
.server-sup-list li{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:160px;
    height:180px;
    background:#fafafa;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
    position:relative;
    overflow:hidden;
    margin:0 5px 10px
}
.server-sup-list li:after{
    position:absolute;
    display:block;
    width:52px;
    height:52px;
    background:#e3413a;
    border-radius:100%;
    content:'';
    left:50%;
    margin-left:-26px;
    bottom:-44px;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease
}
.server-sup-list li img{
    display:block;
    margin-bottom:25px
}
.server-sup-list li .t{
    font-size:18px;
    color:#000
}
.server-sup-list li:hover:after{
    -webkit-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    transform:translateY(-5px)
}
@media screen and (max-width: 1024px){
    .server-sup-list{
        text-align:left
    }
}
@media screen and (max-width: 480px){
    .server-sup-list{
        margin:0 auto;
        width:340px
    }
}
.server-process{
    padding:.45rem 0;
    background-image:url(../image/about_bg1.jpg);
    background-position:right bottom;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#f3f3f3
}
.server-process .title{
    color:#000;
    font-size:32px;
    margin-bottom:.25rem;
    text-align:center
}
.server-process .title .en{
    font-family:'BASKVILL';
    text-transform:uppercase
}
@media screen and (max-width: 750px){
    .server-process .title{
        font-size:22px
    }
}
.server-process-list{
    font-size:0;
    text-align:center
}
.server-process-list li{
    display:inline-block;
    vertical-align:top;
    margin:0 .08rem .08rem
}
.server-process-list li:nth-child(2n+1) .info{
    padding-top:85px
}
.server-process-list li:nth-child(2n+1) .info:before{
    height:85px
}
.server-process-list li:nth-child(2n) .info{
    padding-top:40px
}
.server-process-list li:nth-child(2n) .info:before{
    height:40px
}
.server-process-list li:hover:nth-child(2n+1) .info{
    padding-top:75px
}
.server-process-list li:hover:nth-child(2n+1) .info:before{
    height:75px
}
.server-process-list li:hover:nth-child(2n) .info{
    padding-top:30px
}
.server-process-list li:hover:nth-child(2n) .info:before{
    height:30px
}
.server-process-list li:hover .num,.server-process-list li:hover .p{
    color:#e3413a
}
.server-process-list .circle{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:100%;
    width:140px;
    height:140px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-color:#f1f1f1;
    border:6px solid #fff;
    -webkit-box-shadow:0 0 0 2px #e3413a;
    box-shadow:0 0 0 2px #e3413a
}
.server-process-list .info{
    position:relative;
    text-align:center;
    max-width:140px;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.server-process-list .info:before{
    position:absolute;
    left:50%;
    width:2px;
    background-image:url(../image/server_icon15.png);
    background-repeat:repeat-y;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    display:block;
    content:'';
    top:0
}
.server-process-list .num{
    font-family:Arial;
    font-size:24px;
    color:#000;
    margin-bottom:10px
}
.server-process-list .p{
    font-size:18px;
    color:#666
}
@media screen and (max-width: 1024px){
    .server-process-list{
        text-align:left
    }
}
@media screen and (max-width: 480px){
    .server-process-list{
        width:320px;
        margin:0 auto
    }
    .server-process-list li{
        margin-right:10px;
        margin-left:10px
    }
    .server-process-list li:nth-child(2n+1) .info{
        padding-top:40px
    }
    .server-process-list li:nth-child(2n+1) .info:before{
        height:40px
    }
    .server-process-list li:hover:nth-child(2n) .info{
        padding-top:75px
    }
    .server-process-list li:hover:nth-child(2n) .info:before{
        height:75px
    }
}
.designer-banner{
    width:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    height:410px;
    position:relative;
    z-index:1
}
.designer-con{
    background-image:url(../image/inside_bg.jpg);
    background-position:center bottom;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-color:#f5f5f5;
    padding-bottom:.45rem
}
.designer-top{
    position:relative;
    z-index:4;
    margin-top:-325px
}
.designer-top .top{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:.12rem
}
.designer-box{
    background-color:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:.3rem .5rem .38rem .35rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.06);
    box-shadow:0 0 10px rgba(0,0,0,0.06)
}
.designer-box .avatar{
    width:1.34rem;
    height:1.34rem;
    margin-right:.38rem
}
.designer-box .avatar img{
    display:block;
    width:100%;
    height:100%
}
@media screen and (max-width: 1250px){
    .designer-box{
        padding:.2rem .4rem .28rem .25rem
    }
    .designer-box .avatar{
        margin-right:.23rem
    }
}
@media screen and (max-width: 800px){
    .designer-box{
        display:block
    }
    .designer-box .avatar{
        margin-right:0;
        margin-bottom:.15rem
    }
}
.designer-box .info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden
}
.designer-box .name{
    padding-bottom:20px;
    border-bottom:1px dashed #bbb;
    font-size:30px;
    color:#000
}
.designer-box .article{
    font-size:14px;
    line-height:24px;
    color:#777;
    padding-top:25px
}
.designer-box .flex-box{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:15px;
    line-height:20px
}
.designer-box .flex-box .word{
    font-size:16px;
    color:#333;
    line-height:20px
}
.designer-box .flex-box .word img{
    display:inline-block;
    vertical-align:top
}
.designer-box .flex-box .p{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden;
    line-height:20px
}
@media screen and (max-width: 750px){
    .designer-box .name{
        font-size:22px
    }
}
.works-box{
    padding-top:.35rem
}
.works-box .title{
    color:#000;
    font-size:32px;
    margin-bottom:.25rem;
    text-align:center
}
.works-box .title .en{
    font-family:'BASKVILL';
    text-transform:uppercase
}
@media screen and (max-width: 750px){
    .works-box .title{
        font-size:22px
    }
}
.news-con{
    background-color:#f5f5f5;
    padding:.28rem 0 .32rem;
    background-image:url(../image/inside_bg.jpg);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100% auto
}
.news-top{
    margin-bottom:.05rem
}
.news-top .swiper-slide a{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    padding:.175rem .25rem .2rem .2rem;
    background-color:#fff
}
.news-top .swiper-slide a:hover .t{
    color:#e3413a;
    -webkit-transform:translateX(5px);
    -moz-transform:translateX(5px);
    -ms-transform:translateX(5px);
    transform:translateX(5px)
}
.news-top .swiper-slide .img{
    margin-right:.18rem
}
.news-top .swiper-slide .img span{
    width:1.225rem;
    padding-bottom:73.46939%;
    display:block;
    position:relative;
    overflow:hidden
}
.news-top .swiper-slide .img span img{
    position:absolute;
    max-width:100%;
    max-height:100%;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.news-top .swiper-slide .time{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    width:94px;
    height:94px;
    background:#e3413a;
    color:#fff;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 10px;
    text-align:right;
    margin-left:.3rem;
    margin-top:20px
}
.news-top .swiper-slide .day{
    font-size:26px
}
.news-top .swiper-slide .year{
    font-size:14px
}
.news-top .swiper-slide .info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden
}
.news-top .swiper-slide .t{
    font-size:18px;
    color:#333;
    margin-bottom:20px;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease
}
.news-top .swiper-slide .p{
    font-size:14px;
    color:#888;
    line-height:26px;
    height:78px;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    word-break:break-word;
    overflow:hidden
}
.news-top .swiper-pagination{
    bottom:66px;
    left:322px;
    width:auto;
    right:auto
}
.news-top .swiper-pagination-bullet{
    opacity:1;
    background:#cbcbcb;
    outline:none;
    margin:0 6px 0 0 !important
}
.news-top .swiper-pagination-bullet-active{
    background:#e3413a
}
@media screen and (max-width: 750px){
    .news-top .swiper-slide .time{
        display:none
    }
    .news-top .swiper-slide .t{
        font-size:16px;
        margin-bottom:5px
    }
    .news-top .swiper-slide .p{
        -webkit-line-clamp:2;
        height:52px
    }
    .news-top .swiper-pagination{
        bottom:5px;
        left:0;
        width:100%
    }
}
.news-list{
    margin-bottom:.25rem;
    font-size:0
}
.news-list li{
    display:inline-block;
    vertical-align:top;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:50%
}
.news-list li:nth-child(2n+1){
    padding-right:40px
}
.news-list li:nth-child(2n){
    padding-left:40px
}
.news-list li a{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    padding:.2rem 0 .15rem;
    border-bottom:1px dashed #b7b7b7
}
.news-list li a:hover .t{
    color:#e3413a;
    -webkit-transform:translateX(5px);
    -moz-transform:translateX(5px);
    -ms-transform:translateX(5px);
    transform:translateX(5px)
}
.news-list li .time{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    width:94px;
    height:94px;
    background:#e3413a;
    color:#fff;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 10px;
    text-align:right;
    margin-right:.08rem
}
.news-list li .day{
    font-size:26px
}
.news-list li .year{
    font-size:14px
}
.news-list li .info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden
}
.news-list li .t{
    font-size:18px;
    color:#333;
    margin-bottom:14px;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease
}
.news-list li .p{
    font-size:14px;
    color:#888;
    line-height:24px;
    height:72px;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    word-break:break-word;
    overflow:hidden
}
@media screen and (max-width: 640px){
    .news-list li{
        width:100%;
        padding:0 !important
    }
    .news-list li .t{
        font-size:16px;
        margin-bottom:7px
    }
    .news-list li .p{
        -webkit-line-clamp:2;
        height:48px
    }
    .news-list li .time{
        width:80px;
        height:80px
    }
    .news-list li .day{
        font-size:20px
    }
}
.news-detail-box{
    background:#fff;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.05);
    box-shadow:0 0 5px rgba(0,0,0,0.05);
    padding:.3rem;
    margin-bottom:10px
}
.news-detail-box .topic{
    text-align:center;
    margin:0 auto;
    width:1145px;
    max-width:100%;
    padding-bottom:24px;
    border-bottom:1px dashed #b2b2b2
}
.news-detail-box .topic h2{
    font-size:30px;
    color:#333;
    margin-bottom:15px
}
.news-detail-box .topic .tip{
    font-size:13px;
    color:#666
}
.news-detail-box .article{
    padding-top:.17rem;
    line-height:30px;
    color:#666;
    margin:0 auto;
    width:1145px;
    max-width:100%;
    font-size:14px
}
.news-detail-box .article p{
    margin-bottom:15px
}
.news-detail-box .article img{
    max-width:100%;
    height:auto !important
}
.news-detail-box .article ul{
    list-style:disc
}
.news-detail-box .article ul li{
    list-style:disc
}
.news-detail-box .article ol{
    list-style:decimal
}
.news-detail-box .article ol li{
    list-style:decimal
}
@media screen and (max-width: 750px){
    .news-detail-box{
        padding:.15rem
    }
    .news-detail-box .topic h2{
        font-size:18px;
        margin-bottom:10px
    }
}
.detail-page{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    width:100%
}
.detail-page .item{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#e3413a;
    -webkit-transition:background-color .2s ease;
    -o-transition:background-color .2s ease;
    -moz-transition:background-color .2s ease;
    transition:background-color .2s ease;
    height:65px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#fff;
    font-size:16px
}
.detail-page .item .iconfont{
    font-size:24px;
    margin-right:10px;
    margin-left:10px
}
.detail-page .item:nth-child(2){
    border-right:1px solid #e97c77;
    border-left:1px solid #e97c77
}
.detail-page .item:hover{
    background-image:url(../image/icon1.png);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-color:#d12727
}
@media screen and (max-width: 750px){
    .detail-page .item{
        height:42px;
        font-size:12px
    }
    .detail-page .item .iconfont{
        font-size:14px;
        margin-right:4px;
        margin-left:4px
    }
}
.info-recommend{
    margin-top:.35rem
}
.info-recommend .title{
    text-align:center;
    margin-bottom:.2rem
}
.info-recommend .title .cn{
    font-size:30px;
    line-height:36px;
    margin-bottom:10px
}
.info-recommend .title .cn i{
    font-size:36px;
    color:#e3413a;
    display:inline-block;
    vertical-align:top;
    line-height:36px
}
.info-recommend .title .en{
    font-size:12px;
    text-transform:uppercase;
    color:#858585;
    letter-spacing:2px
}
@media screen and (max-width: 750px){
    .info-recommend .title .cn{
        font-size:22px;
        line-height:26px
    }
    .info-recommend .title .cn i{
        font-size:26px;
        line-height:26px
    }
    .info-recommend .title .en{
        font-size:10px;
        letter-spacing:1px
    }
}
.recommend-swiper{
    position:relative
}
.recommend-swiper .recommend-prev,.recommend-swiper .recommend-next{
    position:absolute;
    width:36px;
    height:36px;
    border:2px solid #000;
    color:#000;
    text-align:center;
    line-height:36px;
    cursor:pointer;
    outline:none;
    border-radius:100%;
    top:50%;
    margin-top:-19px;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease;
    z-index:5
}
.recommend-swiper .recommend-prev:hover,.recommend-swiper .recommend-next:hover{
    border-color:#e3413a;
    color:#e3413a
}
.recommend-swiper .recommend-next{
    right:-64px
}
.recommend-swiper .recommend-prev{
    left:-64px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
@media screen and (max-width: 1200px){
    .recommend-swiper .recommend-next{
        right:0
    }
    .recommend-swiper .recommend-prev{
        left:0
    }
}
.recommend-swiper .swiper-slide{
    width:377px;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden
}
.recommend-swiper .swiper-slide a{
    display:block
}
.recommend-swiper .swiper-slide a:hover .t{
    color:#e3413a
}
.recommend-swiper .swiper-slide a:hover .img img{
    -webkit-transform:scale(1.05, 1.05);
    -moz-transform:scale(1.05, 1.05);
    -ms-transform:scale(1.05, 1.05);
    transform:scale(1.05, 1.05)
}
.recommend-swiper .swiper-slide .img{
    width:100%;
    padding-bottom:73.46939%;
    overflow:hidden;
    margin-bottom:12px;
    position:relative
}
.recommend-swiper .swiper-slide .img img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:block;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease
}
.recommend-swiper .swiper-slide .t{
    font-size:20px;
    color:#000;
    -webkit-transition:color .2s ease;
    -o-transition:color .2s ease;
    -moz-transition:color .2s ease;
    transition:color .2s ease;
    margin-bottom:14px
}
.recommend-swiper .swiper-slide .p{
    font-size:15px;
    line-height:30px;
    height:60px;
    overflow:hidden;
    color:#777;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-word;
    overflow:hidden
}
@media screen and (max-width: 750px){
    .recommend-swiper .recommend-prev,.recommend-swiper .recommend-next{
        display:none
    }
    .recommend-swiper .swiper-slide .t{
        font-size:16px;
        margin-bottom:7px
    }
    .recommend-swiper .swiper-slide .p{
        font-size:12px;
        line-height:24px;
        height:48px
    }
}
.team-con{
    width:1450px;
    margin:.1rem auto .25rem;
    background-color:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.05);
    box-shadow:0 0 5px rgba(0,0,0,0.05);
    padding:0 .35rem .35rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex
}
@media screen and (max-width: 1630px){
    .team-con{
        width:auto;
        margin-right:90px;
        margin-left:90px
    }
}
@media screen and (max-width: 1440px){
    .team-con{
        padding-right:.2rem;
        padding-left:.2rem
    }
}
@media screen and (max-width: 1200px){
    .team-con{
        margin-right:.15rem;
        margin-left:.15rem
    }
}
.team-right{
    width:270px;
    margin-left:.25rem
}
@media screen and (max-width: 1200px){
    .team-right{
        display:none
    }
}
.team-form-box{
    margin-top:.3rem;
    margin-bottom:.2rem
}
.team-form-box .top-img{
    display:block;
    width:100%
}
.team-form{
    display:block;
    border-right:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    padding:18px
}
.team-recommend .title{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.team-recommend .title .iconfont{
    color:#e3413a;
    font-size:32px;
    margin-right:8px
}
.team-recommend .title .info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1
}
.team-recommend .title .b{
    font-size:22px;
    color:#333
}
.team-recommend .title .en{
    text-transform:uppercase;
    font-size:12px;
    color:#777
}
.team-recommend-list{
    margin-top:.1rem
}
.team-recommend-list li{
    border-top:1px solid #e3e3e3
}
.team-recommend-list li a{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    padding:.12rem 0;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.team-recommend-list li a:hover .name{
    color:#e3413a
}
.team-recommend-list li .avatar{
    width:78px;
    height:78px;
    border-radius:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    margin-right:12px
}
.team-recommend-list li .info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden
}
.team-recommend-list li .name{
    font-size:16px;
    color:#333;
    margin-bottom:10px;
    -webkit-transition:color .2s ease;
    -o-transition:color .2s ease;
    -moz-transition:color .2s ease;
    transition:color .2s ease
}
.team-recommend-list li .p{
    font-size:14px;
    color:#777
}
.team-left{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden
}
.team-list .item{
    padding:0 .15rem
}
.team-list .item:last-child .team-swiper{
    border-bottom:none
}
.team-list .intro{
    padding-top:.3rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:.2rem
}
.team-list .avatar{
    width:1.1rem;
    height:1.1rem;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    margin-right:.15rem
}
.team-list .name{
    font-size:14px;
    color:#666;
    margin-bottom:.1rem
}
.team-list .name b{
    color:#333
}
.team-list .p{
    font-size:14px;
    line-height:32px;
    color:#666
}
.team-list .info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.team-list .more{
    width:134px;
    height:30px;
    line-height:30px;
    text-align:center;
    color:#fff;
    margin:.4rem .4rem 0;
    border-radius:15px;
    background:#e3413a;
    -webkit-transition:background-color .2s ease;
    -o-transition:background-color .2s ease;
    -moz-transition:background-color .2s ease;
    transition:background-color .2s ease
}
.team-list .more:hover{
    background:#e65750
}
@media screen and (max-width: 1440px){
    .team-list .avatar{
        margin-right:.1rem
    }
    .team-list .more{
        margin:.4rem .2rem 0
    }
}
@media screen and (max-width: 800px){
    .team-list .more{
        margin-right:0
    }
}
@media screen and (max-width: 750px){
    .team-list .item{
        padding:0
    }
    .team-list .intro{
        position:relative
    }
    .team-list .more{
        position:absolute;
        margin:0;
        left:0;
        top:1.15rem;
        width:auto;
        padding:0 .1rem;
        font-size:10px
    }
    .team-list .p{
        line-height:24px;
        min-height:96px
    }
}
.team-swiper{
    position:relative;
    border-bottom:1px solid #e5e5e5;
    padding-bottom:.2rem
}
.team-swiper .team-swiper-prev,.team-swiper .team-swiper-next{
    position:absolute;
    top:50%;
    font-size:16px;
    color:#999;
    margin-top:-moz-calc((8px - 16px) + (.1rem - .2rem));
    margin-top:calc((8px - 16px) + (.1rem - .2rem));
    cursor:pointer;
    outline:none;
    -webkit-transition:color .2s ease;
    -o-transition:color .2s ease;
    -moz-transition:color .2s ease;
    transition:color .2s ease
}
.team-swiper .team-swiper-prev:hover,.team-swiper .team-swiper-next:hover{
    color:#e3413a
}
.team-swiper .team-swiper-prev{
    left:-30px;
    -webkit-transform:translateY(-50%) rotate(180deg);
    -moz-transform:translateY(-50%) rotate(180deg);
    -ms-transform:translateY(-50%) rotate(180deg);
    transform:translateY(-50%) rotate(180deg)
}
.team-swiper .team-swiper-next{
    right:-30px
}
.team-swiper .swiper-slide{
    width:285px;
    overflow:hidden
}
.team-swiper .swiper-slide a{
    display:block;
    width:100%;
    padding-bottom:58.22785%;
    position:relative;
    overflow:hidden;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease;
    border-radius:5px
}
.team-swiper .swiper-slide a:hover{
    -webkit-transform:scale(1.05, 1.05);
    -moz-transform:scale(1.05, 1.05);
    -ms-transform:scale(1.05, 1.05);
    transform:scale(1.05, 1.05)
}
.team-swiper .swiper-slide a img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.knowledge-con{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    padding-top:.15rem
}
@media screen and (max-width: 640px){
    .knowledge-con{
        display:block
    }
}
.knowledge-box{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    overflow:hidden
}
.knowledge-box .title{
    font-size:24px;
    color:#333;
    font-weight:bold;
    line-height:32px
}
.knowledge-box .title .en{
    font-weight:normal;
    font-family:Arial;
    font-size:18px;
    color:#e3413a;
    text-transform:uppercase
}
.knowledge-box:first-child{
    padding-right:.3rem
}
.knowledge-box:first-child:after{
    position:absolute;
    right:0;
    top:50px;
    bottom:50px;
    content:'';
    display:block;
    width:1px;
    background:#d0d0d0
}
.knowledge-box:last-child{
    padding-left:.3rem
}
@media screen and (max-width: 640px){
    .knowledge-box{
        margin-bottom:.3rem
    }
    .knowledge-box .title{
        font-size:22px
    }
    .knowledge-box:first-child{
        padding-right:0
    }
    .knowledge-box:first-child:after{
        display:none
    }
    .knowledge-box:last-child{
        padding-left:0;
        margin-bottom:0
    }
}
.knowledge-swiper .swiper-container{
    height:570px;
    margin-bottom:.1rem
}
.knowledge-swiper .swiper-slide{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-bottom:1px dashed #b7b7b7
}
.knowledge-swiper .swiper-slide a{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    width:100%
}
.knowledge-swiper .swiper-slide a:hover .t{
    color:#e3413a;
    -webkit-transform:translateX(5px);
    -moz-transform:translateX(5px);
    -ms-transform:translateX(5px);
    transform:translateX(5px)
}
.knowledge-swiper .swiper-slide .icon{
    width:100px;
    height:100px;
    text-align:center;
    line-height:100px;
    color:#fff;
    background:#e3413a;
    font-size:50px;
    margin-right:15px
}
.knowledge-swiper .swiper-slide .info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden
}
.knowledge-swiper .swiper-slide .t{
    font-size:18px;
    color:#333;
    margin-bottom:15px;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease
}
.knowledge-swiper .swiper-slide .p{
    font-size:14px;
    line-height:24px;
    height:72px;
    overflow:hidden;
    color:#888;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    word-break:break-word;
    overflow:hidden
}
@media screen and (max-width: 800px){
    .knowledge-swiper .swiper-slide .icon{
        width:80px;
        height:80px;
        font-size:36px;
        line-height:80px
    }
}
@media screen and (max-width: 640px){
    .knowledge-swiper .swiper-container{
        height:470px
    }
    .knowledge-swiper .swiper-slide .icon{
        display:none
    }
    .knowledge-swiper .swiper-slide .t{
        font-size:16px
    }
}
.knowledge-navigator{
    text-align:center
}
.knowledge-navigator>div{
    display:inline-block;
    vertical-align:top;
    margin:0 5px;
    width:100px;
    height:32px;
    border:1px solid #8e8e8e;
    text-align:center;
    line-height:32px;
    cursor:pointer;
    outline:none;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.knowledge-navigator>div span{
    display:inline-block
}
.knowledge-navigator>div:hover{
    border-color:#e3413a;
    color:#e3413a
}
.knowledge-navigator .knowledge-prev span{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.knowledge-navigator .knowledge-next span{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.offer-banner{
    width:100%;
    position:relative;
    z-index:1;
    height:409px;
    overflow:hidden;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
@media screen and (max-width: 1440px){
    .offer-banner{
        height:379px
    }
}
@media screen and (max-width: 1024px){
    .offer-banner{
        height:309px
    }
}
@media screen and (max-width: 750px){
    .offer-banner{
        height:179px
    }
}
.offer-con{
    background-image:url(../image/inside_bg.jpg);
    background-position:center bottom;
    background-size:100% auto;
    background-color:#f5f5f5;
    padding-bottom:.43rem
}
.offer-box{
    background-color:#fff;
    width:1110px;
    margin:-114px auto 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    position:relative;
    z-index:5;
    padding:.325rem 0;
    max-width:100%
}
@media screen and (max-width: 1024px){
    .offer-box{
        margin-top:-64px
    }
}
@media screen and (max-width: 750px){
    .offer-box{
        margin-top:0
    }
}
.offer-form{
    width:420px;
    margin-right:30px;
    display:inline-block;
    vertical-align:top;
    max-width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.offer-form .word{
    line-height:58px
}
.offer-form input{
    height:58px;
    line-height:58px
}
.offer-form .common-btn{
    font-weight:bold
}
@media screen and (max-width: 800px){
    .offer-form{
        display:block;
        margin:0 auto .15rem
    }
}
@media screen and (max-width: 750px){
    .offer-form{
        padding:0 .15rem
    }
    .offer-form .word{
        line-height:42px
    }
    .offer-form input{
        height:42px;
        line-height:42px
    }
}
.offer-result{
    width:430px;
    display:inline-block;
    vertical-align:top;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #dedede;
    border-radius:10px;
    background:#f9f9f9;
    -webkit-box-shadow:0 5px 20px #e9e9e9;
    box-shadow:0 5px 20px #e9e9e9;
    padding:.1rem;
    max-width:100%
}
.offer-result-total{
    border:3px solid #4d503f;
    border-radius:8px;
    text-align:center;
    font-size:26px;
    color:#333;
    background:#d2d3b4;
    line-height:84px
}
.offer-result-total span{
    color:#e3413a;
    display:inline-block;
    vertical-align:top;
    width:90px;
    text-align:right
}
.offer-result-total i{
    color:#e3413a;
    font-size:16px
}
.offer-result .item{
    margin-top:12px;
    background:#e9e9e9;
    border-radius:4px;
    font-size:0;
    text-align:center;
    line-height:60px;
    height:60px;
    overflow:hidden
}
.offer-result .item .word{
    display:inline-block;
    vertical-align:top;
    width:50%;
    color:#666;
    font-size:18px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-right:1px solid #ddd
}
.offer-result .item .prices{
    color:#333;
    font-size:18px;
    display:inline-block;
    vertical-align:top;
    width:50%
}
.offer-result .item .prices span{
    color:#e3413a;
    display:inline-block;
    vertical-align:top;
    text-align:right;
    width:80px
}
@media screen and (max-width: 800px){
    .offer-result{
        display:block;
        margin:0 auto
    }
}
.contact-con{
    padding:.35rem 0;
    background-color:#f5f5f5;
    background-image:url(../image/inside_bg.jpg);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100% auto
}
.contact-box{
    background:#fff;
    -webkit-box-shadow:0 10px 20px #e9e9e9;
    box-shadow:0 10px 20px #e9e9e9;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:.15rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    background-image:url(../image/contact_bg.jpg);
    background-position:center left;
    background-repeat:no-repeat;
    background-size:cover
}
.contact-box .flex-1{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.contact-box .box{
    width:410px;
    max-width:100%;
    color:#666;
    line-height:28px;
    font-size:16px
}
.contact-box .box p{
    margin-bottom:14px
}
.contact-box .box img{
    max-width:100%;
    height:auto !important
}
.contact-box .box ul{
    list-style:disc
}
.contact-box .box ul li{
    list-style:disc
}
.contact-box .box ol{
    list-style:decimal
}
.contact-box .box ol li{
    list-style:decimal
}
.contact-box .box .item{
    margin-bottom:20px
}
.contact-box .box .t{
    font-size:32px;
    color:#000;
    margin-bottom:.15rem
}
.contact-box .box .t .en{
    text-transform:uppercase;
    font-family:'BASKVILL'
}
.contact-box .box .word{
    float:left;
    font-size:18px;
    color:#000;
    margin-right:5px
}
.contact-box .box .word img{
    display:inline-block;
    vertical-align:middle;
    margin-right:4px
}
.contact-box .box .p{
    overflow:hidden
}
@media screen and (max-width: 1250px){
    .contact-box{
        display:block
    }
    .contact-box .flex-1{
        -webkit-box-pack:start;
        -webkit-justify-content:flex-start;
        -moz-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .contact-box .box{
        width:100%
    }
}
@media screen and (max-width: 750px){
    .contact-box .box .t{
        font-size:22px
    }
    .contact-box .box .word{
        font-size:14px
    }
    .contact-box .box .item{
        margin-bottom:10px
    }
}
.contact-map-box{
    width:860px;
    height:2.6rem;
    overflow:hidden
}
.contact-map-box .map{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden
}
@media screen and (max-width: 1440px){
    .contact-map-box{
        width:660px
    }
}
@media screen and (max-width: 1250px){
    .contact-map-box{
        width:100%
    }
}
.visit-con-1{
    background-color:#fff;
    background-image:url(../image/visit_bg1.jpg);
    background-position:center bottom;
    background-repeat:no-repeat;
    padding:.5rem 0 .75rem
}
@media screen and (max-width: 750px){
    .visit-con-1{
        background-image:none;
        padding-bottom:0
    }
}
.visit-title{
    text-align:center;
    padding:0 .15rem;
    font-size:32px;
    color:#000
}
.visit-title .en{
    font-family:'BASKVILL';
    text-transform:uppercase
}
.visit-title .iconfont{
    color:#e3413a;
    font-size:36px;
    display:inline-block;
    vertical-align:top
}
.visit-title.white-color{
    color:#fff
}
@media screen and (max-width: 750px){
    .visit-title{
        font-size:22px;
        line-height:30px
    }
    .visit-title .iconfont{
        font-size:30px
    }
}
.visit-tip{
    width:1060px;
    max-width:100%;
    margin:.12rem auto 0;
    text-align:center;
    font-size:14px;
    line-height:30px;
    color:#777
}
@media screen and (max-width: 1120px){
    .visit-tip{
        padding:0 .15rem;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
}
.visit-circle{
    text-align:center;
    padding-top:.15rem
}
.visit-circle .item{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    vertical-align:top;
    width:148px;
    height:148px;
    border:1px solid #e3413a;
    border-radius:100%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:16px;
    color:#333;
    margin:0 45px
}
.visit-circle .top{
    margin-bottom:10px
}
.visit-circle .top span{
    color:#e3413a;
    font-size:42px
}
@media screen and (max-width: 1250px){
    .visit-circle .item{
        margin:0 25px 10px
    }
}
@media screen and (max-width: 480px){
    .visit-circle .item{
        width:88px;
        height:88px;
        font-size:12px;
        margin:0 10px 10px
    }
    .visit-circle .top{
        margin-bottom:5px
    }
    .visit-circle .top span{
        font-size:24px
    }
}
.visit-intro{
    padding-top:.3rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.visit-intro .item{
    width:19.48148%;
    background:#fff;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    -moz-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden
}
.visit-intro .item:hover{
    -webkit-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    transform:translateY(-5px)
}
.visit-intro .img{
    width:100%;
    padding-bottom:67.68061%;
    position:relative;
    overflow:hidden
}
.visit-intro .img img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display:block
}
.visit-intro .info{
    padding:.2rem .15rem
}
.visit-intro .t{
    font-size:22px;
    color:#333;
    height:30px;
    line-height:30px;
    text-align:center;
    margin-bottom:12px
}
.visit-intro .p{
    font-size:14px;
    color:#666;
    line-height:24px;
    height:96px;
    overflow:hidden
}
@media screen and (max-width: 900px){
    .visit-intro{
        display:block
    }
    .visit-intro .item{
        display:inline-block;
        vertical-align:top;
        width:31.55556%
    }
}
@media screen and (max-width: 750px){
    .visit-intro .item{
        width:49%;
        margin-bottom:4px
    }
    .visit-intro .t{
        font-size:16px;
        margin-bottom:6px
    }
    .visit-intro .p{
        font-size:12px
    }
    .visit-intro .info{
        background-color:#f5f5f5
    }
}
@media screen and (max-width: 480px){
    .visit-intro .item{
        width:100%
    }
    .visit-intro .p{
        height:auto
    }
}
.visit-con-2{
    padding:.55rem 0 .5rem;
    background-color:#fff
}
.visit-cn-tip{
    text-align:center;
    font-size:18px;
    color:#858585
}
.visit-cn-tip.white-color{
    color:#fff
}
@media screen and (max-width: 750px){
    .visit-cn-tip{
        font-size:14px
    }
}
.visit-tech{
    width:1336px;
    margin:.25rem auto 0
}
@media screen and (max-width: 1516px){
    .visit-tech{
        width:auto;
        margin-right:90px;
        margin-left:90px
    }
}
@media screen and (max-width: 1200px){
    .visit-tech{
        margin-right:.15rem;
        margin-left:.15rem
    }
}
.visit-tech .top-flex{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.visit-tech .left-flex{
    width:66.61677%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.visit-tech .right-flex{
    width:31.81138%
}
.visit-tech .right-flex .img{
    padding-bottom:130.58824%
}
.visit-tech .left-top .img{
    padding-bottom:30%
}
.visit-tech .left-bottom-flex{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.visit-tech .left-bottom-flex .intro-box{
    width:48.8764%
}
.visit-tech .left-bottom-flex .intro-box .img{
    padding-bottom:61.37931%
}
.visit-tech .bottom-flex{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.visit-tech .bottom-flex .intro-box{
    width:49.02695%
}
.visit-tech .bottom-flex .intro-box:first-child{
    margin-right:26px
}
.visit-tech .bottom-flex .intro-box .img{
    padding-bottom:40.76336%
}
.visit-tech .intro-box{
    position:relative;
    margin-bottom:21px;
    display:block;
    overflow:hidden
}
.visit-tech .intro-box:after{
    position:absolute;
    width:100%;
    height:100%;
    content:'';
    z-index:2;
    display:block;
    background-image:url(../image/index_bg2.png);
    background-position:center bottom;
    background-size:auto 100%;
    background-repeat:repeat-x;
    top:0;
    left:0
}
.visit-tech .intro-box .img{
    width:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    display:block;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease
}
.visit-tech .intro-box .t{
    position:absolute;
    width:100%;
    text-align:center;
    z-index:5;
    left:0;
    bottom:20px;
    color:#fff;
    font-size:18px
}
.visit-tech .intro-box:hover .img{
    -webkit-transform:scale(1.05, 1.05);
    -moz-transform:scale(1.05, 1.05);
    -ms-transform:scale(1.05, 1.05);
    transform:scale(1.05, 1.05)
}
@media screen and (max-width: 800px){
    .visit-tech .intro-box{
        margin-bottom:11px
    }
    .visit-tech .intro-box .t{
        font-size:14px;
        bottom:10px
    }
}
@media screen and (max-width: 750px){
    .visit-tech .top-flex,.visit-tech .left-bottom-flex,.visit-tech .bottom-flex{
        display:block
    }
    .visit-tech .left-flex,.visit-tech .right-flex{
        width:100%
    }
    .visit-tech .intro-box .img{
        padding-bottom:61.37931%
    }
    .visit-tech .left-bottom-flex .intro-box,.visit-tech .bottom-flex .intro-box{
        width:100%
    }
    .visit-tech .bottom-flex .intro-box .img{
        padding-bottom:61.37931%
    }
}
.visit-con-3{
    background-position:center top;
    background-repeat:no-repeat;
    background-color:#fff;
    padding:.5rem 0
}
.visit-swiper{
    margin-top:.3rem;
    position:relative
}
.visit-swiper .swiper-slide{
    width:419px
}
.visit-swiper .swiper-slide a{
    display:block
}
.visit-swiper .swiper-slide a:hover .img img{
    -webkit-transform:scale(1.1, 1.1);
    -moz-transform:scale(1.1, 1.1);
    -ms-transform:scale(1.1, 1.1);
    transform:scale(1.1, 1.1)
}
.visit-swiper .swiper-slide a:hover .t{
    color:#e3413a
}
.visit-swiper .swiper-slide .img{
    display:block;
    width:100%;
    padding-bottom:73.46939%;
    position:relative;
    overflow:hidden
}
.visit-swiper .swiper-slide .img img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.visit-swiper .swiper-slide .t{
    margin-top:18px;
    font-size:20px;
    color:#000;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}
.visit-swiper .swiper-slide .p{
    margin-top:10px;
    max-height:60px;
    line-height:30px;
    font-size:15px;
    color:#777;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-word;
    overflow:hidden
}
.visit-swiper .visit-prev,.visit-swiper .visit-next{
    position:absolute;
    width:38px;
    height:38px;
    border:1px solid #e3413a;
    text-align:center;
    line-height:38px;
    color:#e3413a;
    font-size:14px;
    top:50%;
    margin-top:-20px;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease;
    outline:none;
    cursor:pointer;
    border-radius:100%;
    z-index:5
}
.visit-swiper .visit-prev:hover,.visit-swiper .visit-next:hover{
    opacity:.8
}
.visit-swiper .visit-next{
    right:-56px
}
.visit-swiper .visit-prev{
    left:-56px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
@media screen and (max-width: 1200px){
    .visit-swiper .visit-next{
        right:-.125rem
    }
    .visit-swiper .visit-prev{
        left:-.125rem
    }
}
@media screen and (max-width: 750px){
    .visit-swiper .visit-prev,.visit-swiper .visit-next{
        display:none
    }
    .visit-swiper .swiper-slide .t{
        margin-top:10px;
        color:#fff;
        font-size:16px
    }
    .visit-swiper .swiper-slide .p{
        color:#fff;
        margin-top:7px;
        max-height:44px;
        line-height:22px;
        font-size:13px
    }
}
/*# sourceMappingURL=maps/style.css.map */
/*# sourceMappingURL=maps/style.css.map */
 #side358 {
     width: 100%;
     margin: 0px auto;
     text-align: center;
     padding: 15px 0;
     background-color: #fff;
     box-shadow: 0px 20px 20px -20px #666;
     z-index: 999;
     position: relative;
}
 #side358 ul {
     text-align: center;
     display: inline-block;
     width: auto;
     overflow: hidden;
     margin: 0px auto;
}
 #side358 li {
     float: left;
     line-height: 30px;
     font-weight: 400;
     width: auto;
     margin: 5px 5px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     course: hand;
}
 #side358 li a {
     text-align: center;
     font-size: 16px;
     width: auto;
     padding: 5px;
     line-height: 30px;
     padding: 5px 15px 5px 15px;
}
 #side358 li a:hover {
     color: #e3413a;
}
 #side358 .hover a {
     color: #e3413a;
}