@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;}
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}
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: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline: 0;}
input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/}
body{font-size: 14px;color: #000;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
body *{box-sizing: border-box;line-height: 1;}

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/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;}


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

@media(min-width: 1921px){
    .s0{font-size: 0;}
    .s12{font-size: calc(12 * 100vw / 1920);}
    .s13{font-size: calc(13 * 100vw / 1920);}
    .s14{font-size: calc(14 * 100vw / 1920);}
    .s15{font-size: calc(15 * 100vw / 1920);}
    .s16{font-size: calc(16 * 100vw / 1920);}
    .s17{font-size: calc(17 * 100vw / 1920);}
    .s18{font-size: calc(18 * 100vw / 1920);}
    .s19{font-size: calc(19 * 100vw / 1920);}
    .s20{font-size: calc(20 * 100vw / 1920);}
    .s21{font-size: calc(21 * 100vw / 1920);}
    .s22{font-size: calc(22 * 100vw / 1920);}
    .s23{font-size: calc(23 * 100vw / 1920);}
    .s24{font-size: calc(24 * 100vw / 1920);}
    .s25{font-size: calc(25 * 100vw / 1920);}
    .s26{font-size: calc(26 * 100vw / 1920);}
    .s27{font-size: calc(27 * 100vw / 1920);}
    .s28{font-size: calc(28 * 100vw / 1920);}
    .s29{font-size: calc(29 * 100vw / 1920);}
    .s30{font-size: calc(30 * 100vw / 1920);}
    .s31{font-size: calc(31 * 100vw / 1920);}
    .s32{font-size: calc(32 * 100vw / 1920);}
    .s33{font-size: calc(33 * 100vw / 1920);}
    .s34{font-size: calc(34 * 100vw / 1920);}
    .s35{font-size: calc(35 * 100vw / 1920);}
    .s36{font-size: calc(36 * 100vw / 1920);}
    .s37{font-size: calc(37 * 100vw / 1920);}
    .s38{font-size: calc(38 * 100vw / 1920);}
    .s39{font-size: calc(39 * 100vw / 1920);}
    .s40{font-size: calc(40 * 100vw / 1920);}
    .s41{font-size: calc(41 * 100vw / 1920);}
    .s42{font-size: calc(42 * 100vw / 1920);}
    .s43{font-size: calc(43 * 100vw / 1920);}
    .s44{font-size: calc(44 * 100vw / 1920);}
    .s45{font-size: calc(45 * 100vw / 1920);}
    .s46{font-size: calc(46 * 100vw / 1920);}
    .s47{font-size: calc(47 * 100vw / 1920);}
    .s48{font-size: calc(48 * 100vw / 1920);}
    .s49{font-size: calc(49 * 100vw / 1920);}
    .s50{font-size: calc(50 * 100vw / 1920);}
    .s51{font-size: calc(51 * 100vw / 1920);}
    .s52{font-size: calc(52 * 100vw / 1920);}
    .s53{font-size: calc(53 * 100vw / 1920);}
    .s54{font-size: calc(54 * 100vw / 1920);}
    .s55{font-size: calc(55 * 100vw / 1920);}
    .s56{font-size: calc(56 * 100vw / 1920);}
    .s57{font-size: calc(57 * 100vw / 1920);}
    .s58{font-size: calc(58 * 100vw / 1920);}
    .s59{font-size: calc(59 * 100vw / 1920);}
    .s60{font-size: calc(60 * 100vw / 1920);}
}
@media(max-width: 1920px) and (min-width: 551px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 100vw / 1920);}
    .s14{font-size: calc(12px + 2 * 100vw / 1920);}
    .s15{font-size: calc(12px + 3 * 100vw / 1920);}
    .s16{font-size: calc(12px + 4 * 100vw / 1920);}
    .s17{font-size: calc(12px + 5 * 100vw / 1920);}
    .s18{font-size: calc(12px + 6 * 100vw / 1920);}
    .s19{font-size: calc(12px + 7 * 100vw / 1920);}
    .s20{font-size: calc(12px + 8 * 100vw / 1920);}
    .s21{font-size: calc(12px + 9 * 100vw / 1920);}
    .s22{font-size: calc(12px + 10 * 100vw / 1920);}
    .s23{font-size: calc(12px + 11 * 100vw / 1920);}
    .s24{font-size: calc(12px + 12 * 100vw / 1920);}
    .s25{font-size: calc(12px + 13 * 100vw / 1920);}
    .s26{font-size: calc(12px + 14 * 100vw / 1920);}
    .s27{font-size: calc(12px + 15 * 100vw / 1920);}
    .s28{font-size: calc(12px + 16 * 100vw / 1920);}
    .s29{font-size: calc(12px + 17 * 100vw / 1920);}
    .s30{font-size: calc(12px + 18 * 100vw / 1920);}
    .s31{font-size: calc(12px + 19 * 100vw / 1920);}
    .s32{font-size: calc(12px + 20 * 100vw / 1920);}
    .s33{font-size: calc(12px + 21 * 100vw / 1920);}
    .s34{font-size: calc(12px + 22 * 100vw / 1920);}
    .s35{font-size: calc(12px + 23 * 100vw / 1920);}
    .s36{font-size: calc(12px + 24 * 100vw / 1920);}
    .s37{font-size: calc(12px + 25 * 100vw / 1920);}
    .s38{font-size: calc(12px + 26 * 100vw / 1920);}
    .s39{font-size: calc(12px + 27 * 100vw / 1920);}
    .s40{font-size: calc(12px + 28 * 100vw / 1920);}
    .s41{font-size: calc(12px + 29 * 100vw / 1920);}
    .s42{font-size: calc(12px + 30 * 100vw / 1920);}
    .s43{font-size: calc(12px + 31 * 100vw / 1920);}
    .s44{font-size: calc(12px + 32 * 100vw / 1920);}
    .s45{font-size: calc(12px + 33 * 100vw / 1920);}
    .s46{font-size: calc(12px + 34 * 100vw / 1920);}
    .s47{font-size: calc(12px + 35 * 100vw / 1920);}
    .s48{font-size: calc(12px + 36 * 100vw / 1920);}
    .s49{font-size: calc(12px + 37 * 100vw / 1920);}
    .s50{font-size: calc(12px + 38 * 100vw / 1920);}
    .s51{font-size: calc(12px + 39 * 100vw / 1920);}
    .s52{font-size: calc(12px + 40 * 100vw / 1920);}
    .s53{font-size: calc(12px + 41 * 100vw / 1920);}
    .s54{font-size: calc(12px + 42 * 100vw / 1920);}
    .s55{font-size: calc(12px + 43 * 100vw / 1920);}
    .s56{font-size: calc(12px + 44 * 100vw / 1920);}
    .s57{font-size: calc(12px + 45 * 100vw / 1920);}
    .s58{font-size: calc(12px + 46 * 100vw / 1920);}
    .s59{font-size: calc(12px + 47 * 100vw / 1920);}
    .s60{font-size: calc(12px + 48 * 100vw / 1920);}
}
@media(max-width: 550px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 550px / 1920);}
    .s14{font-size: calc(12px + 2 * 550px / 1920);}
    .s15{font-size: calc(12px + 3 * 550px / 1920);}
    .s16{font-size: calc(12px + 4 * 550px / 1920);}
    .s17{font-size: calc(12px + 5 * 550px / 1920);}
    .s18{font-size: calc(12px + 6 * 550px / 1920);}
    .s19{font-size: calc(12px + 7 * 550px / 1920);}
    .s20{font-size: calc(12px + 8 * 550px / 1920);}
    .s21{font-size: calc(12px + 9 * 550px / 1920);}
    .s22{font-size: calc(12px + 10 * 550px / 1920);}
    .s23{font-size: calc(12px + 11 * 550px / 1920);}
    .s24{font-size: calc(12px + 12 * 550px / 1920);}
    .s25{font-size: calc(12px + 13 * 550px / 1920);}
    .s26{font-size: calc(12px + 14 * 550px / 1920);}
    .s27{font-size: calc(12px + 15 * 550px / 1920);}
    .s28{font-size: calc(12px + 16 * 550px / 1920);}
    .s29{font-size: calc(12px + 17 * 550px / 1920);}
    .s30{font-size: calc(12px + 18 * 550px / 1920);}
    .s31{font-size: calc(12px + 19 * 550px / 1920);}
    .s32{font-size: calc(12px + 20 * 550px / 1920);}
    .s33{font-size: calc(12px + 21 * 550px / 1920);}
    .s34{font-size: calc(12px + 22 * 550px / 1920);}
    .s35{font-size: calc(12px + 23 * 550px / 1920);}
    .s36{font-size: calc(12px + 24 * 550px / 1920);}
    .s37{font-size: calc(12px + 25 * 550px / 1920);}
    .s38{font-size: calc(12px + 26 * 550px / 1920);}
    .s39{font-size: calc(12px + 27 * 550px / 1920);}
    .s40{font-size: calc(12px + 28 * 550px / 1920);}
    .s41{font-size: calc(12px + 29 * 550px / 1920);}
    .s42{font-size: calc(12px + 30 * 550px / 1920);}
    .s43{font-size: calc(12px + 31 * 550px / 1920);}
    .s44{font-size: calc(12px + 32 * 550px / 1920);}
    .s45{font-size: calc(12px + 33 * 550px / 1920);}
    .s46{font-size: calc(12px + 34 * 550px / 1920);}
    .s47{font-size: calc(12px + 35 * 550px / 1920);}
    .s48{font-size: calc(12px + 36 * 550px / 1920);}
    .s49{font-size: calc(12px + 37 * 550px / 1920);}
    .s50{font-size: calc(12px + 38 * 550px / 1920);}
    .s51{font-size: calc(12px + 39 * 550px / 1920);}
    .s52{font-size: calc(12px + 40 * 550px / 1920);}
    .s53{font-size: calc(12px + 41 * 550px / 1920);}
    .s54{font-size: calc(12px + 42 * 550px / 1920);}
    .s55{font-size: calc(12px + 43 * 550px / 1920);}
    .s56{font-size: calc(12px + 44 * 550px / 1920);}
    .s57{font-size: calc(12px + 45 * 550px / 1920);}
    .s58{font-size: calc(12px + 46 * 550px / 1920);}
    .s59{font-size: calc(12px + 47 * 550px / 1920);}
    .s60{font-size: calc(12px + 48 * 550px / 1920);}
}

