* {
    margin: 0;
    padding: 0;
}
ul li{list-style: none;}
a{ text-decoration: none;}
body {
    height: 100%;
    width: 100%;
}
@media (min-width: 720px) {
    .sectionbox6-phone {
      display: none;
    }
    .head {position: fixed;width: 100%;height: 70px;margin: 0 auto;z-index: 100;}
    .servicehead {width: 100%;height: 70px;margin: 0 auto;z-index: 100;background: #fff;}
    .servicehead .ul-nav li a{display: block;  font-size: 14px; color: #000; }

    .main{width: 100%}
    .headActive{background-color: #222222;opacity: 0.9;}
    .nav{ width: 1200px; height: 69px;margin: 0 auto; }
    .nav-phone {display: none;}
    .logo{height: 69px; margin-right: 35px;float: left;}
    .logo>a{ display: block; margin-top: 24px;}
    .logo_img{}
    .logo_25{padding-left: 5px;}
    .ul-nav{float: right;}
    /* .ul-nav{float: left;margin-left: 150px;}
    .ul-nav >li{float: left; display: block; margin-left: 50px;line-height: 69px;}
    .ul-nav >li> a{display: block;  font-size: 14px; color: #fff; } */

    .nav>ul>li {float: left;margin-left: 35px;position: relative;}

    .nav>ul>li>a {font-size: 14px;color: #fff;display: block;height: 69px;line-height: 69px;}
    .nav>ul>li:hover>a {background: url(/images/nav-arr-up.png)  no-repeat bottom center;}

    .dropdown {position: relative;display: inline-block;}

    .dropdown-content {
        display: none; position: absolute;
        min-width: 140px;
        /*min-width: 1200px;*/
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
        padding: 25px 30px 25px 30px;
        background-color: #fff;
        border-radius: 6px;
    }
    .dropdown-content-position1{
        left: -50%;margin-left: -82px;
        /*left: -1120%;*/
    }
    .dropdown-content-position2{
        left: -50%;margin-left: -26px;
        /*left: -1120%;*/
    }
    .dropdown-content-position3{
        left: -50%;margin-left: -26px;
        /*left: -1445%;*/
    }
    .dropdown:hover .dropdown-content{  display: block; z-index: 101;}
    .right-btn-phone { display: none; }
    .right-btn { margin-left: 100px; }
    .nav-con{ min-width: 140px;}
    .width450{width: 450px !important; }
    .width1200{width: 1200px !important; }
    .width470{width: 725px !important; }
    .nav_arr_up {
        position: absolute !important;
        display: block !important;
        width: 0px !important;height: 0px !important;
        left: 50% !important;
        /* bottom: -3px !important; */
        top: -6px;
        transform: translateX(-50%) translateZ(0px) !important;
        border-style: solid !important;
        border-width: 0px 6px 6px !important;
        border-color: transparent transparent rgb(255, 255, 255) !important;
    }
    .mleft100{margin-left: 100px;}
    .mleft200{margin-left: 200px;}
    .bgnone{background: none !important;}
    .nav-con .ul-child-nav{ float: left;}
    .nav-con .ul-child-nav li{}
    .nav-con .ul-child-nav li a{ display: block; color: #000;font-size: 14px;height: 45px;
        padding-left: 35px;line-height: 45px;background-position-y: 12px;}

    .nav-icon1{background: url(/images/nav/nav-icon1.png) no-repeat;}
    .nav-icon2{background: url(/images/nav/nav-icon2.png) no-repeat;}
    .nav-icon3{background: url(/images/nav/nav-icon3.png) no-repeat;}
    .nav-icon4{background: url(/images/nav/nav-icon4.png) no-repeat;}
    .nav-icon5{background: url(/images/nav/nav-icon5.png) no-repeat;}
    .nav-icon6{background: url(/images/nav/nav-icon6.png) no-repeat;}
    .nav-icon7{background: url(/images/nav/nav-icon7.png) no-repeat;}
    .nav-icon8{background: url(/images/nav/nav-icon8.png) no-repeat;}
    .nav-icon9{background: url(/images/nav/nav-icon9.png) no-repeat;}
    .nav-icon10{background: url(/images/nav/nav-icon10.png) no-repeat;}
    .nav-icon11{background: url(/images/nav/nav-icon11.png) no-repeat;}
    .nav-icon12{background: url(/images/nav/nav-icon12.png) no-repeat;}
    .nav-icon13{background: url(/images/nav/nav-icon13.png) no-repeat;}
    .nav-icon14{background: url(/images/nav/nav-icon14.png) no-repeat;}
    .nav-icon15{background: url(/images/nav/nav-icon15.png) no-repeat;}
    .nav-icon16{background: url(/images/nav/nav-icon16.png) no-repeat;}
    .nav-icon17{background: url(/images/nav/nav-icon17.png) no-repeat;}
    .nav-icon18{background: url(/images/nav/nav-icon18.png) no-repeat;}
    .nav-icon19{background: url(/images/nav/nav-icon19.png) no-repeat;}
    .nav-icon20{background: url(/images/nav/nav-icon20.png) no-repeat;}
    .nav-icon30 {
        background: url(/images/nav/nav-icon30.png) no-repeat;
    }
    .custom-login{border: 1px solid #c2d72a;color: #c2d72a;padding: 4px;border-radius: 4px;padding-left: 9px;padding-right: 10px;}
    .custom-login:hover{color: #fff; background: #c2d72a;}

    /*.nav-con img{opacity:1.0;filter:alpha(opacity=100);}*/
       .brjxJU-phone{display:none;}
        .brjxJU {
            position: relative;
            
            height: 800px;
            text-align: center;
            /* width: 1903px; */
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
        }
        
            .brjxJU .active .item {
                opacity: 1;
                pointer-events: inherit;
                filter: brightness(50%) !important;
                pointer-events: none;
                cursor: default;
            }
        
            .brjxJU .item {
                position: absolute;
                left: 0px;
                width: 100%;
                height: 100%;
                background-size: auto 100%;
                opacity: 0;
                pointer-events: none;
                background-position: center center;
                background-repeat: no-repeat;
                transition: opacity 0.3s ease 0s;
            }
    .fkZaoF {
        position: absolute;
        top: 230px;
        left: 26%;
        width: 301px;
        color: #fff;
        text-align: left;
        transform: translateX(-50%);
        margin: auto;
    }
    .fkZaoF .txtbox{width: 640px; height: 300px; }
    .txtbox .title{font-size: 50px; font-weight: bold; color: #fff;}
    .txtbox .title-en{font-size: 25px; color: #fff;margin-top: 10px;font-weight: bold;}
    .txtbox .txt-desc{font-size: 14px; color: #fff;margin-top: 10px;width: 80%;}
    .txtbox .btn{width: 138px; height: 50px; background: #07359e; color: #fff; font-size: 16px; border: none;margin-top: 38px;line-height: 50px; text-align: center;display: block}


    .item {
        position: absolute;
        left: 0px;
        width: 100%;
        height: 100%;
        background-size: auto 100%;
        opacity: 0;
        pointer-events: none;
        background-position: center center;
        background-repeat: no-repeat;
        transition: opacity 0.3s ease 0s;
    }


    .servicebox{width: 100%; padding-bottom: 110px; background-color: #f7f7f7; }
    .servicebox> .title{ display: none; font-size: 30px; color: #000; text-align: center;margin-top: 110px; }
    .service-itemBox{width: 1200px; margin: 0 auto;overflow: hidden;}
    .ul-service-item{width: 1200px; margin: 0 auto;margin-top: 100px;}
    .ul-service-item>li{width: 240px; float: left;}
    .ul-service-item>li>a{display: block;position: relative;width: 240px;height: 215px;cursor: pointer;}
    .ul-service-item>li>a>img{position: absolute; top: 46%; left: 50%;transform: translate(-50%, -50%);}
    .ul-service-item>li>a:hover img{opacity: 0.5;}
    .ul-service-item>li>a:hover span{color: #07359e;}
    .ul-service-item>li .title{ color: #000; display: block;position: absolute;
        top: 80%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
    /* 左右切换  必要布局样式css */
    .swiper-container {
        width: 1200px;
        height: 240px;
    margin-top: 110px;
    }
    .swiper-slide {
        height: 190px !important;
        position: relative;
        background: #f7f7f7;
    }
    .swiper-slide-active {

    }

    .swiper-slide:hover {

    }
    .slide-item{width: 190px;height: 190px; position: relative; background: #fff; margin-left: 10px; float: left;} 
    .slide-item:hover{background-color: #07359e; color:#fff;} 
    .slide-item .title {
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .slide-item img {
        position: absolute;
        top: 46%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .slide-item img:nth-child(1) {display: block;}
    .slide-item img:nth-child(2) { display: none;}

    .slide-item:hover img:nth-child(1) { display: none;}
    .slide-item:hover img:nth-child(2) {display: block;}

    .swiper-button-next, .swiper-button-prev{top: 1150px !important;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 310px !important; background: url(/images/index-arr-left.png) no-repeat !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 310px !important; background: url(/images/index-arr-right.png) no-repeat !important;}
    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #07359e !important;
    }
    .sectionbox{width: 100%; display: flex; background-color: #07359e; height: 710px;}
    .sectionbox-item { flex: 1 !important;
        overflow: hidden !important;
    }
    .sectionbox-item:hover{
        background-image: url(/images/sectionbox-item1.png); 
        /* background-color:#fff;filter:Alpha(Opacity=60);opacity:0.5; */
        /* -webkit-filter: brightness(25%) !important; */
        /* filter: brightness(25%) !important; */
    }
    .sectionbox-item2:hover{
        background-image: url(/images/sectionbox-item2.png); 
    }
    .sectionbox-item3:hover{
        background-image: url(/images/sectionbox-item3.png); 
    }
    .sectionbox-item-active{background-color: #0c3fbb;}
    .sectionbox-item  .item-con{width: 70%; color: #fff; line-height: 30px;
        margin: 0 auto;margin-top: 160px;flex-direction: column !important;}
    .sectionbox-item  .item-con .title{display: block;}
    .sectionbox-item  .item-con .number{font-size: 60px;  font-weight: bold; color: #c2d72a;display: block;}
    .sectionbox-item  .item-con .desc{}

    ._ytqzkk {
        position: absolute !important; left: 0px !important; top: 0px !important;
        bottom: 0px !important; right: 0px !important;
        -webkit-filter: brightness(25%) !important;
        filter: brightness(25%) !important; 
    }
    .sectionbox2-phone {display:none;}
    .sectionbox2{width: 100%; overflow: hidden; }
    .sectionbox2 .title{font-size: 30px; margin-bottom: 25px; } 
    .sectionbox2 .sectionc-con{width: 1200px; margin: 0 auto; margin-top: 110px;}
    .sectionbox2 .sectionc-con .con-left{float: left; width: 440px;line-height: 30px;margin-top: 50px;}
    .sectionbox2 .sectionc-con .con-left h2{padding-bottom: 20px;;}
    .sectionbox2 .sectionc-con .con-right{float: left;  width: 672px; margin-left: 80px;}
    .sectionbox2 .customer-casemore{display: block; background-color: #07359e; color: #fff; padding: 10px 0px; text-align: center; width: 140px; margin-top: 50px;}
    .sectionbox3-phone {display: none;}
    .sectionbox3{width: 100%; background: url(/images/index-sectionbox-bg.png) no-repeat; overflow: hidden;
        background-position-y: bottom;
    }
    .en_bg{ width: 100%;
        background-color: #07359e;
        overflow: hidden;
        height: 120px;
    }

    .sectionbox3 .title{font-size: 30px; text-align: center; margin-top: 110px;} 
    .sectionbox3 .sectionc-con{width: 1200px; margin: 0 auto; 
        background: url(/images/index-sectionbox-bg.png);
        margin-top: 110px;}
    .sectionbox3 .sectionc-con .con-left{float: left; width: 750px;}
    .sectionbox3 .sectionc-con img{width: 750px;}
    .sectionbox3 .sectionc-con .con-right{float: left;  width: 400px;margin-left: 50px;}
    .ul-soultion{list-style: none;}
    .ul-soultion li{float: left;height: 140px; width: 150px; margin-left: 50px;margin-bottom: 80px; }
    .ul-soultion li span{display: block;margin-top: 65px; font-size: 20px;cursor: pointer;}
    .ul-soultion li a{display: block; font-size: 16px;margin-top: 10px;padding-top: 4px; color: #07359e;
      background: url(/images/index-arr-right.png) no-repeat; background-position-x: 70px;
    }
    .soultion-bg1{background: url(/images/soultion-bg1.png) no-repeat;}
    .soultion-bg2{background: url(/images/soultion-bg2.png) no-repeat;}
    .soultion-bg3{background: url(/images/soultion-bg3.png) no-repeat;}
    .soultion-bg4{background: url(/images/soultion-bg4.png) no-repeat;}
    .sectionbox4-phone { display: none;}
    .sectionbox4{width: 100%; background-color: #07359e;overflow: hidden; }
    .sectionbox4 .title{font-size: 30px; color: #fff; text-align: center; margin-top: 110px;} 
    .sectionbox4 .sectionc-con{width: 1200px; margin: 0 auto; margin-top: 110px;}
    .news-ul{ overflow: hidden; margin-bottom: 110px;}
    .news-ul li{float: left;width: 370px; margin-left: 45px;}
    .news-ul li a{display: block;overflow: hidden; }


    figure{position:relative; float: left; overflow: hidden;  width: 33.33%; }

    figure img{opacity: 0.8;width: 370px;
        height: 270px;}
    figure img{transition:all 0.35s;width: 370px;
        height: 270px;}
    figure:hover img{transform:translate(-150px,0); opacity: 0.5}



    .four{}
    .four:hover img{transform:scale(1.2,1.2);}
    .newstype{color: #bcce32; margin-top: 40px; font-size: 14px;}
    .newstitle{color:#fff;line-height: 25px;font-size: 16px; margin-top: 10px;}
    .newsmore{color: #ef832a;margin-top: 25px;}

    .sectionbox5{width: 100%; height: 300px; background: #fff; }
    .sectionbox5 .title{font-size: 30px; color: #000;  float: left;width: 150px;} 
    .sectionbox5 .sectionc-con{width: 1200px; overflow: hidden; margin: 0 auto; }
    .PicScrollBox{width: 1200px; margin: 0 auto; position:relative;overflow:hidden;}
    .wrap{
        width: 1200px;min-height: 98px;margin-top: 100px;position: relative;overflow: hidden;
    }

    .wrap ul{
        overflow: hidden;
        position:absolute;
        width: 1600px;
        left: 0;
        top: 0;
        _height:1px;
    }

    .wrap ul li{float: left;margin-left: 100px;width: 166px;height: 980px;}
    .wrap ul li img{opacity: 0.5;}
    .sectionbox6{width: 100%; background-color: #222222;  overflow: hidden; }
    .sectionbox6 img{  }

    .sectionbox6 .foot-title{width: 1200px; color: #fff; margin: 0 auto;font-size: 14px;margin-top: 50px; font-weight: bold; }
    .sectionbox6 .foot-company-ul{width: 1200px; margin:  0 auto;overflow: hidden;margin-top: 15px;}

    .foot-company-ul li{float: left; margin-left: 15px;}
    .foot-company-ul li a{color: #959595; font-size: 12px; font-weight: bold;}
    .foot-infobox{width: 1200px; margin: 0 auto;margin-top: 100px;font-size: 14px;}
    .foot-logo{display: block; float: left;}
    .footer-list{float: left; margin-left: 50px;width: 1000px}
    .footer-list li { display: inline-block;padding-right: 16px;margin-bottom: 20px;color: #959595;}
    .copyright {
        font-size: 12px;
        color: #959595;
        padding: 20px 0px;
        text-align: center;clear: both;
    }
    .copyright span{text-align: center; font-size: 12px;
        color: #959595;}
    .copyright span a{text-align: center; font-size: 12px;
        color: #959595;}
    .foot-weibo{float:right !important;}
    .foot-weibo a{display: block; background: url(/images/foot-weibo.png) no-repeat;width: 30px;height: 24px;}
    .foot-weibo a:hover{ background: url(/images/foot-weibo-hover.png) no-repeat;}
    .foot-weixin{float:right !important; position: relative;}
    .foot-weixin img{display: none; position: absolute;top: -130px;}
    .foot-weixin a{display: block; background: url(/images/foot-weixin.png) no-repeat;width: 30px;height: 24px;}
    .foot-weixin a:hover{ background: url(/images/foot-weixin-hover.png) no-repeat;}
    .foot-line{width: 1200px;height: 1px;  margin: 0 auto; border-bottom: 1px solid #616161;clear: both;}
}
@media (max-width: 720px) {
    .head {position: fixed;width: 100%;height: 3rem;margin: 0 auto;z-index: 100;}
    .sectionbox6 {
      display: none;
    }
    .servicehead { position: fixed; top: 0; width: 100%; margin: 0 auto;z-index: 100;}
    .servicehead .ul-nav li a{display: block;  font-size: 14px; color: #fff !important; }

    .main{width: 100%}
    .headActive{background-color: #222222;opacity: 0.9;}
    .nav-phone{ width: 100%; height: 3rem;margin: 0 auto; background: #fff;}
    .nav{display: none;}
    .logo{height: 3rem; display:flex; justify-content: space-between;align-items: center; padding: 1rem 0.5rem;}
    .logo>a{ }
    .logo_img{padding-right: 10px;}
    .logo_25{display: none;}
    .nav-item-class-phone {
        display: none;
        background-color: #07359e;
        padding: 1rem;
    }
    .nav-item-class-phone .lang-class-phone {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .lang-item-class-phone {
        display: flex;
        align-items: center; 
    }
    .ul-nav {
      margin-top: 1rem;
      overflow-y: auto;
      max-height: 20rem;
    }
    .ul-nav>li {
      border-top: 1px solid #e5e4e430;
      padding: 1.5rem 0;
    }
    .ul-nav>li a {
      color: #fff !important;
    }
    .dropdown .show-item-service-class {
       color: #fff;
       display: flex;
       justify-content: space-between;
       align-items: center;
    }
    .dropdown .show-item-service-class > a {
      width: calc(100% - 30px);
    }
    .dropdown .show-item-service-class .phone-service-down {
      display: none;
    }

    .dropdown .show-item-service-content-class {
      display: none;
    }
    .dropdown .show-item-about-class {
       color: #fff;
       display: flex;
       justify-content: space-between;
       align-items: center;
    }
    .dropdown .show-item-about-class > a {
       width: calc(100% - 30px);
    }
    .dropdown .show-item-about-class .phone-about-down {
       display: none;
    }

    .dropdown .show-item-about-content-class {
       display: none;
    }

    .dropdown-content {
        min-width: 140px;
        /*min-width: 1200px;*/
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
        padding: 25px 30px 25px 30px;
        background-color: #fff;
        border-radius: 6px;
    }
    .dropdown-content-position1{
        left: -50%;margin-left: -82px;
        /*left: -1120%;*/
    }
    .dropdown-content-position2{
        left: -50%;margin-left: -26px;
        /*left: -1120%;*/
    }
    .dropdown-content-position3{
        left: -50%;margin-left: -26px;
        /*left: -1445%;*/
    }
    .dropdown:hover .dropdown-content{  display: block; z-index: 101;}
    .right-btn-phone {  }
    .right-btn { display: none; }
    .nav-con{ min-width: 140px;}
    .width450{width: 450px !important; }
    .width1200{width: 1200px !important; }
    .width470{width: 725px !important; }
    .nav_arr_up {
        position: absolute !important;
        display: block !important;
        width: 0px !important;height: 0px !important;
        left: 50% !important;
        /* bottom: -3px !important; */
        top: -6px;
        transform: translateX(-50%) translateZ(0px) !important;
        border-style: solid !important;
        border-width: 0px 6px 6px !important;
        border-color: transparent transparent rgb(255, 255, 255) !important;
    }
    .mleft100{margin-left: 100px;}
    .mleft200{margin-left: 200px;}
    .bgnone{background: none !important;}
    .nav-con .ul-child-nav{ }
    .nav-con .ul-child-nav li{}
    .nav-con .ul-child-nav li a{ display: block; color: #fff;font-size: 0.9rem;height: 2.5rem;
        padding-left: 2rem;line-height: 3rem;background-position-y: 0.8rem;}

    .nav-icon1{background: url(/images/nav/nav-icon1.png) no-repeat;}
    .nav-icon2{background: url(/images/nav/nav-icon2.png) no-repeat;}
    .nav-icon3{background: url(/images/nav/nav-icon3.png) no-repeat;}
    .nav-icon4{background: url(/images/nav/nav-icon4.png) no-repeat;}
    .nav-icon5{background: url(/images/nav/nav-icon5.png) no-repeat;}
    .nav-icon6{background: url(/images/nav/nav-icon6.png) no-repeat;}
    .nav-icon7{background: url(/images/nav/nav-icon7.png) no-repeat;}
    .nav-icon8{background: url(/images/nav/nav-icon8.png) no-repeat;}
    .nav-icon9{background: url(/images/nav/nav-icon9.png) no-repeat;}
    .nav-icon10{background: url(/images/nav/nav-icon10.png) no-repeat;}
    .nav-icon11{background: url(/images/nav/nav-icon11.png) no-repeat;}
    .nav-icon12{background: url(/images/nav/nav-icon12.png) no-repeat;}
    .nav-icon13{background: url(/images/nav/nav-icon13.png) no-repeat;}
    .nav-icon14{background: url(/images/nav/nav-icon14.png) no-repeat;}
    .nav-icon15{background: url(/images/nav/nav-icon15.png) no-repeat;}
    .nav-icon16{background: url(/images/nav/nav-icon16.png) no-repeat;}
    .nav-icon17{background: url(/images/nav/nav-icon17.png) no-repeat;}
    .nav-icon18{background: url(/images/nav/nav-icon18.png) no-repeat;}
    .nav-icon19{background: url(/images/nav/nav-icon19.png) no-repeat;}
    .nav-icon20{background: url(/images/nav/nav-icon20.png) no-repeat;}

    /*.nav-con img{opacity:1.0;filter:alpha(opacity=100);}*/
        .brjxJU {display: none;}
        .brjxJU-phone {
            position: relative;
            
            height: 18rem;
            text-align: center;
            /* width: 1903px; */
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
        }
        
            .brjxJU-phone .active .item {
                opacity: 1;
                pointer-events: inherit;
                filter: brightness(50%) !important;
                pointer-events: none;
                cursor: default;
            }
        
            .brjxJU-phone .item {
                position: absolute;
                left: 0px;
                width: 100%;
                height: 100%;
                background-size: auto 100%;
                opacity: 0;
                pointer-events: none;
                background-position: center center;
                background-repeat: no-repeat;
                transition: opacity 0.3s ease 0s;
            }
    .fkZaoF {
        position: absolute;
        top: 3.5rem;
        left: 0.5rem;
        color: #fff;
        text-align: left;
        margin: auto;
    }
    .fkZaoF .txtbox{}
    .txtbox .title{font-size: 1rem; font-weight: bold; color: #fff;}
    .txtbox .title-en{font-size: 1rem; color: #fff;margin-top: 1rem;font-weight: bold;}
    .txtbox .txt-desc{font-size: 0.8rem; color: #fff;margin-top: 1rem;width: 90%;}
    #LAY_layuipro {
      display: none;
    }
    .layui-layer-shade {
      display: none;
    }
    .layui-layer {
      display: none;
    }
    .txtbox .btn{
      width: 7rem;
      height: 3rem;
      background: #07359e;
      color: #fff;
      font-size: 1rem;
      border: none;
      margin-top: 4rem;
      line-height: 3rem;
      text-align: center;
      display: block;
    }


    .item {
        position: absolute;
        left: 0px;
        width: 100%;
        height: 100%;
        background-size: auto 100%;
        opacity: 0;
        pointer-events: none;
        background-position: center center;
        background-repeat: no-repeat;
        transition: opacity 0.3s ease 0s;
    }


    .servicebox{width: 100%; padding-bottom: 2rem; background-color: #f7f7f7; }
    .servicebox> .title{font-size: 2rem; color: #000; text-align: center;margin-top: 1rem; }
    .service-itemBox{width: 100%; margin: 0 auto;overflow: hidden;}
    .ul-service-item{ margin: 0 auto; display: flex;flex-wrap:wrap;justify-content:space-between;}
    .ul-service-item>li{width: 50%;}
    .ul-service-item>li>a{display: flex; align-items: center; flex-direction: column; width: 100%;cursor: pointer;}
    .ul-service-item>li>a>img{}
    .ul-service-item>li>a:hover img{opacity: 0.5;}
    .ul-service-item>li>a:hover span{color: #07359e;}
    .ul-service-item>li .title{ color: #000; text-align: center;}
    /* 左右切换  必要布局样式css */
    .swiper-container {
        width: 1200px;
        height: 240px;
    margin-top: 110px;
    }
    .swiper-slide {
        height: 190px !important;
        position: relative;
        background: #f7f7f7;
    }
    .swiper-slide-active {

    }

    .swiper-slide:hover {

    }
    .slide-item{width: 190px;height: 190px; position: relative; background: #fff; margin-left: 10px; float: left;} 
    .slide-item:hover{background-color: #07359e; color:#fff;} 
    .slide-item .title {
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .slide-item img {
        position: absolute;
        top: 46%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .slide-item img:nth-child(1) {display: block;}
    .slide-item img:nth-child(2) { display: none;}

    .slide-item:hover img:nth-child(1) { display: none;}
    .slide-item:hover img:nth-child(2) {display: block;}

    .swiper-button-next, .swiper-button-prev{top: 1150px !important;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 310px !important; background: url(/images/index-arr-left.png) no-repeat !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 310px !important; background: url(/images/index-arr-right.png) no-repeat !important;}
    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #07359e !important;
    }
    .sectionbox{width: 100%; background-color: #07359e; }
    .sectionbox-item { position: relative !important;flex: 1 !important;
        overflow: hidden !important;
    }
    .sectionbox-item:hover{
        background-image: url(/images/sectionbox-item1.png); 
        /* background-color:#fff;filter:Alpha(Opacity=60);opacity:0.5; */
        /* -webkit-filter: brightness(25%) !important; */
        /* filter: brightness(25%) !important; */
    }
    .sectionbox-item2:hover{
        background-image: url(/images/sectionbox-item2.png); 
    }
    .sectionbox-item3:hover{
        background-image: url(/images/sectionbox-item3.png); 
    }
    .sectionbox-item-active{background-color: #0c3fbb;}
    .sectionbox-item  .item-con{ color: #fff; line-height: 2rem;
       padding: 2rem; flex-direction: column !important;}
    .sectionbox-item  .item-con .title{display: block;}
    .sectionbox-item  .item-con .number{font-size: 3rem;  font-weight: bold; color: #c2d72a;display: block;}
    .sectionbox-item  .item-con .desc{}

    ._ytqzkk {
        position: absolute !important; left: 0px !important; top: 0px !important;
        bottom: 0px !important; right: 0px !important;
        -webkit-filter: brightness(25%) !important;
        filter: brightness(25%) !important; 
    }
    .sectionbox2 {display: none;}
    .sectionbox2-phone{width: 100%; overflow: hidden; }
    .sectionbox2-phone .title{font-size: 2rem; margin-bottom: 1rem; }
    .sectionbox2-phone .sectionc-con{ margin: 0 auto; margin-top: 1rem;}
    .sectionbox2-phone .sectionc-con .con-left img{
        width: 100%;
     }
    .sectionbox2-phone .sectionc-con .con-left h2{padding-bottom: 20px;;}
    .sectionbox2-phone .sectionc-con .con-right{  padding: 1rem 1.5rem; line-height: 2rem;margin-top: 1rem;}
    .sectionbox2-phone .customer-casemore{display: block; background-color: #07359e; color: #fff; padding: 10px 0px; text-align: center; width: 140px; margin-top: 50px;}
    .sectionbox3 {display:none;}
    .sectionbox3-phone{width: 100%; overflow: hidden;
        background-position-y: bottom;
    }
    .en_bg{ width: 100%;
        background-color: #07359e;
        overflow: hidden;
        height: 1rem;
    }

    .sectionbox3-phone .title{font-size: 2rem; text-align: center; margin-top: 1rem;}
    .sectionbox3-phone .sectionc-con{margin: 0 auto;
        margin-top: 1rem;}
    .sectionbox3-phone .sectionc-con .con-left { margin-top: 2rem; }
    .sectionbox3-phone .sectionc-con .con-left img{ width: 100%; }
    .sectionbox3-phone .sectionc-con .con-right{ }
    .sectionbox5 {display: none;}
    .ul-soultion{list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
    .ul-soultion li{ width: 50%; display: flex; align-items: center; flex-direction: column; margin-top: 1rem;}
    .ul-soultion li span{margin-top: 4rem; font-size: 1rem;cursor: pointer;}
    .ul-soultion li a{display: block; font-size: 1rem;margin-top: 1rem; color: #07359e;}
    .soultion-bg1{background: url(/images/soultion-bg1.png) no-repeat 50% 0;}
    .soultion-bg2{background: url(/images/soultion-bg2.png) no-repeat 50% 0;}
    .soultion-bg3{background: url(/images/soultion-bg3.png) no-repeat 50% 0;}
    .soultion-bg4{background: url(/images/soultion-bg4.png) no-repeat 50% 0;}
    .sectionbox4 {display: none;}
    .sectionbox4-phone{width: 100%; margin-top: 1rem; background-color: #07359e;overflow: hidden; }
    .sectionbox4-phone .title{font-size: 2rem; color: #fff; text-align: center; margin-top:2rem;}
    .sectionbox4-phone .sectionc-con{width: 100%; margin: 0 auto; margin-top: 2rem;}
    .news-ul{ overflow: hidden; margin-bottom: 2rem; display: flex; flex-direction: column;}
    .news-ul li{ width:100%; margin-left: 2rem;}
    .news-ul li a{display: block;overflow: hidden; }


    figure{position:relative; float: left; overflow: hidden;  width: 33.33%; }

    figure img{opacity: 0.8;width: 370px;
        height: 270px;}
    figure img{transition:all 0.35s;width: 370px;
        height: 270px;}
    figure:hover img{transform:translate(-150px,0); opacity: 0.5}



    .four{}
    .four:hover img{transform:scale(1.2,1.2);}
    .newstype{color: #bcce32; margin-top: 2rem; font-size: 1rem;}
    .newstitle{color:#fff;line-height: 1rem;font-size: 1rem; margin-top: 1rem;}
    .newsmore{color: #ef832a;margin-top: 1rem;}

    .sectionbox5{width: 100%; height: 300px; background: #fff; }
    .sectionbox5 .title{font-size: 30px; color: #000;  float: left;width: 150px;} 
    .sectionbox5 .sectionc-con{width: 1200px; overflow: hidden; margin: 0 auto; }
    .PicScrollBox{width: 1200px; margin: 0 auto; position:relative;overflow:hidden;}
    .wrap{
        width: 1200px;min-height: 98px;margin-top: 100px;position: relative;overflow: hidden;
    }

    .wrap ul{
        overflow: hidden;
        position:absolute;
        width: 1600px;
        left: 0;
        top: 0;
        _height:1px;
    }

    .wrap ul li{float: left;margin-left: 100px;width: 166px;height: 980px;}
    .wrap ul li img{opacity: 0.5;}
    .sectionbox6-phone{width: 100%; background-color: #222222;  overflow: hidden; }
    .sectionbox6-phone img{  }

    .sectionbox6-phone .foot-title{display: none; width: 1200px; color: #fff; margin: 0 auto;font-size: 14px;margin-top: 50px; font-weight: bold; }
    .sectionbox6-phone .foot-company-ul{display:none; width: 1200px; margin:  0 auto;overflow: hidden;margin-top: 15px;}

    .foot-company-ul li{float: left; margin-left: 15px;}
    .foot-company-ul li a{color: #959595; font-size: 12px; font-weight: bold;}
    .foot-infobox{margin: 3rem 2rem;font-size: 1rem;}
    .foot-logo{display:flex; align-items:center;justify-content: space-between;margin-top: 3rem;}
    .footer-list{ margin: 2rem 0; width: 100%; color: #ffffff;}
    .footer-list .footer-item { display: inline-block;margin-bottom: 2rem;color: #fff;min-width: 200px;}
    .footer-list .footer-item .footer-title { margin-bottom: 1rem;}
    .company-code-class { margin-top: 1rem;}
    .copyright {
        font-size: 12px;
        color: #959595;
        padding: 20px 0px;
        text-align: center;clear: both;
    }
    .copyright span{text-align: center; font-size: 12px;
        color: #959595;}
    .copyright span a{text-align: center; font-size: 12px;
        color: #959595;}
    .foot-code {
      text-align: center;
      color: #fff;
    }
    .foot-weibo{}
    .foot-weibo a{display: block; background: url(/images/foot-weibo.png) no-repeat;width: 30px;height: 24px;}
    .foot-weibo a:hover{ background: url(/images/foot-weibo-hover.png) no-repeat;}
    .foot-weixin{}
    .foot-weixin img{display: none; position: absolute;top: -130px;}
    .foot-weixin a{display: block; background: url(/images/foot-weixin.png) no-repeat;width: 30px;height: 24px;}
    .foot-weixin a:hover{ background: url(/images/foot-weixin-hover.png) no-repeat;}
    .foot-line{width: 100%;height: 1px;  margin: 0 auto; border-bottom: 1px solid #616161;clear: both;}
}
@media screen and ( max-width: 600px) {
    figure{width: 100%}
}
@media  screen and (min-width: 601px) and ( max-width: 1000px) {
    figure{width: 100%}
}
@media screen and (min-width: 1001px) {
    figure{width: 100%;width: 370px;
        height: 270px;}
}