/* Ensure flex children don't overflow in Safari */
.inyiv, .iybgs, .logo_clip, .inyeiv, .iparne, .content, .wrap, .row {
  min-height: 0;
  min-width: 0;
}

/* Add -webkit-overflow-scrolling for smooth scrolling on iOS */
.scroll-area, .abhiuls, .scroll, .overflow-y-auto {
  -webkit-overflow-scrolling: touch;
}

/* Provide -webkit-backface-visibility for transformed elements */
[style*="transform"], .transform, .animated, .iahitem, .scrdv {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
body{font-family: "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", sans-serif;  font-size: 14px;overflow-x: hidden; color: #222;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle; height: auto; max-width: 100%; }
a{color: #222;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#0065bf;}
a:focus,input:focus,button:focus,textarea:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body{ height: 100%; }
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}

@font-face {
  font-family: "iconfont"; /* Project id 4941604 */
  src: url('../font/iconfont.woff2') format('woff2'),
       url('../font/iconfont.woff') format('woff'),
       url('../font/iconfont.ttf') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-anquan:before {
  content: "\e641";
}

.icon-huojian:before {
  content: "\e61c";
}

.icon-fenxiao:before {
  content: "\e7c3";
}

.icon-hezuo:before {
  content: "\e7c5";
}

.icon-kefu:before {
  content: "\e7c7";
}

.icon-shoucang:before {
  content: "\e7d0";
}

.icon-shouhou:before {
  content: "\e7d1";
}

.icon-liangdian:before {
  content: "\e65a";
}

.icon-dianshang:before {
  content: "\e746";
}

.icon-yingxiao-:before {
  content: "\e615";
}

.icon-tuandui:before {
  content: "\e617";
}

.icon-grow:before {
  content: "\e61b";
}

.icon-training:before {
  content: "\e712";
}

.icon-jiangbei2:before {
  content: "\e624";
}

.icon-fensizengchang:before {
  content: "\e625";
}

.icon-subsystem:before {
  content: "\e60f";
}

.icon-tt:before {
  content: "\e622";
}

.icon-fuhuaqi:before {
  content: "\e6ac";
}

.icon-zhuanyezhuanyeke:before {
  content: "\e6a1";
}

.icon-shijiantongbu:before {
  content: "\e65f";
}

.icon-zhenshikexin:before {
  content: "\e6bb";
}

.icon-houduan:before {
  content: "\e604";
}

.icon-icon_wangye:before {
  content: "\eb8c";
}

.icon-yunyingfenxi:before {
  content: "\e632";
}

.icon-_qianduankaifa:before {
  content: "\e608";
}

.icon-shangchuan:before {
  content: "\e65d";
}

.icon-xuqiutianbao:before {
  content: "\e605";
}

.icon-ceshi:before {
  content: "\e669";
}

.icon-hetong:before {
  content: "\e98f";
}

.icon-sharpicons_vector-shape-pen:before {
  content: "\e60e";
}

.icon-yonghu:before {
  content: "\e60d";
}

.icon-yingxiangsheying:before {
  content: "\e67b";
}

.icon-college:before {
  content: "\e65c";
}

.icon-wangzhanfuwu:before {
  content: "\e61f";
}

.icon-dianpu:before {
  content: "\e601";
}

.icon-quanqiu:before {
  content: "\e7c8";
}

.icon-gongchang:before {
  content: "\e98e";
}

.icon-yanfapingtai:before {
  content: "\e66e";
}

.icon-pingtaiguanli:before {
  content: "\e614";
}

.icon-duihua:before {
  content: "\e60c";
}

.icon-skype1:before {
  content: "\e87d";
}

.icon-shouqianzixun:before {
  content: "\e62c";
}

.icon-zixunfuwu:before {
  content: "\e655";
}

.icon-dianhua6:before {
  content: "\e791";
}

.icon-yuyan:before {
  content: "\e85f";
}

.icon-jiantou:before {
  content: "\e663";
}

.icon-twitter:before {
  content: "\e89d";
}

.icon-youtube1:before {
  content: "\e8d7";
}

.icon-liuyan1:before {
  content: "\e744";
}

.icon-xiazai19:before {
  content: "\e613";
}

.icon-zhuye:before {
  content: "\e6c5";
}

.icon-facebook:before {
  content: "\e6e5";
}

.icon-wechat1:before {
  content: "\e650";
}

.icon-zixun:before {
  content: "\e661";
}

.icon-zixun1:before {
  content: "\e662";
}

.icon-rili:before {
  content: "\e659";
}

.icon-bofang:before {
  content: "\e61a";
}

.icon-youjiantou:before {
  content: "\e60b";
}

.icon-diqiu:before {
  content: "\e7b9";
}

.icon-jiantou-left:before {
  content: "\e609";
}

.icon-youtube:before {
  content: "\e6ab";
}

.icon-youxiang1:before {
  content: "\e607";
}

.icon-dianhua1:before {
  content: "\e61e";
}

.icon-mean_list:before {
  content: "\e653";
}

.icon-liaotian:before {
  content: "\e6a5";
}

.icon-youxiang:before {
  content: "\e908";
}

.icon-instagram-fill1:before {
  content: "\e88f";
}

.icon-fangdajing:before {
  content: "\e603";
}

.icon-dianhua:before {
  content: "\e606";
}

.icon-dayinchuanzhen:before {
  content: "\e627";
}

.icon-shoujilianxi:before {
  content: "\e620";
}

.icon-dizhi:before {
  content: "\e619";
}

.icon-skype:before {
  content: "\e707";
}

.icon-chuanzhen:before {
  content: "\e616";
}

.icon-pinterest1:before {
  content: "\e907";
}

.icon-in:before {
  content: "\e6f1";
}

.icon-pinterest:before {
  content: "\e7a8";
}

.icon-dianhua4:before {
  content: "\e610";
}

.icon-dianhua5:before {
  content: "\e6ee";
}

.icon-jurassic_message:before {
  content: "\e69d";
}

.icon-ins:before {
  content: "\e664";
}

.icon-instagram-fill:before {
  content: "\e763";
}

.icon-fasong:before {
  content: "\e65e";
}

.icon-shouji:before {
  content: "\e612";
}

.icon-dianhua3:before {
  content: "\e618";
}

.icon-dianhua2:before {
  content: "\e60a";
}

.icon-666666-copy:before {
  content: "\ec8d";
}

.icon-liuyan:before {
  content: "\e600";
}

.icon-shouye-xuanzhong:before {
  content: "\e62d";
}

.icon-WhatsappMessage:before {
  content: "\e841";
}

.icon-Mail:before {
  content: "\e71f";
}

.icon-youxiang2:before {
  content: "\e68b";
}

.icon-douyin:before {
  content: "\e8db";
}

.icon-fasong1:before {
  content: "\e762";
}

.icon-vk:before {
  content: "\ec2c";
}

.icon-duoyuyan:before {
  content: "\e602";
}

.icon-tuite:before {
  content: "\e621";
}

.icon-duihua1:before {
  content: "\e72a";
}

.icon-jiantou1:before {
  content: "\e665";
}

.icon-chahao:before {
  content: "\e68c";
}

.icon-whatsapp1:before {
  content: "\e8ec";
}

.icon-shubiao:before {
  content: "\e666";
}

.icon-fanhuidingbu1:before {
  content: "\e649";
}

.icon-jian:before {
  content: "\e611";
}

.icon-jia:before {
  content: "\e711";
}

.icon-jiantou1-copy:before {
  content: "\ec8e";
}

.icon-weixinguanli:before {
  content: "\e7cf";
}

.icon-whatapp:before {
  content: "\e623";
}

.icon-home-fill:before {
  content: "\e687";
}



video{ display: block; }

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.w_p_main{ background: #fff; }
.main{ background: #f8f8f8;  }
.warper{ width:1450px; margin:0 auto; position: relative;}
.backToTop{width:50px; height:50px; z-index: 666; border-radius: 50px; background:#0065bf url(../image/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:17px; text-indent:9999px; bottom:150px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

.bigbg,.bigbgtt{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; }
.getbox{ width: 744px; padding: 14px; background: #fff; height: auto; position: absolute; top: 30%; left: 50%; transform: translateX(-50%); }
.getboxtt{ width: 744px; padding: 24px; background: #fff; height: auto; position: absolute; top: 30%; left: 50%; transform: translateX(-50%); }
.allhide{ display: none; }
.close_btn,.close_btn2{ cursor: pointer; position: absolute; top: -17px; right: -17px; width: 34px; height: 34px; border-radius: 34px; background: #fff; line-height: 34px; text-align: center; }
.close_btn i,.close_btn2 i{ font-size: 16px; }
.close_btn:hover,.close_btn2:hover{ color: #fff; background: #d34132; }

header{ width: 100%; transition: all 0.6s; height: 86px; z-index: 999; position: fixed; top: 0; left: 0; }

#nav:after{  content: '';  display: block;  clear: both;}
.logo{ position: absolute; left: 45px; top: 28px; }
.logo img{ width: auto; }
.dis{ display: block; }
.undis{ display: none; }


.close-nav{position: fixed; top:0; left:0; width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
#nav .nav-button{width: 35px;height: 35px; z-index: 5; border-radius: 3px;background: #e10103; color: #fff;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
#nav .nav-button{display: none;}

nav{ float: right; margin-right: 36%; }
nav li{ float: left; margin: 0 23px; }
nav li:last-child{ margin-right: 0; }
nav li>a{ position: relative; font-size: 14px; text-transform: uppercase; color: #fff; line-height:86px; display: inline-block;}
nav li.on a,nav li:hover a{ color: #fff;  }
nav li>a:before{ content: ""; position: absolute; width: 0; height: 2px; background: #1473e6; bottom: 16px; left: 50%; transform: translateX(-50%); transition: all 0.3s; }
nav li.on a:before,nav li:hover a:before{ width: 80%; }
.nav_menu{ box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); display: none; background: #fff; padding: 40px 0; position: absolute; top: 86px; left: 0; width: 100%; padding: 50px 0; }
.nav_menu h5{ font-size: 14px; font-weight: normal; padding-bottom: 15px; margin-bottom: 20px; color: #ccc; border-bottom: 1px solid #ddd; }
.nameul{ display: flex; flex-wrap: wrap; }
.nameul dd{ width: 32%; margin-right: 2%;  }
.nameul dd:nth-of-type(3n){ margin-right: 0; }
.nameul dd a{ width: 100%; display: block; padding: 24px; }
.nvtits h6{ font-size: 16px; color: #333; font-weight: normal; margin-bottom: 8px; }
.nvtits p{ font-size: 13px; color: #666; }
.nameul dd a:hover{ background: #eff5fd; }



.head_rcon{ position: absolute; display: flex; justify-content: space-between; align-items: center; right: 105px; top:26px; width:374px; }
.hetel,.hetel a{ color: #fff; }
.hetel{ font-size: 14px; }
.hedelu a{ color: #fff; }
.hebtiv a{ display: inline-block; background: #1473e6; color: #fff; border-radius: 60px; padding: 6px 16px; font-size: 15px; }
.hebtiv a:hover{ transform: translateX(10px); }

.position{ background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,0.12); }
.position .dis,.pageh .dis{ display: none; }
.position .undis,.pageh .undis{ display: block; }
.position nav li>a,.position .hetel, .position .hetel a,.position .hedelu a,.pageh nav li>a,.pageh .hetel, .pageh .hetel a,.pageh .hedelu a{ color: #333; }



.banner_home{ position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; background: linear-gradient(180deg, #0f0868, #0c0566); }
video{ width: 100%; display: block; }
.banvideo{ width: 100%; height: 100vh; position: absolute; top: 0; left: 0; pointer-events: none; }
.banvideo video{ pointer-events: none; object-fit: cover; width: 100%; height: 100%; }
.bantext{ flex-direction: column; height: 100vh; z-index: 2; position: relative; display: flex; align-items: center; justify-content: center; }
.banlogo{ width: 100%; text-align: center; display: flex; justify-content: center; color: #fff; position: relative; }
.bloiv{ overflow: hidden; display: flex; justify-content: center; }
.bandesc{ text-align: center; margin-top: 30px; color: #fff; font-size: 20px; letter-spacing: 10px; }
.banmore{ margin-top: 90px; text-align: center; }
.banmore a{ border: 2px solid #fff; display: inline-block; padding: 10px 50px; border-radius: 50px; color: #fff; }
.banmore a i{ font-style: normal; display: inline-block; font-size: 18px; }
.banmore a:hover i{ animation: iconlbtr .6s forwards; }
@keyframes iconlbtr {
    49% {
        transform: translateY(-30%)
    }

    50% {
        opacity: 0;
        transform: translateY(30%)
    }

    51% {
        opacity: 1
    }
}
.mouse_scrll { display: inline-block; position: absolute;
  top: auto; left: 0;  right: 0; bottom: 70px;
  margin: auto; font-size: 20px;
  line-height: 0; width: 26px; z-index: 2
}
.mouse_frame:focus{ outline: none; }
.mouse_frame:hover{ border: solid 2px #1976ff; }
.mouse_frame:hover .scrll_dot{ background: #1976ff; }
.mouse_frame {
  display: flex; background: transparent; cursor: pointer;
  align-items: flex-start;
  justify-content: center;
  width: 26px;
  height: 40px;
  border: solid 2px #fff;
  border-radius: 26px;
  filter: drop-shadow(0 0 .5em rgba(30,30,30,.25));
  animation-name: hang_scroll;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards
}

@keyframes hang_scroll {
  0% {
    transform: translateY(0)
  }

  75% {
    transform: translateY(1em)
  }

  100% {
    transform: translateY(0)
  }
}

.scrll_dot {
  display: block;
  margin-top: .5em;
  width: .25em;
  height: .5em;
  background: #fff;
  border-radius: 40%;
  animation-name: scrll_dot;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards
}


@keyframes scrll_dot {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  75% {
    -webkit-transform: translateY(.75em);
    transform: translateY(.75em)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}



.changpic{ width: 100%; overflow: hidden; }
.changpic img{display: block;height: 100%; max-width: 100%; max-height: 100%; width: 100%; object-fit: cover;-o-object-fit: cover;transition: all 0.3s; -webkit-backface-visibility: hidden;backface-visibility: hidden;}

.cl{ clear: both; }
.pro_rel{ position: relative; }

/*标题*/
.intih2{ font-size: 56px; margin-bottom: 18px; font-weight: normal; text-transform: uppercase; line-height:56px; font-family: impact; }
/*首页*/
.inyiv{ width: 100%; position: relative; height: 100vh; }
.iybox{ width: 100%; height: 100vh; z-index: 3; display: flex; position: absolute; top: 0; left: 0; background-color: #000; }
.iybgs{ width: 100%; height: 100vh; overflow: hidden; background:url(../image/itsuis.jpg) no-repeat #0c185c; background-size:cover; text-align: center; position: relative; margin: 0 auto; }
.jianbian{ width: 100%; position: absolute; top: 0; left: 0; background-color: #000; background-image: linear-gradient(180deg, #0c0566, #1a1a1a 47%, #1a1a1a); }
.logo_clip{ width: 100%; height: 100vh; position: relative; top: -20px; color: #fff; background: url(../image/bg2x.jpg) no-repeat;  background-size: cover; -webkit-clip-path: url(#logoPath); clip-path: url(#logoPath); margin: 0 auto; background-position: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; will-change: auto; -webkit-clip-path: url(#logoPath);clip-path: url(#logoPath);}
.logo_clip h2{ font-size: 80px; }
.logo_clip p{ font-size: 40px; margin-top: 15px; }

.inprqh{ background: #0c185c; padding: 80px 0 50px; min-height: 100vh; }
.inptov{ padding: 0 14%; }
.inpult{ display: flex; justify-content: space-between; }
.inpult li{ color: #fff; width: 20%; cursor: pointer; text-align: center; }
.inpult li i{ display: inline-block; font-size: 36px; text-align: center; width: 85px; height: 85px; line-height: 81px; border-radius: 85px; border: 2px solid #fff; }
.inpult li p{ margin-top: 12px; font-size: 17px; }
.inpult li.on i{ box-shadow: 0 0 30px 5px rgba(24, 73, 198, 1);  }

.inpswiv .slick-slide img{ display: inline-block; }
.inpswiv{ margin-top: 36px; }
.inpsitm{ padding: 0 174px; text-align: center; }
.ipmsdes{ margin-top: 15px; position: relative; color: #fff; text-align: center; padding: 0 105px; }
.ipmsdes h4{ margin-bottom: 15px; font-size: 32px; font-weight:normal}
.ipmsdes p{ font-size: 16px; line-height: 25px; }
.ipmsdes a{ border: 2px solid #fff; margin-top: 28px; display: inline-block; padding: 10px 52px; border-radius: 50px; color: #fff; }
.ipmsdes a i{ font-style: normal; display: inline-block; font-size: 18px; }
.ipmsdes a:hover i{ animation: iconlbtr .6s forwards; }
.ipmsdes:before{ content: "“"; font-family: Arial; font-size: 200px; position: absolute; top: -36px; left: 0; color: #fff; }
.ipmsdes:after{ content: "”"; font-family: Arial; font-size: 200px; position: absolute; bottom: -84px; right: 0; color: #fff; }

.inghiv{ background: #fff; position: relative; overflow: hidden; min-height: 100vh; }
.ingimg{ position: relative; float: right; transition: width 0.5s ease; height: 100vh; overflow: hidden; }
.ingimg img{ width: auto; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.ingtxt{ display: flex; flex-wrap: wrap; position: absolute; top: 15%; left: 5%; align-items: flex-start; }
.vertxt{ writing-mode: vertical-rl; text-orientation: upright; margin: 0 10px; }
.ingtxt h2{ font-size: 50px;  }
.ingtxt p{ font-size: 24px; height: 50%; }
.inyeiv{ width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; display: flex; }
.iyeilef{ width: 50.47%; }
.iyeirig{ width: 49.53%; }
.iyrito{ display: flex; }
.iyrlef{ width: 30.65%; }
.iyrrig{ width: 69.35%; }
.inyeiv .changpic:hover img{ transform: scale(0.97); }

.inabil{ position: relative; width: 100%;  overflow: hidden; }
.inabrtx{ display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; }
.iativs{ width: 100%; text-align: center; color: #000; white-space: nowrap; transform: translateX(55%); }
.iativs h2,.iapjxut h2{ font-size: 99px;  }
.iativs p,.iapjxut p{ font-size: 45px;  color: #666; }
.ipankf{ position: relative; top: 0; left: 0; width: 100%; height: 100vh; background: #000; -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); display: flex; align-items: center; justify-content: center;text-align: center; }
.iapjxut{ position: absolute; top: 50%; transform: translateY(-50%); }
.iapjxut h2{ color: #e9ebe7; }
.iapjxut p{ color: hsla(0, 0%, 100%, .6); }
.iahxnr{ position: absolute; top: 20%; width: 100%; padding: 115px 225px 0; }
.iajths{ display: flex; gap:30px; justify-content: center; }
.iahitem{ flex-shrink: 0; position: relative; width: 32%; height: 550px; }
.iaievv{ width: 100%; text-align: left; border-radius: 20px; background: #000; color: #fff; border: 1px solid #cf1148; height: 100%; padding: 38px 30px 90px; display: flex; flex-direction: column; justify-content: space-between; }
.iaiico{ display: flex; align-items: center; }
.iaiico i{ display: inline-block; width: 72px; color: #2f3cf4; font-size: 32px; height: 72px; line-height: 72px; border-radius: 72px; text-align: center; background: #fff; }
.iaiico h5{ font-size: 46px; margin-left: 20px; }
.iaievv h6{ font-size: 26px; margin-top: 18px; line-height: 40px; font-weight: normal; }
.iahipp p{ font-size: 16px; line-height: 26px; }
.iwyvdf{ position: absolute; z-index: -1; top: 0; width: 100%; height: 100%; background: linear-gradient(#cf1148,#000); right: 0; bottom: 0; left: 0; border-radius: 20px; }
.iahitem.active .iwyvdf{ transform: translate3d(0, -10%, 0) rotate(-10deg); transition: transform .5s; }
.iahitem.active{ transform: rotate(5deg); transition: transform .5s; }

.inwhy{ padding: 186px 0 220px; background: linear-gradient(#f3fbff,#f2f1ff); }
.iwhivs{ display: flex; align-items: center; }
.iwivlef{ width: 564px; }
.iwivrig{ width: calc(100% - 564px); padding-left: 92px; }
.iwivlef span{ color: #888; font-size: 22px;  }
.iwivlef h2{ font-size: 46px; margin-top: 18px; line-height: 64px; }
.iwivlef a{ background: #2f3cf4; margin-top: 58px; display: inline-block; padding: 10px 52px; border-radius: 50px; color: #fff; }
.iwivlef a i{ font-style: normal; display: inline-block; font-size: 18px; }
.iwivlef a:hover i{ animation: iconlbtr .6s forwards; }
.iwivrig iframe{ border-radius: 30px; display: block; }

.inkhyhs{ padding: 114px 0 76px; }
.iktits{ text-align: center; }
.iktits h2{ font-size: 50px; }
.iktits p{ font-size: 22px; margin-top: 15px; }
.ikivs{ margin-top: 46px; }
.ikitems{ background: #ececec; display: flex; border-radius: 56px; padding: 94px 48px 110px; }
.ikpis{ width: 310px; }
.ikrtx{ width: calc(100% - 310px); padding-left: 38px; padding-top: 25px; }
.ikrtx h3{ font-size: 30px; margin-bottom: 12px; line-height: 40px; font-weight:normal; }
.ikrtx h4{ font-size: 20px; font-weight: normal; margin-bottom: 36px;}
.ikrtx p{ font-size: 16px; line-height: 26px; }
.ikivs .item{ margin: 0 20px; }
.slick-current .ikitems{ background: #2f3cf4; color: #fff; }
.ikivs .slick-dots{ position: static; margin-top: 45px; }
.ikivs .slick-dots li{ width: auto; position: relative; height: auto; margin: 0; }
.ikivs .slick-dots li button{ position: relative; border-top: 1px solid #666; font-size: 14px; height: auto; color: #999; padding:20px 32px 0;  }
.ikivs .slick-dots li button:before{ content: ""; position: absolute; top: -2px; left: 0; width: 0; height: 3px; background:#000; }
.ikivs .slick-dots li.slick-active button:before{ width: 100%; }
.ikivs .slick-dots li:first-child:before{ content: ""; position: absolute; top: -3px; left: -7px; width: 7px; height: 7px; border-radius: 7px; background: #000; }
.ikivs .slick-dots li:last-child:before{ content: ""; position: absolute; top: -3px; right: -7px; width: 7px; height: 7px; border-radius: 7px; background: #000; }

.ienlfp{ position: relative; width: 100%; height: 100vh; overflow: hidden; }
.ienlfp:before{ content: ""; animation: hang_scroll 3s ease-in-out infinite forwards; position: absolute; z-index: 22; top: 85px; right: 75px; width: 241px; height: 198px; background: url(../image/ybzs.png) no-repeat; background-size: cover; }
.ienlfp:after{ content: ""; animation: hang_scroll 5s ease-in-out infinite forwards; position: absolute; z-index: 22; bottom: 94px; left: 80px; width: 130px; height: 93px; background: url(../image/zbzs.png) no-repeat; background-size: cover; }
.ixajv{ position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 6; /*transform: translateY(100%);*/ }
.iparne{ width: 100%; height: 100%; padding: 104px 0; background: #0c185c; overflow: hidden; position: relative; }
.iparne h2{ font-size: 50px; text-align: center;  color: #fff; }
.iplouls{ display: flex; gap: 20px; margin-top: 68px; flex-wrap: wrap; justify-content: center; }
.iplouls li{ width: calc(25% - 20px); margin-bottom: 12px; }
.iplogo{ position: relative; }
.iplogo .changpic:first-child{ opacity: 1;  }
.iplogo .changpic:last-child{ position: absolute; top: 0; left: 0; width: 100%; transform: rotateY(180deg); transition: transform 1.5s cubic-bezier(.34,1.56,.64,1); opacity: 0;  background: #fff; border-radius: 38px; }
.iplogo:hover .changpic:first-child{ opacity: 0;  }
.iplogo:hover .changpic:last-child{ opacity: 1; transform: rotateY(0deg); }

.ichshow{ background: #0c185c; padding: 0 0 50px; }
.ichshow h2{ font-size: 50px; text-align: center;  color: #fff; }
.ichlogo{ margin-top: 28px; display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; }
.ichlogo li{ width: calc(12.5% - 20px); margin-bottom: 20px; }
.ichlogo li:hover .changpic img{ transform: scale(1.15); }


footer{ background: #0c185c; padding-top: 75px; }
.fomess{ border-radius: 55px; text-align: center; background: url(../image/fomes.jpg) no-repeat; background-size: cover; padding: 102px 26% 116px; }
.fomess h4{ color: #fff; margin-bottom: 18px; font-size: 24px; font-weight: normal; }
.fomess .foot_form { background: #fff; width: 100%; border-radius: 24px; padding: 3px 3px 3px 18px; }
.foivs{ position: relative; }
.foivs input{ width: 100%; padding-right: 190px; background: transparent; height: 40px; font-size: 16px; line-height: 40px; }
.foivs button{ position: absolute; transition: all 0.3s; cursor: pointer; top: 0; border: none; right: 0; font-size: 16px; width: 172px; height: 40px;  border-radius: 40px; color: #fff; background: #2f3cf4; }
.foivs button:hover{ transform: translateX(-2px); }
.folce{ padding-top: 70px; display: flex; justify-content: space-between; }
.fologo{ text-align: center; }
.fous,.fonav{ padding-top: 70px; width: 430px; color: #fff; }
.folce h5{ font-size: 26px;  margin-bottom: 10px;font-weight: normal; }
.fxulst li{ margin-bottom: 10px;  font-size: 16px; color: #fff; position: relative; padding-left: 20px; }
.fxulst li:last-child{ margin-bottom: 0; }
.fxulst li:first-child{ font-size: 24px; }
.fxulst li a{ color: #fff; }
.fxulst li i{ position: absolute; bottom: 3px; left: 0; color: #d70937; }
.fxulst li:first-child i{ bottom: 6px; }
.focord{ display: flex; margin-top: 38px; }
.focord li{ color: #fff; width: 98px; margin: 0 6px; }
.focord li p{ margin-top: 15px; font-size: 18px; }
.fonav{ display: flex; justify-content: space-between; }
.fnili li{ margin-bottom: 8px; transition: all 0.3s; font-size: 16px; }
.fnili li a{ color: #fff; }
.fnili li:hover a{ text-decoration: underline; }
.fnili li:hover{ transform: translateX(10px); }
.copfot{ margin-top: 32px; padding: 16px 0; text-align: center; color: #fff; border-top: 1px solid rgba(203, 203, 203, 0.3); }
.copfot p{ font-size: 15px; }
.copfot p a{ color: #fff; }
.copfot p a:hover{ text-decoration: underline; }

.l_fixed{ width: 46px; padding: 18px 4px; border-radius: 50px; box-shadow: 0 0 10px rgba(0, 101, 191, 0.5); background: #0065bf; position: fixed; top: 42%; right: 17px; z-index: 666; }
.l_fixed li{ position: relative; margin-bottom: 10px; transition: all 0.3s; }
.l_fixed li a{ width:38px; height: 38px; border-radius: 38px; font-size: 18px; text-align: center; line-height: 38px; background: transparent; color: #fff; display: block; }
.l_fixed li a i{ font-size: 22px; }
.l_fixed li:hover a{ background: #fff; color: #0065bf; }

.l_fixed li a span{ display:block; border-top-left-radius: 50px; border-bottom-left-radius: 50px; color: #fff; position: absolute; top: 0; line-height: 40px; padding: 0 10px; background: #0065bf; right: 0; width: 200px; visibility: hidden; opacity: 0; font-size: 15px; transition: all 0.5s; }
.l_fixed li:hover a span{ visibility: visible; right: 40px; opacity: 1; }
.l_fixed li:hover{ opacity: 0.9; }
.f_what{ background: #000; width: 0; position: absolute; top: 0; left: 60px; }
.f_what:after{ content: ""; position: absolute; top: 0; left: -19px; width: 0;
height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent #000 transparent transparent; display: none;}
.f_what img{ width: 100%; }
.l_fixed li:hover .f_what{ width: 155px; padding: 10px; }
.l_fixed li:hover .f_what:after{ display: block; }


.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px; display: none;}
.footmenu img{display:block}
.footmenu div.bgcolor{ clear:both;}
.footmenu div.con{position:absolute;bottom:0;left:0;width:100%; padding-bottom: 10px; background:#f39800;}
.footmenu a{color:#fff;font-size:16px; display:block;width:25%;text-align:center;float:left;position:relative}
.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px; font-size: 26px;}

/*独立站商家*/
.subbanner{ position: relative; overflow: hidden; }
.subbanner img{ animation: scaleshow 6s; }
@keyframes scaleshow {
    0% {
        transform: scale(1.12);
    }
    100% {
        transform: scale(1);
    }
}
.sutxt{ position: absolute; width: 100%; left: 0; top: 276px; }
.sutnr{ width: 45%; }
.sutnr h1{ font-size: 60px; margin-bottom: 44px;font-weight: normal;  }
.sutnr p{ font-size: 20px; line-height: 36px; }
.sutnr a{ background: #2f3cf4; margin-top: 58px;  display: inline-block; padding: 10px 28px; border-radius: 50px; color: #fff; }
.sutnr a i{ font-style: normal; display: inline-block; font-size: 18px; }
.sutnr a:hover i{ animation: iconlbtr .6s forwards; }

.sevbox{ padding: 125px 0 50px; background: url(../image/bjks.jpg) no-repeat; background-size: cover; }
.serullist{ display: grid; gap:34px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.serullist li{ background: #fff; box-shadow: 0 0 #000; padding: 34px; border-radius: 15px; }
.serullist li i{ display: inline-block; width: 64px; text-align: center; height: 64px; border-radius: 64px; line-height: 64px; font-size: 30px; }
.serullist li h3{ font-size: 20px; margin: 15px 0 10px; }
.serullist li p{ font-size: 15px; line-height: 24px; }

.bgred{ background: #fee2e2; color: #dc2626; }
.bgoran{ background: #ffedd5; color: #ea580c; }
.bgblue{ background: #dbeafe; color: #3d63eb; }
.bggreen{ background: #dcfce7; color: #16a34a; }
.bgpurp{ background: #f3e8ff; color: #9333ea; }
.bgindigo{ background: #e0e7ff; color: #6646e5; }


.sewar{ display: flex; justify-content: space-between; position: relative; margin-top: 120px; }
.secard{ width: 225px; color: #fff; height: 100%; position: absolute; top: 0; left: 0; }
.scaitem{ position: relative; cursor: pointer; height: 70px; padding-left: 40px; }
.scadot{ position: absolute; top: 0; left: 0; width: 0; height: 100%; border-left: 1px solid #fff; }
.scaitem span{ position: absolute; top: 0; left: -4px; display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #fff; animation: 5s ease; }
.scaitem span:after{ content: ""; position: absolute; background: #fff; width: 9px; height: 9px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.scaitem p{ position: relative; font-size: 20px; top: -11px; cursor: pointer; }
.selfi .scaitem:last-child .scadot{ border: none; }
.selfi{ position: sticky; top: 152px; left: 0; }


.card_active.scaitem p{ font-size: 26px; }
.card_active.scaitem span{ width: 18px; height: 18px; background: #fff; left: -8px; }
.card_active.scaitem span:after{ width: 28px; height: 28px; background: rgba(255, 255, 255, 0.27); }

.secnrb{ margin-left: 225px; width: calc(100% - 225px); padding-left: 90px; }
.scrdv{ border-radius: 52px; margin-bottom: 112px; align-items: center; transform: perspective(800px) rotateX(30deg); opacity: .4; display: flex; position: relative; overflow: hidden; background: #fff; width: 100%; padding: 38px 0 0 88px; }
.sctxp{ width: 520px; }
.sctpi{ width: calc(100% - 520px); padding-left: 15px; }
.sctpi img{ border-radius: 52px; }
.sctxp h4{ margin-bottom: 22px; font-weight: normal; font-size: 32px; line-height: 42px;  }
.sctxp p{ font-size: 20px;  }
.sctxp ul{ margin-top: 28px; }
.sctxp ul li{ margin-bottom: 15px; font-size: 16px; color: #666; }
.sctxp ul li:last-child{ margin-bottom: 0; }
.sctxp ul li span{ color: #333;font-weight: 600; }
.sctxp a{ background: #2f3cf4; margin-top: 32px; display: inline-block; padding: 10px 28px; border-radius: 50px; color: #fff; }
.sctxp a i{ font-style: normal; display: inline-block; font-size: 18px; }
.sctxp a:hover i{ animation: iconlbtr .6s forwards; }
.secnrb .scrdv:last-child{ margin-bottom: 0; }

.secase{ padding: 94px 7% 145px; }
.sech2t{ text-align: center; font-size: 52px; font-weight: normal; }
.secaivbo{ margin-top: 88px; display: flex; align-items: center; }
.secalef{ width: 56%;  }
.secalef .changpic{ border-radius: 54px; }
.secarig{ width: 44%; padding-left: 78px; }
.secarig h3{ font-size: 40px; margin-bottom: 38px;  font-weight: normal; }
.secarig h5{ font-size: 22px; color: #666; font-weight: normal; }
.secarig dl{ margin-top: 34px; }
.secarig dl dt{ font-size: 24px; margin-bottom: 24px; }
.secarig dl dd{ font-size: 16px; position: relative; padding-left: 15px; margin-bottom: 18px; color: #666; }
.secarig dl dd:before{ content: ""; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; border-radius: 5px; background: #666; }

/*新闻*/
.newwar{ margin-top: 86px; padding: 95px 0 100px; }
.netab{ display: flex; padding: 0 35px; border-bottom: 1px solid #dadada; }
.netab li{ margin-right: 62px; }
.netab li a{ padding-bottom: 30px; display: inline-block; color: #666; font-size: 35px;  }
.netab li.on a{ color: #333; border-bottom: 2px solid #333; }
.netop{ margin-top: 80px; display: flex; }
.netlef{ width: 50%; padding-right: 32px; }
.netrig{ padding-left: 20px; width: 50%; }
.nbitxt{ margin-top: 24px; }
.nbitxt h3{ font-size: 24px; margin-bottom: 8px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-weight: normal; }
.nbitxt p{ font-size: 16px; line-height: 26px; height: 52px; overflow: hidden; color: #666; }
.nbitxt span{ color: #666;  font-size: 16px; display: inline-block; margin-top: 25px; }
.nebigs:hover .changpic img,.nbitems:hover .changpic img{ transform: scale(1.15); }
.ntrsul li{ margin-bottom: 20px; padding-bottom: 26px; border-bottom: 1px solid #dadada; }
.ntrsul li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.ntsivs a{ display: flex; width: 100%; align-items: center; }
.nsalef{ width: 270px; }
.nsarig{ width: calc(100% - 270px); padding-left: 28px; }
.nsarig h3{ font-size: 18px; line-height: 25px; height: 50px; overflow: hidden;font-weight: normal; }
.nsarig span{ color: #666;  font-size: 16px; display: inline-block; margin-top: 25px; }
.ntsivs:hover .changpic img{ transform: scale(1.15); }
.neboul{ margin-top: 90px; display: flex; flex-wrap: wrap; }
.neboul li{ width: 31.3%; margin-right: 3%; margin-bottom: 58px; }
.neboul li:nth-of-type(3n){ margin-right: 0; }
.nbixst{ margin-top: 24px; }
.nbixst h3{ font-size: 18px; line-height: 25px; height: 50px; overflow: hidden;font-weight: normal; }
.nbixst span{ color: #666; font-size: 16px; display: inline-block; margin-top: 25px; }
.nemore{ margin-top: 10px; text-align: center; }
.nemore a{ background: #2f3cf4; margin-top: 50px; display: inline-block; padding: 10px 38px; border-radius: 50px; color: #fff; }
.nemore a i{ font-style: normal; display: inline-block; font-size: 18px; }
.nemore a:hover i{ animation: iconlbtr .6s forwards; }

.n_deltit{ padding-bottom: 40px; border-bottom: 1px solid #333; }
.n_deltit span{ font-size: 18px; color: #999; }
.n_deltit span i{ font-style: normal; color: #c30d23; }
.n_deltit h1{ font-size: 30px; font-weight: normal; margin-top: 15px; }

.infocon{ margin-top: 44px; overflow: hidden; }
.infocon .lcon{ width: 70%; float: left;}
.infocon .rcon{ margin-left: 70%; padding-left: 80px; }
.info_text{ margin-bottom: 26px; }
.info_text p{ font-size: 16px; line-height: 31px; margin-bottom: 26px; }


.infocon .other{ margin-top: 40px; overflow: hidden; }
.infocon .other .ot_lcon{ width: 30%; float: left; }
.infocon .other .ot_rcon{ width: 30%; float: right; }
.ot_nav{ padding-top: 30px; position: relative; }
.ot_nav a{ display: inline-block; line-height: 25px; height: 50px; overflow: hidden; }
.infocon .other .ot_rcon .ot_nav:after{ font-family: iconfont; content: "\e609"; position: absolute; top: 0; right: 0; font-size: 40px; }
.infocon .other .ot_lcon .ot_nav:after{ font-family: iconfont; content: "\e609"; transform: rotateY(180deg); position: absolute; top: 0; left: 0; font-size: 40px; }
.infocon .other .ot_lcon .ot_nav:hover:after,.infocon .other .ot_rcon .ot_nav:hover:after{ background: url(https://www.yisainuo.com/wp-content/themes/yisainuo/images/right2.png) no-repeat; }

.news_dellist li{ padding: 18px 0; border-bottom: 1px dashed #dbdbdb; }
.news_dellist li:first-child{ padding-top: 0; }
.news_ditem p{ margin-top: 8px; font-size: 16px; line-height: 24px !important; height: 48px; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news_dellist li:hover .changpic img{ transform: scale(1.12); }
.news_ditem .changpic img{ margin: 0; }
/*广告服务*/
.gugser{ padding: 100px 0 122px; }
.gseruls{ margin-top: 78px; }
.gseruls li{ margin-bottom: 100px; }
.gseruls li:last-child{ margin-bottom: 0; }
.gseiv{ display: flex; align-items: center; }
.gesivlef{ width: 45%; padding-right: 150px; }
.gesivrig{ width: 55%; }
.gesivlef h2{ font-weight: normal; margin-bottom: 28px; font-size: 36px; }
.gesp p{ font-size: 16px; position: relative; padding-left: 22px;  margin-bottom: 26px; }
.gesp p:last-child{ margin-bottom: 0; }
.gesp p:before{ content: ""; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; border-radius: 6px; background: #2f3cf4; }
.gesivlef a{ background: #2f3cf4; margin-top: 50px; display: inline-block; padding: 10px 28px; border-radius: 50px; color: #fff; }
.gesivlef a i{ font-style: normal; display: inline-block; font-size: 18px; }
.gesivlef a:hover i{ animation: iconlbtr .6s forwards; }
.gseruls li:nth-of-type(even) .gesivlef{ order: 2; padding-right: 0; padding-left: 150px; }
.gseruls li:nth-of-type(even) .gesivrig{ order: 1; }
.zysul{ display: grid; margin-top: 55px; gap:48px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.zysul li{ text-align: center; }
.zysul li i{ display: inline-block; width: 80px; height: 80px; line-height: 80px; border-radius: 80px; font-size: 40px; }
.zysul li h3{ font-size: 20px; margin: 20px 0; }
.zysul li p{ font-size: 15px; line-height: 24px; }
.zgusi{ margin-top: 45px; display: grid; gap:48px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.zgusi li{ padding: 34px; transition: all 0.3s; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 15px; }
.zgusi li i{ display: inline-block; width: 64px; height: 64px; line-height: 64px; text-align: center; border-radius: 12px; color: #fff; font-size: 30px; }
.zgusi li h3{ font-size: 22px; margin: 20px 0; }
.zgusi li p{ font-size: 16px; line-height: 24px; margin-bottom: 25px; }
.zgusi li dl dd{ position: relative; margin-bottom: 10px; padding-left: 25px; font-size: 15px; }
.zgusi li dl dd:last-child{ margin-bottom: 0; }
.zgusi li dl dd:before{ content: "\ec8e"; font-size: 12px; font-family: iconfont; position: absolute; top: 4px; left: 0; color: #22c55e; }
.zubtn{ border-top: 1px solid #eee; padding-top: 25px; margin-top: 25px; }
.zubtn a{ color: #ca8a04; font-size: 16px; font-weight: bold; }
.zgusi li:hover{ transform: translateY(10px); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.orbgi{ background: linear-gradient(to right,#eab308,#f97316); }
.pinbgi{ background: linear-gradient(to right,#ef4444,#ec4899); }
.blubgi{ background: linear-gradient(to right,#3b82f6,#06b6d4); }
.grebgi{ background: linear-gradient(to right,#10b981,#14b8a6); }
.purbgi{ background: linear-gradient(to right,#a855f7,#6366f1); }
.redbgi{ background: linear-gradient(to right,#f97316,#ef4444); }
.szfk{padding-top:15px;height:120px;overflow: hidden;}
.szfk li{padding: 20px 30px;text-align:center;color: #333;float: left;background:#f2f7fe;font-size：14px;border-radius: 5px;border:1px solid #eff6ff;margin-right: 20px;}
.szfk li h4{font-size:28px;color:#5d4beb;}

.gesivlef h2, .gesp p, .gesivlef a,.gesivrig {
    will-change: transform, opacity;
}
.gufune{ padding-top: 110px; }
.gufbox{ margin-top: 80px; display: flex; align-items: center; }
.gfblef{ width: 52%; }
.gfbrig{ width: 48%; padding-left: 50px; }
.gfblef .changpic{ border-radius: 54px; box-shadow: 0 28px 46px rgba(41, 41, 41, 0.18); }

.gfblef, .gfbrig {
    opacity: 0;
    transform: translateY(50px); /* 初始位置向下偏移50px */
}
/*网站建设*/
.sutnr h2{ font-size: 24px; margin-bottom: 20px; }
.web_cho{ padding: 116px 0 86px; }
.web_cho .sech2t,.weone .sech2t,.wefive .sech2t,.wekeiv .sech2t{ font-size: 40px; }
.wejul{ margin-top: 40px; display: flex; }
.wejul li{ width: 32%; opacity: 0; transform: translateY(50px); transition: none; text-align: center; transition: all 0.3s; padding-bottom: 28px; margin-right: 2%; overflow: hidden; background: #fff; border-radius: 20px; box-shadow:0 0 58px rgba(0, 43, 184, 0.18); }
.wejul li:last-child{ margin-right: 0; }
.wejul li p{ font-size: 20px; margin-top: 12px; }
.welink{ margin-top: 72px; text-align: center; }
.welink a{ background: #2f3cf4; display: inline-block; padding: 10px 28px; border-radius: 50px; color: #fff; }
.welink a i{ font-style: normal; display: inline-block; font-size: 18px; }
.welink a:hover i{ animation: iconlbtr .6s forwards; }
.wejul li:hover{ transform: translateY(10px); }

.weone{ padding: 142px 0 248px; background: url(../image/wdbgs.jpg) fixed center no-repeat; }
.wonuls{ margin-top: 122px; display: flex; justify-content: space-between; }
.wonuls li{ text-align: center; }
.wonuls li i{ display: inline-block; transition: all 0.3s; width: 114px; height: 114px; color: #2f3cf4; font-size: 42px; text-align: center; line-height: 114px; border-radius: 114px; background: rgba(255, 255, 255, 0.55); }
.wonuls li p{ margin-top: 20px; font-size: 18px; }
.wonuls li:hover i{ background: #2f3cf4; color: #fff; }

.wefive{ padding: 130px 0 150px; background: url(../image/whbst.jpg) no-repeat; background-size: cover; }
.wefive .sech2t{ color: #fff; }
.weivs{ margin-top: 52px; display: flex; justify-content: space-between; position: relative; }
.weilef{ position: absolute; top: 0; left: 0; color: #fff; height: 100%; width: 40px; }
.weirig{ margin-left: 40px; width: calc(100% - 40px); padding-left: 80px; }
.witic{ position: sticky; top: 152px; left: 0; }
.witic .scaitem:last-child .scadot{ border: none; }
.weivbo{ border-radius: 20px; transform: perspective(800px) rotateX(30deg); opacity: .4; margin-bottom: 68px; width: 100%; display: flex; align-items: center; position: relative; overflow: hidden; background: #fff; }
.weirig .weivbo:last-child{ margin-bottom: 0; }
.wilef{ width: 50%; }
.wirig{ width: 50%; padding-left: 46px; }
.wilef .changpic{ border-radius: 20px; }
.wirig h3{ font-size: 30px;  margin-bottom: 18px; font-weight: normal; }
.wirig h4{ font-size: 22px;  margin-bottom: 28px; font-weight: normal; }
.wirptx p{ font-size: 17px; color: #666; margin-bottom: 15px;  }
.wirptx p:last-child{ margin-bottom: 0; }

.wekeiv{ padding: 110px 0 120px; }
.weswi{ position: relative; margin-top: 28px; }
.wecase{ display: flex; }
.weclef{ width: 54%; }
.wecrig{ width: 46%; padding-top: 30px; }
.weclef .changpic{ border-radius: 20px; box-shadow: 0 0 30px rgba(0, 43, 184, 0.18); }
.wrctxt{ background: #fff; padding: 60px 118px 100px 40px; border-radius: 20px; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 0 30px rgba(0, 43, 184, 0.18); }
.wrctxt h3{ font-size: 30px; margin-bottom: 32px; }
.wrctxt p{ font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; color: #666;  }
.wrctxt a{ background: #2f3cf4; margin-top: 46px; display: inline-block; padding: 10px 40px; border-radius: 50px; color: #fff; }
.wrctxt a i{ font-style: normal; display: inline-block; font-size: 18px; }
.wrctxt a:hover i{ animation: iconlbtr .6s forwards; }
.wesgds .slick-slide { padding: 30px;  box-sizing: border-box; }
.wesgds .slick-list { margin: 0 -30px; }
.wesarr{ position: absolute; top: 40%; left: 0; width: 100%; }
.wesarr span{ position: absolute; cursor: pointer; font-weight: bold; color: #fff; top: 0; display: inline-block; width: 68px; height: 68px; line-height: 68px; border-radius: 68px; text-align: center; background: #2f3cf4; }
.wesarr span i{ font-size: 30px; display: inline-block; }
.wes_prev{ left: -34px; }
.wes_next{ right: -34px; }
.wes_prev i{ transform: rotate(180deg); }

/*案例详情*/
.casewar{ margin-top: 86px; padding: 90px 0 120px; }
.case_top{ background: #f6f6f6; padding: 68px 50px 70px 50px; overflow: hidden; }
.case_top .lcon{ float: left; width: 50%; padding-right: 50px; }
.case_top .rcon{ float: right; width: 50%; padding-top:90px; }
.case_top .lcon h1{ font-size: 30px; font-weight: normal; padding-bottom: 12px; position: relative; }
.case_top .lcon h1:after{ content: ''; width: 30px; height: 3px; background: #1473e6; position: absolute; left: 0; bottom: 0; }
.case_top .lcon .changpic{ margin-top: 10px; }
.case_desc{ height: 150px; overflow: hidden; }
.case_desc p{ font-size: 16px; line-height: 30px; }
.case_name{ margin-top: 72px; }
.case_name p{ font-size: 16px; margin-bottom: 8px; }
.case_name p a{ display: inline-block; padding: 6px 22px; border-radius: 30px; border: 2px solid #333; }
.case_name p:last-child{ margin-top: 20px; }
.case_name p a:hover{ border: 2px solid #1473e6; background: #1473e6; color: #fff; }

/*电商学院*/
.schnum{ padding: 145px 0 170px; }
.schnum .sech2t{ font-size: 40px; padding: 0 16%; line-height: 54px; }
.schfix{ margin-top: 84px; display: flex; }
.scflef{ width: 50%; padding-top: 46px; }
.scfrig{ width: 50%; }
.scnuuls{ display: flex; gap: 94px; flex-wrap: wrap; }
.scnuuls li{ width:calc(50% - 94px); }
.scnuuls li p{ font-size: 28px;  margin-bottom: 18px; }
.scnuuls li span{ font-size: 38px; }
.scnuuls li span b{ font-size: 80px; }

.schadv{ padding: 88px 0 108px; background: url(../image/shadvbs.jpg) fixed center no-repeat; background-size: cover; }
.schadv .sech2t,.scmsiv .sech2t,.scteam .sech2t,.scszi .sech2t{ font-size: 42px; }
.schadv .sech2t{ color: #fff; }
.shhdx{ margin-top: 38px; display: flex; flex-wrap: wrap; gap:70px }
.shhdx li{ width: calc(33.333% - 70px); transition: all 0.3s; background: rgba(255, 255, 255, 0.8); border-radius: 16px; padding: 38px 42px; }
.shhdx li i{ color: #2f3cf4; font-size: 42px; }
.shhdx li h4{ font-size: 24px; margin: 10px 0 8px; }
.shhdx li p{ font-size: 16px; line-height: 26px;}
.shhdx li:hover{ background: #2f3cf4; color: #fff; }
.shhdx li:hover i{ color: #fff; }

.scmsiv{ padding: 118px 0 50px; }
.tal_twdiv{ display: flex; margin-top: 40px; }
.tal_itemt{ display: inline-block; width: 48.5%; margin-right: 3%; padding: 52px 58px 50px 38px;
    border-radius: 15px; box-shadow: 0 5px 18px 0 rgb(198 207 239 / 40%); overflow: hidden; }
.tal_twdiv .tal_itemt:last-child{ margin-right: 0; }
.ta_itlcon{ width: 362px; float: left; }
.ta_itrcon{ margin-left: 362px; padding-left: 22px; }
.ta_itrcon h3{ font-size: 24px; padding-left: 24px; }
.ta_itrcon .adv_ulli li{ font-size: 16px; }
.ta_itrcon .adv_ulli li:before{ top: 4px; }
.adv_ulli{ margin-top: 15px;font-size:16px; }
.adv_ulli li{ padding-left: 25px; position: relative; margin-bottom: 12px;}
.adv_ulli li:before{ content: ""; position: absolute; top: 6px; left: 0; width: 7px; height: 7px; border-radius: 13px; border: 3px solid #a0bdff; }

.scteam{ padding: 40px 0 60px; }
.scteswi{  }
.seitems{ background: #fff; padding: 40px 26px; display: flex; border-radius: 16px; box-shadow: 0 0 20px rgba(0, 43, 184, 0.1); }
.seiar{ width: 176px; }
.seitna{ width: calc(100% - 176px); padding: 25px 0 0 25px; }
.seitna h4{ font-size: 24px; margin-bottom: 10px;  }
.seitna p{ font-size: 16px; color: #2c4aa9; margin-bottom: 14px;  }
.seitna span{ font-size: 20px;  } 
.scteswi .slick-slide { padding: 20px 20px;  box-sizing: border-box; }
.scteswi .slick-list { margin: 0 -20px; }
.scgds{ margin-top: 38px; position: relative; }
.ste_prev{ left: -34px; }
.ste_next{ right: -34px; }
.ste_prev i{ transform: rotate(180deg); }

.scszi{ padding: 20px 0 100px; }
.sccculs{ margin-top: 38px; display: flex; }
.sccculs li{ width: 35%; margin-left: -2%; height: 600px; overflow: hidden; background: #e1e3fd; padding: 50px 50px 54px 36px; border-radius: 20px; border: 1px solid #333; }
.sccculs li:nth-of-type(2){ background: #defbeb; }
.sccculs li:nth-of-type(3){ background: #fef7e2; }
.sccculs li h3{ font-size: 24px;}
.sccitem{ margin-top: 20px; }
.sccitem h4{ font-size: 18px;  }
.sccitem h5{ font-size: 16px; margin-top: 20px; font-weight: normal; margin-bottom: 10px; }
.sccitem p{ font-size: 16px; margin-bottom: 6px; position: relative; padding-left: 20px; }
.sccitem p:before{ content: ""; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; border-radius: 5px; background: #333; }
.scszi{ overflow: hidden; }
.clikbtn{ margin-top: 28px; text-align: center;  }
.clikbtn a{ text-align: center; display: inline-block; padding: 10px 28px; border-radius: 30px; font-size: 16px; cursor: pointer; background: #1473e6; color: #fff; }
/*视频*/
.vitban .sutnr{ color: #fff; }
.vibox{ padding: 100px 0 50px; }
.vpiti{ position: relative; padding-left: 20px; }
.vpiti:before{ content: ""; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; border-radius: 5px; background: #333; }
.gespvp p{ font-size: 22px;  margin-bottom: 6px; }
.gespvp span{ font-size: 16px; color: #666; }
.vpiti{ margin-bottom: 32px; }
.gespvp .vpiti:last-child{ margin-bottom: 0; }
.visp{ padding: 72px 7% 110px; }
.vistis{ text-align: center; }
.vistis h2{ width: 49%; position: relative; padding: 0 34px; display: inline-block; font-size: 40px; line-height: 54px; font-weight: normal; }
.vistis h2:before{ content: "“"; font-size: 40px; position: absolute; top: -16px; left: 0; }
.vistis h2:after{ content: "”"; font-size: 40px; position: absolute; bottom: -40px; right: 0;  }

/*关于我们*/
.abwar{ margin-top: 86px; padding-bottom: 94px; }
.abcom{ padding: 200px 0 255px; position: relative; text-align: center; }
.abcom h5{ color: #2f3cf4; margin-top: 10px; font-size: 28px; }
.abcom h4{ font-size: 38px;  margin: 100px 0 16px; }
.abcom p{ font-size: 16px; line-height: 26px;color: #666; padding: 0 24%; }
.abcom .mouse_frame{ border: solid 2px #999; filter:none; }
.abcom .scrll_dot{ background: #999; }
.abcom:before{ content: ""; animation: swave 14s linear forwards; position: absolute; bottom: 0; left: 0; width: 200%; height: 535px; background: url(../image/wabgs.png) repeat-x left bottom; background-size: 100% 535px; }
@keyframes swave {0%{transform:translateX(0)}
        50%{transform:translateX(-25%)}
        100%{transform:translateX(-50%)}}
.abnrmes{ color: #fff; padding: 162px 0 150px; background: url(../image/abbtxb.jpg) center fixed no-repeat; background-size: cover; }
.abh2t{ font-size: 48px; }
.abnmiv p{ font-size: 16px; margin-bottom: 26px; line-height: 32px;}
.abnmiv{ margin-top: 48px; }
.abnmiv p:last-child{ margin-bottom: 0; }

.abnulns{ margin-top: 86px; display: flex; justify-content: space-between; }
.abnulns li{ text-align: center; }
.abnulns li p{ font-size: 18px;  }
.abnulns li span{ font-size: 60px;  }
.abhist{ margin-top: 130px; }
.abhiuls{ margin-top: 95px; height: 680px; overflow-y: auto; }
.abhiuls::-webkit-scrollbar{ width: 3px; }
.abhiuls::-webkit-scrollbar-thumb{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 200%; border-radius: 0; background: #1473e6; width: 3px; }
.abhiuls::-webkit-scrollbar-track { position: absolute; top: 0; background: #fff; height: 100vh;right: 0; }

.abhiuls li{ padding-left: 288px; margin-bottom: 40px; display: flex; align-items: center; }
.abhiuls li b{ font-size: 60px; margin-right: 110px; }
.abhiuls li p{ font-size: 18px;  }
.abhiuls li:last-child{ margin-bottom: 0; }

.abceriv{ padding-top: 100px; }
.abceriv .abh2t{ text-align: center; }
.abcswi{ padding: 320px 0 190px; margin-top: -40px; background: url(../image/cerbgs.jpg) center no-repeat; background-size: cover; }
.abhbost .changpic{ box-shadow: 0 10px 26px rgba(0, 0, 0, 0.5); }
.bandd.swiper-pagination{ position: static; margin-top: 65px; }
.bandd .swiper-pagination-bullet{ margin: 0 !important; border-radius: 0; width: 28px; opacity: 1; height: 3px; background: #ccc; }
.bandd .swiper-pagination-bullet-active{ background: #0065bf; }

.ablogsho{ padding: 100px 0 0; }
.ablotab{ text-align: center; display: flex; justify-content: space-evenly; }
.abbts{ display: flex; width: 356px; cursor: pointer; align-items: center; color: #999; }
.abbts p{ font-size: 24px; width: 98px; margin-right: 6px; }
.abbts h5{ font-size: 70px; }
.abbts.active{ color: #2f3cf4; }
.alouls{ display: flex; flex-wrap: wrap; padding: 0 90px; }
.alouls li{ display: inline-block; margin-bottom: 20px; margin-right: 2%; width: 15%; }
.alouls li:nth-of-type(6n){ margin-right: 0; }
.ablbots{ margin-top: 82px; }
.ablbots .item{ display: none; }
.ablbots .item.active{ display: block; }

/*社会责任*/
.shhiv{ padding: 158px 0 138px; background: url(../image/zebgst.jpg) center no-repeat; background-size: cover; }
.shhiv .abh2t{ color: #fff; font-size: 46px;font-weight: normal; }
.shswiv{ margin-top: 28px; width: 56%; position: relative; }
.socitsm{ background: rgba(255, 255, 255, 0.2); }
.soctxiv{ padding: 26px 18%; color: #fff; text-align: center; }
.soctxiv h4{ font-size: 36px; margin-bottom: 6px;}
.soctxiv p{ font-size: 18px; line-height: 32px; height: 96px; overflow: hidden; }
.soh_prev,.soh_next{ cursor: pointer; color: #fff; position: absolute; bottom: 135px; }
.soh_prev i,.soh_next i{ font-size: 35px; display: inline-block; font-weight: bold; display: inline-block; }
.soh_prev i{ transform: rotate(180deg); }
.soh_prev{ left: 20%; }
.soh_next{ right: 20%; }

/*客户有话说*/
.khcui{ padding: 162px 0 136px; background: url(../image/khbgst.jpg) no-repeat; background-size: cover; }
.kecutis{ color: #fff; }
.kecutis .abh2t{ font-size: 60px; margin-bottom: 16px; font-weight: normal;}
.kecutis p{ font-size: 26px; }

.inplogo{ position: relative; }
.part-list .column {
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
}
.part-list .column img{
  max-width: 100%;
    max-height: 100%;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.part-list .size1 {
  width: 200px;
  height: 200px;
}

.part-list .size2 {
  width: 180px;
  height: 180px;
}

.part-list .size3 {
  width: 150px;
  height: 150px;
}

.part-list .size4 {
  width: 100px;
  height: 100px;
}

.part-list .size5 {
  width: 90px;
  height: 90px;
}

.part-list .posit1 {
  top: 10%;
  left: -4%;
}

.part-list .posit2 {
  top: 11%;
  left: 14%;
}

.part-list .posit3 {
  top: 11%;
  left: 31%;
}

.part-list .posit4 {
  top: 7.5%;
  left: 49%;
}

.part-list .posit5 {
  top: 8.5%;
  left: 64%;
}

.part-list .posit6 {
  top: 7%;
  left: 92%;
}

.part-list .posit7 {
  top: 36%;
  left: -12%;
}

.part-list .posit8 {
  top: 31%;
  left: 8%;
}

.part-list .posit9 {
  top: 31%;
  left: 23%;
}

.part-list .posit10 {
  top: 35%;
  left: 40.5%;
}

.part-list .posit11 {
  top: 31%;
  left: 55%;
}

.part-list .posit12 {
  top: 33%;
  left: 70%;
}

.part-list .posit13 {
  top: 18%;
  left: 80%;
}

.part-list .posit14 {
  top: 55%;
  left: 0%;
}

.part-list .posit15 {
  top: 57.5%;
  left: 15%;
}

.part-list .posit16 {
  top: 52%;
  left: 32%;
}

.part-list .posit17 {
  top: 54%;
  left: 47%;
}

.part-list .posit18 {
  top: 52.5%;
  left: 66%;
}

.part-list .posit19 {
  top: 49%;
  left: 79%;
}

.part-list .posit20 {
  top: 38%;
  left: 91%;
}

.part-list .posit21 {
  top: 49%;
  left: 99%;
}

.part-list .column:hover {

  overflow: auto;
  width:280px;
  height:280px;

}
.part-list .column:hover img{
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
/*加入我们*/
.addpics{ margin-bottom: 35px; }
.adh2{ background: #fff; }
.adh2 .weivbo{ margin-bottom: 0; }
.adh2 .sech2t{ font-size: 52px; color: #333; }
.addus .weirig{ width: 100%; margin-left: 0; padding-left: 0; }
.additems{ padding: 0 30px 35px 30px; width: 100%; }
.additems h4{ font-size: 26px; border-bottom: 1px solid #ddd; position: relative; cursor: pointer;  padding-bottom: 22px; font-weight: normal; }
.additems h4 i{ position: absolute; font-size: 22px; top: 10px; right: 0; }
.adivmes{ display: flex; width: 100%; padding-top: 25px; }
.adimlef{ width: 50%; padding-right: 48px; }
.adimrig{ width: 50%; padding-left: 48px; }
.adivmes h5{ font-size: 22px; margin-bottom: 16px;  font-weight: normal; }
.adivmes p{ font-size: 16px; line-height: 20px; margin-bottom: 12px; color: #666; }
.adivmes p:last-child{ margin-bottom: 0; }
.adimlef a{ color: #2f3cf4; display: inline-block; margin-top: 15px; font-size: 16px;  }
.adimlef a:hover{ text-decoration: underline; }
.adinrv{ display: none; }
/*联系我们*/
.conwar{ padding: 135px 0 140px; }
.conbox{ display: flex; position: relative; z-index: 0; }
.conbox:before{ content: ""; z-index: -1; background:url(../image/con_bglogo.png) no-repeat; background-size: cover; position: absolute; top: -12px; left: 0; width: 736px; height: 138px; }
.coblef{ width: 50%; }
.cobrig{ width: 50%; padding-left: 165px; }
.contis h2{ font-size: 40px;  font-weight: normal; }
.contis p{ font-size: 40px;  }
.map{ margin-top: 74px; }
.cobrmes h5{ font-size: 22px; font-weight: normal; }
.cms_mes{ margin-top: 26px; }
.cms_mes input{ height:42px; line-height: 42px; }
.cms_mes input,.cms_mes textarea{ width: 100%;  border:1px solid #333; padding: 5px 18px;  resize: none; color: #333; font-size: 16px;}
.cms_mes input::-webkit-input-placeholder, .cms_mes textarea::-webkit-input-placeholder{ color: #a6a6a6; }
.cms_mes textarea{ padding:12px 18px; height: 120px; }
.cms_mes button{ transition: all 0.3s; display: flex; padding: 0 28px; justify-content: space-between; border: none; cursor: pointer; width:100%; background: #2f3cf4; text-transform: uppercase;  border-radius: 28px; font-size: 24px; height: 50px; line-height: 50px; color: #fff; }
.cms_mes ul{ overflow: hidden; }
.cms_mes ul li{ position: relative; margin-bottom: 14px; float: left; width: 49%; }
.cms_mes ul li:nth-of-type(2):before{ color: #fff; font-size: 12px;  content: "\e665"; font-family: iconfont; position: absolute; top: 15px; right: 10px; }
.cms_mes ul li:nth-of-type(even){ margin-left: 2%; }
.cms_mes ul li:nth-of-type(3),.cms_mes ul li:last-child{ width: 100%; margin-left: 0; }
.cms_mes button:hover{ transform: translateX(10px); color: #fff; }
.cms_mes button i{ font-size: 20px; font-weight: bold; }

.con_conlx{ margin-top:48px;  }
.con_conlx li{ margin-bottom: 30px; }
.con_conlx li:last-child{ margin-bottom: 0; }
.con_conlx li p{ font-size: 24px; margin-bottom:12px; }
.con_conlx li p i{ font-size: 24px; background: linear-gradient(126deg, #69a9f8,#2b80e9);
    color: transparent;
    -webkit-background-clip: text; }
.con_conlx li span,.con_conlx li a{ font-size: 16px;}
.cocord{ margin-top: 80px; background: #2f3cf4; border-radius: 10px;padding: 20px 36px; display: flex; justify-content: space-between; }
.cocdlef{ color: #fff; }
.cocdlef p{ font-size: 16px; line-height: 22px; }
.cocdlef i{ font-size: 32px; display: inline-block; margin-bottom: 5px; }
/*404*/
.no_fun{ text-align: center;margin-bottom: 60px;}
.no_fun h5{ font-size: 36px; margin-bottom: 30px; }
.no_fun p{ color: #888; line-height:30px; }
.no_fun a{ display: inline-block; margin-top: 34px; font-size: 20px; border-radius: 40px; padding: 16px 64px; background: #c81f21; color: #fff; text-transform: uppercase; }
.no_fun a:hover{ transform: translateY(5px); }
.areatextClass::-webkit-input-placeholder { color: red!important;}
.aligncenter {
    display: block !important;
    margin: 0 auto!important;
}
.wpcf7 fieldset{display:none;}
.wpcf7-response-output,.wpcf7-validation-errors {display: none !important;}
span.wpcf7-not-valid-tip {display: none;}
.screen-reader-response {display: none !important;}


/*分页 结束*/
.digg4{ text-align:center; margin-top:55px; }
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{ width:36px; border: 1px solid #d3d3d3; text-align: center; font-size: 16px; cursor: pointer; display: inline-block; vertical-align: middle;  height:36px; line-height: 34px; color:#fff; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background:#0065bf; border: 1px solid #0065bf; }
.digg4 span.disabled { font-size: 24px; line-height:30px; font-weight: normal; color: #888;}
.digg4 a{color: #888; }


iframe{ display: block; }

/*contact*/
.con_war{ padding-bottom: 70px; }
.conlxul{ display: flex; margin-top: 46px; }
.conlxul li{ width: 32%; position: relative; padding: 70px 28px 28px; margin-right: 2%; text-align: center; background: #f5f7ff; }
.conlxul li:last-child{ margin-right: 0; }
.conlxul li i{ transition: all 0.3s; position: absolute; top: -46px; left: 50%; transform: translateX(-50%); display: inline-block; width: 85px; height: 85px; font-size: 34px; text-align: center; line-height: 85px; border-radius: 85px; background: #0065bf; color: #fff; }
.conlxul li p{ font-size: 16px; margin-bottom: 10px; color: #666; }
.conlxul li a{ font-size: 24px; font-family: SEGUISB_1; }
.conlxul li span{ font-size: 16px; line-height: 24px; display: inline-block; }
.conlxul li:hover i{ top: -30px; }

.conmess{ margin-top: 68px; }
.conmess .fo_dime p{ color: #666; }
.conmess .fo_dime p i{ color: #0065bf; font-size: 24px; }
.conmess .fo_mfoul li input,.conmess .fo_mfoul li textarea{ border: 1px solid #d8dae2; background: #f8f9ff; color: #333; }
.conmess .fo_mfoul li input{ height: 55px; }
.conmess .fo_mfoul li textarea{ height: 200px; }
.conmess .fo_mfoul li textarea::-webkit-input-placeholder{ color: #888; }

.map{ margin-top: 70px; }
.mapjp{ border: 1px solid #d8dae2; }


@media screen and (max-width: 1680px){
  
}

@media screen and (max-width: 1600px){
  nav{ margin-right: 34%; }
  nav li{ margin: 0 20px; }
  .logo_clip h2{ font-size: 58px; }
  .logo_clip p{ font-size: 36px; }
  .ipmsdes h4{ font-size: 30px; }
  .iaiico h5{ font-size: 36px; }
  .iaiico i{ width: 65px; height: 65px; line-height: 65px; }
  .iaievv h6{ font-size: 22px; margin-top: 10px; line-height: 30px; }
  .iaievv{ padding: 28px 24px 60px; }
  .iahitem{ height: 440px; }
  .iwivlef h2{ font-size: 38px; line-height: 52px; }
  .inwhy{ padding: 150px 0; }
  .ikitems{ padding: 60px 30px 80px; }
  .ikpis{ width: 280px; }
  .ikrtx{ width: calc(100% - 280px); }
  .sutnr h1{ font-size: 48px; margin-bottom: 20px; }
  .sutnr a{ margin-top: 40px; }
  .scrdv{ margin-bottom: 80px; padding: 35px 0 0 65px; }
  .sech2t{ font-size: 48px; }
  
}

@media screen and (max-width: 1440px){
  .warper{ width: 85%; }
  nav li{ margin: 0 15px; }
  nav{ margin-right: 36%; }
  .banmore a{ padding: 8px 42px; }
  .banmore a i,.ipmsdes a i{ font-size: 15px; }
  .nav_menu{ padding: 32px 0; }
  .nameul dd a{ padding: 18px; }
  .inpult li i{ width: 74px; height: 74px; line-height: 70px; font-size: 30px; }
  .inpult li p{ font-size: 16px; }
  .inptov{ padding: 0 7%; }
  .inpsitm img{ height: 300px; }
  .ipmsdes:before,.ipmsdes:after{ font-size: 160px; }
  .ipmsdes{ padding: 0 64px; }
  .ipmsdes a{ margin-top: 22px; padding: 8px 42px; }
  .ingtxt h2{ font-size: 40px; }
  .ingtxt p{ font-size: 20px; }
  .iahxnr{ padding: 115px 120px 0; }
  .inwhy{ padding: 100px 0; }
  .iwivrig{ padding-left: 45px; }
  .iwivrig iframe{ height: 400px; }
  .iwivlef h2{ font-size: 35px; line-height: 48px; }
  .iktits h2{ font-size: 42px; }
  .ikrtx h4{ font-size: 20px; margin-bottom: 20px; }
  .folce h5{ font-size: 22px; }
  .abcom h4{ margin: 80px 0 16px; }
  .fous, .fonav{ width: 308px; }
  .fnili li{ font-size: 15px; margin-bottom: 6px; }
  .focord li p{ font-size: 16px; margin-top: 12px; }
  .fomess{ padding: 70px 19% 84px; }
  .ichshow h2,.iparne h2{ font-size: 42px; }
  .iparne{ padding: 80px 0; }
  .ienlfp:before,.ienlfp:after{ display: none; }
  footer{ padding-top: 60px; }
  .iativs h2, .iapjxut h2{ font-size: 80px; }
  .iativs p, .iapjxut p{ font-size: 40px; }
  header{ height: 60px; }
  nav li>a{ line-height: 60px; }
  .logo{ top: 14px; }
  .head_rcon{ width: 348px; top: 12px; }
  .nav_menu{ top: 60px; }
  .sutnr p{ font-size: 18px; }
  .sutnr h1{ font-size: 44px; }
  .sutxt{ top: 30%; }
  .scrdv{ padding: 35px 0 0 35px; margin-bottom: 50px; border-radius: 34px; }
  .sctxp h4{ font-size: 27px; line-height: 30px; margin-bottom: 14px; }
  .secnrb{ padding-left: 40px; }
  .sctxp p{ font-size: 18px; }
  .sctxp ul{ margin-top: 15px; }
  .sctxp ul li{ margin-bottom: 10px; }
  .sctxp a{ margin-top: 24px; }
  .sctpi img{ border-radius: 34px; }
  .secase{ padding: 80px 5%; }
  .sech2t{ font-size: 42px; }
  .secarig h3{ font-size: 34px; margin-bottom: 15px; }
  .secarig dl{ margin-top: 24px; }
  .secarig dl dt{ margin-bottom: 14px; }
  .secarig dl dd{ margin-bottom: 10px; }
  .secarig{ padding-left: 30px; }
  .secaivbo{ margin-top: 40px; }
  .gesivlef{ padding-right: 100px; }
  .gseruls li:nth-of-type(even) .gesivlef{ padding-left: 100px; }
  .web_cho{ padding: 80px 0; }
  .web_cho .sech2t, .weone .sech2t, .wefive .sech2t, .wekeiv .sech2t{ font-size: 36px; }
  .weone{ padding: 100px 0 200px; }
  .wonuls li p{ margin-top: 12px; }
  .wonuls li i{ width: 94px; height: 94px; border-radius: 94px; line-height: 94px; }
  .wefive{ padding: 80px 0 90px; }
  .wirig h3{ font-size: 26px; }
  .wirig h4{ font-size: 21px; margin-bottom: 14px; }
  .weivbo{ margin-bottom: 40px; }
  .wekeiv{ padding: 80px 0; }
  .wrctxt{ padding: 46px 56px 62px 34px; }
  .wrctxt h3{ margin-bottom: 18px; }
  .wesarr span{ width: 58px; height: 58px; line-height: 58px; }
  .fomess{ border-radius: 40px; }
  .casewar{ margin-top: 60px; padding: 50px 0 100px; }
  .case_top{ padding: 40px; }
  .case_top .rcon{ padding-top: 60px; }
  .case_name{ margin-top: 25px; }
  .schnum{ padding: 85px 0; }
  .schnum .sech2t{ padding: 0 10%; font-size: 36px; }
  .schfix{ margin-top: 50px; }
  .scnuuls li p{ font-size: 24px; margin-bottom: 12px; }
  .scnuuls li span b{ font-size: 62px; }
  .scnuuls{ gap:60px; }
  .scnuuls li{ width: calc(50% - 60px); }
  .schadv{ padding: 64px 0 85px; }
  .shhdx{ gap:40px }
  .shhdx li{ width: calc(33.333% - 40px); padding: 34px; }
  .scmsiv{ padding: 80px 0 50px; }
  .schadv .sech2t, .scmsiv .sech2t, .scteam .sech2t, .scszi .sech2t{ font-size: 36px; }
  .tal_itemt{ padding: 35px; }
  .ta_itlcon{ width: 300px; }
  .ta_itrcon{ margin-left: 300px; }
  .scgds{ margin-top: 15px; }
  .seitems{ padding: 20px; }
  .scteswi .slick-slide{ padding: 14px; }
  .scszi{ padding: 0 0 80px; }
  .sccculs li{ padding: 30px 40px 42px 28px; }
  .vibox{ padding: 70px 0 50px; }
  .gesivlef h2{ font-size: 32px; margin-bottom: 18px; }
  .vpiti{ margin-bottom: 18px; }
  .gespvp p{ font-size: 20px; }
  .gseruls li{ margin-bottom: 50px; }
  .gesivlef a{ margin-top: 30px; }
  .visp{ padding: 55px 5% 80px; }
  .vistis h2{ width: 75%; font-size: 38px; }
  .newwar{ margin-top: 60px; padding: 50px 0 80px; }
  .netab li a{ font-size: 26px; padding-bottom: 15px; }
  .netop{ margin-top: 40px; }
  .netlef{ padding-right: 0; }
  .ntrsul li{ margin-bottom: 12px; padding-bottom: 12px; }
  .neboul{ margin-top: 55px; }
  .nbixst{ margin-top: 14px; }
  .neboul li{ width: 32%; margin-right: 2%; margin-bottom: 30px; }
  .nemore a{ margin-top: 20px; }
  .n_deltit h1{ font-size: 26px; }
  .infocon .rcon{ padding-left: 45px; }
  .abcom{ padding: 80px 0 180px; }
  .abcom h4{ font-size: 36px; }
  .abcom p{ padding: 0 10%; }
  .abnrmes{ padding: 80px 0; }
  .abh2t{ font-size: 40px; }
  .abnmiv p{ margin-bottom: 15px; }
  .abnmiv{ margin-top: 25px; }
  .abnulns li span{ font-size: 46px; }
  .abnulns{ margin-top: 58px; }
  .abhist{ margin-top: 65px; }
  .abhiuls{ margin-top: 55px; }
  .abhiuls li{ padding-left: 180px; margin-bottom: 20px; }
  .abhiuls li b{ font-size: 46px; }
  .abceriv{ padding-top: 80px; }
  .ablogsho{ padding: 60px 0 0; }
  .ablbots{ margin-top: 38px; }
  .soctxiv{ padding: 26px 10%; }
  .kecutis .abh2t{ font-size: 48px; }
  .kecutis p{ font-size: 24px; }
  .conwar{ padding: 80px 0; }
  .cobrig{ padding-left: 80px; }
  .conbox:before{ width: 620px; height: 115px; }
  .serullist li{ padding: 28px; }
  .sevbox{ padding: 80px 0 30px; }
  .sewar{ margin-top: 60px; }
  .zgusi{ gap:30px }
}


@media screen and (max-width: 1366px){
  .head_rcon{ width: 330px; right: 65px; }
  nav{ margin-right: 32%; }
  .bloiv img{ height: 100px; }
  .bandesc p{ font-size: 18px; }
  .inpsitm{ padding: 0 120px; }
  .ingtxt h2{ font-size: 35px; }
  .ingtxt p{ font-size: 18px; }
  .iativs h2, .iapjxut h2{ font-size: 60px; }
  .iativs p, .iapjxut p{ font-size: 32px; }
  .iaiico h5{ font-size: 30px; }
  .iaiico i{ width: 52px; height: 52px; font-size: 24px; line-height: 52px; }
  .iaievv h6{ font-size: 18px; line-height: 26px; }
  .iahipp p{ font-size: 15px; line-height: 22px; }
  .iahxnr{ padding: 100px 80px 0; }
  .iahitem{ height: 350px; }
  .ikitems{ padding: 30px 30px 45px; border-radius: 40px; }
  .ikrtx h3{ font-size: 26px; }
  .ikrtx h4{ margin-bottom: 12px;font-size:18px; }
  .iparne{ padding: 45px 0; }
  .ichshow h2, .iparne h2{ font-size: 36px; }
  .iplouls{ margin-top: 30px; }
  .iplogo .changpic:last-child{ border-radius: 14px; }
  .folce{ padding-top: 45px; }
  .ichshow{ padding: 0 0 24px; }
  .l_fixed{ top: 28%; }
  .sutnr h1{ font-size: 36px; }
  .sutxt{ top: 24%; }
  .sctxp h4{ font-size: 24px; }
  .gesivlef{ padding-right: 60px; }
  .gseruls li:nth-of-type(even) .gesivlef{ padding-left: 60px; }
  .gesp p{ margin-bottom: 12px; font-size: 20px; }
  .gufune{ padding-top: 60px; }
  .sech2t{ font-size: 36px; }
  .gufbox{ margin-top: 50px; }
  .web_cho{ padding: 70px 0; }
  .wrctxt a{ margin-top: 28px; }
  .wrctxt h3{ font-size: 24px; }
  .ta_itlcon{ width: 260px; }
  .ta_itrcon{ margin-left: 260px; }
  .ta_itrcon h3{ font-size: 22px; }
  .seiar{ width: 146px; }
  .seitna{ width: calc(100% - 146px); padding: 20px 0 0 15px; }
  .vibox .gseruls{ margin-top: 0px; }
  .serullist{ gap:20px; }
}

@media screen and (max-width: 1280px){
  nav li{ margin: 0 10px; }
  nav{ margin-right: 33%; }
  .banmore{ margin-top: 38px; }
  .inpsitm{ padding: 0 80px; }
  .ipmsdes h4{ font-size: 23px; }
  .ipmsdes:before, .ipmsdes:after{ font-size: 130px; }
  .ipmsdes:before{ top:-15px }
  .ipmsdes:after{ bottom: -76px; }
  .logo_clip h2{ font-size: 45px; }
  .logo_clip p{ font-size: 30px; }
  .inptov{ padding: 0 5%; }
  .inpult li i{ width: 60px; height: 60px; line-height: 56px; font-size: 24px; }
  .inpsitm img{ height: 280px; }
  .iwivlef a i{ font-size: 16px; }
  .iwivlef a{ padding: 10px 40px; }
  .inwhy{ padding: 80px 0; }
  .iwivrig iframe{ height: 300px; }
  .iktits h2{ font-size: 36px; }
  .iktits p{ font-size: 18px; margin-top: 9px; }
  .ikpis{ width: 260px; }
  .ikrtx{ width: calc(100% - 260px); }
  .secnrb{ padding-left: 25px; }
  .sctxp{ width: 450px; }
  .sctpi{ width: calc(100% - 450px); }
  .scrdv{ padding: 25px 0 0 25px; }
  .sctxp a{ margin-top: 15px; }
  .secarig h3{ font-size: 28px; }
  .weone{ padding: 80px 0 140px; }
  .wirptx p{ margin-bottom: 9px; }
  .wirig{ padding-left: 25px; }
  .wirig h3{ font-size: 23px; margin-bottom: 12px; }
  .weirig{ padding-left: 40px; }
  .scnuuls li span b{ font-size: 48px; }
  .shhdx li{ padding: 24px; width: calc(33.333% - 30px); }
  .shhdx{ gap:30px }
  .seitna span{ font-size: 16px; }
  .vistis h2{ font-size: 34px; }
  .abcom h4{ font-size: 32px; }
  .abbts h5{ font-size: 55px; }
  .soctxiv h4{ font-size: 28px; }
  .soh_prev, .soh_next{ bottom: 130px; }
  .adimlef{ padding-right: 25px; }
  .adimrig{ padding-left: 25px; }
  .additems h4{ font-size: 26px; margin-bottom: 15px; }
  .cobrig{ padding-left: 45px; }
}


@media screen and (max-width: 1200px){
  .dis{ display: none; }
  .undis{ display: block; }
  .banner_home,.subbanner{ margin-top: 58px; }
  #nav .nav-button{display: block; top: -49px; right: 0; }
  header{ height: 58px; background: #fff; }
  .logo{ top: 14px; left: 14px; }
  .warper{ width: 96%; }
  .l_fixed{ display: none; }
  nav{position: fixed; left: 0;top: 0;bottom: 0;width:310px ; z-index: 99;overflow: auto;background: #222; transform: translateX(-310px);transition: 0.3s;}
  nav li{ float: none; padding: 0; margin: 0; }
  nav li>a,.position nav li>a,.page_h  nav li>a{ margin:0; color: #fff; line-height: normal;  display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li.on a, nav li:hover a{ background: #0065bf ; color: #fff; }
  #nav .nav-button i{ color: #fff; }
  nav li a:before{ display: none; }
  #nav .nav-button{ top: 13px; right: 14px; background: #0065bf; }
  .position nav li>a, .pageh nav li>a { color: #fff; }
  .position .hetel, .position .hetel a, .hetel, .hetel a, .hedelu a, .position .hedelu a,.pageh .hetel, .pageh .hetel a, .pageh .hedelu a{ color: #333 !important; }
  .nav_menu{ left: 0; top: 0; text-align: left; height: auto !important; display: block !important; width: auto; padding: 0; border: none; background: #2e2e2e;  position: inherit;  }
  .nav_menu .warper{ width: 100%; }
  .nav_menu h5,.nvtits p{ display: none; }
  .nameul{ display: block; }
  .nameul dd{ width: 100%; margin-right: 0; }
  .nameul dd a{ display: block; width: 100%; background: transparent !important; color: #fff !important; padding: 14px 20px; }
  .nvtits h6{ color: #fff; margin-bottom: 0; font-size: 14px; }
  .nameul dd a:hover{ background: #0065bf !important; }
  .ingtxt h2{ font-size: 28px; }
  .ingtxt{ top:7%; }
  .iativs h2, .iapjxut h2{ font-size: 50px; }
  .iativs p, .iapjxut p{ font-size: 28px; }
  .iaievv{ padding: 18px 14px 35px; }
  .iahxnr{ padding: 79px 34px 0; }
  .iaiico h5{ font-size: 24px; margin-left: 10px; }
  .iaiico i{ width: 48px; height: 48px; line-height: 48px; }
  .iahitem{ height: 320px; }
  .bloiv img{ height: 80px; }
  .iwivlef h2{ font-size: 28px; line-height: 44px; }
  .iwivrig{ padding-left: 0; }
  .ikitems{ padding: 20px; border-radius: 20px; }
  .ikrtx{ padding: 14px 0 0 20px; width: calc(100% - 200px); }
  .ikrtx h3{ font-size: 25px; line-height: 32px; }
  .ikpis{ width: 200px; }
  .ikivs .item{ margin: 0 14px; }
  .fomess{ padding: 50px 10% 60px; }
  .fonav{ width: 284px; }
  .sutnr h1{ font-size: 26px; margin-bottom: 12px; }
  .sutnr p{ font-size: 17px; line-height: 28px; }
  .sutnr a{ margin-top: 20px; }
  .sutnr a i{ font-size: 16px; }
  .sutxt{ top: 26%; }
  .sevbox{ padding: 65px 0 50px; }
  .scrdv{ margin-bottom: 20px; }
  .secase{ padding: 55px 5%; }
  .secaivbo{ margin-top: 22px; }
  .secalef .changpic{ border-radius: 20px; }
  .sech2t{ font-size: 30px; }
  .secarig h3{ font-size: 24px; }
  .secarig h5{ font-size: 20px; }
  .secarig dl dt{ font-size: 22px; }
  .gugser{ padding: 50px 0; }
  .gesivlef h2{ font-size: 25px; }
  .gesp p{ font-size: 18px; }
  .gseruls{ margin-top: 32px; }
  .gufune{ margin-top: 50px; }
  .web_cho{ padding: 56px 0; }
  .web_cho .sech2t, .weone .sech2t, .wefive .sech2t, .wekeiv .sech2t{ font-size: 28px; }
  .wejul{ margin-top: 25px; }
  .welink{ margin-top: 35px; }
  .wonuls{ margin-top: 60px; }
  .wrctxt{ padding: 35px 40px 42px 30px; }
  .wrctxt h3{ font-size: 22px; margin-bottom: 10px; }
  .wrctxt a{ padding: 8px 36px; }
  .wekeiv{ padding: 50px 0; }
  .weswi{ margin-top: 10px; }
  .wesarr span{ width: 50px; height: 50px; line-height: 50px; }
  .wesarr span i{ font-size: 24px; }
  .schnum{ padding: 65px 0; }
  .schnum .sech2t,.vistis h2{ font-size: 30px; line-height: 50px; }
  .scflef{ padding-top: 30px; }
  .scnuuls li span b{ font-size: 42px; }
  .schadv{ padding: 50px 0; }
  .scmsiv{ padding: 55px 0 40px; }
  .schadv .sech2t, .scmsiv .sech2t, .scteam .sech2t, .scszi .sech2t{ font-size: 30px; }
  .tal_itemt{ padding: 24px; }
  .scteam{ padding: 20px 0 40px; }
  .sccculs li{ padding: 30px; }
  .sccculs{ margin-top: 22px; }
  .vistis h2:before,.vistis h2:after{ display: none; }
  .netab li a{ font-size: 20px; }
  .newwar{ padding: 40px 0 50px; }
  .n_deltit{ padding-bottom: 20px; }
  .n_deltit h1{ font-size: 23px; }
  .info_text p{ margin-bottom: 14px; }
  .abwar{ margin-top: 58px; }
  .abnrmes{ padding: 60px 0; }
  .abh2t{ font-size: 32px; }
  .abnulns li span{ font-size: 36px; }
  .abhiuls li{ padding-left: 100px; margin-bottom: 9px; }
  .abhiuls li b{ font-size: 34px; }
  .abcswi{ padding: 245px 0 122px; }
  .ablogsho{ padding-top: 45px; }
  .alouls{ padding: 0; }
  .abbts h5{ font-size: 46px; }
  .shswiv{ width: 62%; }
  .shhiv,.khcui{ margin-top: 58px; padding: 60px 0; }
  .shhiv .abh2t{ font-size: 32px; }
  .kecutis .abh2t{ font-size: 36px; }
  .kecutis p{ font-size: 20px; }
  .wefive{ padding: 50px 0 60px; }
  .weivs{ margin-top: 34px; }
  .adimlef a{ margin-top: 12px; }
  .conbox:before{ display: none; }
  .conwar{ padding: 60px 0; }
  footer{ padding-top: 45px; }
  .casewar{ margin-top: 58px; padding: 40px 0 60px; }
  .zgusi li h3{ font-size: 20px; margin: 14px 0; }
  .zysul,.zgusi{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media screen and (max-width: 768px){
  .head_rcon{ width: 158px; }
  .hetel{ display: none; }
  .bloiv img{ height: 44px; }
  .banner_home{ display: block; }
  .banner_home,.bantext,.banvideo{ height: 350px; }
  .bandesc p{ font-size: 17px; letter-spacing: 5px; }
  .mouse_scrll{ display: none; }
  .banmore a{ padding: 6px 35px; }
  .inyiv,.iybox,.iybgs,.logo_clip{ height: 250px; }
  .iybgs svg{ display: none; }
  .logo_clip h2{ font-size: 28px; }
  .logo_clip p{ font-size: 18px; }
  .logo_clip{ top: 0; }
  .inprqh{ padding: 42px 0; min-height: auto; }
  .inptov{ padding: 0; }
  .inpult li p{ margin-top: 5px; font-size: 15px; }
  .inpswiv{ margin-top: 12px; }
  .inpsitm img{ height: 178px; }
  .inpsitm{ padding: 0; }
  .ipmsdes h4{ font-size: 19px; margin-bottom: 8px; }
  .ipmsdes:before,.ipmsdes:after{ display: none; }
  .ipmsdes{ padding: 0; }
  .ipmsdes a{ margin-top: 14px; }
  .inghiv{ min-height: auto; }
  .ingimg{ height: 400px; width: 74%; }
  .ingimg img{ height: 400px; }
  .ingtxt{ right: 77%;  }
  .ingtxt h2{ font-size: 24px; }
  .ingtxt p{ height: 35%; }
  .inabrtx{ display: none; }
  .ipankf{ height: auto; display: block; clip-path:none; -webkit-clip-path:none; }
  .inabil{ background: #000; padding: 45px 0; }
  .iapjxut{ position: static; transform: translateY(0); }
  .iahxnr{ padding: 28px 3% 0; position: static; }
  .iativs h2, .iapjxut h2{ font-size: 30px; }
  .iativs p, .iapjxut p{ font-size: 20px; }
  .iajths{ gap: 0; display: block; }
  .iahitem{ width: 100%; height: auto; margin-bottom: 6px; }
  .iajths .iahitem:last-child{ margin-bottom: 0; }
  .iahitem.active{ transform: rotate(0deg); transition: transform .5s; }
  .iahitem.active .iwyvdf{ transform: translate3d(0, 10%, 0) rotate(0deg); }
  .inwhy{ padding: 40px 0; }
  .iwhivs{ display: block; }
  .iwivlef{ width: 100%; }
  .iwivrig{ width: 100%; margin-top: 12px; }
  .iwivlef span{ font-size: 19px; }
  .iwivlef h2{ margin-top: 10px; font-size: 20px; line-height: 30px; }
  .iwivlef a{ margin-top: 12px; padding: 8px 30px; }
  .iwivrig iframe{ border-radius: 10px; }
  .inkhyhs{ padding: 50px 0; }
  .iktits h2{ font-size: 30px; }
  .iktits p{ font-size: 16px; }
  .ikivs{ margin-top: 20px; }
  .ikivs .slick-dots{ margin-top: 22px; }
  .ienlfp{ height: auto; }
  .ixajv{ position: static; height: auto; }
  .ichshow h2, .iparne h2{ font-size: 26px; }
  .iplouls{ margin-top: 12px; gap: 10px; }
  .ichlogo{ margin-top: 20px; gap: 10px; }
  .ichlogo li{ margin-bottom: 0; width: calc(20% - 10px); }
  .iplouls li{ width: calc(25% - 10px); margin-bottom: 0; }
  footer{ padding-top: 32px; }
  .fomess{ padding: 30px 6%; border-radius: 15px; }
  .fomess h4{ font-size: 19px; }
  .foivs button{ width: 134px; }
  .foivs input{ padding-right: 150px; }
  .fonav{ display: none; }
  .folce{ padding-top: 28px; }
  .focord{ margin-top: 20px; }
  .focord li p{ margin-top: 5px; font-size: 15px; }
  .fous, .fonav{ padding-top: 35px; }
  .folce h5{ font-size: 18px; }
  .fxulst li:first-child{ font-size: 22px; }
  .copfot{ margin-top: 20px; padding: 12px 0; }
  .ikrtx h3{ font-size: 20px; }
  .ikrtx h4{ font-size: 17px; }
  .backToTop{ right: 0; width: 42px; height: 42px; }
  .sutnr p{ display: none; }
  .sutnr h1{ margin-bottom: 0; }
  .sutnr h1{ font-size: 24px; }
  .secard{ display: none; }
  .secnrb{ padding-left: 0; margin-left: 0; width: 100%; }
  .sevbox{ padding: 40px 0 50px; }
  .scrdv{ border-radius: 18px; padding: 15px 0 0 20px; }
  .sctxp h4{ font-size: 22px; margin-bottom: 8px; }
  .sctxp ul li{ margin-bottom: 5px; }
  .sctxp ul{ margin-top: 6px; }
  .sctpi img{ border-radius: 10px; }
  .secase{ padding: 38px 4%; }
  .sech2t{ font-size: 25px; }
  .secaivbo{ margin-top: 14px; }
  .secalef{ width: 50%; }
  .secarig{ width: 50%; padding-left: 15px; }
  .secarig h3{ font-size: 21px; margin-bottom: 6px; }
  .secarig h5{ font-size: 17px; }
  .secarig dl{ margin-top: 10px; }
  .secarig dl dt{ font-size: 18px; margin-bottom: 6px; }
  .gesivlef h2{ font-size: 22px; margin-bottom: 10px; }
  .gesp p{ font-size: 17px; margin-bottom: 5px; }
  .gesivlef{ padding-right: 15px; }
  .gseruls li:nth-of-type(even) .gesivlef{ padding-left: 15px; }
  .gseruls li{ margin-bottom: 15px; }
  .gufune{ margin-top: 10px; padding-top: 12px; }
  .gufbox{ margin-top: 14px; }
  .gfblef .changpic{ border-radius: 12px; box-shadow: none; }
  .gfbrig{ padding-left: 12px; }
  .web_cho{ padding: 45px 0; }
  .web_cho .sech2t, .weone .sech2t, .wefive .sech2t, .wekeiv .sech2t{ font-size: 24px; }
  .wejul li p{ font-size: 16px; }
  .wejul li{ padding-bottom: 12px; border-radius: 10px; }
  .weone{ padding: 45px 0; }
  .wonuls{ margin-top: 24px; flex-wrap: wrap; }
  .wonuls li i{ width: 50px; height: 50px; line-height: 50px; font-size: 26px; }
  .wonuls li p{ font-size: 15px; margin-top: 5px; }
  .wonuls li{ width: 33.33%; margin-bottom: 12px; }
  .weivs{ margin-top: 20px; }
  .weilef{ display: none; }
  .weirig{ width: 100%; padding-left: 0; margin-left: 0; }
  .wirig h3{ font-size: 20px; margin-bottom: 6px; }
  .wirig h4{ font-size: 18px; margin-bottom: 6px; }
  .wirptx p{ font-size: 15px; margin-bottom: 5px; }
  .weivbo{ margin-bottom: 20px; }
  .wecase{ flex-wrap: wrap; }
  .weclef{ width: 100%; }
  .wecrig{ width: 100%; padding: 0; }
  .weclef .changpic{ border-radius: 10px; }
  .wesgds .slick-slide{ padding: 20px 30px; }
  .wrctxt{ border-top-left-radius: 0; padding: 20px; border-top-right-radius: 0; }
  .wrctxt p{ height: auto; }
  .wrctxt a{ margin-top: 14px; }
  .wes_prev{ left: -12px; }
  .wes_next{ right: -12px; }
  .schnum{ padding: 45px 0; }
  .schnum .sech2t{ padding: 0; }
  .schnum .sech2t, .vistis h2{ font-size: 22px; line-height: 33px; }
  .schfix{ margin-top: 20px; flex-wrap: wrap; }
  .scflef{ width: 100%; padding-top: 0; }
  .scfrig{ width: 100%; margin-top: 14px; }
  .scnuuls li p{ font-size: 18px; margin-bottom: 6px; }
  .scnuuls li span{ font-size: 18px; }
  .scnuuls li span b{ font-size: 28px; }
  .scnuuls{ gap:15px; }
  .scnuuls li{ text-align: center; }
  .schadv{ padding: 40px 0; }
  .schadv .sech2t, .scmsiv .sech2t, .scteam .sech2t, .scszi .sech2t{ font-size: 26px; }
  .shhdx{ margin-top: 18px; gap:12px; }
  .shhdx li{ width: calc(33.333% - 12px); padding: 12px; border-radius: 10px; }
  .shhdx li i{ font-size: 25px; }
  .shhdx li h4{ font-size: 19px; margin: 5px 0; }
  .shhdx li p{ font-size: 15px; line-height: 23px; }
  .scmsiv{ padding: 40px 0; }
  .tal_twdiv{ margin-top: 20px; }
  .tal_itemt{ padding: 12px; flex-wrap: wrap; }
  .ta_itlcon{ width: 100%; float: none; }
  .ta_itrcon{ margin-left: 0; margin-top: 12px; padding-left: 0; }
  .ta_itrcon h3{ font-size: 19px; }
  .adv_ulli li{ margin-bottom: 3px; }
  .scteam{ padding: 0 0 28px; }
  .seitems{ padding: 14px; }
  .scteswi .slick-slide{ padding: 8px; }
  .sccculs{ margin-top: 18px; flex-wrap: wrap; }
  .sccculs li{ padding: 15px; border-radius: 10px; width: 100%; margin-left: 0; margin-bottom: 6px; }
  .sccculs li:last-child{ margin-bottom: 0; }
  .sccculs li h3{ font-size: 20px; }
  .sccitem{ margin-top: 6px; }
  .sccitem h5{ margin-bottom: 6px; margin-top: 10px; }
  .scszi{ padding: 0 0 40px; }
  .vibox{ padding: 40px 0 45px; }
  .gespvp p{ font-size: 18px; }
  .visp{ padding: 10px 3% 40px; }
  .vistis h2{ padding: 0; }
  .newwar{ padding: 30px 0 45px; }
  .netab{ padding: 0 20px; }
  .netab li a{ font-size: 17px; }
  .netop{ margin-top: 20px; flex-wrap: wrap; }
  .netlef{ width: 100%; }
  .netrig{ width: 100%; padding: 0; margin-top: 12px; }
  .nbitxt h3{ font-size: 20px; }
  .nbitxt span{ margin-top: 10px; }
  .neboul{ margin-top: 30px; }
  .neboul li{ width: 49%; margin-bottom: 20px; }
  .neboul li:nth-of-type(even){ margin-right: 0; }
  .neboul li:nth-of-type(3n){ margin-right: 2%; }
  .nbixst span{ margin-top: 6px; }
  .infocon .rcon{ display: none; }
  .infocon .lcon{ width: 100%; float: none; }
  .n_deltit h1{ font-size: 20px; }
  .infocon{ margin-top: 24px; }
  .info_text p{ line-height: 28px; }
  .infocon .other .ot_rcon .ot_nav:after,.infocon .other .ot_lcon .ot_nav:after{ font-size: 30px; }
  .abcom{ padding: 45px 0; }
  /*.abcom img{ height: 160px; }*/
  .abcom h5{ font-size: 22px; }
  .abcom h4{ font-size: 24px; margin: 10px 0; }
  .abcom p{ padding: 0; }
  .abnrmes{ padding: 42px 0; }
  .abh2t{ font-size: 24px; }
  .abnmiv p{ margin-bottom: 7px; line-height: 28px; }
  .abnmiv{ margin-top: 12px; }
  .abnulns{ margin-top: 16px; }
  .abnulns li span{ font-size: 25px; }
  .abnulns li p{ font-size: 15px; }
  .abhist{ margin-top: 30px; }
  .abhiuls{ margin-top: 24px; }
  .abhiuls li{ padding-left: 0; margin-bottom: 6px; }
  .abhiuls li b{ margin-right: 30px; font-size: 30px; }
  .abceriv{ padding-top: 40px; }
  .abcswi{ padding: 108px 0 50px; margin-top: 0; }
  .bandd.swiper-pagination{ margin-top: 22px; }
  .abbts p{ font-size: 20px; }
  .abbts h5{ font-size: 35px; }
  .abbts{ width: 50%; }
  .ablbots{ margin-top: 20px; }
  .abwar{ padding-bottom: 40px; }
  .alouls li{ width: 32%; margin-right: 2%; }
  .alouls li:nth-of-type(3n){ margin-right: 0; }
  .shhiv, .khcui{ padding: 50px 0; }
  .shhiv .abh2t{ font-size: 26px; }
  .shswiv{ width: 100%; margin-top: 20px; }
  .soctxiv{ padding: 20px 6%; }
  .part-list{ display: flex; flex-wrap: wrap; }
  .part-list li:nth-of-type(3n){ margin-right: 0; }
  .part-list .column{ border-radius: 0; overflow: visible; background: transparent; box-shadow: none; position: static; height: 120px !important; }
  .part-list .column img{ position: static; transform: translate(0); border-radius: 100%; }
  .part-list li{ width: 32% !important; margin-bottom: 12px; margin-right: 2%; text-align: center; }
  .part-list .column:hover img{ position: static; transform: translate(0);}
  .inplogo{ margin-top: 20px; }
  .getbox,.getboxtt{ width: 90%; top: 30px; padding: 10px; }
  .kecutis .abh2t{ font-size: 24px; margin-bottom: 6px; }
  .kecutis p{ font-size: 16px; }
  .wefive{ padding: 42px 0 50px; }
  .weivbo{ padding: 20px; }
  .additems h4{ font-size: 22px; margin-bottom: 10px; }
  .adivmes h5{ font-size: 20px; margin-bottom: 10px; }
  .adimlef{ padding-right: 0; }
  .conwar{ padding: 45px 0; }
  .conbox{ flex-wrap: wrap; }
  .coblef{ width: 100%; }
  .cobrig{ width: 100%; margin-top: 14px; padding-left: 0; }
  .contis h2{ font-size: 24px; }
  .contis p{ font-size: 25px; }
  .map{ margin-top: 14px; }
  .cms_mes{ margin-top: 15px; }
  .con_conlx{ margin-top: 8px; }
  .con_conlx li{ margin-bottom: 14px; }
  .con_conlx li p{ font-size: 19px; }
  .cocord{ margin-top: 20px; }
  .sutnr h2{ display: none; }
  .case_top{ padding: 25px; }
  .case_top .lcon h1{ font-size: 23px; }
  .case_top .lcon{ padding-right: 20px; }
  .inyeiv{ position: static; }
  .serullist li{ padding: 18px; }
  .serullist li h3{ font-size: 18px; }
}

@media screen and (max-width:480px){
  footer{ margin-bottom: 60px; }
  .footmenu{ display: block; }
  .footmenu div.con{ background: #0065bf; }
  .hedelu{ display: none; }
  .head_rcon{ width: 92px; }
  .logo img{ height: 22px; }
  .abhiuls{ height:390px; }
  .logo{ top: 18px; }
  .bloiv img{ height: 28px; }
  .bandesc p{ font-size: 16px; padding: 0 5%; }
  .bandesc{ margin-top: 15px; }
  .banmore{ margin-top: 22px; }
  .banner_home, .bantext, .banvideo{ height: 240px; }
  .inyiv, .iybox, .iybgs, .logo_clip{ height: 180px; }
  .logo_clip h2{ font-size: 24px; }
  .logo_clip p{ margin-top: 6px; }
  .inprqh{ padding: 28px 0; }
  .inpsitm img{ height: 150px; }
  .ingtxt h2{ font-size: 20px; }
  .ingtxt p{ height: 26%; margin-top: 10px; }
  .inabil{ padding: 25px 0; }
  .iativs h2, .iapjxut h2{ font-size: 24px; }
  .iativs p, .iapjxut p{ font-size: 17px; }
  .iaiico h5{ font-size: 20px; }
  .inwhy,.inkhyhs{ padding: 25px 0; }
  .iktits h2{ font-size: 24px; }
  .ikitems{ flex-wrap: wrap; text-align: center; border-radius: 10px; }
  .ikrtx{ width: 100%; padding: 12px; }
  .ikpis{ margin: 0 auto; width: 100px; }
  .ikrtx h3{ font-size: 18px; margin-bottom: 6px; }
  .ikrtx h4{ margin-bottom: 5px; }
  .iparne{ padding: 28px 0;  }
  .iplouls li{ width: calc(50% - 10px); }
  .ichlogo li{ width: calc(33.333% - 10px); }
  .ichshow{ padding: 20px 0; }
  .fomess{ padding: 20px 14px; }
  .folce{ flex-wrap: wrap; }
  .fous, .fonav{ width: 100%; padding: 0; }
  .fologo{ margin-top: 18px; }
  .fologo a{ display: none; }
  .focord{ margin-top: 12px; }
  .sutnr a{ display: none; }
  .scrdv{ padding: 16px; flex-wrap: wrap; }
  .sctxp{ width: 100%; }
  .sctpi{ width: 100%; padding: 0; margin-top: 10px; }
  .sctxp h4{ font-size: 20px; }
  .secase{ padding: 28px 4%; }
  .secaivbo{ flex-wrap: wrap; }
  .secalef{ width: 100%; }
  .secarig{ width: 100%; padding: 0; margin-top: 8px; }
  .secalef .changpic{ border-radius: 10px; }
  .gugser{ padding: 24px 0; }
  .gseiv{ flex-wrap: wrap; }
  .gesivlef{ width: 100%; padding: 0; }
  .gesivrig{ width: 100%; margin-top: 12px; }
  .gesivlef a{ margin-top: 12px; }
  .gseruls li:nth-of-type(even) .gesivlef{ order: 1; padding-left: 0; }
  .gseruls li:nth-of-type(even) .gesivrig{ order: 2; }
  .gufbox{ flex-wrap: wrap; }
  .gfblef{ width: 100%; }
  .gfbrig{ width: 100%; padding: 0; margin-top: 6px; }
  .web_cho{ padding: 28px 0; } 
  .web_cho .sech2t, .weone .sech2t, .wefive .sech2t, .wekeiv .sech2t{ font-size: 22px; }
  .wejul{ margin-top: 14px; }
  .welink{ margin-top: 18px; }
  .weone{ padding: 30px 0; }
  .wefive{ padding: 30px 0 35px; }
  .weivbo{ flex-wrap: wrap; padding: 10px; border-radius: 10px; }
  .wilef{ width: 100%; }
  .wirig{ width: 100%; padding: 0;  margin-top: 6px;}
  .wilef .changpic{ border-radius: 10px; }
  .wekeiv{ padding: 25px 0; }
  .casewar{ padding: 0 0 30px; }
  .case_top{ padding: 10px; }
  .case_top .lcon{ padding-right: 0; float: none; width: 100%; }
  .case_top .rcon{ width: 100%; float: none; padding-top: 14px; }
  .case_name{ margin-top: 10px; }
  .wrctxt{ padding: 12px; }
  .wrctxt h3{ font-size: 20px; }
  .schnum{ padding: 24px 0; }
  .schnum .sech2t, .vistis h2{ font-size: 20px; line-height: 28px; }
  .scnuuls li{ width: calc(50% - 15px); }
  .schadv{ padding: 20px 0; }
  .shhdx{ gap:10px; }
  .shhdx li{ width: calc(50% - 5px); }
  .scmsiv{ padding: 28px 0; }
  .schadv .sech2t, .scmsiv .sech2t, .scteam .sech2t, .scszi .sech2t{ font-size: 24px; }
  .netab li{ margin-right: 12px; }
  .nsalef{ width: 200px; }
  .nsarig{ width: calc(100% - 200px); }
  .infocon .other .ot_lcon,.infocon .other .ot_rcon{ width: 45%; }
  .vibox{ padding: 28px 0; }
  .abcom h4{ font-size: 20px; }
  .abcom h5{ font-size: 18px; }
  /*.abcom img{ height: 28px; }*/
  .abcom{ padding: 30px 0 25px; }
  .abnrmes{ padding: 30px 0; }
  .abnulns{ flex-wrap: wrap; }
  .abnulns li{ width: 50%; }
  .abhiuls li b{ font-size: 22px; }
  .abhiuls li p{ font-size: 17px; }
  .abceriv{ padding-top: 20px; }
  .ablogsho{ padding-top: 12px; }
  .abbts h5{ font-size: 27px; }
  .alouls li{ margin-bottom: 10px; }
  .soctxiv h4{ font-size: 23px; }
  .soh_prev i, .soh_next i{ font-size: 20px; }
  .soh_prev, .soh_next{ bottom: 125px; }
  .shhiv, .khcui{ padding: 30px 0; }
  .shhiv .abh2t{ font-size: 22px; }
  .additems{ padding: 0;  }
  .adivmes{ flex-wrap: wrap; }
  .adimrig{ padding-left: 0; width: 100%; order: 1; }
  .adimlef{ width: 100%; order: 2; margin-top: 12px; }
  .adimlef a{ margin-top: 5px; }
  .conwar{ padding: 20px 0; }
  .cms_mes ul li{ float: none; width: 100%; margin-bottom: 5px; }
  .cms_mes ul li:nth-of-type(even){ margin-left: 0; }
  .ingtxt{ left: 0; }
  #divAI{ right: 0 !important; bottom: 70px !important; }
  .ingimg{ display:none;}
  .ingtxt{ position:static; text-align:center; padding: 15px 0; display:block;  }
  .vertxt{ writing-mode: horizontal-tb;}
  .robotIn{ bottom: 70px !important; }
  .serullist{ gap:10px; grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .sewar{ margin-top: 20px; }
  .zysul,.zgusi{ gap:10px; grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .zgusi li{ padding: 15px; }
  .zgusi li p{ margin-bottom: 10px; }
}