@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'OSWALD-BOLD';
  src: url('fonts/OSWALD-BOLD.otf');
  src: local('☺'), url('fonts/OSWALD-BOLD.woff') format('woff'), url('fonts/OSWALD-BOLD.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Bold';
  src: url('fonts/Outfit-Bold.otf');
  src: local('☺'), url('fonts/Outfit-Bold.woff') format('woff'), url('fonts/Outfit-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Medium';
  src: url('fonts/Outfit-Medium.otf');
  src: local('☺'), url('fonts/Outfit-Medium.woff') format('woff'), url('fonts/Outfit-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Regular';
  src: url('fonts/Outfit-Regular.otf');
  src: local('☺'), url('fonts/Outfit-Regular.woff') format('woff'), url('fonts/Outfit-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-SemiBold';
  src: url('fonts/Outfit-SemiBold.otf');
  src: local('☺'), url('fonts/Outfit-SemiBold.woff') format('woff'), url('fonts/Outfit-SemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Light';
  src: url('fonts/Outfit-Light.otf');
  src: local('☺'), url('fonts/Outfit-Light.woff') format('woff'), url('fonts/Outfit-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-ExtraLight';
  src: url('fonts/Outfit-ExtraLight.otf');
  src: local('☺'), url('fonts/Outfit-ExtraLight.woff') format('woff'), url('fonts/Outfit-ExtraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Black';
  src: url('fonts/Outfit-Black.otf');
  src: local('☺'), url('fonts/Outfit-Black.woff') format('woff'), url('fonts/Outfit-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham-Bold';
  src: url('fonts/Gotham-Bold.eot');
  src: local('☺'), url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf') format('truetype'), url('fonts/Gotham-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body{font-family:Outfit-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%; max-height: 100%; }
a{color: #222;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#ff4136;}
a:focus,input:focus,button:focus,textarea:focus,select: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: "iconfont"; /* Project id 5102775 */
  src: url('fonts/iconfont.woff2?t=1767600977898') format('woff2'),
       url('fonts/iconfont.woff?t=1767600977898') format('woff'),
       url('fonts/iconfont.ttf?t=1767600977898') format('truetype');
}

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

.icon-moxingcanshu_:before {
  content: "\e66b";
}

.icon-chanpinjieshao:before {
  content: "\e668";
}

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

.icon-zhihuichuangxin:before {
  content: "\e6a6";
}

.icon-kehu1:before {
  content: "\e73d";
}

.icon-a-08zhiliang-xianxing:before {
  content: "\e660";
}

.icon-gongchengjixie:before {
  content: "\e63f";
}

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

.icon-gexingdingzhi:before {
  content: "\e63b";
}

.icon-qingzhangche:before {
  content: "\e667";
}

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

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

.icon-gaokongzuoyejixie:before {
  content: "\e692";
}

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

.icon-huaban1:before {
  content: "\e628";
}

.icon-inquiry:before {
  content: "\e7f0";
}

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

.icon-kehu:before {
  content: "\e67e";
}

.icon-yuangongguanli:before {
  content: "\e6dc";
}

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

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

.icon-a-fahuodaifahuo:before {
  content: "\e638";
}

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

.icon-chanpinguanli:before {
  content: "\e6e3";
}

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

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

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

.icon-shouqian-:before {
  content: "\e635";
}

.icon-shouhoufuwu:before {
  content: "\e674";
}

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

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

.icon-dailizizhizizhiqiyezizhi:before {
  content: "\e68d";
}

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

.icon-he_67zuzhifazhanlicheng:before {
  content: "\e71c";
}

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

.icon-fuwu:before {
  content: "\e66f";
}

.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: #f3f3f3;  }
.warper{ width:1440px; margin:0 auto; position: relative;}

header{ transition: all 0.3s; width: 100%; height: 80px; z-index: 999; position: fixed; top: 14px; left: 0; }
header .warper::before{ content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; background: #fff; z-index: 0; border-radius: 40px; box-shadow: 0 0 30px rgba(162,162,162,0.3); }
#nav:after{  content: '';  display: block;  clear: both;}
.logo{ position: absolute; left: 22px; top: 12px; }
.logo img{ width: auto; }
.dis{ display: block; }
.nodis{ 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: 450px; }
nav li{ float: left; margin: 0 24px; }
nav li:last-child{ margin-right: 0; }
nav li>a{ position: relative; line-height:80px; font-size: 18px; font-family: Outfit-Medium; text-transform: capitalize; display: inline-block;}
nav li.on a,nav li:hover a{ color: #ff4136;  }
.sub_menu{ position: absolute; display: none; z-index: -1; width: 100%; left: 0; top: 44px; background: #fff; padding: 84px 38px 38px; border-radius: 0 0 20px 20px; }
.sub_menu dl{ display: flex;}
.sub_menu dl dd{ width: 25%; text-align: center; margin-right: 2%;}
.sub_menu dl dd:last-child{ margin-right: 0;}
.sub_menu dl dd p{ margin-top: 22px; color: #333; font-family: Outfit-Medium;}
.sub_menu dl dd .changpic{ border-radius: 10px;}
.sub_menu dl dd:hover .changpic img{ transform: scale(1.15);}
.sub_menu dl dd:hover p{ color: #ff4136;}


.head_rcon{ position: absolute; right: 28px; top:16px; width:250px; display: flex; align-items: center; justify-content: space-between; }
.hgesbtn{ display: inline-block; background: #ff4136; padding: 13px 35px; border-radius: 80px; font-family: Outfit-Medium; color: #fff; font-size: 17px;}
.hgesbtn i{ display: inline-block; margin-left: 5px; font-size: 20px;}
.hgesbtn *{ vertical-align: bottom;}
.hgesbtn:hover{ color: #fff; opacity: 0.85;}
.searchform{ cursor: pointer; display: inline-block; transition: all 0.3s; width: 47px; text-align: center; line-height: 45px; height: 47px; border-radius: 47px; border: 1px solid #000;}
.searchform i{ font-size: 22px; }
.searchform:hover{ background: #ff4136; border: 1px solid #ff4136; color: #fff;}
.position{ top: 0;}
.top0{ top: 80px !important; }
.search_box{ display: none; border-top: 1px solid #f5f5f5; padding:32px 0; z-index: 1000; background: #fff; position: fixed; top: 94px; left: 0; width: 100%; box-shadow: 0 5px 5px rgb(0 0 0 / 15%); }
.search_box .warper{ padding: 0 5%; }
.searcnr{ overflow: hidden; position: relative; width: 100%; transition: all .3s;}
.searcnr input{ width: 100%; font-family:Outfit-Light; font-size: 16px; border: 1px solid #e7e7e7; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #333; line-height:48px; padding-left:20px; padding-right: 98px;  }
.searcnr button{ width:88px; height:50px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background:#ff4136; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searcnr button i{ color: #fff; font-size: 22px; }
.searcnr input::-webkit-input-placeholder { color: #666;}
.searcnr input:-moz-placeholder {  color: #666;}


#banner_home{ position: relative; }
.banner{ overflow: hidden; }
.banner .item{ position: relative; }
#banner_home iframe{ width: 100%; height: 870px;}
.banner .item img{ width: 100%; }
.item_text{ position: absolute; text-align: center; color: #fff; top: 32%; left: 50%; transform: translateX(-50%); width: 1100px; z-index: 5; }
.item_text h2{ opacity: 0; margin-bottom: 40px; font-size: 56px; line-height: 60px; display: inline-block; position: relative; z-index: 0; font-family: Inter-Bold; }
.item_text p{ font-size: 20px; opacity: 0; line-height: 30px; font-family: Inter-Light; }
.itelink{ margin-top: 70px; opacity: 0; padding: 0 10%; }
.itelink a{ width: 47.5%; display: inline-block; height: 60px; line-height: 60px; margin-right: 4%; background: #fff; border-radius: 6px; text-align: center; font-family: Inter-Light; }
.itelink a:last-child{ margin-right: 0; }
.itelink a:hover{ background: #ff770f; color: #fff; }
.banner .item.slick-active .item_text h2{
  -webkit-animation: fadeInDown 1s 1s forwards;
  animation: fadeInDown 1s 1s forwards;
}
.banner .item.slick-active .item_text p{
  -webkit-animation: fadeInUp 1s 1s forwards;
  animation: fadeInUp 1s 1s forwards;
}
.banner .item.slick-active .itelink{
  -webkit-animation: fadeInUp 1s 1s forwards;
  animation: fadeInUp 1s 1s forwards;
}
.ban_arrow{ width: 100%; position: absolute; top: 42%; left: 0;  }
.ban_arrow span{ display: inline-block; width: 60px; height: 60px; line-height: 60px; background:transparent; text-align: center; border-radius: 60px; cursor: pointer; position: absolute; top: 0; }
.ban_arrow span i{ color: #fff; font-size: 34px; font-weight: bold; }
.ban_prev{ left: 8%; transform: rotate(180deg); }
.ban_next{ right: 8%; }
.ban_arrow span:hover i{ color: #ff4136; }

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

/*标题*/
.itith2{ font-size: 56px; text-transform: uppercase; font-family: OSWALD-BOLD; }
/*首页*/
.iourp{ padding-top: 88px; padding-bottom: 90px;}
.iourp .itith2{ text-align: center;}
.iopnvav{ display: flex; margin-top: 22px; border-top: 2px solid #656565; }
.iopnvav li{ width: 50%; text-align: center;}
.iopnvav li p{ font-family: Outfit-Medium; margin-bottom: 5px;}
.iopnvav li i{ font-size: 42px;}
.iopnvav li a{ display: block; position: relative; width: 100%; padding-top: 20px;}
.iopnvav li.on a::before{ content: ""; position: absolute; top: -3px; left: 0; width: 100%; height: 4px; background: #ff4136;}
.iopnvav li.on a{ color: #ff4136;}
.iopnvav li.on a i{ color: #fd8b84;}
.isoswi{ position: relative; margin-top: 34px;}
.isogds .item{ margin: 0 20px;}
.isogds{display: none;}
.isogds.on{display: block;}
.anniu{display: none;}
.anniu.on{display: block;}
.istxst{ padding: 30px 0 0; opacity: 0; }
.istxst h4{ font-size: 30px; margin-bottom: 16px; font-family: Outfit-Regular; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.isdld{ display: flex;}
.isdld dd{ margin-right: 35px;}
.isdld dd:last-child{ margin-right:0;}
.isdld dd span{ display: inline-block; padding: 6px 10px; font-size: 16px; color: #666; background: #f0f0f0; border-radius: 5px;}
.isdld dd p{ color: #ff4136; margin-top: 6px; font-size: 26px; font-family: Outfit-Medium;}
.isdld dd p em{ font-style: normal; font-size: 24px;}

.isoit .changpic{ border-radius: 10px; background: #000;}
.isoit .changpic img{ opacity: 0.6;}
.isoit:hover .changpic img{ transform: scale(1.15);}
.slick-active  .istxst{ opacity: 1;}
.slick-active .isoit .changpic img{ opacity: 1;}
.iso_prev,.iso_next{ position: absolute; top: 32%; z-index: 22;}
.iso_prev{ left: 23%;}
.iso_next{ right: 23%;}
.iso_prev i,.iso_next i{ cursor: pointer; text-align: center; font-size: 26px; display: inline-block; width: 65px; height: 65px; line-height: 65px; background: rgba(255, 255, 255, 0.3); color: #fff; border-radius: 65px; }
.iso_prev i:hover,.iso_next i:hover{ background: #ff4136; color: #fff;}
.iso_prev i{ transform: rotate(180deg);}

.iabcov{ background: url(images/iabbgt.jpg) fixed no-repeat; background-size: cover; padding: 100px 0 112px;}
.iabcivs{ display: flex; color: #fff;}
.iabcilef{ width: 50%;}
.iabcirig{ width: 50%; padding-top: 20px; padding-left: 60px;}
.iabcilef .itith2{ line-height: 72px; width: 75%; text-transform: capitalize; }
.icacip{ margin-top: 26px;}
.icacip p{ font-size: 16px; line-height: 26px;}
.icnumc{ margin-top: 60px; display: flex;}
.icnumc li{ width: 46%; margin-right: 8%;}
.icnumc li:last-child{ margin-right: 0;}
.icnumc li b{ font-size: 68px; font-family: Gotham-Bold;}
.icnumc li p{ line-height: 26px; font-size: 16px;}
.icnumc li b i{ font-style: normal;}
.iamobtn{ margin-top: 56px;}
.iamobtn a{ background: #ff4136; display: inline-block; padding: 13px 23px; border-radius: 60px; font-size: 16px; font-family: Outfit-Regular; color: #fff;}
.iamobtn a:hover{ opacity: 0.85;}

.innes{ padding: 80px 0 90px;}
.inetis{ text-align: center;}
.inetis p{ font-size: 16px; padding: 0 20%; line-height: 22px; color: #888;}
.ineswi{ margin-top: 24px; position: relative; padding: 0 56px;}
.inesgd .item{ margin: 0 13px;}
.inesgd .slick-track{ padding: 20px 0;}
.inesitem a{ display: block; background: #fff; padding: 35px 38px 44px; width: 100%; border-radius: 18px; box-shadow: 0 0 20px rgba(162, 162, 162, 0.22);}
.intisi{ display: flex; margin-bottom: 20px; padding-bottom: 20px; justify-content: space-between; border-bottom: 1px solid #e1e1e1;}
.intisi h3{ font-size: 26px; width: 40%; height: 60px; overflow: hidden; font-weight: normal; line-height: 30px; font-family: Outfit-Medium;}
.intisi i{ display: inline-block; transition: all 0.3s; transform: rotate(-35deg); width: 50px; color: #727277; font-size: 24px; text-align: center; height: 50px; border-radius: 50px; line-height: 50px; background: #f8f8f8;}
.inesitem p{ font-size: 16px; line-height: 26px; color: #888; height: 52px; overflow: hidden;}
.inesitem .changpic{ margin-top: 20px; border-radius: 10px;}
.inesitem:hover .changpic img{ transform: scale(1.15);}
.inesitem:hover .intisi i{ background: #ff4136; color: #fff; transform: rotate(0deg);}
.inesgd .slick-dots{ position: static; margin-top: 15px;}
.inesgd .slick-dots li{ width: auto; height: auto;}
.inesgd .slick-dots li button{ width: 15px; height: 15px; border-radius: 15px; padding: 0; background: #ccc;}
.inesgd .slick-dots li.slick-active button{ background: #ff4136;}

.iexm{ padding: 90px 0 110px; background: url(images/excabg.jpg) no-repeat; background-size: cover;}
.iexcaj{ width: 100%; display: flex; justify-content: space-between;}
.iexlef{ width: 50%; position: sticky; top: 100px; height: 100%; padding-right: 138px;}
.iexrig{ width: 50%;}
.iexlef .itith2{ line-height: 75px; margin-bottom: 32px;}
.iexlef p{ font-size: 16px; line-height: 26px; color: #444;}
.iexlef a{ background: #ff4136; display: inline-block; margin-top: 72px; padding: 13px 23px; border-radius: 60px; font-size: 16px; font-family: Outfit-Regular; color: #fff;}
.iexlef a:hover{ opacity: 0.85;}
.iexulc li{ padding: 36px 0; border-bottom: 1px solid #e4e4e4;}
.ixexitem a{ display: flex; width: 100%;}
.iexxlef{ width: 55%; padding-right: 10px;}
.iexxrig{ width: 45%;}
.iexxlef h3{ font-size: 24px; margin-bottom: 15px; font-weight: normal; line-height: 26px; height: 52px; overflow: hidden; font-family: Outfit-SemiBold;}
.iexxlef p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #444;}
.iexxlef i{ display: inline-block; transition: all 0.3s; margin-top: 26px; width: 50px; transform: rotate(-35deg); height: 50px; font-size: 24px; line-height: 50px; text-align: center; border-radius: 50px; color: #fff; background: #ff4136;}
.iexxrig .changpic{ border-radius: 10px;}
.ixexitem:hover .changpic img{ transform: scale(1.15);}
.ixexitem:hover .iexxlef i{ transform: rotate(0deg);}


.bigbg,.bigbgt{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; }
.getbox{ width: 1130px; padding: 40px 54px 52px; border-radius: 10px; background: #fff; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.sthiov{ width: 1440px; background: #fff; padding: 48px 48px 36px; border-radius: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.allhide{ display: none; }
.close_btn{ 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{ font-size: 16px; }
.close_btn:hover{ color: #fff; background: #ff4136; }
.getbox h2{ text-align: center; font-size: 52px; font-family: Outfit-Bold;}
.pop_info{ overflow: hidden; margin-top: 18px; }
.pop_info ul{ width: 100%; overflow: hidden; }
.pop_info li{ float: left; width: 49%; margin-bottom: 14px; position: relative; }
.pop_info ul li:nth-of-type(even){ float: right; }
.pop_info ul li:last-child{ margin-bottom: 0; }
.pop_info li p.jopt{ font-size: 16px; margin-left: 10px; color: #666; text-transform: capitalize; margin-bottom: 12px; }
.pop_info ul li:nth-of-type(5),.pop_info ul li:nth-of-type(6){ width: 100%; }
.pop_info input,.pop_info textarea{width: 100%; border: 1px solid #dcdcdc; color: #333; border-radius: 23px; resize: none; font-family:Outfit-Light; background:#f9f9f9; font-size:16px; padding:12px 15px; }
.pop_info textarea{height: 120px;}
.pop_info input::-webkit-input-placeholder,.pop_info textarea::-webkit-input-placeholder { color: #b2b2b2;}
.pop_info input:-moz-placeholder,.pop_info textarea:-moz-placeholder {color: #b2b2b2;}
.pop_info button{ transition:all 0.3s; position: relative; z-index: 0; box-shadow: none; background: #ff4136; border: none; width: 180px; border-radius: 60px; font-family: Outfit-Regular;  font-size: 16px; cursor: pointer; color: #fff; height: 50px; }
.pop_info button:hover{ opacity: 0.9; }

.siovthpi .item{ margin: 0 12px; }
.siovthpi .slick-list{ margin: 0 -12px;}
.siarr{ margin-top: 30px; text-align: center;}
.siarr span{ display: inline-block; margin: 0 5px; cursor: pointer; width: 34px; height: 34px; background: #f3f3f3; border-radius: 34px; text-align: center; line-height: 34px;}
.siarr span i{ display: inline-block;}
.sio_prev i{ transform: rotate(180deg);}
.siarr span:hover{ background: #ff4136; color: #fff;}




footer{ padding: 0 26px; }
.fotobox{ background: #1c1c25; border-radius: 20px 20px 0 0;}
.fottop{ padding: 72px 0 50px; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.fotivlb{ color: #fff;}
.fotivlb h2{ font-size: 42px; margin-bottom: 14px; font-family: Outfit-Bold;}
.fotivlb p{ font-family: Outfit-Regular;}
.fget{ margin-top: 12px;}
.fget a{ background: #ff4136; display: inline-block; padding: 18px 26px; border-radius: 60px; font-size: 16px; font-family: Outfit-Regular; color: #fff;}
.fget a:hover{ opacity: 0.85; color: #fff;}


.fo_bot{ display: flex; margin-top: 68px; color: #fff; justify-content: space-between; }
.fobitem1{ width: 21%; }
.fo_bot h5{ color: #fff; position: relative; font-size: 24px; padding-bottom: 12px; font-weight: normal; font-family: Outfit-SemiBold; margin-bottom: 22px; }
.fo_bot h5::before{ content: ""; position: absolute; bottom: 0; width: 40px; height: 3px; background: #ff4136; left: -8px;}
.fobitem1 p{ font-size: 16px; margin-top: 36px; line-height: 24px; font-family: Outfit-Light;}

.fouls li{ margin-bottom: 14px; font-size: 16px; font-family: Outfit-Light; color: #fff; }
.fouls li a{ color: #fff; }
.fouls li a:hover{ color: #fff; text-decoration: underline; }
.fobitem2{ width: 7%;}
.fobitem3{ width: 14%;}
.fobitem4{ width: 25%;}
.fobitem4 .fouls li{ position: relative; padding-left: 23px;}
.fobitem4 .fouls li i{ position: absolute; font-size: 18px; left: 0; top: 2px; color: #ff4136;}

.media{ margin-top: 40px;  }
.media a{ margin-right: 5px; width: 35px; text-align: center; background: rgba(255, 255, 255, 0.1); height: 35px; border-radius: 35px; line-height: 35px; color: #fff; font-size:18px; display:inline-block;}
.media a:hover{ background: #ff4136; }

.fo_cop{ border-top: 1px solid rgba(255, 255, 255, 0.2); color: #fff; overflow: hidden; padding: 26px 0; margin-top: 54px; }
.fo_cop p{ font-size: 16px;}
.fo_cop p a{ color: #fff; }
.fo_cop p a:hover{ color: #fff; }

.sider-contact { background: #fff; border-radius: 10px 0 0 10px; box-shadow: 0 0 1rem -2px rgba(61,61,61,.15); position: fixed; right: 0; top: 50%; transform: translateY(-50%); transition: all .5s ease; z-index: 999;}
.sider-contact.hide { transform: translate(100%,-50%);}
.sider-contact.hide #sider-contact-switcher i { transform: rotate(180deg);}
.right-nav { align-items: center; display: flex; padding: 16px 14px; flex-flow: column; font-size: 1.2rem; line-height: 1.4rem;}
.right-nav .btn-tit { transform: scale(.9)}
.right-nav li { height: 62px; border-bottom: 1px solid #f0f0f0; position: relative; width: 56px;}
.right-nav li:last-child{ border-bottom: none; }
.right-nav li a { align-items: center; color: #1f1a17; display: flex; flex-flow: column; height: 100%; justify-content: center; transition: all .3s ease; width: 100%}
.right-nav li a:hover { transform: translateX(5px); }
.right-nav li:hover .right_hide { opacity: 1; transform: translate(-110%,-50%); visibility: visible}
.right_hide{ background-color: #fff; border-radius: 10px; box-shadow: 0 0 1rem -2px rgba(61,61,61,.15); color: #3d3d3d; font-size: 14px; left: -10px; line-height: 1.6rem; opacity: 0; padding: 1rem; position: absolute; top: 50%; transform: translate(-130%,-50%); transition: all .5s ease; visibility: hidden; white-space: nowrap}
.right_hide:before { border-bottom: 6px solid transparent; border-left: 8px solid #fff; border-top: 6px solid transparent; content: ""; position: absolute; right: -8px; top: calc(50% - 4px)}
.right_hide img { display: block; max-width: 10rem}
#sider-contact-switcher { align-items: center; color: #1f1a17; cursor: pointer; display: flex; height: 44px; justify-content: flex-end; left: 0; margin: 0; overflow: hidden; position: absolute; top: 50%; transform: translate(-100%,-50%); width: 44px; z-index: -1}
#sider-contact-switcher i { font-size: 12px; font-weight: bold; transition: all .3s ease}
#sider-contact-switcher:after { background: #fff; box-shadow: 0 0 1rem -2px rgba(61,61,61,.15); border-radius: 5px; content: ""; display: block; height: 44px; left: 69%; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); transform-origin: center; width: 44px; z-index: -1}


video{ width: 100%; display: block; /*opacity: 0.6; */}


.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; }
.sutit{ position: absolute; top: 45%; text-align: center; width: 100%; left: 0;  }
.sutit h2{ color: #fff; text-align: center; text-transform: uppercase; font-size: 62px; font-family: OSWALD-BOLD; }
.sutit p,.sutit p a{ color: #fff; font-family: Outfit-Medium;}
.sutit p i{ color: #ff4136; font-size: 22px; display: inline-block; margin-right: 3px;}
.part74{ padding-top: 74px; }
.sutit p a:hover{ text-decoration: underline;}
/*关于我们*/
.pat80{ padding-top: 80px;}
.abwart{ padding-bottom: 110px;}
.acoivs{ display: flex;}
.acoilef{ width: 50%; padding-right: 58px;}
.acoirig{ width: 50%; padding-left: 40px;}
.acoilef .itith2{ text-transform: capitalize; line-height: 72px;}
.acoilef .changpic{ border-radius: 10px; margin-top: 26px;}
.acmiss{ margin-top: 28px; display: flex;}
.acmihti{ font-size: 32px; width: 118px; line-height: 36px; font-family: Outfit-Medium;}
.acmpxt{ flex: 1; padding-left: 45px;}
.acmpxt p{ font-size: 16px; line-height: 26px;}
.caroxt p{ font-size: 16px; line-height: 26px; }
.acoirig .changpic{ border-radius: 10px; margin-top: 30px; }
.abcow{ padding-bottom: 80px;}
.abbumi{ background: url(images/abumi.jpg) no-repeat; color: #fff; background-size: cover; padding: 60px 0 64px; }
.aunubl{ display: flex; justify-content: space-between;}
.aunubl li b{ font-size: 68px; font-family: Gotham-Bold;}
.aunubl li p{ margin-top: 5px; }
.abkeyse{ padding: 98px 0;}
.abkeivs{ display: flex;}
.abkelef{ width: 558px;}
.abkerig{ flex: 1; padding-left: 90px;}
.abkelef .itith2{ text-transform: capitalize; line-height: 72px;}
.akeuls{ margin-top: 32px;}
.akeuls li{ border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 20px;}
.akeuls li:last-child{ margin-bottom: 0;}
.akeuls li p{ font-size: 16px; line-height: 22px; position: relative; padding-left: 32px;}
.akeuls li p::before{ content: "\e61f"; font-size: 24px; font-family: iconfont; position: absolute; top: 0; left: 0; color: #ff4136;}

.abseuls{ overflow: hidden; }
.abseuls li{ float: left; border-radius: 10px; overflow: hidden; position: relative; width: calc(28.5% - 18px); transition-duration: 1s; }
.abseuls li::before{ content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background:rgb(0 0 0 / 50%)}
.abseuls li + li{ margin-left: 18px; }
.abseuls li.on{ width: 42%; background-position: 0 !important; display: block; }
.abseuls li .ali{ display: flex; overflow: hidden; align-items: center; justify-items: center; position: relative; width: 100%; height: 527px; background-size: auto 527px!important; background-repeat: no-repeat; }
.abseuls li.on::before{ background:rgb(0 0 0 / 0%);}
.abcval{ padding: 72px 0 114px; background: url(images/ocvabg.jpg) fixed no-repeat; background-size: cover;}
.abcvti{ text-align: center; color: #fff;}
.abcvti .itith2{ text-transform: capitalize; margin-bottom: 10px; }
.abcvti p{ line-height: 26px; font-family: Outfit-Medium; padding: 0 5%;}
.acvultk{ display: flex; margin-top: 26px;}
.acvultk li{ width: 32%; margin-right: 3%; text-align: center; padding: 40px 52px 36px; background: #fff; border-radius: 10px; transition: all 0.3s;}
.acvultk li:last-child{ margin-right: 0;}
.acvultk li i{ display: inline-block; transition: all 0.3s; width: 80px; font-size: 45px; height: 80px; border-radius: 80px; line-height: 80px; color: #fff; background: #ff4136;}
.acvultk li h5{ font-size: 24px; font-family: Outfit-Medium; font-weight: normal; margin: 20px 0 10px;}
.acvultk li p{ font-size: 16px; line-height: 22px; color: #666;}
.acvultk li:hover{ background: #ff4136; color: #fff;}
.acvultk li:hover i{ background: #fff; color: #ff4136;}
.acvultk li:hover p{ color: #fff;}
.abfacv{ padding-top: 94px;}
.afavi{ display: flex;}
.afavile{ width: 526px;}
.afaviri{ flex: 1; padding-left: 58px;}
.afavile .itith2{ text-transform: capitalize; line-height: 72px;}
.afivpx{ margin-top: 34px;}
.afivpx p{ font-size: 16px; line-height: 26px;}
.afavile a{ background: #ff4136; display: inline-block; margin-top: 46px; color: #fff; padding: 12px 28px; border-radius: 60px; font-family: Outfit-Medium;}
.afavile a i{ display: inline-block; margin-left: 5px; font-size: 20px;}
.afavile a:hover{ opacity: 0.85;}
.afvultt{ display: flex; padding-right: 150px;}
.afvultt li,.afvulttt li{ width: 48.5%; margin-right: 3%;}
.afvultt li:last-child,.afvulttt li:last-child{ margin-right: 0;}
.afvultt li .changpic,.afvulttt li .changpic{ border-radius: 10px;}
.afvulttt{ margin-top: 20px; padding-left: 150px; display: flex;}

/* case */
.cawarv{ padding-bottom: 110px;}
.cawlist li{ margin-bottom: 60px;}
.cawlist li:last-child{ margin-bottom: 0;}
.cawlitem a{ display: flex; width: 100%;}
.cawilef{ width: 50%; padding-left: 96px; position: relative;}
.cawirig{ width: 50%; padding-left: 115px;}
.cawirig .changpic{ border-radius: 10px;}
.cawow{ position: relative;}
.cawow b{ color: #ff4136; font-weight: normal; font-size: 90px; font-family: Outfit-SemiBold;}
.cawow h3{ font-size: 24px; margin-top: 12px; line-height: 26px; margin-bottom: 15px; height: 52px; overflow: hidden; font-family: Outfit-SemiBold;}
.cawow p{ font-size: 16px; line-height: 26px; color: #666; overflow: hidden; height: 104px;}
.cawow i{ margin-top: 34px; transition: all 0.3s; display: inline-block; transition: all 0.3s; transform: rotate(-35deg); width: 50px; color: #aeaeae; font-size: 24px; text-align: center; height: 50px; border-radius: 50px; line-height: 50px; background: #f8f8f8; }
.cawilef span{ position: absolute; padding-right: 6px; height: 100%; border-right: 2px solid #ff4136; top: 0; left: 0; color: #ff4136; display: inline-block; writing-mode: vertical-rl; font-size: 20px; font-family: Outfit-SemiBold;}
.cawlitem:hover .cawirig .changpic img{ transform: scale(1.15);}
.cawlitem:hover .cawow i{ background: #ff4136; color: #fff;}
.cawlist li:nth-of-type(even) .cawilef{ order: 2;}
.cawlist li:nth-of-type(even) .cawirig{ order: 1; padding-left: 0; padding-right: 115px;}

/* equipment */
.equiwarv{ background: #f8f8f8; padding-bottom: 110px;}
.grid{ }
.grid-item { width: calc((100% - 60px) / 3); overflow: hidden; margin-bottom: 30px; background: #fff; border-radius: 10px; }
.gremi{ padding: 26px 24px;}
.gremi p{ font-size: 20px; position: relative; padding-bottom: 14px; font-family: Outfit-Medium;}
.gremi p::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 55px; height: 3px; background: #ff4136;}
.grid-item:hover .changpic img{ transform: scale(1.15);}

/* acca */
.acceswarv{ padding-bottom: 100px;}
.accullist{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 26px 28px;}
.acclitem .changpic{ border-radius: 10px;}
.acclitem{ text-align: center; cursor: pointer;}
.acclipi{ position: relative;}
.acclipi .changpic{ background: #000;}
.acclipi i{ display: inline-block; opacity: 0; transition: all 0.3s; width: 44px; color: #fff; text-align: center; line-height: 40px; height: 44px; border-radius: 44px; border: 2px solid #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.acclitem p{ margin-top: 18px; font-family: Outfit-Medium;}
.acclitem:hover p{ color: #ff4136; }
.acclitem:hover .changpic img{ opacity: 0.6;}
.acclitem:hover .acclipi i{ opacity: 1;}






.abwarw{ position: relative;}
.abwnav{ position: absolute; top: 0; left: 0; width: 356px; z-index: 22; background: #fff; height: 100%; box-shadow: 16px 0 32px rgba(181, 188, 200, 0.14); }
.abwivs{ position: sticky; padding-top: 40px; top: 80px; left: 0; width: 100%; padding-left: 28px; }
.abnulst li a{ display: inline-flex; border-radius: 36px 0 0 36px; position: relative; padding: 0 40px 0 58px; width: 100%; height: 70px; align-items: center; font-family: Outfit-Regular; }
.abnulst li a:before{ content: ""; position: absolute; bottom: 0; right: 42px; width: 77%; height: 1px; background: #e8e8e8;}
.abnulst li.on a{ background: #ff4136; color: #fff; }
.abnulst li.on a:before{ background: transparent; }
.abivbox{ padding-left: 206px; padding-bottom: 82px;}
.abcoltd{ display: flex; }
.ablzb{ width: 48%;}
.abh2ti{ font-size: 36px; margin-bottom: 24px; font-family: Outfit-SemiBold; font-weight: normal;}
.apdwc p{ font-size: 16px; line-height: 26px;}
.ablyb{ width: 52%; padding-left: 70px;}
.aboli{ position: relative;}
.aboli img{ width: 100%;}
.aboli .flat-video-fancybox a.fancybox{ width: 30px; height: 30px; line-height: 27px;}
.aboli .ripple,.aboli .ripple:before, .aboli .ripple:after{ width: 30px; height: 30px; }
.aboli .flat-video-fancybox i{ font-size: 12px;}
.aboli .flat-video-fancybox a.fancybox{ padding-left: 2px;}
.abcnuls{ margin-top: 42px; display: flex;}
.abcnuls li{ margin-right: 3%; transition: all 0.3s; width: 23%; padding: 36px 0 38px 40px; border-radius: 10px; background: #eff2f7; overflow: hidden; position: relative; }
.abcnuls li:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; transition: all 0.6s; height: 4px; background: #6c99f0; }
.abcnuls li span{ font-size: 16px; }
.abcnuls li span i{ font-size: 40px; font-family: Outfit-SemiBold; font-style: normal; }
.abcnuls li p{ margin-top: 10px; font-size: 16px; font-family: Outfit-Regular;}
.abcnuls li:hover{ background: #ff4136; color: #fff; }
.abcnuls li:hover:before{ width: 100%;}
.abcnuls li:last-child{ margin-right: 0;}
.apdwtx{ margin-top: 34px;}
.apdwtx p{ font-size: 16px; line-height: 26px;}
.abuthpi{ margin-top: 28px; display: flex; }
.abuthpi li{ width: 32%; margin-right: 2%;}
.abuthpi li:last-child{ margin-right: 0;}
.abuthpi li .changpic{ border-radius: 10px;}
.abuthpi li:hover .changpic img{ transform: scale(1.15);}

.hislist li{ margin-bottom: 52px; position: relative; padding-left: 218px;}
.hislist li:before{ content: ""; position: absolute; top: 56%; left: 11px; width: 1px; height: 107%; background: #e1e8ef;}
.hislist li:last-child{ margin-bottom: 0;}
.hislist li:last-child:before{ height: 42%;}
.hisitm{ display: flex; align-items: center;}
.hislef{ width: 48%;}
.hisrig{ width: 52%; padding-left: 60px;}
.hislef .changpic{ border-radius: 10px;}
.hisrig p{ font-size: 22px; font-family: Outfit-Medium;}
.hiyear{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; padding-left: 60px; font-family: Outfit-Bold; font-size: 46px;}
.hiyear:before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 22px; height: 22px; border-radius: 22px; background: #ff4136;}
.higds{ position: relative;}
.hiarr span{ display: inline-block; margin-right: 14px; cursor: pointer; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 36px; background: #e8effb; color: #376fdd;}
.hiarr span i{ display: inline-block; font-weight: bold;}
.his_prev i{ transform: rotate(180deg);}
.hiarr span:hover{ background: #376fdd; color: #fff;}
.hiarr{ position: absolute; bottom:12px; left: calc(48% + 60px); }

.abcoulp{ display: flex; flex-wrap: wrap;}
.abcoulp li{ width: 31.3%; margin-right: 3%; margin-bottom: 26px; }
.abcoulp li:nth-of-type(3n){ margin-right: 0;}
.abcoulp li .changpic{ border-radius: 10px;}
.abcoulp li p{ line-height: 22px; font-family: Outfit-Light; margin-top: 14px; }
.abcoulp li:hover .changpic img{ transform: scale(1.15);}

.abradp{ display: flex; flex-wrap: wrap; }
.abradp li{ width: 32%; margin-right: 2%; margin-bottom: 42px; }
.abradp li:nth-of-type(3n){ margin-right: 0;}
.abradp li .changpic{ border-radius: 10px;}
.abradp li:hover .changpic img{ transform: scale(1.15);}

.ageh2{ font-size: 38px; font-family: Outfit-SemiBold; font-weight: normal; margin-bottom: 22px;}
.aigitm{ margin-bottom: 26px;}
.aigh3{ font-size: 20px; font-family: Outfit-SemiBold; font-weight: normal; margin-bottom: 10px;}
.aigpp{ background: #f5f6f8; padding: 22px;}
.aigpp p{ font-size: 16px; line-height: 26px; position: relative; padding-left: 22px;}
.aigpp p:before{ content: ""; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; border-radius: 6px; background: #ff4136;}
.apopp{ font-size: 16px; line-height: 26px; }
.agconus{ border-radius: 10px; color: #fff; background: url(images/apbopns.jpg) no-repeat; background-size: cover; padding: 50px 50px 54px;}
.agconus h4{ font-size: 32px; font-family: Outfit-SemiBold; font-weight: normal; margin-bottom: 10px;}
.agconus p{ font-size: 16px; font-family: Outfit-Regular;}

.asetx p{ font-size: 16px; line-height: 26px;}
.asulti{ margin-top: 38px; }
.asulti li{ padding: 48px 0; border-bottom: 1px solid #e9ecf2;}
.asulti li:first-child{ padding-top: 0;}
.asulti li:last-child{ padding-bottom: 0; border-bottom: none; }
.asuites{ display: flex; justify-content: space-between;}
.aselef{ width: 50%;}
.aserig{ width: 48%; padding-left: 35px;}
.aselef h4{ font-size: 24px; font-family: Outfit-SemiBold; font-weight: normal; margin-bottom: 8px;}
.aselef h6{ font-size: 16px; font-family: Outfit-Regular; font-weight: normal; margin-bottom: 14px;}
.aselef p{ font-size: 16px; line-height: 24px;}
.aserig .changpic{ border-radius: 10px;}

.faqlist li{ margin-bottom: 10px; padding: 22px 34px; background: #f4f7fa; }
.faqlist h3{ padding-left: 38px; font-size: 20px; font-family: Outfit-Regular; font-weight: normal; position: relative; cursor: pointer; padding-right: 80px; }
.faqlist h3:after{ content: "\e614"; position: absolute; top: 0; font-weight: normal; left: 0; font-family: iconfont; color: #b6c1d6; font-size: 28px;  }
.faqlist h3:before{ content: "\e711"; font-family: iconfont; font-size: 20px; color: #ff4136; position: absolute; top: 5px; right: 0; }
.faqlist .fa_nrp{ margin-top: 22px; border-top: 1px solid #e1e4e7; padding-top: 15px; display: none; line-height: 24px; font-size: 16px; }
.faqlist .fa_nrp.active { display: block;}
.faqlist h3.active:before{ content: "\e611"; }
.faqlist h3.active:after{ color: #ff4136;}

.houls{ display: grid; grid-gap: 22px; grid-template-columns: repeat(4, 1fr);}
.cerls{ margin-top: 22px; display: grid; grid-gap: 22px; grid-template-columns: repeat(5, 1fr);}
/*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;}


/*产品列表*/
.suseaiv{ position: absolute; border-radius: 80px; background: #fff; box-shadow: 0 14px 15px rgb(0 0 0 / 8%); width: 64%; bottom: -40px; left: 50%; transform: translateX(-50%);}
.suseaiv form{ position: relative;}
.suseaiv input{ width: 100%; border-radius: 80px; height: 80px; font-size: 20px; font-family: Outfit-Light; padding: 0 98px 0 42px;}
.suseaiv button{ position: absolute; cursor: pointer; top: 0; border: none; color: #fff; right: 0; width: 80px; height: 80px; border-radius: 80px; background: #ff4136;}
.suseaiv button i{ font-size: 30px;}
.pat130{ padding-top: 130px;}
.prwar{ background: #f8f8f8; padding-bottom: 120px; }
.pliul{ display: grid; grid-gap: 26px; grid-template-columns: repeat(4, minmax(0, 1fr));}
.prliitm{ border-radius: 10px; background: #fff; overflow: hidden; border: 1px solid #ededed;}
.prliitm a{ display: block; width: 100%; position: relative;}
.prliitm a span.dun{ display: inline-block; z-index: 22; border-radius: 5px 0 0 5px; position: absolute; top: 0; right: 0; padding: 5px 12px; font-size: 26px; font-family: OSWALD-BOLD; background: #ff4136; color: #fff;}
.prxtv{ padding: 5px 12px 22px;}
.prxtv h3{ text-align: center; font-size: 22px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Outfit-Regular;}
.prxtv dl{ margin-top: 12px;}
.prxtv dl dd{ display: flex; justify-content: space-between; padding: 10px 12px;}
.prxtv dl dd p{ font-size: 16px; color: #777;}
.prxtv dl dd:nth-of-type(odd){ background: #f8f8f8;}
.prliitm:hover .changpic img{ transform: scale(1.15);}


/*分页 结束*/
.digg4{ text-align:right; font-size: 20px; margin-top:54px;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:36px; border-radius: 40px; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; background: transparent; height:36px; line-height: 36px; color:#222; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background: #ff4136; border: 1px solid #ff4136; }
.digg4 span.disabled { font-size: 30px; line-height:27px; font-weight: normal; border: 1px solid #e8e8e8; background: #fff; color: #333;}
.digg4 a{ color: #a6a6a6; background: #fff; border: 1px solid #e8e8e8; }
/*产品详情*/
.prdewar{ padding: 160px 0 88px; background: url(images/demibg.jpg) no-repeat; background-size: cover;}
.ddemi{ border-radius: 10px; display: flex; background: #fff; padding: 22px;}
.ddemilef{ width: 50%;}
.ddemirig{ width: 50%; padding-left: 30px; padding-top: 18px;}
.dmcswi{ display: flex; justify-content: space-between;}
.decsle{ width: 74.6%;}
.decsri{ width: 23.6%;}
.decsle .changpic,.dersulm li .changpic{ border-radius: 10px;}
.dersulm li{ margin-bottom: 5.5%; cursor: pointer;}
.dersulm li:last-child{ margin-left: 0;}
.depaul{ margin-top: 28px; display: flex;}
.depaul li{ padding: 0 40px; position: relative;}
.depaul li::before{ content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #f1f1f1;}
.depaul li:first-child{ padding-left: 0;}
.depaul li:last-child{ padding-right: 0;}
.depaul li span{ font-size: 16px; color: #666;}
.depaul li p{ font-family: Outfit-Medium; margin-top: 6px;}
.depaul li:last-child::before{ display: none;}
.deh1t{ font-size: 42px; position: relative; padding-left: 14px; font-family: Outfit-Bold;}
.deh1t::before{ content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 32px; background: #ff4136;}
.ddemirig .isdld{ margin-top: 25px;}
.dewapem{ margin-top: 84px; display: flex; padding-right: 114px;}
.dewapem li{ width: 42%; margin-right:12%; position: relative; padding-left: 46px;}
.dewapem li i{ position: absolute; top: 4px; left: 0; color: #ff4136; font-size: 38px;}
.dewapem li:last-child{ margin-right: 0;}
.dewapem li:last-child i{ color: #212121;}
.dewapem li p{ font-size: 16px; color: #888; margin-bottom: 2px;}
.dewapem li a{ font-size: 20px; font-family: Outfit-SemiBold;}
.debtns{ width: 100%; padding-right: 114px; margin-top: 26px; overflow: hidden; }
.debtns a{ position: relative; border-radius: 35px;  color: #fff; background: #ff4136; font-family: Outfit-Medium; display: inline-block; float: left; width: 42%; text-align: center; padding:12px 5px;  }
.debtns a:last-child{ margin-left: 12%; background: #212121; color: #fff; }
.debtns a i{ margin-right: 4px; font-size: 24px; }
.debtns a:hover{ background: #ff4136; transform: translateX(10px); color: #fff; }
.debtns a:hover i{ color: #fff; }
.debtns a *{ vertical-align: middle; }

.dewariv{ padding-top: 64px;}
.dewnavu{ background: #f8f8f8; display: flex; border-radius: 5px;}
.dewnavu li{ flex: 1; padding: 16px 0; text-align: center; font-size: 24px; font-family: Outfit-SemiBold; cursor: pointer; text-align: center;}
.dewnavu li i{ font-size: 28px; color: #666; display: inline-block; margin-right: 6px;}
.dewnavu li.on{ color: #fff; background: #ff4136;}
.dewnavu li.on i{ color: #fff;}

.deshow{ margin-top: 60px;}
.deshow .item{ }
.detith2{ font-size: 56px; margin-bottom: 12px; text-transform: capitalize; font-family: OSWALD-BOLD; }
.deinfe{ display: flex; }
.deiflef{ width: 50%; padding-right: 20px;}
.deifrig{ width: 50%; padding-left: 20px;}
.deifrig .changpic{ border-radius: 10px;}
.deip p{ font-size: 16px; line-height: 26px;}
.difult{ margin-top: 24px;}
.difult li{ position: relative; margin-bottom: 15px; padding-left: 34px;}
.difult li p{ font-size: 16px; line-height: 24px; }
.difult li::before{ content: "\e63d"; font-family: iconfont; position: absolute; font-size: 24px; top: 2px; left: 0; color: #ff4136;}
.difult li:last-child{ margin-bottom: 0;}

.deappl{ padding: 60px 0 88px; margin-top: 82px; background: #f9f9f9;}
.deapsw{ position: relative; margin-top: 10px;}
.deapgd .item{ margin: 0 14px;}
.deapgd .item .changpic{ border-radius: 10px;}
.deaprr{ position: absolute; top: 36%; left: 0; width: 100%;}
.deaprr span{ display: inline-block; position: absolute; top: 0; cursor: pointer; background: #fff; color: #bbb; width: 65px; height: 65px; text-align: center; line-height: 65px; border-radius: 65px;}
.deaprr span i{ font-size: 30px; display: inline-block; }
.deaprr span:hover{ background: #ff4136; color: #fff;}
.deo_prev i{ transform: rotate(180deg);}
.deo_prev{ left: -88px;}
.deo_next{ right: -88px;}

.demessl{ padding: 60px 0 120px;}
.dgeme{ display: flex; align-items: center; margin-top: 15px;}
.dgemlef{ width: 50%;}
.dgemrig{ width: 50%; padding-left: 48px;}
.dgemlef .pop_info{ margin-top: 0;}

.depamt{ background: #f9f9f9; padding: 60px 0 75px;}
.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; text-align: center; padding:14px 10px;  }
.pro_table table tr:nth-of-type(odd) td{ background: #fefafa;}
.pro_table table tr:first-child td{ background: #ff4136; font-size: 20px; color: #fff; font-family: Outfit-SemiBold; }

.deloda{ padding: 40px 0;}
.decasewi{ position: relative;}
.decagd .item{ margin: 0 9px;}
.decafitem .changpic{ border-radius: 10px;}
.decaxt{ margin-top: 26px;}
.decaxt h3{ font-size: 18px; margin-bottom: 10px; font-family: Outfit-SemiBold; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.decaxt p{ font-size: 16px; line-height: 22px; height: 44px; overflow: hidden; color: #444;}
.decafitem:hover .changpic img{ transform: scale(1.15);}
.decaxt i{ display: inline-block; transform: rotate(-35deg); margin-top: 20px; text-align: center; color: #b3b3b3; font-size: 20px; width: 46px; height: 46px; line-height: 46px; border-radius: 46px; background: #f9f9f9;}
.decafitem:hover .decaxt i{ background: #ff4136; color: #fff;}
.dca_prev i{ transform: rotate(180deg);}
.dca_prev{ left: -88px;}
.dca_next{ right: -88px;}
.decasewi .deaprr span{ background: #f3f3f3;}
.decasewi .deaprr span:hover{ background: #ff4136;}
.decasewi .deaprr{ top: 30%;}

/*solu*/
.sowar{ padding-bottom: 80px;}
.solist li{ margin-bottom: 66px;}
.solist li:last-child{ margin-bottom: 0;}
.solitem a{ display: flex; width: 100%; align-items: center;}
.solilef{ width: 50%; padding-right: 68px;}
.solirig{ width: 50%;}
.solilef .changpic{ border-radius: 20px;}
.solirig h3{ font-size: 32px; font-family: Outfit-SemiBold; font-weight: normal; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.solirig p{ font-size: 16px; line-height: 24px; color: #666; height: 96px; overflow: hidden;}
.solirig span{ display: inline-block; color: #333; margin-top: 46px; font-size: 16px; font-family: Outfit-Light; padding: 10px 42px; transition: all 0.3s; border-radius: 50px; background: #eaebf0;}
.solirig span i{ display: inline-block; margin-left: 8px;}
.solitem:hover .changpic img{ transform: scale(1.15);}
.solitem:hover .solirig span{ background: #ff4136; color: #fff; transform: translateX(10px);}
.solist li:nth-of-type(even) .solilef{ order: 2; padding-left: 68px; padding-right: 0;}
.solist li:nth-of-type(even) .solirig{ order: 1;}

.sodelw h1{ font-size: 40px; font-family: Outfit-SemiBold; font-weight: normal; margin-bottom: 12px;}
.sodelw p{ font-size: 16px; line-height: 26px; color: #666;}
.stwbov{ margin-top: 42px; display: flex; align-items: center;}
.stlwf{ width: 50%; padding-right: 30px;}
.strwr{ width: 50%; padding-left: 30px;}
.stlwf .changpic{ border-radius: 20px;}
.strwr p{ font-size: 16px; line-height: 26px; color: #666;}
.yzfz .stlwf{ padding-left: 30px; order: 2; padding-right: 0;}
.yzfz .strwr{ padding-left: 0; order: 1; padding-right: 30px; }

/*video*/
.vilink{ display: flex;}
.vilink li{ margin-right: 18px;}
.vilink li a{ display: inline-block; text-align: center; width: 270px; background: #eaebf0; font-size: 22px; font-family: Outfit-SemiBold; height: 60px; line-height: 60px; border-radius: 30px; }
.vilink li.on a{ color: #fff; background: #ff4136;}
.vilist{ display: grid; grid-gap: 48px 36px; margin-top: 50px; grid-template-columns: repeat(3, 1fr); }
.vioitem{ text-align: center;}
.vioitem .changpic{ border-radius: 20px;}
.vipics{ position: relative;}
.vipics i{ position: absolute; text-align: center; font-size: 24px; display: inline-block; width: 46px; height: 46px; line-height: 46px; border-radius: 46px; background: #d10000; color: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.vioitem p{ font-size: 16px; font-family: Outfit-Medium; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 12px;}
.vioitem:hover .changpic img{ transform: scale(1.15);}

/*vr*/
.vrlist{ display: grid; grid-gap: 52px 56px; grid-template-columns: repeat(2, 1fr); }
.vritems{ text-align: center;}
.vritems .changpic{ border-radius: 20px;}
.vritems p{ margin-top: 24px; font-size: 22px; font-family: Outfit-Medium; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vritems:hover .changpic img{ transform: scale(1.15);}
/*news*/
.newswar{ padding-bottom: 100px; }
.newlist{ display: grid; grid-gap: 28px 32px; grid-template-columns: repeat(3, minmax(0, 1fr)); }

.infocon{}
.infocon h1{font-size:30px; font-weight: normal; text-align: center; font-family: Outfit-SemiBold; margin-bottom: 20px; }
.infocon img{ width: auto; display: inline-block; margin: 10px 0; max-width: 100%; }
.infocon .time{ text-align: center; margin-bottom:30px;  }

.infocon .other{  border-top: 1px solid #dbdbdb; padding-top:30px; margin-top:30px;}
.infocon .other div{ padding:5px 0;}
.infocon .other div b{ text-transform: uppercase; font-weight: normal; }
.infocon .other a:hover{ color: #ff4136; }
.infocon p{line-height:28px;  margin-bottom: 18px; }


/*contact*/
.congeti{ padding: 184px 0 108px; background: url(images/conbgtt.jpg) no-repeat; background-size: cover; }
.cowarbox{ width: 100%; display: flex; justify-content: space-between;}
.cowalef{ width: 56%; }
.cowarig{ width: 36%; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.3);}
.conivmes{ background: #fff; border-radius: 10px; padding: 55px 40px 60px;}
.conivmes h2{ font-size: 52px; text-align: center; font-family: Outfit-Bold;}
.cowivst{ padding: 46px 56px 0;}
.cowiult{ color: #fff;}
.cowiult li{ margin-bottom: 34px;}
.cowiult li:last-child{ margin-bottom: 0;}
.cowiult li p{ font-size: 16px; font-family: Outfit-Light; margin-bottom: 5px;}
.cowiult li a,.cowiult li span{ font-size: 22px; color: #fff; font-family: Outfit-SemiBold;}
.cowiult li a:hover{ color: #ff4136;}
.conmap{ padding: 96px 0 110px;}
.map{ border-radius: 10px; overflow: hidden; border: 1px solid #e4e4e4; }




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

}

@media screen and (max-width: 1600px){
  .iso_next{ right: 16%;}
  .iso_prev{ left: 16%;}
  
}

@media screen and (max-width: 1440px){
  .warper{ width: 88%; }
  .right-nav li{ width: 45px; height: 48px; }
  .right-nav li img{ width: 25px; }
  .right_hide img{ width: 90px !important;}
  nav{ margin-right: 310px;}
  .sub_menu{ padding: 65px 30px 30px;}
  .sub_menu dl dd p{ margin-top: 12px;}
  .iourp,.innes{ padding: 70px 0;}
  .itith2{ font-size: 46px;}
  .istxst h4{ font-size: 27px;}
  .istxst{ padding: 24px 0 0;}
  .isdld dd p em{ font-size: 32px;}
  .isdld dd{ margin-right: 32px;}
  .iabcov{ padding: 85px 0;}
  .icnumc li b{ font-size: 54px;}
  .icnumc{ margin-top: 16px;}
  .iamobtn{ margin-top: 24px;}
  .inesitem a{ padding: 28px 24px 30px; }
  .intisi{ margin-bottom: 15px; padding-bottom: 15px;}
  .inesgd .item{ margin: 0 10px;}
  .inesgd .slick-dots{ margin-top: 8px;}
  .iexm{ padding: 70px 0;}
  .iexulc li{ padding: 30px 0;}
  .iexlef .itith2{ line-height: 64px;}
  .iexlef a{ margin-top: 38px;}
  .fottop{ padding: 40px 0;}
  .fotivlb h2{ font-size: 32px;}
  .fo_bot{ margin-top: 35px;}
  .fo_cop{ padding: 20px 0; margin-top: 35px;}
  .media{ margin-top: 18px;}
  .fobitem1 p{ margin-top: 18px;}
  .sutit h2{ font-size: 52px;}
  .suseaiv{ width: 74%;}
  .pat130{ padding-top: 86px;}
  .pliul{ grid-gap: 18px;}
  .prwar{ padding-bottom: 60px;}
  .digg4{ margin-top: 30px;}
  .ddemirig{ padding-top: 0;}
  .deh1t{ font-size: 35px;}
  .ddemirig .isdld{ margin-top: 20px;}
  .dewapem,.debtns{ padding-right: 0;}
  .depaul li{ padding: 0 20px;}
  .depaul{ margin-top: 10px;}
  .prdewar{ padding:134px 0 52px;}
  .dewariv{ padding-top: 50px;}
  .deshow{ margin-top: 40px;}
  .detith2{ font-size: 50px;}
  .deappl{ padding: 55px 0; margin-top: 50px;}
  .demessl{ padding: 40px 0 100px;}
  .acoilef{ padding-right: 30px;}
  .acoirig{ padding-left: 25px;}
  .pat80{ padding-top: 60px;}
  .abcow{ padding-bottom: 70px;}
  .aunubl li b{ font-size: 48px;}
  .abbumi{ padding: 56px 0;}
  .abkeyse{ padding: 70px 0;}
  .abseuls li .ali{ height: 405px; background-size: auto 405px !important;}
  .akeuls{ margin-top: 16px;}
  .akeuls li{ margin-bottom: 14px; padding-bottom: 14px;}
  .abcval{ padding: 60px 0 80px;}
  .acvultk li{ padding: 40px 30px 36px;}
  .abfacv{ padding-top: 60px;}
  .afivpx{ margin-top: 16px;}
  .afavile .itith2{ line-height: 55px;}
  .afavile a{ margin-top: 26px;}
  .abwart,.equiwarv{ padding-bottom: 60px;}
  .cawirig{ padding-left: 44px;}
  .cawow b{ font-size: 70px;}
  .cawlist li:nth-of-type(even) .cawirig{ padding-right: 44px;}
  .cawow i{ margin-top: 15px;}
  .sthiov{ width: 90%;}
  .cowarig{ width: 41%;}
  .conmap{ padding: 80px 0;}
  .conivmes h2{ font-size: 45px;}
  .conivmes{ padding: 38px 40px 60px;}
  .cowiult li{ margin-bottom: 27px;}
  .congeti{ padding: 154px 0 74px;}
}


@media screen and (max-width: 1366px){
  nav li { margin: 0 18px;}
  .iabcov{ padding: 70px 0;}
  .iexlef{ padding-right: 80px;}
  .detith2{ font-size: 42px;}
  .depamt{ padding: 45px 0;}
  .deaprr span{ width: 58px; height: 58px; line-height: 58px;}
  .deo_prev,.dca_prev{ left: -50px;}
  .deo_next,.dca_next{ right: -50px;}
  .demessl{ padding: 40px 0 80px;}
  .dewnavu li{ font-size: 22px;}
  .sutit h2{ font-size: 46px;}
  .acoilef .itith2{ line-height: 60px;}
  .abbumi{ padding: 50px 0;}
  .aunubl li b{ font-size: 42px;}
  .abkerig{ padding-left: 35px;}
  .newlist{ grid-gap: 20px;}
  .newswar{ padding-bottom: 80px;}
  .conivmes{ padding: 38px 40px 42px;}
  .conmap{ padding: 65px 0;}
}

@media screen and (max-width: 1280px){
  .warper{ width: 90%; }
  .hgesbtn{ padding: 13px 25px;}
  .head_rcon{ width: 230px;}
  nav{ margin-right: 288px;}
  nav li{ margin: 0 15px;}
  .itith2{ font-size: 42px;}
  .isogds .item{ margin: 0 10px;}
  .fobitem2{ width: 9%;}
  .fobitem3{ width: 18%;}
  .fobitem4{ width: 31%;}
  .prliitm a span.dun{ font-size: 23px;}
  .dewapem{ margin-top: 58px;}
  .dewapem li{ margin-right: 4%; width: 48%;}
  .debtns a:last-child{ margin-left: 4%;}
  .cawow b{ font-size: 50px;}
  .cawilef{ padding-left: 66px;}
  .accullist{ grid-gap: 20px;}
  .sthiov { padding: 28px 25px 28px;}
  .siarr{ margin-top: 10px;}
  .getbox{ width: 90%;}
}


@media screen and (max-width: 1124px){
  #banner_home,.subbanner,.mart90{ margin-top: 62px; }
  #nav .nav-button{display: block; top: -49px; right: 0; }
  header{ top: 0;}
  .top0{ top: 62px !important;}
  header,.position, .page_h{ height: 62px; background: #fff; }
  .logo img,.position .logo img{ height:36px; width: auto; }
  .logo{ top: 12px; left: 0; }
  .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: #ff4136 ; color: #fff; }
  #nav .nav-button i{ color: #fff; }
  body{ font-size: 16px; }
  nav li a:before{ display: none; }
  .hgesbtn{ padding: 10px 17px;}
  .searchform{ width: 36px; height: 36px; line-height: 34px;}
  #nav .nav-button{ top: 13px; background: #ff4136; }
  .searchform i{ font-size: 18px;}
  .sub_menu{ left: 0;  top: 0; border-radius: 0; padding: 0; border:none; width: auto; display: block !important; background: #434343;  position: inherit;  opacity: 1; height: auto !important;}
  .sub_menu dl{ display: block;}
  .sub_menu dl dd{ width: 100%; text-align: left; }
  .sub_menu dl dd .changpic{ display: none;}
  .sub_menu dl dd p{ margin-top: 0; color: #fff !important;}
  .sub_menu dl dd a{ padding: 12px 22px; display: block; width: 100%; background: transparent; }
  .sub_menu dl dd a:hover{ background: #ff4136;}
  .head_rcon{ right: 56px; top: 9px; width: 198px;}
  .ban_arrow span i{ font-size: 22px;}
  .search_box{ padding: 26px 0; top: 62px;}
  .iourp, .innes,.iabcov{ padding:60px 0;}
  .itith2{ font-size: 36px;}
  .iopnvav li a{ padding-top: 10px;}
  .iopnvav li i{ font-size: 34px;}
  .iso_prev i, .iso_next i{ width: 50px; font-size: 20px; line-height: 50px; height: 50px;}
  .istxst h4{ font-size: 25px;}
  .iabcirig{ padding-top: 0; padding-left: 40px;}
  .iabcilef .itith2{ line-height: 44px;}
  .icnumc li b{ font-size: 38px;}
  .ineswi{ padding: 0 24px;}
  .sider-contact{ display: none;}
  .inetis p{ padding: 0 10%;}
  .inesgd .slick-track{ padding: 10px 0;}
  .inesitem a{ padding: 22px 18px;}
  .intisi h3{ font-size: 20px; line-height: 22px; height: 44px;}
  .iexlef .itith2{ line-height: 46px;}
  .iexlef{ width: 40%; padding-right: 40px;}
  .iexrig{ width: 60%;}
  .iexxlef i{ width: 40px; height: 40px; margin-top: 9px; line-height: 40px;}
  .iexxlef h3{ font-size: 20px; line-height: 24px; height: 48px;}
  .fottop{ padding: 30px 0;}
  .fotivlb h2{ font-size: 26px;}
  .getbox h2{ font-size: 36px;}
  .fobitem2{ display: none;}
  .iexlef .itith2{ margin-bottom: 12px;}
  .iexxlef h3{ margin-bottom: 8px;}
  .fobitem3{ width: 23%;}
  .fobitem4{ width: 39%;}
  .fget a{ padding: 12px 24px;}
  .sutit h2{ font-size: 36px;}
  .suseaiv{ width: 80%;}
  .suseaiv input{ height: 60px;}
  .suseaiv button{ width: 60px; height: 60px; line-height: 60px;}
  .pliul{ grid-gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr));}
  .digg4{ text-align: center;}
  .prliitm a span.dun{ font-size: 19px;}
  .prdewar{ padding: 106px 0 36px;}
  .ddemi{ flex-wrap: wrap;}
  .ddemilef{ width: 100%;}
  .ddemirig{ width: 100%; padding: 0; margin-top: 14px;}
  .deh1t{ font-size: 30px;}
  .deh1t::before { top: 7px; height: 24px;}
  .dewapem{ margin-top: 12px;}
  .isdld dd p{ font-size: 20px;}
  .dewariv{ padding-top: 40px;}
  .deshow{ margin-top: 25px;}
  .detith2{ font-size: 32px;}
  .difult{ margin-top: 12px;}
  .deappl{ margin-top: 35px; padding: 35px 0;}
  .deo_prev, .dca_prev{ left: -14px;}
  .deo_next, .dca_next{ right: -14px;}
  .deaprr span{ width: 45px; height: 45px; line-height: 45px;}
  .deaprr span i{ font-size: 22px;}
  .deapgd .item{ margin: 0 8px;}
  .pop_info li{ margin-bottom: 7px;}
  .pop_info li p.jopt{ margin-bottom: 6px;}
  .abbumi{ padding: 45px 0;}
  .aunubl li b{ font-size: 36px;}
  .abkeyse{ padding: 60px 0;}
  .acvultk li{ padding: 24px;}
  .acvultk li h5{ margin: 10px 0;}
  .abcval{ padding: 50px 0 60px;}
  .afaviri{ padding-left: 30px;}
  .afavile{ width: 380px;}
  .afavile .itith2{ line-height: 42px;}
  .cawlist li{ margin-bottom: 30px;}
  .cawow b{ font-size: 34px;}
  .cawarv,.acceswarv{ padding-bottom: 50px;}
  .gremi{ padding: 18px;}
  .grid-item{ margin-bottom: 15px;}
  .infocon h1{ font-size: 25px;}
  .infocon .time{ margin-bottom: 15px;}
  .congeti{ padding: 108px 0 50px;}
  .conivmes{ padding: 30px;}
  .conivmes h2{ font-size: 35px;}
  .cowivst{ padding: 22px 26px 0;}
  .cowiult li a, .cowiult li span{ font-size: 19px;}
  .cowiult li{ margin-bottom: 20px;}
  .conmap{ padding: 55px 0;}
}
 
@media screen and (max-width: 768px){
  .ban_arrow span{ width: 50px; height: 50px; line-height: 50px;}
  .ban_arrow{ top: 36%;}
  .ban_prev{ left: 4%;}
  .ban_next{ right: 4%;}
  .iourp, .innes, .iabcov{ padding: 40px 0;}
  .itith2{ font-size: 26px;}
  .iso_prev { left: 6%;}
  .iso_next { right: 6%;}
  .iabcivs{ display: block;}
  .iabcilef{ width: 100%;}
  .iabcirig{ width: 100%; padding: 0;}
  .icacip{ margin-top: 10px;}
  .icnumc li b{ font-size: 28px;}
  .inetis p{ padding: 0;}
  .iexm{ padding: 40px 0;}
  .iexcaj{ display: block;}
  .iexlef{ width: 100%; padding: 0; position: static;}
  .iexrig{ width: 100%; margin-top: 15px;}
  .iexlef a{ margin-top: 10px;}
  footer{ padding: 0;}
  .fotobox{ border-radius: 0;}
  .fotivlb h2{ font-size: 22px; margin-bottom: 8px;}
  .fottop{ display: block;}
  .getbox{ padding: 24px 24px 26px;}
  .getbox h2{ font-size: 30px;}
  .fottop{ padding: 20px 0;}
  .fobitem3{ display: none;}
  .fobitem1{ width: 32%;}
  .fobitem4{ width: 56%;}
  .fo_bot{ margin-top: 20px;}
  .fo_cop{ padding: 14px 0; margin-top: 30px;}
  .ineswi{ margin-top: 10px;}
  .inesgd .item{ margin: 0 5px;}
  .suseaiv input{ font-size: 17px;}
  .sutit{ top: 32%;}
  .pat130{ padding-top: 66px;}
  .pliul{ grid-template-columns: repeat(2, minmax(0, 1fr));}
  .prwar{ padding-bottom: 40px;}
  .isdld dd p em{ font-size: 24px;}
  .detith2{ font-size: 26px;}
  .deinfe{ display: block;}
  .deiflef{ width: 100%; padding: 0;}
  .deifrig{ width: 100%; padding: 0; margin-top: 15px;}
  .deappl{ margin-top: 30px; padding: 30px 0; }
  .demessl{ padding: 35px 0;}
  .dgemrig{ display: none;}
  .dgemlef{ width: 100%;}
  .pro_table table tr td{ padding: 10px;}
  .deloda{ padding: 30px 0;}
  .dewnavu li,.dewnavu li i{ font-size: 20px;}
  .decaxt{ margin-top: 7px;}
  .decaxt i{ margin-top: 7px;}
  .pat80{ padding-top: 28px;}
  .acoivs{ display: block;}
  .acoilef{ width: 100%; padding: 0;}
  .acoirig{ width: 100%; padding: 0; margin-top: 14px;}
  .acoilef .itith2{ line-height: normal;}
  .acoilef .changpic{ margin-top: 12px;}
  .acmpxt{ padding-left: 14px;}
  .acoirig .changpic{ margin-top: 20px;}
  .abcow{ padding-bottom: 30px;}
  .abbumi{ padding: 30px 0;}
  .aunubl li b{ font-size: 28px;}
  .abkeyse{ padding: 40px 0;}
  .abkeivs{ display: block;}
  .abkelef{ width: 100%;}
  .abkerig{ width: 100%; margin-top: 15px; padding: 0;}
  .abcval{ padding: 40px 0;}
  .abfacv{ padding-top: 42px;}
  .afvultt{ padding-right: 0;}
  .afvulttt{ padding-left: 0;}
  .afivpx{ margin-top: 4px;}
  .afavile a{ margin-top: 10px;}
  .afaviri{ padding-left: 15px;}
  .cawilef{ padding: 0;}
  .cawilef span,.cawow i{ display: none;}
  .cawirig{ padding-left: 20px;}
  .cawlist li:nth-of-type(even) .cawirig{ padding-right: 20px;}
  .cawow h3{ font-size: 20px; line-height: 24px; margin: 6px 0; height: 48px;}
  .cawow p{ height: 78px;}
  .cawlist li{ margin-bottom: 20px;}
  .grid-item{ width: calc((100% - 40px) / 2); }
  .accullist,.newlist{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .acclitem p{ margin-top: 8px;}
  .siovthpi .item{ margin: 0 6px;}
  .newswar{ padding-bottom: 50px;}
  .cowarbox{ display: block;}
  .cowalef{ width: 100%;}
  .cowarig{ width: 100%; margin-top: 14px;}
  .cowivst,.conivmes{ padding: 24px;}
  .conivmes h2{ font-size: 26px;}
  .conmap{ padding: 34px 0;}
}

@media screen and (max-width:480px){
  footer{ margin-bottom: 60px; }
  .footmenu{ display: block; }
  .footmenu div.con{ background: #ff4136; }
  .logo img, .position .logo img{ height: 22px;}
  .head_rcon{ right: 42px; width: 180px;}
  .hgesbtn{ font-size: 15px;}
  .hgesbtn{ padding: 9px 14px;}
  .logo { top: 16px;}
  .ban_arrow span{ width: 40px; height: 40px; line-height: 40px;}
  .iourp, .innes, .iabcov{ padding: 20px 0;}
  .itith2{ font-size: 20px;}
  .iopnvav{ margin-top: 5px;}
  .iopnvav li p{ font-size: 14px;}
  .isoswi{ margin-top: 10px;}
  .isogds .item{ margin: 0 5px;}
  .iso_prev i, .iso_next i{ width: 40px; height: 40px; line-height: 40px;}
  .istxst{ padding: 6px 0 0;}
  .istxst h4{ font-size: 20px; margin-bottom: 8px;}
  .isdld dd{ margin-right: 12px;}
  .isdld dd:last-child{ margin-right: 0;}
  .isdld dd p em{ font-size: 17px;}
  .iabcilef .itith2{ line-height: 26px;}
  .icacip p,.icnumc li p{ line-height: 24px;}
  .iamobtn{ margin-top: 12px;}
  .ineswi{ padding: 0 18px;}
  .iexm{ padding: 24px 0;}
  .iexlef .itith2{ line-height: normal; margin-bottom: 3px;}
  .iexlef p{ line-height: 22px;}
  .iexlef a{ padding: 10px 22px;}
  .iexulc li{ padding: 15px 0;}
  .iexxlef i{ display: none;}
  .iexxlef h3{ font-size: 18px;}
  .fotivlb h2{ font-size: 19px;}
  .getbox{ padding: 18px;}
  .getbox h2{ font-size: 24px;}
  .pop_info{ margin-top: 8px}
  .pop_info li{ float: none; width: 100%;}
  .pop_info ul li:nth-of-type(even){ float: none;}
  .pop_info textarea{ height: 80px;}
  .fobitem1{ display: none;}
  .fobitem4{ width: 100%;}
  .fo_cop{ margin-top: 14px;}
  .search_box{ padding: 12px 0;}
  .search_box .warper{ padding: 0;}
  .sutit h2{ font-size: 18px;}
  .suseaiv input{ padding: 0 70px 0 18px;}
  .suseaiv{ width: 90%;}
  .prxtv{ padding: 3px 10px 15px;}
  .prxtv dl dd{ padding: 5px;}
  .prxtv h3{ font-size: 18px;}
  .pliul{ grid-gap: 6px;}
  .digg4{ margin-top: 18px;}
  .prliitm a span.dun{ font-size: 16px;}
  .prdewar{ padding: 78px 0 15px;}
  .ddemi{ padding: 10px;}
  .depaul{ display: block;}
  .depaul li{ padding: 5px 0;}
  .deh1t { font-size: 22px; padding: 0;}
  .deh1t::before{ display: none;}
  .ddemirig .isdld{ margin-top: 8px; display: block;}
  .isdld dd{ margin-right: 0; margin-bottom: 8px;}
  .isdld dd:last-child{ margin-bottom: 0;}
  .dewapem{ display: block;}
  .dewapem li{ width: 100%; margin-right: 0; padding-left: 32px; margin-bottom: 5px;}
  .dewapem li i{ font-size: 24px;}
  .debtns{ margin-top: 12px;}
  .dewariv{ padding-top: 24px;}
  .dewnavu{ display: none;}
  .deshow{ margin-top: 0;}
  .detith2{ font-size: 23px; margin-bottom: 5px;}
  .deappl{ margin-top: 20px; padding: 20px 0;}
  .demessl{ padding: 20px 0;}
  .pat80{ padding-top: 16px;}
  .acmiss{ margin-top: 20px; flex-wrap: wrap;}
  .acmihti{ width: 100%;}
  .acmpxt{ padding-left: 0;}
  .acmihti{ font-size: 24px;}
  .abbumi{ padding: 20px 0;}
  .aunubl{ flex-wrap: wrap;}
  .aunubl li{ width: 50%; margin-bottom: 6px;}
  .aunubl li b{ font-size: 22px;}
  .abkeyse{ padding: 20px 0;}
  .abkelef .itith2{ line-height: normal;}
  .akeuls li{ margin-bottom: 10px; padding-bottom: 10px;}
  .abseuls li.on,.abseuls li{ width: 100%;}
  .abseuls li + li{ margin-left: 0; margin-top: 10px;}
  .abseuls li .ali{ height: 595px; background-size: auto 100% !important;}
  .abseuls li::before{ opacity: 0;}
  .abcval{ padding: 20px 0;}
  .abcvti p{ padding: 0;}
  .acvultk{ margin-top: 16px; flex-wrap: wrap;}
  .acvultk li{ width: 100%; padding: 16px; margin-right: 0; margin-bottom: 6px;}
  .acvultk li h5{ margin: 6px 0;}
  .acvultk li i{ width: 60px; height: 60px; line-height: 60px; font-size: 30px;}
  .abfacv{ padding-top: 20px;}
  .afavi{ display: block;}
  .afavile{ width: 100%;}
  .afaviri{ padding: 0; margin-top: 14px; width: 100%;}
  .afvulttt{ margin-top: 12px;}
  .abwart, .equiwarv{ padding-bottom: 24px;}
  .cawow b{ display: none;}
  .cawow p{ height: 52px;}
  .cawirig{ padding-left: 10px;}
  .cawlist li:nth-of-type(even) .cawirig{ padding-right: 10px;}
  .cawow h3{ font-size: 18px;}
  .cawlist li{ margin-bottom: 10px;}
  .cawarv, .acceswarv{ padding-bottom: 25px;}
  .gremi{ padding: 10px;}
  .grid-item{ margin-bottom: 8px; width:100%;}
  .accullist{ grid-gap: 10px;}
  .sthiov{ padding: 18px 18px 20px;}
  .newlist{ grid-gap: 10px; }
  .inesitem a{ padding: 12px;}
  .intisi{ margin-bottom: 6px; padding-bottom: 6px;}
  .inesitem .changpic{ margin-top: 6px;}
  .infocon h1{ font-size: 20px; margin-bottom: 10px;}
  .infocon .time{ margin-bottom: 10px;}
  .infocon p{ line-height: 24px; margin-bottom: 10px;}
  .infocon .other{ padding-top: 10px; margin-top: 15px;}
  .congeti{ padding: 80px 0 22px;}
  .cowivst, .conivmes{ padding: 15px;}
  .cowiult li{ margin-bottom: 12px;}
  .conmap{ padding: 14px 0;}
}