@media(max-width: 750px){
    .z1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;}
    .z2,
    .z3,
    .z4,
    .z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}
    .z2{width: 49% !important;}
    .z3{width: 32% !important;}
    .z4{width: 23.5% !important;}
    .z5{width: 18.4% !important;}
    .z2:nth-child(2n),
    .z3:nth-child(3n),
    .z4:nth-child(4n),
    .z5:nth-child(5n){margin-right: 0 !important;}
    
    .l1{padding-left: 10px !important;}
    .r1{padding-right: 10px !important;}
    .t1{padding-top: 10px !important;}
    .b1{padding-bottom: 10px !important;}
    .l2{padding-left: 20px !important;}
    .r2{padding-right: 20px !important;}
    .t2{padding-top: 20px !important;}
    .b2{padding-bottom: 20px !important;}
    .l3{padding-left: 30px !important;}
    .r3{padding-right: 30px !important;}
    .t3{padding-top: 30px;}
    .b3{padding-bottom: 30px;}
}

/* footer{
    width: 100%;
    background-color: #2c3745;
}
.footer-con{
    display: flex;
    width: 16rem;
    margin: 0 auto;
    height: 3.9rem;
}
.footer-nav{
    width: 92%;
   padding-top: .59rem;
   display: flex;
   justify-content: space-between;
}
.footer-ewm{
    width: 8%;
}
.footer-li{
    font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}
.footer-li{
    opacity: .7;
}
.footer-item:last-child{
    margin-right: 0;
}
.footer-nav2{
    margin-top: .44rem;
}
.footer-item2{
    margin-bottom: .23rem;
    color: #ffffff;
	opacity: 0.47;
   
}
.footer-ewm{
    margin-left: 1.6rem;
}
.footer-top{
    display: flex;
    padding-top: .6rem;
    margin-left: .33rem;
}
.footer-bom{
    position: absolute;
    left: 0;
    top: 0;
}
.weibo{
    cursor: pointer;
    width: 36px;
    height: 38px;
    background-image: url(../images/weobo.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #565f6a;
    border-radius: 50%;
    margin-right: .18rem;
}
.weixin{
    cursor: pointer;
    width: 36px;
    height: 38px;
    background-image: url(../images/weixn.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #565f6a;
    border-radius: 50%;
}
.weibo:hover{
    background-color: #2480ce;
    opacity: 1;
}

.footer-bom{
    width: 100%;
    background-color: #2c3745;
}
.ewm-bom{
    display: none;
}
.weixin:hover{
    background-color: #2480ce;
    opacity: 1;
}
.weixin:hover .ewm-bom{
    display: block;
}
.footer-xian{
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #fff;
    opacity: .1;
}
.footer-bon-con{
    width: 16rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .21rem 0 .19rem 0;
}
.footer-btn{
    width: 140px;
    height: 40px;
    background-color: #2480ce;
	border-radius: 4px;
    text-align: center;
    line-height: 40px;
}
.btn-txt{
    margin-left: 9px;
}
.footer-bom-t1{
    font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.5;
}
.footer-bom-t2{
    font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.5;
}
.footer-con .phone-num{
    color: #6fe7dd;
    opacity: 1;
}
@media(max-width:1600px){
    .header-con{
        width: 100%;
        justify-content: space-between;
    }
    .footer-con{
        width: 100%;
    }
}
@media(max-width:1200px){
    footer .nav{
        position: absolute;
        top: -13px;
        right: 0;
        width: 260px;
        z-index: 500;
        background-color: #167ad1;
        padding-left: 50px;
        transform: translate(100%,0);
        transition: 0.3s;
        display: block;
    }
    footer .nav-item{
        float: none;
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: none;
      
    }
    footer .m-muen{
        display: block;
    }
    footer .footer-con{
        display: block;
        height: auto;
    }
    footer .footer-nav{
        width: 100%;
    }
   
}
@media(max-width:767px){
    .header-con{
        padding: .2rem 4%;
    }
    .header-zixun{
        display: none;
    }
    .header-ENG{
        display: none;
    }
    .m-muen{
        margin-left: .8rem;
    }
    .footer-con{
        display: block;
        width: 100%;
        height: auto;
    }
    .footer-nav{
        width: 100%;
        display: block;
        padding: 0 4%;
        padding-top: .44rem;
    }
    .footer-ewm{
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-left: 0;
        align-items: center;
        justify-content: center;
    }
    .footer-item{
        width: 100%;
        margin-bottom: .44rem;
        margin: 0 1%;
        margin-bottom: .1rem;
    }
    .dizhi-text{
        line-height: 2;
    }
    .footer-nav2{
        display: flex;
    }
    .footer-item2{
        margin-right: .3rem;
    }
    .footer-item:last-child .footer-nav2{
        display: block;
    }
    .footer-bon-con{
        width: 100%;
        display: block;
       
    }
    .footer-bom-t2{
        margin-top: .2rem;
    }
    .footer-bom-t1{
        line-height: 1.5;
    }
    .ss-input{
        left: -40px;
        top: 35px;
    }
   
} */
/* main */
.idx-xian{
    width: 100%;
    height: 1px;
   background-color: #fff;
    opacity: 0.1;
}
.idx-banner-con{
    width: 16rem;
    height: 9rem;
    margin: 0 auto;
}
.idx-banner-con img{
    width: 100%;
    height: 100%;
}
.idx-ban-con .swiper-pagination-bullet{
    background-color: transparent;
    width: auto;
    height: auto;
    color: #fff;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 79px;
}
.idx-scan{
    width: 100%;
    height: 9rem;
}
.idx-prev:hover{
    opacity: 1;
}

