@charset "utf-8";
/* CSS Document */
body{font-family:'NunitoSans-Regular',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:#ffb51b;}
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; }
@font-face {
    font-family: 'NunitoSans-Bold';
    src: url('fonts/NunitoSans-Bold.otf');
    src: local('☺'), url('fonts/NunitoSans-Bold.woff') format('woff'), url('fonts/NunitoSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display:fallback;
}
@font-face {
    font-family: 'NunitoSans-Regular';
    src: url('fonts/NunitoSans-Regular.otf');
    src: local('☺'), url('fonts/NunitoSans-Regular.woff') format('woff'), url('fonts/NunitoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display:fallback;
}
@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url('fonts/RobotoCondensed-Bold.otf');
    src: local('☺'), url('fonts/RobotoCondensed-Bold.woff') format('woff'), url('fonts/RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display:fallback;
}
/* 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 5068722 */
    src: url('fonts/iconfont.woff2?t=1763516280754') format('woff2'),
         url('fonts/iconfont.woff?t=1763516280754') format('woff'),
         url('fonts/iconfont.ttf?t=1763516280754') format('truetype');
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-duihao:before {
    content: "\e680";
  }
  
  .icon-jiantou:before {
    content: "\e663";
  }
  
  .icon-twitter:before {
    content: "\e89d";
  }
  
  .icon-youtube1:before {
    content: "\e8d7";
  }
  
  .icon-liuyan1:before {
    content: "\e744";
  }
  
  .icon-xiazai19:before {
    content: "\e613";
  }
  
  .icon-zhuye:before {
    content: "\e6c5";
  }
  
  .icon-facebook:before {
    content: "\e6e5";
  }
  
  .icon-wechat1:before {
    content: "\e650";
  }
  
  .icon-zixun:before {
    content: "\e661";
  }
  
  .icon-zixun1:before {
    content: "\e662";
  }
  
  .icon-rili:before {
    content: "\e659";
  }
  
  .icon-bofang:before {
    content: "\e61a";
  }
  
  .icon-youjiantou:before {
    content: "\e60b";
  }
  
  .icon-diqiu:before {
    content: "\e7b9";
  }
  
  .icon-jian:before {
    content: "\e611";
  }
  
  .icon-jiantou-left:before {
    content: "\e609";
  }
  
  .icon-youtube:before {
    content: "\e6ab";
  }
  
  .icon-youxiang1:before {
    content: "\e607";
  }
  
  .icon-dianhua1:before {
    content: "\e61e";
  }
  
  .icon-mean_list:before {
    content: "\e653";
  }
  
  .icon-liaotian:before {
    content: "\e6a5";
  }
  
  .icon-youxiang:before {
    content: "\e908";
  }
  
  .icon-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-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-jia:before {
    content: "\e711";
  }
  
  .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-shubiao:before {
    content: "\e666";
  }
  
  .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-whatsapp1:before {
    content: "\e8ec";
  }
  
  .icon-shouye-xuanzhong:before {
    content: "\e62d";
  }
  
  .icon-WhatsappMessage:before {
    content: "\e841";
  }
  
  .icon-weixinguanli:before {
    content: "\e7cf";
  }
  
  .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-whatapp:before {
    content: "\e623";
  }
  
  .icon-fasong1:before {
    content: "\e762";
  }
  
  .icon-vk:before {
    content: "\ec2c";
  }
  
  .icon-chahao:before {
    content: "\e68c";
  }
  
  .icon-duoyuyan:before {
    content: "\e602";
  }
  
  .icon-home-fill:before {
    content: "\e687";
  }
  
  .icon-tuite:before {
    content: "\e621";
  }
  
  .icon-jiantou1-copy:before {
    content: "\ec8e";
  }
  
  
.de_two{ width: 100%; overflow: hidden; margin: 15px 0; }
.de_two li{ float: left; width: 49%; text-align: center; margin-right: 2%; }
.de_two li:last-child{ margin-right: 0; }
.de_two li:hover .changpic img{ transform: scale(1.15); }
.de_two li p{ margin-top: 15px; }

.de_three{ margin: 15px 0; width: 100%; overflow: hidden; }
.de_three li{ width: 32%; margin-right: 2%; text-align: center; float: left; }
.de_three li:last-child{ margin-right: 0; }
.de_three li:hover .changpic img{ transform: scale(1.15); }
.de_three li p{ margin-top: 15px; }

.de_four{ width: 100%; overflow: hidden; margin: 15px 0;}
.de_four li{ float: left; width: 24.2%; margin-right: 1%; text-align: center; }
.de_four li:last-child{ margin-right: 0; }
.de_four li:hover .changpic img{ transform: scale(1.15); }
.de_four li p{ margin-top: 15px; }

.de_dblr{ margin: 15px; width: 100%; overflow: hidden; }
.ded_le{ float: left; width: 40%; }
.ded_ri{ float: right; width: 58%; }
.ded_ri p{ line-height: 25px; }

@media screen and (max-width:480px){
    .de_two li,.de_three li,.de_four li{ float: none; width: 100%; margin-right: 0; margin-bottom: 15px; }
    .de_two li p,.de_three li p,.de_four li p{ margin-top: 8px; }
    .ded_le{ width: 100%; float: none; }
    .ded_ri{ width: 100%; float: none; margin-top: 8px; }
}

video{ display: block; }

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.warper{ width:1140px; margin:0 auto; position: relative;}

header{ transition: all 0.3s; background: #000; width: 100%; height: 136px; z-index: 999; position: fixed; top: 0; left: 0; }
.hetops{ height: 84px; overflow: hidden; border-bottom: 1px solid #6f6f6f; }

.searcnr{ overflow: hidden; margin-top: 20px; margin-left: 18%; position: relative; width: 70%; border-radius: 2px;}
.searcnr input{ width: 100%; font-size: 18px; border: 1px solid #e7e7e7;  color: #333; line-height:42px; padding-left:20px; padding-right: 98px; font-family: NunitoSans-Regular; }
.searcnr button{ width:42px; line-height:42px;  background:#ffcd11; border: 0; color: #333; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searcnr button i{ font-size: 22px; font-weight: bold; }
.searcnr input::-webkit-input-placeholder { color: #666;}
.searcnr input:-moz-placeholder {  color: #666;}

#nav:after{  content: '';  display: block;  clear: both;}
.logo{ position: absolute; left: 0; top: 1px; }
.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: #ffcd11; 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: left;  }
nav li{ float: left; margin: 0 29px; position: relative; }
nav li:first-child{ margin-left: 0; }
nav li>a{ position: relative; color: #fff; font-size: 17px; text-transform: capitalize; font-family: 'NunitoSans-Bold'; line-height:52px; display: inline-block;}
nav li.on>a,nav li:hover>a{ color: #ffb51b; }
nav li>a i{ font-size: 14px !important;}
nav li.ser>a{color: #fff;}
nav li>a:before{ position: absolute; content: "\e601"; font-weight: normal; font-family: iconfont; color: #ffb51b; opacity: 0; bottom: -26px; left: 50%; transform: translateX(-50%); transition: all 0.3s; }
nav li.on a:before,nav li:hover a:before{ opacity: 1; }
.sub_show{ z-index: 0; overflow: hidden; background: #f8f8f8; display: none; position: fixed; top: 136px;  left: 0; width: 100%;  }
.sub_show .warper{ z-index: 0; height: 100%; display: flex;}
.sub_show .warper:before{ content: ""; z-index: -1; width: 22%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; }
.sub_show .warper::after{ content: ""; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background: #dcdcdc;}
.sub_nav{ width: 22%; height: 100%; }
.menu_link a img,.sub_nav a img {
    width: 20px;
    margin-right: 10px;
}
.sub_nav a{ color: #222; display: block; font-family: RobotoCondensed-Bold; background: #f8f8f8; padding: 20px 16px; width: 100%;  font-size: 22px; line-height: normal; display: inline-block; width: 100%;  }
.sub_nav a.on{ color: #fff; background: #ffb51b; }
.sub_menu{ width: calc(100% - 22%); border-left: 1px solid #dcdcdc; }
.menu_link{ padding: 40px 0 38px 50px; display: flex; }
.meliitem{ width: 32%; margin-right: 5%;}
.menu_link .meliitem:last-child{ margin-right: 0;}
.meliitem h6{ font-size: 20px; padding-bottom: 8px; margin-bottom: 20px; position: relative; line-height: 26px; font-family: NunitoSans-Bold;}
.meliitem h6::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 32px; height: 3px; background: #ffb51b;}
.meliitem p{ font-size: 15px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meliitem p a{ color: #666;}
.meliitem p a:hover{ color: #ffb51b; text-decoration: underline;}
.menu_li{ display: none;}
.menu_li.on{ display: block;}


.position,.pagehe{ box-shadow: 0 1px 10px rgba(0,0,0,0.12); }
#banner_home{ position: relative; margin-top: 136px; }
.banner{ overflow: hidden; }
.banner .item{ position: relative; }
.banner .item img{ width: 100%; }
.ban_arrow{ width: 100%; position: absolute; top: 36%; left: 0;  }
.ban_arrow span{ display: inline-block; width: 54px; height: 54px; line-height: 54px; background: transparent; text-align: center; border-radius: 54px; cursor: pointer; position: absolute; top: 0; }
.ban_arrow span i{ color: #fff; font-size: 30px; font-weight: bold; }
.ban_arrow span.ban_prev{ left: 10%; transform: rotate(180deg); }
.ban_arrow span.ban_next{ right: 10%; }
.ban_arrow span:hover i{ color: #ffb51b; }
.item_text{ position: absolute; color: #fff; width: 100%; top: 50%; transform: translateY(-70%); left: 0; z-index: 5; }
.item_text h2{ width: 52%; font-size: 50px; line-height: 56px; display: inline-block; font-family: RobotoCondensed-Bold; }

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

.cl{ clear: both; }
#page{ display: none;}
/*首页*/
.ielfp{ padding: 50px 0 65px;}
.ihtii{ text-align: center; margin-bottom: 32px; font-size: 26px; font-family: RobotoCondensed-Bold;}
.iefvb{ position: relative;}
.ielpswi .item,.ielpswiw .item{ margin: 0 8px; }
.ielpitem{ text-align: center; transition: all 0.3s; background: #fff; overflow: hidden; border: 1px solid #d5d5d5; border-radius: 5px;}
.ielxt{ padding: 32px 10px 34px; position: relative;}
.ielxt::before{ content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 4px; background: #ffb51b;}
.ielxt p{ font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: RobotoCondensed-Bold;}
.ielpitem:hover .changpic img{ transform: scale(1.15);}
.ielpitem:hover{ box-shadow: 0 1px 10px rgba(0,0,0,0.12);}
/* .ielpswi .slick-dots{ position: static; margin-top: 12px;}
.ielpswi .slick-dots li{ width: auto; height: auto;}
.ielpswi .slick-dots li button{ width: 12px; height: 12px; padding: 0; border-radius: 12px; background: #d5d5d5;} */
.inearr{ position: absolute; top: 42%; width: 100%;}
.inearr span{ position: absolute; top: 0; color: #d5d5d5; cursor: pointer; }
.inearr span i{ font-size: 28px; display: inline-block;}
.iel_prev,.ielw_prev,.ins_prev,.ica_prev{ left: -40px; }
.iel_prev i,.ielw_prev i,.ins_prev i,.ica_prev i{ transform: rotate(180deg);}
.iel_next,.ielw_next,.ins_next,.ica_next{ right: -40px; }
.inearr span:hover{ color: #ffb51b;}

.iwtra{ background: #f8f8f8; padding: 46px 0 85px;}
.inwsv{ padding: 46px 0 82px;}
.inswg{ position: relative;}
.inswgds .item{ margin: 0 13px;}
.inswitem{ border-radius: 5px; position: relative; overflow: hidden; transition: all 0.3s; background: #f9f9f9;}
.inswitem::before{ content: ""; position: absolute; transition: all 0.3s; bottom: 0; left: 0; width: 100%; height: 7px; background: #e8e8e8;}
.insxt{ padding: 36px 24px 55px;}
.insxt h3{ font-size: 22px; line-height: 28px; height: 56px; overflow: hidden; font-family: RobotoCondensed-Bold;}
.insxt p{ font-size: 16px; line-height: 24px; color: #666; height: 72px; overflow: hidden; margin-top: 18px;}
.inswitem:hover::before{ background: #ffb51b;}
.inswitem:hover .changpic img{ transform: scale(1.15);}

.icace{ background: #f8f8f8; padding: 52px 0 84px;}
.icswi{ position: relative;}
.icasitema a{ display: flex; width: 100%; box-shadow: 0 0 10px rgb(222 222 222 / 30%); border-radius: 5px; overflow: hidden; background: #fff;}
.icasle{ width: 50%; padding: 32px 64px 0 45px;}
.icasri{ width: 50%; padding-left: 32px;}
.icasle h3{ font-size: 24px; margin-bottom: 22px; line-height: 32px; height: 64px; overflow: hidden; font-family: RobotoCondensed-Bold;}
.icpx p{ font-size: 16px; line-height: 24px; color: #666;}
.lmbtn{ display: inline-block; color: #000 !important; transition: all 0.3s; padding: 10px 28px; font-size: 16px; font-family: NunitoSans-Bold; margin-top: 40px; background: #ffb51b; border-radius: 2px;}
.icasitema:hover .changpic img{ transform: scale(1.15);}
.icasitema:hover .icasle .lmbtn{ transform: translateX(10px);}

.iabcw{ padding: 76px 0 85px; overflow: hidden;}
.iasvc{ display: flex; align-items: center;}
.iasvlef{ width: 50%;}
.iasvrig{ width: 50%; padding-left: 44px;}
.iasvlef .changpic{ border-radius: 5px;}
.iasvrig .ihtii,.iseclef .ihtii{ text-align: left; margin-bottom: 24px; padding-bottom: 24px; position: relative;}
.iasvrig .ihtii::before,.iseclef .ihtii::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 56px; height: 4px; background: #ffb51b; }
.iasvrig p{ font-size: 16px; line-height: 24px; color: #666;}
.iasvrig .lmbtn{ margin-top: 25px;}
.iasvrig .lmbtn:hover{ transform: translateX(10px); }
.iseclef .ihtii{ margin-bottom: 60px;}
.iserc{ padding: 110px 0 75px; background: #f8f8f8; overflow: hidden;}
.isece{ display: flex;}
.iseclef{ width: 340px;}
.isecrig{ width: calc(100% - 340px); padding-left: 45px;}
.iseclef p{ font-size: 16px; line-height: 28px; color: #444; }
.iseclef .lmbtn{ margin-top: 80px;}
.iseclef .lmbtn:hover{ transform: translateX(10px);}

.ithnav{ padding: 96px 0 100px;}
.itnabox{ display: flex;}
.itlnki{ width: 32%; margin-right: 5%;}
.itlnki:last-child{ margin-right: 0;}
.ilnkva{ border: 1px solid #585858; border-left: none; border-right: none;}
.ilnkva a{ padding: 34px 0; display: block; width: 100%;}
.ilnkva a h3{ font-size: 26px; margin-bottom: 16px; font-family: RobotoCondensed-Bold;}
.ilnkva a p{ font-size: 16px; line-height: 24px; color: #666; height: 48px; overflow: hidden;}
.ilnkva a span{ color: #f39c06; display: inline-block; margin-top: 38px; font-size: 20px; font-family: RobotoCondensed-Bold;}
.ilnkva a:hover span{ text-decoration: underline;}

footer{ background: #000; padding-top: 58px; }
.fo_boxdiv{ width: 100%; display: flex; justify-content: space-between; overflow: hidden; }
.fo_boitem1{ width: 31%;}
.fo_boitem2{ width: 20%; }
.fo_boitem3{ width: 34%;}
.fo_boxdiv h4{ color: #fff; position: relative; padding-bottom: 15px; font-family: RobotoCondensed-Bold; font-size: 24px; margin-bottom: 44px; }
.fo_boxdiv h4::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 30px; height: 4px; background: #ffb51b;}
.foxlus li{ color: #acacac; font-size: 16px; margin-bottom: 26px; position: relative; padding-left: 30px; }
.foxlus li i{ position: absolute; font-size: 20px; top: 0; left: 0; color: #fff; }
.foxlus li:last-child{ margin-bottom: 0; }
.foxlus li a,.foxlus li span{ color: #acacac; }
.foxlus li a:hover{ color: #ffb51b; text-decoration: underline;}

.fo_opul li{ font-size: 16px; margin-bottom: 22px;  }
.fo_opul li a{ display: inline-block; color: #acacac; }
.fo_opul li:hover a{ color: #ffb51b; text-decoration: underline;}
.fo_opul li:last-child{ margin-bottom: 0; }

.fote_info{ overflow: hidden; }
.fote_info li{width: 49%; margin-bottom: 12px; position: relative; float: left; overflow: hidden;}
.fote_info li:nth-of-type(even){ float: right; }
.fote_info input,.fote_info textarea{ border:none; width: 100%; resize: none; font-family:NunitoSans-Regular; background:rgba(255, 255, 255, 0.05); color: #fff; font-size: 16px; padding: 13px 18px; }
.fote_info textarea{ height:105px; }
.fote_info input::-webkit-input-placeholder,.fote_info textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6);}
.fote_info input:-moz-placeholder,.fote_info textarea:-moz-placeholder {color: rgba(255, 255, 255, 0.6);}
.fote_info li:last-child, .fote_info li:nth-of-type(3), .fote_info li:nth-of-type(4){ width: 100%; float: none;}
.fote_info li:last-child{ width: 100% !important; float: none; margin-top: 10px; margin-bottom: 0; }
.fote_info button{ cursor: pointer; transition: all 0.3s; width: 142px; height:36px; line-height:36px; border-radius: 2px; border: none; background: #ffb51b; font-size: 16px; color: #fff; font-family: NunitoSans-Regular;  }
.fote_info button:hover{ transform: translateX(10px); }

.media{ margin-top:42px; }
.media a{ display: inline-block; width: 33px; margin: 0 3px; font-size: 16px; color: #fff; text-align: center; height: 33px; line-height: 33px; border-radius: 35px; background:#3a82d3; }
.media a:nth-of-type(2){ background: #30afeb;}
.media a:nth-of-type(3){ background: #000;}
.media a:nth-of-type(4){ background: #d20000;}
.media a:nth-of-type(5){ background: #0085b2;}
.media a:nth-of-type(6){ background: #fc0165;}

.backToTop{width:46px; height:46px; z-index: 666; border-radius: 46px; background:#ffb51b url(images/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:0; text-indent:-9999px; bottom:10%; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

.fo_cop{ overflow: hidden; background: #101010; padding: 16px 0; margin-top: 60px; }
.fo_cop p{ font-size: 16px; text-align: center; color: #969696; }
.fo_cop p a{ color:#969696; }
.fo_cop p a:hover{ text-decoration: underline; color: #fff; }

.l_fixed{ width: 46px; padding: 18px 4px; border-radius: 50px; box-shadow: 0 0 10px rgba(194, 28, 42, 0.5); background: #ffb51b; position: fixed; top: 30%; right: 0; z-index: 666; }
.l_fixed li{ position: relative; margin-bottom: 10px; transition: all 0.3s; }
.l_fixed li a{ width:38px; height: 38px; border-radius: 38px; font-size: 18px; text-align: center; line-height: 38px; background: transparent; color: #fff; display: block; }
.l_fixed li a i{ font-size: 22px; }
.l_fixed li:hover a{ background: #fff; color: #ffb51b; }
.l_fixed li a span{ display:block; border-top-left-radius: 50px; border-bottom-left-radius: 50px; color: #fff; position: absolute; top: 0; line-height: 40px; padding: 0 10px; background: #ffb51b; right: -999px; width: 0; font-size: 15px; transition: all 0.5s; }
.l_fixed li:hover a span{ width: 200px; right: 40px; }
.l_fixed li:hover{ opacity: 0.9; }
.f_what{ background: #000; width: 0; position: absolute; top: 0; left: 60px; }
.f_what:after{ content: ""; position: absolute; top: 0; left: -19px; width: 0;
    height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent #000 transparent transparent; display: none;}
.f_what img{ width: 100%; }
.l_fixed li:hover .f_what{ width: 155px; padding: 10px; }
.l_fixed li:hover .f_what:after{ display: block; }

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; margin-top: 136px; }
.submenu{ background: #fff; padding: 26px 0;}
.submenu p{ font-size: 15px; color: #666;}
.submenu p a{ color: #666;}
.submenu p a:hover{ color: #ffb51b; text-decoration: underline;}
.submenu p i{ color: #ffd900; display: inline-block; font-size: 20px; margin-right: 6px;}
.suimvb{ position: relative;}
.suimvb img{ width: 100%;}
.sub_name{ position: absolute; width: 100%; top: 50%; color: #fff; left: 0; transform: translateY(-50%);}
.sub_name h2{font-size: 50px; width: 81%; line-height: 56px; font-family: RobotoCondensed-Bold; }


/*关于我们*/
.abcowa{ padding: 94px 0;}
.ahhibs{ padding: 60px 0 82px; background: #f8f8f8;}
.ahhibs .ihtii{ text-align: left;}
.ahisgs{ position: relative;}
.ahigds .item{ margin: 0 8px;}
.ahigds .slick-list{ margin: 0 -8px;}
.ahimet{ border-radius: 5px; overflow: hidden; background: #fff; box-shadow: 0 0 10px rgba(222, 222, 222, 0.3);}
.dimxt{ padding: 28px 18px 0; min-height: 330px;}
.dimxt h5{ font-size: 24px; margin-bottom: 18px; position: relative; padding-bottom: 12px; font-family: RobotoCondensed-Bold;}
.dimxt h5::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 36px; height: 3px; background: #ffba2a;}
.dimxt p{ font-size: 16px; line-height: 24px; color: #666;}
.ahi_prev{ left: -40px; }
.ahi_prev i{ transform: rotate(180deg);}
.ahi_next{ right: -40px; }
.abafsa{ padding-top: 74px;}
.abiivs{ display: flex;}
.abuilef{ width: 50%;}
.abuirig{ width: 50%; padding-left: 38px;}
.abfat li{ cursor: pointer; margin-bottom: 22px; border: 1px solid #f2f1f1;  }
.abfat h3{ font-size: 22px; background: #f2f1f1; font-family: RobotoCondensed-Bold; position: relative; padding: 12px 74px 12px 18px; }
.abfat h3:before{ content: "\e665"; font-family: iconfont; transform: rotate(-90deg); color: #c5c5c5; font-size: 16px; position: absolute; top: 16px; right: 16px; }
.abfat li h3.active:before{ transform: rotate(0deg); }
.abftx{ display: none; padding: 28px 18px;}
.abftx p{ font-size: 16px; line-height: 28px; margin-bottom: 16px; position: relative; padding-left: 28px; color: #444; }
.abftx p:last-child{ margin-bottom: 0;}
.abftx p::before{ content: "\e680"; font-size: 18px; font-family: iconfont; position: absolute; top: 0; left: 0; color: #ffb51b;}
.abuirig .changpic{ border-radius: 5px;}
.abuirig .item{ display: none;}
.abuirig .item.on{ display: block;}
.abfat li:last-child{ margin-bottom: 0;}

.abceho{ padding: 74px 0 80px;}
/* case */
.calist li{ margin-bottom: 32px; padding-bottom: 36px; border-bottom: 1px solid #e2e2e2;}
.calist li:last-child{ margin-bottom: 0;}
.caitems a{ display: flex; align-items: center; width: 100%;}
.cailef{ width: 428px; border-radius: 5px; overflow: hidden;}
.cairig{ width: calc(100% - 428px); padding-left: 45px;}
.cairig h3{ font-size: 24px; font-family: RobotoCondensed-Bold; line-height: 32px; overflow: hidden; height: 64px; margin-bottom: 18px; }
.cairig p{ font-size: 16px; line-height: 24px; color: #666; overflow: hidden; height: 72px;}
.cairig span{ display: inline-block; transition: all 0.3s; margin-top:30px; background: #f5f5f5; padding: 10px 28px; color: #000; font-family: NunitoSans-Bold; font-size: 16px; }
.caitems:hover .changpic img{ transform: scale(1.15);}
.caitems:hover .cairig span{ background: #ffb51b; transform: translateX(10px);}
/*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;}


/*产品列表*/
.pat48{ padding-top: 48px;}
.prwar{ padding-bottom: 18px;}
.ihtihh{ font-size: 26px; font-family: RobotoCondensed-Bold; position: relative; margin-bottom: 24px; padding-bottom: 24px;}
.ihtihh::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 56px; height: 5px; background: #ffb51b; }
.pdecp p{ font-size: 16px; line-height: 24px; color: #666;}
.prlist{ margin-top: 30px; display: grid; grid-gap:20px; grid-template-columns: repeat(4, minmax(0, 1fr));}

/*分页 结束*/
.digg4{ text-align:center; margin-top: 40px; font-size: 16px; }
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:30px; border-radius: 3px; border: 1px solid #d5d5d5; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; background: #fff; height:30px; line-height: 30px; color:#222; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; border: 1px solid #ffb51b; background: #ffb51b; }
.digg4 a{ color: #666; }
/*产品详情*/
.deshowt{ margin-bottom: 100px;}
.desmian{ display: flex; margin-top: 50px;}
.desmlef{ width: 50%;}
.desmrig{ width: 50%; padding-left: 40px;}
.desmrig h1{ font-size: 26px; font-family: RobotoCondensed-Bold;}
.delbniv{ margin-top: 30px; padding-right: 146px; }
.delbniv a{ display: inline-block; font-size: 16px; text-align: center; color: #000; border-radius: 5px; border: 1px solid #d79a07; width: 100%; background: #fedc04; font-family: NunitoSans-Bold; height: 52px; line-height: 52px; border-radius: 5px; }
.delbniv a:last-child{ background: #fff; border: 1px solid #000; margin-top: 20px;}
.delbniv a i{ font-size: 24px; display: inline-block; margin-left: 5px; }
.delbniv a *{ vertical-align: middle;}
.delbniv a:hover{ background: #fedc04; transform: translateY(5px); border: 1px solid #d79a07;}
.dfeat{ margin-top: 74px;}
.dfeat h2{ font-size: 22px; padding-bottom: 16px; font-family: NunitoSans-Bold; border-bottom: 1px solid #e4e4e4; margin-bottom: 20px;}
.dfeat p{font-size: 16px; line-height: 32px; color: #666;}

.deadv{ padding: 78px 0 92px; background: #000;}
.advnrb{ display: flex;}
.avnlef{ width: 50%; padding-right: 40px; color: #fff;}
.avnrig{ width: 50%; padding-left: 30px;}
.avnrig .changpic{ border-radius: 5px;}
.adulits li{ border-bottom: 1px solid rgba(255,255,255,0.15); padding: 22px 0 15px;}
.alivim{ position: relative; padding-left: 22px;}
.alivim p{ font-size: 16px; line-height: 24px;}
.alivim::before{ content: "\e680"; font-size: 14px; font-family: iconfont; position: absolute; top: 6px; left: 0; color: #d79a07;}

.desepv{ padding: 78px 0 92px;}
.destab{ background: #f8f8f8; padding: 78px 0 92px; }
.del_table{ overflow-x: auto; }
.del_table table{ width: 100%; border-collapse: collapse; background: #fff; }
.del_table table td{ border: 1px solid #e0e4e6; padding:12px 6px; text-align: center; font-size: 16px; color: #666; }
.del_table table tr:nth-of-type(odd) td{ background: #f6f6f6;}
.del_table table tr:nth-of-type(1){ background: #fedc04 !important;}
.del_table table tr:nth-of-type(1) td{ background: transparent; color: #000; font-size: 20px; font-family: RobotoCondensed-Bold;}

.demiss{ padding: 78px 0 92px;}
.quiry_info{ overflow: hidden; }
.quiry_info li{width: 49.5%; margin-bottom: 18px; position: relative; float: left; overflow: hidden;}
.quiry_info li:nth-of-type(even){ float: right; }
.quiry_info input,.quiry_info textarea{width: 100%; resize: none; font-family:NunitoSans-Regular; background:#f8f8f8; color: #000; font-size: 16px; line-height: 24px; padding: 12px 18px; }
.quiry_info textarea{ height:100px; }
.quiry_info input::-webkit-input-placeholder,.quiry_info textarea::-webkit-input-placeholder { color: #666;}
.quiry_info input:-moz-placeholder,.quiry_info textarea:-moz-placeholder {color: #666;}
.quiry_info li:last-child, .quiry_info li:nth-of-type(5){ width: 100%; float: none;}
.quiry_info li:last-child{ width: 100% !important; float: none; margin-top: 10px; margin-bottom: 0; }
.quiry_info button{ cursor: pointer; transition: all 0.3s; border-radius: 2px; width: 230px; height: 52px; line-height: 52px; border: none; font-size: 20px;  background: #ffb51b; color: #000; font-family: NunitoSans-Bold;  }
.quiry_info button:hover{ transform: translateX(10px); }

.derep{ padding: 78px 0 92px; background: #f8f8f8; }

/* 新闻 */
.nesshow{ padding-top: 96px;}
.nelist{ display: grid; grid-gap:28px 26px; grid-template-columns: repeat(3, minmax(0, 1fr));}

.infocon{}
.infocon h1{font-size:30px; font-family: RobotoCondensed-Bold; font-weight: normal; margin-bottom: 20px; }
.infocon img{ width: auto; display: inline-block; max-width: 100%; }
.infocon .time{ font-size: 16px; margin-bottom:20px;  }
.infocon h3{ font-size: 24px; font-family: RobotoCondensed-Bold; font-weight: normal; margin-bottom: 16px; }
.infocon p{line-height:26px; font-size: 16px; margin-bottom: 20px; }
.infocon .other{ font-size: 16px; 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: #ffb51b; }

/*contact*/
.cowar{ padding-top: 96px;}
.cohtit{ display: flex; justify-content: space-between;}
.cohtit p{ width: 62%; font-size: 16px; line-height: 24px; color: #666; }
.colxult{ display: flex; margin-top: 50px;}
.colxult li{ width: 32%; margin-right: 2%; text-align: center; padding: 30px 20px 34px; background: #f8f8f8;}
.colxult li:last-child{ margin-right: 0;}
.colxult li .ihtihh{ padding-bottom: 14px;}
.colxult li .ihtihh::before{ left: 50%; transform: translateX(-50%);}
.colxult li span{ font-size: 16px; line-height: 24px; color: #666;}
.colxult li a{ color: #666; font-size: 16px; }
.colxult li a:hover{ color: #ffb51b; text-decoration: underline; }
.cgetfo{ margin-top: 62px;}
.cpmap{ margin-top: 45px; overflow: hidden; border-radius: 5px; border: 1px solid #dfdfdf;}


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

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

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


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


}

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

}



@media screen and (max-width: 1180px){
  .warper{ width: 90%;}
    header{ height: 62px;}
    #nav .nav-button{display: block; top: -49px; right: 0; }
    #banner_home,.subbanner{ margin-top: 62px;}
    .position{ height: 62px; background: #000; }
    .logo img,.position .logo img{ height:34px; width: auto; }
    .searcnr input{ line-height: 40px;}
    .searcnr{ margin-top: 10px; margin-left: 21%;}
    .searcnr button{ line-height: 41px;}
    .logo{ top: 3px; left: 0; }
    .ban_arrow span.ban_prev{ left: 0;}
    .ban_arrow span.ban_next{ right: 0;}
    .h_trx li{ display: none; padding-top: 14px;}
    .h_trx li:last-child{ display: block; color: #fff;}
    .h_trx li b{ border-color: #fff transparent transparent transparent; }
    .hetops{ height: auto; border: none;}
    .h_trx li{ margin-left: 10px;}
    .search_box{ top: 62px; padding: 20px 0;}
    .position .h_trx li b{ border-color: #fff transparent transparent transparent; }
    .position .h_trx li:last-child{ display: block; color: #fff;}
    .h_trx li:nth-of-type(4){ display: block;}
    #nav .nav-button{ top: -38px; }
    .l_fixed{ display: none; }
    nav{ display: none;}
    #nav .nav-button i{ color: #000; }
    body{ font-size: 16px; }
    .item_text h2,.sub_name h2{ font-size: 28px; line-height: 32px; }
    .ihtii{ margin-bottom: 15px;}
    .ielfp,.iwtra,.inwsv,.icace,.iabcw,.iserc,.ithnav,.abcowa,.ahhibs,.abceho,.deadv,.desepv,.destab,.demiss,.derep{ padding: 40px 0;}
    .inswgds .item{ margin: 0 8px;}
    .insxt{ padding: 20px 24px 36px;}
    .lmbtn{ margin-top: 20px;}
    .iseclef .ihtii{ margin-bottom: 35px;}
    .iseclef .lmbtn{ margin-top: 55px;}
    .ilnkva a h3{ font-size: 22px;}
    footer{ padding-top: 34px;}
    .fo_boxdiv h4{ margin-bottom: 24px;}
    .foxlus li,.fo_opul li{ margin-bottom: 15px;}
    .fo_boitem2{ width: 22%;}
    .fo_boitem3{ width: 38%;}
    .submenu{ padding: 10px 0;}
    .abafsa{ padding-top: 40px;}
    .abftx{ padding: 18px;}
    .abftx p{ line-height: 24px;}
    .nesshow,.cowar{ padding-top: 40px;}
    .calist li{ margin-bottom: 28px; padding-bottom: 30px;}
    .colxult{ margin-top: 0;}
    .colxult li{ padding: 25px 20px 24px;}
    .quiry_info button{ width: 180px;}
    .dfeat{ margin-top: 25px;}
    .deshowt{ margin-bottom: 40px;}
    .adulits li{ padding: 18px 0 15px;}
    #page{ display: block;}
   
}

@media screen and (max-width: 768px){
  .searcnr{ margin-left: 32%; width: 58%;}
  .item_text h2{ width: 80%;}
  .iel_prev, .ielw_prev, .ins_prev, .ica_prev{ left: -31px;}
  .iel_next, .ielw_next, .ins_next, .ica_next{ right: -31px;}
  .icasitema a{ flex-wrap: wrap;}
  .icasle{ width: 100%; padding: 20px;}
  .icasri{ width: 100%; padding: 0;}
  .icasle h3{ font-size: 22px; margin-bottom: 10px;}
  .iasvc,.isece{ flex-wrap: wrap;}
  .iasvlef,.iseclef{ width: 100%;}
  .iasvrig{ width: 100%; padding: 0; margin-top: 12px;}
  .isecrig{ width: 100%; padding: 0; margin-top: 16px;}
  .iseclef .ihtii{ margin-bottom: 12px;}
  .iasvrig .ihtii, .iseclef .ihtii{ padding-bottom: 12px;}
  .iseclef .lmbtn{ margin-top: 12px;}
  .ilnkva a{ padding: 20px 0;}
  .ilnkva a h3{ margin-bottom: 10px;}
  .ilnkva a span{ margin-top: 10px;}
  .fo_boitem2{ display: none;}
  .fo_boitem1{ width: 48%;}
  .fo_boitem3{ width: 48%;}
  .media{ margin-top: 18px;}
  .fo_cop{ padding: 10px 0; margin-top: 24px;}
  .item_text h2, .sub_name h2{ font-size: 24px;}
  .abiivs{ flex-wrap: wrap;}
  .abuilef{ width: 100%;}
  .abuirig{ display: none;}
  .caitems a{ flex-wrap: wrap;}
  .cailef{ width: 100%;}
  .cairig{ width: 100%; padding: 0; margin-top: 14px;}
  .colxult li .ihtihh{ font-size: 20px; margin-bottom: 12px;}
  .colxult li{ padding: 20px 12px 14px;}
  .nelist{ grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 18px; }
  .infocon p{ margin-bottom: 12px;}
  .infocon h3{ font-size: 22px;}
  .infocon h1{ font-size: 26px;}
  .prlist{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .desmian{ margin-top: 14px; flex-wrap: wrap;}
  .desmlef{ width: 100%;}
  .desmrig{ width: 100%; padding: 0; margin-top: 14px;}
  .advnrb{ flex-wrap: wrap;}
  .avnlef{ width: 100%; padding: 0;}
  .avnrig{ width: 100%; padding:0; margin-top: 14px;}
  .quiry_info li{ margin-bottom: 8px;}
  .warper{ width: 94%;}
}

@media screen and (max-width:480px){
    footer,.fowar{ margin-bottom: 60px; }
    .footmenu{ display: block; }
    .footmenu div.con{ background: #ffb51b; }
    .searcnr{ opacity: 0;}
    .iel_prev, .ielw_prev, .ins_prev, .ica_prev{ left: 0;}
    .iel_next, .ielw_next, .ins_next, .ica_next{ right: 0;}
    .inearr span{ color: #ffcd11;}
    .ielxt{ padding: 20px 10px; }
    .ielfp, .iwtra, .inwsv, .icace, .iabcw, .iserc, .ithnav, .abcowa, .ahhibs, .abceho, .deadv, .desepv, .destab, .demiss, .derep{ padding: 20px 0;}
    .icasle h3{ font-size:20px; line-height: 24px; height: 48px;}
    .icasle{ padding: 12px;}
    .iasvrig .ihtii, .iseclef .ihtii{ margin-bottom: 15px;}
    .iasvrig .lmbtn{ margin-top: 12px;}
    .itnabox{ flex-wrap: wrap;}
    .itlnki{ width: 100%; margin-right: 0; margin-bottom: 5px;}
    .ilnkva a{ padding: 10px 0;}
    footer{ padding-top: 20px;}
    .fo_boxdiv{ flex-wrap: wrap;}
    .fo_boitem1{ width: 100%;}
    .fo_boitem3{ width: 100%; margin-top: 15px;}
    .fote_info li{ width: 100%; float: none; margin-bottom: 5px;}
    .fote_info li:nth-of-type(even){ float: none;}
    .fo_boxdiv h4{ font-size: 22px;}
    .foxlus li, .fo_opul li{ margin-bottom: 10px;}
    .sub_name h2{ display: none;}
    .ihtii{ font-size: 22px;}
    .ahi_prev{ left: 0;}
    .ahi_next{ right: 0;}
    .nesshow, .cowar{ padding-top: 20px;}
    .cairig h3{ font-size: 20px; line-height: 24px; margin-bottom: 10px; height: 48px;}
    .cairig span{ margin-top: 14px;}
    .calist li{ margin-bottom: 12px; padding-bottom: 12px;}
    .cohtit{ flex-wrap: wrap;}
    .cohtit p{ width: 100%;}
    .cohtit .ihtihh,.ihtihh{ font-size: 22px; padding-bottom: 12px; margin-bottom: 12px;}
    .colxult{ margin-top: 12px; flex-wrap: wrap;}
    .colxult li{ width: 100%; margin-right: 0; margin-bottom: 5px;}
    .cgetfo{ margin-top: 20px;}
    .quiry_info li,.quiry_info li:nth-of-type(even){ width: 100%; float: none;}
    .quiry_info button{ font-size: 16px;}
    .cpmap{ margin-top: 16px;}
    .nelist{ grid-gap: 8px; grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .infocon h1{ font-size: 22px; margin-bottom: 10px;}
    .infocon .time{ margin-bottom: 12px;}
    .infocon h3{ font-size: 20px; margin-bottom: 8px;}
    .infocon .other{ padding-top: 12px; margin-top: 24px;}
    .pat48{ padding-top: 20px;}
    .prlist{ margin-top: 12px; grid-gap: 10px;}
    .delbniv{ padding-right: 0;}
    .desmrig h1{ font-size: 23px;}
    .delbniv{ margin-top: 18px;}
    .delbniv a:last-child{ margin-top: 10px;}
    .dfeat p{ line-height: 25px;}
    .deshowt{ margin-bottom: 20px;}
    .adulits li{ padding: 12px 0;}
    .del_table table td{ padding:5px;}
}