@charset "utf-8";
/* CSS Document */
body{font-family:Montserrat-ExtraLight,Arial, Helvetica, sans-serif;  font-size: 18px;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:#c72229;}
a:focus,input:focus,button:focus,textarea:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }

/* 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);
}

.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: 'Montserrat-ExtraBold';
  src: url('fonts/Montserrat-ExtraBold.otf');
  src: local('☺'), url('fonts/Montserrat-ExtraBold.woff') format('woff'), url('fonts/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MontserratBold';
  src: url('fonts/MontserratBold.otf');
  src: local('☺'), url('fonts/MontserratBold.woff') format('woff'), url('fonts/MontserratBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat-Light';
  src: url('fonts/Montserrat-Light.otf');
  src: local('☺'), url('fonts/Montserrat-Light.woff') format('woff'), url('fonts/Montserrat-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MontserratMedium';
  src: url('fonts/MontserratMedium.otf');
  src: local('☺'), url('fonts/MontserratMedium.woff') format('woff'), url('fonts/MontserratMedium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MontserratRegular';
  src: url('fonts/MontserratRegular.otf');
  src: local('☺'), url('fonts/MontserratRegular.woff') format('woff'), url('fonts/MontserratRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MontserratSemiBold';
  src: url('fonts/MontserratSemiBold.otf');
  src: local('☺'), url('fonts/MontserratSemiBold.woff') format('woff'), url('fonts/MontserratSemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat-ExtraLight';
  src: url('fonts/Montserrat-ExtraLight.otf');
  src: local('☺'), url('fonts/Montserrat-ExtraLight.woff') format('woff'), url('fonts/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat-Black';
  src: url('fonts/Montserrat-Black.otf');
  src: local('☺'), url('fonts/Montserrat-Black.woff') format('woff'), url('fonts/Montserrat-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "iconfont"; /* Project id 5128376 */
  font-display: swap;
  src: url('fonts/iconfont.woff2?t=1771899079387') format('woff2'),
       url('fonts/iconfont.woff?t=1771899079387') format('woff'),
       url('fonts/iconfont.ttf?t=1771899079387') format('truetype');
}

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

.icon-a-10Ahomezhuye:before {
  content: "\e675";
}

.icon-zhuanyegongchang-:before {
  content: "\e645";
}

.icon-shipin1:before {
  content: "\e677";
}

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

.icon-dingdanliucheng_xianxing:before {
  content: "\e8ee";
}

.icon-ranqiguanduan:before {
  content: "\e61d";
}

.icon-zixunguanli:before {
  content: "\e684";
}

.icon-zixun2:before {
  content: "\e629";
}

.icon-wenhao:before {
  content: "\e626";
}

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

.icon-shipin:before {
  content: "\e63e";
}

.icon-icon_duihao-mian:before {
  content: "\e63d";
}

.icon-dizhi1:before {
  content: "\e814";
}

.icon-wen:before {
  content: "\e60e";
}

.icon-fankuifaqs:before {
  content: "\e7bf";
}

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

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

.icon-youtube2:before {
  content: "\ea07";
}

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

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

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

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

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

.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-status-play-copy:before {
  content: "\e614";
}

