@charset "UTF-8";html{font-size:100px}
*{margin:0;padding:0}

div,li,ol,ul,input,textarea{box-sizing:border-box;font-family:"微软雅黑"}
li,ul{list-style:none}
a{text-decoration:none; }
body{font-size:.14rem;font-family:"微软雅黑"}
html.en,.en body{font-family: Arial !important}
.en div,.en li,.en ol,.en ul,.en input,.en textarea{font-family: Arial;}
h2{font-weight:400}
@font-face {
    font-family: HELVETICANEUELTPRO-THEX;
    src: url(../fonts/HELVETICANEUELTPRO-THEX.OTF);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: HELVETICANEUETHN;
    src: url(../fonts/HELVETICANEUETHN.TTF);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: helveticaneuethn;
    src: url(../fonts/helveticaneuethn.otf);
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.otf);
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.ttf);
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.woff);
    font-weight: 400;
    font-style: normal
}

.d-flex{display:flex}
.flex-column{flex-direction:column;}
.justify-content-between{justify-content:space-between}
.justify-content-start{justify-content:flex-start}
.align-items-center{align-items:center}
.section{position:relative;overflow:hidden}
.flex-wrap{flex-wrap:wrap;}
#fullPage-nav { _display: none; font-size: .12rem;}
#fullPage-nav li { width: .9rem; height: .21rem; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: .21rem; height: .21rem; color: #fff; text-decoration: none; text-align: right; background: url(../images/dot.png) .05rem .05rem no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: .05rem; font: .12rem "Microsoft Yahei"; color: #fff; line-height: .21rem;}
.ani{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.h100{height: 100%}


.header {position: fixed;box-shadow: 0 3px 2px 0px rgb(0 0 0 / 10%);width: 100%;top:0;left: 0;height: 1rem;z-index: 99;background: #fff;display: flex;align-items:center}
.header .logo{margin-left:3%;}
.header .header_container{width: 100%;height: 100%;}
.header .header-right{display: flex;height: 100%;align-items:center;}
.header .language {width: 3.09rem;height: 100%;background: #f2f2f2;display: flex;justify-content:center;align-items:center;}
.header .language .line{width: 0;height: .4rem;border-left: 1px solid #ccc;margin: 0 .59rem}
.header .language .box{cursor:pointer; display: flex;align-items:center;justify-content:center;flex-direction:column;height: 100%;position: relative;}
.header .language .box .img{height: .35rem;display: flex;align-items:center;}
.header .language .box .text{color: #999;font-size: .14rem;margin-top: .14rem;}
.header .language .box .en{font-family: Arial}
.header .language .box .en img{position: relative;top:-1.5px;}
.header .language .box  ul{position: absolute;top:100px; width: 100px;background: #fff;padding: .2rem;justify-content:center;display: none;box-shadow: 0 3px 2px 0px rgb(0 0 0 / 10%);}
.header .language .box  ul li {margin-bottom: 10px;}
.header .language .box  ul li a{color: #333;display: block}
.header .language .box  ul li a:hover{color:#246dff}
.header .language .box  ul li img{width: 20px;position: relative;top:5px;}
.header .language .box:hover ul{display: block}
.header .nav{margin-right: .34rem;height: 100%;}
.header .nav li {padding: 0 .34rem;}
.header .nav li a{font-size: .16rem;color: #6a6a6a;position: relative;display: block;}
.header .nav li a.active,.header .nav li a:hover{color: #003399;}
.header .nav li a.active:before{content:"";width: 100%;height: 3px;background: #003399;position: absolute;bottom:-.39rem;left:0;}
.en .header .nav li a.active:before{bottom: -.41rem}
.header .search-container{display: none; height: 1rem;background: #fff;position: absolute;top:0;left:0;width: 100%;align-items:center;justify-content:center;}
.header .search-container form{width: 65%;text-align: center;border-bottom: 1px solid #ccc;padding-bottom:0rem;display: flex;align-items:center;}
.header .search-container .text{flex:1;font-size: .2rem;color: #666;outline: none;padding: .1rem;border: none;}
.header .search-container .search-btn{width: 23px;height: 24px;background: url(../images/icon_search.png) no-repeat;border: none;cursor: pointer;}
.header .search-container .close{position: absolute;right:1%;top:10%;cursor: pointer;}
 
.banner{overflow:hidden;position:relative;max-width:1920px;margin:0 auto;height:100%}
.banner .modal{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;left:0;top:0;}
.banner .pc-img:before{background-color:rgba(19,21,22,.3)}
.banner .pc-img:before{content:''}
.banner .pc-img:before{position:absolute;width:100%;left:0;top:0;height:100%}
.banner .pc-img img{width:100%}
.banner .pc-img video{width:100%}
.header-view{padding:0 4.17%;text-align:center}
.banner .ban-text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%}
.banner .ban-text .text1{font-size: .48rem;text-align: center;color: #fff;font-weight: bold;}
.en .banner .ban-text .text1{font-size: .36rem;}
.banner .ban-text .text2{font-size: .18rem;text-align: center;color: #fff;margin-top: .4rem;}
.banner .ban-more{display:block;width:2.2rem;height:.5rem;line-height:.5rem;border-radius:.5rem; text-align:center; margin:0 auto;margin-top:1rem;background: #142f79;color: #fff;font-size: .16rem;}
.banner .next{position: absolute;bottom:.8rem;width: 100%;text-align: center;z-index: 99;}
 
.section2 .left{width: 50%; height:100%;background: url(../images/about_left_bg.jpg) no-repeat -.5rem;-webkit-background-size:auto 100%;background-size:auto 100%;position: relative;}
.section2 .right{width: 50%;display: flex;flex-direction:column;}
.section2 .left .video_wrap{width: 100%;height: 6.5rem;position: absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display: none;}
.section2 .left .video_wrap video{width: 100%;height: 100%;}
.section2 .left .play_btn{position: absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}
.section2 .left .play_btn img{pointer;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.section2 .left .play_btn:hover img{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);}
.section2 .right{padding: 1.9rem 0 0 1.28rem}
.section2 .right .content{width: 85%}
.section2 .right .content h2{font-size: .36rem;color: #333;font-weight: bold;margin-bottom: .38rem;}
.section2 .right .content p{text-indent: 24px;font-size: .14rem;color: #666;line-height: 2;margin-bottom: 10px;}
.section2 .right a.details{display: block;width:1.6rem;height: .52rem;font-size: .16rem;color: #fff;background: #142f79;line-height: .52rem;text-align: center;border-radius: 40px;float: right;margin-top: .49rem;}
.section2 .right .data {width: 100%;margin-top: .6rem;}
.section2 .right .data ul{display: flex;flex-wrap:wrap;justify-content:space-between;}
.section2 .right .data ul li {width: 25%;margin-bottom: .48rem;}
.section2 .right .data ul li .text1{font-size: .48rem;color: #666;font-family: Arial;font-weight: bold;letter-spacing: -4px;position: relative;padding-bottom: .05rem;max-width: max-content;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.section2 .right .data ul li .text1 .small{font-size: .14rem;margin-left: .1rem;font-weight: normal;}
.section2 .right .data ul li .text1:before{content:"";width: .2rem;height: 2px;background: #666;position: absolute;bottom:0;left:3px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.section2 .right .data ul li .text2{margin-top: .1rem;}
.section2 .right .data ul li:hover .text1{ color: #142f79;}
.section2 .right .data ul li:hover .text1:before{width: 100%;background: #142f79;}


.section3 .item{width: 20%;height: 100%;overflow: hidden;position: relative;}
.section3 .item img.thumb{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.section3 .item .modal{width: 100%;height: 100%;background: rgba(0,0,0,.3);display: flex;justify-content:center;align-items:center;position: absolute;top:0;left:0;flex-direction:column;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.section3 .item .modal h2{font-size: .3rem;color: #fff;font-weight: bold;margin-bottom: .4rem;}
.section3 .item .modal .arrow-right{margin: 0 auto;display: block}
.section3 .item a.details{display: block;width:2.2rem;height: .5rem;font-size: .16rem;color: #fff;background: #142f79;line-height: .5rem;text-align: center;border-radius: 40px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.section3 .item .dot{height: .4rem;width:.4rem;position: relative;}
.section3 .item .dot:before{content:"";width: .1rem;height: .1rem;border-radius: 50%;border:2px solid #fff;position: absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.section3 .item .modal2{background:rgba(18,32,71,.8);opacity: 0}
.section3 .item .modal2 h2{margin-bottom: 0;}
.section3 .item .modal2:after{content:"";height: .1rem;width: 100%;background: #ff6600;bottom:0;left:0;position: absolute;}
.section3 .item:hover .modal1{opacity: 0}
.section3 .item:hover .modal2{opacity: 1}


.section4 {background: url(../images/bg3_02.jpg) no-repeat center center;-webkit-background-size: 100% 100%;background-size: 100% 100%;display: flex;justify-content:center;align-items:center;position: relative;}
.section4 .content{max-width: 14rem;width: 100%;min-height: 6.3rem;display: flex;margin-top: calc(10% - 100px);position: relative;}
.section4 ul li img{width: 1.18rem}
.section4 .bigPrew{width: 5.1rem;height: 5.1rem;border-radius: 10px;background: #fff;position: absolute; display: flex;align-items:center;justify-content:space-between;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index: 999;display: none;}
.section4 .bigPrew img{max-width: 100%;border-radius: 10px;}
#carousel{width:870px;height:450px;margin:0px auto;padding:0px;}
#carousel{list-style:none;padding:0px;}
#carousel li{float:left;}
.carousel{position:relative;margin:0;padding:0;-moz-user-select:none;-webkit-user-select:none}
.carousel .carousel-item{position:absolute;cursor:pointer}
.carousel .out{opacity: 0.8;border-radius: 5px}
.carousel .click{opacity: 1 !important;border-radius: 5px;}
.carousel .over{border-radius: 5px;}
.carousel-modal{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.3);z-index: 998;display: none;}

.section5 {background: url(../images/bg4.jpg) no-repeat center center;-webkit-background-size: 100% 100%;background-size: 100% 100%;display: flex;justify-content:center;align-items:center;}
.section5 .solution-item{display: flex; justify-content:space-between;}
.section5 .content{max-width: 14rem;width: 100%;margin-top: calc(10% - 100px);}

.section5 .content .left{width: 5.25rem}
.section5 .content .left .head{width: 100%;height: 2.05rem;background: #142f79;display: flex;justify-content: space-between;align-items:center;}
.section5 .content .left .head h2{font-size: .3rem;color: #fff;font-weight: bold;padding-left: .6rem;width: 3.18rem;}
.section5 .content .left .head .switch{flex:1;height: 100%;display: flex;justify-content: center;;align-items:center;border-left:1px solid rgba(255,255,255,.1);}
.section5 .content .left .bottom{width: 100%;height: 2.35rem;background: #f5f5f5;display: flex;justify-content: center;flex-direction:column;padding: 0 .6rem}
.section5 .content .left .bottom h3{font-size: .24rem;color: #333;margin-bottom: .2rem;font-weight: normal;}
.section5 .content .left .bottom p{font-size: .14rem;color: #999;line-height: 2;}
.en .section5 .content .left .bottom p{line-height: 1.5;}
.section5 .content .right{width: 8.75rem;height: 4.45rem;overflow: hidden;}
.swiper-container-solution-banner .swiper-slide img{height: 4.45rem!important;}
.swiper-container-solution-banner .swiper-solution-button-prev{position: absolute;bottom:.3rem;width: .45rem;height: .45rem;border-radius: 50%; background: #fff;right:.95rem;}
.swiper-container-solution-banner .swiper-solution-button-next{position: absolute;bottom:.3rem; width: .45rem;height: .45rem;border-radius: 50%;background: #fff;right:.3rem;}
.swiper-container-solution-banner .swiper-solution-button-next,.swiper-container-solution-banner .swiper-solution-button-prev{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;margin-top: -20px;color: #9a9a9a !important;}
.swiper-container-solution-banner .swiper-solution-button-next:hover,.swiper-container-solution-banner .swiper-solution-button-prev:hover{background: #142f79;color:#fff !important;}
.swiper-container-solution-banner .swiper-solution-button-next i{position: relative;left:2px;top:-1px;}
.swiper-container-solution-banner .swiper-solution-button-prev i{position: relative;left:-1px;top:-1px;}
.swiper-container-solution-banner .swiper-solution-button-prev,.swiper-container-solution-banner .swiper-solution-button-next{display: flex;align-items:center;justify-content:center;color: #fff;font-size: 24px;font-weight: normal;line-height: 1;cursor: pointer;outline: none;z-index: 99}
.swiper-container-solution-banner .swiper-solution-button-prev.swiper-button-disabled,.swiper-container-solution-banner .swiper-solution-button-next.swiper-button-disabled{opacity: 0.5}
.swiper-container-solution-banner .swiper-slide:hover .item_img img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.swiper-container-solution-banner .swiper-pagination-bullet{opacity: 1;background: #fff;}
.swiper-container-solution-banner .swiper-pagination-bullet-active{background: #142f79}
.solution-item-control{display: flex;}
.solution-item-control .solution-item-control-item{width: 20%;border:1px solid #f5f5f5;border-top: none;border-right: none; display: flex;align-items:center;justify-content:center;height: 1.91rem;background: #fff;flex-direction:column;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;cursor:pointer;color: #333}
.solution-item-control .solution-item-control-item:last-child{border-right:1px solid #f5f5f5}
.solution-item-control .solution-item-control-item .icon{width: 1rem;height: .4rem;margin-bottom: .15rem;}
.solution-item-control .solution-item-control-item .dots{width: .3rem;height: .06rem;display: flex;justify-content:space-between;margin-top: .2rem;}
.solution-item-control .solution-item-control-item .dots i{display: block;width: .06rem;height: .06rem;background: #333;border-radius: 50%;}
.solution-item-control .solution-item-control-item h4{font-weight: normal;font-size: .18rem;}
.solution-item-control .solution-item-control-item:hover {background:#142f79;color: #fff}
.solution-item-control .solution-item-control-item:hover .dots i{background: #fff}

.solution-item-control .solution-item-control-item.active{background: #142f79;color: #fff;}
.solution-item-control .solution-item-control-item.active .dots i{background: #fff}

.solution-item-control .solution-item-control-item:nth-child(1) .icon{background: url(../images/icon_cart.png) no-repeat center bottom;}
.solution-item-control .solution-item-control-item:nth-child(1):hover .icon{background: url(../images/icon_cart2.png) no-repeat center bottom;}

.solution-item-control .solution-item-control-item:nth-child(2) .icon{background: url(../images/icon_jianzu.png) no-repeat center bottom;}
.solution-item-control .solution-item-control-item:nth-child(2):hover .icon{background: url(../images/icon_jianzu2.png) no-repeat center bottom;}

.solution-item-control .solution-item-control-item:nth-child(3) .icon{background: url(../images/icon_weiyu.png) no-repeat center bottom;}
.solution-item-control .solution-item-control-item:nth-child(3):hover .icon{background: url(../images/icon_weiyu2.png) no-repeat center bottom;}

.solution-item-control .solution-item-control-item:nth-child(4) .icon{background: url(../images/icon_huanbao.png) no-repeat center bottom;}
.solution-item-control .solution-item-control-item:nth-child(4):hover .icon{background: url(../images/icon_huanbao2.png) no-repeat center bottom;}

.solution-item-control .solution-item-control-item:nth-child(5) .icon{background: url(../images/icon_more.png) no-repeat center bottom;}
.solution-item-control .solution-item-control-item:nth-child(5):hover .icon{background: url(../images/icon_more2.png) no-repeat center bottom;}


 
.solution-item-control .solution-item-control-item:nth-child(1).active .icon{background: url(../images/icon_cart2.png) no-repeat center bottom;}
.solution-item-control .solution-item-control-item.active:nth-child(2).active .icon{background: url(../images/icon_jianzu2.png) no-repeat center bottom;}
.solution-item-control .solution-item-control-item.active:nth-child(3).active .icon{background: url(../images/icon_weiyu2.png) no-repeat center bottom;}
.solution-item-control .solution-item-control-item.active:nth-child(4).active .icon{background: url(../images/icon_huanbao2.png) no-repeat center bottom;}
.solution-item-control .solution-item-control-item.active:nth-child(5).active .icon{background: url(../images/icon_more2.png) no-repeat center bottom;}

.section6 {background: url(../images/bg6.jpg) no-repeat center center;-webkit-background-size: 100% 100%;background-size: 100% 100%;display: flex;justify-content:center;align-items:center;}
.section6 .content{max-width: 14rem;width: 100%;min-height: 6.3rem;display: flex;margin-top: calc(10% - 100px)}
.section6 .content .left{width: 6.3rem}
.section6 .content .right{width: 7.7rem;overflow: hidden}
.section6 .content .right img{max-width: 100%;}
.section6 .content .top .title {display: flex;justify-content:space-between;align-items:center;height: .6rem;}
.section6 .content .top .title h2{font-size: .28rem;font-weight: bold;color: #fff;padding-left: .2rem;}
.section6 .content .top .title a{font-size: .14rem;color: #fff;margin-right: .2rem;}
.section6 .content .top ul li {color: #fff;border-bottom: 1px dashed rgba(255,255,255,.2);border-top:1px dashed rgba(255,255,255,.2);height: .6rem;display: flex;flex-direction:column;justify-content:center;padding:0 .2rem;}
.section6 .content .top ul li a{color: #fff;font-size: .18rem;}
.en .section6 .content .top ul li a{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;width: 80%}
.section6 .content .top ul li span{font-size: .14rem;font-family: Arial}
.section6 .content .top ul li .desc{display: none;font-size: .14rem;line-height: 2;}
.section6 .content .top ul li.active{background: #001c2f;height: auto;padding: .2rem;}
.section6 .content .top ul li.active .desc{display: block;}
.section6 .content .top ul li.active .news_title{margin-bottom: .2rem;}
.section6 .content .bottom{background: #144679;color: #fff}
.jp .section6 .content .bottom .article{height:2.29rem }
.en .section6 .content .bottom .article{height:2.32rem }
.jp .section6 .content .bottom .title-wrap .title{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;width: 80%}
.en .section6 .content .bottom .title-wrap .title{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;width: 80%}
.section6 .content .bottom h2{height: .78rem;line-height: .78rem;border-bottom: 1px dashed rgba(255,255,255,.2);padding-left: .2rem;color: #fff;font-size: .28rem;font-weight: bold;} 
.section6 .content .bottom .title-wrap{display: flex;justify-content:space-between;align-items:center;padding:.2rem;}
.section6 .content .bottom .title-wrap a{color: #fff;font-size: .18rem;}
.section6 .content .bottom .title-wrap .date{font-family: Arial;font-size: .14rem;}
.section6 .content .bottom .desc{padding:0 .2rem;line-height: 2;font-size: .14rem;}
.section6 .content .bottom .detail{text-align: right;padding:.45rem 0;}
.section6 .content .bottom .detail a{color: #fff;margin-right: .2rem;}
.section6 .content .bottom .detail a:hover{text-decoration: underline;}

.footer{min-height: 8.4rem;background: #f5f5f5;display: flex;justify-content:center;align-items:center;position: relative;width: 100%;}
.footer .content{max-width: 14rem;width: 100%;min-height: 6.3rem;display: flex;margin-top: calc(10% - 100px);flex-direction:column;}
.footer .footer_nav{width: 8.3rem;display: flex;justify-content:space-between;}
.footer .footer_nav h2{font-size: .16rem;margin-bottom: .3rem;}
.footer .footer_nav h2 a{color: #6a6a6a;}
.footer .footer_nav ul li{margin-bottom: .15rem;}
.footer .footer_nav ul li a{color: #999;}
.footer .message{padding-left: .84rem;}
.footer .message h2{font-size: .16rem;margin-bottom: .3rem;color: #6a6a6a}
.footer .message .text{margin-bottom: .2rem;}
.footer .message .code{display: flex;}
.footer .message .text input{border:1px solid #eee;height: .48rem;line-height: .47rem;padding: .2rem;outline: none;width: 4.8rem}
.footer .message .textarea{border:1px solid #eee;height: 1.3rem;padding: .2rem;outline: none;width: 4.8rem;margin-bottom: .2rem;}
.footer .message .code input{border:1px solid #eee;height: .48rem;line-height: .47rem;width: 1.55rem;padding: .2rem;outline: none;border: none;margin-right: .1rem;}
.footer .message .dosubmit{width: 1.25rem;height: .47rem;line-height: .47rem;color: #fff;font-size: .16rem;background: #142f79;cursor: pointer;border: none;}
.footer .center{margin-top: .2rem;}
.footer .center .contacts p {margin-bottom: .15rem;color: #999;font-size: .14rem;}
.footer .center .contacts p span{font-size: .28rem;color: #142f79;font-weight: bold;font-family: Arial;}
.footer .center .share{display: flex;align-items:end;}
.footer .center .share a{margin-left: .17rem;}
.footer .copyright{position: absolute;bottom:0;left:0;width: 100%;border-top: 1px solid #e0e0e0;height: .55rem;line-height: .55rem;}
.footer .copyright .wrap{max-width: 14rem;margin: 0 auto}
.footer .copyright p{color: #999}
.footer .copyright p a{color: #999}
.footer .copyright .text{font-family: Arial}

#mobile_site,.mb_header,#leftcontrol{display: none;}
@media (min-width: 1200px) and (max-width: 1500px){
    html{font-size: 90px;}
    
}

@media (min-width: 1200px) and (max-width: 1400px){
    html{font-size: 80px;}
    
}

@media (max-width: 1200px){
    #pc_site{display: none}
    #mobile_site {
            background: #fff;
            z-index: 1;
          
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        }
        #mobile_site,.mb_header,#leftcontrol{display: block;}
    #mobile_site{display: block;position: fixed;top:0;left:0;width: 100%;height: 100%;overflow: auto}
    .fixed{position: fixed;top:0;width: 100%;left:0;z-index: 999;height: 60px;background: #fff}
        .mb_header{display: flex;justify-content: space-between;align-items:center;padding: 0 10px;border-bottom: 1px solid rgba(0,0,0,.05);}
        .mb_header .mb_logo img{width: 100px;}
        .mb_header .language {font-size: 14px;}
        .mb_header .language i:before{margin-right: 5px;font-size: 18px;color: #666}
        html,body{width: 100%;height: 100%;overflow: hidden;overflow-y:auto;}
        .section1{margin-top: 60px;}
        .mb_header .btn {padding: 10px 15px;background: rgba(0,0,0,0);}
        .lcbody {width: 30px;height: 30px;position: relative;transform: translateZ(0px) rotate(0deg);transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);}
        .lcitem{position:absolute;left:0;top:0;transform:translateZ(0) rotate(0);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;width:30px;height:30px}
        .lcitem .rect.top{-webkit-transform:translate3d(0,-6px,0)}
        .lcitem .rect{width:30px;height:1px;background:#999;position:absolute;left:0;top:14px;transition:transform .2s ease .2s;-webkit-transition:-webkit-transform .2s ease .2s}
        .lcitem .rect.bottom{transform:translate3d(0,6px,0);-webkit-transform:translate3d(0,6px,0)}

        body.on .lcbody {
            transform: translateZ(0px) rotate(90deg);
            -webkit-transform: translateZ(0px) rotate(90deg);
        }
        body.on .lcitem {
            transform: translateZ(0px) rotate(45deg);
            transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
            -webkit-transform: translateZ(0px) rotate(45deg);
            -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
        }
        body.on .lcitem.bottom {
            transform: translateZ(0px) rotate(-45deg);
            -webkit-transform: translateZ(0px) rotate(-45deg);
        }
        body.on .lcitem .rect {
            transition: transform 0.2s ease 0s;
            transform: translate3d(0px, 0px, 0px);
            -webkit-transition: -webkit-transform 0.2s ease 0s;
            -webkit-transform: translate3d(0px, 0px, 0px);
        }
        body.on #mobile_site {
            transform: translate3d(260px,0,0);
            -webkit-transform: translate3d(260px,0,0);
        }
        body.on .mb_header{
            transform: translate3d(260px,0,0);
            -webkit-transform: translate3d(260px,0,0);
        }

        .transform {
            transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
            -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        }
        #mobile_site{
             transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
            -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        }
        .mb_header .language .name{font-size: 18px;cursor:pointer;font-weight: 500}
        .mb_header .language .name span{font-size: 14px;}
        .mb_header .language .name:before{margin-right: 10px;position: relative;top: 1px;}
        .mb_header .language ul{
            box-sizing:content-box;
            position: absolute;
            top: calc(100% - 0px);
            z-index: 9999;
            opacity: 0;
            right:0;
            visibility: hidden;
            height: auto;
            transform: translateX(-10.45%);
            background-color:#fff;
            box-shadow: 0 2px 27px 2px rgba(188, 188, 188, 0.68);
            border-radius: 5px;
            padding: 10px 20px;
        }
         .mb_header .language ul li{margin-bottom: 10px;}
        .mb_header .language ul li a{display: flex;align-items:center; color: #858484;font-size: 14px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;
    justify-content: center;}
        .mb_header .language ul li a:hover{color: #303188;}
        .mb_header .language ul li img{width: 24px;margin-right: 10px;}
        .mb_header .language:hover ul{visibility: visible;opacity: 1;}

        #leftcontrol{position: fixed;width: 260px;height: 100%;overflow-x: hidden;overflow-y: auto;background: #fafafa;-webkit-overflow-scrolling: touch;}
       #leftcontrol ul li{display:block;min-height:49px;border-top:1px solid #ebebeb;width:100%;font-size:14px}
       #leftcontrol>ul>li.active a{background:#fff;color:#2a2a2a}
       #leftcontrol ul li a{display:block;color:#b7b7b7;padding:0 25px;height:59px;line-height:59px}
       #leftcontrol ul.subnav li a{background:#fff;color:#a8a8a8}
       #leftcontrol ul.subnav li a i{margin-right:20px;font-size:14px;color:#b4b4b4}
       #leftcontrol ul li a{position: relative;}
       #leftcontrol ul li a span.more{width:12px;height:12px;float:right;position:relative;top:20px;}
       #leftcontrol ul li .subnav{overflow:hidden;height:0}
       #leftcontrol ul li a span.more span.h{width:12px;height:2px;transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0)}
       #leftcontrol ul li a span.more span{background:#b8b8b8;position:absolute}
       #leftcontrol ul li a span.more span.v{transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0);-webkit-transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0)}
       #leftcontrol ul li a span{display:inline-block}
       #leftcontrol ul li.active a span.more span.v{background-color:#5c5c5c}
       #leftcontrol ul li.active a span.more span.v{transform:rotate3d(0,0,0,0) translate3d(0,5px,0);-webkit-transform:rotate3d(0,0,0,0) translate3d(0,5px,0)}
        
    .banner .ban-text{top: 50%}
    .banner .next{display: none;}
    .banner .ban-more{height: .8rem;line-height: .8rem;width: 2.5rem}
    .en .banner .ban-more{margin-top: .7rem;}
    .section2 .left{width: 100%;min-height: 400px;}
    .section2 .right{width: 100%;padding: .5rem}
    .section2 .right .content{width: 100%;}
    .section2 .right a.details{width: 2.6rem;height: .7rem;line-height: .7rem;}
    .section2 .right .data ul{justify-content: start;}
    .section2 .right .data ul li{width: 30%;}
    .section2 .right .data ul li:nth-child(1) {margin-right: .2rem;}
    .section2 .right .data ul li:nth-child(2) {margin-right: .2rem;}
    .section2 .right .data ul li:nth-child(4) {margin-right: .2rem;}
    .section2 .right .data ul li:nth-child(5) {margin-right: .2rem;}
    .section2 .right .data ul li:nth-child(7) {margin-right: .2rem;}
    .section2 .right .data ul li .text1{letter-spacing: 0}
    .section3 .item img.thumb{position: static;}
    .section3 .item a.details{height: .8rem;line-height: .8rem;width: 3rem}
    .section3 .item .modal h2{font-size: .4rem;}
    .section3 .item{width: 100%}
    .section5{background: none;}
    .section5 .content .left{width: 100%}
    .section5 .solution-item{flex-wrap:wrap;}
    .section5 .content{margin-top: 1px;}
    .section5 .content .left .head h2{width: 5.38rem;font-size: .4rem;}
    .section5 .content .left .bottom{height: 3.15rem}
    .section5 .content .left .bottom h3{font-size: .3rem; }
    .swiper-container-solution-banner .swiper-solution-button-prev{right: 1.15rem}
    .swiper-container-solution-banner .swiper-solution-button-prev,.swiper-container-solution-banner .swiper-solution-button-next{width: .6rem;height: .6rem}
    .swiper-container-solution-banner .swiper-solution-button-prev i{font-size: .35rem;margin-top: 2px;}
    .swiper-container-solution-banner .swiper-solution-button-next i{font-size: .35rem;margin-top: 2px;}
    .solution-item-control .solution-item-control-item{height: 2.41rem;}
    .solution-item-control .solution-item-control-item .icon{-webkit-background-size: auto 100%;background-size: auto 100%;height: .9rem}
    .section6 .content{margin-top: 0;flex-wrap:wrap;}
    .section6 .content .left{width: 100%;}
    .section6 .content .top .title{height: 1.2rem;}
    .section6 .content .top .title h2{font-size: .4rem;padding: 0 .3rem}
    .section6 .content .top .title a{font-size: .3rem;}
    .section6 .content .top ul li.active{padding: .3rem}
    .section6 .content .right{width: 100%;}
    .section6 .content .top ul li a{font-size: .24rem;}
    .section6 .content .top ul li{padding: 0 .3rem;height: 1rem}
    .section6 .content .bottom h2{font-size: .4rem;height: 1.2rem;line-height: 1.2rem;}
    .section6 .content .bottom h2,.section6 .content .bottom .title-wrap,.section6 .content .bottom .desc{padding:0 .3rem;}
    .section6 .content .bottom .title-wrap{margin-top: .2rem;padding: .2rem .3rem;}
    .section6 .content .bottom .title-wrap a{font-size: .3rem;}
    .footer .footer_nav{display: none !important}
    .footer .content{margin-top: 0;}
    .footer .top{flex-wrap:wrap;padding: .4rem}
    .footer .footer_nav{width: 100%;display: flex;flex-wrap:wrap;justify-content:space-between;}
    .footer .footer_nav .item{width: 33.33%;margin-bottom: .4rem;text-align: center}
    .footer .message{width: 100%;padding-left: .14rem;}
    .footer .message .textarea{width: 100%;height: 2rem}
    .footer .message .text input{width: 100%;height: .8rem;line-height: .8rem;}
    .footer .message .code input{height: .8rem;line-height: .8rem;}
    .footer .message .dosubmit{height: .8rem;border: 0}
    .footer .center {flex-wrap:wrap;padding: .5rem}
    .footer .center .contacts{width: 100%;}
    .footer .center .share {margin-top: .2rem;}
    .footer .center .share a{margin-left: 0;margin-right: .17rem;}
    .footer .copyright{position: static;height: auto;padding: .4rem;text-align: center;}
    .footer .copyright .wrap{flex-wrap:wrap;display: flex;}
    .footer .copyright p{text-align: center;width: 100%;}

    .message .code{display: flex;}
    .mb_banner_play_btn{position: absolute;z-index: 99;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display: none;}
    .section2 .right .content p:nth-child(2){font-size: .32rem;text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .section2 .right .content p:nth-child(3){
        display: none
    }
    .section5 .content .left .bottom p {font-size: .28rem;}
    .section5 .content .left .bottom {height: 4.15rem}
    .jp .section5 .content .left .bottom p{font-size: .18rem;}
    .footer .center .contacts p{font-size: .3rem;}
    .footer .center .contacts p span{font-size: .3rem;}
    .footer .copyright p{font-size: .28rem;}
    .footer .copyright{padding: .4rem .1rem}
    .footer .center h2{font-size: .32rem;margin-bottom: .2rem;color: #6a6a6a;}
}

@media (min-width: 320px) and (max-width:1200px){
    html{font-size: 50px;}
    
    
}