.idx-prev{
    width: .2rem;
    height: 0.2rem;
    cursor: pointer;
    margin-right: .4rem;
    opacity: .5;
    transition: .5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.idx-prev img{
    width: 100%;
}

.idx-next:hover{
    opacity: 1;
}

.idx-next{
    width: .2rem;
    height: 0.2rem;
    cursor: pointer;
    margin-left: .11rem;
    opacity: .5;
    transition: .5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.idx-next img{
    width: 100%;
}

.idx-ban-con .swiper-pagination-bullet{
    margin-right: .7rem;
    position: relative;
}
.idx-ban-con .swiper-pagination-bullet-active::after{
    position: relative;
    content: '';
    width: .45rem;
    height: .02rem;
    position: absolute;
    right: -.77rem;
    background-color: #e4e8eb;
	/* opacity: 0.2; */
    top: 50%;
    margin: 0 .24rem;
}

.idx-ban-pagination{
    width: 100%;
    position: absolute;
    bottom: 10%;
    height: 18px;
    z-index: 300;
}
.idx-btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.scan-l{
    position: relative;
    width: 50%;
    height: 100%;
    background-image: url(../images/yuedu-bg_03.jpg);
    background-position: center;
    background-repeat: no-repeat;
}
.idx-scan:nth-child(2n) .scan-l{
    float: left;
}
.idx-scan:nth-child(2n) .scan-r{
    float: right;
}
.idx-scan:nth-child(2n+1) .scan-l{
    float: right;
}
.idx-scan:nth-child(2n+1) .scan-r{
    float: left;
}
.idx-scan:nth-child(2n+1) .scan-list{
    left: -2.56rem;
}
.idx-scan:nth-of-type(2n+1) .scan-box{
    padding-left: .83rem;
}
.scan-box{
    padding: 1.21rem 0 0 1.61rem;
    position: relative;
}
.scan-title{
    font-weight: normal;
	font-stretch: normal;
    font-family:" Arial-Black";
    color: #2480ce;
}
.scan-kuai{
    width: 70px;
    height: 4px;
    background-color: #2480ce;
    margin-top: .37rem;
}
.scan-t1{
    font-weight: normal;
	font-stretch: normal;
    color: #2480ce;
    margin-top: .39rem;
}
.scan-t2{
    margin-top: .32rem;
    color: #2c3745;
}
.scan-btn{
    width: 160px;
    height: 50px;
    background-color: #2480ce;
	border-radius: 4px;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    margin-top: 4.02rem;
}
.scan-list{
    position: absolute;
    top: 45%;
    left: 1.61rem;
    width: 10.3rem;
    height: 2.4rem;
    background-color: #3189da;
    display: flex;
    align-items: center;
    z-index: 4;
}
.scan-item{
    position: relative;
    width: 25%;
    display: flex;
    height: 2.4rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}
.scan-item::after{
    position: absolute;
    right: 0;
    content: '';
    width: 1px;
    height: 1.6rem;
    border-right: 1px solid #ffffff;
    opacity: 0.2;
}
.scan-item:hover{
    /* transform: scale(1.2); */
	background-color: #2480ce;
    height: 2.77rem;
}
.scan-item:hover::after{
    display: none;
}
.paeding-item:hover{
    width: 2.66rem;
	height:2.77rem;
	background-color: #2480ce;
}
.scan-item:last-child::after{
    display: none;
}
.scan-text{
    margin-top: .3rem;
}
.scan-r{
    width: 50%;
    height: 100%;
}
.scan-text {
    color: #f3f3fb;
}
.scan-r img{
    width: 100%;
    height: 100%;
}
.idx-peading{
    width: 100%;
    height: 9rem;
}
.idx-peading-l{
    width: 50%;
    height: 100%;
}
.idx-peading-l img{
    width: 100%;
    height: 100%;
}
.idx-peading-r{
    position: relative;
    width: 50%;
    height: 100%;
    padding: 1.21rem 0 0 .83rem;
    background-image: url(../images/yuedu-bg_03.jpg);
    background-position: center;
    background-repeat: no-repeat;
}
.peading-box{
    position: relative;
}
.peading-title{
    font-family: "Arial-Black";
    color: #2480ce;
}
.idx-ban-con{
    position: relative;
    height: 9rem;
}
.idx-ban-con .swiper-container{
    height: 100%;
}
.idx-ban-con .swiper-slide img{
    width: 100%;
    height: 100%;
}
.idx-ban-con .swiper-slide{
    display: block;
    cursor: pointer;
}

.idx-ban-con .swiper-pagination{
    position: static;
}

.peading-k{
    width: 70px;
	height: 4px;
	background-color: #2480ce;
    margin-top: .37rem;
}
.peading-t1{
    color: #2480ce;
    font-weight: normal;
	font-stretch: normal;
    margin-top: .43rem;
}
.peading-t2{
    color: #2c3745;
    margin-top: .28rem;
}
.peading-btn{
    margin-top: 4.02rem;
     width: 160px;
	height: 50px;
	background-color: #2480ce;
	border-radius: 4px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
}
.peading-list{
    width: 10.63rem;
    height: 2.4rem;
    background-color: #3189da;
    position: absolute;
    top: 45%;
    left: -28%;
}
.peading-list{
    display: flex;
    align-items: center;
}
.paeding-item{
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.paeding-text{
    margin-top: .34rem;
    letter-spacing: 0px;
	color: #f3f3fb;
}
.paeding-item::after{
    position: absolute;
    right: 0;
    content: '';
    width: 1px;
    height: 1.6rem;
    border-right: 1px solid #ffffff;
    opacity: 0.2;
}
.paeding-item:last-child::after{
    display: none;
}
.idx-product{
    width: 100%;
    background-image: url(../images/cp-bg_03.jpg);
    background-position:100% 100%;
    background-repeat: no-repeat;
}
.idx-product-con{
    width: 16rem;
    margin: 0 auto;
    height: 9rem ;
    padding-top: 1.2rem;
}
.idx-product-title-t1{
    text-align: center;
    letter-spacing: 0px;
	color: #ffffff;
}
.idx-product-title-t2{
    text-align: center;
    color: #ffffff;
	opacity: 0.1;
    margin-top: .2rem;
}
.idx-box-list{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .56rem;
}
.box-item{
    margin-right: 0.8rem;
    letter-spacing: 0px;
	color: #ffffff;
    padding: .16rem .34rem .17rem .33rem;
    font-family: "SourceHanSansCN-Bold";
	opacity: 0.5;
}
.box-item:hover{
    color: #fff;
    opacity: 1;
}
.idx-cp-active{
    opacity: 1;
    border-bottom: 2px solid #fff;
}

.idx-box-show{
    width:100%;
    height: 3.36rem;
    /* margin-top: .55rem; */
}
.idx-box-top{
    margin-top: .35rem;
    
}
.idx-show-item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.idx-show-i{
    display: none;
    width: 3.7rem;
    background-color: #fff;
    height: 3rem;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.box-show-i{
    display: none;
    width: 100%;
}
.show-i-text{
    margin-top: .31rem;
}
.idx-bon-text{
    text-align: center;
    line-height: .4rem;
    width: 1.6rem;
    height: .4rem;
    margin: 0 auto;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: .65rem;
}

.bom-xian{
    display: block;
    width: .92rem;
    height: 2px;
    background-color: #fff;
    margin-top: .2rem;
}
.idx-product{
    position: relative;
}
.prev{
    cursor: pointer;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 55%;
    left: 4%;
    background-image: url(../images/prev.png);
    background-position: center;
    background-repeat: no-repeat;
	border-radius: 4px;
    background-color: #ccc;
    opacity: .3;
	z-index: 300;
}
.prev:hover{
    opacity: 1;
}
.next{
    cursor: pointer;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 55%;
    right: 4%;
    background-image: url(../images/next.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
	border-radius: 4px;
    z-index: 300;
    opacity: .2;
}
.next:hover{
    opacity: 1;
}
.idx-show-item .swiper-container{
    width: 16rem;
    padding: .2rem 0;
    
}
.idx-textbox{
    width: 100%;
    background: url(../images/cp-bg2_03.jpg) center center no-repeat;
    background-size: 100% 100%;
    padding: .45rem 0;
}
.idx-textbox .container{
    width: 14rem;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
}

.idx-textbox .textbox_l{
    padding: 0 .4rem;
}

.idx-textbox .textbox_c{
    padding: 0 .4rem;
    border-left: .01rem solid rgba(255, 255, 255, 0.1);
    border-right: .01rem solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 1920px) {
    .idx-textbox .textbox_c{
        border-width: 1px;
    }
}


.idx-textbox .textbox-title{
    line-height: 1.5;
    color: #fff;
    margin-bottom: .43rem;
}

.idx-textbox .textbox_l .textbox-time,
.idx-textbox .textbox_r .textbox-time{
    margin-bottom: .34rem;
}

.idx-textbox .textbox-time{
    color: #fff;
    margin-bottom: .5rem;
}

.idx-textbox .textbox-desc{
    line-height: 1.8;
    color: #fff;
}

.idx-textbox .textbox-btn{
    display: inline-block;
    padding: .15rem .5rem;
    border-radius: .05rem;
    background-color: #2480ce;
    color: #fff;
    /* margin-top: .7rem; */
}
/* .idx-textbox{
    min-height: 4rem;
} */
.textbox_l{
    width: 50%;
}
.textbox_c{
    width: 60%;
}
.textbox_r{
    width: 50%;
    padding: 0 .4rem;
}
.textbox-descl{
    line-height: 1.8;
    color: #fff;
    display: none;
}
/* .textbox_l .textbox-desc{
    margin-bottom: .25rem;
} */
.textbox_r .textbox-desc{
    margin-bottom: .25rem;
}
/* .idx-textbox .textbox-btn{
    display: none;
} */
.textbox_c .textbox-desc{
    display: none;
}
.idx-textbox .textbox-desc a{
    display: block;
    line-height: 1.8;
    margin-bottom: .2rem;
}
.textbox-descl a{
    line-height: 1.8;
    display: block;
    padding-bottom: .2rem;
}
@media (max-width: 900px) {
    .idx-textbox .container{
        width: 100%;
        padding: 0 10px;
        flex-wrap: wrap;
    }

    .idx-textbox .textbox_l{
        width: 100%;
        padding: 10px 0;
    }

    .idx-textbox .textbox_c{
        width: 100%;
        border: none;
        border-top:.01rem solid rgba(255, 255, 255, 0.1);
        border-bottom: .01rem solid rgba(255, 255, 255, 0.1);
        padding: 10px 0;
    }

    .idx-textbox .textbox_r{
        padding: 10px 0;
        width: 100%;
    }
}

/* .idx-textbox{
    width: 100%;
    background-image: url(../images/cp-bg2_03.jpg);
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -1px;
} */
.idx-textbox-con{
    width: 16rem;
    margin: 0 auto;
    padding-top: .45rem;
    padding-bottom: .99rem;
}
.idx-list-item-text2{
    margin-top: 10px;
}
.idx-list{
    display: flex;
    justify-content: space-between;
    margin-top: .56rem;
}
.idx-list-item{
    width: 33%;
    position: relative;
    padding-right: .6rem;
    padding-left: .35rem;
}
.idx-list-item-btn{
    width: 160px;
    height: 48px;
    background-color: #2480ce;
	border-radius: 4px;
    line-height: 48px;
    text-align: center;
    color: #ffffff;
    margin-top: .88rem;
    transition: all .3s;
}
.idx-list-item::after{
    position: absolute;
    content: '';
    right: 0;
    top: -.5rem;
    width: 1px;
    height: 4.1rem;
    background-color: #ffffff;
	opacity: 0.1;
}

.idx-list-item:last-child::after{
    display: none;
}
.idx-list-item-text{
    line-height: 1.5;
    color: #ffffff;
}
.idx-list-item-t1{
    color: #ffffff;
    margin-top: .43rem;
}
.idx-list-item-time2{
    margin-top: .34rem;
    color: #fff;
}
.idx-list-item-time{
    color: #fff;
}
.show-i-img{
    height: 2rem;
}
.show-i-img img{
   
    height: 100%;
}
@media(max-width:767px){
    .idx-scan{
        height: auto;
    }
    .idx-peading{
        height: auto;
        
    }
    .scan-l{
        width: 100%;
    }
    .scan-list{
        width: 100%;
        left: 0;
    }
    .scan-r{
        width: 100%;
    }
    .idx-peading-l{
        width: 100%;
    }
    .idx-peading-r{
        width: 100%;
        padding-bottom: .3rem;
    }
    .peading-list{
        width: 100%;
        left: 0;
    }
    .idx-product-con{
        width: 100%;
        height: auto;
        padding-bottom: .3rem;
    }
    .idx-textbox-con{
        width: 100%;
        height: auto;
    }
    .box-item{
        margin-right: .3rem;
        padding: 0;
        padding-bottom: .3rem;
    }
    .idx-list{
        display: block;
        padding-bottom: .3rem;
    }
    .idx-list-item{
        width: 100%;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 15px;
    }
    .bom-xian{
        margin-top: .2rem;
    }
    .idx-bon-text{
        height: auto;
    }
    .idx-list-item-text {
       opacity: 1;
    }
    .idx-list-item-btn{
       opacity: 1;
    }
}
/* 新闻页面 */
.news-con{
    width: 14rem;
    margin: 0 auto;
    
}
.news-top{
    width: 100%;
    background-color: #ffffff;
	box-shadow: 0px 1px 0px 0px 
		rgba(153, 152, 153, 0.22);
}
.news-li{
    width: 14rem;
    margin: 0 auto;
    height: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-li-item{
    margin-right: 2rem;
    color: #666666;
    line-height: .6rem;
    /* position: relative; */
}
.news-active{
    position: relative;
    color: #2480ce;
}
.news-active::after{
    position: absolute;
    bottom: -2px;
    left: -3px;
    content: '';
    width: 62px;
    height: 2px;
    background-color: #2480ce;

}
.news-box{
    width: 100%;
    padding-top: .51rem;
}
.newx-box-title{
    text-align: center;
    color: #2480ce;
}
.news-box-ba{
     margin-top: .5rem;
     display: flex;
}
.news-ba-l{
    width: 6.54rem;
}
.news-ba-l img{
    width: 100%;
    height: 100%;
}
.news-ba-r{
    width:7.46rem;
    padding-left: .65rem;
    padding-top: .62rem;
    padding-right: 1.14rem;
    background-color: #ffffff;
	box-shadow: 0px 0px 29px 0px 
		rgba(184, 184, 184, 0.36);
	border-radius: 4px;
	border: solid 1px #ffffff;
    padding-bottom: .64rem;
}
.news-ba-time{
    letter-spacing: 0px;
	color: #888888;
}
.news-ba-t1 {
    margin-top: .32rem;
    line-height: 2;
}
.news-ba-t2 {
    margin-top: .35rem;
    letter-spacing: 0px;
	color: #888888;
}
.news-ba-btn{
    width: 160px;
    height: 48px;
    background-color: #2480ce;
	border-radius: 4px;
    text-align: center;
    line-height: 48px;
    letter-spacing: 0px;
	color: #ffffff;
    margin-top: .79rem;
}
.news-ba-t2{
    line-height: 1.5;
}
/*  */
.news-box-show{
    margin-top: .58rem;
    padding-bottom: 1rem;
}
.news-show-item{
    width: 14rem;
    display: flex;
    align-items: center;
    background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #eeeeee;
    margin-bottom: .28rem;
}
.news-show-item a{
    display: flex;
    align-items: center;
}
.news-show-img{
    width: 2.56rem;
    margin-right: .58rem;
}
.news-show-img img{
    width: 100%;
    height: 100%;
}
.news-show-text{
    width: 7.67rem;
    height: 100%;
    margin-right: .83rem;
}
.news-show-t1{
    letter-spacing: 0px;
	color: #333333;
    margin-top: .33rem;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 1; 
    overflow: hidden;
}
.news-show-t2{
    letter-spacing: 0px;
	color: #999999;
    margin-top: .3rem;
    line-height: 1.5;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    overflow: hidden;
}
.news-show-time{
    width: .82rem;
    letter-spacing: 0px;
	color: #999999;
    margin-right: .7rem;
}
.news-show-btn{
    cursor: pointer;
    width: 25px;
    height: 16px;
    background-image: url(../images/news-item-jt.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-right: .5rem;
}
.news-show-item:hover{
    border-right: 2px solid #2480ce;
}
.news-show-item:hover .news-show-btn{
    background-image: url(../images/next.png);
    background-position: center;
    background-repeat: no-repeat;
}
/* .news-coumb{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .76rem;
}
.news-coumb-item{
    padding: .17rem .23rem .17rem .27rem;
    text-align: center;
    background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #eeeeee;
    margin-right: .1rem;
}
.news-coumb-item:hover{
    background-color: #2480ce;
}
.news-coumb-active{
    background-color: #2480ce;
} */
.news-xq-l{
    width: 10.23rem;
   padding-bottom: .89rem;
}
.news-xq-r{
    width: 3rem;
}
.news-xq-box{
    display: flex;
}
.news-xq-box{
    margin-top: .5rem;
}
.news-time-1{
    letter-spacing: 0px;
	color: #888888;
    margin-left: 9px;
}
.news-xq-title{
    margin-top: .34rem;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: .41rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.title-img{
    display: flex;
}
.title-img span{
    margin-left: .34rem;
}
.news-xq-t1{
    letter-spacing: 0px;
	color: #555555;
    line-height: 1.5;
}
.news-text{
    margin-top: .3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: .58rem;
}

.news-xq-img{
    margin-top: .32rem;
}
.news-xq-t2{
    margin-top: .4rem;
}
.xq-t2-b1{
    color: #333;
}
.xq-t2-b2{
    margin-top: .45rem;
}
.xq-b2-item{
    margin-bottom: .16rem;
    line-height: 1.5;
    color: #333;
}
.xq-b2-b3{
    line-height: 1.5;
    color: #333;
}
.news-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.news-list-show{
    margin-top: .41rem;
}
.news-show-i{
    margin-bottom: .2rem;
    line-height: 36px;
}
.news-list-btn{
    width: 160px;
    height: 48px;
    background-color: #2480ce;
	border-radius: 4px;
    line-height: 48px;
    text-align: center;
    color: #ffffff;
}
.news-r-item{
    margin-top: .42rem;
}
.news-r-t1{
    color: #333333;
    line-height: 2;
   
}
.news-r-t2{
    margin-top: .19rem;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: .39rem;
    line-height: 1.5;
    color: #888888;
}
.news-xian{
    width: 1px;
    height: 10.21rem;
    background-color: #f5f5f5;
    margin: 0 .4rem 0 .36rem;
}
.idx-show-i{
    transition: all .3s;
}
.idx-show-i:hover{
   transform: scale(1.05);
   box-shadow: 0px 0px 27px 0px 
		rgba(0, 84, 131, 0.32);
}
.btn-txt{
    color: #fff;
}

.case-img{
    padding-top: 67%;
}
.news-page{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    margin-top: .78rem;
}
.news-page a{
    display: inline-block;
    background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #eeeeee;
    padding: .18rem .21rem;
    margin-right: .1rem;
}
.isPage{
    background-color: #2480ce!important;
}

@media(max-width:767px){
    .idx-banner{
        height: auto;
    }
    .idx-ban-con{
        height: auto;
    }
    .idx-ban-con .swiper-slide{
        height: auto;
    }
    .news-li{
        width: 100%;
    }
    .news-li-item {
        margin-right: 0;
        margin: 0 .3rem;
    }
    .news-con{
        width: 100%;
        padding: 0 4%;
    }
    .news-box-ba{
        height: auto;
        display: block;
    }
    .news-ba-l{
        width: 100%;
    }
    .news-ba-r{
        width: 100%;
    }
    .news-show-item{
        width: 100%;
        height: auto;
        display: block;
    }
    .news-show-item a{
      display: block;
    }
    .news-show-img{
        width: 100%;
        height: 100%;
    }
    .news-show-text{
        width: 100%;
    }
    .news-coumb-item{
        padding: .17rem;
    }
    .news-xq-box{
        display: block;
    }
    .news-xq-l{
        width: 100%;
        height: auto;
    }
    .news-xian{
        display: none;
    }
    .news-list{
        display: block;
    }
    .news-xq-r{
        width: 100%;
        margin-top: .3rem;
    }
    li.paeding-item img{
        height: 30px;
    }
    .scan-item .scan-icon img{
        height: 30px;
    }
    .idx-show-i{
        width: auto;
    }
    .idx-scan:nth-child(2n+1) .scan-list {
        left: 0;
    }
    .scan-l{
        padding-bottom: .3rem;
    }
    .idx-list-item-btn{
        padding-bottom: .3rem;
    }
    .idx-list-item-time{
        margin-top: .3rem;
    }
    .footer-bon-con{
       padding: .2rem 4%;
    }
    .idx-product-con{
        padding: 0 2%;
        padding-bottom: .7rem;
        padding-top: 1rem;
    }
    .scan-box{
        padding: 1rem;
    }
    .ss-box{
        left: 15%;
    }
    .ss-input{
        top: 23px;
        left: 27px;
    }
    .input{
        width: auto;
    }
    .ewm-bom{
        display: block;
    }
    .news-show-time{
        width: 100%;
        margin-top: .3rem;
        margin-bottom: .3rem;
    }
    .news-show-item:hover{
        border-right: solid 1px #eeeeee;
    }
}
/* 首页增加 */
.idx-ban-con .swiper-slide img{
    width: 100%;
    height: 100%;
}
.scan-r1 .swiper-container{
    height: 9rem;
}
.scan-r2 .swiper-container{
    height: 9rem;
}
.scan-r3 .swiper-container{
    height: 9rem;
}
.scan-r3 .swiper-slide{
    width: 100%;
    height: 100%;
}
.scan-r4 .swiper-container{
    height: 9rem;
}
.idx-textbox_li{
    width: 25%;
    height: 347px;
    margin-bottom: .36rem;
}
.textbox-desc{
    opacity: 0;
    transition: all 0.5s;
    /* transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear; */
    transform: translateY(20px);
    overflow: hidden;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 10; 
    overflow: hidden;
}
.textbox-btn{
    display: none!important;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
}
 .on {
    width: 50%;
}
.on .textbox-desc{
    width: 100%!important;
    /* display: block; */
    opacity: 1;
    transform: translateY(0);
}
.on .textbox-btn{
    display: inline-block!important;
}
.idx-textbox_li .textbox-btn:hover{
    background-color: #e62129;
}
.la_bu3{
    width: 100%;
    padding: 0 .15rem;
    word-break: break-word;
}
.title-txt{
    width: 90%;
    line-height: 2;
}
@media(max-width:767px){
    .scan-r1 .swiper-container,.scan-r2 .swiper-container,.scan-r3 .swiper-container,.scan-r4 .swiper-container{
        height: 7rem;
    }
    .news-show-img img{
        width: auto;
        height: auto;
    }
}
@media(max-width:1200px){
    .idx-textbox .container{
        display: block;
        max-width: 100%!important;
        width: 100%;
        padding-left: .15rem;
        padding-right: .15rem;
        margin: 0 auto;
    }
    .idx-textbox_li{
        width: 100%!important;
        height: auto!important;
    }
    .on{
        width: 100%;
    }
    .idx-textbox .textbox_c{
        border-left: none;
        border-right: none;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        padding: .36rem 0 .4rem 0;
        /* margin-bottom: .36rem; */
    }
    .idx-textbox_li .textbox-btn{
        display: inline-block!important;
    }
    .idx-textbox_li .textbox-desc{
        opacity: 1 !important;
        transform: translateY(0);
    }
    .textbox_r{
        padding: 0  0;
    }
    .idx-textbox .textbox_l{
        padding: 0 0;
    }
}
/* 公共样式 */
.s-l{
    float: left;
}
.s-r{
    float: right;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}
.show{
    display: block;
}
.btnshow{
    display: none!important;
}