@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: inherit}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Arial,SourceHanSansCN;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
button{-webkit-appearance:none;}

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(/themes/pc_cn/public/assets/images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

body{letter-spacing:1px;padding: auto 20px;font-size: 14px;color: #000;font-family: Arial,"SourceHanSansCN";}
body *{box-sizing: border-box;/* line-height: 1; */}


video{ object-fit: cover; }
.oov,
.tov,
.thov {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.oov {
    -webkit-line-clamp: 1;
    white-space：nowrap;
}

.tov {
    -webkit-line-clamp: 2;
}

.thov {
    -webkit-line-clamp: 3;
}
.layout{
    max-width: 1280px;
    margin: 0 auto;
}

@font-face{
    font-family: SourceHanSansCN;
    src: url("https://pan.chinavrway.com/down/1819335/vrway/SourceHanSansCN.ttf");
}

@media(min-width: 1920px){
    html{font-size: calc(100vw / 1920 * 100);}
}

@media(min-width: 1401px) and (max-width: 1920px) {
    html{font-size: 100px}
}

@media(max-width: 1400px) and (min-width: 1001px){
    html{font-size: calc(100vw / 1400 * 100);}
    /*即让html字体大小=屏幕宽度÷设计稿宽度*100px*/
}


@media(max-width: 1000px){
    html{font-size: calc(1000px / 1400 * 100);}
    /*
    即让html字体大小=900px÷设计稿宽度*100px
    让内容区宽度变为100%
    元素的宽度全都固定为当屏幕为900px时的宽度，同时将max-width设置为100%，
    元素宽度和如果大于100%了，让元素自动排列到下一行通常居中显示
    */
}

img{max-width: 100%}
.header{position: fixed;width: 100%;background: rgba(0,0,0,.2);left: 0;top:0;z-index: 9; 
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.header2{background: #333}
.header_b{max-width: 1600px;margin: 0 auto;width: calc(100% - 20px)}
.h_logo{display: block;width: 2.49rem;float: left;line-height: .9rem;}
.h_search{float: right;width: .24rem;height: .24rem;margin-top: .33rem;background: url("/themes/pc_cn/public/assets/images/search.png") no-repeat center;background-size: 100%!important;line-height: .9rem;cursor: pointer;margin-left: .6rem}
.h_search:hover{background: url("/themes/pc_cn/public/assets/images/search-1.png") no-repeat center;background-size: 100%!important;}
.h_tel{float: right;padding-left: .41rem;line-height: .9rem;background: url("/themes/pc_cn/public/assets/images/icon2.png") no-repeat left center;background-size: .26rem;font-size: .24rem;color: #fff;font-weight: bold}
.h_tel:hover{color: #2e94c9;background-image: url("/themes/pc_cn/public/assets/images/icon2-1.png")}
.h_ul{float: right;}
.h_ul{font-size: 16px;color: #ffffff;float: right;}
.h_li{ padding: 0 0.24rem; float: left;height: 100%;/* position: relative; */transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.h_li >a{display: block;line-height: .9rem;}
.h_li.in > a,
.h_li:hover a{color: #2e94c9}
/* .h_li >ul{opacity: 0;border: 1px solid #eee;border-radius: 10px;min-width: 1.5rem;transition: .3s;height: 0;overflow: hidden;padding: 0 10px;box-sizing: border-box;position: absolute;left: 50%;top:90px;transform: translateX(-50%);background: #fff;box-shadow: 0 5px 10px -3px rgba(0,0,0,.1)}
.h_li >ul li{border-bottom: 1px solid #f5f5f5}
.h_li >ul li:last-child{border: none}
.h_li >ul li a{line-height: .4rem;text-align: center;display: block;color: #666;font-size: 14px}
.h_li:hover >ul{opacity: 1;height: auto;top:.8rem} */


.h_li:hover{
    background: #fff;
}

.h_li .sec-box{
    width: 100%;
    padding: 0.4rem 0;
    position: absolute;
    left: 0;
    background: #fff;
    display: none;
}
.h_li .sec-box .layout{
    max-width: 1600px;
}
.h_li .sec-lt{
    width: 2.6rem;
    float: left;
}
.h_li .sec-lt a{
    width: 50%;
    float: left;
    margin: 0.15rem 0;
    color: #666;
    font-size: 0.18rem;
}
.h_li .sec-lt a:hover,
.h_li .sec-lt .on{
    color: #2e94c9;
}
.h_li .sec-rg{
    width: calc(100% - 2.6rem);
    padding-left: 0.3rem;
    float: right;
    border-left: 1px solid #eee;
}
.h_li .sec-li{
    display: none;
}
.h_li .sec-li.on{
    display: block;
}
.h_li .s-it{
    display: block;
    height: 1.6rem;
    width: 18%;
    margin: 0 1%;
    float: left;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.h_li .s-it .pic{
    width: 100%;
    height: 100%;
}
/* .h_li .s-it:hover{
    border: 2px solid #07a7ce;
} */
.h_li .s-it:hover .ej-bg{
    transform:scale(1.1);
}
.h_li:hover .sec-box{
    display: block;
}

.h_menu{display: none;margin-top: .3rem;width: .23rem;height: .18rem;float: right;margin-left: .3rem;background: url("/themes/pc_cn/public/assets/images/menu.png") no-repeat center;background-size: 100%!important;}



@media(max-width: 1600px){
    /* .h_li{margin-right: .3rem} */
    .h_search{margin-left: .3rem}
    .h_ul{font-size: 15px}
}

@media(max-width: 1420px){
    .h_li{
        padding: 0 0.13rem;
    }
    .h_li .sec-lt a{
        margin: 0.1rem 0;
    }
    .h_li .s-it{
        height: 1.4rem;
    }
    
}

@media(max-width: 1000px){
    .h_ul{display: none}
    .h_logo{line-height: .6rem}
    .h_tel{line-height: .6rem}
    .h_search{margin-top: .18rem}
    .h_menu{display: block;margin-top: .2rem}
}
@media(max-width: 500px){
    .h_tel{display: none}
}

.pop{display: none;position: fixed;width: 100%;height: 100%;left: 0; top:0;z-index:10 }
.pop .mask{position: absolute;width: 100%;height: 100%;left: 0;top:0;background: rgba(0,0,0,.8);z-index: 11;}
.menu2_pop>.mask{
    position: fixed;
    display: none;
}
.menu2_pop.on>.mask{ display: block; }

.menu2{
    position: absolute;
    z-index: 12;
    background: #FFF;
    top: 0;
    right: 0;
    width: 280px;
    max-width: 65%;
    padding-top: 20px;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 20px;
}
.menu2_pop .close{
    width: 0.34rem;
    height: 0.34rem;
    background: url(/themes/pc_cn/public/assets/images/icon-close1.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    z-index: 13;
}
.menu2_pop{
    display: block;
    left: 100%;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.menu2_pop.on{
    left: 0;
}
.menu2 .m1 a{color: #333}
.menu2 .m1{position:relative;line-height: 40px;text-indent: 20px;font-size: 16px;color: #333}
.menu2 .m1.m1_1:after{
    content: "+";
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 20px;
    color: #333;
}
.menu2 .m1.show:after{
    content: "-";
}
.menu2 .m1 ul{height: 0;overflow: hidden}
.menu2 .m1_1.show ul{height: auto}
.menu2 .m2{
    font-size: 16px;
    color: #666;
    line-height: 36px;
    text-indent: 40px;
}
.menu2 .m2 a{color: #666}

.h_search_pop{height: .9rem;top:.9rem;}


.h_search_pop_main{position: relative;z-index: 10002;background: #FFF;margin: .2rem auto;max-width: calc(100% - 20px);width: 5rem;height: .5rem;text-align: center;}
.h_search_pop_main .text{font-size: .2rem;text-indent: .18rem;width: calc(100% - .5rem);height: 100%;border: none;background: none;float: left}
.h_search_pop_main .submit{border: none;border-left: 1px solid #eee;width: .5rem;height: 100%;float: right;color: rgba(0,0,0,0);background: url("/themes/pc_cn/public/assets/images/search-1.png") no-repeat center;background-size: .24rem}


@media(max-width: 1000px){
    .h_search_pop{top:.6rem;height: .7rem}
    .h_search_pop_main{margin: .1rem auto}
}

.b1600{width: calc(100% - 40px);max-width: 1600px;margin: 0 auto}
.b1400{width: calc(100% - 40px);max-width: 1400px;margin: 0 auto}




.foot{background: #393939;padding-top: .58rem}
.foot_1{padding-bottom: .7rem;border-bottom: 1px solid rgba(255,255,255,.1)}

.foot_1_div1{float: left;}
.f_logo{display: block;width: 2.04rem;}
.f_ewm{width: 1.34rem;height: 1.34rem;margin: .3rem 0 0 .4rem}

.foot_1_div2{float: right;font-size: .18rem;color: rgba(255,255,255,.6);}
.f_nav_list{}
.f_nav_list .li{float: left;min-width: 1.75rem;}
.f_nav_list .li .a1{display: block;line-height: .4rem;white-space: nowrap}


.f_nav_list2{margin-top: .2rem}
.f_nav_list2 li{}
.f_nav_list2 li a{display: inline-block;font-size: .16rem;margin-top: .1rem;line-height: 1.5}



.foot_2{font-size: .15rem;color:rgba(255,255,255,.5);padding: .25rem 0}

.foot_2_left{float: left;width: 80%}
.foot_2_left .p{line-height: 2;}
.foot_2_left .p b{margin: 0 .1rem}
.foot_2_left .p:nth-child(2) a{margin-right: .35rem}
.foot_2_fx{float: right;margin-top: .25rem; margin-right: 0.1rem;}
.foot_2_fx .item{margin: 0 .07rem;display: block;float: left;width: .38rem;height: .38rem;border-radius: 50%;background: #5b5b5b;line-height: .38rem;text-align: center; position:relative;}
.foot_2_fx .item img{opacity: .6;max-width: .22rem}
.foot_2_fx .item .pic{
    width: 1rem;
    height: 1rem;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0.5rem;
    margin-left: -0.5rem;
    overflow: inherit;
    display: none;
}
.foot_2_fx .item .pic:after{
    content: '';
    position: absolute;
    border-top: 0.1rem solid #fff;
    border-left: 0.1rem solid transparent;
    border-right: 0.1rem solid transparent;
    border-bottom: 0.1rem solid transparent;
    left: 50%;
    margin-left: -0.1rem;
    bottom: -0.2rem;
}
.foot_2_fx .item .pic img{
    max-width: 100%;
    width: 100%;
}
.foot_2_fx .item:hover .pic{
    display: block;
}


.foot_2_fx .item:nth-child(2),
.foot_2_fx .item:hover{background: #2e94c9;}
.foot_2_fx .item:nth-child(2) img,
.foot_2_fx .item:hover img{opacity: 1}

.foot a:hover{color: #2e94c9}


@media(max-width: 1600px){
    .f_nav_list .li{width: auto;margin-left: .5rem;min-width: unset;}
}


@media(max-width: 1000px){
    .foot{padding-top: .3rem}
    .foot_1_div1{float: none;}
    .f_logo{margin: 0 auto}
    .f_ewm{margin: .3rem auto}
    .foot_1{padding-bottom: .1rem}
    .f_nav_list{float: none}
    .f_nav_list .li{margin: 0;width: 20%;text-align: center;margin-bottom: .3rem}
    .f_nav_list .li:last-child{text-align: left;width: 100%}
    .foot_2_left{float: none;width: 100%}
    .foot_2_fx{float: none;text-align: center; margin-right: 0;}
    .foot_2_fx .item{display: inline-block;float: none}
    .foot_2_left .p:nth-child(2) a{margin-right: .15rem}
    .f_nav_list2{margin-top: .1rem}
}


.banner{position: relative}
.banner img{width: 100%}


.banner .slider{position: absolute;width: 100%;height: 100%}

.banner_num{color: #fff;font-weight: bold;;position: absolute;bottom:20%;left: 50%; margin-left: -41%; z-index: 2;}
.banner_num .p1{font-size: .5rem}
.banner_num .p2{font-size: .2rem}
.banner_num b{font-size: .25rem;margin-left: .1rem}


.Title{height: 1.9rem;text-align: center;position: relative;}
.Title .icon{height: .2rem;padding: .5rem 0 .1rem;box-sizing: unset}
.Title .icon img{max-height: .2rem}
.Title .title{position: relative;height: .54rem}
.Title .title .t{padding: 0 .3rem;font-weight: bold;font-size: .32rem;color: #3295c8;line-height: .54rem;display: inline-block;position: absolute;left: 50%;transform: translateX(-50%);height: 100%;}
.Title .title .t:after,
.Title .title .t:before{top:50%;transform: translateY(-50%);display: block;content: '';width: 3.42rem;height: .16rem;position: absolute;background-size: 3.42rem;background-repeat: no-repeat}

.Title .title .t:before{background-image: url("/themes/pc_cn/public/assets/images/bg1.png");left: -3.42rem;background-position: right center}
.Title .title .t:after{background-image: url("/themes/pc_cn/public/assets/images/bg1-1.png");right: -3.42rem;background-position: left center}

.Title.w-tt .title .t:before{background-image: url("/themes/pc_cn/public/assets/images/bg2-w.png");}
.Title.w-tt .title .t:after{background-image: url("/themes/pc_cn/public/assets/images/bg2-1-w.png");}



.Title .text{font-size: .18rem;color: #999999}

.Title.w-tt .title .t,
.Title.w-tt .text{
    color: #fff;
}




@media(max-width: 1000px){
    .Title .title .t:after,
    .Title .title .t:before{width: 1rem;}
    .Title .title .t:before{left: -1rem}
    .Title .title .t:after{right: -1rem}
    .Title .title .t{font-size: .3rem}
    .Title{height: 1.7rem}
    .Title .icon{padding: .3rem 0 .1rem}
}

.More{background: #3295c8;color: #FFFFFF;display: block;width: 1.6rem;margin: 0 auto;margin-top: .6rem;font-size: .16rem;text-align: center;line-height: .5rem;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.More:hover{background: #277fad}

.index_1{padding-bottom: .6rem;background: url("/themes/pc_cn/public/assets/images/bg3.png") no-repeat top;background-size: 100%!important;}
.index_1_main{height: 5.8rem;width: 100%;}

.index_1_main .kwicks{width: 100%;height: 100%;}
.index_1_main .kwicks li{height: 100%;padding-right: .1rem; width: 16.6%;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.index_1_main .kwicks li>div{
    position: relative;
}
.index_1_main .kwicks li>div:before{
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: rgba(0,0,0,0.5);
}
.index_1_main .kwicks li:last-child{padding-right: 0}

.index_1_main .kwicks .kwicks-selected{
    width: 35%;
}
.index_1_main .kwicks .other{
    width: 13%;
}


.index_1_main_item{width: 100%;height: 100%;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center; cursor: pointer;}
.index_1_main_item .div1{position: absolute;left: 50%;transform: translateX(-50%);bottom:.9rem;}
.index_1_main_item .div1 .icon{width: .5rem;height: .45rem;margin: 0 auto;text-align: center;line-height: .45rem}
.index_1_main_item .div1 .icon img{max-width: 100%;max-height: 100%}
.index_1_main_item .div1 .p{/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis*/;line-height: 1.3;font-size: .24rem;padding-top: .2rem;color: #FFFFFF;white-space: nowrap}
.index_1_main_item .div1 .p br{display: none}
.index_1_main_item .bg{z-index: 2;display: none;position: absolute;width: 100%;height: 100%;left: 0;top:0;background: rgba(50,149,200,.85)}


.index_1_main_item_main{display: none;position: relative;z-index: 3;color: #ffffff;padding: .3rem;  cursor: pointer;}
.index_1_main_item_main .title{font-size: .3rem;font-weight: bold;padding-top: .2rem}
.index_1_main_item_main .p1{font-size: .18rem;padding-top: .1rem;padding-bottom: .2rem}
.index_1_main_item_main .text{font-size: .14rem;line-height: 1.8;height: .8rem;overflow: hidden;}
.index_1_main_item_main .img{margin-top: .2rem}
.index_1_main_item_main .img .item{position: relative;width: 41%;float: left;margin-right: 8%;margin-bottom: .18rem}
.index_1_main_item_main .img .item .img_{padding-top: 65%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.index_1_main_item_main .img .item .p2{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: absolute;width: 100%;text-align: center;line-height: .3rem;left: 0;bottom:0;background: rgba(0,0,0,.58);font-size: .14rem}
.index_1_main_item_main .more{font-size: .14rem;;display: block}


.index_1_main .kwicks li.kwicks-selected .index_1_main_item .bg{display: block}
.index_1_main .kwicks li.kwicks-selected .index_1_main_item .div1{display: none}
.index_1_main .kwicks li.kwicks-selected .index_1_main_item_main{display: block}


.index_2{background: url("/themes/pc_cn/public/assets/images/bg4.png") no-repeat center;background-size: cover!important; padding-bottom: 0.6rem;}

.index_2_main{color: #fff}
.index_2_main .item{position: relative; display: block; }
.index_2_main .item.item1{width: 50%;float: left;height: 5.7rem;position: relative; overflow: hidden;}
.index_2_main .item.item1 .bg{position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top:0;background-size: cover;background-repeat: no-repeat;background-position: center;transition: .3s all; opacity: 0.7; background-color: #000;}
.index_2_div1{height: 100%;background: rgba(50,149,200,.8);position: relative;z-index: 2}
.index_2_main .item.item2{width: 48.125%;height: 2.7rem;float: right;margin-bottom: .28rem; overflow: hidden;}
.index_2_main .item.item3{width: 23.125%;height: 2.7rem;float: right; overflow: hidden;}
.index_2_main .item.item4{width: 23.125%;height: 2.7rem;float: right;margin-right: 1.8125%;overflow: hidden;}
.index_2_main .item.item1:hover .bg{
    transform:scale(1.1);
}
.s-item{
    position: relative;
}

.index_2_main .item .nor-box,
.index_2_main .item .sel-box{
    width: 100%;
    height: 100%;
}
.index_2_main .item:hover .nor-box{
    display:none;
}

.index_2_main .item:hover .sel-box{
    display:block;
}

/* .s-item .index_2_div1 .top{
    padding-top: 0.2rem;
}
*/


.index_2_div1{text-align: center}
.index_2_div1 .top{font-size: .3rem;font-weight: bold;padding-top: .6rem; position: relative;}
.index_2_div1 .line{width: .4rem;height: .04rem;margin: .25rem auto .2rem;background: #FFFFFF;transition: .3s all}
.index_2_div1  .more1{
    font-size: 0.15rem;
    position: absolute;
    top: 50%;
    transform:translate(0.1rem,22%);
    border:1px solid #fff;
    padding:0 .06rem;
}
.item1 .index_2_div1 .more1{
    transform:translate(0.1rem,80%);
}


.index_2_div1_bottom{}
.index_2_div1_bottom .item{width: 25%;float: left;}
.index_2_main .item.s-item .index_2_div1_bottom{
    justify-content:space-between;
    display: flex;
    
}
.index_2_main .item.s-item .index_2_div1_bottom .item{
    flex:1;
    width: auto;
    float: none;
}
.index_2_div1_bottom .item .lt{
    width: 100%;
}
.index_2_div1_bottom .item .rg{
    width: 1.8rem;
    float: right;
    display: none;
}
.index_2_div1_bottom .item .icon{
    width: 0.64rem;
    height: 0.64rem;
    line-height: 0.64rem;
    border-radius: 100%;
    background: #fff; 
    margin: 0 auto 0.2rem;
}
.index_2_div1_bottom .item .icon img{
    max-width: 50%;
    max-height: 50%;
}

.index_2_div1_bottom .item .title{
    margin-bottom: 0.4rem;
    font-size: calc(12px - 0.12rem + 0.18rem);
    font-weight: bold;
}
.index_2_div1_bottom .item .p2{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #fff;
    padding: 0.15rem 0;
    display: block;
}
.index_2_div1_bottom .item .more{
    font-size: 12px;
    margin-top: 0.05rem;
    display: none;
}
.index_2_div1_bottom .item2{
    position: relative;
}
.index_2_div1_bottom .pic1{
    position: absolute;
    width: 1.8rem;
    height: 1.3rem;
    /* border: 0.05rem solid #fff; */
    /*background: #fff;*/
    left:100%;
    top: 50%;
    margin-top: -0.65rem;
    display: none;
    float: left;
}
.index_2_div1_bottom .pic1 .ej-bg{
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
}
/* .index_2_div1_bottom .pic1:before{
    content: '';
    border-left: 0.08rem solid transparent;
    border-top: 0.08rem solid transparent;
    border-bottom: 0.08rem solid transparent;
    border-right: 0.08rem solid #fff;
    position: absolute;
    left: -0.21rem;
    top: 50%;
    margin-top: -0.08rem;
} */
.index_2_div1_bottom .item2:hover .pic1{
    display: block;
}
.index_2_div1_bottom .item.on{
    width: 40%;
}
.index_2_div1_bottom .item.on .lt{
    width: calc(100% - 1.8rem);
}
.index_2_div1_bottom .item.on .rg{
    display: block;
}
.index_2_div1_bottom .item.other{
    width: 20%;
}


.index_2_main .item .img{transition: .3s all;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.index_2_main .item .txt{position: absolute;left: .25rem;bottom:.2rem;z-index: 2}
.index_2_main .item .txt .line{width: .4rem;height: .04rem;background: #FFFFFF;margin-bottom: .2rem;transition: .3s all}
.index_2_main .item .txt .text{font-size: .16rem;font-weight: bold;line-height: 1; text-transform: uppercase;}
.index_2_main .item .b-tt{ font-size: 0.3rem; font-weight: bold; margin-bottom: 0.05rem; }
.index_2_main .item .s-tt{ font-size: 0.18rem; text-transform: uppercase; }

.index_2_main .item:hover .img{transform: scale(1.05);}
.index_2_main .item:hover .txt .line{width: .8rem;background: #3295c8;}
/*.index_2_main .item:hover .txt .line{width: .8rem;background: #3295c8;}*/
/*.index_2_main .item:hover .txt .text{color: #3295c8}*/

/* .index_2_main .item .b-tt .more1{
    font-size: 0.14rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.05rem;
    margin-left: 0.1rem;
    border:1px solid #fff;
    padding: 0 0.06rem;
}
*/
.index_2_main .item .more1{
    font-size: 0.14rem;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.2rem;
    border:1px solid #fff;
    padding: 0 0.06rem;
}

.s-item .index_2_div1 .top{
    padding-top: 0.3rem;
    
}
.s-item .index_2_div1 .top{
    font-size: 0.24rem;
}
.s-item .index_2_main .item .s-tt {
    font-size: 0.16rem;
}
.s-item .index_2_div1_bottom .item .icon{
    width: 0.44rem;
    height: 0.44rem;
    line-height: 0.44rem;
    cursor: pointer;
    margin-bottom: 0.1rem;
}
.s-item .index_2_div1_bottom .item .title {
    margin-bottom: 0.2rem;
    font-size: calc(12px - 0.12rem + 0.14rem);
}

.s-item .bg-gro{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
}
.s-item .bg-gro .bg{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    display: none;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.7;
}
.s-item .bg-gro video{
    height: 100%;
    width:100%;
    position: absolute;
    left: 0%;
    top: 0%;
    display: none;
    background: #000;
}
.s-item .bg-gro .on{
    display: block;
}



.index_3{
    padding-bottom: 0.6rem;
}

.hm-vis{
    overflow: hidden;
}
.hm-vis .v-it{
    width: 20%;
    height: 4.3rem;
    float: left;
    position: relative;
    overflow: hidden;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.hm-vis .v-it .pic{
    width: 100%;
    height: 100%;
}
.hm-vis .v-it .hd{
    position: absolute;
    top: 0.4rem;
    width: 100%;
    left: 0;
    padding: 0 0.2rem;
    color: #fff;
    font-weight: bold;
    font-size: calc(12px - 0.12rem + 0.24rem);
}
.hm-vis .v-it .m-dd{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0.8rem;
    padding: 0 0.2rem;
    font-size: 12px;
    color: #fff;
    display: none;
}
.hm-vis .v-it .tex{
    width: 100%;
    height: 100%;
    background: rgba(50,149,200,0.75);
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0.85rem 0.9rem 0;
    text-align: center;
    color: #fff;
}
.hm-vis .v-it .icon{
    margin-bottom: 0.2rem;
    height: 0.8rem;
}
.hm-vis .v-it .tt{
    font-weight: bold;
    font-size: calc(12px - 0.12rem + 0.2rem);
    margin-bottom: 0.25rem;
}
.hm-vis .v-it .dd{
    font-size: calc(12px - 0.12rem + 0.15rem);
    line-height: 1.8;
    text-align: left;
}

.hm-vis .v-it.on{
    width: 40%;
}
.hm-vis .v-it.on .hd,
.hm-vis .v-it.on .m-dd{
    display: none;
}
.hm-vis .v-it.on .tex{
    top: 0;
}
.hm-vis .v-it.other{
    width: 15%;
}

.index_4{
    padding: 1.4rem 0 1.1rem;
}
.index_4 .content{
    width: 50%;
}
.index_4 .hd{
    margin-bottom: 0.4rem;
}
.index_4 .hd .tt{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.36rem;
    font-weight: bold;
    color: #3295c8;
}
.vd-btn{
    display: inline-block;
    vertical-align: middle;
    width: 0.38rem;
    height: 0.38rem;
    margin-left: 0.2rem;
    background: url(/themes/pc_cn/public/assets/images/icon-play.png) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}
.index_4 .dd{
    margin-bottom: 0.8rem;
    font-size: 0.18rem;
    color: #fff;
}

.tec-gro{
    overflow: hidden;
    width: 70%;
}
.tec-it{
    width: 2.3rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border: 1px solid #ccc;
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #fff;
    margin-right: 0.25rem;
    margin-bottom: 0.3rem;
    float: left;
}
.tec-it .ic{
    margin-right: 0.1rem;
}
.index_4 .More{
    margin-left: 0;
    margin-right: auto;
}


.index_5.com-mod{
    padding-top: 0;
}

.hm-news{
    padding-bottom: 0.7rem;
}
.hm-news .nw-lt{
    width: 37.5%;
    float: left;
}

.hm-news .nw-lt .swiper-pagination{
    bottom: 1.2rem;
    text-align: right;
    padding-right: 0.15rem;
}

.nw-it4{
    display: block;
    width: 100%;
}
.nw-it4 .pic{
    height: 3.65rem;
}
.nw-it4:hover .ej-bg{
    transform:scale(1.1);
}
.nw-it4 .tex{
    height: 1.1rem;
    background: #2e94c9;
    padding: 0.3rem 0.15rem;
    color: #fff;
    line-height: 1.1;
}
.nw-it4 .tt{
    margin-bottom: 0.15rem;
    font-size: calc(12px - 0.12rem + 0.18rem);
}
.nw-it4 .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
}

.hm-news .nw-rg{
    width: 60%;
    float: right;
}

.nw-menu{
    width: 100%;
    overflow: hidden;
}
.nw-menu li{
    width: 50%;
    height: 0.5rem;
    line-height: 0.5rem;
    float: left;
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #888;
    background: #e6e6e6;
    cursor: pointer;
}
.nw-menu .on{
    background: #2e94c9;
    color: #fff;
}

.nw-it5{
    overflow: hidden;
    display: block;
    padding: 0.15rem 0;
    border-bottom: 1px solid #eee;
}
.nw-it5 .time{
    width: 0.8rem;
    height: 0.8rem;
    text-align: center;
    padding-top: 0.2rem;
    float: left;
    color: #888;
    background: #e6e6e6;
}
.nw-it5 .day{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.2rem);
}
.nw-it5 .year{
    font-size: calc(12px - 0.12rem + 0.14rem);
}
.nw-it5 .tex{
    margin-left: 1rem;
    padding-top: 0.1rem;
}
.nw-it5 .tt{
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #555;
    margin-bottom: 0.1rem;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.nw-it5 .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #888;
}
.nw-it5:hover .tt{
    color: #2e94c9;
}

.coop-mod{
    margin: 0.5rem 0;
}
.coop-mod .swiper-container{
    padding-bottom: 0.6rem;
}
.coop-mod .swiper-pagination-bullet{
    background: #eee;
    opacity: 1;
}
.coop-mod .swiper-pagination-bullet-active{
    background: #3aa0d4;
}
.coo-it{
    height: 0.9rem;
    line-height: 0.9rem;
    width: 100%;
    border: 1px solid #e5e5e5;
    text-align: center;
    overflow: hidden;
}
.coo-it img{
    max-width: 100%;
    max-height: 100%;
}

.map-mod .map{
    margin: 0 auto;
    width: 13.92rem;
    padding-bottom: 47%;
    position: relative;
    background-size: 100% 100%;
}
.mp-it{
    position: absolute;
    cursor: pointer;
}
.mp-it .ic{
    display: block;
    width: 0.28rem;
    height: 0.28rem;
    background:url(/themes/pc_cn/public/assets/images/icon-mp.png);
    background-size: 100% 100%;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.mp-it:hover .ic,
.mp-it.on .ic{
    background-image:url(/themes/pc_cn/public/assets/images/icon-mp-sel.png);
}
.mp-it .int-box{
    position: absolute;
    width: 6rem;
    height: 1.95rem;
    top: 0.5rem;
    left: 50%;
    transform:translate(-50%,0);
    background: #3295c8;
    padding: 0.2rem;
    /* display: none; */
    z-index: 3;
}
.mp-it.tl .int-box{
    transform: translate(-20%,0);
}
.mp-it.tl .int-box:before{
    left: 20%;
}
.mp-it.tr .int-box{
    transform: translate(-80%,0);
}
.mp-it.tr .int-box:before{
    left: 80%;
}
.mp-it.on .int-box{
    display: block !important;
}
.mp-it .int-box:before{
    content: '';
    border-top: 0.16rem solid transparent;
    border-left: 0.16rem solid transparent;
    border-right: 0.16rem solid transparent;
    border-bottom: 0.16rem solid #3295c8;
    position: absolute;
    left: 50%;
    top: 0;
    transform:translate(-50%,-100%);
}
.mp-it .int-box .pic{
    width: 2.1rem;
    height: 100%;
    float: left;
}
.mp-it .int-box .tex{
    margin-left: 2.35rem;
    padding-top: 0.1rem;
    color: #fff;
}
.mp-it .int-box .tt{
    font-size: calc(12px - 0.12rem + 0.18rem);
    margin-bottom: 0.15rem;
}
.mp-it .int-box .dd{
    font-size: calc(12px - 0.12rem + 0.15rem);
    margin-bottom: 0.3rem;
}

.mp-it .swiper-container{
    width: 100%;
    height: 100%;
}
.mp-it .swiper-pagination-bullet{
    border: 1px solid #fff;
    background: transparent;
    opacity: 1;
    margin-right: 0.1rem;
}
.mp-it .swiper-pagination-bullet-active{
    background: #fff;
}
.index_6{
    overflow: hidden;
}


@media(max-width: 1440px){
    .s-item .index_2_div1_bottom .item .title {
        font-size: 12px;
    }
    .index_2_main .item .s-tt {
        font-size: 0.16rem;
    }
    .index_2_main .item .txt .text{
        font-size: 0.14rem;
    }
    
}
@media(max-width: 1000px){
    .index_1_main{height: 5.3rem}
    .index_1_main_item .div1 .icon{width: .35rem}
    .index_1_main_item .div1 .p{font-size: .2rem}
    .index_2_div1  .more1,
    .item1 .index_2_div1 .more1{
        /* right: 0.08rem;
        top: 0.08rem; */
        font-size: 12px;
    }
    
}

@media(max-width: 900px){
    .index_1_main_item_main .title{font-size: .24rem}
    .index_1_main .kwicks li{padding-right: .05rem}
    .index_1_main_item_main{padding: .2rem}
    .index_1_main_item_main .img .item{width: 100%;margin-right: 0;}
    .index_1_main_item_main .img .item:nth-child(2),
    .index_1_main_item_main .img .item:nth-child(3),
    .index_1_main_item_main .img .item:nth-child(4){display: none}
}


@media(max-width: 700px){
    .index_1_main{height: 4.5rem}
    .index_1_main_item .div1 .p{width: .3rem;}
    .index_1_main_item .div1 .p br{display: block}
    
    .index_1_main .kwicks li{ width: 50%; padding-right: 0; height: 4.8rem; position:relative;}
    
    .index_1_main .kwicks .kwicks-selected,.index_1_main .kwicks .other{ width: 50%;  }
    .index_1_main_item_main .img .item:nth-child(2), .index_1_main_item_main .img .item:nth-child(3), .index_1_main_item_main .img .item:nth-child(4){
        display: none;
    }
    .index_1_main_item_main .img .item{ width: 23%; margin-right: 2%; display: none; }
    .index_1_main{ height: auto; padding: 0 20px; }
    .index_1_main_item .div1{ bottom: 3.1rem; }
    .index_1 .More{ margin-top: 0.25rem; }
    .hm-vis .v-it,
    .hm-vis .v-it.other,
    .hm-vis .v-it.on{
        width: 100%;
    }
    .hm-vis .v-it .m-dd{
        display: -webkit-box;
    }
    .index_1_main_item_main .title{
        padding-top: 0;
        font-size: .2rem;
    }
    .index_1_main_item_main .p1{
        /* padding: 0.05rem  0 0.1rem; */
    }
    .index_1_main_item_main .text {
        font-size: 12px;
        line-height: 1.4;
        height: .44rem;
        overflow: hidden;
        display: none;
    }
    .index_1_main_item_main{
        display: block;
        height: 2.4rem;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }
    .index_1_main_item .bg,
    .index_1_main .kwicks li.kwicks-selected .index_1_main_item .bg{
        display: block;
        height: 50%;
        position: absolute;
        left: 0;
        top: 50%;
    }
    .index_1_main_item_main .p1{
        white-space: normal;
    }
    .index_2_div1_bottom .item .more{
        display: inline-block;
    }
    .index_2_div1 .more1 {
        transform: translate(0.1rem,0%);
    }
    .item1 .index_2_div1 .more1 {
        transform: translate(0.1rem,0%);
    }
    
}


@media(max-width: 500px){
    /* .index_1_main{height: 4rem} */
    /* .index_1_main_item_main .p1{padding-top: .2rem} */
}






/* Seazhe-start */
.oov,
.tov,
.thov {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.oov {
    -webkit-line-clamp: 1;
    white-space：nowrap;
}

.tov {
    -webkit-line-clamp: 2;
}

.thov {
    -webkit-line-clamp: 3;
}
.layout{
    max-width: 1400px;
    margin: 0 auto;
}
.ej-bg{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.pic{
    overflow: hidden;
}
.pic .ej-bg{
    display: block;
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.pic video{
    width: 100%;
    height: 100%;
    background: #000;
}

.ban-mod .layout{
    height: 6rem;
    line-height: 6rem;
    text-align: center;
}
.ban-mod .tex{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    text-align: center;
    color: #fff;
}
.ban-mod .en{
    font-size: calc(12px - 0.12rem + 0.5rem);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0.2rem;
}
.ban-mod .cn{
    font-size: calc(12px - 0.12rem + 0.24rem);
}
.ban-mod .dd{
    display: inline-block;
    vertical-align: middle;
    padding: 0.15rem 0.45rem;
    background: rgba(255,255,255,0.25);
    border: 1px solid rgba(255,255,255,0.5);
    font-size: calc(12px - 0.12rem + 0.24rem);
    line-height: 1.4;
}



.menu-mod{
    height: 0.6rem;
    line-height: 0.6rem;
    background: #fff;
    overflow: hidden;
    width: 100%;
    /* border-bottom: 1px solid #eee; */
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #999;
}
.menu-mod a{
    color: #999;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.menu-mod a:hover{
    color: #2e94c9;
}
.menu-mod a:hover:before{
    color: #999;
}

.menu-mod .m-ps{
    float: right;
}
.menu-mod .m-ps a:before{
    content: '>';
    display: inline-block;
    vertical-align: middle;
    font-size: 0.16rem;
    margin: 0 0.1rem;
    margin-top: -0.04rem;
}
.menu-mod .home:before{
    content: '';
    width: 16px;
    height: 16px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.04rem;
    margin-right: 0.1rem;
    background: url(/themes/pc_cn/public/assets/images/icon-ps.png) no-repeat center;
    background-size: contain;
}
.menu-mod .m-ps a:first-of-type:before{
    display: none;
}
.menu-mod .m-ps .on{
    color: #0482fd;
}
.menu-mod .m-ps .on:before{
    color: #999;
}
.menu-mod .m-list{
    float: left;
}
.menu-mod .m-list li{
    float: left;
}
.menu-mod .m-list a{
    display: block;
    padding: 0 0.4rem;
    color: #666;
    position: relative;
    text-align: center;
}

.menu-mod .on a,
.menu-mod .m-list li:hover a{
    color: #fff;
    background: #2e94c9;
}
/* .menu-mod .m-list li:hover a{
    color: #2e94c9;
} */
.com-mod{
    padding: 0.65rem 0 0.75rem;
    overflow: hidden;
}

.tt-mod{
    text-align: center;
    margin-bottom: 0.5rem;
}
.tt-mod .en{
    color: #bbb;
    font-size: calc(12px - 0.12rem + 0.3rem);
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 0.1rem;
}
.tt-mod .cn{
    color: #2e94c9;
    font-size: calc(12px - 0.12rem + 0.36rem);
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.3rem;
}
.tt-mod .cn:before,
.tt-mod .cn:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0.62rem;
    height: 2px;
    background: #2e94c9;
}
.tt-mod .cn:before{
    margin-right: 0.4rem;
}
.tt-mod .cn:after{
    margin-left: 0.4rem;
}
.tt-mod .dd{
    color: #777;
    font-size: calc(12px - 0.12rem + 0.18rem);
}
.tt-mod.w-tt .en{
    color: #fff;
    opacity: 0.8;
}
.tt-mod.w-tt .cn{
    color: #fff;
}
.tt-mod.w-tt .cn:before,
.tt-mod.w-tt .cn:after{
    background: #fff;
}
.tt-mod.w-tt .dd{
    color: #fff;
}
.tt-mod.b-tt .en,
.tt-mod.b-tt .dd{
    color: #2e94c9;
}
.tt-mod.no-ln .cn:before,
.tt-mod.no-ln .cn:after{
    display: none;
}

.dig-mod{
    height: 5.8rem;
}
.dig-mod .pic{
    width: 60%;
    height: 100%;
    float: left;
}
.dig-mod .pic .swiper-container{
    width: 100%;
    height: 100%;
}
.dig-mod .rg-box{
    margin-left: 60%;
    height: 100%;
    background: #2e94c9;
}
.dig-mod .rg-box .swiper-slide{
    background: #2e94c9;
}
.dig-mod .d-tex{
    height: 3.3rem;
    padding: 0.5rem 0.4rem 0;
}
.dig-mod .hd{
    overflow: hidden;
    margin-bottom: 0.35rem;
    color: #fff;
    line-height: 1;
}
.dig-mod .hd .icon{
    height: 0.44rem;
    float: left;
    margin-right: 0.25rem;
}
.dig-mod .hd .cn{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.18rem);
}
.dig-mod .hd .en{
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.dig-mod  .tex{
    min-height: 1.8rem;
    overflow-y: auto;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.dig-mod .d-menu{
    overflow: hidden;
}
.dig-mod .d-menu li{
    width: 33.3%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.16rem);
    margin-bottom: 0.4rem;
    opacity: 0.5;
    cursor: pointer;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.dig-mod .d-menu .on{
    opacity: 1;
}
.dig-mod .d-menu .icon{
    height: 0.52rem;
    margin-bottom: 0.15rem;
}
.bg-gray{
    background-color: #f7f7f7;
}
.bg-gray1{
    background-color: #fcfcfc;
}
.ej-tab li{
    cursor: pointer;
}
.ej-tcon .ej-col{
    display: none;
}
.ej-tcon .ej-col.on{
    display: block;
}
.pa-menu{
    text-align: center;
    /* display: flex;
    justify-content: space-between; */
    margin-bottom: 0.35rem;
}
.pa-menu li{
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 0.52rem;
    line-height: 0.48rem;
    border: 1px solid #d2d2d2;
    color: #666;
    font-size: calc(12px - 0.12rem + 0.16rem);
    margin: 0 0.1rem 0.1rem;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.pa-menu li span{
    display: inline-block;
    vertical-align: middle;
}
.pa-menu li img{
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.15rem;
    margin-top: -0.02rem;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.pa-menu li .sel{
    display: none;
}
.pa-menu .on,
.pa-menu li:hover{
    background: #2e94c9;
    color: #fff;
}
.pa-menu .on .nor,
.pa-menu li:hover .nor{
    display: none;
}
.pa-menu .on .sel,
.pa-menu li:hover .sel{
    display: inline-block;
}

.cs-it{
    width: 32%;
    display: block;
    background: #fff;
    line-height: 1.1;
    margin: 0 0.6% 0.3rem;
    float: left;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.cs-it .pic{
    height: 2.6rem;
}
.cs-it:hover .ej-bg{
    transform:scale(1.1);
}
.cs-it .tex{
    height: 0.9rem;
    padding: 0.2rem;
}
.cs-it .tt{
    margin-bottom: 0.1rem;
    color: #333;
    font-size: calc(12px - 0.12rem + 0.18rem);
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.cs-it .dd span{
    color: #666;
    font-size: calc(12px - 0.12rem + 0.15rem);
    margin-right: 0.25rem;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.cs-it:hover{
    background: #2e94c9;
}
.cs-it:hover .tt,
.cs-it:hover .dd span{
    color: #fff;
}
.ej-btn{
    display: block;
    width: 1.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    background: #3295c8;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.16rem);
    margin: 0.3rem auto;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.ej-btn:hover{
    background: #2c86b5;
}
.ser-mod{
    overflow: hidden;
    position: relative;
}
.ser-mod .bg-gro{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
.ser-mod .bg-gro li{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.ser-mod .bg-gro li:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(50,149,200,0.8);
}
.ser-mod .bg-gro .on{
    display: block;
}
.ser-it{
    width: 16.6%;
    float: left;
    color: #fff;
    position: relative;
    padding: 0 0.1rem;
    cursor: pointer;
    z-index: 3;
    overflow: hidden;
}
.ser-it .nor{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.ser-it:after{
    content: '';
    width: 1px;
    height: 500%;
    background: rgba(255,255,255,0.1);
    position: absolute;
    right: 0;
    top: -200%;
    
}
.ser-it .hd{
    margin-bottom: 0.2rem;
    text-align: center;
    line-height: 1;
}
.ser-it .hd .icon{
    display: inline-block;
    vertical-align: middle;
    width: 0.7rem;
    height: 0.7rem;
}
.ser-it .hd span{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-top: 0.06rem;
    margin-left: 0.1rem;
    display: none;
}
.ser-it .hd .cn{
    font-size: calc(12px - 0.12rem + 0.2rem);
    font-weight: bold;
    margin-bottom: 0.15rem;
}
.ser-it .hd .en{
    font-size: calc(12px - 0.12rem + 0.15rem);
    text-transform: uppercase;
}
.ser-it .md{
    text-align: center;
}
.ser-it .md .cn{
    font-size: calc(12px - 0.12rem + 0.18rem);
    margin-bottom: 0.15rem;
}
.ser-it .md .en{
    font-size: calc(12px - 0.12rem + 0.15rem);
    text-transform: uppercase;
}
.ser-it .tex{
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 1.5;
    opacity: 0;
    transform:translateY(-100%);
    
}
.ser-it .sel .hd span{
    display: inline-block;
}
.ser-it .sel .md{
    display: none;
}
.ser-it .sel .tex{
    transform:translateY(0%);
    opacity: 1;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.ser-it .sel{
    opacity: 0;
    transform:translate(-120%,0);
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.ser-it.on .nor{
    /*  display: none; */
    opacity: 0;
}
.ser-it.on .sel{
    opacity: 1;
    transform:translate(0%,0);
}
.sol-it{
    width: 48%;
    height: 4.45rem;
    float: left;
    position: relative;
    color: #fff;
    overflow: hidden;
    margin: 0 1% 0.4rem;
}
.sol-it .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.sol-it .bt{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0rem;
    padding: 0 0.3rem 0.3rem;
    line-height: 1;
    z-index: 1;
}
.sol-it .bt:before{
    content: '';
    height: 2rem;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background:url(/themes/pc_cn/public/assets/images/bg-line.png) repeat-x;
    background-size: auto 100%;
    z-index: -1;
}
.sol-it .bt .icon{
    width: 0.52rem;
    height: 0.52rem;
}
.sol-it .bt span{
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.15rem;
}
.sol-it .bt .cn{
    font-size: calc(12px - 0.12rem + 0.22rem);
    margin-bottom: 0.1rem;
}
.sol-it .bt .en{
    font-size: calc(12px - 0.12rem + 0.16rem);
    text-transform: uppercase;
}
.sol-it .tex{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    padding: 1rem 1.2rem 0;
    background: rgba(46,148,201,0.85);
    z-index: 2;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.sol-it .tex .hd{
    text-align: center;
    margin-bottom: 0.4rem;
}
.sol-it .tex .cn{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.26rem);
}
.sol-it .tex .en{
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.sol-it .tex .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 1.4;
}
.sol-it.show-tex:hover .tex{
    top: 0;
}
.sol-it.show-tex:hover .bt{
    display: none;
}

.exh-it{
    height: 4.95rem;
    background: #fff;
    padding: 0.3rem 0.4rem;
    line-height: 4.35rem;
    margin-right: 0.8rem;
}
.exh-it .tex{
    padding-top: 0.6rem;
    width: 50%;
    float: left;
    padding-right: 10%;
    line-height: normal;
}
.exh-it .hd{
    display: block;
    margin-bottom: 0.7rem;
    line-height: 1;
}
.exh-it .hd .en{
    margin-bottom: 0.2rem;
    font-size: calc(12px - 0.12rem + 0.3rem);
    color: #bbb;
    text-transform: uppercase;
}
.exh-it .hd .cn{
    font-size: calc(12px - 0.12rem + 0.36rem);
    color: #2e94c9;
    font-weight: bold;
}
.exh-it .tex .lb{
    font-size: calc(12px - 0.12rem + 0.26rem);
    color: #2e94c9;
    font-weight: bold;
    margin-bottom: 0.1rem;
}
.exh-it .tex .dd{
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #333;
    line-height: 1.5;
}
.exh-it .pic1{
    float: right;
    width: 50%;
    /* height: 100%; */
    background: #f4f2f5;
}
.exh-it .pic1 img{
    max-width: 123%;
}
.exh-it1{
    background: transparent;
}
.exh-it1 .tex{
    float: right;
    width: 40%;
    padding-right: 0;
    padding-left: 0.3rem;
}
.exh-it1 .pic{
    margin-left: 0;
    float: left;
    width: 60%;
    /* padding-bottom: 40%; */
    background: transparent;
    position: relative;
}
.exh-it1 .pic img{
    max-width: 100%;
}
.ej-3D-box{
    width: 100%;
    padding-bottom: 66.6%;
    position: relative;
}
.ej-3D{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.ej-3D .it{
    position: absolute;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.ej-3D .it .i-lb{
    line-height: normal;
    position: absolute;
    color: #fff;
    top: -0.3rem;
    left: 60%;
    transform:translate(-50%,0);
    background: rgba(46,148,201,0.5);
    min-width: 1.1rem;
    text-align: center;
}
.ej-3D .it .i-lb:before{
    content: '';
    height: 0.6rem;
    width: 1px;
    background: rgba(46,148,201,0.5);
    position: absolute;
    left: 0;
    top: 0;
}

.ej-3D .it1{
    /* width: 1.467rem;
    height: 0.92rem; */
    width: 19.4%;
    height: 18.3%;
    top: 25.5%;
    left: 12.5%;
    background-image: url(/themes/pc_cn/public/assets/images/3D-sp1.png);
}
.ej-3D .it2{
    /* width: 2.87rem;
    height: 1.89rem; */
    width: 37.97%;
    height: 37.3%;
    top: 32.2%;
    left: 22.5%;
    background-image: url(/themes/pc_cn/public/assets/images/3D-sp2.png);
}
.ej-3D .it3{
    /* width: 3.74rem;
    height: 2.39rem; */
    width: 49.5%;
    height: 47.2%;
    top: 23%;
    left: 47.1%;
    background-image: url(/themes/pc_cn/public/assets/images/3D-sp3.png);
}
.ej-3D .it4{
    /* width: 1.46rem;
    height: 1.34rem; */
    width: 19.28%;
    height: 26.47%;
    top: 17.1%;
    left: 35.2%;
    background-image: url(/themes/pc_cn/public/assets/images/3D-sp4.png);
}
.ej-3D .it5{
    /* width: 2.31rem;
    height: 1.24rem; */
    width: 30.6%;
    height: 24.5%;
    top: 8.2%;
    left: 35.2%;
    background-image: url(/themes/pc_cn/public/assets/images/3D-sp5.png);
}
.ej-3D .it:hover{
    opacity: 1;
}

.sol-tab{
    height: 6.65rem;
    width: 3.3rem;
    float: left;
    display: flex;
    flex-direction: column;
}
.sol-tab li{
    /* height: 16.67%; */
    flex:1;
    background: #f3f3f3;
    border-bottom: 1px solid #fff;
    padding: 0 0.35rem 0 0.9rem;
    display: flex;
    align-items: center;
    position: relative;
    line-height: 1;
    color: #666;
}
.sol-tab li .icon{
    position: absolute;
    left: 0.35rem;
    top: 50%;
    transform:translate(0%,-50%);
    width: 0.4rem;
    height: 0.4rem;
}
.sol-tab .icon img{
    width: 100%;
    height: 100%;
}
.sol-tab .icon .sel{
    display: none;
}
.sol-tab li .cn{
    font-size: calc(12px - 0.12rem + 0.18rem);
    margin-bottom: 0.1rem;
}
.sol-tab li .en{
    font-size: calc(12px - 0.12rem + 0.16rem);
    text-transform: uppercase;
}
.sol-tab .on{
    background: #2e94c9;
    color: #fff;
}
.sol-tab .on .sel{
    display: inline-block;
}
.sol-tab .on .nor{
    display: none;
}

.sol-mod .rg-box{
    height: 6.65rem;
    width: calc(100% - 3.3rem);
    float: right;
}
.sol-mod .ej-col{
    width: 100%;
    height: 100%;
    position: relative;
}
.sol-mod .pic-box,
.sol-mod .swiper-container{
    width: 100%;
    height: 100%;
}
.sol-mod .tex{
    width: 100%;
    height: 1.15rem;
    background: rgba(46,148,201,0.85);
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.3rem 0.35rem;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.16rem);
    z-index: 2;
}

.sw-btn{
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform:translate(0,-50%);
    background-color: rgba(255,255,255,0.8);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 3;
    cursor: pointer;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.sw-btn:hover{
    background-color: #2e94c9;
}
.sw-prev{
    left: 0.3rem;
    background-image: url(/themes/pc_cn/public/assets/images/sw-prev.png);
}
.sw-next{
    right: 0.3rem;
    background-image: url(/themes/pc_cn/public/assets/images/sw-next.png);
}
.sw-prev:hover{
    background-image: url(/themes/pc_cn/public/assets/images/sw-prev-w.png);
}
.sw-next:hover{
    background-image: url(/themes/pc_cn/public/assets/images/sw-next-w.png);
}
.bg-blue{
    background-color: #2e94c9;
}

/* .cus-mod{
    display: flex;
    justify-content: space-between;
}
.cus-mod .col{
    flex:1;
} */
.cus-mod{
    position: relative;
}
.cus-mod .sw-prev{
    left: -1.1rem;
}
.cus-mod .sw-next{
    right: -1.1rem;
}
.cus-mod .col:nth-of-type(2){
    margin: 0 0.25rem;
}
.cus-it{
    display: block;
    width: 100%;
    height: 4.12rem;
    position: relative;
    margin-bottom: 0.3rem;
    overflow: hidden;
}
.cus-it .pic{
    width: 100%;
    height: 100%;
}
.cus-it .tex{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 0.3rem 0.3rem;
    width: 100%;
    z-index: 3;
    color: #fff;
    line-height: 1.1;
}
.cus-it .tex:before{
    content: '';
    height: 2.2rem;
    width: 100%;
    position: absolute;
    left: 0;
    /*bottom: 0;*/
    bottom: -1px;
    background:url(/themes/pc_cn/public/assets/images/bg-line.png) repeat-x;
    background-size: auto 100%;
    z-index: -1;
}
.cus-it .tex .cn{
    font-size: calc(12px - 0.12rem + 0.2rem);
    margin-bottom: 0.1rem;
}
.cus-it .tex .cn{
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.cus-it .tex .more{
    font-size: 0.14rem;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.1rem;
    border: 1px solid #fff;
    padding: 0.03rem 0.06rem;
}
.cus-it .int{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    z-index: 3;
    background: rgba(46,148,201,0.85);
    padding: 0.5rem 0.35rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #fff;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.cus-it:hover .ej-bg{
    transform:scale(1.1);
    
}
.cus-it.show-tex:hover .tex{
    display: none;
}
.cus-it.show-tex:hover .int{
    top: 0;
}

.cus-it.sm{
    height: 2.5rem;
}
.cus-it.bg{
    height: 6.9rem;
}
.cus-it.bg1{
    height: 6.6rem;
}
.cus-it.h50{
    height: 3.2rem;
    margin-bottom: 0.22rem;
}

.vr-mod{
    height: 9rem;
}
.vr-mod.h-71{
    height: 7.1rem;
}
.vr-mod .layout{
    height: 100%;
    display: flex;
    align-items: center;
}
.vr-mod .tex{
    color: #fff;
    padding-right: 55%;
}
.vr-mod .tex .ej-btn{
    margin-left: 0;
}
.vr-mod .hd{
    margin-bottom: 0.45rem;
}
.vr-mod .en{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.3rem);
    text-transform: uppercase;
}
.vr-mod .cn{
    font-size: calc(12px - 0.12rem + 0.3rem);
    font-weight: bold;
}
.vr-mod .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 2;
}

.vr-mod:nth-of-type(2n) .tex{
    float: right;
    text-align: right;
    padding-left: 55%;
    padding-right: 0;
}
.vr-mod:nth-of-type(2n) .tex .ej-btn{
    margin-right: 0;
    margin-left: auto;
}

.vr-mod.tl .tex{
    float: left;
    text-align: left;
    padding-right: 55%;
    padding-left: 0;
}
.vr-mod1 .tex{
    width: 35%;
    float: left;
}
.vr-mod1 .hd{
    padding-top: 0.5rem;
    padding-left: 0.3rem;
    margin-bottom: 0.9rem;
    position: relative;
    line-height: 1;
}
.vr-mod1 .hd:before{
    content: '';
    width: 1.2rem;
    height: 1.9rem;
    border: 3px solid #2e94c9;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.vr-mod1 .hd .en{
    padding: 0.1rem 0;
    font-size: calc(12px - 0.12rem + 0.3rem);
    color: #bbb;
    background: #fff;
}
.vr-mod1 .hd .cn{
    font-size: calc(12px - 0.12rem + 0.36rem);
    color: #2e94c9;
    font-weight: bold;
    background: #fff;
    padding: 0.1rem 0;
}
.vr-mod1 .lb{
    margin-bottom: 0.25rem;
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #2e94c9;
    font-weight: bold;
}
.vr-mod1 .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #777; 
}
.vr-mod1 .pic{
    width: 60%;
    height: 5rem;
    float: right;
}

.sol-it1{
    width: 16.66%;
    height: 5.5rem;
    line-height: 5.5rem;
    float: left;
    background: #000;
    position: relative;
    color: #fff;
    text-align: center;
    overflow: hidden;
    float: left;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.sol-it1 .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
}
.sol-it1 .md{
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    position: relative;
    z-index: 3;
}
.sol-it1 .icon{
    height: 0.58rem;
    margin-bottom: 0.15rem;
}
.sol-it1 .cn{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.2rem);
}
.sol-it1 .en{
    font-size: calc(12px - 0.12rem + 0.16rem);
    text-transform: uppercase;
}
.sol-it1 .tex{
    line-height: normal;
    height: 1.15rem;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -100%;
    background: rgba(46,148,201,0.85);
    padding: 0.2rem 0.3rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    text-align: left;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.sol-it1.on{
    width: 40%;
}
.sol-it1.other{
    width: 12%;
}
.sol-it1.on .pic{
    opacity: 1; 
}
.sol-it1.on .md{
    display: none;
}
.sol-it1.on .tex{
    bottom: 0;
}
.n-pdb{
    padding-bottom: 0;
}

.sol-art .dd{
    padding: 0 0.9rem;
    margin-bottom: 0.4rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #555;
}
.sol-art img{
    max-width: 100%;
}

.hall-mod{
    height: 5.95rem;
    overflow: hidden;
}
.hall-mod .pic-box{
    height: 100%;
    width: 64%;
    float: left;
}
.hall-mod .pic-box .swiper-container{
    width: 100%;
    height: 100%;
}
.hall-mod .swiper-pagination{
    height: 0.66rem;
    line-height: 0.66rem;
    background: rgba(0,0,0,0.3);
    bottom: 0;
    text-align: left;
    padding: 0 0.6rem;
}
.hall-mod .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    background: transparent;
    opacity: 1;
}
.hall-mod .swiper-pagination-bullet-active{
    background: #fff;
}
.hall-mod .tex{
    margin-left: 68%;
    height: 100%;
    padding: 0.4rem 0;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #555;
    line-height: 2;
}

/* 滚动条 */
.scr-box{
    height: 100%;
    overflow-y: auto;
    padding-right: 0.1rem;
}
.scr-box::-webkit-scrollbar {
    width: 5px;
    background: transparent;
    border-radius: 0px;
}
.scr-box::-webkit-scrollbar-thumb {
    background: #2e94c9;
}
.scr-box::-webkit-scrollbar-thumb:window-inactive {
    background: #ddd; 
}

.hall-it{
    display: block;
    height: 4.4rem;
    background: #fff;
    margin-top: 0.8rem;
}
.hall-it .tex{
    width: 45%;
    height: 100%;
    padding: 0.2rem 0.5rem;
    float: left;
    display: flex;
    align-items: center;
}
.hall-it .tex .en{
    margin-bottom: 0.15rem;
    font-size: calc(12px - 0.12rem + 0.3rem);
    color: #bbb;
    text-transform: uppercase;
}
.hall-it .tex .cn{
    font-size: calc(12px - 0.12rem + 0.3rem);
    color: #2e94c9;
}
.hall-it .tex .cn:after{
    content: '';
    width: 0.33rem;
    height: 0.05rem;
    display: block;
    background: #2e94c9;
    margin: 0.15rem 0 0.3rem;
}
.hall-it .tex .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #555;
    line-height: 1.5;
}
.hall-it .pic{
    width: 55%;
    height: 100%;
    float: right;
}

.hall-it:hover .ej-bg{
    transform:scale(1.1);
}
.hall-it:nth-of-type(2n+2) .tex{
    float: right;
    
}
.hall-it:nth-of-type(2n+2) .pic{
    float: left;
}

.hall-mod1{
    height: 6.5rem;
    padding: 0.45rem 0.3rem;
    background: #fff;
    position: relative;
}
.hall-mod1 .hall-mod{
    height: 5.4rem;
}
.hall-mod1 .sw-btn{
    background-color: transparent;
    border: 1px solid #fff;
}
.hall-mod1 .sw-prev{
    left: -1.2rem;
    background-image: url(/themes/pc_cn/public/assets/images/sw-prev-w.png);
}
.hall-mod1 .sw-next{
    right: -1.2rem;
    background-image: url(/themes/pc_cn/public/assets/images/sw-next-w.png);
}

.cs-mod{
    height: 6rem;
    margin: 0.85rem 0;
}
.cs-mod.b-mod{
    margin: 0;
}
.cs-mod .tex{
    width: 42%;
    height: 100%;
    float: left;
    display: flex;
    align-items: center;
    padding-right: 0.4rem;
}
.cs-mod .tex .en{
    margin-bottom: 0.15rem;
    font-size: calc(12px - 0.12rem + 0.3rem);
    color: #2e94c9;
    text-transform: uppercase;
    line-height: 1.1;
}
.cs-mod .tex .en.g-tt{
    color: #bbb;
}
.cs-mod.w-mod .tex .en{
    color: #fff;
    opacity: 0.8;
}
.cs-mod .tex .cn{
    font-size: calc(12px - 0.12rem + 0.36rem);
    color: #2e94c9;
    line-height: 1.1;
}
.cs-mod.w-mod .tex .cn{
    color: #fff;
}
.cs-mod .tex .dd{
    margin-top: 0.4rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #555;
    line-height: 2;
}
.cs-mod.w-mod .tex .dd{
    color: #fff;
}
.cs-mod .pic{
    height: 100%;
    width: 58%;
    float: right;
    display: flex; align-items: center; 
}
.cs-mod .pic:hover .ej-bg{
    transform:scale(1.1);
}
.cs-mod .pic video{
    width: 100%;
    height: 100%;
    background: #000;
    object-fit:cover;  
}
.video_wrap{
    width: 100%;
    position: relative;
    padding-top: 56.25%;
}
.video_wrap video{
    position: absolute;
    left: 0;
    top: 0;
}
.cs-mod .bt{
    overflow: hidden;
    margin-top: 0.6rem;
}
.cs-mod .bt li{
    float: left;
    text-align: center;
    margin-right: 0.7rem;
}
.cs-mod .bt .icon{
    height: 0.8rem;
    width: 0.8rem;
    margin-bottom: 0.15rem;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.cs-mod .bt .icon:hover{
    transform:rotate(360deg);
}
.cs-mod .bt .tt{
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #2e94c9;
    font-weight: bold;
    margin-bottom: 0.15rem;
}
.cs-mod .bt .w-tt{
    color: #fff;
}
.cs-mod .bt .lb{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
}
.cs-mod.fr-mod .tex{
    float: right;
    padding-left: 0;
    padding-left: 0.6rem;
}
.cs-mod.fr-mod.b-mod .tex{
    padding-right: 0;
}
.cs-mod.fr-mod .pic{
    float: left;
}

.cs-mod.b-mod{
    height: 5.8rem;
}
.cs-mod.b-mod .pic{
    width: 65%;
}
.cs-mod.b-mod .tex{
    width: 35%;
}

.cs-alb{
    
}
.cs-alb li{
    width: 48%;
    float: left;
    margin-bottom: 2%;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.cs-alb li:hover{
    transform: translate(0,-10px);
}
.cs-alb li img{
    width: 100%;
}
.cs-alb li:nth-of-type(2n+2){
    margin-left: 4%;
}
.scs-alb{
    position: relative;
}
.scs-alb .pic-it{
    background: #000;
}
.scs-alb .swiper-slide img{
    opacity: 0.5;
    
}
.scs-alb .swiper-slide-active img{
    opacity: 1;
}
.scs-alb .swiper-container{
    padding-bottom: 0.5rem;
}
.scs-alb .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: transparent;
    border: 1px solid #fff;
    opacity: 1;
}
.scs-alb .swiper-pagination-bullet-active{
    background: #fff;
}
.scs-alb .sw-btn{
    border: 1px solid #2e94c9;
    background-color: transparent;
}
.scs-alb .sw-prev{
    left: -1.1rem;
}
.scs-alb .sw-prev:hover{
    background-color: #2e94c9;
    background-image: url(/themes/pc_cn/public/assets/images/sw-prev-w.png);
}
.scs-alb .sw-next{
    right: -1.1rem;
}
.scs-alb .sw-next:hover{
    background-color: #2e94c9;
    background-image: url(/themes/pc_cn/public/assets/images/sw-next-w.png);
}

.scs-alb1 .pic-it{
    width: 100%;
    height: 5.2rem;
}
.scs-alb1 .sw-prev{
    left: 50%;
    margin-left: -5.5rem;
    background-image: url(/themes/pc_cn/public/assets/images/sw-prev-w.png);
}
.scs-alb1 .sw-next{
    right: 50%;
    margin-right: -5.5rem;
    background-image: url(/themes/pc_cn/public/assets/images/sw-next-w.png);
}
.scs-alb1 .sw-btn{
    border: 1px solid #fff;
    background-color: transparent;
}
.scs-alb1 .sw-prev:hover{
    background-color: #fff;
    background-image: url(/themes/pc_cn/public/assets/images/sw-prev.png);
}

.scs-alb1 .sw-next:hover{
    background-color: #fff;
    background-image: url(/themes/pc_cn/public/assets/images/sw-next.png);
}
.scs-alb1 .ej-bg{
    opacity: 0.7;
}
.scs-alb1 .swiper-slide-active .ej-bg{
    opacity: 1;
}
.scs-alb1 .swiper-container{
    padding-bottom: 0;
}

.vis-mod .hd{
    margin-bottom: 0.25rem;
}
.vis-mod .hd p{
    display: inline-block;
    vertical-align: middle;
}
.vis-mod .hd .cn{
    font-size: calc(12px - 0.12rem + 0.36rem);
    color: #2e94c9;
    font-weight: bold;
}
.vis-mod .hd .en{
    font-size: calc(12px - 0.12rem + 0.3rem);
    color: #bbb;
    margin-left: 0.2rem;
}
.vis-mod .dd{
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #777;
    margin-bottom: 0.7rem;
}
.vis-mod .pic-box{
    position: relative;
}
.vis-mod .sw-prev{
    left: -1.1rem;
}
.vis-mod .sw-next{
    right: -1.1rem;
}
.vis-mod .sw-btn{
    border: 1px solid #2e94c9;
    background-color: transparent;
}
.vis-mod .sw-prev:hover{
    background-color: #2e94c9;
    background-image: url(/themes/pc_cn/public/assets/images/sw-prev-w.png);
}

.vis-mod .sw-next:hover{
    background-color: #2e94c9;
    background-image: url(/themes/pc_cn/public/assets/images/sw-next-w.png);
}

.nw-it{
    display: block;
    width: 31%;
    height: 5.3rem;
    padding: 0.4rem 0.25rem 0;
    background: #fff;
    margin: 0 1.1% 0.35rem;
    float: left;
    color: #666;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.nw-it .tt{
    margin-bottom: 0.3rem;
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #333;
    line-height: 1.1;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.nw-it .pic{
    height: 2.85rem;
    margin-bottom: 0.15rem;
}
.nw-it .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 1.3;
    margin-bottom: 0.3rem;
}
.nw-it .tm{
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.nw-it:hover{
    background: #2e94c9;
    color: #fff;
}
.nw-it:hover .tt{
    color: #fff;
}
.nw-it:hover .ej-bg{
    transform:scale(1.1);
}

.page{
    text-align: center;
    padding: 0.3rem 0;
}
.page a{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 0.48rem;
    min-width: 0.48rem;
    border-radius: 2px;
    margin: 0.04rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
    position: relative;
    background: #fff;
    border: 1px solid #dbdbdb;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.page .btn{
    padding: 0 0.25rem;
    
}
.page a:hover,
.page .on{
    background: #2e94c9;
    color: #fff;
}
.page .btn:hover{
    background: #2e94c9;
    border-color: #2e94c9;
}



.ej-main{
    width: 69%;
    float: left;
    background: #fff;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
    padding: 0.4rem 0.4rem 0;
}
.ej-side{
    width: 29%;
    float: right;
}
.ej-side .sd-box{
    background: #fff;
    margin-bottom: 0.4rem;
}

.art-mod .art-hd{
    margin-bottom: 0.35rem;
    text-align: center;
    border-bottom: 1px dashed #efefef;
    padding-bottom: 0.45rem;
}
.art-mod .h-tt{
    padding-bottom: 0.2rem;
    font-size: calc(12px - 0.12rem + 0.28rem);
    color: #333;
    font-weight: bold;
}
.art-mod .h-md{
    overflow: hidden;
    text-align: center;
}
.art-mod .h-md li{
    display: inline-block;
    vertical-align: middle;
    margin:0 0.2rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #999;
}
.share-mod1{
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
}
.share-mod1 .sh-it{
    height: 32px;
    width: 32px;
    border-radius: 100%;
    float: left;
    margin-right: 5px;
    padding: 0;
}
.share-mod1 .sh-it .a2a_svg{
    width: 100%;
    height: 100%;
    line-height: 32px;
    border-radius: 100%;
}
.art-content{
    padding-bottom: 0.4rem;
}
.art-content .tr{
    text-align: right;
}
.art-content img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.art-content .p16{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #333;
    line-height: 1.8;
}
.art-content .b20{
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #333;
    line-height: 1.2;
    font-weight: bold;
}
.art-bt{
    overflow: hidden;
    padding: 0.3rem 0 0.6rem;
    border-top: 1px dashed #efefef;
}
.art-bt .bt-lt{
    width: 70%;
    float: left;
}
.art-bt .pg-btn{
    width: 100%;
    display: block;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
    margin-bottom: 0.1rem;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.art-bt .pg-btn:hover{
    color: #2e94c9;
}
.art-bt .back{
    width: 1.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #fff;
    background: #2e94c9;
    display: block;
    text-align:center;
    margin-top: 0.3rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.art-bt .back:hover{
    background: #277fad;
}

.art-bt .bt-rg{
    float: right;
}

.ej-side .hd{
    border-bottom: 1px solid #f8f8f8;
    height: 0.6rem;
    line-height: 0.6rem;
    padding-left: 0.3rem;
    position: relative;
}
.ej-side .hd:before{
    content: '';
    height: 0.24rem;
    width: 0.06rem;
    background: #2e94c9;
    position: absolute;
    left: 0.13rem;
    top: 50%;
    transform:translate(0,-50%);
}
.ej-side .hd .tt{
    font-size: calc(12px - 0.12rem + 0.2rem);
    font-weight: bold;
    color: #333;
}
.ej-side .s-con{
    padding: 0 0.25rem;
}

.nw-it1{
    display: block;
    padding: 0.2rem 0;
    border-bottom: 1px dashed #f8f8f8;
    overflow: hidden;
}
.nw-it1 .pic{
    width: 1.56rem;
    height: 1.12rem;
    float: left;
}
.nw-it1 .tex{
    margin-left: 1.66rem;
    padding-top: 0.1rem;
}
.nw-it1 .tt{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #333;
    line-height: 1.5;
    margin-bottom: 0.18rem;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.nw-it1 .tm{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #888;
}
.nw-it1:last-of-type{
    border-bottom: none;
}
.nw-it1:hover .tt{
    color: #2e94c9;
}

.nw-it2{
    display: block;
    padding-bottom: 0.2rem;
    border-bottom: 1px dashed #f8f8f8;
}
.nw-it2 .pic{
    height: 2.4rem;
    margin-bottom: 0.15rem;
}
.nw-it2 .tt{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #333;
    margin-bottom: 0.05rem;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.nw-it2 .dd{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
}
.nw-it2:hover .tt{
    color: #2e94c9;
}
.ej-side .nw-gro{
    padding: 0.2rem 0;
}
.ej-side .nw-gro li{
    margin-bottom: 0.15rem;
}
.ej-side .nw-gro a{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #333;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.ej-side .nw-gro a:hover{
    color: #2e94c9; 
}

.edu-mod2 .lt-box{
    float: left;
}
.edu-it{
    display: block;
    width: 32%;
    float: left;
    margin-right: 2%;
}
.edu-it .pic{
    height: 3rem;
}
.edu-it .tex{
    background: #fff;
    height: 2.4rem;
    padding: 0.3rem;
}
.edu-it .tt{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #333;
    font-weight: bold;
    text-align: center;
}
.edu-it .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
    line-height: 1.4;
}

.edu-mod2 .rg-box{
    width: 32%;
    height: 5.4rem;
    float: right;
    background: #fff;
    padding: 0rem 0.2rem; 
}

.nw-it3{
    display: block;
    padding: 0.25rem 0.1rem;
    border-bottom: 1px dashed #dcdcdc;
}
.nw-it3 .pic{
    width: 1.7rem;
    height: 1rem;
    float: left;
    border: 1px solid #eee;
}
.nw-it3 .tex{
    margin-left: 1.9rem;
    padding-top: 0.05rem;
}
.nw-it3 .tt{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #333;
    margin-bottom: 0.15rem;
}
.nw-it3 .tm{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
}
.nw-it3 .hd{
    margin-bottom: 0.1rem;
}
.nw-it3 .dd{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    -webkit-line-clamp: 4;
}
.edu-mod2 .swiper-container{
    padding-bottom: 0.4rem;
}

.cs-mod.e-mod{
    height: 4.4rem;
}
.cs-mod.e-mod .tex{
    padding-right: 0;
    width: 45%;
}
.cs-mod.e-mod .tex .dd{
    background: #f7f7f7;
    padding: 0.45rem 0.4rem 0.45rem 0.3rem;
    margin-top: 0.2rem;
}
.cs-mod.e-mod .pic{
    width: 55%;
}

.edu-it1{
    display: block;
    width: 100%;
}
.edu-it1 .pic{
    height: 3.3rem;
}
.edu-it1 .tex{
    background: #fff;
    height: 3.4rem;
    padding: 0.6rem 0.3rem 0;
    position: relative;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.edu-it1 .tex:before{
    content: '';
    border-top: 12px solid transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform:translate(-50%,-100%);
}
.edu-it1:hover .tex:before{
    border-bottom: 12px solid #2e94c9;
    
}
.swiper-slide:nth-of-type(2n) .edu-it1 .tex:before{
    top: 100%;
    transform:translate(-50%,0%);
    border-bottom: 12px solid transparent;
    border-top: 12px solid #fff;
}
.swiper-slide:nth-of-type(2n) .edu-it1:hover .tex:before{
    border-top: 12px solid #2e94c9;
}
.edu-it1 .tt{
    margin-bottom: 0.2rem;
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #333;
    text-align: center;
    font-weight: bold;
}
.edu-it1 .dd{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    line-height: 1.5;
}
.edu-it1:hover .tex{
    background: #2e94c9;
}
.edu-it1:hover .tt,
.edu-it1:hover .dd{
    color: #fff;
}
.tea-mod{
    position: relative;
}
.tea-mod .sw-btn{
    border: 1px solid #3b9bcc;
    background-color: transparent;
}
.tea-mod .sw-btn:hover{
    background-color:#3b9bcc; 
}
.tea-mod .sw-prev{
    left: -1rem;
}
.tea-mod .sw-next{
    right: -1rem;
}
.tea-mod .sw-prev:hover{
    background-image: url(/themes/pc_cn/public/assets/images/sw-prev-w.png);
}
.tea-mod .sw-next:hover{
    background-image: url(/themes/pc_cn/public/assets/images/sw-next-w.png);
}

.cs-mod1{
    overflow: hidden;
}
.cs-it1{
    display: block;
    width: 100%;
}
.cs-it1 .pic{
    height: 5.8rem;
}
.cs-it1 .tex{
    height: 1.4rem;
    background: #2e94c9;
    padding: 0.25rem 2.1rem 0.25rem 0.25rem;
    color: #fff;
    display:none;
}
.cs-it1 .tt{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.18rem);
    font-weight: bold;
}
.cs-it1 .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
}

.swiper-slide-active .cs-it1 .tex{
    display: block;
}

.cs-mod1 .tex-box{
    position: relative;
}
.cs-mod1 .tex-box .sw-btn{
    background-color: transparent;
    border: 1px solid #fff;
}
.cs-mod1 .tex-box .sw-btn:hover{
    background-color: #fff;
}
.cs-mod1 .tex-box .sw-prev{
    left: 50%;
    margin-left: calc(25% - 0.8rem);
    background-image: url(/themes/pc_cn/public/assets/images/sw-prev-w.png);
}
.cs-mod1 .tex-box .sw-next{
    right: 50%;
    margin-right: calc(-25% - 0.4rem);
    background-image: url(/themes/pc_cn/public/assets/images/sw-next-w.png);
}

.cs-mod1 .tex-box .sw-prev:hover{
    background-image: url(/themes/pc_cn/public/assets/images/sw-prev.png);
}
.cs-mod1 .tex-box .sw-next:hover{
    background-image: url(/themes/pc_cn/public/assets/images/sw-next.png);
}

.tt-mod1{
    text-align: center;
    margin-bottom: 0.55rem;
}
.tt-mod1 .tt{
    font-size: calc(12px - 0.12rem + 0.36rem);
    color: #333;
    font-weight: bold;
}
.cont-mod{
    overflow: hidden;
    height: 4.1rem;
}
.cont-mod .lt-box{
    height: 100%;
    width: 39%;
    background: #2e94c9;
    color: #fff;
    padding: 0.45rem 0.35rem 0;
    float: left;
}
.cont-mod .lt-box .hd{
    margin-bottom: 0.3rem;
    font-size: calc(12px - 0.12rem + 0.26rem);
    font-weight: bold;
}
.cont-mod .c-way li{
    margin-bottom: 0.25rem;
    font-size: calc(12px - 0.12rem + 0.18rem);
    padding-left: 0.5rem;
    position: relative;
}
.cont-mod .c-way .icon{
    width: 27px;
    height: 27px;
    position: absolute;
    left: 0;
    top: 50%;
    transform:translate(0,-50%);
}
.cont-mod .c-btn{
    width: 1.95rem;
    height: 0.5rem;
    line-height: 0.5rem;
    display: block;
    margin: 0.6rem auto 0;
    background: #fff;
    text-align: center;
    color: #2e94c9;
    font-size: calc(12px - 0.12rem + 0.18rem);
}
.cont-mod .map{
    float: right;
    width: 61%;
    height: 100%;
    position: relative;
}
.cont-mod .map .ej-bg{
    width: 100%;
    height: 100%;
    display: block;
}
.cont-mod .m-share{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 0.48rem;
    line-height: 0.48rem;
    padding: 0 0.15rem;
    background: rgba(46,148,201,0.9);
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #fff;
}
.cont-mod .m-share .sh-it{
    width: 0.28rem;
    /*height: 0.2rem;*/
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.1rem;
    margin-top: 0.14rem
}
.cont-mod .sh-it img{
    display: block;
    width: 100%;
    height: 100%;
}

.ct-it{
    display: block;
    width: 49%;
    height: 2.25rem;
    background: rgba(255,255,255,0.1);
    float: left;
}
.ct-it:nth-of-type(2){
    float: right;
}
.ct-it .pic{
    height: 100%;
    width: 3rem;
    float: left;
}
.ct-it .tex{
    margin-left: 3rem;
    height:100%;
    padding: 0.4rem 0.3rem 0;
    color: #fff;
}
.ct-it .tt{
    font-size: calc(12px - 0.12rem + 0.2rem);
    font-weight: bold;
    line-height: 1.5;
}
.ct-it .dd{
    margin-top: 0.25rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
}

.rec-it{
    display: block;
    width: 31%;
    height: 4.94rem;
    background: #fff;
    border-radius: 0.05rem;
    padding: 0.4rem 0.25rem 0;
    float: left;
    margin: 0 1.12% 0.3rem;
}
.rec-it .j-nm{
    margin-bottom: 0.35rem;
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #2e94c9;
    font-weight: bold;
}
.rec-it .j-tt{
    margin-bottom: 0.1rem;
    padding-bottom: 0.2rem;
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #555;
    border-bottom: 1px solid #e5e5e5;
}
.rec-it .j-tt:before{
    content: '';
    height: 17px;
    width: 2px;
    background: #2e94c9;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.08rem;
    margin-top: -0.02rem;
}
.rec-it .dd{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    line-height: 1.8;
}
.rec-it .md{
    overflow: hidden;
    margin: 0.25rem 0 0.5rem;
}
.rec-it .md li{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    margin-right: 0.5rem;
    float: left;
}
.rec-it .md li:before{
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.04rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.rec-it .md .ic1:before{
    background-image: url(/themes/pc_cn/public/assets/images/icon-ps1.png);
}
.rec-it .md .ic2:before{
    background-image: url(/themes/pc_cn/public/assets/images/icon-time.png);
}
.rec-it .j-btn{
    width: 47%;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    background: #f6f6f6;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
    display: inline-block;
    margin-right: 2%;
}
.rec-it .j-btn:hover{
    background: #2e94c9;
    color: #fff;
}

.rec-pop{
    display: none;
}
.rec-pop .gray{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    z-index: 3;
}

.rec-it1{
    width: 7.5rem;
    height: 70%;
    position: fixed;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
    z-index: 4;
    background: #fff;
    border-radius: 0.05rem;
}
.rec-it1 .hd{
    height: 0.78rem;
    line-height: 0.78rem;
    padding: 0 0.25rem;
    border-bottom: 1px solid #e7e7e7;
}
.rec-it1 .j-nm{
    float: left;
    font-size: calc(12px - 0.12rem + 0.26rem);
    color: #2e94c9;
    font-weight: bold;
}
.rec-it1 .close{
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 100%;
    background: #2e94c9 url(../images/icon-close.png) no-repeat center;
    background-size: contain;
    float: right;
    margin-top: 0.18rem;
}
.rec-it1 .con{
    height: calc( 100% - 0.78rem - 0.9rem);
    padding: 0.25rem;
}
.rec-it1 .tt{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #333;
    font-weight: bold;
}
.rec-it1 .tt:before{
    content: '';
    height: 0.17rem;
    width: 2px;
    display: inline-block;
    vertical-align: middle;
    background: #2e94c9;
    margin-right: 0.08rem;
}
.rec-it1 .col{
    margin-bottom: 0.25rem;
}
.rec-it1 .li{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    line-height: 2;
}
.rec-it1  .btn{
    width: 1.78rem;
    height: 0.44rem;
    line-height: 0.44rem;
    display: block;
    margin: 0.4rem auto 0;
    background: #2e94c9;
    text-align: center;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.16rem);
}

.adv-gro{
    margin-top: 0.6rem;
}
.adv-gro .it{
    margin-bottom: 0.4rem;
    overflow: hidden;
}
.adv-gro .it .icon{
    width: 0.7rem;
    height: 0.7rem;
    float: left;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.adv-gro .it .icon:hover{
    transform:rotate(360deg);
}
.adv-gro .it span{
    margin-left: 0.9rem;
    display: block;
}
.adv-gro .it .tt{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.2rem);
}
.adv-gro .it .lb{
    font-size: calc(12px - 0.12rem + 0.16rem);
}

.adv-it{
    width: 19%;
    height: 3.3rem;
    background: #fff;
    text-align: center;
    padding: 0.35rem 0.3rem 0;
    float: left;
    margin: 0 0.5%;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.adv-it:hover{
    transform: translate(0,-10px);
}
.adv-it .cn{
    margin-bottom: 0.05rem;
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #2e94c9;
    font-weight: bold;
}
.adv-it .en{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #999;
    text-transform: uppercase;
}
.adv-it .icon{
    margin: 0.3rem 0;
    height: 0.6rem;
}
.adv-it .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #555;
    line-height: 1.5;
}

.tr-vd{
    width: 100%;
    height: 6rem;
    background: #000;
    margin-bottom: 0.5rem;
    object-fit:cover;
}

.tra-sys{
    position: relative;
}
.tra-it{
    display: block;
    width: 100%;
    /* width: 4.4rem; */
}
.tra-it .pic{
    height: 3.2rem;
}
.tra-it .tex{
    height: 1.6rem;
    padding: 0.3rem 0.25rem;
    background: #f5f5f5;
}
.tra-it .tt{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #2e94c9;
    font-weight: bold;
}
.tra-it .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #555;
    line-height: 1.8;
}

.tra-it:hover .ej-bg{
    transform:scale(1.1);
}

.tra-sys .sw-btn{
    border: 1px solid #2e94c9;
    background-color: transparent;
}
.tra-sys .sw-btn:hover{
    background-color: #2e94c9;
}
.tra-sys .sw-prev{
    left: -1.1rem;
}
.tra-sys .sw-next{
    right: -1.1rem;
}
.tra-sys .sw-prev:hover{
    background-image: url(/themes/pc_cn/public/assets/images/sw-prev-w.png);
}
.tra-sys .sw-next:hover{
    background-image: url(/themes/pc_cn/public/assets/images/sw-next-w.png);
}

.lab-mod .pic{
    width: 48%;
    float: left;
    height: 6.8rem;
}
.lab-mod .pic:hover .ej-bg{
    transform:scale(1.1);
}
.lab-mod .it-gro{
    width: 52%;
    float: right;
}
.lab-it{
    height: 3.2rem;
    width: calc(50% - 0.4rem);
    float: left;
    margin-left: 0.4rem;
    margin-bottom: 0.4rem;
    background: #fff;
    text-align: center;
    padding-top: 0.6rem;
}
.lab-it .icon{
    height: 1.2rem;
    margin-bottom: 0.5rem;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.lab-it .tt{
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #555;
}
.lab-it:hover .icon{
    transform:rotate(360deg);
    
}



.dep-mod{
    height: 6.2rem;
    overflow: hidden;
}
.dep-mod .b-pic{
    width: 80%;
    height: 100%;
    float: left;
}
.dep-mod .b-pic .swiper-container{
    width: 100%;
    height: 100%;
}
.dep-it{
    width: 100%;
    height: 100%;
    position: relative;
}
.dep-it .pic{
    width: 100%;
    height: 100%;
}
.dep-it .tex{
    width: 100%;
    height: 0.7rem;
    line-height: 0.7rem;
    background: rgba(0,0,0,0.3);
    text-align: center;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.24rem);
    position: absolute;
    left: 0;
    bottom: 0;
}
.dep-mod{
    max-width: 1280px;
    margin: 0 auto;
}
.dep-mod .pic-gro{
    width: 16%;
    float: right;
    height: 100%;
    position: relative;
}
.dep-mod .pic-gro .swiper-container{
    height: 100%;
    width: 100%;
}
.dep-mod .pic-gro .it{
    height: 100%;
    width: 100%;
    line-height: calc( 0.5rem - 2px);
    text-align: center;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.dep-mod .pic-gro .it.on{
    border: 2px solid #fff;
}
.dep-mod .pic-gro .it img{
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
}

.cs-mod .tex .d-ul{
    margin: 0.7rem 0 0.5rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 2;
    color: #fff;
}
.cs-mod .tex .d-ul .cl{
    font-weight: bold;
}
.cs-mod .tex .play{
    height: 0.5rem;
    width: 0.5rem;
    display: block;
    margin-top:0.7rem;
    background: url(/themes/pc_cn/public/assets/images/icon-play.png) no-repeat center;
    background-size: 100% 100%;
}

.ser-page3 .hd{
    padding: 0 1.5rem;
    margin-bottom: 0.8rem;
    font-size: calc(12px - 0.12rem + 0.3rem);
    color: #333;
    font-weight: bold;
}
.ser-page3 .ser-gro{
    margin-bottom: 0.5rem;
    position: relative;
}
.ser-page3 .ser-gro .sw-prev{
    left: -1.1rem;
}
.ser-page3 .ser-gro .sw-next{
    right: -1.1rem;
}


.ser-it1{
    /* width: 31%; */
    height: 4rem;
    position: relative;
    /* float: left;
    margin: 0 1.16%; */
    display: block;
}
.ser-it1 .pic{
    width: 100%;
    height: 100%;
}
.ser-it1 .tex{
    width: 100%;
    height: 0.54rem;
    line-height: 0.54rem;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #fff;
    padding: 0 0.1rem;
    text-align: center;
}
.ser-it1:hover .ej-bg{
    transform:scale(1.1);
}

.ser-tb {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    text-align: center;
    border: 1px solid #e5e5e5;
    margin-bottom: 0.2rem;
}
.ser-tb th {
    border: 1px solid #e5e5e5; 
    background-color: #eee;
    line-height: 0.6rem;
    color: #555;
    vertical-align: middle;
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.ser-tb td {
    width: 25%;
    line-height: 0.6rem;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    word-wrap: break-word;
    word-break: break-all;
    color: #555;
    vertical-align: middle;
    font-size: calc(12px - 0.12rem + 0.16rem);
    font-weight: bold;
}
.ser-tb td p{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.ser-page4 .hd{
    margin-bottom: 0.5rem;
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #fff;
    font-weight: bold;
}

.ser-page4 .swiper-slide{
    text-align: center;
    opacity: 0.3;
}
.ser-page4 .swiper-slide-active{
    opacity: 1;
}
.ser-page4 .swiper-slide img{
    max-width: 100%;
}
.ser-page4 .sw-prev{
    left: 50%;
    margin-left: -4.8rem;
}
.ser-page4 .sw-next{
    right: 50%;
    margin-right: -4.8rem;
}
.app-gro{
    position: relative;
}
.app-gro .sw-prev{
    left: -1.1rem;
}
.app-gro .sw-next{
    right: -1.1rem;
}
.app-it1{
    /* width: 47%; */
    height: 4.4rem;
    position: relative;
    /* float: left;
    margin: 0 1.5% 0.4rem; */
    display: block;
}
.app-it1 .pic{
    width: 100%;
    height: 100%;
}
.app-it1 .tex{
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #fff;
    padding: 0 0.1rem;
    text-align: center;
}

.app-it1:hover .ej-bg{
    transform:scale(1.1);
}

.ser-menu{
    text-align: center;
    margin-bottom: 0.45rem;
}
.ser-menu .it{
    display: inline-block;
    vertical-align: middle;
    width: 2.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    background: #f8f8f8;
    margin: 0 0.1rem 0.2rem;
    color: #666;
}
.ser-menu .it img{
    margin-right: 0.2rem;
}
.ser-menu .it .sel{
    display: none;
}
.ser-menu .it .tex{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    text-align: left;
}
.ser-menu .it .tt{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.18rem);
    font-weight: bold;
}
.ser-menu .it .lb{
    font-size: calc(12px - 0.12rem + 0.16rem);
    text-transform: uppercase;
}
.ser-menu .it.on{
    background: #2e94c9;
    color: #fff;
}
.ser-menu .it.on .sel{
    display: inline-block;
}
.ser-menu .it.on .nor{
    display: none;
}

.ser-it2{
    display: block;
    width: 23%;
    height: 4.2rem;
    background: #f8f8f8;
    padding: 0.2rem;
    text-align: center;
    margin: 0 1% 0.3rem;
    float: left;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.ser-it2 .pic{
    width: 100%;
    height: 2.9rem;
    line-height: 2.9rem;
    background: #fff;
    margin-bottom: 0.15rem;
}
.ser-it2 .pic img{
    max-width: 100%;
    max-height: 100%;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.ser-it2 .tt{
    margin-bottom: 0.15rem;
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #333;
}
.ser-it2 .dd{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #888;
}
.ser-it2:hover{
    transform: translate(0,-10px);
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.05);
}
.ser-it2:hover img{
    transform:scale(1.1);
}

.cin-it{
    display: block;
    height: 3.54rem;
    width: 100%;
    /* width: 6.8rem; */
    position: relative;
}
.cin-it .tex{
    left: 0.3rem;
    bottom: 0.4rem;
    position: absolute;
}
.cin-it .cn{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #2e94c9;
}
.cin-it .en{
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #666;
}
.cin-it .pic{
    /* width: 4.8rem; */
    height: 100%;
    width: 100%
    line-height: 3.54rem;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}
.cin-it .pic img{
    max-width: 100%;
    max-height: 100%;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.cin-it:hover img{
    transform:scale(1.1);
}
.cin-mod{
    position: relative;
}
.cin-mod .sw-prev{
    left: -1.1rem;
}
.cin-mod .sw-next{
    right: -1.1rem;
}

.hol-mod{
    height: 6.2rem;
    overflow: hidden;
}
.hol-mod .b-pic{
    width: 66%;
    height: 100%;
    float: left;
}
.hol-mod .b-pic .col{
    height: 100%;
    width: 100%;
}

.hol-it{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.hol-it .pic{
    width: 100%;
    height: 100%;
}
.hol-it .tex{
    height: 0.9rem;
    line-height: 0.9rem;
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    bottom: 0;
    padding-left: 0.25rem;
    padding-right: 1.4rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #fff;
}

.hol-mod .b-pic .col,
.hol-mod .b-pic .swiper-container{
    width: 100%;
    height: 100%;
    
}
.hol-mod .b-pic .col{
    display: none;
}
.hol-mod .b-pic .col.on{
    display: block;
}
.hol-mod .b-pic .swiper-pagination{
    text-align: right;
    right: 0;
    bottom: 0;
    padding-right: 0.25rem;
    line-height: 0.9rem;
}
.hol-mod .b-pic .swiper-pagination-bullet{
    opacity: 1;
    background: #fff;
}
.hol-mod .b-pic .swiper-pagination-bullet-active{
    background: #878788;
}

.hol-mod .pic-gro{
    height: 100%;
    width: 31%;
    float: right;
}


.hol-it1{
    height: 1.2rem;
    display: block;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin: 0.17rem 0;
    cursor: pointer;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.hol-it1 .pic{
    height: 100%;
    width: 1.75rem;
    margin-right: 0.25rem;
    float: left;
}
.hol-it1 .tex{
    flex:1;
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #333;
}
.hol-it1.on,
.hol-it1:hover{
    background: #efedee;
}

.hum-it{
    display: block;
    width: 100%;
}
.hum-it .pic{
    width: 100%;
    height: 5rem;
}
.hum-it .tex{
    background: #fff;
    height: 1.2rem;
    padding: 0.25rem;
    line-height: 1.2;
}
.hum-it .tt{
    margin-bottom: 0.15rem;
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #333;
    font-weight: bold;
}
.hum-it .lb{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
    text-transform: uppercase;
}
.hum-it:hover .ej-bg{
    transform:scale(1.1);
}

.hum-mod{
    position: relative;
}
.hum-mod .sw-prev{
    left: -1.1rem;
}
.hum-mod .sw-next{
    right: -1.1rem;
}

.art-mod1{
    position: relative;
}
.art-mod1 .b-pic{
    width: 100%;
    height: 6.95rem;
}

.art-mod1 .b-pic .swiper-container{
    width: 100%;
    height: 100%;
}
.art-mod1 .b-pic .it{
    width: 100%;
    height: 100%;
}
.art-mod1 .tex-box{
    width: 3.44rem;
    height: 3rem;
    background: #fff;
    position: absolute;
    top: 1.4rem;
    right: 0.3rem;
    z-index: 3;
}
.art-mod1 .tex-box .swiper-container{
    width: 100%;
    height: 100%;
}
.art-mod1 .tex-box .swiper-pagination{
    bottom: 0.4rem;
    text-align: left;
    padding-left: 0.3rem;
}
.art-mod1 .tex-box .swiper-pagination-bullet{
    background: #d2d2d2;
    opacity: 1;
}
.art-mod1 .tex-box .swiper-pagination-bullet-active{
    background: #2e94c9;
}
.art-mod1 .tx-it{
    width: 100%;
    height: 100%;
    padding: 0.6rem 0.3rem 0;
}
.art-mod1 .tx-it .tt{
    margin-bottom: 0.2rem;
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #333;
    font-weight: bold;
}
.art-mod1 .tx-it .tt{
    margin-bottom: 0.2rem;
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #333;
    font-weight: bold;
}
.art-mod1 .tx-it .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
    line-height: 1.6;
}
.art-mod1 .sw-prev{
    left: -1.1rem;
}
.art-mod1 .sw-next{
    right: -1.1rem;
}

.art-mod1 .pic-gro{
    height: 1.2rem;
    background: #fff;
    width: 94%;
    position: absolute;
    right: 0;
    bottom: -0.3rem;
    z-index: 3;
    padding-top: 0.2rem;
    padding-left: 0.2rem;
}

.art-mod1 .s-pic{
    height: 1rem;
    width: 100%;
    cursor: pointer;
}
.art-mod1 .on .s-pic{
    border: 2px solid #2e94c9;
}
.art-mod1 .sw-btn{
    border:1px solid #2e94c9;
}
.art-mod1 .sw-btn:hover{
    background-color: #2e94c9;
}
.art-mod1 .sw-prev:hover{
    background-image: url(/themes/pc_cn/public/assets/images/sw-prev-w.png);
}
.art-mod1 .sw-next:hover{
    background-image: url(/themes/pc_cn/public/assets/images/sw-next-w.png);
}
.tea-it{
    display: block;
    width: 31%;
    height: 4.9rem;
    padding: 0.4rem 0.3rem 0;
    background: #f9f9f9;
    text-align: center;
    float: left;
    margin: 0 1.16%;
    color: #555;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.tea-it .tt{
    margin-bottom: 0.25rem;
    font-size: calc(12px - 0.12rem + 0.24rem);
}
.tea-it .pic{
    height: 2.6rem;
    margin-bottom: 0.3rem;
}
.tea-it .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 1.8;
}
.tea-it:hover{
    background: #2e94c9;
    color: #fff;
}

.cul-it{
    display: block;
    width: 25%;
    float: left;
}
.cul-it .tex{
    text-align: center;
    height: 2.4rem;
    background: #fff;
    padding: 0.5rem 0.1rem 0;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.cul-it .icon{
    margin-bottom: 0.3rem;
}
.cul-it .icon img{
    height: 0.48rem;
}
.cul-it .sel{
    display: none;
}

.cul-it .cn{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #666;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.cul-it .en{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #adadad;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.cul-it .pic{
    height: 2.4rem;
}
.cul-it:hover .tex{
    background: #2e94c9;
}
.cul-it:hover .cn,
.cul-it:hover .en{
    color: #fff;
}
.cul-it:hover .nor{
    display: none;
}
.cul-it:hover .sel{
    display: inline-block;
}


.line-it{
    margin-bottom: 0.6rem;
    position: relative;
}
.line-it .pic{
    width: 50%;
    float: left;
    position: relative;
}
.line-it.odd .pic{
    padding-left: 0.5rem;
}
.line-it .pic .bg{
    position: relative;
    left: 0;
    top: 0;
    /* width: 5.5rem; */
    width: 80%;
    height: 3.4rem;
    z-index: 3;
}
.line-it.odd .pic:after{
    content: '';
    position: absolute;
    width: 60%;
    border-top: 2px solid #2e94c9;
    right: 0;
    top:1.7rem;
}
.line-it .intro{
    float: right;
    width: 50%;
    /* padding-top: 0.2rem; */
    position: relative;
    text-align: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.line-it.odd .intro:before{
    content: '';
    width: 0.46rem;
    height: 0.46rem;
    border-radius: 100%;
    position: absolute;
    left: 0;
    margin-left: -0.23rem;
    margin-top: -0.23rem;
    top: 50%;
    background: #fcfcfc url(../images/dev-sp.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 1;
}
.line-it .num{
    font-size: calc(12px - 0.12rem + 0.18rem);
    margin-bottom: 0.25rem;
    font-weight: bold;
    color: #555;
}
.line-it .tex{
    line-height: 2;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #555;
}
.line-it.even .pic{
    float: right;
    padding-right: 0.5rem;
}
.line-it.even .pic .bg{
    float: right;
}
.line-it.even .intro{
    float: left;
    text-align: right;
    padding-right: 6%;
}
.line-it.odd .intro{
    padding-left: 6%;
    right: 0;
}
.line-it.even .intro:before{
    content: '';
    width: 0.46rem;
    height: 0.46rem;
    border-radius: 100%;
    position: absolute;
    right: 0;
    margin-right: -0.23rem;
    margin-top: -0.23rem;
    top: 50%;
    background: #fcfcfc url(../images/dev-sp.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 1;
}

.line-it.even .pic:after{
    content: '';
    position: absolute;
    width: 60%;
    border-top: 2px solid #2e94c9;
    left: 0;
    top: 1.7rem;
}
.dev-line .content{
    position: relative;
    padding: 0.6rem 0 0.2rem;
    overflow: hidden;
}
.dev-line .content:after{
    content: '';
    height: 100%;
    width: 2px;
    background: #2e94c9;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
}
.dev-line .content:before{
    content: '';
    height: 0.16rem;
    width: 0.16rem;
    border-radius: 100%;
    background: #2e94c9;
    position: absolute;
    left: 50%;
    top: 0%;
    margin-left: -0.08rem;
}

.hon-tab{
    text-align: center;
    margin-bottom: 0.4rem;
}
.hon-tab li{
    width: 1.9rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    border: 1px solid #eee;
    display: inline-block;
    vertical-align: middle;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #888;
    margin: 0 0.15rem 0.15rem;
}
.hon-tab .on{
    color: #fff;
    background: #339dd4;
    border-color: #339dd4;
}
.hon-it img{
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    border: 10px solid transparent;
    -moz-border-image: url(/themes/pc_cn/public/assets/images/bg-border.png) 10 10 stretch;
    -webkit-border-image: url(/themes/pc_cn/public/assets/images/bg-border.png) 10 10 stretch;
    -o-border-image: url(/themes/pc_cn/public/assets/images/bg-border.png) 10 10 stretch;
    border-image: url(/themes/pc_cn/public/assets/images/bg-border.png) 10 10 stretch;
}

.hon-mod .pic-box .swiper-wrapper{
    align-items:flex-end;
}
.hon-mod .pic-box .swiper-slide{
    width: 1.7rem;
}
.hon-mod .pic-box .swiper-slide.on{
    width: 3.3rem;
}

.hon-mod .pic-box .swiper-container{
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #eee;
}
.hon-mod .swiper-scrollbar-drag{
    background: #2e94c9;
    height: 0.12rem;
    border-radius: 0;
}
.hon-mod .tex-box{
    margin-top: 0.4rem;
    text-align: center;
}
.hon-mod .tex-box li{
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #555;
    display: none;
}
.hon-mod .tex-box .on{
    display: block;
}

.abo-mod{
    padding-top: 0;
}

.abo-tp{
    height: 3.05rem;
    overflow: hidden;
}
.abo-tp .pic{
    height: 100%;
    width: 1.6rem;
    float: right;
}
.abo-tp .tex{
    float: left;
    width: calc(100% - 2.1rem);
    padding-top: 0.45rem;
}
.abo-tp .tex .hd{
    margin-bottom: 0.25rem;
    height: 1;
}
.abo-tp .tex .en{
    font-size: calc(12px - 0.12rem + 0.84rem);
    font-weight: bold;
    text-transform: uppercase;
    color: #ddd;
    opacity: 0.2;
}
.abo-tp .tex .cn{
    font-size: calc(12px - 0.12rem + 0.3rem);
    font-weight: bold;
    color: #2e94c9;
    margin-top: -0.5rem;
}
.abo-tp .tex .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #555;
    line-height: 1.8;
}
.abo-bt{
    height: 6rem;
    border-radius: 0.9rem 0 0.9rem 0;
    overflow: hidden;
    position: relative;
}
.abo-bt .pic{
    width: 100%;
    height: 100%;
}
.abo-bt .rg{
    width: 1.6rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #2e94c9;
    padding-top: 1.1rem;
    text-align: center;
}
.abo-bt .rg img{
    margin-bottom: 0.25rem;
    height: 0.58rem;
}
.abo-bt .rg .lb{
    font-size: calc(12px - 0.12rem + 0.3rem);
    color: #fff;
    width: 0.3rem;
    margin: 0 auto;
    line-height: 1.2;
}

.abo-mod1{
    overflow: hidden;
}
.abo-mod1 .pic-box{
    width: 63%;
    float: left;
    height: 4.35rem;
    margin-left: -1rem;
}
.abo-mod1 .pic-box .it,
.abo-mod1 .pic-box .swiper-container{
    width: 100%;
    height: 100%;
}
.abo-mod1 .pic-box .swiper-slide{
    transform:scale(0.9);
    opacity: 0.5;
}
.abo-mod1 .pic-box .swiper-slide-next{
    transform:scale(1);
    opacity: 1;
}
.abo-mod1 .pic-box .swiper-slide img{
    max-width: 100%;
}
.abo-mod1 .pic-box .swiper-wrapper{
    -ms-align-items: center;
    align-items: center;
}
.abo-mod1 .tex-box{
    width: 25%;
    height: 3.1rem;
    float: left;
    margin-left: 0.6rem;
    padding-top: 0.6rem;
}
.abo-mod1 .tex-box .swiper-container{
    height: 100%;
}
.abo-mod1 .it .hd{
    margin-bottom: 0.2rem;
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #2e94c9;
}
.abo-mod1 .it .hd:after{
    content: '';
    width: 0.46rem;
    height: 3px;
    display: block;
    background: #2e94c9;
    margin-top: 0.2rem;
}
.abo-mod1 .it .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #555;
}
.abo-mod1 .tex-box .bt{
    overflow: hidden;
}
.abo-mod1 .tex-box .sw-btn1{
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.2rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.abo-mod1 .tex-box .sw-prev{
    background-image: url(/themes/pc_cn/public/assets/images/sw-prev2.png);
}
.abo-mod1 .tex-box .sw-next{
    background-image: url(/themes/pc_cn/public/assets/images/sw-next2.png);
}
.abo-mod1 .tex-box .sw-prev:hover{
    background-image: url(/themes/pc_cn/public/assets/images/sw-prev2-sel.png);
}
.abo-mod1 .tex-box .sw-next:hover{
    background-image: url(/themes/pc_cn/public/assets/images/sw-next2-sel.png);
}

.abo-mod1 .tex-box .num{
    display: inline-block;
    vertical-align: middle;
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #999;
    margin-left: 0.1rem;
}
.abo-mod1 .tex-box .cur{
    font-size: calc(12px - 0.12rem + 0.24rem);
}

.vr-mod2{
    position: relative;
}
.vr-mod2 .vr-alb{
    width: 55%;
    height: 6rem;
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3rem;
}
.vr-mod2 .swiper-container,
.vr-mod2 .it{
    width: 100%;
    height: 100%;
}
.vr-mod2 .swiper-slide{
    opacity: 0.5;
}
.vr-mod2 .swiper-slide-active{
    opacity: 1;
}


/* 视频弹窗样式 */
.video-popup{ position: fixed; top: 0;  left: 0;  right: 0; bottom: 0; width: 100%; height: 100%;  font-size: 0; z-index: 999; display: none; }
.video-popup .gray{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; z-index: 10; }
.video-popup .close{ position: absolute; top: calc(100px + 2%); right: 5%; width: 40px; height: 40px; background: #000;border-radius: 40px;  cursor: pointer; z-index: 999; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.video-popup .close:before{ content: ''; width: 30px; height: 2px; display: block; background: #fff; transform:rotate(45deg); position: absolute; top:50%; margin-top: -2px; left: 50%; margin-left: -15px; }
.video-popup .close:after{ content: ''; width: 30px; height: 2px; display: block; background: #fff; transform:rotate(-45deg); position: absolute; top:50%; margin-top: -2px; left: 50%; margin-left: -15px; }
.video-popup .close:active{ transform:rotate(180deg); }
.video-popup .video{ overflow: hidden; width: 1200px; height: 1000px; line-height: 1000px; position: absolute; z-index:110; left: 50%; margin-left: -600px; top:50%; margin-top: -500px;  text-align: center;  }
.video-popup .video video{ max-width: 98%; min-width: 80%; min-height: 66%; max-height: 98%; display: inline-block; vertical-align: middle; background: #000;  border: 4px solid #fff ; border-radius: 10px; box-sizing:border-box;}


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

#fl-win .f-tele{
    background-position: -66px center;
    position: relative;
}
#fl-win .tele-no{
    height: 100%;
    line-height: 65px;
    width: 160px;
    background: #2e94c9;
    position: absolute;
    font-size: 18px;
    color: #fff;
    z-index: -1;
    right: -220px;
    top: 0;
    transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s;
}
#fl-win .tele-no.on,
#fl-win .f-li:hover .tele-no{
    right: 58px;
}
#fl-win .code{
    width: 200px;
    background: transparent;
}
#fl-win .code.on,
#fl-win .f-li:hover .code{
    right: 68px;
}
#fl-win .f-qq{
    background-position: -132px center;
    position: relative;
}
#fl-win .f-qq a{
    display: block;
    height: 100%;
    line-height: 56px;
    width: 160px;
    background: #c49b5e;
    position: absolute;
    font-size: 18px;
    color: #fff;
    z-index: 2;
    right: -220px;
    transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s;
}
#fl-win .f-qq a.on{
    right: 58px;
}
.hm-ban{
    height: 9.4rem;
}
.hm-ban .ban-vd{
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%,0);
    background: #000;
}
@media (max-width: 640px) {
    .hm-ban .ban-vd{
        display: none;
    }
}
.hm-ban .swiper-container{
    width: 100%;
    height: 100%;
}
.hm-ban .ban-it{
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hm-ban .ban-bt{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 1.3rem;
    z-index: 3;
    line-height: calc(12px - 0.12rem + 0.42rem);
}
.hm-ban .ban-num{
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: calc(12px - 0.12rem + 0.2rem);
    vertical-align: bottom;
}
.hm-ban .ban-num .cur{
    font-size: calc(12px - 0.12rem + 0.42rem);
    margin-right: 0.1rem;
}
.hm-ban .swiper-pagination{
    position: static;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 0.4rem;
}
.hm-ban .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    border: 1px solid #fff;
    margin: 0 0.1rem;
    opacity: 1;
    background: transparent;
}
.hm-ban .swiper-pagination-bullet-active{
    background: #fff;
}
/* 背景图区域 */
.hm-ban .ban-it{
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 1s .8s;
    background-size: 120% auto;
}
.hm-ban .cnt{
    color: #fff;
    width: 16.3rem;
    padding: 0 .15rem;
}
.hm-ban .cnt .tx1{ 
    font-size: calc(12px - .12rem + .48rem);
    font-weight: normal;
    line-height: 1.5;
    opacity: 0;
    transition: all 03s .2s;
}
.hm-ban .cnt .tx2{ 
    font-size: calc(12px - .12rem + .18rem);
    line-height: 2;
    margin-top: .3rem;
    opacity: 0;
    transition: all 03s .5s;
}
.hm-ban .swiper-slide-active .cnt .tx1,
.hm-ban .swiper-slide-active .cnt .tx2{
    opacity: 1;
}
.hm-ban .swiper-slide-active .ban-it{
    background-position: right center;
}
@media (max-width: 1600px) {
    .hm-ban{
        height: 7.2rem;
    }
    .hm-ban .cnt .tx1{
        font-size: calc(12px - .12rem + .4rem);
    }
}
@media (max-width: 1440px) {
    .hm-ban .cnt .tx1{
        font-size: calc(12px - .12rem + .35rem);
    }
}
@media (max-width: 767px) {
    .hm-ban .cnt .tx1{
        font-size: calc(12px - .12rem + .2rem);
    }
    .hm-ban .cnt .tx2{
        font-size: calc(12px - .12rem + .12rem);
        margin-top: .1rem;
    }
}


@media screen and (max-width: 1820px){
    .scs-alb1 .sw-prev{
        margin-left: -28%;
    }
    .scs-alb1 .sw-next{
        margin-right: -28%;
    }
    
}
@media screen and (max-width: 1660px){
    .hall-mod1 .sw-btn{
        background-color: #2e94c9;
    }
    .hall-mod1 .sw-prev{
        left: -0.1rem;
    }
    .hall-mod1 .sw-next{
        right: -0.1rem;
    }
    .cus-mod .sw-prev{
        left: -0.1rem;
    }
    .cus-mod .sw-next{
        right: -0.1rem;
    }
    .scs-alb .sw-prev {
        left: -0.1rem;
    }
    .scs-alb .sw-next {
        right: -0.1rem;
    }
    .vis-mod .sw-prev{
        left: -0.1rem;
    }
    .vis-mod .sw-next{
        right: -0.1rem;
    }
    .ser-page3 .ser-gro .sw-prev{
        left: -0.1rem;
    }
    .ser-page3 .ser-gro .sw-next{
        right: -0.1rem;
    }
    .app-gro .sw-prev{
        left: -.1rem;
    }
    .app-gro .sw-next{
        right: -.1rem;
    }
    .scs-alb1 .sw-prev{
        left: 50%;
    }
    .scs-alb1 .sw-next{
        right: 50%;
    }
    .tea-mod .sw-prev{
        left: -0.1rem;
    }
    .tea-mod .sw-next{
        right: -0.1rem;
    }
    .tra-sys .sw-prev{
        left: -0.1rem;
    }
    .tra-sys .sw-next{
        right: -0.1rem;
    }
    .cin-mod .sw-prev{
        left: -0.1rem;
    }
    .cin-mod .sw-next{
        right: -0.1rem;
    }
    .hum-mod .sw-prev{
        left: -0.1rem;
    }
    .hum-mod .sw-next{
        right: -0.1rem;
    }
    .art-mod1 .sw-prev{
        left: -0.1rem;
    }
    .art-mod1 .sw-next{
        right: -0.1rem;
    }
    .tec-gro{
        width: 80%;
    }
    
}
@media screen and (max-width: 1440px){
    .layout{
        padding: 0 0.4rem;
    }
    .menu-mod .layout{
        padding: 0;
    }
    .ser-it .hd .icon{
        height: 0.56rem;
        width: 0.56rem;
    }
    .ser-it .hd .cn {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .ser-it .hd .en {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .ser-it .tex {
        font-size: calc(12px - 0.12rem + 0.13rem);
    }
    .hall-mod1 .sw-prev{
        left: -0.2rem;
    }
    .hall-mod1 .sw-next{
        right: -0.2rem;
    }
    .scs-alb .sw-prev {
        left: -0.2rem;
    }
    .scs-alb .sw-next {
        right: -0.2rem;
    }
    .vis-mod .sw-prev{
        left: -0.2rem;
    }
    .vis-mod .sw-next{
        right: -0.2rem;
    }
    .scs-alb1 .sw-prev{
        left: 50%;
    }
    .scs-alb1 .sw-next{
        right: 50%;
    }
    .tea-mod .sw-prev{
        left: -0.2rem;
    }
    .tea-mod .sw-next{
        right: -0.2rem;
    }
    .cus-mod .sw-prev{
        left: 0rem;
    }
    .cus-mod .sw-next{
        right: 0rem;
    }
    .ser-page3 .ser-gro .sw-prev{
        left: 0rem;
    }
    .ser-page3 .ser-gro .sw-next{
        right: 0rem;
    }
    .app-gro .sw-prev{
        left: 0rem;
    }
    .app-gro .sw-next{
        right: 0rem;
    }
    .nw-it3{
        padding: 0.15rem 0.1rem;
    }
    .edu-it .dd {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .ct-it .tex{
        padding-top: 0.2rem;
    }
    .rec-it .j-nm{
        margin-bottom: 0.25rem;
    }
    .rec-it .md{
        margin-bottom: 0.3rem;
    }
    .cont-mod .c-btn{
        margin-top: 0.4rem;
    }
    .sol-it1 .tex{
        font-size: calc(12px - 0.12rem + 0.14rem);
        line-height: 1.2;
    }
    .tra-sys .sw-prev{
        left: -0.2rem;
    }
    .tra-sys .sw-next{
        right: -0.2rem;
    }
    .cin-mod .sw-prev{
        left: -0.2rem;
    }
    .cin-mod .sw-next{
        right: -0.2rem;
    }
    .hum-mod .sw-prev{
        left: -0.2rem;
    }
    .hum-mod .sw-next{
        right: -0.2rem;
    }
    .art-mod1 .sw-prev{
        left: -0.2rem;
    }
    .art-mod1 .sw-next{
        right: -0.2rem;
    }
    .tea-it .dd {
        font-size: calc(12px - 0.12rem + 0.14rem);
        line-height: 1.6;
    }
    .index_2_div1_bottom .item.on .lt{
        width: calc(100% - 1.4rem);
    }
    .index_2_div1_bottom .item .rg{
        width: 1.4rem;
    }
    .index_2_div1_bottom .pic1{
        width: 1.4rem;
        height: 1.1rem;
        margin-top: -0.55rem;
    }
    .hm-vis .v-it .tex{
        padding: 0.6rem 0.4rem 0;
    }
    .video-popup .video {
        height: 600px;
        line-height: 600px;
        margin-top: -300px;
    }
    .video-popup .close {
        top: calc(20px + 2%);
    }
    
    .ban-mod .layout{
        height: 5.2rem;
        line-height: 5.2rem;
    }
    .map-mod .map{
        width: 96%;
        padding-bottom: 45%;
    }
    .mp-it .int-box{
        height: 1.7rem;
        width: 4.8rem;
        padding: 0.15rem;
    }
    .mp-it .int-box .pic{
        width: 1.8rem;
    }
    .mp-it .int-box .tex{
        margin-left: 1.95rem;
    }
    .mp-it .int-box .dd {
        font-size: calc(12px - 0.12rem + 0.12rem);
        margin-bottom: 0.15rem;
    }
    .mp-it .int-box .tt {
        font-size: calc(12px - 0.12rem + 0.16rem);
        margin-bottom: 0.1rem;
    }
    .hm-ban{
        height: 6.4rem;
    }
    .hm-ban .ban-bt{
        bottom: 1rem;
    }
    .hm-ban .ban-num{
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .hm-ban .ban-num .cur {
        font-size: calc(12px - 0.12rem + 0.36rem);
    }
    .hm-ban .swiper-pagination{
        margin-left: 0.2rem;
    }
    .hm-ban .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
        margin: 0 0.06rem;
    }
    
    
}

@media screen and (max-width: 1220px){
    .menu-mod .m-ps{
        display: none;
    }
    .menu-mod .m-list{
        width: 100%;
        float: none;
    }
    .tt-mod .en {
        font-size: calc(12px - 0.12rem + 0.22rem);
    }
    .tt-mod .cn {
        font-size: calc(12px - 0.12rem + 0.28rem);
    }
    .tt-mod .dd {
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .dig-mod{
        height: auto;
    }
    .dig-mod .pic{
        width: 100%;
        height: 4.4rem;
        float: none;
    }
    .dig-mod .rg-box{
        margin-left: 0;
    }
    .dig-mod .d-tex{
        height: auto;
        padding: 0.3rem 0.2rem;
    }
    .dig-mod .tex{
        min-height: auto;
    }
    .dig-mod .d-menu li{
        width: 16.6%;
        margin-bottom: 0.2rem;
    }
    .cs-it{
        width: 48%;
        margin: 0 1% 0.3rem;
    }
    .ser-it .tex{
        /* display: block; */
        margin-top: 0.3rem;
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .ser-it:hover .hd span{
        display: none;
    }
    .ser-it:hover .md{
        display: block;
    }
    .ser-it .md .en{
        font-size: calc(12px - 0.12rem + 0.13rem);
    }
    .ban-mod .layout{
        height: 4.4rem;
        line-height: 4.4rem;
    }
    .sol-it .tex{
        padding: 0.5rem 0.3rem 0;
    }
    .exh-it{
        margin-right: 0.4rem;
    }
    .exh-it .tex{
        padding-top: 0.3rem;
        padding-right: 5%;
    }
    .exh-it .hd{
        margin-bottom: 0.3rem;
    }
    .exh-it .hd .en{
        font-size: calc(12px - 0.12rem + 0.26rem);
    }
    .exh-it .hd .cn{
        font-size: calc(12px - 0.12rem + 0.3rem);
    }
    .exh-it .tex .dd{
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .sol-tab li .cn{
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .sol-tab li .en {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .sol-mod .tex{
        height: 1.5rem;
        font-size: calc(12px - 0.12rem + 0.14rem);
        padding: 0.2rem 0.2rem;
    }
    .exh-it .tex .lb{
        font-size: calc(12px - 0.12rem + 0.22rem);
    }
    .sol-tab li{
        padding: 0 0.25rem 0 0.7rem;
    }
    .sol-tab li .icon{
        left: 0.2rem;
    }
    .vr-mod1 .hd{
        margin-bottom: 0.6rem;
    }
    .vr-mod1 .tex{
        width: 45%;
    }
    .vr-mod1 .pic{
        width: 50%;
    }
    .vr-mod1 .hd .en{
        font-size: calc(12px - 0.12rem + 0.24rem);
    }
    .vr-mod1 .hd .cn{
        font-size: calc(12px - 0.12rem + 0.32rem);
    }
    .vr-mod1 .dd{
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .ban-mod .en{
        font-size: calc(12px - 0.12rem + 0.4rem);
    }
    .ban-mod .dd{
        font-size: calc(12px - 0.12rem + 0.2rem); 
        padding: 0.1rem 0.3rem;
    }
    .vr-mod{
        height: 7rem;
    }
    .vr-mod .en{
        font-size: calc(12px - 0.12rem + 0.24rem);
    }
    .vr-mod .cn{
        font-size: calc(12px - 0.12rem + 0.26rem); 
    }
    .vr-mod .dd {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .com-mod{
        padding: 0.4rem 0 0.45rem;
    }
    .exh-it1 .tex{
        padding-right: 0;
    }
    .sol-art .dd{
        padding: 0;
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .hall-mod .tex {
        padding: 0.3rem 0;
        font-size: calc(12px - 0.12rem + 0.14rem);
        line-height: 1.5;
    }
    .hall-it .tex{
        width: 50%;
        padding: 0.2rem 0.3rem;
    }
    .hall-it .pic{
        width: 50%;
    }
    .hall-it .tex .en {
        margin-bottom: 0.1rem;
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .hall-it .tex .cn {
        font-size: calc(12px - 0.12rem + 0.24rem);
    }
    .hall-it .tex .dd{
        font-size: calc(12px - 0.12rem + 0.13rem); 
        line-height: 1.3;
    }
    .cs-mod .tex .en{
        font-size: calc(12px - 0.12rem + 0.24rem);
    }
    .cs-mod .tex .cn{
        font-size: calc(12px - 0.12rem + 0.28rem);
    }
    .cs-mod .tex .dd {
        margin-top: 0.2rem;
        font-size: calc(12px - 0.12rem + 0.14rem);
        line-height: 1.4;
        height: 0.26rem;
        overflow: hidden;
    }
    .cs-mod .bt{
        margin-top: 0.4rem;
    }
    .cs-mod .bt li{
        margin-right: 0.3rem;
    }
    .cs-mod .bt li:last-of-type{
        margin-right: 0;
    }
    .cs-mod .bt .tt{
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .cs-mod .bt .lb{
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .cs-mod{
        height: 5.6rem;
        margin: 0.4rem 0;
    }
    .cs-mod .pic{
        height: 80%;
        margin-top: 5%;
    }
    .vr-mod2 .vr-alb{
        height: 4.4rem;
        margin-top: -2.2rem;
    }
    .cs-mod.b-mod {
        height: 5.2rem;
    }
    .cs-mod.b-mod .pic{
        width: 55%;
    }
    .cs-mod.b-mod .tex{
        width: 45%;
    }
    .scs-alb1 .pic-it{
        height: 4.3rem;
    }
    .nw-it{
        width: 48%;
        margin: 0 1% 0.3rem;
    }
    .ej-main{
        width: 100%;
        float: none;
    }
    .ej-side{
        width: 100%;
        float: none;
        margin-top: 0.4rem;
    }
    .edu-it{
        width: 48%;
        margin: 0 1% 2%;
    }
    .edu-mod2 .lt{
        overflow: hidden;
    }
    .edu-mod2 .rg-box{
        width: 98%;
        float: none;
        height: auto;
        margin: 0 auto;
    }
    .cus-it .tex .cn {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .cus-it .int{
        font-size: calc(12px - 0.12rem + 0.12rem);
        padding: 0.3rem 0.15rem;
        line-height: 1.2;
    }
    .cus-it.bg{
        height: 6rem;
    }
    .cus-it{
        height: 3.52rem;
    }
    .cus-it.sm{
        height: 2.2rem;
    }
    .edu-it1 .dd {
        font-size: calc(12px - 0.12rem + 0.12rem);
        line-height: 1.3;
    }
    .edu-it1 .tex{
        padding: 0.4rem 0.25rem 0;
    }
    .cs-it1 .pic{
        height: 4.2rem;
    }
    .cs-it1 .tt {
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .cs-it1 .dd {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .cs-it1 .tex{
        padding: 0.2rem 1.7rem 0.2rem 0.2rem;
    }
    .cont-mod .lt-box{
        padding: 0.4rem 0.2rem 0;
    }
    .cont-mod .c-way .icon{
        width: 20px;
        height: 20px;
    }
    .cont-mod .c-btn{
        margin-top: 0.2rem;
    }
    .cont-mod .lt-box .hd {
        margin-bottom: 0.2rem;
        font-size: calc(12px - 0.12rem + 0.22rem);
    }
    .cont-mod .c-way li {
        margin-bottom: 0.2rem;
        font-size: calc(12px - 0.12rem + 0.16rem);
        padding-left: 0.4rem;
    }
    .ct-it{
        width: 100%;
        float: none;
        margin-bottom: 0.2rem;
    }
    .rec-it{
        width: 48%;
        margin: 0 1% 3%;
    }
    .rec-it .dd {
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .rec-it .j-nm {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .rec-it .md {
        margin-bottom: 0.2rem;
    }
    .adv-gro{
        margin-top: 0.3rem;
    }
    .adv-gro .it .tt {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .adv-gro .it .lb {
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .adv-gro .it{
        margin-bottom: 0.2rem;
    }
    .vr-mod.h-71{
        height: 6.7rem;
    }
    .adv-it{
        width: 31%;
        margin: 0 1.16% 0.3rem;
    }
    .adv-it .cn {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .adv-it .dd {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .dep-mod{
        height: 5.2rem;
    }
    .dep-it .tex{
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .tra-it .dd {
        font-size: calc(12px - 0.12rem + 0.14rem);
        line-height: 1.5;
    }
    .lab-mod .pic{
        height: 6rem;
    }
    .lab-it{
        height: 2.8rem;
    }
    .lab-it .icon{
        margin-bottom: 0.3rem;
    }
    .lab-it .tt {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .sol-it1,
    .sol-it1.on,
    .sol-it1.other{
        width: 33.3%;
        height: 4.4rem;
        line-height: 4.4rem;
        padding-top: 0.5rem;
    }
    .sol-it1.on .pic{
        opacity: 0.5; 
    }
    .sol-it1.on .md {
        display: block;
    }
    .sol-it1 .icon{
        height: 0.4rem;
    }
    .sol-it1 .tex{
        background: transparent;
        position: static;
        font-size: calc(12px - 0.12rem + 0.12rem);
        line-height: 1.4;
        height: auto;
    }
    .sol-it1 .md{
        display: block;
    }
    .cs-mod .tex{
        /* width: 55%; */
    }
    .cs-mod .tex .d-ul{
        margin: 0.4rem 0 0.3rem;
    }
    .video-popup .video{
        width: 98%;
        left: 1%;
        margin-left: 0;
    }
    .ser-page3 .hd {
        padding: 0 1rem;
        margin-bottom: 0.5rem;
        font-size: calc(12px - 0.12rem + 0.24rem);
    }
    .ser-it1{
        height: 3.7rem;
    }
    .ser-it1 .tex,
    .app-it1 .tex{
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .ser-tb td{
        font-size: calc(12px - 0.12rem + 0.14rem); 
    }
    .ser-page4 .hd{
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .app-it1{
        height: 4rem;
    }
    .ser-menu .it img{
        margin-right: 0.1rem;
    }
    .ser-menu .it .tt {
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .ser-menu .it .lb{
        font-size: calc(12px - 0.12rem + 0.14rem); 
    }
    .ser-it2{
        width: 31%;
        margin: 0 1.16% 0.3rem;
    }
    .cin-it{
        height: 3.2rem;
    }
    .cin-it .pic{
        /* width: 75%; */
    }
    .hol-mod{
        height: auto;
    }
    .hol-mod .b-pic{
        width: 100%;
        height: 5.2rem;
        float: none;
    }
    .hol-mod .pic-gro{
        width: 100%;
        height: 3rem;
        float: none;
        margin-top: 0.2rem;
    }
    .hol-it .tex{
        font-size: calc(12px - 0.12rem + 0.14rem); 
    }
    .art-mod1 .b-pic{
        height: 6.5rem;
    }
    .art-mod1 .tx-it{
        padding: 0.3rem 0.2rem 0;
    }
    .art-mod1 .tx-it .tt {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .art-mod1 .tx-it .dd {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .abo-tp{
        height: 3.6rem;
    }
    .abo-tp .tex{
        padding-top: 0.2rem;
    }
    .abo-tp .tex .en{
        font-size: calc(12px - 0.12rem + 0.6rem);
    }
    .abo-tp .tex .cn {
        font-size: calc(12px - 0.12rem + 0.24rem);
        margin-top: -0.4rem;
    }
    .abo-tp .tex .dd {
        font-size: calc(12px - 0.12rem + 0.14rem);
        line-height: 1.5;
    }
    .abo-bt .rg .lb {
        font-size: calc(12px - 0.12rem + 0.24rem);
        width: 0.26rem;
    }
    .abo-mod1 .pic-box{
        width: 73%;
    }
    .abo-mod1 .tex-box{
        width: 27%;
        margin-left: 0.4rem;
    }
    .abo-mod1 .pic-box{
        height: 4rem;
    }
    .abo-mod1 .it .dd {
        font-size: calc(12px - 0.12rem + 0.13rem);
    }
    .abo-mod1 .it .hd {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .tea-it{
        width: 48%;
        margin: 0 1% 0.3rem;
        padding: 0.3rem 0.2rem 0;
    }
    .tea-it .dd {
        font-size: calc(12px - 0.12rem + 0.14rem);
        line-height: 1.4;
    }
    .cul-it{
        width: 50%;
    }
    .cul-it .icon{
        margin-bottom: 0.2rem;
    }
    .cul-it .cn{
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .line-it .num {
        font-size: calc(12px - 0.12rem + 0.16rem);
        margin-bottom: 0.15rem;
    }
    .line-it .tex{
        font-size: calc(12px - 0.12rem + 0.12rem);
        line-height: 1.4;
    }
    .line-it .pic .bg{
        width: 90%;
    }
    .line-it .intro{
        position: static;
        transform: translateY(0%);
    }
    .line-it.odd .intro:before,
    .line-it.even .intro:before{
        top: 1.7rem;
    }
    .hon-mod .pic-box .swiper-slide.on{
        width: 2.7rem;
    }
    
    .index_2_div1_bottom .item.on,
    .index_2_div1_bottom .item.other{
        width: 25%;
    }
    .index_2_div1_bottom .item.on .lt{
        width:100%;
    }
    .index_2_div1_bottom .item.on .rg{
        display: none;
    }
    .index_2_div1_bottom .item2:hover .pic1{
        display: none;
    }
    .index_2_div1_bottom .item .p2 {
        font-size: calc(12px - 0.12rem + 0.13rem);
    }
    .index_2_div1 .top{
        font-size: calc(12px - 0.12rem + 0.32rem);
    }
    .index_2_main .item .txt .text{
        /*  font-size: calc(12px - 0.12rem + 0.22rem); */
    }
    .tec-gro{
        width: 100%;
    }
    .index_4 .content{
        width: 60%;
    }
    .tec-it {
        width: 2.2rem;
        font-size: calc(12px - 0.12rem + 0.12rem);
        margin-right: 0.2rem;
        margin-bottom: 0.2rem;
    }
    .hm-news .nw-lt{
        width: 48%;
    }
    .hm-news .nw-rg{
        width: 48%;
    }
    .nw-it5 .tt {
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .nw-it5 .day {
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .nw-it5 .dd {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .nw-it4 .dd {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .hm-vis .v-it .tex{
        padding: 0.4rem 0.2rem 0;
    }
    .hm-vis .v-it .icon{
        height: 0.5rem;
    }
    .hm-vis .v-it .dd {
        font-size: calc(12px - 0.12rem + 0.13rem);
        line-height: 1.8;
    }
    .hm-vis .v-it .hd{
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    
    .vis-mod .hd .cn {
        font-size: calc(12px - 0.12rem + 0.32rem);
    }
    .vis-mod .hd .en {
        font-size: calc(12px - 0.12rem + 0.26rem);
        margin-left: 0.1rem;
    }
    .vis-mod .dd {
        font-size: calc(12px - 0.12rem + 0.16rem);
        margin-bottom: 0.4rem;
    }
    
    .tt-mod1 .tt {
        font-size: calc(12px - 0.12rem + 0.32rem);
    }
    .tt-mod1{
        margin-bottom: 0.4rem;
    }
    
    #fl-win li{
        width: 44px;
        height: 44px;
    }
    #fl-win li .ct>p{
        display: none;
    }
    #fl-win .tele-no{
        font-size: 16px;
        line-height: 44px;
    }
    #fl-win .tele-no.on, #fl-win .tele-no:hover,
    #fl-win .code.on,
    #fl-win .f-li:hover .code{
        right: 44px;
    }
    .hm-ban{
        /* height: 5.4rem; */
    }
    
    
}
@media screen and (max-width: 767px){
    .layout {
        padding: 0 0.2rem;
    }
    .video-popup .video {
        width: 98%;
        height: 460px;
        line-height: 460px;
        left: 1%;
        margin-top: -230px;
    }
    .video-popup .close {
        top: calc(75px + 2%);
    }
    .ban-mod .layout{
        height: 2.4rem;
        line-height: 2.4rem;
    }
    .ban-mod .en {
        font-size: calc(12px - 0.12rem + 0.26rem);
        margin-bottom: 0.1rem;
    }
    .ban-mod .cn {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .ban-mod .dd {
        font-size: calc(12px - 0.12rem + 0.16rem);
        padding: 0.1rem 0.2rem;
    }
    .tt-mod{
        margin-bottom: 0.3rem;
        position: relative;
        z-index: 2;
    }
    .tt-mod .en {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    
    .tt-mod .cn {
        font-size: calc(12px - 0.12rem + 0.2rem);
        margin-bottom: 0.2rem;
    }
    
    .tt-mod .cn:before {
        margin-right: 0.1rem;
        width: 0.4rem;
    }
    .tt-mod .cn:after {
        margin-left: 0.1rem;
        width: 0.4rem;
    }
    .tt-mod .dd {
        font-size: calc(12px - 0.12rem + 0.13rem);
    }
    .dig-mod .pic{
        height: 3rem;
    }
    .dig-mod .tex {
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .dig-mod .hd{
        margin-bottom: 0.2rem;
    }
    .dig-mod .hd .cn {
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .dig-mod .hd .en {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .dig-mod .hd .icon{
        margin-right: 0.15rem;
    }
    .dig-mod .d-menu li{
        font-size: calc(12px - 0.12rem + 0.14rem);
        width: 33.3%;
    }
    .dig-mod .d-menu .icon{
        height: 0.4rem;
        margin-bottom: 0rem;
    }
    .pa-menu li img,
    .pa-menu .on .sel, .pa-menu li:hover .sel{
        display: none;
    }
    .pa-menu li{
        font-size: calc(12px - 0.12rem + 0.12rem);
        width: 1.1rem;
        margin: 0 0rem 0.1rem;
    }
    .cs-it .tt{
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .ser-it{
        width: 50%;
        margin-bottom: 0.3rem;
    }
    .ser-it:after{
        display: none;
    }
    .ser-it .hd .icon {
        height: 0.4rem;
        width: 0.4rem;
    }
    .ser-it .hd{
        margin-bottom: 0.1rem;
    }
    .ser-it .md .cn{
        margin-bottom: 0.05rem;
    }
    .ser-it .tex{
        margin-top: 0.15rem;
    }
    .ser-mod .content{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .sol-it{
        height: 3.8rem;
    }
    .sol-it .tex .dd {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .exh-it{
        height: auto;
        margin-right: 0;
        padding: 0.3rem 0.2rem;
        line-height: normal;
    }
    .exh-it .tex{
        width: 100%;
        float: none;
        padding-right: 0;
        margin-bottom: 0.3rem;
        padding-top: 0;
    }
    .exh-it .pic1{
        margin-left: 0;
        /* height: 2.5rem; */
        text-align: center;
        width: 100%;
        float: none;
    }
    .exh-it .pic1 img{
        max-width: 100%;
        max-height: 100%;
    }
    .exh-it .hd .en {
        font-size: calc(12px - 0.12rem + 0.22rem);
        margin-bottom: 0.15rem;
    }
    .exh-it .hd .cn {
        font-size: calc(12px - 0.12rem + 0.26rem);
    }
    .sol-mod .rg-box{
        width: 100%;
        float: none;
        height: 5rem;
    }
    .sol-tab{
        width: 100%;
        height: auto;
        float: none;
        display: block;
    }
    .sol-tab li{
        width: 50%;
        float: left;
        height: 1rem;
        padding: 0 0.2rem;
    }
    .sol-tab li .cn{
        font-size: calc(12px - 0.12rem + 0.13rem);
    }
    .sol-tab li .en{
        font-size: 12px;
    }
    .sol-mod .sw-prev{
        left: 0;
    }
    .sol-mod .sw-next{
        right: 0;
    }
    .sol-mod .tex {
        height: auto;
        font-size: calc(12px - 0.12rem + 0.12rem);
        padding: 0.15rem;
    }
    .sol-tab .icon img,
    .sol-tab .on .sel{
        display: none;
    }
    .cus-mod{
        display: block;
    }
    .cus-mod .col:nth-of-type(2){
        margin: 0;
    }
    .cus-it,
    .cus-it.sm{
        height: 3.4rem;
        margin-bottom: 0.2rem;
    }
    .cus-it.bg{
        height: 7rem;
    }
    .vr-mod1 .tex{
        width: 100%;
        float: none;
    }
    .vr-mod1 .pic{
        width: 100%;
        margin-top: 0.3rem;
        height: 3rem;
    }
    .vr-mod1 .hd:before{
        width: 1rem;
        height: 1.2rem;
    }
    .vr-mod1 .hd{
        padding-top: 0.2rem;
        margin-bottom: 0.4rem;
    }
    .vr-mod1 .hd .cn {
        font-size: calc(12px - 0.12rem + 0.28rem);
    }
    .vr-mod1 .hd .en {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .vr-mod1 .lb{
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .vr-mod{
        position: relative;
        z-index: 1;
    }
    .vr-mod:before{
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.4);
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
    }
    .vr-mod .tex{
        padding-right: 0;
    }
    .vr-mod:nth-of-type(2n) .tex{
        padding-left: 0;
    }
    .vr-mod{
        height: 5.4rem;
    }
    .vr-mod .dd {
        line-height: 1.5;
    }
    .vr-mod .hd{
        margin-bottom: 0.25rem;
    }
    .vr-mod .en {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .vr-mod .cn {
        font-size: calc(12px - 0.12rem + 0.23rem);
    }
    .exh-it1 .pic{
        width: 100%;
        float: none;
    }
    /* .exh-it1 .ej-3D{
        width: 60%;
        left: 20%;
    } */
    .exh-it .tex{
        padding-left: 0;
        margin-bottom: 0.1rem;
    }
    .exh-it1{
        padding: 0;
    }
    .sol-it1{
        width: 50%;
    }
    .sol-it1 .icon {
        height: 0.3rem;
    }
    .sol-it1 .cn {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .sol-it1 .en {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .sol-it1 .tex{
        padding: 0.2rem;
    }
    .hall-mod{
        height: auto;
    }
    .hall-mod .pic-box{
        width: 100%;
        height: 4rem;
        float: none;
    }
    .hall-mod .tex{
        margin-left: 0;
        height: 4rem;
    }
    .hall-mod .swiper-pagination{
        padding: 0 0.2rem;
    }
    .hall-it{
        height: auto;
        margin-top: 0.3rem;
    }
    .hall-it .pic,
    .hall-it:nth-of-type(2n+2) .pic{
        width: 100%;
        height: 3rem;
        float: none;
    }
    .hall-it .tex,
    .hall-it:nth-of-type(2n+2) .tex{
        width: 100%;
        height: auto;
        float: none;
    }
    .hall-it .tex .en{
        margin-bottom: 0.05rem;
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .hall-it .tex .cn {
        font-size: calc(12px - 0.12rem + 0.22rem);
    }
    .hall-it .tex .cn:after {
        margin: 0.15rem 0;
    }
    
    .hall-mod1 {
        height: 5.4rem;
        padding: 0.3rem 0.2rem;
    }
    .hall-mod1 .hall-mod{
        height: 100%;
    }
    .hall-mod1 .hall-mod .pic-box{
        height: 3rem;
    }
    .hall-mod1 .hall-mod .tex{
        height: 2.2rem;
    }
    .cs-mod{
        height: auto;
        margin: 0;
    }
    .cs-mod .pic{
        width: 100%;
        float: none;
    }
    .cs-mod .tex{
        width: 100%;
        float: none;
        margin-top: 0.3rem;
    }
    .cs-mod .tex .en {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .cs-mod .tex .cn {
        font-size: calc(12px - 0.12rem + 0.24rem);
    }
    .cs-mod .bt li{
        margin-right: 0.5rem;
    }
    .cs-mod.fr-mod .pic,
    .cs-mod.fr-mod .tex{
        float: none;
        padding-left: 0;
        padding-right: 0;
    }
    .vr-mod2 .vr-alb{
        position: static;
        margin-top: 0;
        width: 100%;
        float: none;
        height: 2rem;
        margin-top: 0.3rem;
    }
    .cs-mod.b-mod{
        height: auto;
    }
    .cs-mod.b-mod .pic{
        width: 100%;
        height: 2.3rem;
        float: none;
    }
    .cs-mod.b-mod .tex{
        width: 100%;
        float: none;
    }
    .sw-btn{
        width: 0.4rem;
        height: 0.4rem;
    }
    /* .scs-alb .sw-btn{
        display: none;
    } */
    
    .vis-mod .hd .cn {
        font-size: calc(12px - 0.12rem + 0.28rem);
    }
    .vis-mod .hd .en {
        font-size: calc(12px - 0.12rem + 0.22rem);
        margin-left: 0;
    }
    .scs-alb1 .pic-it{
        height: 2.2rem;
    }
    .page{
        padding: 0.2rem 0;
    }
    .ej-main{
        padding: 0.2rem;
    }
    .art-mod .h-tt {
        padding-bottom: 0.1rem;
        font-size: calc(12px - 0.12rem + 0.22rem);
    }
    .art-mod .h-md li {
        margin: 0 0.1rem;
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .art-mod .art-hd{
        margin-bottom: 0.2rem;
        padding-bottom: 0.2rem;
    }
    .art-bt .bt-lt{
        width: 100%;
        float: none;
    }
    .art-bt .bt-rg{
        float: left;
        margin-top: 0.3rem;
    }
    .art-bt{
        padding: 0.2rem 0;
    }
    .art-bt .back{
        margin-top: 0.15rem;
    }
    .ej-side{
        margin-top: 0.3rem;
    }
    .ej-side .sd-box{
        margin-bottom: 0.3rem;
    }
    .cs-mod.e-mod{
        height: auto;
    }
    .cs-mod.e-mod .pic{
        width: 100%;
        height: 2rem;
        float: none;
    }
    .cs-mod.e-mod .tex{
        width: 100%;
    }
    .cs-mod.e-mod .tex .dd{
        padding: 0.2rem 0.1rem;
    }
    .edu-it{
        width: 100%;
        margin: 0 auto 0.2rem;
    }
    .edu-it .pic{
        height: 2.5rem;
    }
    .edu-it .tex{
        height: auto;
        padding: 0.15rem;
    }
    .edu-it1 .tex {
        /* padding: 0.3rem 0.15rem 0; */
    }
    .edu-it1 .tt {
        margin-bottom: 0.1rem;
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .cs-it1 .pic{
        height: 2.8rem;
    }
    .cs-mod1 .tex-box .sw-btn{
        display: none;
    }
    .swiper-slide-active .cs-it1 .tex{
        padding: 0.15rem 0.1rem;
        height: 1.2rem;
    }
    .cs-it1 .dd {
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .cont-mod{
        height: auto;
    }
    .cont-mod .map{
        width: 100%;
        float: none;
        height: 3rem;
    }
    .cont-mod .lt-box{
        width: 100%;
        float: none;
        padding: 0.3rem 0.2rem;
    }
    .tt-mod1 .tt {
        font-size: calc(12px - 0.12rem + 0.28rem);
    }
    .tt-mod1{
        margin-bottom: 0.2rem;
    }
    .ct-it{
        height: 2rem;
    }
    .ct-it .pic{
        width: 1.8rem;
    }
    .ct-it .tex{
        margin-left: 1.8rem;
        padding: 0.3rem 0.2rem 0;
    }
    .ct-it .tt {
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .ct-it .dd {
        margin-top: 0.1rem;
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .rec-it{
        width: 100%;
        margin: 0 auto 0.3rem;
        padding: 0.3rem 0.2rem 0;
    }
    .rec-it .j-nm{
        margin-bottom: 0.15rem;
    }
    .rec-it1{
        width: 96%;
    }
    .rec-it1 .j-nm {
        font-size: calc(12px - 0.12rem + 0.22rem);
    }
    .vr-mod.tl .tex{
        padding-right: 0;
    }
    .vr-mod.h-71{
        height: 6.2rem;
    }
    .adv-gro .it .icon{
        height: 0.5rem;
        width: 0.5rem;
    }
    .adv-gro .it span{
        margin-left: 0.7rem;
    }
    .adv-gro .it .tt {
        font-size: calc(12px - 0.12rem + 0.16rem);
        line-height: 1;
    }
    .tx-ct{
        text-align: center;
    }
    .adv-it{
        width: 47%;
        margin: 0 1% 3%;
        padding: 0.3rem 0.1rem 0;
        display: inline-block;
        vertical-align: middle;
        float: none;
    }
    .adv-it .icon{
        height: 0.5rem;
    }
    .adv-it .en {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .adv-it .dd {
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .dep-mod{
        height: 3.6rem;
    }
    .dep-mod .pic-gro{
        width: 18%;
    }
    .dep-it .tex{
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .tr-vd{
        height: 3.2rem;
    }
    .tra-it .pic{
        height: 3rem;
    }
    .tra-it .tex {
        height: 1.4rem;
        padding: 0.2rem 0.15rem;
    }
    .tra-it .tt {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .tra-it .dd {
        font-size: calc(12px - 0.12rem + 0.12rem);
        line-height: 1.3;
    }
    .tra-sys .sw-btn{
        display: none;
    }
    .lab-mod .pic{
        width: 100%;
        height: 3rem;
        float: none;
        margin-bottom: 0.3rem;
    }
    .lab-mod .it-gro{
        width: 100%;
        float: none;
    }
    .lab-it {
        height: 2.2rem;
        /* width: 48%;
        margin: 0 1% 2%; */
        padding-top: 0.4rem;
    }
    .lab-it .icon{
        height: 0.8rem;
    }
    .cs-mod .tex .d-ul {
        margin: 0.2rem 0;
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .ser-page3 .hd {
        padding: 0;
        margin-bottom: 0.3rem;
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .ser-it1{
        height: 2.5rem;
        /* width: 48%;
        margin: 0 1% 2%; */
    }
    .ser-tb td {
        font-size: 12px;
    }
    .ser-tb th {
        line-height: 0.5rem;
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .ser-page4 .hd {
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .app-it1{
        height: 2.8rem;
        /* margin-bottom: 3%; */
    }
    .app-it1 .tex{
        height: 0.44rem;
        line-height: 0.44rem;
    }
    .ser-menu .it{
        width: 1.5rem;
        height: 0.7rem;
        line-height: 0.7rem;
        margin: 0 0 0.1rem;
    }
    .ser-menu .it img,
    .ser-menu .it.on .sel{
        display: none;
    }
    .ser-menu .it .tt {
        font-size: calc(12px - 0.12rem + 0.14rem);
        margin-bottom: 0.05rem;
    }
    .ser-menu .it .lb {
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .ser-menu{
        margin-bottom: 0.25rem;
    }
    .ser-it2{
        padding: 0.1rem;
        width: 48%;
        margin: 0 1% 2%;
        height: 3.5rem;
    }
    .ser-it2 .pic{
        height: 2.4rem;
        line-height: 2.4rem;
    }
    .ser-it2 .tt {
        margin-bottom: 0.1rem;
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .ser-it2 .dd {
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .cin-it .tex{
        left: 0.2rem;
        bottom: 0.2rem;
    }
    .cin-it .cn {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .cin-it .en {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .hol-mod .b-pic{
        height: 3.2rem;
    }
    .hol-it .tex{
        height: 0.7rem;
        line-height: 0.7rem;
        padding-left: 0.1rem;
    }
    .hol-mod .b-pic .swiper-pagination{
        line-height: 0.7rem;
    }
    .hol-mod .b-pic .swiper-pagination{
        padding-right: 0.1rem;
    }
    .hol-mod .pic-gro{
        height: 2.6rem;
    }
    .hol-it1{
        height: 1rem;
    }
    .hum-it .pic{
        height: 3rem;
    }
    .hum-it .tex {
        height: 0.9rem;
        padding: 0.15rem;
    }
    .hum-it .tt {
        margin-bottom: 0.1rem;
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .hum-it .lb {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .art-mod1 .b-pic{
        height: 3.5rem;
    }
    .art-mod1 .tex-box{
        width: 100%;
        height: 2.3rem;
        position: static;
    }
    .art-mod1 .pic-gro{
        width: 100%;
        padding: 0.1rem;
    }
    .art-mod1 .tx-it {
        padding: 0.2rem 0.1rem 0;
    }
    .art-mod1 .tx-it .tt {
        font-size: calc(12px - 0.12rem + 0.16rem);
        margin-bottom: 0.1rem;
    }
    .art-mod1 .s-pic{
        height: 0.8rem;
    }
    .tea-it {
        width:100%;
        margin: 0 0 0.2rem;
        padding: 0.2rem 0.1rem 0;
    }
    .cul-it .tex{
        padding-top: 0.3rem;
    }
    .cul-it .icon img{
        height: 0.36rem;
    }
    .cul-it .icon{
        margin-bottom: 0.1rem;
    }
    .cul-it .cn {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .cul-it .en{
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .line-it.odd .pic{
        padding-left: 0;
    }
    .line-it.even .pic{
        padding-right: 0;
    }
    .line-it .pic .bg{
        width: 85%;
        height: 2rem;
    }
    .line-it.odd .pic:after,
    .line-it.even .pic:after{
        top: 1rem;
    }
    .line-it.odd .intro:before, .line-it.even .intro:before{
        top: 1rem;
    }
    .hon-tab li{
        margin: 0 0 0.1rem;
    }
    .hon-mod .pic-box .swiper-slide{
        width: 1.4rem;
    }
    .hon-mod .pic-box .swiper-slide.on{
        width: 2.4rem;
    }
    .abo-tp{
        height: 3.8rem;
    }
    .abo-tp .pic{
        width: 1.2rem;
    }
    .abo-tp .tex .en {
        font-size: calc(12px - 0.12rem + 0.34rem);
    }
    .abo-tp .tex .cn {
        font-size: calc(12px - 0.12rem + 0.2rem);
        margin-top: -0.2rem;
    }
    .abo-tp .tex .hd{
        margin-bottom: 0.15rem;
    }
    .abo-tp .tex {
        float: left;
        width: calc(100% - 1.4rem);
        padding-top: 0rem;
    }
    .abo-tp .tex .dd {
        font-size: calc(12px - 0.12rem + 0.12rem);
        line-height: 1.3;
    }
    .abo-bt{
        height: 3.2rem;
        border-radius: 0.4rem 0 0.4rem 0;
    }
    .abo-bt .rg{
        width: 1.2rem;
        padding-top: 0.25rem;
    }
    .abo-bt .rg img{
        height: 0.4rem;
    }
    .abo-bt .rg .lb {
        font-size: calc(12px - 0.12rem + 0.16rem);
        width: 0.2rem;
    }
    .abo-mod1 .pic-box{
        width: 100%;
        margin-left: -0.4rem;
        height: 2.5rem;
    }
    .abo-mod1 .tex-box{
        padding: 0.3rem 0.3rem 0;
        width: 100%;
        margin-left: 0;
        height: auto;
    }
    
    .Title .title .t{
        padding: 0 0.1rem;
    }
    .hm-news .nw-lt{
        width: 100%;
        float: none;
    }
    .hm-news .nw-rg{
        width: 100%;
        float: none;
        margin-top: 0.2rem;
    }
    .header{
        background: #333;
        height: 0.7rem;
        line-height: 0.7rem;
        padding-top: 0.05rem;
    }
    body{
        padding-top: 0.6rem;
    }
    
    .banner_num .p1 {
        font-size: .36rem;
    }
    .banner_num b{
        margin-left: 0.05rem;
    }
    .banner_num .p2 {
        font-size: .16rem;
    }
    .index_2_main .item.item1{
        width: 100%;
        float: none;
        margin-bottom: 1%;
        height: 4rem;
    }
    .index_2_main .item.item2,
    .index_2_main .item.item4,
    .index_2_main .item.item3{
        width: 100%;
        margin-right: 0%;
        height: 2.7rem;
        margin-bottom: 1%;
    }
    .index_2_main .item .more{
        margin-top: 0.05rem;
    }
    .s-item .index_2_div1_bottom .item .title{
        margin-bottom: 0.05rem;
    }
    /* .index_2_main .item.item2{
        width: 33.3%;
        margin-bottom: 0;
        height: 2.2rem;
    } */
    .index_2_div1 .top{
        padding-top: 0.3rem;
        font-size: calc(12px - 0.12rem + 0.26rem);
    }
    .index_2_main .item .b-tt{
        font-size: 0.26rem;
    }
    .index_2_div1 .line {
        margin: .15rem auto .2rem;
    }
    .index_2_div1_bottom .item .title{
        margin-bottom: 0.1rem;
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .index_2_div1_bottom .item .p2{
        padding: 0.05rem 0;
        font-size: 12px;
        line-height: 1.2;
    }
    .index_2_main .item .txt .text {
        /* font-size: calc(12px - 0.12rem + 0.16rem); */
    }
    .index_2_main .item .txt .line{
        margin-bottom: 0.1rem;
    }
    .More{
        margin-top: 0.25rem;
    }
    .index_4 {
        padding: 0.7rem 0 0.6rem;
    }
    .index_4 .content{
        width: 100%;
    }
    .index_4 .vd-btn{
        margin-top: 0.1rem;
        margin-left: 0;
    }
    .index_4 .dd{
        margin-bottom: 0.3rem;
    }
    .tec-it{
        width: 48%;
        margin-right: 2%;
    }
    .nw-it4 .pic{
        height: 2.5rem;
    }
    .nw-it4 .tex {
        height: 0.9rem;
        padding: 0.15rem;
    }
    .hm-news .nw-lt .swiper-pagination{
        bottom: 1rem;
    }
    
    .coo-it{
        height: 0.6rem;
        line-height: 0.6rem;
    }
    .coop-mod {
        margin: 0.3rem 0;
    }
    
    .map-mod .map{
        margin-bottom: 1.2rem;
    }
    .mp-it.on{
        z-index: 5;
    }
    .mp-it.on .int-box {
        /* display: none !important; */
    }
    .mp-it{
        transform:translateY(-0.13rem);
    }
    
    .mp-it .int-box {
        height: 1.2rem;
        width: 3.6rem;
        padding: 0.1rem;
    }
    .mp-it .int-box .pic{
        width: 1.2rem;
    }
    .mp-it .int-box .tex{
        margin-left: 1.3rem;
    }
    .hm-vis .v-it .icon {
        height: 0.4rem;
        margin-bottom: 0.1rem;
    }
    .hm-vis .v-it .tex {
        padding: 0.7rem 0.15rem 0;
    }
    .hm-vis .v-it .tt{
        margin-bottom: 0.15rem;
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .hm-vis .v-it .dd {
        font-size: 12px;
        line-height: 1.3;
    }
    .hm-vis .v-it .hd {
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .hm-ban{
        height: 4.4rem;
    }
    .hm-ban .ban-bt{
        bottom: .3rem;
    }
    
    .f_nav_list .li{
        display: none;
    }
    .f_nav_list .li:last-of-type{
        display: block;
    }
    .page a{
        min-width: 0.38rem;
        line-height: 0.38rem;
        margin: 0 0.02rem;
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .page .btn {
        padding: 0 0.05rem;
    }
    .ser-menu .it .tt {
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .ser-menu .it{
        width: 1.1rem;
    }
    #fl-win{
        display: none;
    }
    
    /* #f-top{
        display: none;
    } */
    
}
@media screen and (max-width: 640px){
    .cs-it{
        width: 100%;
        margin: 0 auto 0.2rem;
    }
    .ej-btn {
        font-size: calc(12px - 0.12rem + 0.13rem);
        margin: 0.2rem auto;
    }
    .sol-it{
        width: 100%;
        margin: 0 auto 0.2rem;
    }
    .nw-it{
        width: 100%;
        margin: 0 auto 0.2rem;
    }
    .ser-it2{
        width: 100%;
        margin-bottom: 0.2rem;
    }
    .cin-it{
        height: 3rem;
    }
    .cin-it .pic{
        line-height: 3rem;
    }
    .hm-ban{
        height: 3.29rem;
    }
    
    .hm-ban .ban-bt{
        bottom: 0.2rem;
    }
    .hm-ban .ban-num {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .hm-ban .ban-num .cur {
        font-size: calc(12px - 0.12rem + 0.28rem);
    }
    .scs-alb1 .sw-prev{
        left: 30%;
    }
    .scs-alb1 .sw-next{
        right: 30%;
    }
    
}