@charset "utf-8";
html,body{font-size:16px;line-height:1em;color: #141414;font-family: '思源黑体',PingFang SC,Microsoft Yahei,Arial,sans-serif;overflow-x: hidden;}
a{text-decoration: none;outline: none;}
img.ofi{object-fit: cover;font-family: 'object-fit: cover;';object-position: center;}
img.ofc{object-fit: contain;font-family: 'object-fit: contain;';object-position: center;}
/* 滚动条 */
::-webkit-scrollbar {
    /* display: none; */
    width:5px;
    height:5px
}
::-webkit-scrollbar-track {
    border-radius:0;
    background:#e5e5e5; 
}
::-webkit-scrollbar-thumb {
    border-radius:5px;
    background: #333333;
}
::-webkit-scrollbar-thumb:hover {
    border-radius:5px;
    background: #333333;
}

/* 公共 */
.w1602{width: 1602px;margin: 0 auto;}
.w1400{width: 1400px;margin: 0 auto;}
.i-com-title{color: #333;font-size: 60px;line-height: 1em;text-align: center;}
.i-com-longtitle{margin-top: 36px;color: #666;font-size: 16px;line-height: 22px;text-align: center;}
.i-com1-text{width: 411px;}
.i-com1-title{margin-bottom: 36px;color: #333;font-size: 48px;line-height: 1em;}
.i-com1-msg{color: #666;font-size: 16px;line-height: 22px;}
.i-com2-text{}
.i-com2-title{color: #333;font-size: 60px;line-height: 1em;text-align: center;}
.i-com2-msg{margin: 36px 0 -3px;color: #666;font-size: 16px;line-height: 22px;text-align: center;}

/* 分页 */
.com-page{display: flex;justify-content: center;align-items: center;}
.com-page-item span,.com-page-item a{display: flex;justify-content: center;align-items: center;width: 35px;height: 35px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 5px;margin-right: 26px;color: #666;font-size: 16px;line-height: 1em;text-align: center;transition: all .5s;}
.com-page-item a{cursor: pointer;}
.com-page-num {display: flex;}
.com-page-num span.now{color: #fff;border-color: #008ee6;background: #008ee6;}
/* .com-page-num span:last-child,.com-page-num a:last-child{margin-right: 30px;} */
.com-page-item:last-child span{margin-right: 0;}
.com-page-item a:hover{border-color: #008ee6;color: #fff;background: #008ee6;}
.com-page-prev span,.com-page-prev a,.com-page-next span,.com-page-next a{font-size: 12px;line-height: 33px;}

/* 浮动框 */
.totop,
.wx{position: fixed;right: 20px;top: 90vh;transform: translateY(-50%);z-index: 99;display: none;justify-content: center;align-items: center;width: 54px;height: 54px;border-radius: 50%;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.1);}
.totop.on{display: flex;}
.totop i{color: #6c6e62;font-size: 20px;line-height: 1em;}
.wx{
    top: 83vh;
    display: flex;
}
.wx span{
    font-size: 30px;
    color: #333;
}
.wx .wx-wrap{
    width: 115px;
    padding: 12px 10px 12px 10px;
    border: 1px solid #e4e4e4;
    margin: 0;
    text-align: center;
    background-color: #FFF;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    position: absolute;
     right: 140%;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s;
    display: none;
}
.wx:hover .wx-wrap{
    display: block;
}
.wx .wx-wrap img{
    display: block;
    margin: 0 auto 10px;
}

.dh{
    top: 76vh;
    display: flex;
    position: fixed;
    right: 25px;
    transform: translate(225px, -50%);
    z-index: 99;
    transition: .5s;
}
.dh .icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    
     margin-right: 20px;
    
}
.dh .text{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 54px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      width: 200px;
     
}
.dh:hover{
    transform: translate(0px, -50%);
}
/* header */
.header{position: absolute;left: 50%;top: 50px;transform: translateX(-50%);z-index: 10;height: 74px;box-sizing: border-box;padding: 0 30px;border-radius: 15px;background: #fff;box-shadow: 0 0 7px rgba(198, 190, 190, .3)}
.header-logo{position: absolute;left: 36px;top: 50%;transform: translateY(-50%);z-index: 1;display: block;}
.header-logo img{display: block;}
.header-main{display: flex;justify-content: flex-end;align-items: center;height: 100%;}
.header-nav{display: flex;align-items: center;}
.header-nav-item{transition: all .5s;display: block;margin-right: 58px;color: #333;font-size: 20px;line-height: 1em;}
.header-nav-item:hover{color: #ccc;}
.header-lang{display: flex;align-items: center;color: #ccc;font-size: 16px;line-height: .8em;}
.header-lang a{transition: all .5s;display: block;color: #ccc;}
.header-lang a.on,.header-lang a:hover{color: #333;}
.header-lang span{display: block;}
/* banner */
.i-banner{
    position: relative;
    height: 100vh;
    
}
.head-tel{
    display: block;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    background: #fff2c9;
    overflow: hidden;
    position: relative;
    transition: all .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    padding: 0 18px;
    border-radius: 18px;
    /*margin: 0 20px 0 0;*/
    
}
.head-tel::after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    transform: translateY(-100%);
    transition: all .5s;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #3461d1;
}
.head-tel:hover::after {
    transform: translateY(0);
    border-radius: 0;
}
.head-tel:hover p{
    color: #fff !important;
     z-index: 1;
     position: relative;
}
.scroll-wrapper {
    position                  : relative;
    /* width                     : 100%; */
    /* height                    : 908px !important; */
    overflow                  : hidden;
    overflow-x                : hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling        : touch;
    /* -ms-scroll-chaining       : none;
    overscroll-behavior       : none; */
    /*background: #fa3a5d;*/
}
.banner{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;box-sizing: border-box;}
/* .scroll-wrapper.ie .banner{background:url(/static/img/banner.jpg)center/cover no-repeat;} */
.banner-text{
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}
.banner-text .cn{
    margin-bottom: 30px;
    font-size: 80px;
    line-height: 1.2em;
    font-weight: bold;
 
    
}
.banner1 .cn{
     background: linear-gradient(to right, #ff5f80, #ff2840);
      -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.banner2 .cn{
     background: linear-gradient(to right, #ff7534, #df4c00);
      -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.banner1 ,.banner2{
    padding-top: 227px;
    box-sizing: border-box;
}
.lil-wrap-text{
    width: 698px;
    height: 61px;
    text-align: center;
    line-height: 61px;
    color: #fff;
    font-size: 28px;
    border-radius: 10px;
    background: linear-gradient(to right, rgba(255, 95, 128, .4), rgba(253, 161, 162, .4));
    margin: 20px auto;
}
.banner1 .lil-wrap-text{
     background: linear-gradient(to right, rgba(255, 95, 128, .4), rgba(253, 161, 162, .4));
}
.banner2 .lil-wrap-text{
     background: linear-gradient(to right, rgba(255, 117, 52, .4), rgba(223, 76, 0, .4));
}
.banner1 .lil-wrap-text span{
    color: #ff2840;
    font-weight: bold;
}
.banner2 .lil-wrap-text span {
    color: #ff2840;
    font-weight: bold;
}
.banner-text .dsc{
    color: #333;
    font-size: 20px;
}
.banner-text .en{font-size: 16px;line-height: 24px;}
.banner-icon{display: flex;justify-content: center;align-items: center;margin-top: 120px;}
.banner-icon img{display: block;margin: 0 29px;}
.banner-icon img:first-child{margin-left: 0;}
.banner-icon img:last-child{margin-right: 0;}
.banner-ul {
    display: flex;justify-content: center;width:100%;background: rgba(255, 255, 255, .5);height: 120px;align-items:center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9;
}
.banner-ul li{display: flex;align-items:center;margin: 0 60px;}
.banner-ul li .li-text{margin-left: 10px;}
.banner-ul li .li-text p:first-child{
    font-size: 24px;
    font-weight:bold;
    color: #1d2129
}
.banner-ul li .li-text p:last-child{
    font-size: 16px;
    color: #4e5969;
    margin-top: 10px;
}
.banner-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    z-index: 9;
    display: flex;
    justify-content: space-between;
}
.banner-btn > div{
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .3);
    transition: .3s;
    cursor: pointer;
}
.banner-btn > div:hover{
    background:  rgba(255, 255, 255, 1);
}
.banner-btn > div.next{
    transform: rotate(180deg);
}
.banner-btn > div img {display:block}

/* i-service */
.i-service{padding: 60px 0 50px;overflow-x: hidden;}
.i-service-box{position: relative;margin-top: 68px;}
.i-service-bg{width: 100%;}
.i-service-bg img{display: block;width: 100%;height: auto;}
.i-service-main{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-service-icon{position: absolute;display: flex;justify-content: center;align-items: center;flex-flow: column;border-radius: 50%;}
.i-service-icon i{color: #fff;line-height: 1em;text-align: center;}
.i-service-icon p{color: #fff;line-height: 1em;text-align: center;}
.i-service-icon1{top: 0;left:23.57%;;width: 259px;height: 259px;background: linear-gradient(to bottom,#3986f9,#39a2f2);}
.i-service-icon1 i{margin-bottom: 26px;font-size: 64px;}
.i-service-icon1 p{font-size: 23px;}
.i-service-icon2{right: 33.21%;top: 2.75%;width: 156px;height: 156px;background: linear-gradient(to bottom,#ffaa00,#ff7000);}
.i-service-icon2 i{margin-bottom: 19px;font-size: 46px;}
.i-service-icon2 p{font-size: 22px;}
.i-service-icon3{left: 19.07%;bottom: 40.47%;width: 123px;height: 123px;background: linear-gradient(to bottom,#ffaa00,#ff7000);}
.i-service-icon3 i{margin-bottom: 10px;font-size: 51px;}
.i-service-icon3 p{font-size: 16px;}
.i-service-icon4{right: 9.78%;top: 28.31%;width: 220px;height: 220px;background: linear-gradient(to bottom,#ffaa00,#ff7000);}
.i-service-icon4 p{font-size: 23px;margin-top: 10px;}
.i-service-icon5{bottom: 0;left: 30.71%;width: 139px;height: 139px;background: linear-gradient(to bottom,#3986f9,#39a2f2);}
.i-service-icon5 i{margin-bottom: 19px;font-size: 45px;}
.i-service-icon5 p{font-size: 16px;}
.i-service-icon6{right: 34.71%;bottom: 3px;width: 123px;height: 123px;background: linear-gradient(to bottom,#ffaa00,#ff7000);}
.i-service-icon6 i{margin-bottom: 10px;font-size: 39px;}
.i-service-icon6 p{font-size: 16px;}
.i-service-icon7{right: 16.71%;bottom: 50px;width: 123px;height: 123px;background: linear-gradient(to bottom,#3986f9,#39a2f2);}
.i-service-icon7 p{font-size: 16px;margin-top: 10px;}
.i-service-icon7 i{font-size: 30px;}
.i-service-icon8{bottom: 0;left:0.57%;;width: 259px;height: 259px;background: linear-gradient(to bottom,#3986f9,#39a2f2);}
.i-service-icon8 p{font-size: 23px;margin-top: 10px;}
.i-service-icon9{right: 18%;top: 10px;width: 123px;height: 123px;background: linear-gradient(to bottom,#3986f9,#39a2f2);}
.i-service-icon9 p{font-size: 16px;margin-top: 10px;}

/* i-analyse */
.i-analyse{box-sizing: border-box;padding: 60px 0 82px;background: url(/static/img/process.jpg)center/cover no-repeat;overflow-x: hidden;}
.i-analyse-box{display: flex;justify-content: space-between;align-items: flex-end;margin-top: 127px;}
.i-analyse-text .i-com1-msg{padding-bottom: 65px;}
.i-analyse-main{position: relative;padding-right: 20px;padding-top: 127px;}
.i-analyse-menu{position: absolute;top: 0;left: -53px;height: 192px;}
.i-analyse-menuitem{position: absolute;top: 50%;transform: translateY(-50%);transition: all .5s;display: flex;justify-content: center;align-items: center;width: 169px;height: 169px;border-radius: 50%;color: #fff;font-size: 22px;text-align: center;}
.i-analyse-menuitem.on,.i-analyse-menuitem:hover{z-index: 5;width: 192px;height: 192px;font-size: 32px;}
.i-analyse-menuitem1{left: 0;z-index: 4;background: linear-gradient(to bottom,#42b1aa,#29d58c);}
.i-analyse-menuitem2{left: 132px;z-index: 3;background: linear-gradient(to bottom,#ffa900,#ff7000);}
.i-analyse-menuitem3{left: 237px;z-index: 2;background: linear-gradient(to bottom,#e27ff1,#945af4);}
.i-analyse-menuitem4{left: 347px;z-index: 1;background: linear-gradient(to bottom,#f3355d,#fb4445);}
.i-analyse-swiper{position: relative;z-index: 6;width: 793px;padding: 7px;}
.i-analyse-item{position: relative;width: 100%;padding-bottom: 55.23%;border-radius: 15px;box-shadow: 0 0 7px rgba(198, 190, 190, .3);overflow: hidden;}
.i-analyse-item img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}

/* i-match */
.i-match{padding: 82px 0 94px;overflow-x: hidden;}
.i-match-box{display: flex;justify-content: space-between;align-items: flex-end;}
.i-match-main{position: relative;}
.i-match-main img{display: block;}
.i-match-point{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-match-pointitem{position: absolute;display: flex;align-items: center;}
.i-match-pointitem-cycle{position: relative;width: 17px;height: 17px;}
.i-match-pointitem-cycle::before{content: "";position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;border-radius: 50%;}
.i-match-pointitem-cycle::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;width: 55px;height: 55px;box-sizing: border-box;border: 1px solid #f0e9dd;border-radius: 50%;animation: cycle 2s linear infinite;}
.i-match-pointitem p{margin-left: 22px;color: #666;font-size: 16px;}
.i-match-pointitem1{top: 22.95%;left: 6.28%;}
.i-match-pointitem1 .i-match-pointitem-cycle::before{background: #f0e9dd;}
.i-match-pointitem2{top: 28.96%;left: 87.84%;}
.i-match-pointitem2 .i-match-pointitem-cycle::before{background: #386680;}
.i-match-pointitem3{top: 37.29%;left: 55.6%;}
.i-match-pointitem3 .i-match-pointitem-cycle::before{background: #ffaa00;}
.i-match-pointitem4{top: 50.27%;left: 52.18%;}
.i-match-pointitem4 .i-match-pointitem-cycle::before{background: #f0e9dd;}
.i-match-pointitem5{top: 50.89%;left: 78.96%;}
.i-match-pointitem5 .i-match-pointitem-cycle::before{background: #da3c30;}
.i-match-pointitem6{top: 55.46%;left: 36.61%;}
.i-match-pointitem6 .i-match-pointitem-cycle::before{background: #ff7000;}
.i-match-pointitem7{top: 73.49%;left: 18.57%;}
.i-match-pointitem7 .i-match-pointitem-cycle::before{background: #dc321e;}
.i-match-pointitem8{top: 84.28%;left: 76.5%;}
.i-match-pointitem8 .i-match-pointitem-cycle::before{background: #f0e9dd;}
.i-match-pointitem9{bottom: 1.36%;left: 34.15%;}
.i-match-pointitem9 .i-match-pointitem-cycle::before{background: #162343;}
@keyframes cycle{
    0%{transform: translate(-50%,-50%) scale(0);opacity: 0;}
    100%{transform: translate(-50%,-50%) scale(1);opacity: 1;}
}
.i-match-text .i-com1-msg{padding-bottom: 66px;}

/* i-plan */
.i-plan{box-sizing: border-box;padding: 179px 0 44px;background: url(/static/img/plan.jpg)center/cover no-repeat;overflow: hidden;}
.i-plan-box{display: flex;justify-content: space-between;align-items: flex-end;}
.i-plan-text .i-com1-title,.i-plan-text .i-com1-msg{color: #fff;}
.i-plan-text .i-com1-msg{padding-bottom: 106px;}
.i-plan-main{width: 802px;}
.i-plan-pic{padding-top: 94px;overflow: visible;}
.i-plan-item{transition: all .5s;width: 716px;height: auto;border-radius: 15px;overflow: hidden;box-shadow: 0 0 7px rgba(198, 190, 190, .3);}
.i-plan-item.swiper-slide-prev{opacity: 0 !important;}
.i-plan-img{position: relative;width: 100%;padding-bottom: 56.28%;}
.i-plan-img img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.i-plan-next{position: relative;z-index: 1;transition: all .5s;width: 189px;height: 189px;border-radius: 50%;box-shadow: 0 0 7px rgba(198, 190, 190, .3);margin: -34px 0 0 23px;outline: none;background: #fff;cursor: pointer;}
.i-plan-next p{transition: all .5s;padding: 80px 0 26px;color: #935af4;font-size: 32px;line-height: 1em;text-align: center;}
.i-plan-next i{transition: all .5s;display: block;font-size: 29px;line-height: 1em;text-align: center;}
.i-plan-next:hover{background: #935af4;}
.i-plan-next:hover p,.i-plan-next:hover i{color: #fff;}

/* i-extend */
.i-extend{padding: 142px 0 85px;overflow-x: hidden;}
.i-extend-box{display: flex;justify-content: space-between;align-items: flex-end;}
.i-extend-pic{position: relative;margin-left: 8.42%;margin-bottom: 42px;}
.i-extend-bg{position: relative;display: flex;justify-content: center;align-items: center;width: 637px;}
.i-extend-img{width: 100%;height: auto;}
.i-extend-center{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.i-extend-title{position: relative;z-index: 1;display: flex;justify-content: center;align-items: center;width: 221px;height: 221px;border-radius: 50%;color: #fff;font-size: 32px;text-align: center;background: linear-gradient(to bottom,#ffaa00,#ff7100);}
.i-extent-cycle{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transform-origin: center;animation: rotate 5s linear infinite;}
@keyframes  rotate{
    0%{transform:translate(-50%,-50%) rotate(0)}
    100%{transform: translate(-50%,-50%) rotate(360deg);}
}
.i-extend-icon{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-extend-icon img{position: absolute;display: block;}
.i-extend-icon1{top: -5.33%;left: 50%;transform: translateX(-50%);}
.i-extend-icon2{top: 3.76%;left: 18.12%;}
.i-extend-icon3{top: 3.76%;right: 16.79%;}
.i-extend-icon4{top: 16.64%;left: 0.76%;}
.i-extend-icon5{top: 16.64%;right: 0.76%;}
.i-extend-icon6{top: 50%;left: -3.8%;transform: translateY(-50%);}
.i-extend-icon7{top: 50%;right: -3.8%;transform: translateY(-50%);}
.i-extend-icon8{bottom: 16.19%;left: 0.76%;}
.i-extend-icon9{bottom: 16.19%;right: 0.76%;}
.i-extend-icon10{bottom: 3.76%;left:18.12%;}
.i-extend-icon11{bottom: 3.76%;right:16.79%;}
.i-extend-icon12{bottom: -5.05%;left: 50%;transform: translateX(-50%);}
.i-extend-text{width: 485px;}
.i-extend-text .i-com1-msg{padding-bottom: 26px;}
.i-extend-text li{display: flex;align-items: center;margin-bottom: 18px;}
.i-extend-text li:last-child{margin-bottom: 0;}
.i-extend-text li p{position: relative;padding-right: 23px;color: #666;font-size: 20px;line-height: 1em;}
.i-extend-text li .line{width: 2px;height: 22px;background: #666;}
.i-extend-item{display: flex;align-items: center;}
.i-extend-item img{display: block;margin-left: 26px;}
.i-extend-item span{display: block;margin-left: 26px;color: #666;font-size: 22px;line-height: 1em;    letter-spacing: -4px;}

/* .i-effect */
.i-effect{box-sizing: border-box;padding: 9px 0 59px;background: linear-gradient(to top right,#fae5e5 50%,#c1d955);overflow-x: hidden;}
.i-effect-title {}
.i-effect-title img{display: block;}
.i-effect-titleleft{display: flex;justify-content: flex-start;margin-left: -10px;margin-bottom: 28px;}
.i-effect-titleleft img{width: 91.46%;height: auto;}
.i-effect-titleright{display: flex;justify-content: flex-end;}
.i-effect-pic{position: relative;width: 63.63%;}
.i-effect-pic img{width: 100%;height: auto;}
.i-effect-cycle{position: absolute;left: -284px;top: 0;transform: rotate(-16deg);display: flex;justify-content: center;align-items: center;width: 329px;height: 329px;border-radius: 50%;color: #fff;font-size: 60px;text-align: center;background: linear-gradient(to top right,#fb4447 50%,#f4365b)}
.i-effect-list{display: flex;justify-content: space-between;align-items: center;margin-top: 191px;}
.i-effect-item{display: flex;flex-flow: column;justify-content: space-between;width: 32.57%;height: 425px;box-sizing: border-box;padding: 26px 22px 12px;border-radius: 15px;background: #fff;}
.i-effect-num{display: flex;justify-content: center;align-items: center;width: 41px;height: 41px;border-radius: 50%;color: #fff;font-size: 20px;text-align: center;background: #da3c30;}
.i-effect-text{}
.i-effect-text span{display: block;margin-bottom: 30px;color: #333;font-size: 48px;line-height: 1em;text-align: center;}
.i-effect-text p{color: #666;font-size: 16px;line-height: 22px;text-align: center;}
.i-effect-icon{display: flex;justify-content: flex-end;}
.i-effect-icon img{display: block;}

/* i-cooperate */
.i-cooperate{box-sizing: border-box;padding: 54px 0 200px;background: linear-gradient(to bottom,#5d89dd,#4fe5e6);overflow-x: hidden;}
.i-cooperate .i-com-title{color: #fff;}
.i-cooperate-main{margin-top: 168px;}
.i-cooperate-swiper:not(:last-child){margin-bottom: 60px;}
.i-cooperate-item{display: flex;justify-content: center;align-items: center;height: 70px;}
.i-cooperate-item img{display: block; /*width: 100%;height: 100%;*/}

/* i-news */
.i-news{display: flex;height: 57px;overflow-x: hidden;}
.i-news-title{position: relative;display: flex;justify-content: center;align-items: center;padding-left: calc((100% - 1400px) / 2);padding-right: 24px;margin-right: 28px;background: #23282e;}
.i-news-title p{color: #fff;font-size: 20px;line-height: .8em;}
.i-news-title img{position: absolute;right: 0;top: 0;transform: translateX(100%);display: block;width: auto;height: 100%;}
.i-news-list{position: relative;width: 593px;height: 100%;box-sizing: border-box;padding-left: 47px;padding-right: 43px;margin: 0;overflow: hidden;}
.i-news-item{transition: all .5s;display: flex;height: 100%;align-items: center;color: #8c8c8c;font-size: 16px;}
.i-news-item span{display: block;margin-right: 24px;}
.i-news-item p{width: calc(100% - 106px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i-news-btn{position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: flex;justify-content: center;align-items: center;outline: none;cursor: pointer;}
.i-news-btn i{transition: all .5s;color: #999;font-size: 12px;line-height: 1em;}
.i-news-item:hover{color: #018ee6;}
.i-news-btn:hover i{color: #018ee6;}

/* i-form */
.i-form{padding: 76px 0 58px;background: #f7f7f7;overflow-x: hidden;}
.i-form-main{}
.i-form-text{margin-bottom: 44px;}
.i-form-title{margin-bottom: 27px;color: #333;font-size: 28px;line-height: 1em;}
.i-form-msg{color: #8c8c8c;font-size: 14px;line-height: 1em;}
.i-form form{position: relative;display: flex;align-items: center;justify-content: space-between;}
.i-form input{display: block;width: 24.92%;height: 54px;box-sizing: border-box;padding: 0 12px;border-radius: 3px;border: none;outline: none;color: #8c8c8c;font-size: 14px;background: #f2f2f2;}
.i-form input.i-form-demand{width: 41.71%;padding-right: 120px;}
.i-form button{position: absolute;top: 0;right: 0;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 114px;height: 100%;border: none;border-radius: 3px;outline: none;color: #fff;font-size: 18px;text-align: center;background: #333;cursor: pointer;}
.i-form button:hover{background: #018ee6;}

/* footer */
.footer{padding-top: 75px;background: #1b1c1f;overflow-x: hidden;}
.footer-top{display: flex;justify-content: space-between;align-items: center;padding-bottom: 24px;border-bottom: 1px solid rgba(255,255,255,.1);}
.footer-link{display: flex;align-items: center;}
.footer-link a,
.link1{display: flex;align-items: center;justify-content: center;padding: 0 26px;border-right: 1px solid rgba(255, 255, 255, .1);color: #fff;font-size: 16px;line-height: 1em;}
.footer-link a:first-child{padding-left: 0;}
.footer-link a:last-child{padding-right: 0;border-right: none;}
.footer-link a>p{transition: all .5s;}
.footer-link a span,
.link1 span{transition: all .5s;display: block;width: 0;height: 0;border-top: 4px solid #fff;border-right: 3px solid transparent;border-left: 3px solid transparent;margin-left: 10px;}
.footer-link a:hover>p{color: #0097f5;}
.footer-link a:hover span,
.link1:hover span{border-top: 4px solid #0097f5;}

.link1{
    position: relative;
    cursor: pointer;
    
}
.link1 .links{
    width: 100%;
    background: #fff;
    transition: .5s;
    position: absolute;
    top: 150%;
    left: 0;
    height: 0;
    overflow: hidden;
}
.link1:hover .links{
    height: 120px;
}
.link1 .links a {
    display: block;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    padding: 0;
    text-align: center;
    
}
.link1 .links a:hover{
    color: #0097f5;
}

.footer-share{display: flex;align-items: center;}
.footer-share a{transition: all .5s;display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;margin-right: 20px;background: #fff;}
.footer-share a:last-child{margin-right: 0;font-size: 22px;}
.footer-share a span{transition: all .5s;color: #000;font-size: 16px;line-height: 1em;}
.footer-share a:nth-child(2) span{font-size: 20px;}
.footer-share a:last-child span{font-size: 22px;}
.footer-share a:hover{background: #0097f5;}
.footer-share a:hover span{color: #fff;}
.footer-main{display: flex;justify-content: space-between;padding: 30px 0 100px;}
.footer-contact{display: flex;}
.footer-contact-item{margin-right: 196px;}
.footer-contact-item:last-child{margin-right: 0;}
.footer-contact-title{margin-bottom: 20px;color: #fff;font-size: 16px;line-height: 1em;}
.footer-contact-info{color: #fff;font-size: 14px;line-height: 30px;}
.footer-contact-info a{transition: all .5s;color: #fff;}
.footer-contact-info a:hover{color: #0097f5;}
.footer-relation{display: flex;flex-wrap: wrap;padding-bottom: 10px;}
.footer-relation p,.footer-relation a{color: #fff;font-size: 14px;line-height: 30px;}
.footer-relation a{position: relative;transition: all .5s;display: block;padding: 0 10px;}
.footer-relation a::after{position: absolute;content: "";right: -1px;top: 50%;transform: translateY(-50%);width: 1px;height: 10px;background: #fff;}
.footer-relation a:last-child:after{display: none;}
.footer-relation a:hover{color: #0097f5;}
.footer-copyright{display: flex;justify-content: space-between;border-top: 1px solid rgba(255,255,255,.1);padding: 10px 0;}
.footer-copyright p,.footer-copyright a{color: #fff;font-size: 14px;line-height: 30px;}
.footer-copyright a{position: relative;transition: all .5s;padding: 0 8px;}
.footer-copyright-main{display: flex;align-items: center;}
.footer-copyright a::after{position: absolute;content: "";right: -1px;top: 50%;transform: translateY(-50%);width: 1px;height: 10px;background: #fff;}
.footer-copyright a:last-child{padding-right: 0;}
.footer-copyright a:last-child::after{display: none;}
.footer-copyright a:hover{color: #0097f5;}

/* inner-banner */
.inner-banner{position: relative;display: flex;align-items: center;justify-content: center;height: 908px;}
.inner-banner-text{position: relative;color: #fff;width: 100%}
.inner-banner-text .cn{font-size: 60px;line-height: 1em;text-align: center;}
.inner-banner-text .en,
.inner-banner-text .dsc{position: absolute;left: 50%;bottom: -46px;transform: translateX(-50%);font-size: 16px;line-height: .8em;text-align: center;}
.inner-banner-text .dsc{bottom: -88px;font-size: 18px;width: 100%;}
.inner-banner-down{position: absolute;bottom: 22px;left: 50%;transform: translateX(-50%);cursor: pointer;}
.inner-banner-down i{transition: all .5s;color: #fff;font-size: 29px;line-height: 1em;opacity: .8;}
.inner-banner-down:hover i{opacity: 1;}

/* news */
.news{padding: 60px 0 90px;}
.news-type{display: flex;align-items: center;margin-top: 49px;}
.news-type-title{display: flex;align-items: center;color: #333;font-size: 22px;line-height: 1em;}
.news-type-line{width: 2px;height: 20px;margin-left: 33px;margin-right: 39px;background: #666;}
.news-type-point{width: 6px;height: 6px;border-radius: 50%;background: #ff6633;}
.news-type-list{display: flex;align-items: center;margin-left: 32px;}
.news-type-item{transition: all .5s;margin-right: 36px;color: #999;font-size: 22px;line-height: 1em;}
.news-type-item:last-child{margin-right: 0;}
.news-type-item:hover,.news-type-item.on{color: #333;}
.news-list{display: flex;flex-wrap: wrap;margin-top: 36px;}
.news-item{width: 30.28%;margin-right: 4.58%;margin-bottom: 46px;}
.news-item:nth-child(3n){margin-right: 0;}
.news-item-pic{position: relative;width: 100%;padding-bottom: 81.13%;border-radius: 15px;overflow: hidden;}
.news-item-pic img{position: absolute;left: 0;top: 0;transition: all .5s;display: block;width: 100%;height: 100%;}

.news-item-text{margin-top: 30px;}
.news-item-info{position: relative;display: flex;align-items: center;padding-bottom: 12px;margin-bottom: 10px;border-bottom: 1px solid #808080;color: #666;font-size: 16px;line-height: 1em;}
.news-item-info::after{content: "";position: absolute;left: 0;bottom: -1px;transform: scaleX(0);transform-origin: left;transition: all .5s;width: 100%;height: 1px;background: #018ee6;}
.news-item-type{margin-right: 49px;}
.news-item-title{transition: all .5s;height: 3em;color: #333;font-size: 20px;line-height: 1.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-item:hover .news-item-pic img{transform: scale(1.1);}
.news-item:hover .news-item-info::after{transform: scaleX(1);}
/* .news-item:hover .news-item-title{color: #018ee6;} */

/* 新闻详情页 */
.article{display: flex;justify-content: space-between;padding: 60px 0 90px;}
.koubei-read-bread{margin: 0 auto 50px;color: #666;font-size: 12px;line-height: 1.5em;}
.koubei-read-bread a{transition: all .5s;color: #666;}
.koubei-read-bread a:hover{color: #018ee6;}
.txt-con{width: 840px;}
.txt-con h1{color: #333;font-size: 28px;line-height: 1.5em;}
.txt-con .type span{display: inline-block;margin: 0 15px 0 0;font-size: 12px;line-height: 1.5em;}
.txt-con .line{width: 100%;height: 1px;background: #e5e5e5;margin: 10px 0px;}
.txt-con .content{font-size: 14px;line-height: 2em;}
.content p, .content span, .content a, .content img{margin-bottom: 14px;}
.content img{max-width: 100%;height: auto;}
.articlepage-link{display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #ccc;padding: 10px 0;margin-top: 55px;}
.articlepage-link ul{width: calc(100% - 156px);}
.articlepage-link li{display: flex;align-items: center;color: #008ee6;font-size: 14px;height: 32px;line-height: 32px;}
.articlepage-link li a{transition: all .5s;display: block;width: calc(100% - 60px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;}
.articlepage-link li a:hover{color: #018ee6;}
.articlepage-return{display: block;background: url(/static/img/return.png) no-repeat center #e6e6e6;width: 156px;height: 39px;}
.articlepage-return:hover{background: url(/static/img/returns.png) no-repeat center #e6e6e6;}
.sug{width: 310px;}
.sug img{display: block;width: 100%;height: auto;}
.type-tags{margin: 40px 0;}
.type-tags h5{color: #333;font-size: 18px;line-height: 1.5em;}
.type-tags .line,.sug-article .line{display: block;width: 100%;height: 1px;background: #e6e6e6;margin: 3px 0px 10px 0px;}
.sug-article h5{color: #333;font-size: 16px;font-weight: bold;line-height: 1.5em;}
.sug-article ul{margin-top: 10px;}
.sug-article li{border-bottom: 1px solid #e6e6e6;}
.sug-article li a{transition: all .5s;display: block;padding: 10px 0px;color: #666;font-size: 12px;line-height: 1.5em;}
.sug-article li a:hover{color: #018ee6;}

/* service */
.service{padding-top: 60px;}
.service-list{margin-top: 89px;}
.service-item{display: flex;}
.service-item:nth-child(even){flex-flow: row-reverse;}
.service-pic{position: relative;width: 50%;padding-bottom: 37.864%;overflow: hidden;}
.service-pic img{position: absolute;left: 0;top: 0;transition: all .8s;display: block;width: 100%;height: 100%;}
.service-item:hover .service-pic img{transform: scale(1.1);}
.service-text{display: flex;flex-flow: column;justify-content: center;width: 50%;padding-left: 7.13%;box-sizing: border-box;}
.service-item:nth-child(even) .service-text{align-items: flex-end;padding-right: 6.61%;}
.service-item:first-child .service-text{background: linear-gradient(to top right,#fd5548,#fa3660);} 
.service-item:nth-child(2) .service-text{background: linear-gradient(to top right,#314a43,#20894d);}
.service-item:nth-child(3) .service-text{background: linear-gradient(to top left,#fe926f,#facd89);}
.service-item:nth-child(4) .service-text{background: linear-gradient(to top right,#5d88dd,#4fe6e6);}
.service-item:nth-child(5) .service-text{background: linear-gradient(to top right,#fb9968,#fa7e23);}
.service-content{width: 444px;}
.service-title{color: #fff;font-size: 48px;line-height: 1em;}
.service-item:nth-child(even) .service-title{text-align: right;}
.service-msg{border-top: 1px solid rgba(255, 255, 255, .5);margin-top: 50px;padding-top: 31px;color: #fff;font-size: 16px;line-height: 22px;text-align: justify;}
.service-item:nth-child(even) .service-msg{
    text-align: right;
}

/* about */
.about{padding-top: 60px;}
.about-intro{display: flex;align-items: center;height: 905px;margin-top: 60px;background: url(/static/img/about-intro.jpg)center/cover no-repeat;}
.about-intro-msg{position: relative;width: 100%;box-sizing: border-box;padding:50px 24.11% 50px 41.67%;color: #666;font-size: 16px;line-height: 30px;background: #fff;}
.about-intro-info{position: absolute;left: calc((100% - 1400px) / 2);bottom: 107px;display: flex;flex-flow: column;justify-content: center;width: 356px;height: 372px;border-radius: 15px;box-sizing: border-box;padding: 38px;background: linear-gradient(to left top,#3986f9,#399cf9);}
.about-intro-item{color: #fff;font-size: 30px;line-height: 50px;}
.about-intro-item:first-child{margin-bottom: 35px;}
.about-intro-num{font-size: 48px;}
.about-advantage{margin-top: 104px;}
.about-advantage-item{display: flex;margin-bottom: 90px;}
.about-advantage-item:nth-child(even){flex-flow: row-reverse;}
.about-advantage-text{width: 50%;box-sizing: border-box;padding-left: calc((100% - 1400px) / 2);background: linear-gradient(to top right,#e37ff1,#dbc6ff);}
.about-advantage-item:nth-child(even) .about-advantage-text{padding-right: calc((100% - 1400px) / 2);padding-left: 0;}
.about-advantage-item:nth-child(2) .about-advantage-text{background: linear-gradient(to top left,#8ef2a3,#c1ddea);}
.about-advantage-item:nth-child(3) .about-advantage-text{background: linear-gradient(to top left,#63f3f3,#5d88dd);}
.about-advantage-content{display: flex;flex-flow: column;justify-content: center;height: 100%;padding-left: 48px;padding-right: 92px;}
.about-advantage-item:nth-child(even) .about-advantage-content{padding-right: 48px;padding-left: 92px;}
.about-advantage-title{margin-bottom: 38px;color: #fff;font-size: 48px;line-height: 1em;text-align: center;}
.about-advantage-msg{color: #fff;font-size: 16px;line-height: 22px;}
.about-advantage-pic{position: relative;width: 50%;padding-bottom: 15.625%;}
.about-advantage-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

/* contact */
.contact{padding: 60px 0 65px;}
.contact-info{display: flex;justify-content: space-between;margin: 73px auto 60px;}
.contact-info-item p{margin-bottom: 32px;color: #999;font-size: 16px;line-height: 1em;}
.contact-info-item a{transition: all .5s;color: #999;font-size: 40px;line-height: .8em;}
.contact-info-item:hover a{color: #0097f5;}
.contact-map{height: 494px;border-radius: 15px;overflow: hidden;}
.contact-address{margin-top: 50px;}
.contact-address-title{margin-bottom: 30px;color: #333;font-size: 28px;line-height: 1em;}
.contact-address-msg{color: #999;font-size: 16px;line-height: 1em;}

/* 移动端 */
.header-menu{position: relative;display: none;width: 28px;height: 22px;margin-left: 10px;cursor: pointer;}
.header-menu .header-line{position: absolute;transition: all .5s;width: 100%;height: 2px;background: #333;}
.header-menu .header-line:first-child{top: 0;left: 0;transform-origin: right bottom;}
.header-menu .header-line:nth-child(2){top: 0;left: 0;margin: 10px 0;}
.header-menu .header-line:last-child{bottom: 0;left: 0;transform-origin: right top;}
.header-menu.on .header-line:first-child{transform: rotate(-45deg);}
.header-menu.on .header-line:nth-child(2){opacity: 0;}
.header-menu.on .header-line:last-child{transform: rotate(45deg);}

.header-slide{position: fixed;top: 70px;left: 0;z-index: 99;display: none;width: 100%;height: calc(100vh - 70px);box-sizing: border-box;padding: 10px;background: #fff;overflow-y: auto;}
.header-slide.on{display: block;}
.header-slide-item{border-bottom: 1px solid rgba(0,0,0,.15);}
.header-slide-type{display: flex;justify-content: space-between;align-items: center;}
.header-slide-type a{display: block;padding: 10px 0;color: #333;font-size: 20px;line-height: 1.5em;}
.header-slide-son{display: none;margin-left: 20px;}
.header-slide-item i{position: relative;transition: all .5s;}
.header-slide-item.on i{transform: rotate(90deg);}
.header-slide-son a{display: block;padding: 5px 0;color: #333;font-size: 18px;line-height: 1.5em;}
.poject-img{display: none;width: 100%;height: auto}
/* media css */
@media screen and (max-width:1700px) {
    .w1602{width: 1400px;}
    .i-effect-cycle{left: -240px;width: 280px;height: 280px;}
}
@media screen and (max-width:1450px) {
    .i-service-main,
    .i-service-bg{display: none;}
    .poject-img{display: block}
    .w1602,.w1400{width: 1200px;}
    .i-com1-text{width: 300px;}
    .i-extend-bg{width: 600px;}
    .i-extend-text{width: 400px;}
    .i-extend-item img{margin-left: 10px;}
    .i-effect-list{margin-top: 120px;}
    .i-effect-item{height: 380px;}
    .i-effect-cycle{left: -180px;width: 200px;height: 200px;font-size: 36px;}
    .i-news-title{padding-left: calc((100% - 1200px) / 2);}
    .service-title{font-size: 36px;}
    .service-msg{margin-top: 26px;padding-top: 16px;}
    .about-intro-msg{padding: 50px calc((100% - 1200px) / 2) 50px 41.67%;}
    .about-intro-info{left: calc((100% - 1200px) / 2);}
    .about-advantage-item{margin-bottom: 40px;}
    .about-advantage-text{padding-left: calc((100% - 1200px) / 2);}
    .about-advantage-title{margin-bottom: 16px;font-size: 36px;}
    .contact-info{margin: 50px auto 40px;}
    .contact-info-item p{margin-bottom: 20px;}
    .contact-info-item a{font-size: 30px;}
    .banner-ul{justify-content: space-around;}
    .banner-ul li {margin: 0;}
}
@media screen and (max-width:1280px) {
    .w1602, .w1400{width: 96%;}
    .i-service-bg img{height: 540px;}
    .i-service-icon1{left: 22.57%;width: 200px;height: 200px;}
    .i-service-icon1 i,.i-service-icon4 i{margin-bottom: 14px;}
    .i-service-icon4{right: 10.78%;width: 180px;height: 180px;}
    .i-service-icon5{left: 26.71%;}
    .i-service-icon6{right: 28.71%;}
    .i-analyse-box{margin-top: 60px;}
    .i-analyse-main{padding-right: 0;padding-top: 100px;}
    .i-analyse-menu{height: 170px;}
    .i-analyse-menuitem{width: 150px;height: 150px;}
    .i-analyse-menuitem.on, .i-analyse-menuitem:hover{width: 170px;height: 170px;font-size: 28px;}
    .i-analyse-swiper{width: 600px;}
    .i-match-box{flex-flow: column-reverse;align-items: center;}
    .i-match-text,.i-plan-text,.i-extend-text{width: 100%;}
    .i-plan{padding: 80px 0;}
    .i-plan-box{flex-direction: column;align-items: center;}
    .i-plan-main{width: 668px;}
    .i-plan-item{width: 600px;}
    .i-plan-text .i-com1-msg{padding-bottom: 40px;}
    .i-plan-next{width: 130px;height: 130px;margin: -50px 0 0 23px;}
    .i-plan-next p{padding: 56px 0 26px;font-size: 20px;}
    .i-plan-next i{font-size: 22px;}
    .i-extend-box{flex-flow: column-reverse;align-items: center;}
    .i-extend-pic{margin-left: 0;margin-bottom: 0;margin-top: 90px;}
    .i-cooperate-main{margin-top: 100px;}
    .i-news-title{padding-left: 2%;}
    .footer-copyright{flex-flow: column;align-items: center;}
	.footer-copyright-main{flex-flow: column;align-items: center;}
	.footer-copyright p, .footer-copyright a{line-height: 1.5em;}
	.footer-copyright a{padding: 0;}
	.footer-copyright a::after{display: none;}
    .service-content{width: 400px;}
    .about-intro-info{left: 2%;}
    .about-intro-msg{padding: 50px 2% 50px calc(2% + 400px);}
    .article{flex-flow: column;}
    .txt-con{width: 100%;}
    .sug{width: 100%;}
    .sug img{display: none;}
}
@media screen and (max-width:960px) {
    .i-cooperate-item img{
        max-width: 100%;
    }
    .inner-banner-text .dsc{line-height: 30px;width: 100%}
    
    .header-slide-type{padding: 20px 0}
    .header{position: fixed;;top: 0;left: 0;transform: none;width: 100%;height: 70px;border-radius: 0;padding: 0 2%;}
    .header-logo{left: 2%;}
    .header-nav{display: none;}
    .header-menu {display: block;}
    /* .scroll-wrapper{height: 100vh !important;} */
    /*.banner{display: flex;flex-direction: column;justify-content: center;padding: 0;}*/
    .banner-icon{margin-top: 100px;}
    .banner-icon img{margin: 0 20px;}
    .i-service-bg img{height: 470px;}
    .i-service-icon1{width: 160px;height: 160px;}
    .i-service-icon1 i{font-size: 50px;}
    .i-service-icon1 p{font-size: 18px;}
    .i-service-icon2{right: 30.21%;width: 120px;height: 120px;}
    .i-service-icon2 i{margin-bottom: 14px;font-size: 36px;}
    .i-service-icon2 p{font-size: 18px;}
    .i-service-icon3{bottom: 33.47%;}
    .i-service-icon3 i{margin-bottom: 6px;font-size: 48px;}
    .i-service-icon4{right: 13.78%;width: 140px;height: 140px;}
    .i-service-icon4 i{font-size: 46px;}
    .i-service-icon4 p{font-size: 18px;}
    .i-service-icon5{width: 130px;height: 130px;}
    .i-service-icon5 i{margin-bottom: 14px;}
    .i-service-icon6{width: 100px;height: 100px;}
    .i-service-icon6 i{margin-bottom: 6px;font-size: 32px;}
    .i-service-icon6 p{font-size: 14px;}
    .i-analyse-box{flex-flow: column-reverse;align-items: center;}
    .i-com1-text{width: 100%;}
    .i-com1-title{font-size: 36px;}
    .i-analyse-text .i-com1-msg{padding-bottom: 0;}
    .i-analyse-menu{left: -24px;}
    .i-analyse-main{margin-bottom: 40px;}
    .i-effect-item{height: 320px;}
    .i-effect-cycle{left: -150px;width: 160px;height: 160px;font-size: 26px;}
    .i-effect-text span{font-size: 24px;}
    .i-effect-icon img{width: 80px;height: auto;}
    .i-news-title p{font-size: 18px;}
    .i-news-list{width: calc(100% - 198px);padding: 0 30px;}
    .i-news-btn{right: 12px;}
    .i-form{padding: 80px 0;}
    .i-form form{flex-direction: column;}
    .i-form input{width: 100%;margin-bottom: 20px;}
    .i-form input.i-form-demand{width: 100%;}
    .i-form button{position: relative;height: 54px;}
    .footer{padding-top: 0;}
	.footer-top{padding: 20px 0;}
	.footer-link a{padding: 0 12px;font-size: 14px;}
	.footer-share a{margin-right: 10px;}
	.footer-main{flex-flow: column;justify-content:flex-start;padding: 30px 0;}
	.footer-contact{flex-flow: column;}
	.footer-contact-item{margin-right: 0;margin-bottom: 40px;}
	.footer-contact-info,.footer-relation p, .footer-relation a{font-size: 14px;line-height: 1.5em;}
	.footer-copyright p, .footer-copyright a{font-size: 12px;}
    .inner-banner{height: 600px;}
    .service-item,.service-item:nth-child(even){flex-flow: column;}
    .service-pic{width: 100%;padding-bottom: 75.41%;}
    .service-text{width: 100%;padding: 50px 2%;}
    .service-content{width: 100%;}
    .service-item:nth-child(even) .service-title{text-align: left;}
    .news-type-title{font-size: 18px;}
    .news-type-line{margin: 0 20px;}
    .news-type-item{margin-right: 20px;font-size: 18px;}
    .news-item{width: 47.41%;}
    .news-item:nth-child(3n){margin-right: 4.58%;}
    .news-item:nth-child(2n){margin-right: 0;}
    .about-intro{height: 700px;}
    .about-intro-item{font-size: 22px;}
    .about-intro-num{font-size: 40px;}
    .about-intro-item:first-child{margin-bottom: 10px;}
    .about-intro-info{width: 300px;height: 300px;padding: 30px;}
    .about-intro-msg{padding: 40px 2% 40px calc(4% + 300px);}
    .about-advantage{margin-top: 60px;}
    .about-advantage-item,.about-advantage-item:nth-child(even){flex-flow: column;}
    .about-advantage-text,.about-advantage-item:nth-child(even) .about-advantage-text{width: 100%;padding: 40px 2% 50px;}
    .about-advantage-content,.about-advantage-item:nth-child(even) .about-advantage-content{padding: 0;}
    .about-advantage-pic{width: 100%;padding-bottom: 31.25%;}
    .about-advantage-title{font-size: 30px;}
    .contact-info{flex-flow: column;margin: 30px auto;}
    .contact-info-item{margin-bottom: 20px;}
    .contact-info-item a{font-size: 26px;}
    .contact-info-item p{margin-bottom: 12px;}
    .contact-map{height: 420px;}
}
@media screen and (max-width:768px) {
    .i-cooperate-item{width: 120px !important}
    .banner-btn{display: none}
    .i-banner{
        height: 800px;
        max-height: 100vh;
    }
    .banner-ul{padding: 0 40px;flex-wrap: wrap;justify-content: flex-start;height: auto;}
    .banner-ul li {
        margin: 20px 0;
        width: 33%;
    }
    .i-com-title{font-size: 50px;}
    .banner-text .cn{margin-bottom: 16px;font-size: 50px;}
    .banner-icon{justify-content: space-between;width: 96%;margin: 80px auto 0;}
    .banner-icon img{width: 70px;margin: 0;}
    .i-service-bg img{height: 400px;}
    .i-service-icon1{width: 140px;height: 140px;}
    .i-service-icon1 i{font-size: 46px;}
    .i-service-icon1 p{font-size: 14px;}
    .i-service-icon2{right: 28.21%;width: 100px;height: 100px;}
    .i-service-icon2 i{margin-bottom: 10px;font-size: 30px;}
    .i-service-icon2 p{font-size: 14px;}
    .i-service-icon3{width: 90px;height: 90px;}
    .i-service-icon3 i{font-size: 34px;}
    .i-service-icon3 p{font-size: 14px;}
    .i-service-icon4{width: 120px;height: 120px;}
    .i-service-icon4 i{font-size: 40px;}
    .i-service-icon4 p{font-size: 14px;}
    .i-service-icon5{left: 24.71%;width: 100px;height: 100px;}
    .i-service-icon5 i{margin-bottom: 10px;font-size: 30px;}
    .i-service-icon5 p{font-size: 14px;}
    .i-service-icon6{right: 26.71%;width: 90px;height: 90px;}
    .i-service-icon6 i{font-size: 26px;}
    .i-analyse-box{margin-top: 24px;}
    .i-analyse-main{padding-top: 110px;}
    .i-analyse-menu{height: 140px;}
    .i-analyse-menuitem{width: 130px;height: 130px;font-size: 18px;}
    .i-analyse-menuitem.on, .i-analyse-menuitem:hover{width: 140px;height: 140px;font-size: 22px;}
    .i-analyse-menuitem2{left: 90px;}
    .i-analyse-menuitem3{left: 190px;}
    .i-analyse-menuitem4{left: 290px;}
    .i-analyse-swiper{width: 500px;}
    .i-com1-title{margin-bottom: 16px;font-size: 26px;}
    .i-match-main img{width: 100%;height: auto;}
    .i-match-pointitem2{left: 80%;}
    .i-plan-main{width: 556px;}
    .i-plan-item{width: 500px;}
    .i-plan-next{width: 100px;height: 100px;}
    .i-plan-next p{padding: 40px 0 10px;font-size: 18px;}
    .i-plan-next i{font-size: 18px;}
    .i-extend-text li p{padding-right: 10px;font-size: 16px;}
    .i-extend-item img{width: 24px;height: auto;}
    .i-extend-item span{margin-left: 18px;}
    .i-extend-bg{width: 500px;}
    .i-extend-icon img{width: 60px;height: auto;}
    .i-extend-title{width: 160px;height: 160px;font-size: 22px;}
    .i-effect-cycle{left: -120px;width: 130px;height: 130px;font-size: 20px;}
    .i-extent-cycle img{transform: scale(.8);}
    .i-effect-list{flex-flow: column;margin-top: 80px;}
    .i-effect-item{width: 100%;height: 230px;margin-bottom: 10px;}
    .i-effect-text span{margin-bottom: 10px;}
    .i-cooperate{padding: 90px 0;}
    .i-cooperate-main{margin-top: 60px;}
    .i-cooperate-swiper:not(:last-child){margin-bottom: 30px;}
    .inner-banner{height: 400px;}
    .inner-banner-text .cn,.i-com2-title{font-size: 50px;}
    .inner-banner-text .en{bottom: -24px;}
    .service-title{font-size: 28px;}
    .service-msg{margin-top: 16px;padding-top: 8px;}
    .service-list{margin-top: 60px;}
    .about-intro-item{font-size: 20px;line-height: 28px;}
    .about-intro-info{bottom: 150px;width: 230px;height: 230px;padding: 20px;}
    .about-intro-item:first-child{margin-bottom: 20px;}
    .about-intro-num{font-size: 28px;}
    .about-intro-msg{padding: 40px 2% 40px calc(4% + 230px);}
}
@media screen and (max-width:600px) {
    .i-cooperate-item{margin-right: 20px !important}
    .lil-wrap-text{width: 90%;font-size: 18px; }
    .banner-text .dsc{font-size: 16px;line-height: 28px}
    .banner-ul li .li-text p:first-child{font-size: 18px;}
    .banner-ul li .li-text p:last-child{font-size: 14px;}
    .banner-ul{padding: 0 20px;}
    .i-com-title{font-size: 40px;}
    .i-com-longtitle{margin-top: 20px;font-size: 14px;line-height: 1.5em;}
    .i-service-box{margin-top: 30px;}
    .i-service-bg img{height: 360px;}
    .i-service-icon1{left: 14.57%;width: 120px;height: 120px;}
    .i-service-icon2{right: 22.21%;}
    .i-service-icon3{left: 8.07%;width: 80px;height: 80px;}
    .i-service-icon4{top: 36.31%;width: 100px;height: 100px;}
    .i-service-icon5{left: 20.71%;width: 90px;height: 90px;}
    .i-service-icon6{right: 21.71%;;width: 80px;height: 80px;}
    .i-service-icon1 i,.i-service-icon2 i,.i-service-icon4 i,.i-service-icon5 i{margin-bottom: 8px;}
    .i-service-icon3 i{font-size: 26px;}
    .i-analyse-main{padding-top: 70px;}
    .i-analyse-menu{left: 0;height: 110px;}
    .i-analyse-menuitem{width: 100px;height: 100px;font-size: 16px;}
    .i-analyse-menuitem.on, .i-analyse-menuitem:hover{width: 110px;height: 110px;font-size: 18px;}
    .i-analyse-menuitem2{left: 80px;}
    .i-analyse-menuitem3{left: 160px;}
    .i-analyse-menuitem4{left: 240px;}
    .i-analyse-swiper{width: 480px;}
    .i-plan-main{width: 450px;}
    .i-plan-item{width: 400px;}
    .i-extend-bg{width: 450px;}
    .i-extend-icon img{width: 50px;}
}
@media screen and (max-width:500px) {
    .i-com-title{font-size: 32px;}
    .i-com-longtitle{margin-top: 12px;font-size: 12px;}
    .banner-text .cn{margin-bottom: 10px;font-size: 40px;}
    .banner-text .en{font-size: 14px;}
    .banner-icon{margin: 50px auto 0;}
    .banner-icon img{width: 60px;}
    .i-service-bg img{height: 290px;}
    .i-service-icon p{font-size: 12px !important;}
    .i-service-icon1{width: 100px;height: 100px;}
    .i-service-icon1 i{font-size: 40px;}
    .i-service-icon2{right: 19.21%;width: 90px;height: 90px;}
    .i-service-icon3{left: 5.07%;width: 70px;height: 70px;}
    .i-service-icon4{right: 10.78%;width: 80px;height: 80px;}
    .i-service-icon4 i{font-size: 28px;}
    .i-service-icon5{width: 76px;height: 76px;}
    .i-service-icon5 i{font-size: 26px;}
    .i-service-icon6{width: 70px;height: 70px;}
    .i-service-icon6 i{font-size: 20px;}
    .i-analyse-main{padding-top: 50px;}
    .i-analyse-swiper{width: 390px;}
    .i-analyse-menu{height: 90px;}
    .i-analyse-menuitem{width: 80px;height: 80px;font-size: 12px;}
    .i-analyse-menuitem.on, .i-analyse-menuitem:hover{width: 90px;height: 90px;font-size: 14px;}
    .i-com1-title{font-size: 22px;}
    .i-com1-msg{font-size: 14px;}
    .i-match-pointitem-cycle{width: 12px;height: 12px;}
    .i-match-pointitem-cycle::after{width: 40px;height: 40px;}
    .i-match-pointitem p{font-size: 14px;}
    .i-match-text .i-com1-msg{padding-bottom: 40px;}
    .i-plan-pic{padding-top: 50px;}
    .i-plan-main{width: 400px;}
    .i-plan-item{width: 360px;}
    .i-plan-next{width: 80px;height: 80px;margin: -40px 0 0 23px;}
    .i-plan-next p{padding: 32px 0 10px;font-size: 16px;}
    .i-extend-bg{width: 350px;}
    .i-extend-icon img{width: 40px;}
    .i-extend-title{width: 140px;height: 140px;font-size: 18px;}
    .i-extent-cycle img{transform: scale(.7);}
    .i-effect-cycle{left: -70px;width: 80px;height: 80px;font-size: 18px;}
    .i-effect-item{height: 200px;}
    .i-effect-num{width: 30px;height: 30px;font-size: 14px;}
    .i-effect-text span{font-size: 22px;}
    .i-effect-icon img{width: 50px;}
    .i-effect-text p{font-size: 14px;line-height: 1.5em;}
    .i-cooperate{padding: 60px 0;}
    .i-cooperate-main{margin-top: 30px;}
    .i-cooperate-swiper:not(:last-child){margin-bottom: 10px;}
    .i-news{height: 40px;}
    .i-news-title{padding-right: 10px;}
    .i-news-title p{font-size: 14px;}
    .i-news-list{width: calc(100% - 140px);}
    .i-news-item{font-size: 14px;}
    .i-news-list{padding: 0 18px 0 0;}
    .i-news-item span{margin-right: 12px;}
    .i-form{padding: 60px 0 40px;}
    .i-form-text{margin-bottom: 30px;}
    .i-form-title{margin-bottom: 18px;font-size: 24px;}
    .i-form button{width: 100px;height: 40px;font-size: 14px;}
    .footer-link a{font-size: 12px;}
	.footer-contact-item{margin-bottom: 20px;}
	.footer-contact-info, .footer-relation p, .footer-relation a{font-size: 12px;}
	.footer-contact-title{margin-bottom: 10px;font-size: 14px;}
    .inner-banner-text .cn,.i-com2-title{font-size: 40px;}
    .i-com2-msg{margin: 20px 0 -3px;font-size: 14px;line-height: 1.5em;}
    .service-title{font-size: 24px;}
    .service-msg{font-size: 14px;line-height: 1.5em;}
    .news{padding: 60px 0;}
    .news-type{margin-top: 30px;}
    .news-type-title{font-size: 16px;}
    .news-type-line{margin: 0 16px;}
    .news-type-list{margin-left: 14px;}
    .news-type-item{margin-right: 20px;font-size: 16px;}
    .news-item{width: 100%;margin-right: 0 !important;margin-bottom: 20px;}
    .news-item-text{margin-top: 16px;}
    .news-item-info{padding-bottom: 8px;margin-bottom: 8px;font-size: 14px;}
    .news-item-type{margin-right: 30px;}
    .news-item-title{font-size: 16px;}
    .com-page-item span, .com-page-item a{width: 28px;height: 28px;margin-right: 12px;font-size: 12px;}
    .about-intro{height: 550px;}
    .about-intro-msg{padding: 40px 2%;font-size: 14px;line-height: 1.5em;}
    .about-intro-info{bottom: auto;top: -150px;width: 180px;height: 180px;padding: 16px;}
    .about-intro-item{font-size: 16px;line-height: 24px;}
    .about-intro-num{font-size: 24px;}
    .about-advantage{margin-top: 40px;}
    .about-advantage-item{margin-bottom: 20px;}
    .about-advantage-title{font-size: 28px;}
    .about-advantage-msg,.contact-address-msg{font-size: 14px;line-height: 1.5em;}
    .contact-info-item a{font-size: 20px;}
    .contact-map{height: 300px;}
    .contact-address{margin-top: 30px;}
    .contact-address-title{margin-bottom: 12px;;font-size: 22px;}
    .article{padding: 60px 0;}
    .koubei-read-bread{margin-bottom: 30px;}
    .txt-con h1{font-size: 24px;}
    .articlepage-link{flex-flow: column;align-items: flex-end;margin-top: 20px;}
    .articlepage-link ul{width: 100%;}
    .type-tags{margin: 26px 0;}
    .articlepage-return{width: 100px;height: 36px;}
    .banner-ul li{width: 50%}
    .banner1, .banner2{padding-top: 120px;}
    .i-banner{height： 700px}
    .head-tel{display: none}
    .banner-text .dsc{padding: 0 20px;}
    .inner-banner-text .dsc{font-size: 16px;line-height: 24px;width: 85%;}
    .header-logo img{width: 120px}
}
@media screen and (max-width:400px) {
    
    .banner-icon img{width: 46px;}
    .i-service-bg img{height: 230px;}
    .i-service-icon{transform: scale(.7) !important;}
    .i-service-icon1{left: 14.57%;}
    .i-service-icon2{right: 14.21%;}
    .i-service-icon3{left: 0;}
    .i-service-icon4{right: 0;}
    .i-service-icon5{left: 17.71%;}
    .i-service-icon6{right: 19.71%;}
    .i-analyse-menuitem.on, .i-analyse-menuitem:hover{width: 80px;height: 80px;}
    .i-analyse-menuitem{width: 70px;height: 70px;}
    .i-analyse-menuitem2{left: 60px;}
    .i-analyse-menuitem3{left: 120px;}
    .i-analyse-menuitem4{left: 180px;}
    .i-analyse-swiper{width: 310px;}
    .i-match-pointitem p{margin-left: 16px;font-size: 12px;}
    .i-match-pointitem-cycle{width: 8px;height: 8px;}
    .i-match-pointitem-cycle::after{width: 30px;height: 30px;}
    .i-plan-pic{padding-top: 40px;}
    .i-plan-main{width: 320px;}
    .i-plan-item{width: 290px;}
    .i-extend-bg{width: 300px;}
    .i-extend-icon img{width: 30px;}
    .i-extent-cycle img{transform: scale(.6);}
    
}