@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Roboto-Bold';
  src: url('fonts/Roboto-Bold.eot');
  src: local('☺'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('fonts/Roboto-Light.eot');
  src: local('☺'), url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Medium_0';
  src: url('fonts/Roboto-Medium_0.eot');
  src: local('☺'), url('fonts/Roboto-Medium_0.woff') format('woff'), url('fonts/Roboto-Medium_0.ttf') format('truetype'), url('fonts/Roboto-Medium_0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto-Regular.eot');
  src: local('☺'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'calibri';
  src: url('fonts/calibri.eot');
  src: local('☺'), url('fonts/calibri.woff') format('woff'), url('fonts/calibri.ttf') format('truetype'), url('fonts/calibri.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'calibrib';
  src: url('fonts/calibrib.eot');
  src: local('☺'), url('fonts/calibrib.woff') format('woff'), url('fonts/calibrib.ttf') format('truetype'), url('fonts/calibrib.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OSWALD-BOLD';
  src: url('fonts/OSWALD-BOLD.eot');
  src: local('☺'), url('fonts/OSWALD-BOLD.woff') format('woff'), url('fonts/OSWALD-BOLD.ttf') format('truetype'), url('fonts/OSWALD-BOLD.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSaCnExtraBold';
  src: url('fonts/OpenSaCnExtraBold.eot');
  src: local('☺'), url('fonts/OpenSaCnExtraBold.woff') format('woff'), url('fonts/OpenSaCnExtraBold.ttf') format('truetype'), url('fonts/OpenSaCnExtraBold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "iconfont"; /* Project id 5017896 */
  src: url('fonts/iconfont.woff2?t=1763458677062') format('woff2'),
       url('fonts/iconfont.woff?t=1763458677062') format('woff'),
       url('fonts/iconfont.ttf?t=1763458677062') format('truetype');
}

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

.icon-weixin:before {
  content: "\e637";
}

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

.icon-jiahao1:before {
  content: "\e727";
}

.icon-sanjiaoright:before {
  content: "\e6b7";
}

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

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

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

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

.icon-whatsapp:before {
  content: "\e936";
}

.icon-xiajiantou:before {
  content: "\e731";
}

.icon-daohang:before {
  content: "\e62b";
}

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

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

.icon-jiantou_liebiaoxiangyou_o:before {
  content: "\eb8a";
}

.icon-jiantou_liebiaozhankai_o:before {
  content: "\eb8b";
}

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

.icon-home-s:before {
  content: "\e631";
}

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

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

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

.icon-hexin_tiandi:before {
  content: "\e894";
}

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

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

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

.icon-lingying:before {
  content: "\e73f";
}

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

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

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

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

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

.icon-yuanjing:before {
  content: "\e6d9";
}

.icon-hexinshuju:before {
  content: "\e83f";
}

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

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

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

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




body{font-family:calibri, 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; max-width: 100%; }
a{color: #222;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#b81c22;}
a:focus,input:focus,select:focus,textarea:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}   
.w_p_main{ background: #fff; }
.main{ background: #f7f7f7;  }
.warper{ width:1420px; margin:0 auto; position: relative;}
.backToTop{width:46px; height:46px; z-index: 666; background:#b81c22 url(images/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:8px; text-indent:9999px; bottom:10%; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}
header{ width: 100%; height: 80px; z-index: 0; z-index: 999;  position: fixed; top: 0; left: 0; background:#FFF; }
#nav:after{  content: '';  display: block;  clear: both;}
#nav .warper{position: relative;}
.logo{ position: absolute; left: 0; top: 10px; }
.logo img { margin-top:10px;}
.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: 150px; }
nav li{ float: left; margin: 0 35px; position: relative; }
nav li:last-child{ margin-right: 0; }
nav li>a{ line-height: 80px; position: relative; font-family: Roboto-Regular;color: #222; display: block; font-size:20px; }
nav li>a:before{ content: ""; position: absolute; bottom: 22px; left: 0; width: 0; transition: all 0.3s; height: 2px; background: #b81c22; }
nav li.on>a:before,nav li:hover a:before{ width: 100%; }
nav li i{ color: #fff; font-size: 12px !important; }
nav dl{ transition: opacity 1s ease; position: absolute; display: none; background:#fff; min-width: 200px; top: 80px; left:0; z-index: 999;  }
nav dl dd{ display: block; position: relative;  }
nav dl dd:last-child{ border: none; }
nav li dl dd a{ opacity: 1; font-size: 17px; white-space: nowrap; line-height: 20px; background: transparent !important; color: #666 !important; display: block; padding: 13px 10px; text-align: left; text-transform: capitalize;}
nav li dl dd a:before{ display: none; }
nav li dl dd a:hover{ background: #b81c22!important; cursor: pointer; color: #fff !important;}
nav dl dd div{ width: 250px;position: absolute; left: 100%; top: 0; background:rgba(255,94,20,.75); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:13px 10px; white-space: normal; color: #fff !important; border-bottom: none; min-width: 240px; }
nav li.on a { color:#b81c22;}

nav li.on .subditem h4 a{ color:#333;}
nav li.on .subditem h4 a:hover {  color:#c82126;}
nav li.on .subditem p a{ color:#777;}
nav li.on .subditem p a:hover { color:#c82126; text-decoration:underline;}

.semsub{ display: none; background: #f5f5f5; position: fixed; top: 80px; left: 0; width: 100%; padding: 60px 0; }
.subdiv{ display: flex; justify-content: center; }
.subditem{ width: 23.5%; margin-right: 2%; }
.subdiv .subditem:last-child{ margin-right: 0; }
.subditem a{ display: block; width: 100%; line-height: normal; }
.subditem a:before{ display: none; }
.subditem a:after{ display: none !important; }
.subditem h4 { font-family: Roboto-Medium_0; color: #333; margin-bottom: 30px; font-size:20px; margin-top:30px; position:relative; padding-bottom:10px; font-weight:100;}
.subditem h4:before { content: ""; position: absolute; bottom: 0;left: 0; width: 40px; height: 2px; background: #b81c22;}
.subditem h4 a { color:#333;}
.subditem h4 a:hover { color:#b81c22;}
.subditem p{ margin-bottom: 20px; font-size:18px; padding-left:16px; position:relative;}
.subditem p:before{content: ""; position: absolute; top: 10px; left: 0; width: 8px; height: 8px; border: solid 1px #d1cece; border-radius: 50%; background-size: cover;}
.subditem p a { color:#777;}
.subditem p a:hover { color:#b81c22;}
.subditem .changpic{ border-radius: 10px; }
.subditem a:hover .changpic img{ transform: scale(1.15); }
.subditem a:hover p{ color: #c21a29; }
.head_rcon{ position: absolute; right:-70px; top:20px; width:160px; }
.language{ float: right; position: relative; width:90px; display: inline-block; cursor: pointer; top:5px;}
/*.language span{ position: relative; width: 100%; display: inline-block; color: #777; font-size: 16px; }*/
.language b { margin-left: 3px; display: inline-block; font-weight: normal; width: 0; height: 0; border-style: solid; border-width: 5px 4.5px 0 4.5px; border-color: #222 transparent transparent transparent;}
.language-main{ width:100px; padding: 1px 0; position: absolute;  display: none;  z-index: 99; right:0; top: 20px;
    background: url("images/ffggg.png") no-repeat 20px 4px;  }
.language:hover .language-main {display: block;}
.language-cont { width: 100px; padding: 0 16px; margin-top: 10px; box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05); border-top: 3px solid #b81c22; background: #ffffff;  padding-bottom: 10px;}
.language-cont a { width: 100% !important; position: relative; font-size: 16px !important; padding: 0 !important; padding-left: 15px !important;color: #888 !important; background: #fff !important; height: auto !important; border: none !important; line-height: 28px !important; text-align: left; display: block !important;}
.language-post { padding-top: 10px;}
.language-cont a:after{ position: absolute; top: 10px; left: 0; width: 7px; height: 7px; background: #b81c22; content: ''; }
.language-cont a:hover { color: #b81c22 !important;}
.search-button{ float: left; width:36px; position: relative;  }
.search-button span{ width: 38px; height: 38px; text-align: center; line-height: 38px; border-radius: 38px; background: #b81c22; overflow: hidden; cursor: pointer; display: inline-block; }
.search-button span i{  font-size: 20px; text-align: center;display: inline-block;  color: #fff;}
.searchform{ overflow: hidden;background:#b81c22;position: absolute; right: 0; height: 0; z-index: 88; top:60px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; width: auto; height: auto; background: transparent; border-radius: 0; }
.searchform input{ width: 190px; font-size: 15px; background:transparent; color: #fff; line-height:51px; padding-left:10px; font-family: Arial; float: left; }
.searchform button{ width:54px; line-height:45px; background:transparent; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform button i{ color: #fff !important; background: transparent!important; }
.searchform input::-webkit-input-placeholder { color: #fff;}
.searchform input:-moz-placeholder {  color: #fff;}
.position{box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2); background: #fff; }
footer{ background: #181818;}
.folxulsv{ background: #fff; padding:0 0 60px 0; overflow:hidden;}
.folxulsv .ih2tit { text-align:center; margin-bottom:15px;}

.fobos{ padding-top: 60px; }
.fobvi{ display: flex; justify-content: space-between; }
.f_item1{ width: 26%; margin-right:8%; }
.f_item2{ width: 20%; }
.f_item3{ width: 20%; }
.f_item4{ width: 25%; }
.fobvi h5{ font-size: 26px; padding-bottom: 10px; margin-bottom: 18px; position: relative; font-family:Roboto-Medium_0; text-transform:uppercase; font-weight: normal; color: #fff; }
.fdepc{ font-size: 18px; line-height: 26px; color: rgba(255, 255, 255, 0.6); }
.media{ text-align:right;}
.media a{ margin-right: 5px; background: rgba(255, 255, 255, 0.06); text-align: center; display: inline-block; width: 40px; height: 40px; line-height: 38px; font-size: 18px; border-radius: 40px; color: #fff; }
.media a:hover{ color: #fff;}
.media a:nth-of-type(1){ background: #3a82d3; }
.media a:nth-of-type(2){ background: #d20000; }
.media a:nth-of-type(3){ background: #000; }
.media a:nth-of-type(4){ background: #0085b2; }
.media a:nth-of-type(5){ background: #30afeb; }
.media a:hover{ background: #fff; color: #181818; }

.f_link li{ transition: all 0.3s; position: relative; font-size: 18px; margin-bottom: 18px; }
.f_link li a{ color: rgba(255, 255, 255, 0.6); display: inline-block; }
.f_link li:hover a{ color: #b81c22; transform: translateX(5px);  }
.f_link li:last-child{ margin-bottom: 0;  color: rgba(255, 255, 255, 0.6);}
.f_mes{ margin-top: 6px; }
.f_mes ul.yc { display:none;}
.top{ margin-top:-6px;}
.f_mes input{ height:46px; line-height: 46px; }
.f_mes input,.f_mes textarea{ width: 100%; border-radius: 3px;  background:#fff; border:solid 1px #e6e6e6; padding: 5px 18px; font-family: Outfit-ExtraLight; resize: none; color: #333; font-size: 16px; background:#f9f9f9;}
.f_mes input::-webkit-input-placeholder, .f_mes textarea::-webkit-input-placeholder{ color: #888; font-size:18px; font-family:calibri; }
.f_mes textarea{ padding:12px 18px; height: 115px; }
.f_mes button{ transition: all 0.3s; border: none; cursor: pointer; width:150px; background: #b81c22; border-radius: 3px; font-family:Roboto-Medium_0; font-size: 18px; height: 46px; line-height: 46px; text-align: center; color: #fff; margin-top:20px; }
.f_mes ul { width:100%; float:left; margin-bottom:20px;}
.f_mes ul:nth-of-type(3) li { width:100%;}
.f_mes ul:nth-of-type(3) { margin-bottom:0;}
.f_mes ul:nth-of-type(4) li  {width: 100%;}
.f_mes label input{ width: auto!important;}
.f_mes ul li{ position: relative; float: left; width: 49.5%;}
.f_mes ul li .p_tit { font-size:18px; line-height:40px; font-family:Roboto-Medium_0; color:#333; height:40px;}
.f_mes ul li font{ position: absolute; top: 15px; left: 5px; color: #b81c22; }
.f_mes ul li select{ width: 100%; cursor: pointer;  padding: 0 18px; height: 46px; font-family: calibri; font-size: 18px; background:#fff;     border: solid 1px #e6e6e6; color:#888; }

.f_mes ul li:nth-of-type(2n){ margin-right:0; float:right;}
.f_mes ul li:nth-of-type(5),.f_mes ul li:nth-of-type(6){ width: 100%; margin-left: 0; }
.f_mes button:hover{ transform: translateX(10px); color: #fff; }
.f_mes button i{ display: inline-block; margin-left: 5px; }
.f_mes label{ display: inline-block; position: relative; font-size: 18px; color: #666;  cursor: pointer; }
.f_mes label *{ vertical-align: middle; }
.f_mes ul:nth-of-type(3) input{ width:auto;}
.f_mes ul:nth-of-type(4) input{ width:auto;}
.f_mes ul:nth-of-type(4) li{ width:100%;}

.fob_cop{ border-top: 1px solid rgba(216, 229, 229, 0.2); display: flex; align-items: center; justify-content: space-between; overflow: hidden; margin-top: 52px; padding: 24px 0; }
.fob_cop p{ color:rgba(255, 255, 255, 0.6); font-size: 18px; }
.fob_cop a{ font-size: 18px;  }

.sider-contact { 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: 60px; border-radius: 3px; margin-bottom: 2px; background: #b81c22; position: relative; width: 60px;}
.right-nav li a{ align-items: center; font-size: 24px; color: #fff; display: flex; flex-flow: column; height: 100%; justify-content: center; transition: all .3s ease; width: 100%}


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




.banner img{ width: 100%; display: block; }
.banner .slick-dots{ bottom: 40px; }
#banner_home{ position: relative; }
video{ width: 100%; display: block; }
.banner{ position: relative; }
.banner .item{ position: relative;  }
.bantext{ position: absolute; top: 28%; left: 0; width: 100%; }
.batxtx{ width: 52%; }
.batxtx h3{ font-size: 52px; margin-bottom: 64px; text-shadow: 0 0 10px rgba(74, 74, 74, 0.35); color: #fff; text-transform: uppercase; line-height: 65px; font-family: FUTUBOLD; }
.batxtx p{ color: #fff; font-size: 15px; line-height: 26px; }
.batxtx a{ display: inline-block; margin-top: 74px; background: #b81c22; color: #fff; font-size: 15px; padding: 14px 25px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; }
.batxtx a:hover{ transform: translateX(10px); border-radius: 30px; }
.banarr{ position: absolute; width: 100%; left: 0; top: 40%; } 
.banarr span{ width: 56px; transition: all 0.8s; position: absolute; top: 0; cursor: pointer; display: inline-block; height: 56px; border-radius: 56px; text-align: center; line-height: 52px; border: 2px solid #b81c22; color: #b81c22; }
.banarr span i{ font-size: 52px; display: inline-block; }
.banarr span:hover{ border: 2px solid #b81c22; background: #b81c22; color: #fff; }
.ban_prev i{ transform: rotate(180deg); }
.ban_prev{ left: -20%; }
.ban_next{ right: -20%; }






.changpic{ width: 100%; overflow: hidden; }
.changpic img{ width:auto; transition: all 0.3s; }
#banner_home:hover .ban_prev{ left: 12%; }
#banner_home:hover .ban_next{ right: 12%; }
.cl{ clear: both; }

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


/*首页*/
.inhpvs{ padding: 64px 0 100px; background: url(images/ihpbgs.jpg) no-repeat; background-size: cover;  overflow:hidden; }
.ih2tit{ font-size: 56px; text-transform: capitalize; font-family:Roboto-Bold; }
.ih2tix{ font-size:17px; color:#777;}
.inpfex{ margin-top: -12px; display: flex; }
.ipflef{ width: 275px; padding-top: 40px; }
.ipfrig{ width: calc(100% - 230px); padding-left: 46px; }
.ipnuls li{ border-bottom: 1px solid #e4e4e4; position: relative; }
.ipnuls li:before{ content: ""; position: absolute; bottom: 0; left: 0; transition: all 0.3s; width: 0; height: 1px; background: #b81c22; }
.ipnuls li a{ font-family: Roboto-Regular; display: block; width: 100%; padding: 26px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ipnuls li:hover:before,.ipnuls li.on:before{ width: 100%; }
.ipnuls li.on a{ color: #b81c22; }

.dhopvs{ display: flex; padding: 10px; }
.dhovlef{ width: 51%; padding-top: 50px; }
.dhovlef .changpic a img { text-align:center; display: flex;  justify-content: center;}
.dhovrig{ width: 49%; padding-left: 34px; }
.dhrvtx{ background: #fff; box-shadow: 0 6px 14px rgba(14, 32, 76, 0.06); border-radius: 15px; padding: 58px 36px 76px 40px; }
.dhrvtx h3{ font-size: 28px; font-family: Roboto-Medium_0; font-weight: normal; }
.drvs{ margin-top: 28px; height:auto; }
.dtdsl dd{ margin-bottom: 30px; }
.dtdsl dd:last-child{ margin-bottom: 0; }
.dtdsl dd span{ background: #f1f1f1; margin-bottom: 12px; color: #b81c22; font-size: 16px; font-family: Outfit-Regular; display: inline-block; padding: 10px 15px 10px 12px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
.dtdsl dd p{ font-size: 18px; line-height: 24px; color: #777; border-bottom:solid 1px #f2f2f2; padding-bottom:35px;}
.drvs::-webkit-scrollbar{ width: 2px; }
.drvs::-webkit-scrollbar-thumb{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 200%; border-radius: 0; background: #b81c22; width: 3px; }
.drvs::-webkit-scrollbar-track { position: absolute; top: 0; background: #e5e5e5; height: 100vh;right: 0; }
.drpar { margin-top:30px;}
.drpar li p{line-height: 35px; color: #777; position: relative; padding-left: 16px; font-size:17px;}
.drpar li p:before {content: ""; position: absolute; top: 10px; left: 0; width: 8px; height: 8px;border:solid 1px #e2e2e2;border-radius:50%; background-size: cover;}
.dptbns{ margin-top: 50px; display: flex; }
.dptbns a{ width: 100%; margin-right: 16px; height: 54px; color: #fff; font-family: Roboto-Medium_0; background: #b81c22; border-radius: 5px; display: flex; align-items: center; justify-content: center; }
.dptbns a:last-child{ margin-right: 0; background: #4f5052; }
.dptbns a i{ display: inline-block; margin-left: 6px; font-size:20px; }
.dptbns a:hover{ transform: translateX(10px); }
.dihvs{ position: relative; padding-left: 10px; }
.dihvs .slick-dots{ position: absolute; bottom: 0; width: 51%; text-align: center; }
.dihvs .slick-dots li{ width: auto; height: auto; }
.dihvs .slick-dots li button{ padding: 0; width: 45px; height: 3px; background: #e3e3e3; border-radius: 10px; }
.dihvs .slick-dots li.slick-active button{ background: #b81c22; }
.dihvs .item{ margin-right: 14px; }



.iacpstt{ text-align: center; margin-top: 75px; }
.iacnubo{ background:url(images/iav_num.jpg) no-repeat; }
.icnuls{ display: flex; }
.icnuls li{ width: 25%; transition: all 0.3s; color: #fff; padding: 56px 38px 46px; }
.iclis{ display: flex; align-items: flex-start; }
.iclis b{ font-family: Outfit-Bold; font-size: 40px; }
.iclis b span{ font-size: 70px; font-family:OSWALD-BOLD; }
.iclis i{ font-size: 35px; display: inline-block; margin-left: 10px; }
.icnuls li p{ font-size: 17px; line-height: 20px; }
.iacv,.iavsv{ position: relative; }
.iavsv:before{ content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); z-index:1; }
.iacv:before{ content: ""; position: absolute; z-index: 1; top: 0; left: 31.35%; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); }
.iacv:after{ content: ""; position: absolute; z-index: 1; top: 0; right: 31.35%; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); }
.icnuls li:hover{ background: #b81c22; }

.in_abcom{ padding: 94px 0 95px; z-index: 2;  position: relative; }
.inab_box{ width: 100%; overflow: hidden; }
.ina_le{ width: 42%; float: left; }
.ina_ri{ width: 58%; float: right; padding-left: 55px; }
.ina_tx{ margin-top: 42px; }
.ina_tx p{ font-size: 17px; margin-bottom: 18px; line-height: 26px; color: #888; }
.ina_tx p:last-child{ margin-bottom: 0; }
.ina_le a{ background:#b81c22; font-size: 16px; font-family:Roboto-Regular;  display: inline-block; margin-top: 110px; color: #fff; padding: 14px 40px; }
.ina_le a:hover{ color: #fff; transform: translateX(10px); }
.inar_pic{ width: 100%; overflow: hidden; }
.inar_le{ width: 329px; float: left; }
.inar_ri{ margin-left: 329px; padding-left:40px; }
.inar_ri .inplay { cursor:pointer;}

.bigbg,.bigbg2{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.getbox,.getbox2{ width: 800px; height: auto; position: absolute; top: 30%; left: 50%; margin-left: -400px; }
.allhide{ opacity: 0; z-index: -3; }

.inar_num{ margin-top: 18px; }
.inar_num li{ padding: 35px 0 22px; border-bottom: 1px solid #e8e8e8; }
.inar_num li span{ display: block; color: #b81c22; font-size: 22px; font-family:Roboto-Bold; }
.inar_num li p{ margin-top: 12px; font-size: 17px; line-height: 24px; color: #888; }

.inwhy { padding:80px 0; background:url(images/in_why_bg.jpg) no-repeat; overflow:hidden;}
.inwhy .ih2tit { color:#FFF; text-align:center;}
.inwhy .ih2tix { color:#FFF; text-align:center; padding:0 20%; margin-top:10px; margin-bottom:20px;}
.inwhy .left { width:65%; height:auto; float:left;}


.icvuls{ display:block; justify-content: space-between; }
.icvuls li{ width: 48.5%; color: #fff; text-align:left; padding:0 2%; float:left; background:#eee; margin-bottom:3%; padding:35px 50px; border-radius:20px; }
.icvuls li i{ display: inline-block; width: 68px; font-size: 34px; height: 68px; line-height: 68px; text-align: center; border:solid 1px #b81c22; border-radius: 68px; color:#b81c22; }
.icvuls li h4{ font-size: 26px; margin: 20px 0 20px; color:#222; font-family:Roboto-Medium_0; font-weight: 100; }
.icvuls li p{ font-size: 17px; line-height: 24px; color:#777; }
.icvuls li:nth-child(2n) { float:right;}
.icvuls li:nth-child(3) { width:100%;}
.icvuls li:hover { background:#c82126;}
.icvuls li:hover i {background:#fff; color:#c82126;}
.icvuls li:hover h4{ color:#FFF;}
.icvuls li:hover p { color:#FFF;}

.inwhy .right { width:35%; height:auto; float:right;}
.icvulr{ display:block; justify-content: space-between; }
.icvulr li{ width: 95%; margin-left:5%; color: #fff; text-align:left; padding:0 2%; float:left; background:#eee; margin-bottom:3%; padding:35px 50px; border-radius:20px; }
.icvulr li i{ display: inline-block; width: 68px; font-size: 40px; height: 68px; line-height: 68px; text-align: center; border:solid 1px #b81c22; border-radius: 68px; color:#b81c22; }
.icvulr li h4{ font-size: 26px; margin: 20px 0 20px; color:#222; font-family:Roboto-Medium_0; font-weight:100; }
.icvulr li p{ font-size: 17px; line-height: 24px; color:#777; }
.icvulr li span {display: inline-block; transition: all 0.3s; font-size: 18px; font-family: 'Roboto-Regular'; color: #fff; background: #c82126; width: 170px; height: 48px; text-align:center; line-height: 48px; margin-top:235px;}
.icvulr li span a { color:#FFF; display:block;}
.icvulr li:hover {background:#c82126;}
.icvulr li:hover i { background:#FFF; color:#c82126;}
.icvulr li:hover h4 { color:#FFF;}
.icvulr li:hover p { color:#FFF;}
.icvulr li:hover span { background:rgba(255, 255, 255, 0.1);}


.abhor{  padding:80px 0;  background: url(images/icebtst.jpg) no-repeat; background-size: cover; }
.abhor .ih2tit { text-align:center;}
.abhor .ih2tix { text-align:center;}
.vicetop .item{ margin: 0 18px;}
.vicetop{ margin-top: 36px; }
.vicetop .slick-dots{ position: static; display: flex; margin-top: 40px;}
.vicetop .slick-dots li{ width: 100%; height: auto; margin: 0; }
.vicetop .slick-dots li button{ width: 100%; height: 5px; background: #cdd1d9;}
.vicetop .slick-dots li.slick-active button{ background: #f4ae01;}


.incase{ padding: 78px 0 70px; }
.incase .ih2tit{ text-align: center; }
.incaswi{ margin-top: 15px; position: relative; }
.incagds .item{ margin: 0 48px; }
.incaitem{ text-align: center; }
.incaitem .text { opacity:0; width:480px; height:324px; background:#b81c22; position:absolute; margin-top:-370px; margin-left:-40px; padding:30px; text-align:left;}
.incaitem .text h4 {    font-size: 26px; margin: 10px 0 20px; color: #fff; font-family: Roboto-Medium_0; font-weight:100; height:32px; overflow:hidden;text-overflow: ellipsis;
    white-space: nowrap;}
.incaitem .text p{ font-size: 18px;  color:#FFF; overflow: hidden; line-height:24px; height:96px; margin-top: 24px; }
.incaitem .text span {display: inline-block; transition: all 0.3s; font-size: 18px; font-family: 'Roboto-Regular'; color: #fff; background:rgba(255, 255, 255, 0.1); width: 170px; height: 48px; text-align:center; line-height: 48px; margin-top:35px;}
.incaitem:hover .changpic img{ transform: scale(1.15); }
.incagds .slick-dots{ position: static; margin-top: 56px; }
.incagds .slick-dots li{ width: auto; height: auto; margin: 0 14px; }
.incagds .slick-dots li button{ font-size: 16px; color: #bcbcbc; font-family: tahomabd; width: auto; height: auto; padding: 0; }
.incagds .slick-dots li.slick-active button{ color: #333; }
.icar{ position: absolute; top: 80.6%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: center; color: #b81c22; display: inline-block; width: 50px; height: 50px; line-height: 50px; background: #fff; cursor: pointer; }
.icar i{ font-size: 30px; display: inline-block; }
.icar.ica_prev i{ transform: rotate(180deg); }
.icar.ica_prev{ left: 48%; }
.icar.ica_next{ right: 46.5%; }
.slick-current .incaitem .text{ opacity: 1; }
.icar:hover{ background: #b81c22; color: #fff; }

.close_btn{ cursor: pointer; position: absolute; top: 0; right: 0; width: 34px; height: 34px; line-height: 34px; text-align: center; }
.close_btn i{ font-size: 24px; }
.close_btn:hover i{ color: #b81c22; }
.bigform ul{ width: 100%; overflow:hidden;  }
.bigform li{width: 49%; margin-right: 2%; margin-bottom: 12px; overflow: hidden; float: left; position: relative;}
.bigform li:nth-of-type(even){ margin-right: 0; }
.bigform li:nth-of-type(5),.bigform li:nth-of-type(6){ width: 100%; }
.bigform li font{ color: #e74747; position: absolute; top: 13px; left: 7px; }
.bigform li p{ margin-bottom: 8px; font-size: 16px; }
.bigform li p span{ color: red; }
.bigform input,.bigform textarea{width: 100%; border:1px solid #ddd; background:#fff; font-size: 16px; line-height: 24px; padding:10px 12px; font-family: tahoma; }
.bigform textarea{ resize: none; height: 140px; }
.bigform input::-webkit-input-placeholder,.bigform textarea::-webkit-input-placeholder { color: #333;}
.bigform input:-moz-placeholder,.bigform textarea:-moz-placeholder {color: #333;}
.bigform button{ width: 195px; margin: 0 auto; display: block; background: #b81c22; border-radius: 3px; font-family: tahoma; height: 50px; border:none; color: #fff; font-size: 18px; }
.bigform button:hover{ cursor: pointer; opacity: 0.85; background: #b81c22; color: #fff; }
.bigform li:last-child{ margin-bottom: 0; }


/*手机底部*/
.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:#b81c22;}
.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; }
.subbanner img{ width: 100%; display: block; }
.sub_nav{ position: absolute; bottom: 155px; left: 0; width: 100%; }
.sub_nav h2{ font-size: 62px; margin-bottom: 5px; text-transform: capitalize; color: #fff; font-family:Roboto-Bold; }
.sub_nav p{ color: #fff; font-size: 16px; font-family: Outfit-Regular; }
.sub_nav p a{ color: #fff; }
.sub_nav p i{ font-size: 20px; }
.sub_nav p a:hover{ color: #b81c22; }

.sub_navv { width: 100%; background: #3d3d3d; padding: 12px 0; margin-top:80px;}
.sub_navv p{ color: #fff; font-size: 16px; font-family: Outfit-Regular; }
.sub_navv p a{ color: #fff; }
.sub_navv p i{ font-size: 20px; }
.sub_navv p a:hover{ color: #b81c22; }

.bansea{ position: absolute; width: 100%; left: 0; bottom: 70px; z-index: 33;}
.banfl { width:100%; overflow:hidden;}
.banfl ul li { width:190px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#333; background:#FFF; font-family:Roboto-Medium_0; display:block; float:left;}
.banfl ul li a {color:#333; display:block;}
.banfl ul li a:hover { color:#fff; background:#b81c22; display:block;}
.banfl ul li.on a { background:#b81c22; color:#FFF;}

.iprsea { display: none; padding:30px; background:rgba(0, 0, 0, 0.6); }
.iprsea.on{ display: block; }
.inpsebo{ display: flex; }
.inseblef{ width: 100%; padding-right: 12px; }
.insebrig{ width:auto; }
.inseuls{ display: flex; }
.inseuls li{ width: 23%; margin-right:1%; margin-left:1%; position: relative; }
.inseuls li:last-child{ margin-right: 0; }
.inseipt, .inseiptt, .inseipttt, .inseiptttt{ width: 100%; position: relative; cursor: pointer; height: 48px; padding: 0 10px; line-height: 48px; border: 1px solid #e4e4e4; background: #f7f7f7; color: #666; font-size: 18px; }
.inseipt:before,.inseiptt:before,.inseipttt:before,.inseiptttt:before{ content: "\e731"; font-size: 18px; position: absolute; color: #666; top: 0; right: 18px; font-family: iconfont; }
.insebrig button{ margin-left:10px; width:150px; border: none; color: #fff; cursor: pointer; height: 40px; font-size: 18px; font-family:calibri; text-align: center; background: #c21a29; height:51px; }
.insebrig button i{ font-size: 20px; display: inline-block; margin-left: 6px; }
.insebrig button *{ vertical-align: middle; }
.insebrig button:hover{ opacity: 0.85; }
.insebox,.isvmo,.isvmo1,.isvmo2{ position: absolute; display: none; width: 100%; left: 0; top: 40px; z-index: 22; }
.isselect{  cursor: pointer; padding: 8px 12px; margin: 4px 0; color: #111e36; font-size: 16px; font-weight: 500; }
.isselect { background: #fff;  }
.isselect:hover,.isselect.cur{ background: #fff6f7; }
.isvmobox{ background: #fff; flex: 1; padding-left: 4px; padding-right: 4px; border: 1px solid rgb(230, 233, 240); border-top: none; }
.isvmtt{ height:200px; overflow-y: auto; }
.searchtext {}
.searchtext input{font-family: calibri; width: 496px; color: #777; line-height: 51px; padding-left: 10px; float: left; margin-left:1%; float:left; font-size:18px;}
/*关于我们*/
.abwar{ padding-bottom: 70px; }
.abcom{ padding-bottom: 56px; overflow:hidden; }
.abcom .ih2tit { padding-right:30%;}
.actp{ margin-top: 35px; width:50%; float:left; }
.actp p{ font-size: 17px; line-height: 26px; color: #777; margin-bottom:25px; }
.actp p strong { font-size:22px; color:#444; font-family:calibrib;}
.acvideo{ margin-top: 35px; width:50%; float:left; padding-left:50px; }
.abwar .icnuls li{ border-right: 1px solid rgba(255, 255, 255, 0.2); }
.abwar .icnuls li:last-child{ border-right: none; }

.absero{ padding: 0 0 100px; }
.aerul{ display: flex; }
.aerul li{ width: 32%; position: relative; overflow: hidden; text-align: center; margin-right: 2%; background: #f9f9f9; padding: 60px 28px 66px; }
.aerul li:last-child{ margin-right: 0; }
.aerul li i{ display: inline-block; transition: all 0.3s; width: 86px; font-size: 45px; height: 86px; line-height: 86px; border-radius: 86px; background: #c82126; color: #fff; }
.aerul li i:before{ display:block; transition: all 0.3s; width: 86px; font-size: 45px; height: 86px; line-height: 86px; border-radius: 86px; background: #fff; color: #c82126; margin-top:4px;}
.aerul li h4{ font-size: 26px; margin: 36px 0 22px; line-height: 26px; font-family: calibrib; font-weight: normal; }
.aerul li p{ line-height: 24px; color: #777; }
.aerul li:hover { background:#c82126;}
.aerul li:hover i:before{ background: #fff; color:#c82126; }
.aerul li:hover i { background:none;}
.aerul li:hover h4{ color:#FFF;}
.aerul li:hover p { color:#FFF;}
.abfac{ padding: 60px 0 62px; }
.abfac .ih2tit { text-align:center;}
.abfac .ih2tix{ text-align:center; margin:0 20%;}
.abtpis{ position: relative; margin-top: 16px;}
.abtpfds:{ position:relative;}
.abtpfds:before { content: "";  position: absolute; display:block; width:100%; top:0; background:url(images/honor_bg.png) no-repeat; height:30px; z-index: 9999999999999;}
.abtpfds:after { content: "";  position: absolute; display:block; width:100%; bottom:30px; background:url(images/honor_bg.png) no-repeat; height:30px; z-index: 9999999999999; transform: rotate(180deg);}
.abtpfds .item{ margin: 0 10px; text-align: center; }
.abtpfds .item p{ color: #fff; margin-top:15px; }
.abt_prev i{ transform: rotate(180deg); font-size:36px; }
.abt_prev{ left: 40px; }
.abt_next{ right: 40px; }
.abtpis .demarr{ top: 40%;}
.demarr{ position: absolute; top: 40%; left: 0; width: 100%; }
.demarr span{ display: inline-block; position: absolute; top: 0; color: #fff; cursor: pointer; text-align: center; width: 48px; height: 48px; line-height: 48px; border-radius: 50px; background: rgba(0,0,0,0.5); }
.demarr span i{ display: inline-block; font-size:36px;}
.demarr span:hover{ background: #c21a29; color: #fff; }
.abhoce{ padding: 70px 0 78px; background: url(images/acebgs.jpg) no-repeat; background-size: cover; }
.ahotit{ display: flex; justify-content: space-between; align-items: center; }
.ahotit span{ display: inline-block; background: #b81c22; font-size: 26px; font-family: Outfit-SemiBold; color: #fff; padding:0 25px; height: 56px; line-height: 56px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; }
.vicetop .item{ margin: 0 10px;}
.vicetop{ margin-top: 36px; }
.vicetop .slick-dots{ position: static; display: flex; margin-top: 40px;}
.vicetop .slick-dots li{ width: 100%; height: auto; margin: 0; }
.vicetop .slick-dots li button{ width: 100%; height: 5px; background: #cdd1d9;}
.vicetop .slick-dots li.slick-active button{ background: #b81c22;}
/*产品列表*/
.pat100{ padding-top: 80px; }
.prowarv{ }
.plistul{ display: flex; flex-wrap: wrap; }
.plistul li{ width: 32%; margin-right: 2%; margin-bottom: 38px; }
.plistul li:nth-of-type(3n){ margin-right: 0; }
.iprtxt ul li{margin-bottom: 0;}
.ipritem{ border: 1px solid #e6e6e6; transition: all 0.3s; background: #fff; }
.iprtxt{ padding: 36px 30px 0; }
.iprtxt h3{ font-size: 24px; color: #333; margin-bottom: 15px; font-weight: normal; font-family:Roboto-Medium_0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.iprtxt p{ position:relative; line-height: 26px; color: #777; font-size: 17px; height:32px; line-height:32px; overflow: hidden; padding-left:17px; }
.iprtxt p:before { content: ""; position: absolute; top: 11px; left: 0; width: 8px; height: 8px;  border: solid 1px #d1cece; border-radius: 50%; background-size: cover;}
.iprtxt span{ display: inline-flex; font-family:Roboto-Medium_0; font-size:18px; transition: all 0.3s; margin-top: 26px; border-top: 1px solid #7a7a7a; width: 100%; justify-content: space-between; padding: 25px 0; color: #333; align-items: center; }
.ipritem:hover{ background: #c82126;   border: 1px solid #c82126; }
.ipritem:hover .changpic img{ transform: scale(1.15); }
.ipritem:hover .iprtxt h3,.ipritem:hover .iprtxt p,.ipritem:hover .iprtxt span{ color: #fff; }
.ipritem:hover .iprtxt span{ border-top: 1px solid rgba(235, 235, 235, 0.5); }
/*分页 结束*/
.digg4{ text-align:right; font-size: 20px; margin-top: 40px;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{ width:45px; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; height:45px; line-height: 45px; border:solid 1px #CCCCCC; color:#222; text-decoration:none; margin:0 5px; font-family: Arial;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background: #b81c22;  border:solid 1px #c82126; }
.digg4 span.disabled { font-size: 30px; font-family: Arial; line-height:38px; font-weight: normal; color: #a6a6a6;}
.digg4 a{ color: #a6a6a6; }
/*产品详情*/
.demian{ display: flex; }
.demilef{ width: 50%; }
.demirig{ width: 50%; padding-left: 44px; }
.propicflash{ width: 100%; position: relative; overflow: hidden; }
.propicflash .small{ width: 23.55%; float: right; }
.propicflash .small img.on{ display: block;border:1px solid #b81c22;}
.propicflash .small img{ float: left; background: #f8f8f8; border: 1px solid #fff; width: 100%; margin-bottom:10px; cursor: pointer;}
.propicflash .small img:last-child{margin-bottom: 0}
.propicflash .big{ width: 74.4%; float: left; background: #f8f8f8; border: 1px solid #fff;  }
.propicflash .big img{display: none; width: 100%; }
.propicflash .big img.on{display: block;}
.demirig h1{ font-size: 38px; font-family: Roboto-Medium_0; font-weight:100; }
.delrvs{ margin-top: 34px; height: auto; }
.delrvs::-webkit-scrollbar{ width: 2px; }
.delrvs::-webkit-scrollbar-thumb{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 200%; border-radius: 0; background: #b81c22; width: 3px; }
.delrvs::-webkit-scrollbar-track { position: absolute; top: 0; background: #e5e5e5; height: 100vh;right: 0; }
.delrvs .dtdsl dd span{ font-size: 18px; }
.propar { margin-top:40px; padding-bottom:40px; border-bottom:solid 1px #f2f2f2; overflow:hidden; }
.propar ul li { width:33%; height:auto; float:left; }
.propar ul li p { font-size:28px; line-height:30px; font-family: Roboto-Medium_0;}
.propar ul li span{ font-size:18px; color:#777;}
.pro_lxbtn{ margin-top: 56px; padding-right:220px; }
.pro_lxbtn a{ background: #b81c22; font-family: Roboto-Medium_0; color: #fff; text-align: center; padding:16px 10px; width: 48%; display: inline-block; }
.pro_lxbtn a i{ display: inline-block; font-weight: normal; font-size: 20px; margin-left: 5px; }
.pro_lxbtn a:last-child{ background: #4f5052; margin-left: 8px; }
.pro_lxbtn a *{ vertical-align: middle; }
.pro_lxbtn a:hover{ transform: translateX(10px); background: #b81c22 !important; color: #fff !important; }
.detail_item { margin-top:30px;}
.detail_item h4 {position: relative; margin-bottom: 30px; padding-bottom: 12px; font-size: 36px; font-weight: normal; font-family: Roboto-Medium_0; padding-top:40px;}
.detail_item h4:nth-child(4){ margin-bottom:0;}
.detail_item h4:before {content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 4px; background: #c82126;}
.de_demul{ display: flex; flex-wrap: wrap; }
.de_demul li{ background: #f8f8f8; border-radius: 10px; transition: all 0.3s; padding: 46px 32px; display: inline-block; width: 48%; margin-bottom: 20px; margin-right: 2%; }
.de_demul li:nth-of-type(2n){ margin-right: 0; }
.de_deli{ position: relative; padding-left: 78px; }
.de_deli p{ font-size: 17px; line-height: 26px; font-family: calibri; color: #666; }
.de_deli span{ position: absolute; color: #c82126; left: 0; font-size: 66px; font-family: OpenSaCnExtraBold; top:-20px; }
.de_demul li:hover{ background: #c82126; color: #fff; }
.de_demul li:hover .de_deli p,.de_demul li:hover .de_deli span{ color: #fff; }
.del_fea { overflow:hidden;}
.del_fea li { width:auto; padding:0 20px; height:50px; line-height:50px; background:#fafafa; margin-right:15px; float:left; color:#666; margin-bottom:15px;}
.del_fea li:hover { color:#FFF; background:#c82126;}
.pro_table{ overflow-x: auto; margin-top: 16px; overflow-y: auto; height:712px; padding-right:20px; }
.pro_table::-webkit-scrollbar{ width: 6px; }
.pro_table::-webkit-scrollbar-thumb{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 200%; border-radius: 0; background: #c82126; width: 3px; }
.pro_table::-webkit-scrollbar-track { position: absolute; top: 0; background: #f2f2f2; height: 100vh;right: 0; }
.pro_table table{ width: 100%; border-collapse: collapse; }
.pro_table table tr td{ border:1px solid #cfcfcf; color: #666; font-size: 18px; text-align: center; padding:14px 10px;  }
.pro_table table tr:nth-of-type(odd) td{ background: #fafafa; }
/*.pro_table table tr:hover td{ color: #fff; background: #c82126; }*/
.pro_table table tr:first-child td{ color: #fff; background: #c82126; font-size:16px; font-family:Roboto-Medium_0; }
.deprjr{ padding-top: 66px; background:#f5f5f5; padding-bottom:100px; }
.rejswi{ position: relative; margin-top: 6px; }
.rejgs .item{ margin: 0 10px; }
.rejarr{ top: -60px; position: absolute; left: 0; width: 100%; }
.rejarr span{ display: inline-block; cursor: pointer; color: #ccc; position: absolute; top: 0; width: 60px; height: 40px; line-height: 40px;  text-align: center; background: #fff; }
.rejarr span i{ font-size: 45px; display: inline-block; }
.rej_prev{ right:70px; }
.rej_next{ right: 0px; }
.rej_prev i{ transform: rotate(180deg); }
.rejarr span:hover{ background: #b81c22; color: #fff; }
/*case*/
.ca_topswi{ position: relative; }
.ca_item{ width: 100%; overflow: hidden; background: #f8f8f8; }
.ca_le{ float:right; width: 50%; border-left: solid #fff 26px; }
.ca_ri{ float: left; width: 50%; padding: 45px 86px 0 40px; }
.ca_ri h3{ font-size: 28px; padding-bottom: 20px; position: relative; font-weight: normal; line-height: 42px; height:42px; font-family: Roboto-Bold; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; padding-bottom:60px; }
.ca_ri h3:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background: #b81c22; }
.ca_ri p{ margin-top: 30px; line-height: 30px; color: #666; height: 120px; overflow: hidden; }
.ca_item:hover .changpic img{ transform: scale(1.15); }
.ca_arr{ position: absolute; left: 3%; bottom: 64px; }
.ca_arr span{ cursor: pointer; width: 55px; float: left; margin: 0 1px; display: inline-block; text-align: center; background: #000; color: #fff; height: 50px; line-height: 50px; }
.ca_arr span i{ font-size: 20px; }
.ca_arr span.cat_prev{ transform: rotate(180deg); }
.ca_arr span:hover{ background: #b81c22; }
.case_div{ margin-top: 68px; padding-bottom: 90px; }
.ca_list{ display: flex; flex-wrap: wrap; margin-top:50px; }
.ca_list li{ display: inline-block; width: 32%; margin-bottom: 40px; margin-right: 2%; }
.ca_list li:nth-of-type(3n){ margin-right: 0; }
.innetxt{ background: #f9f9f9; padding: 40px 24px; bottom: 0; left: 0; width: 100%; }
.innetxt em{ font-style: normal; color: #ff5e15; font-family: Barsed-Medium; }
.innetxt h3{ font-weight: normal; font-size: 24px; font-family:Roboto-Medium_0; line-height: 30px; height: 60px; overflow: hidden; }
.pinn{ border-top: 1px solid #606060; margin-top: 16px; padding-top: 15px; }
.pinn p{ line-height: 30px; color: #666; height: 90px; overflow: hidden; }
.innetxt span{ font-size: 18px; font-family: Roboto-Medium_0; display: inline-block; margin-top: 20px; }
.innetxt span i{ font-style: normal; color: #222; display: inline-block; line-height: 20px; border-radius: 22px; text-align: center; font-size:22px; }
.in_nesitem:hover .changpic img{ transform: scale(1.15); }
.in_nesitem:hover .innetxt { background:#b81c22;}
.in_nesitem:hover .innetxt h3, .in_nesitem:hover .pinn p, .in_nesitem:hover .innetxt span { color:#FFF;}
.in_nesitem:hover .pinn {border-top: 1px solid #da5357;}
.in_nesitem:hover .innetxt span i{ color:#FFF; }
.inparr span.ine_prev{ left: -10px; transform: rotate(180deg); }
.inparr span.ine_next{ right: -10px; }
/*contact*/
.con_war{ padding-bottom: 100px; }
.contops{ display: flex; }
.cotrig{ width: calc(100% - 585px); padding-left: 56px;}
.cotrig p { font-size:36px; font-family:Roboto-Medium_0;  margin-bottom:20px;}
.comlef{ width: 585px; }
.comrig{ width: calc(100% - 585px); padding-left: 56px; padding-top: 26px; }
.cimbo{ background: #262423; color: #fff; padding: 14px 56px 50px; }
.cimtx h2{ font-size: 36px; font-family: calibrib; font-weight: normal; }
.cimtx p{ margin-top: 8px; }
.coiulst{ margin-top: 18px;}
.coiulst li{ padding: 24px 0; }
.coiutem{ position: relative; padding-left: 46px; }
.coiutem i{ position: absolute; top: 0; left: 0; font-size: 32px; opacity:0.3; top:10px; }
.coiutem p{ font-size:15px; margin-bottom: 4px; opacity:0.6; }
.coiutem a{ color: #fff; font-size:22px; }
.coiutem a:hover{ text-decoration: underline; }
.fmedia{ margin-top: 20px;  }
.fmedia a{ margin-right: 25px; display: inline-block;  font-size: 22px; color: #fff; }
.fmedia a:hover{ color: #f57c00;}
.comrig p{ line-height: 26px; color: #777; }
.scomes input{ height:50px; line-height: 50px; }
.scomes input,.scomes textarea,.scomes select{ width: 100%; background:#f9f9f9; border:none; padding: 5px 18px; font-family: calibri; resize: none; color: #666; font-size: 17px;}
.scomes input::-webkit-input-placeholder, .scomes textarea::-webkit-input-placeholder, .scomes select::-webkit-select-placeholder{ color: #666; }
.scomes textarea{ padding:18px; height: 244px; }
.scomes button{ transition: all 0.3s; border: none; cursor: pointer; width:195px; background: #b81c22; font-family: Roboto-Medium_0; font-size: 18px; height: 54px; line-height: 54px; text-align: center; color: #fff; }
.scomes ul{ width: 100%; overflow: hidden; }
.scomes ul li{ position: relative; margin-bottom: 15px; float: left; width: 49%; }
.scomes ul li font{ position: absolute; top: 18px; left: 8px; color: #b81c22; font-size: 16px; font-family: Outfit-Light; }
.scomes ul li select{ width: 100%; cursor: pointer; border-radius: 4px;  padding: 0 18px; height: 50px; font-family: calibri; font-size: 17px; background:#f9f9f9; }
/*.scomes ul li:nth-of-type(1):before, .scomes ul li:nth-of-type(2):before{ color: #333; font-size: 20px;  content: "\e731"; font-family: iconfont; position: absolute; top: 15px; right: 10px; }*/
.scomes ul li:nth-of-type(even){ margin-left: 2%; }
.scomes ul li:nth-of-type(5), .scomes ul li:nth-of-type(6){ width: 100%; margin-left: 0; }
.scomes button:hover{ transform: translateX(10px); color: #fff; }
.map{ margin-top: 56px; overflow: hidden; border: 1px solid #ddd; }
/*新闻*/
.news_war{ padding-bottom: 40px; }
.neslist li{ margin-bottom: 38px; }
.nesitem{ position: relative; z-index: 0; }
.nesitem:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 44px); background: #f8f8f8; transition: all 0.3s; }
.nesitem a{ display: flex; }
.nsile{ width: 660px; }
.nsiri{ width: calc(100% - 660px); padding-left: 45px; padding-top: 100px; padding-right:80px; }
.nesitem a:hover .changpic img{ transform: scale(1.15); }
.nsiri h3{ font-size: 24px; margin-bottom: 28px; font-family: Roboto-Medium_0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:100; }
.nsiri p{ font-size: 18px; line-height: 26px; color: #888; overflow: hidden; height: 78px;}
.nsiri span{ width:100%; color: #333; transition: all 0.3s; font-size: 18px; display: inline-block; margin-top: 36px; font-family: Roboto-Medium_0;   border-top:solid 1px #CCCCCC; padding-top:40px;}
.nsiri span i{ display: inline-block; margin-left: 6px; font-weight: bold; }
.nesitem:hover .nsiri span{ transform: translateX(10px); }
.neslist li:nth-of-type(even) .nsile{ order: 1; }
.neslist li:nth-of-type(even) .nsiri{ order: 2; padding-left: 0; padding-right: 45px; padding-left:30px; }
.nesitem:hover:before{ background: #b81c22; }
.nesitem:hover .nsiri h3,.nesitem:hover .nsiri span,.nesitem:hover .nsiri p{ color: #fff; font-weight:100; }
.infocon{color: #888; }
.infocon h1{ font-size:36px; font-family: Roboto-Medium_0; margin-bottom: 40px; font-weight: normal; text-align: center; color: #222;}
.infocon .time{ text-align: center; margin: 24px 0; color: #777; }
.timepa{ display: inline-block; padding: 16px 44px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.timepa span{ font-size: 15px; display: inline-block; color: #777; margin-right: 82px; }
.timepa span i{ color: #b81c22; font-size: 26px; display: inline-block; margin-right: 8px; }
.timepa span:last-child{ margin-right: 0; }
.timepa span *{ vertical-align: middle; }
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }
.infocon .other{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding:15px 0; margin:50px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #444; }
.infocon .other a{color: #444}
.infocon .other a:hover{ color: #b81c22; }
.infocon p{ line-height:26px; font-size: 17px; margin-bottom: 20px;}
.infocon p strong{ font-size: 20px; font-weight:normal; color: #333; font-family:Roboto-Medium_0; }
/*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: #a4cd4e; 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 {color: red!important;}
.screen-reader-response {display: none !important;}

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

@media screen and (max-width: 1680px){
  .head_rcon{ right: -88px; }
  nav{ margin-right: 128px; }
  nav li{ margin: 0 28px; }
  .inour{ padding: 125px 40px 70px 8%; }
  .inhow:before{ left: -100px; }
  .icnari h3{ margin: 15px 0; }
  .icnari p{ height: 78px; }
  .icbtns{ padding-top: 15px; margin-top: 20px; }
  .fotolo{ padding: 25px 0; }
  .abfaswi{ padding-left: 7.8%; }
  .iacv:before { background:rgba(255, 255, 255, 0);}
  .iavsv:before { background:rgba(255, 255, 255, 0);}
  .iacv:after {background:rgba(255, 255, 255, 0);}
  
}

@media screen and (max-width: 1600px){
	.ih2tit{ font-size:52px;}
	.actp{ margin-top:25px;}
	.acvideo { margin-top:25px;}
  .head_rcon{ right: -55px;}
  nav{ margin-right: 152px; }
  .banarr span{ width: 50px; height: 50px; line-height: 46px; }
  .inour{ padding: 125px 40px 70px 6.5%; }
  .incagds .item{ margin: 0 30px; }
  .abfaswi{ padding-left: 5.5%; }
  .abcom{ padding-bottom: 40px;}
  .absero { padding:0 0 80px;}
  .iclis b span { font-size:60px;}
  
}

@media screen and (max-width: 1440px){
  .warper{ width: 90%; }
  nav li{ margin: 0 18px; }
  .inour{ padding: 86px 40px 58px 7.5%; }
  .ih2tit{ font-size: 48px; line-height: 46px; }
  .dhrvtx{ padding:48px 32px 56px 32px;}
  .dihvs .slick-dots{ bottom:5px;}
  .inhpvs{ padding:64px 0 80px;}
  .in_abcom { padding:74px 0 80px;}
  .iotxt{ margin-top: 16px; }
  .ifauls{ margin-top: 22px; padding: 22px 0; }
  .inwbtn{ margin-top: 40px; }
  .inwbic{ width: auto; }
  .inobrig{ padding-right: 200px; }
  .inwsul li:nth-of-type(1){ margin-left: -66px; }
  .inwsul li{ margin-bottom: 68px; }
  .inwsul li span{ font-size: 18px; }
  .inwsrc{ right: -14px; }
  .inline{ padding: 80px 0; }
  .ibvrig{ padding-left: 10px; }
  .ilbbtns{ margin-top: 40px; }
  .inhow{ padding: 70px 0; }
  .inhotit p{ width: 100%; }
  .inhotit span{ margin-top: 35px; }
  .inhulsf{ margin-top: 50px; }
  .inhulsf li{ padding: 35px; }
  .inhu3 span{ font-size: 24px; }
  .inhuvi{ margin-top: 18px; }
  .iviframe iframe{ height: 255px; }
  .ivfbtn{ margin-top: 15px; }
  .ivfbtn a{ width: 240px; height: 50px; line-height: 50px; }
  .incase{ padding: 70px 0 70px; }
  .inhotit p{ margin: 20px auto 0; }
  .incagds .item{ margin: 0 15px; }
  .icnari{ padding: 38px 0 0 28px; }
  .icnari b{ font-size: 52px; line-height: 52px; }
  .incaitem:before{ height: calc(100% - 66px); }
  .incaitem{ padding: 0 30px 0; }
  .inapp{ padding: 80px 0; }
  .iapgds .item{ margin: 0 15px; }
  .iaptxt{ margin-top: 20px; }
  .fotolef .ih2tit{ font-size: 45px; }
  .fo_top{ padding: 60px 0; }
  .fotolo{ padding: 15px 0; }
  .fo_nav h5{ margin-bottom: 12px; }
  .fo_nav{ margin-top: 28px; }
  .fob_cop{ padding: 18px 0; margin-top: 30px; }
  .f_item2{ width: 22%; }
  .f_item3{ width: 25%; }
  .sub_nav h2{ font-size: 48px; }
  .pat100{ padding-top: 80px; }
  .jcilef{ width: 500px; }
  .jcirig{ width: calc(100% - 500px); padding-left: 120px; }
  .jcitxt h3{ font-size: 24px; }
  .jcdesc{ padding: 12px 0; margin-top: 20px; }
  .jcpp{ margin-top: 15px; }
  .jcbtns{ margin-top: 20px; }
  .jcitxt{ padding-bottom: 30px; padding-top: 94px; }
  .prfrig{ padding-left: 50px; }
  .rbouls li{ margin-bottom: 15px; }
  .debtuls li{ font-size: 20px; }
  .debmswi h2{ font-size: 26px; }
  .denavs li{ padding: 20px 0; }
  .denavs li p{ margin-top: 12px; }
  .deh3{ font-size: 32px; }
  .deucio{ padding: 60px 0; }
  .ufsls{ margin-top: 4px; }
  .rejarr span{ width: 50px; height: 50px; line-height: 50px; }
  .rej_next{ right: 11px; }
  .delwarst{ padding-top: 140px; }
  .deltops{ margin-bottom: 50px; }
  .aptxst h3{ font-size: 20px; }
  .abfaswi{ padding-left: 7.5%; }
  .adesuls li p{ margin-top: 8px; }
  .adesuls li{ margin-bottom: 20px; }
  .inap{ margin-top: 60px; }
  .ab_hisgds .item:nth-of-type(odd){ padding-top: 272px; }
  .cosesup{ margin-top: 60px; padding: 60px 0; }
  .co2tit{ font-size: 42px; }
  .inwhy { padding:70px 0;}
  .icvulr li span { margin-top: 209px;}
  .incaitem .text { margin-top:-320px; height:280px;}
  .incaitem .text p { height:48px;}
  .icar.ica_next{ right:37.5%;}
  .icar.ica_prev { left:55.2%;}
  .icar {top: 69.6%;}
  .bansea{  bottom:40px;}
  .delrvs { margin-top:20px;}
  .demirig h1{ font-size:32px;}
  .dtdsl dd p{ padding-bottom:25px;}
  .propar ul li p{ font-size:24px;}
  .propar { margin-top:0; padding-bottom:20px;}
  .pro_lxbtn{ margin-top:40px;}
  .detail_item{ margin-top:10px;}
  .detail_item h4 { font-size:32px; margin-bottom:20px;}
  .de_deli span { font-size:60px; top:-16px;}
  .de_demul li { padding:32px 24px;}
  .ca_arr{ bottom:30px;}
  .ca_list li { margin-bottom:30px;}
  .digg4 { margin-top:20px;}
  .nsile { width:600px;}
  .nsiri { width:calc(100% - 600px);}
  .infocon h1 { font-size:32px; margin-bottom:20px;}
  
  
} 

@media screen and (max-width: 1366px){
  .logo{ left: -35px; }
  .inour{ padding: 68px 40px 50px 7.5%; }
  .inwsul li{ margin-bottom: 46px; }
  .inwbtn{ margin-top: 24px; }
  .ivim{ padding: 14px 16px; }
  .ineml{ margin-left: 25px; padding-left: 60px; }
  .icnari h3{ font-size: 19px; line-height: 28px; height: 56px; }
  .incase{ padding: 60px 0 60px; }
  .pat100{ padding-top: 60px; }
  .pritst{ margin-bottom: 40px; }
  .zyultll li{ padding: 10px 0; }
  .zyftxt{ padding: 30px; }
  .deaofpp li span{ transform: translate(-50%, -70%); }
  .deapof{ padding: 50px 0; }
  .demesv .deh3 span:before{ height: 5px; }
  .demesv{ padding: 80px 0; }
  .demessvv{ padding: 60px 0; }
  .aptxst{ margin-top: 24px; }
  .calirig span{ margin-top: 45px; }
  .iapt{ padding: 36px; }
  .ab_hisgds .item:nth-of-type(odd){ padding-top: 260px; }
  .map{ margin-top: 46px; }
  .head_rcon { width:150px;}
  .cimbo { padding:14px 40px 30px;}
  .cotrig  { padding-left:35px;}
  .cotrig p { font-size:32px;}
  .con_war { padding-bottom:80px;}
  .fobvi h5 { font-size:24px;}
  .ih2tit { font-size:42px;}
  .actp { margin-top:15px;}
  .acvideo { margin-top:15px;}
  .aerul li { padding:40px 28px 40px;}
  .aerul li h4 { margin:26px 0 16px;}
  .absero { padding:0 0 70px;}
  .iclis b span { font-size:54px;}
  .icnuls li { padding:46px 38px 42px;}
  .abfac { padding: 60px 0 42px;}
  .inwhy { padding:60px 0;}
  .abhor { padding:60px 0;}
  .vicetop { margin-top:20px;}
  .vicetop .slick-dots { margin-top:20px;}
  .abwar { padding-bottom:60px;}
  .infocon h1 { font-size:30px;}
  .ca_ri p { margin-top:20px; height:90px;}
  .innetxt { padding:30px 24px;}
  .innetxt h3 { font-size:22px;}
  .deprjr{ padding-bottom:80px;}
  .incaitem .text{ margin-top:-300px;}
  .icar { top:79.6%;}
  .icar.ica_next { right:35.5%;}
  .icar.ica_prev { left:56.9%;}
  
  
}

@media screen and (max-width: 1280px){
  .inobrig{ padding-right: 150px; }
  .inwsul li span{ font-size: 16px; }
  .inwsrc{ width: 190px; }
  .inwsul li img{ width: 74px; height: 74px; }
  .inwsrc{ top: 20%; }
  .inline{ padding: 70px 0; }
  .ih2tit{ font-size: 38px; line-height: 38px; }
  .inhulsf li{ padding: 25px; }
  .inhotit p{ margin: 10px auto 0; }
  .incase{ padding: 50px 0 60px; }
  .inapp{ padding: 70px 0; }
  .iaptxt h3{ font-size: 20px; }
  .fotolef .ih2tit{ font-size: 32px; margin-bottom: 10px; }
  .fotolef a{ margin-top: 25px; }
  .fo_mfoul li{ margin-bottom: 8px; }
  .menulef .medl{ grid-gap: 15px 0; }
  .jcilef{ width: 410px; }
  .jcirig{ width: calc(100% - 410px); }
  .debmswi h2{ font-size: 23px; }
  .deh3{ font-size: 28px; }
  .ufelef{ padding-right: 40px; }
  .deapp{ padding: 40px 0 60px; }
  .detrig{ padding: 20px 0 0 30px; }
  .despts p{ line-height: 26px; }
  .despts{ margin-top: 18px; }
  .pro_lxbtn{ margin-top: 20px; }
  .devps p{ margin-bottom: 3px; }
  .detwous li p{ font-size: 18px; }
  .dezytu{ padding: 50px 0; }
  .wzduls li{ font-size: 17px; margin-bottom: 12px; }
  .wzduls{ margin-top: 20px; }
  .demesv a{ margin-top: 28px; }
  .infocon h1{ font-size: 26px; margin-bottom: 25px; }
  .ab_hisgds .item:nth-of-type(odd){ padding-top: 302px; }
  .cosvil i{ width: 90px; height: 90px; line-height: 90px; font-size: 40px; }
  .comesv{ padding: 65px 0 70px; }
  .comesv h3{ font-size: 20px; }
  .co2tit{ font-size: 34px; }
  .dhrvtx{ padding:40px 32px 50px 32px;}
  .dhrvtx h3 { font-size:24px;}
  .ipnuls li a { padding:22.5px 0;}
  .iclis i { font-size:30px; margin-left:6px;}
  .icvuls li { padding:30px 50px;}
  .icvuls li h4{ margin:18px 0 20px;}
  .vicetop { margin-top:10px;}
  .incaitem .text { width:600px;}
  .icar.ica_prev { left:56.3%;}
  .icar { top:85.8%;}
  .pro_lxbtn  { padding-right:120px;}
  .dtdsl dd p { height:96px; overflow:hidden; border-bottom:none; overflow-y: auto; padding-bottom:0;}
  .propar { border-top:solid 1px #f2f2f2; padding-top:20px;}
  .delrvs{ height:auto; margin-bottom:30px;}
  .detail_item h4{ font-size:30px;}
  .nsiri { padding-top:80px; padding-right:40px;}
  .inwhy .ih2tix { padding:0;}

  
}


@media screen and (max-width: 1024px){ 
  #banner_home,.subbanner,.del_main{ margin-top: 62px; }
  #nav .nav-button{display: block; top: 13px; right: 0; background: #b81c22; }
  header,header.position{ height: 62px; background: #fff; }
  .logo img,.position .logo img{ height:46px; }
  .logo{ top: 6px; left: 0; }
  .warper{ width: 95%; }
  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{ margin:0; border-radius: 0; color: #fff; line-height: normal;  display:block; padding:14px 20px; border-bottom:1px solid #2e2e2e; text-align: left; font-size:18px;}
  .padls{ left: 0; top: 0; text-align: left; width: auto; padding: 0; border: none; background: #2e2e2e;  position: inherit;  opacity: 1; height: auto !important; display: block !important; } 
  .sub_menu{ left: 0; top: 0; text-align: left; width: auto; padding: 0; border: none; background: #2e2e2e;  position: inherit;  }
  .sub_menu .warper{ width: 100%; }
  .menubox{ display: block; }
  .searchform{ top: 50px; }
  .menurig{ display: none; }
  .menubox{ padding: 0; }
  .pmva .menulef{ width: 100%; padding-top: 0; }
  #nav .nav-button i{ color: #000; }
  .menulef .medl{ display: block; }
  .menulef{ width: 100%; padding-top: 0; }
  nav li>a:before{ display: none; }
  .banner .slick-dots li{ margin-right: 5px; }
  .banner .slick-dots li button{ width: 10px; height: 10px; }
  .logo img, .position .logo img{ height: 40px; }
  .logo img{ margin-top:5px;}
  #nav .nav-button i{ color: #fff; }
  .position nav li a, .page_hd nav li a{ color: #fff; }
  nav li.on a, nav li:hover a{ color: #fff; background: #b81c22; }
  nav li>a:before,nav li.on a:before, nav li:hover a:before{ display: none; }
  .head_rcon{ right: 56px; top: 13px; }
  .menulef .medl dd{ width: 100%;padding: 0; }
  .othdl dd{ width: 100%; }
  .menulef .medl dd:before{ display: none; }
  .menulef .medl dd a,.padls dd a,.othdl dd a{ display: block; width: 100%; background: transparent; color: #fff !important; padding:14px 20px; }
  .menulef .medl dd a:hover{ background: #b81c22; }
  .othdl dd a{ background: transparent !important; }
  .othdl dd a:hover{ background: #b81c22 !important; color: #fff !important; }
  nav li i{ width: 48px; display: block; height: 48px; line-height: 48px; text-align: center; transform: rotate(90deg); position: absolute; z-index: 55; top: 0; right: 0; color: #fff; }
  .othdl{ text-align: left; }
  .othdl dd{ margin: 0; }
  #banner_home .ban_prev{ left: 8%; }
  #banner_home .ban_next{ right: 8%; }
  .inour{ padding: 50px 35px; }
  .l_fixed{ display: none; }
  .inorbox{ flex-wrap: wrap; }
  .inoblef{ width: 100%; }
  .inobrig{ width: 100%; }
  .ih2tit{ font-size: 28px; line-height: 30px; }
  .inwek{ padding: 0; background: transparent; }
  .inwbic{ width: 580px; transform: translateY(0); position: static; }
  .inobrig{ padding: 0; margin-top: 16px; }
  .inwsul li img{ width: 84px; height: 84px; }
  .inwsrc{ right: 18%; }
  .inline{ padding: 60px 0; }
  .inlunav li i{ width: 80px; height: 80px; line-height: 80px; }
  .inlunav li:before{ width: 70%; }
  .ibvlef h3{ font-size: 22px; line-height: 28px; }
  .inbvswi{ padding-left: 40px; }
  .ibvion{ margin: 24px 0; }
  .ibarr{ right: 0; background: #b81c22; width: 38px; padding: 12px 0; }
  .ibarr span{ color: #fff; height: 35px; line-height: 35px; }
  .ibarr span:hover{ color: #fff; }
  .ilbbtns{ margin-top: 20px; }
  .inhow:before{ display: none; }
  .inhow{ padding: 60px 0; }
  .inhotit span{ margin-top: 18px; width: 200px; height: 48px; line-height: 48px; }
  .inhulsf li{ position: static; margin-bottom: 15px; }
  .inhulsf li:last-child{ margin-bottom: 0; }
  .inhu3 span{ font-size: 22px; }
  .inhu3{ padding-left: 80px; }
  .incaswi{ margin-top: 24px; }
  .inapp{ padding: 45px 0; }
  .fo_top{ padding: 50px 0; }
  .f_item1,.sub_nav p{ display: none; }
  .f_item2{ width: 28%; }
  .f_item3{ width: 30%; }
  .f_item4{ width: 38%; }
  .sub_nav h2{ font-size: 38px; }
  .sub_nav h2 span:before{ height: 5px; }
  .sub_nav{ top: 45%; }
  .pat100{ padding-top: 48px; }
  .jcilef{ width: 350px; }
  .jcirig{ width: calc(100% - 350px); }
  .delwars{ padding: 60px 0 0; }
  .debmes{ padding: 35px 0; }
  .debmswi h2{ font-size: 20px; margin-bottom: 15px; }
  .denavs{ display: none; }
  .dedesc,.decess,.deline,.deucio,.deject,.deprjr,.desep,.depato{ padding: 45px 0; }
  .depame{ padding-top: 45px; }
  .ufsls dd{ margin-bottom: 15px; }
  .deapuls li{ padding: 30px; }
  .pagh.position{ position: fixed; }
  .prlites p{ margin-top: 12px; }
  .prolisuls li{ margin-bottom: 18px; }
  .pages a, .pages span,.pages .page-list:first-child,.pages .page-list:last-child{ padding: 10px 14px; }
  .delwarst{ padding-top: 90px; }
  .deh3{ font-size: 26px; margin-bottom: 10px; }
  .demesv,.demessvv{ padding: 50px 0; }
  .nsiri{ padding-left: 24px; }
  .neslist li{ margin-bottom: 28px; }
  .infocon h1{ font-size: 24px; }
  .calirig{ padding: 0 0 0 40px; }
  .calist li:nth-of-type(even) .calirig{ padding: 0 40px 0 0; }
  .calirig span{ margin-top: 16px; }
  .calh3{ padding-bottom: 14px; margin-bottom: 14px; }
  .abfaswi{ padding-left: 2.5%; }
  .abfgds .item{ margin-right: 20px; }
  .ab_hisgds .item:nth-of-type(odd){ padding-top: 278px; }
  .mapvi{ background: #b81c22; }
  .ipnuls li a{ padding:18px 0; font-size:16px;}
  .dihvs .slick-dots { bottom:0px;}
  .dhrvtx { padding:30px 22px 30px 22px;}
  .dhrvtx h3 { font-size:20px; line-height:25px; height:50px; overflow:hidden;}
  .drvs{ margin-top:10px;}
  .drpar { margin-top:15px;}
  .dptbns a { font-size:14px; height:45px; line-height:45px;}
  .dptbns { margin-top:30px;}
  .inhpvs{ padding:64px 0 70px;}
  .iclis b span { font-size:48px;}
  .iclis i { font-size:26px;}
  .inar_le { width:55%;}
  .inar_ri { margin-left:55%; padding-left:30px;}
  .inar_num { margin-top:0;}
  .inar_num li { padding:25px 0 18px;}
  .inar_num li span { font-size:20px;}
  .inar_num li p { margin-top:6px;}
  .ina_ri { padding-left:35px;}
  .ina_tx{ margin-top:25px;}
  .ina_tx p { margin-bottom:15px;}
  .ina_le a { margin-top:50px;}
  .in_abcom { padding:74px 0 60px;}
  .icvulr li span{ margin-top:180px;}
  .icar.ica_prev { left:54.1%;}
  .icar  { top:87%;}
  .subdiv { display:none;}
  .iprtxt { padding:26px 20px 0;}
  .iprtxt h3 { font-size:22px;}
  .demirig { padding-left:25px;}
  .demirig h1 { font-size:30px;}
  .delrvs  { margin-bottom:20px;}
  .propar ul li p { font-size:22px;}
  .propar ul li span { font-size:16px;}
  .detail_item h4 { font-size:26px; padding-top:30px;}
  .de_demul li { padding:28px 20px;}
  .ca_ri  { padding:25px 30px 0 30px}
  .ca_ri h3 { font-size:22px; height:32px; line-height:32px; padding-bottom:40px;}
  .ca_ri p { line-height:26px; height:78px;}
  .innetxt { padding:20px 15px;}
  .innetxt h3 { font-size:20px; line-height:25px; height:50px;}
  .pinn p{ line-height:26px; height:78px;}
  .nsile{ width:50%;}
  .nsiri{ width:50%; padding-top:40px;}
  .nesitem:before{ height:calc(100% - 16px);}
  .nsiri h3{ margin-bottom:15px;}
  .nsiri span{ margin-top:30px; padding-top:30px;}
  .abcom .ih2tit { padding-right:0;}
  .acvideo { padding-left:30px;}
  .actp p { margin-bottom:15px;}
  .aerul li i:before { width:80px; height:80px; line-height:80px;}
  .aerul li i { width:80px; height:80px; line-height:80px; font-size:40px;}
  .abtpfds:before { display:none;}
  .abtpfds:after{ display:none;}
  .abtpis .demarr { top:30%;}
  .abfac .ih2tix { margin:0 10%;}
  .abfac { padding:50px 0 22px;}
  .sider-contact { display:none;}
  .fobos { padding-top:50px;}
  .fobvi h5 { font-size:22px;}
  .comlef { width:50%;}
  .cotrig { width:50%;  padding-left:25px;}
  .cotrig p{ font-size:28px;}
  .cimbo { padding:14px 30px 20px;}
  
  
}

@media screen and (max-width: 768px){
  .banarr span{ width: 45px; height: 45px; line-height: 44px; }
  .banarr span i{ font-size: 20px; }
  .inour{ padding: 40px 25px; }
  .inwbic{ width: 400px; }
  .inwsrc{ right: 1%; top: 10%; }
  .inline{ padding: 42px 0; }
  .inlunav li i{ width: 60px; height: 60px; font-size: 28px; line-height: 60px; }
  .inlunav li:before{ width: 34%; }
  .ilibox{ margin-top: 20px; }
  .ibvvitm{ flex-wrap: wrap; }
  .ibvlef{ width: 100%; }
  .ibvrig{ width: 100%; padding-left: 0; margin-top: 12px; }
  .ibvlef h3{ font-size: 19px; line-height: 25px; }
  .ibvion{ margin: 15px 0; padding: 10px 0; }
  .inhow{ padding: 42px 0; }
  .inhulsf{ margin-top: 28px; }
  .inhulsf li{ padding: 18px; }
  .inhuvi{ flex-wrap: wrap; }
  .inhuvi .ihvst{ width: 49%; }
  .inhuvi .ihvst:nth-of-type(2){ margin-right: 0; }
  .inhuvi .ihvst:nth-of-type(3){ margin-top: 15px; width: 100%; }
  .ihvtxst h4{ margin-bottom: 10px; font-size: 19px; }
  .ihvtxst span{ margin-top: 12px; }
  .iviframe iframe{ height: 310px; }
  .incase{ padding: 40px 0; }
  .incaitem a{ flex-wrap: wrap; }
  .icnale{ width: 100%; }
  .icnari{ width: 100%; padding: 0; }
  .icnari b{ display: none; }
  .icar i{ font-size: 32px; }
  .inderi,.indetits .ih2tit{ float: none; }
  .indetits .ih2tit{ margin-bottom: 12px; }
  .inderi span{ width: 100%; margin-bottom: 6px; }
  .inderi a{ margin-left: 0; }
  .iapgds .item{ margin: 0 5px; }
  .fotolef .ih2tit{ font-size: 26px; }
  .fotolef{ float: none; width: 100%; }
  .fotorig{ float: none; width: 100%; margin-top: 12px; }
  .fotolef a{ margin-top: 7px; }
  .ih2tit{ font-size: 26px; line-height: 28px; }
  .sub_nav h2{ font-size: 30px; }
  .pat100{ padding-top: 40px; }
  .jecifex{ flex-wrap: wrap; }
  .jcilef{ width: 100%; }
  .jcirig{ width: 100%; padding-left: 0; }
  .spacegallery{ width: 100%; height: 480px; overflow: hidden; }
  .jcitxt{ padding: 18px 0; }
  .jecitem:before{ height: 100%; }
  .prmabox{ margin-top: 28px; }
  .prfvmi{ flex-wrap: wrap; }
  .prflef{ width: 100%; padding-top: 0; }
  .prfrig{ width: 100%; padding-left: 0; margin-top: 12px; }
  .prflef h2{ font-size: 22px; padding-bottom: 10px; }
  .rbouls li{ width: 32%; margin-right: 2%; }
  .rbouls li:nth-of-type(5n){ margin-right: 2%; }
  .rbouls li:nth-of-type(3n){ margin-right: 0; }
  .jcitxt h3{ font-size: 20px; }
  .debtuls li{ font-size: 18px; padding: 0 2%; padding-bottom: 18px; }
  .debmes{ padding: 15px 0; }
  .dedesc, .decess, .deline, .deucio, .deject, .desep, .depato{ padding: 35px 0; }
  .deprjr{ padding:35px 0 60px 0;}
  .deh3{ font-size: 24px; }
  .devtxpi{ flex-wrap: wrap; margin-top: 0; }
  .dvtle{ width: 100%; padding-right: 0; }
  .dvtri{ width: 100%; }
  .cesiv{ padding: 0; }
  .depame{ padding-top: 35px; }
  .tepata table td{ padding: 10px; }
  .fa_nrp{ padding: 10px; }
  .deciu{ flex-wrap: wrap; }
  .deciu .deh3{ width: 100%; }
  .deciu p{ width: 100%; }
  .deufex{ flex-wrap: wrap; }
  .ufelef{ width: 100%; padding-right: 0; }
  .uferig{ width: 100%; }
  .ufrv .ufivi{ margin-top: 15px; }
  .deuavs{ padding: 32px 0; }
  .dvgpi{ width: 100%; }
  .devgtxt{ position: static; padding: 25px; width: 100%; transform: translateY(0); }
  .devgtxt p{ line-height: 26px; }
  .deapuls li{ padding: 20px; }
  .deapuls li p{ line-height: 24px; }
  .deapuls li i{ width: 50px; margin-bottom: 10px; height: 50px; line-height: 50px; font-size: 26px; }
  .deapp{ padding: 30px 0 40px; }
  .jecaul li{ width: 49%; margin-bottom: 18px; }
  .jecaul li:nth-of-type(even){ margin-right: 0; }
  .delwarst{ padding-top: 80px; }
  .deltops{ flex-wrap: wrap; margin-bottom: 20px; }
  .detlef{ width: 100%; }
  .detrig{ width: 100%; padding: 0; margin-top: 12px; }
  .detrig h1{ font-size: 22px; }
  .detrig h1:before{ left: 0; }
  .dezytu,.deapof{ padding: 35px 0; }
  .zyftxt{ padding: 20px; }
  .dezyfex{ flex-wrap: wrap; }
  .zyflef{ width: 100%; }
  .zyfrig{ width: 100%; }
  .osjkl{ margin-top: 15px; }
  .deaofpp li span{ display: none; }
  .deaofpp li .changpic{ margin-bottom: 12px; }
  .daptat{ margin-top: 9px; }
  .wzduls li{ font-size: 16px; }
  .demesv, .demessvv{ padding: 38px 0; }
  .quiry_info li{ margin-bottom: 7px; }
  .nsile{ width: 50%; }
  .nsiri h3{ font-size: 18px; margin-bottom: 8px; }
  .nsiri span{ font-size: 16px; margin-top: 15px; }
  .pages{ margin-top: 40px; }
  .news_war{ padding-bottom: 40px; }
  .aptxst{ margin-top: 12px; }
  .applist li{ margin-bottom: 20px; }
  .calirig{ padding: 0 0 0 20px; }
  .calh3 h3{ font-size: 20px; }
  .calirig p{ height: 72px; }
  .calirig span{ width: 150px; height: 40px; line-height: 40px; }
  .calist li:nth-of-type(even) .calirig{ padding: 0 20px 0 0; }
  .calist li{ margin-bottom: 25px; }
  .abfgds{ width: 100%; }
  .abdesi{ padding: 40px 0 0; }
  .adesuls{ margin-top: 20px; }
  .adesuls li i{ width: 70px; height: 70px; line-height: 70px; font-size: 32px; }
  .inap{ margin-top: 40px; }
  .inap li,.inap li.on{ width: 100%; float: none; }
  .inap li .iapt{ opacity: 1; }
  .ina_icdi{ opacity: 0; }
  .inap li .inapit:before{ background:none; }
  .iapt h3{ font-size: 20px; margin-bottom: 12px; }
  .iapt{ padding: 20px; }
  .inap li{ height: 462px; }
  .inapit{ background-size: auto 462px !important; }
  .abhor{ padding-top: 40px; }
  .vicetop{ margin-top: 15px; }
  .vicetop .item{ margin: 0 8px; }
  .abwar{ padding-bottom: 50px; }
  .vicetop .slick-dots{ margin-top: 20px; }
  .ab_hiarr span.his_prev{ left: 0; }
  .ab_hiarr span.his_next{ right: 0; }
  .ab_hiswi{ margin-top: 32px; padding: 0 80px; }
  .ab_hiarr span{ width: 55px; line-height: 55px; height: 55px; }
  .ab_hisgds .item:nth-of-type(odd){ padding-top: 218px; }
  .ahiswar{ padding-bottom: 60px; background: #f2f4f5; }
  .cg_prev{ left: 0; }
  .cg_next{ right: 0; }
  .cocarr span i{ font-weight: bold; color: #b81c22; }
  .cogdts p{ margin-top: 10px; }
  .cosesup{ margin-top: 30px; padding: 30px 0; }
  .cosivf{ flex-wrap: wrap; }
  .cosilef{ width: 100%; padding-right: 0; }
  .cosirig{ width: 100%; padding-left: 0; margin-top: 12px; }
  .cosdls{ margin-top: 18px; }
  .cocess{ padding: 35px 0; }
  .cosulgc{ margin-top: 20px; flex-wrap: wrap; }
  .cosulgc li{ flex: none; width: 33.333%; margin: 0; }
  .cosvil i{ width: 70px; height: 70px; line-height: 70px; font-size: 30px; }
  .cosvil h3{ font-size: 17px; margin: 10px 0; }
  .comesv{ padding: 35px 0; }
  .comesv h3{ font-size: 18px; }
  .co2tit{ font-size: 28px; margin-bottom: 12px; }
  .contop{ flex-wrap: wrap; }
  .cotolef{ width: 100%; }
  .cotorig{ width: 100%; margin-top: 12px; }
  .lxusul{ margin-top: 0; }
  .lxusul li{ margin-bottom: 10px; }
  .lxusul li p a, .lxusul li p span{ font-size: 18px; }
  .mapvi{ padding: 12px; }
  .mavlx i{ font-size: 30px; }
  .mavlx{ padding-left: 40px; }
  .mavuls li{ margin-bottom: 10px; }
  .coiulst li { padding:14px 0;}
  .coiutem a { font-size:18px;}
  .coiutem i { font-size:26px;}
  .cotrig p{ font-size:24px; margin-bottom:10px;}
  .scomes textarea{ height:204px;}
  .map{ margin-top:25px;}
  .con_war { padding-bottom:60px;}
  .fobvi h5 { font-size:20px;}
  .actp { width:100%;}
  .acvideo { width:100%; padding-left:0; margin-top:5px;}
  .abcom { padding-bottom:30px;}
  .aerul li { padding:25px 20px 30px;}
  .aerul li i:before { width:70px; height:70px; line-height:70px;}
  .aerul li i { width:70px; height:70px; line-height:70px;}
  .aerul li h4 { font-size:24px; margin:20px 0 10px;}
  .absero { padding:0 0 50px;}
  .iclis b span { font-size:42px;}
  .icnuls li p{ font-size:16px;}
  .icnuls li { padding:36px 20px 36px;}
  .abfac .ih2tix { margin:0 2%;}
  .abtpis .demarr { top:35%;}
  .inwhy .left { width:100%;}
  .icvuls li { padding:30px 30px;}
  .inwhy .right{ width:100%;}
  .icvulr li{ width:100%; margin-left:0; padding:30px;}
  .icvulr li span { margin-top:35px;} 
  .inwhy{ background:url(images/in_why_bg.jpg) repeat-y;}
  .vicetop .item .changpic img { width:100%;}
  .nsiri { padding-right:30px; padding-top:25px;}
  .folxulsv{ padding:0 0 50px 0;}
  .ca_le { border-left:solid #fff 16px;}
  .ca_ri p { margin-top:10px;}
  .ca_ri p{ height:52px;}
  .ca_arr { bottom:0;}
  .ca_list{ margin-top:30px;}
  .bansea { bottom:20px;}
  .plistul li { margin-bottom:15px;}
  .demilef { width:100%;}
  .demian{ display:block;}
  .demirig{ width:100%; padding-left:0; margin-top:30px;}
  .demirig h1{ font-size:26px;}
  .delrvs{ margin-top:10px;}
  .de_demul li { padding:20px 15px;}
  .inhpvs{ padding:54px 0 60px;}
  .inpfex{ display:block;}
  .ipflef { width:100%;}
  .ipfrig { width:100%; padding-left:0; margin-top:30px;}
  .dhovlef { padding-top:0;}
  .dhovrig { padding-left:0;}
  .in_abcom { padding:64px 0 60px;}
  .ina_le { width:100%;}
  .ina_ri { width:100%; padding-left:0; margin-top:30px;}
  .inar_le { width:50%;}
  .inar_ri{ margin-left:50%;}
  .icar { top:82.3%;}
  .icar.ica_next{ right:13.5%;}
  .icar.ica_prev{ left:72.3%;}
  

  
  
}

@media screen and (max-width:480px){
  footer{ margin-bottom: 60px; }
  .inar_ri .inplay img { width:100%;}
  .footmenu{ display: block; }
  .footmenu div.con{ background: #b81c22; }
  .footmenu a{ color: #fff; }
  .logo{ top: 8px; }
  .banarr span{ border: none; }
  .inhuvi .ihvst{ width: 100%; margin-right: 0; margin-bottom: 12px; }
  .inour{ padding: 20px 14px; }
  .ih2tit{ font-size: 22px; line-height: 25px; }
  .iotxt p{ line-height: 24px; }
  .iotxt{ margin-top: 7px; }
  .ifauls{ margin-top: 12px; padding: 12px 0; }
  .ifauls li{ margin-bottom: 6px; font-size: 16px; }
  .inwbtn{ margin-top: 14px; flex-wrap: wrap; }
  .ivim{ width: 100%; }
  .ineml{ margin-left: 0; margin-top: 12px; }
  .inwek{ display: none; }
  .inwsrc{ width: 100%; position: static; }
  .inwsul li{ margin-bottom: 0; }
  .inobrig{ order: 1; margin-top: 0; }
  .inoblef{ order: 2; margin-top: 12px; }
  .inwsul li img{ width: 58px; height: 58px; }
  .inline,.inhow,.incase,.inapp{ padding: 20px 0; }
  .inlunav{ flex-wrap: wrap; }
  .inlunav li:before{ display: none; }
  .inlunav li i{ width: 44px; height: 44px; line-height: 44px; }
  .ilbbtns a{ margin-right: 10px; padding: 14px 18px; }
  .inbvswi{ padding-left: 0; }
  .inhu3{ padding-left: 0; }
  .inhu3 span{ font-size: 20px; padding: 0; }
  .inhu3:before{ display: none; }
  .inhulsf li{ padding: 10px; }
  .iviframe iframe{ height: 250px; }
  .inhulsf li{ margin-bottom: 10px; }
  .inhotit p{ line-height: 22px; }
  .incagds .item{ margin: 0 3px; }
  .incaitem{ padding: 0 15px 20px; }
  .icnari h3{ font-size: 18px; line-height: 24px; height: 48px; }
  .iapswi{ margin-top: 18px; }
  .iap_prev{ left: 0; }
  .iap_next{ right: 0; }
  .iapr{ background: #b81c22; width: 40px; height: 40px; line-height: 40px; }
  .iaptxt h3{ font-size: 18px; margin-bottom: 8px; }
  .fo_top{ padding: 20px 0; }
  .fotolef .ih2tit{ font-size: 20px; }
  .fo_mfoul li{ width: 100%; float: none; margin-right: 0; margin-bottom: 5px; }
  .fotolo,.f_item3,.f_item2{ display: none; }
  .fo_nav{ flex-wrap: wrap; }
  .f_item4{ width: 100%; }
  .foxlus li{ margin-bottom: 8px; }
  .fob_cop{ padding: 10px 0; margin-top: 15px; }
  .spacegallery{ height: 280px; }
  .spacegallery img{ box-shadow: none; }
  .rbouls li{ width: 49%; margin-bottom: 10px; }
  .rbouls li:nth-of-type(3n){ margin-right: 2%; }
  .rbouls li:nth-of-type(even){ margin-right: 0; }
  .pritst{ margin-bottom: 20px; }
  .prfvmi:before{ display: none; }
  .debmswi p,.devps p,.ufivi p,.despts p,.daptat li p{ line-height: 24px; }
  .dedesc, .decess, .deline, .deucio, .deject, .desep, .depato,.dezytu, .deapof,.demesv, .demessvv{ padding: 20px 0; }
  .rejarr{ top:-42px;}
  .debmes{ padding-bottom: 0; }
  .deh3{ font-size: 22px; }
  .faquls li h5{ padding: 12px 60px 12px 14px; }
  .devgtxt,.deapuls li{ padding: 12px; }
  .deapuls{ flex-wrap: wrap; }
  .deapuls li{ width: 100%; margin-right: 0; margin-bottom: 5px; }
  .deapp{ padding: 20px 0; }
  .rejgs .item{ margin: 0 5px; }
  .rejarr span{ width: 40px; height: 40px; line-height: 40px; }
  .prolisuls li{ width: 49%; margin-bottom: 10px; }
  .prolisuls li:nth-of-type(3n){ margin-right: 2%; }
  .prolisuls li:nth-of-type(even){ margin-right: 0; }
  .pages{ margin-top: 20px; }
  .despts{ height: auto; padding: 0; }
  .pro_lxbtn{ padding: 0; }
  .deh3{ font-size: 20px; }
  .osjkl li{ width: 49%; margin-bottom: 15px; }
  .osjkl li:nth-of-type(3n){ margin-right: 2%; }
  .osjkl li:nth-of-type(even){ margin-right: 0; }
  .zyultll li{ padding: 5px 0; }
  .demesv .deh3 span:before{ display: none; }
  .quiry_info li{ float: none; width: 100%; margin-bottom: 5px; }
  .quiry_info ul li:nth-of-type(even){ float: none; }
  .nesitem a{ padding: 10px; flex-wrap: wrap; }
  .nsile{ width: 100%; }
  .nsiri{ width: 100%; padding-left: 0; margin-top: 6px; }
  .neslist li{ margin-bottom: 10px; }
  .infocon h1{ font-size: 19px; margin-bottom: 15px; }
  .infocon p{ margin-bottom: 10px; }
  .infocon .other{ margin: 20px 0 0 0; }
  .applist li{ width: 100%; margin-right: 0; margin-bottom: 15px; }
  .calh3:before{ display: none; }
  .calh3{ padding-bottom: 0; margin-bottom: 5px; }
  .calirig p{ height: 48px; }
  .calirig span{ margin-top: 7px; width: 140px; height: 36px; line-height: 36px; }
  .calirig{ padding: 0 0 0 10px; }
  .calist li:nth-of-type(even) .calirig{ padding: 0 10px 0 0; }
  .calh3 h3{ font-size: 18px; }
  .calist li{ margin-bottom: 12px; }
  .ofapp{ margin-top: 12px; }
  .ofapp p{ line-height: 24px; margin-bottom: 0; }
  .abfaswi{ margin-top: 10px; }
  .abdesi{ padding: 20px 0 0; }
  .adesuls{ margin-top: 14px; }
  .adesuls li i{ width: 50px; height: 50px; font-size: 22px; line-height: 50px; }
  .adesuls li{ margin-bottom: 10px; width: 49%; }
  .adesuls li:nth-of-type(3n){ margin-right: 2%; }
  .adesuls li:nth-of-type(even){ margin-right: 0; }
  .iapt{ padding: 12px; width: 88%; }
  .inapit{ background-size: auto 326px !important; }
  .inap li{ height: 326px; }
  .ab_hiswi{ padding: 0 40px; }
  .ab_hiarr span{ width: 36px; height: 36px; line-height: 36px; }
  .ab_hisgds .item:nth-of-type(even) .abhi_item span{ position: static; }
  .ab_hisgds .item:nth-of-type(odd){ padding-top: 0; }
  .abhi_tx{ margin-top: 10px; }
  .ab_hisgds .item:nth-of-type(even) .abhi_tx{ margin-top: 10px; padding-bottom: 0; }
  .ab_hisgds .item:nth-of-type(even) .abhi_tx p{ position: static; }
  .ab_hisgds .item{ height: auto; }
  .ab_hiswi{ margin-top: 15px; padding: 0; }
  .abhi_tx p{ height: auto; }
  .ahiswar{ padding-bottom: 30px; }
  .abhi_item span{ width: 60px; font-size: 17px; height: 60px; line-height: 60px; }
  .cogds .item{ margin: 0 5px; }
  .cosirig h3{ font-size: 17px; }
  .cosdls dd{ line-height: 26px; }
  .cocess{ padding: 28px 0; }
  .cosulgc li{ width: 50%; }
  .cosvil i{ width: 60px; height: 60px; line-height: 60px; }
  .comesv{ padding: 28px 0; }
  .comesv h3{ font-size: 17px; margin: 10px 0; }
  .co2tit{ font-size: 22px; margin-bottom: 8px; }
  .lxusul li{ margin-bottom: 6px; }
  .lxusul li p i{ font-size: 22px; }
  .map{ margin-top: 20px; padding-top: 0; }
  .mapadd{ position: static; }
  .mapvi:before,.sub_nav h2 span:before{ display: none; }
  .mavlx p{ margin-bottom: 3px; }
  .sub_nav h2{ font-size: 24px; }
  .inhpvs{ padding:40px 0 40px;}
  .ipflef{ padding-top:10px;}
  .dhrvtx{ padding:0;  background:none; box-shadow:none;}
  .drvs{ display:none;}
  .drpar li p{ line-height:30px;}
  .dptbns a:last-child { display:none;}
  .icnuls{ display:block;}
  .icnuls li { width:50%; float:left; padding:22px 20px 16px;}
  .iacnubo{ overflow:hidden; background:url(images/iav_num.jpg) repeat-y; padding-bottom:20px;}
  .iclis b span { font-size:38px;}
  .in_abcom{ padding:44px 0 50px;}
  .ina_tx{ margin-top:10px;}
  .ina_le a{ margin-top:30px;}
  .inar_le { display:none;}
  .inar_ri{ width:100%; margin-left:0; padding-left:0;}
  .inwhy{ padding:50px 0;}
  .icvuls li { padding:20px;}
  .icvuls li i{ width:55px; height:55px; line-height:55px; font-size:28px;}
  .icvuls li h4{ font-size:22px;  margin:10px 0 10px;}
  .icvulr li h4 { font-size:22px; margin:10px 0 10px;}
  .icvulr li i { width:55px; height:55px; line-height:55px; font-size:28px;}
  .icvulr li span{ margin-top:25px;}
  .incaitem .text { margin-top:0; position:relative; margin-left:0; width:100%; height:auto;}
  .icar.ica_prev{ left:5px;}
  .icar.ica_next { right:5px;}
  .icar{ top:30%;}
  .incaitem .text h4{ font-size:22px; margin:0;}
  .incaitem .text p{ margin-top:10px;}
  .incaitem .text span{ margin-top:25px;}
  .f_mes ul li{ width:49%;}
  .f_mes ul li:nth-child(2){ margin-right:0;}
  .f_mes ul:nth-child(2):nth-child(3) li p { display:none;}
  .bansea{ display:none;}
  .plistul li{ width:100%; margin-right:0;}
  .de_demul li { width:100%; margin-right:0;}
  .del_fea li{ padding:0 10px; margin-bottom:10px; margin-right:10px;}
  .ca_le{ width:100%; border-left:none;}
  .ca_ri{ width:100%; padding-bottom:30px;}
  .ca_arr { top:40%; left:0; width: 100%; display: flex;}
  .ca_arr span.cat_next { margin-left:75%;}
  .ca_list li{ width:100%; margin-right:0;}
  .aerul li{ width:100%; margin-right:0; margin-bottom:18px;}
  .aerul{ display:block; overflow:hidden;}
  .absero{ padding:0 0 40px;}
  .abwar .icnuls li { border-right:none;}
  .comlef{ width:100%;}
  .contops{ display:block;}
  .cotrig{ width:100%; padding-left:0; margin-top:20px;}
  .f_mes ul li{ width:100%; margin-bottom:10px; margin-right:0;}
  .f_mes ul li .span{ display:none;}
  .f_mes ul{ margin-bottom:0;}
  .f_mes ul li font{ top:15px;}
  .de_deli{ padding-left:70px;}
  
  
  
  
  
  
}