.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-original-whatapp:before {
  content: "\e60d";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-24gf-play:before {
  content: "\ea82";
}

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

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

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

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

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

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

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

.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-duihua1:before {
  content: "\e72a";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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: #f5f5f5;  }
.warper{ width:1400px; margin:0 auto; position: relative;}
.backToTop{width:50px; height:50px; z-index: 666; border-radius: 50px; background:#c72229 url(images/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:0; text-indent:9999px; bottom:80px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

header{ height: 126px; background: #fff; width: 100%; z-index: 999; position: fixed; top: 0; left: 0; }
.h_top{ height: 45px; position: relative; }
.h_top:before{ content: ""; position: absolute; border-bottom-left-radius: 22px; top: 0; width: 62%; right: 0; height: 100%; z-index: -1; background: #00a0e9; }

.h_tlx{ line-height: 45px; font-size: 15px; float: right; overflow: hidden; }
.h_tlx li{ float: left; padding: 0 50px; position: relative; }
.h_tlx li::before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 15px; background: rgb(255 255 255 / 40%);}
.h_tlx li i{ margin-right: 4px; font-size: 20px; color: #fff; }
.h_tlx li a{ color: #fff; }
.h_tlx li a:hover{ color: #fff; text-decoration: underline; }
.h_tlx li *{ vertical-align: bottom; }
.h_tlx li:last-child{ padding-right: 0; }
.h_tlx li:first-child{ padding-left: 0; }
.h_tlx li:last-child::before{ display: none;}
.m_li{ float: right; margin-top: 12px; margin-left: 100px; }
.m_li a{ display: inline-block; margin-left: 12px; color: #fff; font-size:20px; }



.h_bot{ position: relative; }

#nav:after{  content: '';  display: block;  clear: both;}
.logo{ position: absolute; top: -48px; left:0; }
.logo img{ width: auto; }

.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;}

.position{ box-shadow: 0 1px 10px rgba(0,0,0,0.12); background: #fff; }


nav{ float: right; margin-right: 72px; }
nav li{ float: left; margin: 0 35px; line-height: 81px; position: relative; }
nav li>a{ position: relative; font-family: MontserratSemiBold;  display: block; text-align: center; transition:0.5s;}
nav li.on a,nav li:hover a{ color: #00a0e9; }
nav li:last-child{ margin-right: 0; }
nav dl{ transition: opacity 1s ease; border-radius: 0 0 5px 5px; position: absolute; display: none; background:#fff; padding: 0 16px; min-width: 250px; top:81px; left:0; z-index: 999;  }
nav dl dd{ display: block; position: relative; border-bottom: 1px solid #eee;  }
nav dl dd:last-child{ border: none; }
nav li dl dd a{ opacity: 1; font-size: 15px; line-height: 20px; background: transparent !important; color: #666 !important; display: block; padding: 14px 0; text-align: left; text-transform: capitalize;}
nav li dl dd a:before{ display: none; }
nav li dl dd a:hover{ cursor: pointer; color: #00a0e9 !important;}
nav dl dd div{ width: 240px;position: absolute; left: 100%; top: 0; background:rgba(1,49,131,.8); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:16px 10px; color: #fff !important; border-bottom: none; min-width: 200px; }

.hssearch{ cursor: pointer; position: absolute; top: 26px; right: 0;}
.hssearch i{ display: inline-block; text-align: center; font-size: 26px; font-weight: bold; color: #828282; }
.search_box{display: none;border-top: 1px solid #f5f5f5;padding:32px 0;  z-index: 1000;background: #fff;position: fixed;top: 126px;left: 0;width: 100%;box-shadow: 0 5px 5px rgb(0 0 0 / 15%);}
.search_box .warper{ padding: 0 5%; }
.searchform{ overflow: hidden; position: relative; width: 100%; transition: all .3s;}
.searchform input{width: 100%;font-size: 16px;border: 1px solid #e7e7e7;border-top-left-radius: 5px;border-bottom-left-radius: 5px;color: #000;background: #fff;line-height:48px;padding-left:20px;padding-right: 98px;font-family: Montserrat-ExtraLight;}
.searchform button{ width:88px; line-height:44px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background:#00a0e9; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform button i{ color: #fff; font-size: 22px; }
.searchform input::-webkit-input-placeholder { color: #666;}
.searchform input:-moz-placeholder {  color: #666;}



.banner_home{ margin-top: 126px; position: relative; overflow: hidden; }
.banner{ overflow: hidden; }
.banner .item img{ width: 100%; }
.ban_arrow{ width: 100%; position: absolute; top: 45%; left: 0;  }
.ban_arrow span{ display: inline-block; width:55px; height:55px; line-height:55px; background: rgba(255, 255, 255, 0.3); text-align: center; border-radius: 55px; cursor: pointer; position: absolute; top: 0; }
.ban_arrow span i{ color: #fff; font-size: 22px; font-weight: bold; }
.ban_arrow span.ban_prev{ left: 8%; transform: rotate(180deg); }
.ban_arrow span.ban_next{ right: 8%; }
.ban_arrow span:hover{ background: #c72229; }
.ban_arrow span:hover i{ color: #fff; }
.banner .item a{ display: block; width: 100%; position: relative; }

.changpic{ width: 100%; overflow: hidden; }
.changpic img{ object-fit: cover; height: 100%; max-width: 100%; max-height: 100%; width: 100%; transition: all 0.3s; }


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

/*标题*/
.inh2t{ font-size: 56px; text-transform: capitalize; font-family: Montserrat-ExtraBold; }


/*首页*/
.icoivs{ padding: 70px 0 88px; background: url(images/incombg.jpg) no-repeat; background-size: cover;}
.icotic{ text-align: center;}
.icotic .inh2t{ position: relative; display: inline-block; padding: 20px 60px;}
.icotic .inh2t::before{ content: ""; position: absolute; top: 0; left: 0; width: 46px; height: 42px; background: url(images/yhico.png) no-repeat; background-size: cover;}
.icotic .inh2t::after{ content: ""; position: absolute; bottom: 0; right: 0; width: 46px; height: 42px; background: url(images/yhico2.png) no-repeat; background-size: cover;}
.icotic p{ line-height: 30px; margin-top: 18px; padding: 0 114px; font-family: MontserratMedium; color: #555;}
.icytb{ margin-top: 34px; position: relative; cursor: pointer; overflow: hidden; border-radius: 10px;}
.icytb img{ width: 100%;}
.ivtbtn{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; width: 66px; height: 66px; border-radius: 100%; background: #fff; }
.ivtbtn span,.ivtbtn span:before, .ivtbtn span:after{ color: #ff0000; position: absolute; top: 50%; left: 50%; box-shadow: 0 0 0 0 rgba(255,255,255,0.6); transform: translate(-50%,-50%); border-radius: 100%; width: 60px; height: 60px; line-height: 60px; text-align: center; animation: ripple 2s infinite; }
.ivtbtn span i{ font-size: 34px; display: inline-block;}
.ivtbtn span:before {
    animation-delay: 1.2s;
    content: "";
    position: absolute
}
.ivtbtn span:after {
    animation-delay: .8s;
    content: "";
    position: absolute
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 20px rgba(255,255,255,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255,255,255,0)
    }
}

.bigbg{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.getbox{ width: 700px; background: #fff; padding:35px; height: auto; position: absolute; top: 20%; left: 50%; transform: translateX(-50%); }
.allhide{ opacity: 0; z-index: -3; }
.close_btn{ cursor: pointer; position: absolute; top: 0; right: 0; width: 34px; height: 34px; line-height: 34px; text-align: center; }
.close_btn i{ font-size: 22px; }
.close_btn:hover i{ color: #c72229; }

.iculicon{ margin-top: 70px; display: flex;}
.iculicon li{ width: 20%; text-align: center;}
.iculicon li i{ font-size: 56px; display: inline-block; transition: all 0.3s; color: #c72229;}
.iculicon li span{ display: block; margin-top: 18px; color: #444; font-family: MontserratBold;}
.iculicon li a:hover span{ color: #c72229;}
.iculicon li a:hover i{ transform: translateY(5px);}

.iwovfa{ padding: 84px 0 96px; background: url(images/iprbgs.jpg) fixed center no-repeat;}
.iwovfa .inh2t{ color: #fff; }
.iwfouls{  display: flex; margin-top: 12px;
  flex-wrap: wrap;
  gap: 12px;
 }
  .iwfouls li a {
    display: inline-block; 
    padding: 14px 27px;
    border-radius: 5px;
    font-size: 16px; font-family: MontserratMedium;
    font-weight: 500;
    color: #fff;
    background-color: rgb(0 0 0 / 30%);
    cursor: pointer;
}
.iwfouls li.active a,.iwfouls li a:hover {
  background-color: #c72229;
  color: #fff;
}

.iwprov{ position: relative; margin-top: 30px;display: none;} 
.iwprov.on{display: block;}

.iwpritem {
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.iwpxt {
  padding: 20px;
}

.iwpxt h3 {
  font-size: 20px; font-family: MontserratBold;
  font-weight: normal;
  line-height: 28px;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.iwpxt p {
  font-size: 15px;
  color: #888;
  line-height: 22px;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.iwpxt span {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #555;
  cursor: pointer;
  transition: color 0.2s ease;
}

.iwpritem:hover span {
  color: #b71c1c;
}
.iwpritem:hover .changpic img{
  transform: scale(1.15);
}
.iwpxt span .iconfont {
  font-size: 12px; display: inline-block; width: 18px;
  height: 18px; text-align: center; line-height: 18px; border-radius: 18px; background: #c72229; color: #fff;
  margin-right: 4px;
}
.iwgdp .item{ margin: 0 14px;}
.iwgn_prev{ left: -60px; }
.iwgn_prev i{ transform: rotate(180deg); }
.iwgn_next{ right: -60px; }
.iwparr{ position: absolute; top: 40%; left: 0; width: 100%; }
.iwparr span{ cursor: pointer; position: absolute; top: 0; }
.iwparr span i{ display: inline-block; font-size: 40px; color: #fff; }
.iwparr span:hover i{ color: #c72229; }
.iwgdp .slick-list{ margin: 0 -14px;}

.iknpfa{ padding: 80px 0; background: #fefdfd;}
.iknav.iwfouls li a{ background: #f7f7f7; color: #555;}
.iknav.iwfouls li.active a,.iknav.iwfouls li a:hover{ background: #c72229; color: #fff;}
.iwgdpt .item{ margin: 0 14px;}
.iwgdpt .slick-list{ margin: 0 -14px;}
.iwgnt_prev{ left: -60px; }
.iwgnt_prev i{ transform: rotate(180deg); }
.iwgnt_next{ right: -60px; }
.iknpfa .iwparr span i{ color: #989898;}
.iknpfa .iwparr span:hover i{ color: #c72229;}


.inesw{ padding: 70px 0 152px; background: #fff;}
.inecic{ text-align: center;}
.inecic p{ font-size: 15px; margin-top: 10px; padding: 0 20%; line-height: 24px; color: #777;}
.ineuls{ margin-top: 36px; display: flex;}
.ineuls li{ width: 31.5%; margin-right: 3%;}
.ineuls li:last-child{ margin-right: 0;}
.ineitem .changpic{ border-radius: 12px;}
.ineixt{ margin-top: 24px;}
.intht{ position: relative; padding-bottom: 14px;}
.ineixt h3 {
  font-size: 20px; font-family: MontserratBold;
  font-weight: 600;
  line-height: 26px; height: 52px;
  overflow: hidden;
  position: relative;
}
.intht::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 36px;
  height: 3px;
  background-color: #d32f2f;
}
.ineixt p { margin-top: 28px;
  font-size: 15px;
  color: #888;
  line-height: 26px;
  margin-bottom: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.inbots {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.inbots span {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #555;
  cursor: pointer;
  transition: color 0.2s ease;
}
.inbots span .iconfont {
  font-size: 12px; display: inline-block; width: 18px;
  height: 18px; text-align: center; line-height: 18px; border-radius: 18px; background: #c72229; color: #fff;
  margin-right: 4px;
}

.inbots em {
  font-style: normal;
  font-size: 14px;
  color: #999999;
}
.ineitem:hover .changpic img{ transform: scale(1.15);}
.ineitem:hover .inbots span{ color: #c72229;}



.side-bar {
    background: transparent;
    flex-direction: column;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000
}

.side-bar,.side-bar a {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 70px
}

.side-bar a {
    background: #c72229;
    border-radius: 4px;
    box-shadow: 0 3px 6px 1px rgba(0,0,0,.06);
    height: 60px;
    margin-bottom: 2px;
    position: relative;
    transition: all .3s
}

.side-bar a p {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.side-bar a p em {
    color: #fff;
    font-size: 13px;
    font-style: normal;
    margin-top: 2px;
    transition: all .3s ease
}

.side-bar a .iconfont {
    color: #fff;
    font-size: 20px;
    transition: all .3s ease
}

.side-bar a:hover {
    background-color: #c72229;
    filter: brightness(1.05)
}

.side-bar a:hover span {
    opacity: 1;
    transform: translate(-100%,-50%);
    visibility: initial
}

.side-bar a span {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px 1px rgba(0,0,0,.06);
    color: #030720;
    display: inline-block;
    line-height: 60px;
    font-size: 14px;
    height: auto;
    left: -2px;
    opacity: 0;
    padding: 0 16px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-110%,-50%);
    transition: all .8s;
    visibility: hidden;
    white-space: nowrap
}
.side-bar a span img{ max-width:none;}

footer{ background: url(images/fobgt.png) top center no-repeat; background-size: cover; margin-top: -104px; }
.foboiv{ padding-top: 182px;}
.fo_boxdiv{ width: 100%; display: flex;  justify-content: space-between; overflow: hidden; }
.fo_boxdiv h4{ color: #fff; font-size: 22px; font-family: MontserratBold;  margin-bottom: 30px; }
.fo_boitem1{ width: 17%;}
.fo_opul li{ position: relative; font-size: 15px; margin-bottom: 18px; }
.fo_opul li a{display: inline-block;color: #fff;text-transform: capitalize;}
.fo_opul li:hover a{ transform: translateX(5px); color: #fff; text-decoration: underline; }
.fo_opul li:last-child{ margin-bottom: 0; }

.fo_opult li{ position: relative; padding-left: 26px; font-size: 15px; color: #fff; margin-bottom: 18px; }
.fo_opult li a{display: inline-block;color: #fff;text-transform: capitalize;}
.fo_opult li:hover a{ transform: translateX(5px); color: #fff; text-decoration: underline; }
.fo_opult li:last-child{ margin-bottom: 0; }
.fo_opult li i{ position: absolute; left: 0; top: 0; color: #fff; font-size: 20px;}

.fo_boitem2{ width: 15%;}
.fo_boitem3{ width: 27%;}
.fo_boitem4{ width: 27%;}


.media{ margin-top: 34px;  }
.media a{ margin-right: 5px; background: #fff; width: 30px; text-align: center; height: 30px; border-radius: 30px; line-height: 30px; color: #f04d22; font-size:14px; display:inline-block;}
.media a:hover{ transform: translateX(5px); }


.fbp p{ line-height: 26px; color: #bbb;}

.foxlus{ margin-top: 38px;}
.foxlus li{ margin-bottom: 22px; position: relative; font-family: calibrib; padding-left: 45px; font-size: 26px; color: #fff; }
.foxlus li i{ position: absolute; top: 0; left: 0; color: #c72229; font-size: 32px; }
.foxlus li:last-child{ margin-bottom: 0; }
.foxlus li a,.foxlus li span{ display: inline-block; margin-right: 22px; color: #fff;}
.foxlus li a:hover{ color: #c72229; }

.f_mes input{ height:44px; line-height: 44px; }
.f_mes input,.f_mes textarea{ background: rgb(255 255 255 / 10%); width: 100%; border:none; padding:0 10px; border-radius: 5px; font-family: Montserrat-ExtraLight; resize: none; color: #fff; font-size: 15px;}
.f_mes input::-webkit-input-placeholder, .f_mes textarea::-webkit-input-placeholder{ color: rgb(255 255 255 / 100%); }
.f_mes textarea{ padding: 10px; height: 86px;}
.f_mes button{ transition: all 0.3s; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; border: none; cursor: pointer; width: 100%; height: 44px; background: #fff; border-radius: 5px; font-family: MontserratMedium; font-size: 15px; text-align: center; color: #00a0e9; }
.f_mes button i{ font-size: 20px;}
.f_mes ul li{ position: relative; margin-bottom: 12px; }
.f_mes ul li:last-child{ margin-bottom: 0; }
.f_mes button:hover{ opacity: 0.9; }

.copyright{ padding: 20px 0; font-size: 15px; margin-top: 62px; border-top: 1px solid rgba(255, 255, 255, 0.3); color: #fff; overflow: hidden;  }
.copixbo{ display: flex; align-items: center; justify-content: space-between;}
.fomedia a{ display: inline-block; margin-right: 35px; font-size: 20px; color: #fff; }
.fomedia a:hover{ background: #fff; color: #c72229;}
.copixbo p,.copixbo p a{ color: #fff;}



.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; margin-top: 126px; }
.subbanner img{ width: 100%; }
.sunvs{ position: absolute; width: 100%; top:50%; color: #fff; transform: translateY(-50%); right: 0;}
.suvfix{ display: flex; align-items: center; justify-content: space-between;}
.suvfle{ width: 50%;}
.suvfle h2{ font-size: 68px; font-family: Montserrat-ExtraBold; text-shadow: 0 2px 13px rgba(0,0,0,.28);}
.suvfle p{ font-size: 16px; margin-top: 20px; font-family: MontserratMedium;}
.suvfix span{ display: inline-flex; font-family: MontserratMedium; align-items: center;}
.suvfix span a{ color: #fff; display: inline-block; margin-right: 5px;}
.suvfix span i{ font-size: 28px; color: #c72229; display: inline-block; margin-right: 5px;}


/* 产品详情 */
.pdeminw{ padding: 38px 0 90px; margin-top: 126px; background-size: cover; background-repeat: no-repeat;}
.denavs p{ color: #fff; font-size: 16px; font-family: MontserratMedium;}
.denavs p a{ color: #fff;}
.denavs p i{ color: #c72229; font-size: 30px; margin-right: 5px;}
.denavs p *{ vertical-align: middle;}
.denavs p a:hover{ color: #c72229;}
.pro_infos{ position: relative;}
.deolin{ background: #fff; margin-top: 26px; padding: 28px;}
.delvfx{ display: flex;}
.delvzb{ width: 50%; padding-right: 24px;}
.delvrb{ width: 50%; padding: 20px 50px 0 32px;}
.de_slt{ position: relative; margin-top: 18px; padding: 0 16px; }
.del_bots .item{ margin: 0 8px; cursor: pointer;}
.delarr{ position: absolute; top: 40%; left: 0; width: 100%; }
.delarr span{ cursor: pointer; position: absolute; top: 0;}
.delarr span i{ font-size: 26px; color: #adadad; display: inline-block; }
.del_prev{ left: -10px; }
.del_next{ right: -10px; }
.del_prev i{ transform: rotate(180deg); }
.delarr span:hover i{ color: #cd0001; }
.moveBox{ width: 70px; height: 70px; background: rgba(199,34,41,0.4); position: absolute; top: 0; left: 0; display: none;  cursor: move;}
.magBox{ width: 440px; background: #fff; height: 440px; display: none; position: absolute; left: 100%; top: 0; z-index: 666; overflow: hidden; }
.magBox img{ position: absolute; top: 0; left: 0; max-width: none; max-height: none; }
.depfd{ position: absolute; bottom: 0; left: 0; width: 58px; height: 58px; text-align: center; line-height: 58px; background: #00a0e9; color: #fff;}
.depfd i{ font-size: 26px;}
.delvrb h1{ font-size: 24px; line-height: 32px; position: relative; padding-bottom: 16px; font-family: MontserratBold;}
.delvrb h1::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background: #0e51b2;}
.deptil{ margin-top: 28px; }
.deptil p{ line-height: 26px; font-size: 15px; color: #666; }
.dewapem{ margin-top: 32px; display: flex; }
.dewapem li{ width: 42%; margin-right:12%; position: relative; padding-left: 48px;}
.dewapem li i{ position: absolute; top: 4px; left: 0; color: #00a0e9; font-size: 40px;}
.dewapem li:last-child{ margin-right: 0;}
.dewapem li:last-child i{ color: #c72229;}
.dewapem li p{ font-size: 15px; color: #888; margin-bottom: 2px;}
.dewapem li a{ font-family: MontserratMedium;}
.pro_lxbtn{ margin-top: 32px; }
.pro_lxbtn a{ background: #00a0e9; font-family: MontserratBold; color: #fff; border-radius: 5px; text-align: center; padding:12px 10px; width: 44%; display: inline-block; }
.pro_lxbtn a i{ display: inline-block; font-weight: normal; font-size: 26px; margin-right: 5px; }
.pro_lxbtn a:last-child{ background: #c72229; color: #fff; margin-left: 9%; }
.pro_lxbtn a *{ vertical-align: middle; }
.pro_lxbtn a:hover{ transform: translateX(10px); background: #c72229 !important; color: #fff !important; }
.share{ margin-top: 40px; font-size: 15px; color: #888;}

.delshow{ margin-top: 76px;}
.desitem{ margin-bottom: 36px;}
.dehtict{ font-size: 26px; margin-bottom: 18px; font-family: MontserratBold; position: relative; padding-bottom: 12px;}
.dehtict::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 64px; height: 3px; background: #c72229;}
.desipxc p{ font-size: 15px; line-height: 26px; color: #888;}
.desiobol{ background: #f7f7f7; display: flex; align-items: center;}
.deioble{ width: 50%; padding: 0 32px;}
.deiobri{ width: 50%;}
.pro_table{ overflow-x: auto; }
.pro_table table{ width: 100%; background: #fff; font-size: 16px; border-collapse: collapse; }
.pro_table table tr td{ border:1px solid #e9e9e9; color: #666; padding:14px;  }
.pro_table table tr:nth-of-type(even) td{ background: #f9f9f9;}
.dadvuls{ display: grid; grid-gap: 26px; grid-template-columns: repeat(2,minmax(0, 1fr));}
.dadvuls li{ padding: 26px; box-shadow: 0 0 12px rgb(195 195 195 / 26%); border-radius: 10px;}
.dalici{ position: relative; padding-left: 70px;}
.dalici p{ font-size: 15px; line-height: 26px; color: #888;}
.dalici span{ position: absolute; top: 0; left: 0; color: #c72229; font-size: 48px; font-family: MontserratBold;}
.deaplc{ margin-top: 22px; position: relative;}
.deapgds .item{ margin: 0 16px;}
.apsceitem .changpic{ border-radius: 10px;}
.apstxx{ margin-top: 28px;}
.apstxx h3{ font-size: 20px; margin-bottom: 20px; position: relative; padding-bottom: 14px; font-family: MontserratBold;}
.apstxx h3::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background: #c72229}
.apstxx p{ font-size: 15px; line-height: 26px; color: #888;}
.deapgds .slick-list{ margin: 0 -16px;}
.deaplc{ position: relative;}
.deap_prev{ left: -60px; }
.deap_prev i{ transform: rotate(180deg); }
.deap_next{ right: -60px; }
.deaplc .iwparr span i{ color: #989898;}
.deaplc .iwparr span:hover i{ color: #c72229;}

.demsiv{ background: #f7f7f7; margin-top: 48px; padding: 52px 0 80px;}
.quiry_info{ overflow: hidden; margin-top: 22px; }
.quiry_info .fobyzm {width: 65%;}
.quiry_info ul{ width: 100%; overflow: hidden; }
.quiry_info li{  float: left; width: 49%; margin-bottom: 18px; position: relative; }
.quiry_info ul li:nth-of-type(even){ float: right; }
.quiry_info ul li:nth-of-type(5),.quiry_info ul li:nth-of-type(6){ width: 100%; }
.quiry_info ul li:last-child{ margin-bottom: 0; }
.quiry_info input,.quiry_info textarea{width: 100%; border: none; border-radius: 5px; color: #333; resize: none; font-family:Montserrat-ExtraLight; background:#fff; font-size:15px; line-height: 24px; padding:14px 20px; }
.quiry_info textarea{height: 175px;}
.quiry_info input::-webkit-input-placeholder,.quiry_info textarea::-webkit-input-placeholder { color: #888;}
.quiry_info input:-moz-placeholder,.quiry_info textarea:-moz-placeholder {color: #888;}
.quiry_info button{ transition:all 0.3s; display: flex; padding: 0 12px; align-items: center; justify-content: space-between; border: none; width: 336px; border-radius: 5px; font-family:MontserratMedium; font-size: 15px; cursor: pointer; background:#cd0001; color: #fff; height: 50px; }
.quiry_info button:hover{ transform: translateX(10px); }
.quiry_info button i{ font-size: 16px; }

.dehorel{ padding: 58px 0 140px;}
.dehorel .iwparr span i{ color: #989898;}
.dehorel .iwparr span:hover i{ color: #c72229;}
.iwgdpt .iwpxt{ padding: 20px 0 0 0;}
.iwgdpt .iwpritem{ background: transparent;}

video{ width: 100%; display: block;}

/*关于我们*/
.abcomv{ padding-top: 72px; position: relative; z-index: 0;}
.abcomv::before{ content: ""; position: absolute; top: 0; z-index: -1; left: 0; width: 100%; height: 85%; background: #f7f7f7;}
.abcoulvc{ margin-top: 12px;}
.abcoulvc li{ margin-bottom: 26px; padding: 36px 40px; text-align: center; background: #fff; box-shadow: 0 0 10px rgba(169,169,169,.13);}
.abcoulvc li:last-child{ margin-bottom: 0;}
.ah6t{ font-size: 18px; font-family: MontserratSemiBold;}
.aoxxp{ margin-top: 10px;}
.aoxxp p{ font-size: 15px; line-height: 26px; color: #777;}
.acldlc{ margin-top: 20px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap:18px 100px;}
.acldlc dd{ font-size: 15px; position: relative; padding-left: 22px; display: inline-block; color: #777;}
.acldlc dd::before{ content: ""; position: absolute; top: 4px; left: 0; width: 9px; height: 9px; border-radius: 9px; background: #c72229;}
.mat0{ margin-top: 0 !important;}
.mart80{ margin-top: 80px !important;}

.abfacv{ padding: 78px 0 140px;}
.abfabox{ position: relative; margin-top: 18px;}
.abfgs .item{ margin: 0 9px;}
.abfgs .changpic{ border-radius: 10px;}
.abfgs .slick-list{ margin: 0 -9px;}
.abf_prev{ left: -60px; }
.abf_prev i{ transform: rotate(180deg); }
.abf_next{ right: -60px; }
.abfabox .iwparr span i{ color: #989898;}
.abfabox .iwparr span:hover i{ color: #c72229;}

/* faq */
.faqwar{ background: #f7f7f7; padding-top: 80px; padding-bottom: 154px;}
.faqlist{ column-count: 2; column-gap: 28px;}
.faqlist li{padding: 0 20px; margin-bottom: 22px; border-radius: 10px; break-inside: avoid; background: #fff; border: 1px solid #e5e5e5; }
.faqlist h3{ font-size: 18px; padding: 30px 0 14px 35px; position: relative; cursor: pointer; font-weight: normal; font-family: MontserratSemiBold; }
.faqlist h3::after{ content: "\e626"; font-family: iconfont; position: absolute; top: 26px; left: 0; color: #d4261e; font-size: 26px;}
.faqlist .fa_nrp{ position: relative; padding: 0 0 35px 35px; }
.faqlist .fa_nrp::before{ content: "\e629"; font-family: iconfont; position: absolute; top: 2px; left: 0; color: #333; font-size: 26px; }
.fa_nrp p{ color: #777; font-size: 15px; line-height: 26px; }

/* hor */
.horwar{ padding-top: 80px; padding-bottom: 140px;}
.houls{ display: grid; grid-gap: 32px 26px; grid-template-columns: repeat(5,minmax(0,1fr));}
.hoitem{ text-align: center;}
.hoitem p{ margin-top: 14px; font-size: 17px; font-family: MontserratMedium; color: #555;}

/* orderproce */
.ordtit{ font-size: 22px; position: relative; padding-left: 18px; font-family: MontserratBold;}
.ordtit::before{ content: ""; position: absolute; top: 9px; left: 0; width: 10px; height: 10px; border-radius: 10px; background: #c72229;}
.ordtex .changpic{ margin-top: 52px;}
.orsp{ margin-top: 64px;}
.orsp p{ font-size: 15px; line-height: 24px; color: #777;}
.orces{ margin-top: 30px;}
.process-steps { margin-top: 54px;}
.process-steps li {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 54px;
}
.step-title {
  display: inline-block;
  background-color: #d62828; /* 红色标题栏 */
  color: #fff;
  font-size: 22px;
  margin-top: -26px;
  font-family: MontserratBold;
  padding: 12px 24px;
  border-radius: 28px 28px 28px 0; /* 右侧圆角 */
}
.step-content {
  padding: 28px 24px 24px;
  color: #666;
  line-height: 1.6;
  font-size: 16px;
}
/* video */
.violist{ display: grid; grid-gap: 32px 34px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.vioitem{ text-align: center;}
.vioitem .changpic{ border-radius: 10px; background: #000;}
.vioitem .changpic img{ opacity: 0.6;}
.vipics{ position: relative;}
.vipics i{ position: absolute; text-align: center; font-size: 60px; display: inline-block; color: #ff0000; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.vioitem p{ line-height: 24px; font-family: MontserratMedium; margin-top: 22px;}
.vioitem:hover .changpic img{ transform: scale(1.15);}
/* testing */
.teslc{ display: grid; grid-gap: 26px 34px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.teslitem{ text-align: center;}
.teslitem .changpic{ border-radius: 10px;}
.teslitem p{ font-size: 16px; margin-top: 18px; font-family: MontserratMedium;}

/*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;}
/*产品列表*/
.prosea{ position: relative;}
.prosea input{ width: 100%; color: #000; padding: 0 10px 0 56px; height: 60px; border-radius: 5px; background: #f8f8f8; font-size: 15px; font-family: MontserratMedium;}
.prosea i{ font-size: 24px; position: absolute; font-weight: bold; left: 16px; top: 19px; color: #828282;}
.prwbox{ width: 100%; display: flex; margin-top: 22px;}
.ponavsus{ width: 310px;}
.prlist{ width: calc(100% - 310px); padding-left: 48px;}
.prsticky{ width: 100%;}
.pcbtc{ position: relative;}
.pcbtc a{ display: none;}
.pcbtc{ background: #c72229; font-size: 22px; font-family: MontserratSemiBold; border-radius: 5px 5px 0 0; font-weight: normal; padding: 0 22px; width: 100%; color: #fff; height: 70px; display: inline-flex; align-items: center; }
.accordion li{ margin-bottom: 8px; }
.accordion { width: 100%; background: #fff; box-shadow: 0 0 5px rgba(59,59,59,0.1); }
.accordion .links { background: #f6f7fb; cursor: pointer; display: block; position: relative; padding: 15px 30px 15px 20px; }
.accordion .links:before{ color: #9d9d9d; font-family: iconfont; content: "\ec8e"; font-size: 14px; position: absolute; top: 19px; right: 12px; }
.accordion .links.active:before{ transform: rotate(90deg); }
.accordion .links a{ font-family: MontserratSemiBold; font-size: 16px; display: inline-block; position: relative;  }
.accordion .links.active a{ color: #c72229; }
.submenu{ display: none; overflow: hidden; }
.supiv p{ border-bottom: 1px solid #f5f5f5; }
.supiv p:last-child{ margin-bottom: 0; border-bottom: none; }
.supiv p a{ display: block; width: 100%; padding: 12px 20px; font-size: 16px; color: #666; }
.supiv p:hover a{ color: #c72229; }
.submenu.on{ display: block; }
.parlxus{ margin-top: 40px;}
.pcbixus{ padding: 34px 16px 28px; box-shadow: 0 0 5px rgba(59,59,59,0.1);}
.pculct{ font-size: 16px; color: #666;}
.pculct li{ margin-bottom: 16px;}
.pculct li:last-child{ margin-bottom: 0;}
.pculct li a{ font-size: 18px; font-family: MontserratSemiBold; color: #555;}
.pculct li a:hover{ color: #c72229;}
.pculct li span{ font-size: 15px; line-height: 24px; font-family: MontserratMedium;}

.pliculs{ display: grid; grid-gap: 42px 30px; grid-template-columns: repeat(3,minmax(0,1fr));}
.pliculs .iwpxt{ padding: 20px 0 0;}
/*分页 结束*/
.digg4{ text-align:right; margin-top: 68px;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{ width:44px; text-align: center; border: 1px solid #b3b3b3; cursor: pointer; display: inline-block; border-radius: 5px; vertical-align: middle; background: #fff; height:44px; line-height: 42px; color:#222; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background: #d4261e; border: 1px solid #d4261e; }
.digg4 span.disabled { font-size: 28px; font-family: Arial; line-height:37px; font-weight: normal; background: #f7f7f7; color: #a6a6a6;}
.digg4 a{ color: #a6a6a6; background: #fff; border: 1px solid #b3b3b3; }

/* 新闻 */
.nelisuls{ display: grid; grid-gap: 44px 38px; grid-template-columns: repeat(3,minmax(0,1fr));}

/*新闻详情*/
.infocon{color: #666; }
.infocon h1{ font-size:26px; font-family: Montserrat-Black; line-height: 30px; margin-bottom: 30px; text-align: center; color: #222;}
.infocon img{ display: inline-block; margin: 15px 0; max-width: 100%; }
.infocon .time{ text-align: center; font-size: 16px; margin: 18px 0; }
.infocon .time i{ font-size: 20px; }
.infocon .other{  border-top: 1px solid #ddd; font-size: 16px; padding:15px 0 0 0; margin:30px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #c72229; }
.infocon p{line-height:32px; margin-bottom: 10px; font-size: 16px; }

/*contact*/
.couhtic{ font-size: 46px; margin-bottom: 14px; font-family: MontserratBold; }
.couubotl{ margin-top: 24px; padding: 36px 14px; border: 1px solid #e9e9e9; justify-content: space-between; display: flex;}
.couubotl li{ width: 284px;}
.coiutem{ position: relative; padding-left: 86px; min-height: 70px; padding-top: 8px; }
.coiutem i{ position: absolute; transition: all 0.3s; display: inline-block; width: 70px; height: 70px; line-height: 70px; border-radius: 70px; text-align: center; background: #fcf4f4; top:0; left: 0; font-size: 32px; color: #c72229; }
.coiutem p{ margin-bottom: 10px; font-size: 15px; color: #777; }
.coiutem a{ font-size: 20px; font-family: MontserratSemiBold; }
.coiutem a:hover{ text-decoration: underline; }
.coiutem span{ font-size: 16px; line-height: 24px; font-family: MontserratMedium; }
.coiutem:hover i{ background: #c72229; color: #fff;}
.couubotl li:last-child{ width: 334px;}

.cosems{ margin-top: 52px;}
.cosems .quiry_info input, .cosems .quiry_info textarea{ background: #f7f7f7;}

.comaps{ margin-top: 60px;}
.comapnr{ margin-top: 20px; overflow: hidden; border-radius: 10px; border: 1px solid #d6d6d6;}


.target-div{ transition: all 0.5s; position: relative; bottom: -120px; opacity: 0;}
.in-view{ bottom: 0 !important; opacity: 1 !important;}


/* ========== 响应式媒体查询 ========== */
/* 1680px */
@media screen and (max-width: 1680px){
  .h_top:before{ width: 65%;}
}

/* 1600px */
@media screen and (max-width: 1600px){
  
}

/* 1440px */
@media screen and (max-width: 1440px){
  .warper{ width: 88%; }
  .h_top:before{ width: 64%;}
  nav li{ margin: 0 24px;}
  .inplin{ padding: 60px 0;}
  .logo img{ height: 90px;}
  nav li{ line-height: 60px;}
  header{ height: 102px;}
  .banner_home{ margin-top: 102px;}
  .h_top{ height: 42px;}
  .h_tlx{ line-height: 42px;}
  .m_li{ margin-top: 10px;}
  nav dl{ top: 60px;}
  .logo{ top: -37px;}
  .h_tlx li{ padding: 0 26px;}
  .hssearch{ top: 15px;}
  .search_box{ top: 102px; }
  .inh2t{ font-size: 42px; }
  .suvfle h2{ font-size: 50px; }
  .ban_arrow span{ width: 48px; height: 48px; line-height: 48px; }
  .pliculs{ grid-gap: 34px 22px; }
  .nelisuls{ grid-gap: 36px 30px; }
  .couiutem{ padding-left: 76px; }
  .couiutem i{ width: 60px; height: 60px; line-height: 60px; font-size: 28px; }
  .iwpxt h3{ font-size: 19px; }
  .iwgdp .item,.iwgdpt .item{ margin: 0 6px;}
  .iwgdp .slick-list,.iwgdpt .slick-list{ margin: 0 -6px;}
  .inesw{ padding: 70px 0 86px;}
  .subbanner,.pdeminw{ margin-top: 102px;}
}

/* 1366px */
@media screen and (max-width: 1366px){
  .h_tlx li{ padding: 0 20px; }
  nav li{ margin: 0 20px; }
  .inh2t{ font-size: 38px; }
  .suvfle h2{ font-size: 46px; }
  .ban_arrow span{ width: 44px; height: 44px; line-height: 44px; }
  .ban_arrow span i{ font-size: 18px; }
  .fo_boxdiv h4{ font-size: 20px; margin-bottom: 24px; }
  .pliculs{ grid-gap: 30px 20px; }
  .digg4 a, .digg4 span{ width: 40px; height: 40px; line-height: 38px; }
  .h_top:before{ width: 65%;}
  .foboiv{ padding-top: 140px;}
  .faqwar{ padding-bottom: 100px;}
  .prlist{ padding-left: 20px;}
  .delvzb{ padding-right: 0;}
  .dewapem li{ width: 50%; margin-right: 4%;}
  .delvrb{ padding: 20px 0 0 20px;}
  .share{ margin-top: 18px;}
  .horwar{ padding-top: 60px;}
  .ineixt p{ margin-top: 12px;}
  .couubotl{ padding: 26px 10px;}
  .coiutem{ padding-left: 78px;}
  .couhtic{ font-size: 40px;}
}

/* 1280px */
@media screen and (max-width: 1280px){
  .warper{ width: 90%; }
  nav li{ margin: 0 18px;}
  .inh2t{ font-size: 36px; }
  .suvfle h2{ font-size: 42px; }
  .suvfle p{ font-size: 15px; }
  .ban_arrow span{ width: 40px; height: 40px; line-height: 40px; }
  .ban_arrow span.ban_prev{ left: 5%; }
  .ban_arrow span.ban_next{ right: 5%; }
  .pliculs{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  .couhtic{ font-size: 34px; }
  .couubotl{ flex-wrap: wrap; gap: 20px; padding: 26px 10px; }
  .couubotl li,.couubotl li:last-child{ width: 48%; margin-bottom: 10px; }
  .m_li{ margin-left: 34px;}
  .delvrb{ padding: 0 0 0 20px;}
  .deapgds .item{ margin: 0 8px;}
  .deapgds .slick-list{ margin: 0 -8px;}
}

/* 1024px */
@media screen and (max-width: 1024px){
  .nelisuls{ grid-template-columns: repeat(2,minmax(0,1fr)); grid-gap: 32px 26px; }
  .banner_home,.subbanner,.deshow{ margin-top: 62px; }
  #nav .nav-button{display: block; top: -49px; right: 0; }
  header,.position, .page_h{ height: 62px; background: #fff; }
  .logo img,.position .logo img{ height:56px; width: auto; }
  .logo{ top: 3px; left: 0; z-index: 0; padding-left: 0;  width: auto; height: auto; line-height: normal; }
  .warper{ width: 92%; }
  .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: #c72229 ; color: #fff; }
  #nav .nav-button i{ color: #fff; }
  body{ font-size: 16px; }
  nav li a:before,nav li:nth-of-type(2) a:after, nav li:nth-of-type(3) a:after{ display: none; }
  .m_li,.h_tlx{ display: none; }
  .h_top:before{ display: none; }
  .h_top{ height: auto; position: absolute; top: 10px; right: 76px; background: transparent; }
  #nav .nav-button{ top: 13px; background: #c72229; }
  nav dl{ left: 0;  top: 0; padding: 0; border:none; width: auto;  background: #434343;  position: inherit;  opacity: 1; height: auto !important; display: block !important; }
  nav li dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important}
  nav li:hover dl{ left: 0; opacity: 1; }
  nav li dl dd a{ color: #fff !important; padding: 10px 22px; white-space: normal; font-size: 16px; }
  nav dl dd:hover div,nav li a:before,.home_tit img{display: none;}
  nav li dl dd a:hover{ background: #c72229 !important;}
  nav dl dd{ border: none; }
  nav li>a{ font-size: 18px; }
  .nav_show li p{ font-size: 16px; }
  nav dl dd div{ display: none; position: initial; left: 0; width: 100%; background: #89898a; }
  nav dl dd div a{ font-size: 15px; }
  nav dl dd:hover div,.ban_bod,.ban_media{display: none;}
  #nav .nav-button{ right:0; }
  nav li.on a:after, nav li:hover a:after,.mouse_scrll{ display: none; }
  nav li:before,nav li>a:after{ display: none; }
  .h_bot{ height: auto; }
  .hssearch{ right: 52px; top: 18px;}
  .search_box{ top: 62px; padding: 22px 0; }
  .search_box .warper{ padding: 0;}
  
  /* 通用适配 */
  .inh2t{ font-size: 32px; }
  .suvfle h2{ font-size: 38px; }
  .suvfix{ flex-direction: column; align-items: flex-start; }
  .suvfle{ width: 100%; margin-bottom: 10px; }
  .ban_arrow span{ width: 38px; height: 38px; line-height: 38px; }
  .ban_arrow span i{ font-size: 16px; }
  .pliculs{ grid-gap: 26px 18px; }
  .nelisuls{ grid-gap: 28px 22px; }
  .faqlist{ column-count: 1; }
  .houls{ grid-template-columns: repeat(3,minmax(0,1fr)); }
  .violist{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  .teslc{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  .couhtic{ font-size: 30px; }
  .couiutem{ padding-left: 70px; min-height: 60px; }
  .couiutem i{ width: 56px; height: 56px; line-height: 56px; font-size: 26px; }
  .prwbox{ flex-direction: column; }
  .ponavsus{ width: 100%; margin-bottom: 20px; }
  .prlist{ width: 100%; padding-left: 0; }
  .icotic .inh2t::before,.icotic .inh2t::after{ display: none;}
  .icotic .inh2t{ padding: 0;}
  .icotic p{ padding: 0;}
  .icoivs,.iwovfa,.iknpfa{ padding: 45px 0;}
  .iculicon{ margin-top: 34px;}
  .iculicon li i{ font-size: 42px;}
  .iwfouls li a{ padding: 12px 25px;}
  .iwfouls{ gap: 6px;}
  .iwprov{ margin-top: 12px;}
  .iwgn_prev,.iwgnt_prev,.abf_prev,.deap_prev{ left: -38px;}
  .iwgn_next,.iwgnt_next,.abf_next,.deap_next{ right: -38px;}
  .iwpxt h3,.ineixt h3{ font-size: 17px; line-height: 24px;}
  .inesw{ padding:50px 0;}
  .ineixt{ margin-top: 12px;}
  .inecic p{ padding: 0;}
  .ineuls{ margin-top: 14px;}
  .ineuls li{ width: 32%; margin-right: 2%;}
  .ineixt p{ margin-bottom: 12px;}
  .copyright{ padding: 14px 0; margin-top: 40px;}
  .fo_boitem2{ width: 17%;}
  .abcomv{ padding-top: 45px;}
  .abcoulvc li{ margin-bottom: 15px;}
  .mart80{ margin-top: 34px !important;}
  .abfacv{ padding: 48px 0 88px; }
  .faqwar{ padding: 50px 0 88px;}
  .faqlist li{ margin-bottom: 16px;}
  .horwar{ padding-bottom: 88px;}
  .process-steps li{ margin-bottom: 34px;}
  .ordtex .changpic{ margin-top: 30px;}
  .orsp{ margin-top: 24px;}
  .violist{ grid-gap: 24px; }
  .horwar{ padding-top: 45px;}
  .parlxus{ display: none;}
  .pcbtc a{ display: block; font-size: 34px; padding: 5px 15px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: right; color: #fff;}
  .accordion{ display: none;}
  .pcbtc{ height: 56px;}
  .digg4{ text-align: center;}
  .subbanner, .pdeminw{ margin-top: 62px;}
  .pdeminw{ padding:38px 0;}
  .deolin{ padding: 20px; margin-top: 14px;}
  .delvfx{ display: block;}
  .delvzb{ width: 100%;}
  .delvrb{ width: 100%; padding: 0; margin-top: 14px;}
  .depfd,.moveBox,.magBox{ display: none !important;}
  .delshow{ margin-top: 50px;}
  .apstxx{ margin-top: 10px;}
  .apstxx h3{ font-size: 18px; margin-bottom: 10px;}
  .demsiv{ padding: 40px 0;}
  .dehorel{ padding: 45px 0 80px;}
  nav li dl dd a:hover{ color: #fff !important;}
}

/* 768px */
@media screen and (max-width: 768px){
  .warper{ width: 94%; }
  .inh2t{ font-size: 28px; }
  .suvfle h2{ font-size: 32px; }
  .ban_arrow{ top: 40%; }
  .ban_arrow span{ width: 34px; height: 34px; line-height: 34px; }
  .pliculs{ grid-gap: 20px 14px; }
  .nelisuls{ grid-gap: 24px 18px; }
  .houls{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  .fo_boxdiv{ flex-wrap: wrap; }
  .fo_boitem1,.fo_boitem2{ display: none; }
  .fo_boitem3{ width: 100%; margin-bottom: 20px; }
  .fo_boitem4{ width: 100%; }
  .couubotl li{ width: 100%; }
  .quiry_info li{ width: 100%; float: none !important; }
  .no_fun h5{ font-size: 28px; }
  .no_fun a{ padding: 12px 48px; font-size: 18px; }
  .digg4{ text-align: center; margin-top: 40px; }
  .digg4 a, .digg4 span{ margin: 0 2px; }
  .icotic p{ line-height: 25px;}
  .icytb{ margin-top: 22px;}
  .getbox{ width: 90%;}
  .side-bar{ display: none;}
  .iwparr span i{ font-size: 32px;}
  .iwgn_prev, .iwgnt_prev, .abf_prev, .deap_prev{ left: 0;}
  .iwgn_next, .iwgnt_next, .abf_next, .deap_next{ right: 0;}
  footer{ margin-top: 0; background: #00a0e9;}
  .foboiv{ padding-top: 40px;}
  .copixbo{ display: block;}
  .fomedia{ margin-top: 12px;}
  .fomedia a{ margin-right: 5px;}
  .abcoulvc li{ padding: 20px;}
  .abfacv{ padding: 48px 0;}
  .iwparr span i{ color: #c72229 !important;}
  .faqwar{ padding: 45px 0;}
  .horwar{ padding-bottom: 46px;}
  .process-steps{ margin-top: 34px;}
  .step-title{ font-size: 17px;}
  .step-content{ padding: 18px 24px 24px;}
  .process-steps li:last-child{ margin-bottom: 0; }
  .violist,.teslc{ grid-gap: 16px;}
  .vioitem p{ margin-top: 8px;}
  .pdeminw{ padding: 24px 0;}
  .delvrb h1{ font-size: 20px; line-height: 28px;}
  .del_bots .item{ margin: 0 4px;}
  .deptil{  margin-top: 14px;}
  .dehtict{ font-size: 22px;}
  .desiobol{ flex-wrap: wrap;}
  .deioble{ width: 100%; padding: 24px;}
  .deiobri{ width: 100%;}
  .dalici span{ position: static; font-size: 34px;}
  .dalici{ padding: 0;}
  .dadvuls li{ padding: 20px;}
  .dadvuls{ grid-gap: 16px; }
  .quiry_info li{ margin-bottom: 8px;}
  .quiry_info button{ width: 250px;}
  .infocon h1{ font-size: 22px; margin-bottom: 14px;}
  .infocon p{ line-height: 26px;}
  .couubotl li, .couubotl li:last-child{ width: 100%;}
  .cosems,.comaps{ margin-top: 35px;}

}

/* 480px */
@media screen and (max-width:480px){
  footer{ margin-bottom: 60px; }
  .h_top{ right: 55px;}
  .footmenu{ display: block; }
  .footmenu div.con{ background: #c72229; }
  .logo{ left: 0; }
  .ban_arrow span{ width: 35px; height: 35px; line-height: 35px; }
  .ban_arrow span i{ font-size: 15px; }
  
  .warper{ width: 92%; }
  .violist{ grid-template-columns: 1fr; }
  .teslc{ grid-template-columns: 1fr; }
  .inh2t{ font-size: 20px; }
  .icotic .inh2t::before, .icotic .inh2t::after{ width: 36px; height: 32px; }
  .suvfle h2{ font-size: 26px; }
  .ban_arrow{ display: none; }
  .pliculs{ grid-template-columns: 1fr; }
  .nelisuls{ grid-template-columns: 1fr; }
  .houls{ grid-template-columns: 1fr; }
  .fo_boitem1, .fo_boitem2{ width: 100%; }
  .couhtic{ font-size: 26px; }
  .couiutem{ padding-left: 60px; min-height: 50px; }
  .couiutem i{ width: 48px; height: 48px; line-height: 48px; font-size: 22px; }
  .couiutem a{ font-size: 18px; }
  .quiry_info button{ width: 100%; }
  .no_fun h5{ font-size: 24px; }
  .no_fun a{ padding: 10px 36px; font-size: 16px; }
  .backToTop{ width: 40px; height: 40px; }
  .icoivs, .iwovfa, .iknpfa{ padding: 14px 0;}
  .icotic p{ font-size: 16px; margin-top: 8px;}
  .getbox{ padding: 20px;}
  .getbox iframe{ height: 240px;}
  .iculicon li span{ margin-top: 8px;}
  .iculicon{ margin-top: 12px; flex-wrap: wrap; justify-content: center;}
  .iculicon li{ min-width: 120px; width: 50%; margin-bottom: 10px; }
  .iwfouls li a{ padding: 10px 12px; font-size: 15px;}
  .inesw{ padding: 14px 0;}
  .ineuls{ flex-wrap: wrap;}
  .ineuls li{ width: 100%; margin-right: 0; margin-bottom: 12px;}
  .ineuls li:last-child{ margin-bottom: 0; }
  .fo_boxdiv h4{ font-size: 18px; margin-bottom: 8px;}
  .foboiv{ padding-top: 20px;}
  .suvfle p{ display: none;}
  .suvfle h2{ font-size: 22px;}
  .abcomv{ padding-top: 20px;}
  .ah6t{ font-size: 17px;}
  .abcoulvc li{ padding: 14px; margin-bottom: 8px;}
  .mart80{ margin-top: 16px !important;}
  .abfacv{ padding: 20px 0;}
  .faqwar{ padding: 20px 0;}
  .faqlist li{ margin-bottom: 8px;}
  .horwar{ padding: 20px 0;}
  .houls{ grid-gap: 12px 26px; }
  .ordtit{ font-size: 19px;}
  .deolin{ padding: 5px;}
  .delvrb h1{ font-size: 18px; line-height: 24px;}
  .dewapem{ margin-top: 14px; flex-wrap: wrap;}
  .dewapem li{ width: 100%; margin-right: 0;}
  .pro_lxbtn{ margin-top: 20px;}
  .pro_lxbtn a{ width: 100%;}
  .pro_lxbtn a:last-child{ margin-left: 0; margin-top: 5px;}
  .delshow{ margin-top: 20px;}
  .dehtict{ font-size: 20px; margin-bottom: 8px; padding-bottom: 6px;}
  .desitem{ margin-bottom: 12px;}
  .deioble{ padding: 12px;}
  .pro_table table tr td{ padding: 5px; font-size: 16px;}
  .dadvuls{ grid-template-columns: 1fr; }
  .dehorel{ padding: 20px 0;}
  .infocon h1{ font-size: 20px;}
  .couhtic{ font-size: 22px; margin-bottom: 8px;}
  .couubotl{ padding: 10px;}
}