@charset "utf-8";
/* CSS Document */

.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}
100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}}

@font-face {
  font-family: 'Outfit-Bold';
  src: url('fonts/Outfit-Bold.otf');
  src: local('☺'), url('fonts/Outfit-Bold.woff') format('woff'), url('fonts/Outfit-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Medium';
  src: url('fonts/Outfit-Medium.otf');
  src: local('☺'), url('fonts/Outfit-Medium.woff') format('woff'), url('fonts/Outfit-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Regular';
  src: url('fonts/Outfit-Regular.otf');
  src: local('☺'), url('fonts/Outfit-Regular.woff') format('woff'), url('fonts/Outfit-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-SemiBold';
  src: url('fonts/Outfit-SemiBold.otf');
  src: local('☺'), url('fonts/Outfit-SemiBold.woff') format('woff'), url('fonts/Outfit-SemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Light';
  src: url('fonts/Outfit-Light.otf');
  src: local('☺'), url('fonts/Outfit-Light.woff') format('woff'), url('fonts/Outfit-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-ExtraLight';
  src: url('fonts/Outfit-ExtraLight.otf');
  src: local('☺'), url('fonts/Outfit-ExtraLight.woff') format('woff'), url('fonts/Outfit-ExtraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FUTURALTBOLD';
  src: url('fonts/FUTURALTBOLD.otf');
  src: local('☺'), url('fonts/FUTURALTBOLD.woff') format('woff'), url('fonts/FUTURALTBOLD.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

.icon-jiantou_xiangyou:before {
  content: "\eb08";
}

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



body{font-family:Outfit-ExtraLight, Arial, Helvetica, sans-serif; font-size: 18px;overflow-x: hidden; color: #222;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none; vertical-align: middle; }
a{color: #222;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#1a3169;}
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;}   
.warper{ width:1520px; margin:0 auto; position: relative;}
.backToTop{width:46px; height:46px; z-index: 0a0a0a; border-radius: 46px; background:#d4261e 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%; border-bottom: 1px solid rgb(255 255 255 / 30%); height: 86px; z-index: 0; z-index: 999;  position: fixed; top: 0; left: 0; }

#nav:after{  content: '';  display: block;  clear: both;}
#nav .warper{position: relative;}
.logo{ position: absolute; left: 0px; top: 7px; }
.logo span{ display: inline-block; margin-left: 18px; font-size: 22px; font-family: Outfit-Bold;}
.logo *{ vertical-align: middle;}

#banner img{ width: 100%; display: block; }
#banner .owl-controls{margin-top: 0}
#banner .owl-buttons{display: none;}
#banner .owl-pagination{position: absolute;left: 0; width: 100%; bottom: 15px;}
#banner .owl-controls .owl-page span{height: 15px; width: 15px; background:#fff; opacity: 1; overflow: hidden; margin:0 3px;}
#banner .owl-controls .owl-page.active span{background:#0586bc; width:30px;}
#banner .owl-controls .owl-page:hover span{background:#0586bc;}
.banner_next{background: #188bca; position: relative; overflow: hidden;}
.banner_next .lcon{width: 50%; height:100px; color: #fff;}
.banner_next .lcon a{color: #fff;}
.banner_next .lcon .box{ width: 600px; float: right; padding-top: 25px;}
.banner_next .lcon .box a{display: inline-block; margin-right: 70px; font-size: 16px;}
.banner_next .lcon .box a:hover{color:#1a3169}
.banner_next .lcon .box img{vertical-align: baseline; margin-right:5px;}
.banner_next .rcon{position: absolute; left: 50%; top: 0; height: 100px; font-size: 16px; background: #f7f8fa; width: 50%; padding-top:39px;}
.banner_next .rcon i{display: inline-block; background: #188bca; color: #fff; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; margin-left:60px; font-size: 22px; vertical-align: middle; margin-top: -4px; margin-right: 8px;}
.banner_next .rcon a:hover{color: #188bca}
.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:270px; }
nav li{ float: left; margin: 0 20px; }
nav li:last-child{ margin-right: 0; }
nav li>a{ line-height: 86px; font-size: 16px; color: #fff; position: relative; text-transform: uppercase; font-family: Outfit-SemiBold; display: block; }
nav li.on>a,nav li:hover>a{ color: #fff;}
nav li>a:before{ content: ""; position: absolute; width: 0; height: 3px; background: #065efe; bottom: 0; left: 50%; transform: translateX(-50%); transition: all 0.3s; }
nav li.on>a:before,nav li:hover>a:before{ width: 100%; }
.submett{ display: none; background: #f8f8f8; z-index: 0; width: 100%; position: fixed; top: 86px; left: 0;}
.submett::before{ content: ''; position: absolute; top: 0; left: 0; width: 20%; height: 100%; background: #ededed; }
.sbuivb{ display: flex;}
.sbulima{ width: 34%; background: #ededed; padding: 50px 60px 60px 25px;}
.sbulima .item{ display: none; text-align: center;}
.sbulima .item.on{ display: block;}
.sbulijt{ width: 66%; padding: 36px 0; display: flex; }
.sbiipic .changpic{ border-radius: 10px;}
.sbiipic h2{ font-size: 26px; font-family: Outfit-Medium; font-weight: normal; margin: 32px 0 20px;}
.sbiipic p{ font-size: 17px; color: #0a0a0a; line-height: 24px; height: 48px; overflow: hidden;}
.sbiipic span{ display: inline-block; transition: all 0.3s; padding: 8px 34px; margin-top: 30px; color: #fff; background: #d4261e;}
.sbiipic:hover span{ transform: translateX(10px);}
.sullbz{ width: 41%; padding: 0 50px;}
.subriv{ width: 59%; border-left: 1px solid #e8e8e8; padding: 16px 60px 0;}
.sullbz dl dd{ height: 42px; margin-bottom: 5px; overflow: hidden;}
.sullbz dl dd a{ width: 100%; height: 100%; padding: 0 18px; color: #333; text-transform: capitalize; font-size: 18px; font-family: Outfit-Regular; display: flex; align-items: center; justify-content: space-between;}
.sullbz dl dd.on a,.sullbz dl dd:hover a{ color: #333; background: #ededed;}
.sullbz dl dd:last-child{ margin-bottom: 0;}
.subriv p{ font-size: 20px; margin-bottom: 30px; font-family: Outfit-Light;}
.subriv p a{ color: #333 !important;}
.subriv p a:hover{ color: #d4261e !important;}
.subriv .item{ display: none;}
.subriv .item.on{ display: block;}

.head_rcon{ position: absolute; right:0; top:19px; display: flex; align-items: center; width:210px; justify-content: space-between; }
.hssearch{ cursor: pointer; width: 45px;}
.hssearch i{ font-size: 26px; display: inline-block; text-align: center; font-size: 20px; width: 45px; height: 45px; border-radius: 45px; line-height: 45px; background: #0062fe; color: #fff; }
.search_box{display: none;border-top: 1px solid #f5f5f5;padding:32px 0;  z-index: 1000;background: #fff;position: fixed;top: 86px;left: 0;width: 100%;box-shadow: 0 5px 5px rgb(0 0 0 / 15%);}
.search_box .warper{ padding: 0 5%; }
.searchform{ overflow: hidden; position: relative; width: 100%; transition: all .3s;}
.searchform input{width: 100%;font-size: 16px;border: 1px solid #e7e7e7;border-top-left-radius: 5px;border-bottom-left-radius: 5px;color: #000;background: #fff;line-height:48px;padding-left:20px;padding-right: 98px;font-family: Outfit-Light;}
.searchform button{ width:88px; line-height:45px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background:#1a3169; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform button i{ color: #fff; font-size: 22px; }
.searchform input::-webkit-input-placeholder { color: #0a0a0a;}
.searchform input:-moz-placeholder {  color: #0a0a0a;}

.position{box-shadow: 0 1px 10px 0 rgba(26,49,105,1); background: #1a3169; }

.sider-contact { background: #fff; position: fixed; right: 0; top: 50%; transform: translateY(-50%); transition: all .5s ease; z-index: 999;}
.right-nav{ align-items: center; display: flex; flex-flow: column; }
.right-nav .btn-tit { transform: scale(.9)}
.right-nav li{ position: relative; width: 100px; margin-bottom: 2px;}
.right-nav li a{ align-items: center; background: #e6e6e6; color: #0a0a0a; display: flex; flex-flow: column; height: 100%; justify-content: center; transition: all .3s ease; width: 100%; height: 90px;}
.right-nav li:hover a{ background: #1a3169; color: #fff;  }
.right-nav li i{ font-size: 32px; }
.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: #0a0a0a; font-size: 16px; 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: 8rem}
.right-nav li:last-child{ margin-bottom: 0;}


.banner img{ width: 100%; display: block; }
.banner .slick-dots{ bottom: 50px;  }
.banner .slick-dots li{ width: auto; height: auto;}
.banner .slick-dots li button{ width: 15px; height: 15px; padding: 0; border-radius: 15px; background: #fff;}
.banner .slick-dots li.slick-active button{ background: #d4261e;}
#banner_home{ position: relative; overflow: hidden; }
video{ width: 100%; display: block; }
.banner{ position: relative; }
.banner .item{ position: relative;  }
.banarr{ position: absolute; width: 100%; left: 0; top: 40%; z-index: 22; } 
.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: 56px; background: rgb(255 255 255 / 20%); color: #fff; }
.banarr span i{ font-size: 20px; display: inline-block; }
.banarr span:hover{ background: #d4261e; color: #fff; }
.ban_prev i{ transform: rotate(180deg); }
.ban_prev{ left: 8%; }
.ban_next{ right: 8%; }
.item_text{ position: absolute; text-align: center; color: #fff; top: 40%; left: 50%; transform: translateX(-50%); width: 1088px; z-index: 5; }
.item_text h2{ margin-bottom: 26px; font-size: 60px; display: inline-block; position: relative; z-index: 0; text-transform: capitalize; font-family: OSWALD-BOLD; }
.item_text p{ font-size: 22px; line-height: 34px; font-family: Outfit-Regular; }

.changpic{ width: 100%; overflow: hidden; }
.changpic img{ width: 100%; transition: all 0.3s; }

.cl{ clear: both; }
.about_nav{ margin:30px auto;}

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


/*首页*/
.icapcul{ background: url(../images/ipcabctn.jpg) no-repeat; background-size: cover;}
.icculs { display: flex; width: 100%;  border-left: 1px solid rgba(255,255,255,.15);}
.icculs li { flex: 1; border-right: 1px solid rgba(255,255,255,.15); }
.icculs li a { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem 2rem; color: white; cursor: pointer; position: relative; overflow: hidden; width: 100%; height: 100%; }
.icculs li a i { font-size: 46px; }
.icculs li a p { font-size: 20px; margin-top: 28px; font-family: Outfit-Medium; }
.icculs li a.active,.icculs li a:hover { background-color: #1a3169; }

.icpvc{ padding: 58px 0 107px;}
.icpultt{ display: flex; }
.icuixt{ margin-top: 40px;}
.icuixt h3{ font-size: 22px; margin-bottom: 16px; font-family: Outfit-Medium; font-weight: normal;}
.icuixt p{ font-size: 16px; overflow: hidden; line-height: 26px; color: #0a0a0a; height: 52px;}
.icuixt span{ border-radius: 46px; margin-left: 5px; display: none; padding-left: 20px; font-size: 16px; font-family: Outfit-Regular; box-shadow: 0 0 12px rgb(221 221 221 / 38%); margin-top: 34px;}
.icuixt span i{ display: inline-block; margin-left: 12px; width: 46px; height: 46px; line-height: 46px; font-size: 20px; text-align: center; border-radius: 46px; background: #1a3169; color: #fff;}
.icuixt span *{ vertical-align: middle;}
.icpultt li+li{ margin-left: 18px;}
.icpultt li{ width: calc(21.8% - 18px); overflow: hidden; transition: all 0.3s;}
.icpultt li.on{ width: 34.5%;}
.icpultt li.on .icuixt p{ height: 78px;}
.icimp img{ max-width: none; opacity: 0.5; }
.icimp{ background: #000;}
.icpultt li.on .icimp img{ opacity: 1;}
.icpultt li.on .icuixt span{ display: inline-block;}
.icuitem{ padding-bottom: 10px;}

.inmuivs{ padding: 95px 0 70px; color: #fff; background: url(../images/innsuc.webp) center fixed no-repeat; background-size: cover;}
.iaucnu{ display: flex; justify-content: space-between;}
.iaucnu li span{ font-size: 36px; font-family: FUTURALTBOLD;}
.iaucnu li span b{ font-size: 68px; display: inline-block; line-height: 68px;}
.iaucnu li i{ font-size: 36px; vertical-align: top;}
.iaucnu li p{ font-size: 16px; margin-top: 18px; line-height: 26px; font-family: Outfit-Light;}
.iaucnu li{ width: 20%;}
.home_liucheng{padding: 60px 0 30px;}
.home_liucheng_box{ background: #edeef1;}

.in_project{ padding-top: 70px; padding-bottom: 90px; }
.in_project ul{ width: 100%; overflow: hidden; margin-top: 42px; }
.in_project ul li{ width:16%; float: left; margin-left:1%; overflow: hidden; position: relative; height: 600px; overflow: hidden; transition: all 0.3s;  }
.in_project ul li:first-child{ margin-left: 0; }
.pic-center{ display: flex;justify-content: center;align-items: center; }
.in_project ul li.on{ width:48%;  }
.in_pro-text{ font-size: 20px; font-family: seguisb; color: #fff; position: absolute; bottom: 0; right: -9999px; width: 100%; transition: all 0.3s; background: rgba(10,68,138,0.9); text-align: center; height: 65px; line-height: 65px; overflow: hidden; }
.in_project ul li.on .in_pro-text{right: 0;}
.in_project ul li.on img{display: block;
    width: 100%;}

.iacvi{ padding: 86px 0 120px;}
.iavcoc{ padding: 0 88px 0 10%; display: flex;}
.iavclef{ width: 43%;}
.iavcrig{ width: 57%; padding-left: 80px; position: relative;}
.iatic h1{ font-weight: normal; color: #0261fe; font-size: 26px; font-family: Outfit-Medium;}
.ititc{ font-size: 66px; font-family: FUTURALTBOLD;}
.iactix{ margin-top: 40px;}
.iactix p{ font-size: 16px; line-height: 28px; color: #0a0a0a;}
.iacbtnc{ margin-top: 70px;}
.iacbtnc a{ border-radius: 46px; padding-left: 20px; background: #1a3169; color: #fff; display: inline-block; font-size: 16px; font-family: Outfit-Regular;}
.iacbtnc a i{ display: inline-block; margin-left: 12px; width: 46px; height: 46px; line-height: 46px; border: 1px solid #1a3169; font-size: 20px; text-align: center; border-radius: 46px; background: #fff; color: #1a3169;}
.iacbtnc a *{ vertical-align: middle;}
.iacbtnc a:hover{ transform: translateX(10px);}
.iavcpic{ display: flex; padding-left: 44px;}
.iavcpic li{ width: 48.5%; margin-right: 3%;}
.iavcpic li:last-child{ margin-right: 0; margin-top: 76px;}
.iaicon{ position: absolute; bottom: 48px; left:58px; width: 170px; color: #fff; padding: 22px 20px; background: #1a3169;}
.iaicon i{ font-size: 46px;}
.iaicon p{ font-size: 16px; margin-top: 16px; line-height: 20px; font-family: Outfit-Light;}

.in_cedpic .incebg{ display: none; opacity: 0; transition: all 0.3s; }
.in_cedpic .incebg.on{ display: block; opacity: 1; height: 863px; width: 100%; }
.in_cediv{ position: relative; }
.in_ceul{ position: absolute; top: 0; display: flex; left: 0; width: 100%; height: 100%; }
.in_ceul li{ display: inline-block; width: 20%; height: 100%; }
.in_ceul li a{ display: flex; align-items: flex-end; justify-content: center; width: 100%; height: 100%; padding: 0 42px 125px; }
.in_ceul li .ic_ic{ display: inline-block; font-size: 66px; width: 80px; height: 80px; line-height: 78px; text-align: center; border-radius: 80px; color: #fff; }
.in_ceul li h3{ margin-top: 35px; color: #fff; font-size: 22px; font-weight: normal; line-height: 28px; height: 60px; width: 100%; overflow: hidden;  font-family: Outfit-Medium; }
.in_ceul li p{ margin-top: 30px; opacity: 0; transition: all 0.3s; display: none; color: #fff; font-size: 15px; line-height: 26px; height: 284px; overflow: hidden; }
.in_ceul li span{ display: none; margin-top: 78px; font-family: Outfit-Regular; background: rgba(255, 255, 255, 0.1); color: #fff; font-size: 16px; border-radius: 30px; padding: 14px 40px; }
.in_ceul li span i{ display: inline-block; margin-left: 5px; }

.in_ceul li.on .ic_ic{ font-size: 50px; border: 1px solid #fff; }
.in_ceul li.on a{ background: rgba(26, 49, 105, 0.7); }
.in_ceul li.on a p{ display: block; opacity: 1; }
.in_ceul li.on span{ display: inline-block; }

.in_pro {
    padding: 110px 0;
    background: url(../images/pro-bg.webp) no-repeat center;
}
.in_pro .iacbtnc a {
    width: 100%;
    text-align: center;
}
.deintion .wp-block-image img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 30px 0;
}
.home_boxtit {
    font-size: 50px;
    font-family: seguisb;
    
    position: relative;
}
.home_boxtit_p p{ line-height:24px; margin:10px 0; color:#666;}
.pro_link {
    padding-top: 10px;
}
.pro_link a h6 {
    font-size: 35px;
}
.pro_link a {
    font-size: 20px;
    font-family: SegoeUIBold;
    padding-left: 60px;
    display: inline-block;
    padding: 10px;
}
.in_pro_list{ overflow:hidden;}
.in_pro_list li{ float:left; width:23%; margin:20px 1% ; background:#FFF;}
.in_pro_txt{ padding:20px;}
.in_pro_txt h3 {
    overflow: hidden;
    height: 48px;
}
.in_pro_list li p {
    line-height: 24px;
    color: #666;
    height: 45px;
    overflow: hidden;
    margin: 10px 0;
}
.fl {
    float: left;
    display: inline;
}
.fr {
    float: right;
    display: inline;
}
.cl {
    clear: both;
}
.pro_link a h6 {
    font-size: 35px;
}


.share i {
    font-size: 26px;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    line-height: 45px;
    background: #0062fe;
    color: #fff;
}
.innwc{ padding: 116px 0;}
.intics{ display: flex; align-items: center; justify-content: space-between;}
.intics .ititc{ text-transform: uppercase;}
.innswi{ margin-top: 20px;}
.innswi .item{ margin: 0 10px;}
.innswi .slick-list{ margin: 0 -10px;}
.insictm{ position: relative; padding-bottom: 302px;}
.inscard{ position: absolute; padding: 32px 26px 42px; transition: all 0.3s; bottom: 14px; right: 0; width: 94%; background: #fff; box-shadow: 0 2px 14px rgb(200 200 200 / 38%); }
.inscard em{ font-size: 16px; color: #0a0a0a; font-style: normal; font-family: Outfit-Regular;}
.inscard h3{ font-size: 22px; margin-top: 15px; line-height: 28px; height: 56px; overflow: hidden; font-weight: normal; font-family: Outfit-Medium;}
.ispxivs{ margin-top: 18px; padding-top: 14px; border-top: 1px solid #464646;}
.ispxivs p{ font-size: 16px; line-height: 26px; color: #0a0a0a; height: 78px; overflow: hidden;}
.inscard span{ margin-top: 30px; display: inline-block; font-family: Outfit-Regular;}
.inscard span i{ font-style: normal; margin-left: 5px; display: inline-block; width: 20px; color: #fff; text-align: center; line-height: 20px; height: 20px; border-radius: 20px; background: #1a3169;}
.insictm:hover .changpic img{ transform: scale(1.15);}
.icnarr span{ cursor: pointer; margin-left: 8px; display: inline-block; color: #b7b7b7; width: 45px; border-radius: 45px; height: 45px; text-align: center; line-height: 43px; border: 1px solid #cdcdcd; background: #fff;}
.icnarr span i{ display: inline-block; font-size: 22px;}
.ins_prev i{ transform: rotate(180deg);}
.icnarr span:hover{ background: #d4261e; color: #fff; border: 1px solid #d4261e;}

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

footer{ background: url(../images/fowobg.webp) no-repeat; background-size: cover; padding-top: 76px; }
.fo_boxdiv{ width: 100%; display: flex; justify-content: space-between; overflow: hidden; }
.fo_boxdiv h4{ text-transform: capitalize; color: #fff; font-size: 24px; font-family: Outfit-SemiBold; font-weight: normal; margin-bottom: 32px; }
.fo_boitem1{ width: 23%;}
.flxuls{  }
.flxuls li{ margin-bottom: 28px; font-size: 16px; font-family: Outfit-Light; color: #c3c3c3; position: relative; padding-left: 34px; }
.flxuls li a,.flxuls li span{ color: #fff; font-size: 20px; font-family: Outfit-Medium; }
.flxuls li i{ position: absolute; top: 3px; font-size: 20px; left: 0; display: inline-block; color: #0062fe; }
.flxuls li a:hover{ text-decoration: underline; color: #fff; }
.media{ margin-top: 60px;}
.media a{ margin-right: 16px; color: #b6b7bb; font-size:24px; display:inline-block;}
.media a:hover{ transform: translateX(5px); color: #fff; }
.fo_boitem2{ width: 10%; padding-top: 14px;}
.fo_boitem3{ width: 22%; padding-top: 14px;}
.fo_boitem4{ width: 24%; padding-top: 14px;}
.fo_boitem1 p{ margin-top: 50px; font-size: 16px; line-height: 26px; font-family: Outfit-Light; color: #c3c3c3;}
.fo_opul{ margin-top: ; }
.fo_opul li{ position: relative; margin-bottom: 20px; font-size: 16px; font-family: Outfit-Light; }
.fo_opul li a{display: inline-block;color: #c3c3c3;text-transform: capitalize;}
.fo_opul li:hover a{ transform: translateX(5px); color: #fff; text-decoration: underline; }
.fo_opul li:last-child{ margin-bottom: 0; }

.fote_info{ overflow: hidden; }
.fote_info li{width: 100%; margin-bottom: 10px; position: relative; overflow: hidden;}
.fote_info textarea{ border:none; border-radius: 3px; width: 100%; resize: none; font-family:Outfit-Light; background:rgb(255 255 255 / 10%); color: #fff; font-size: 16px; padding: 13px 18px; }
.fote_info input { border:none; border-radius: 3px; width: 100%; resize: none; font-family:Outfit-Light; background:rgb(255 255 255 / 10%); color: #fff; font-size: 16px; padding: 13px 18px; }
.fote_info textarea{ height:114px; }
.fote_info input::-webkit-input-placeholder,.fote_info textarea::-webkit-input-placeholder { color: #fff;}
.fote_info input:-moz-placeholder,.fote_info textarea:-moz-placeholder {color: #fff;}
.fote_info li:last-child, .fote_info li:nth-of-type(3){ width: 100%; float: none;}
.fote_info li:last-child{ width: 100% !important; float: none; margin-top: 16px; margin-bottom: 0; }
.fote_info button{ cursor: pointer; transition: all 0.3s; width: 100%; height:40px; border-radius: 3px; border: none; background: #1a3169; font-size: 16px; color: #fff; font-family: Outfit-Regular;  }
.fote_info button:hover{ opacity: 0.9; }
.fo_cop{ overflow: hidden; text-align: center; border-top: 1px solid #2b2b2b; padding: 20px 0; margin-top: 105px; }
.fo_cop p{ font-size: 16px; color: #c3c3c3; font-family: Outfit-Light; }
.fo_cop p a{ color: #c3c3c3; }
.fo_cop p a:hover{ color: #fff; text-decoration: underline; }


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


.bigbg{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.getbox{ width: 1200px; background: #fff; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.allhide{ opacity: 0; z-index: -3; }
.popmess{ display: flex;}
.poplef{ width: calc(100% - 398px); padding: 44px 58px 92px;}
.poprig{ width: 398px; background: #bb0909; padding: 100px 25px 0; color: #fff;}
.poplef h3{ font-size: 46px; font-family: FUTURALTBOLD; }
.bigform{ margin-top: 18px;}
.bigform input { height: 50px; line-height: 50px;}
.bigform input,.bigform textarea { width: 100%; border: 1px solid #e4e4e4; background: rgba(255,255,255,.2); padding: 5px 18px; border-radius: 3px; font-family: Outfit-Light; font-weight: 200; resize: none; color: #333; font-size: 16px;}
.bigform input::-webkit-input-placeholder,.bigform textarea::-webkit-input-placeholder { color: #999;}
.bigform textarea { padding: 18px; display: block; height: 136px;}
.bigform button { transition: all .3s; border: none; cursor: pointer; width: 326px; background: #d4261e; border-radius: 0; font-size: 18px; font-family: Outfit-Regular; font-weight: 500; height: 52px; text-align: center; color: #fff;}
.bigform button:hover{ opacity: 0.85;}
.bigform ul { width: 100%; overflow: hidden;}
.bigform ul li { position: relative; float: left; margin-bottom: 16px; width: 100%;}
.bigform ul li:nth-of-type(2),.bigform ul li:nth-of-type(3){ width: 49%;}
.bigform ul li:nth-of-type(3){ margin-left: 2%;}
.bigform ul li:last-child{ margin-bottom: 0;}
.poprig h2{ font-size: 36px; margin-bottom: 40px; font-family: Outfit-Medium; font-weight: normal; position: relative; padding-bottom: 20px;}
.poprig h2::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background: rgb(255 255 255 / 20%);}
.poprig .dewmc p{ color: #fff;}
/*手机底部*/
.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px; display: none;}
.footmenu img{display:block}
.footmenu div.bgcolor{ clear:both;}
.footmenu div.con{position:absolute;bottom:0;left:0;width:100%; padding-bottom: 10px; background:#d4261e;}
.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; }
.sunvs{ position: absolute; width: 100%; top:50%; color: #fff; transform: translateY(-50%); right: 0;}
.suvfix{ display: flex; align-items: center; justify-content: space-between;}
.suvfle{ width: 50%;}
.suvfle h2{ font-size:56px; font-family: FUTURALTBOLD; text-transform: uppercase; text-shadow: 0 2px 13px rgba(0,0,0,.28);}
.suvfle h2 a{color: #fff;}
.suvfle p{ font-size: 16px; margin-top: 20px; line-height: 28px; font-family: Outfit-Regular;}
.suvfix span{ display: inline-flex; align-items: center; vertical-align: middle; padding: 5px 10px; border-radius: 40px; color: #fff; background: #0062fe; font-family: Outfit-Medium;}
.suvfix span a{ color: #fff;}
.suvfix span i{ font-size: 24px; display: inline-block; margin-right: 5px;}

.pat80{ padding-top: 80px;}
/*关于我们*/
.canvas-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;  }
#canvas{ width: 100%; height: 100%; }
canvas {display: block;}
.abcox .iactix p{ line-height: 28px; font-size: 18px; margin-bottom: 24px; font-family: Outfit-Light; color: #0a0a0a;}
.abcox .iactix p:last-child{ margin-bottom: 0;}
.abvisi{ padding-top: 88px; background: url(images/abvisbg.jpg) no-repeat; background-size: cover;}
.abvitcit{ display: flex;}
.ahvitlef{ width: 50%;}
.ahvitrig{ width: 50%; padding-left: 80px;}
.ahvitlef .ititc{ line-height: 80px;}
.ahvitrig p{ line-height: 28px; color: #0a0a0a; font-family: Outfit-Light;}
.ahvitrig h3{ font-size: 22px; margin-top: 24px; line-height: 32px; font-family: Outfit-Medium; font-weight: normal;}
.avnvuls{ margin-top: 54px; display: flex;}
.avnvuls li{ width: 178px; cursor: pointer; margin-right: 22px; height: 52px; background: #fff; text-align: center; line-height: 52px; box-shadow: 0 2px 15px rgb(221 221 221 / 38%); font-size: 20px; font-family: Outfit-Medium; }
.avnvuls li.on{ color: #fff; background: #d4261e;}
.avlic{ margin-top: 30px;display: none;}
.avlic.on{ display: block;}
.advlfa .item{ margin: 0 14px 20px;}
.advlfa .slick-list{ margin: 0 -14px;}
.avlic .dewarr span i{ font-size: 32px; color: #a6a6a6; display: inline-block;}
.hod_prev{ left: -54px;}
.hod_next{ right: -54px;}
.hod_prev i{ transform: rotate(180deg);}
.avlic{ position: relative;}

.abdiff{ padding: 74px 0 124px;}
.diouls{ display: flex; margin-top: 25px;}
.diouls li{ width: 34%; text-align: center; padding: 60px 48px 55px; transition: all 0.3s; background: linear-gradient(135deg, rgba(245, 245, 245, 1) 0%, rgba(230, 230, 230, 0.95) 100%);}
.diouls li i{ display: inline-block; width: 110px; height: 110px; font-size: 58px; line-height: 110px; border-radius: 110px; background: #fff; color: #0062fe;}
.diouls li h3{ font-size: 26px; margin-bottom: 16px; font-weight: normal; margin-top: 32px; font-family: Outfit-Medium;}
.diouls li p{ line-height: 28px; padding-right: 8px; height: 168px; overflow-y: auto; font-family: Outfit-Light; color: #0a0a0a;}
.diouls li p::-webkit-scrollbar{ width: 2px; }
.diouls li p::-webkit-scrollbar-thumb{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 200%; border-radius: 0; background:#0062fe; width: 3px; }
.diouls li p::-webkit-scrollbar-track { position: absolute; top: 0; background: #fff; height: 100vh;right: 0; }
.diouls li:hover{ background: #1a3169;}
.diouls li:hover h3,.diouls li:hover p{ color: #fff;}

.one-title {
    text-align: center;
    font-size: 46px;
}

.one-title02 {
    text-align: center;
    margin: 20px 0 60px;
}
.ititc03 {
    font-size: 46px;
}
.item02 {
    width: 31.333%;
}
.insictm02 {
    position: relative;
    padding-bottom: 516px;
}
.inmuivss_box {
    overflow: hidden;
}
.biao_box_left {
    width: 48%; float:left;
}
.biao_box_right {
    width: 48%; float:right;
}

.biao_box01{margin: 30px 0 60px;  line-height:36px;}
.biao_box02 {
    margin: 0px 0 110px;
    line-height: 36px;
    overflow: hidden;
}
.biao_box02 p{margin: 20px 0 10px;  }
.biao_box_left img{display:block; width:100%;}
.biao_box_right img{ display:block; width:100%;}
.ititc04 {
    margin: 50px 0 20px;
}
/*产品列表*/
.prwar{ padding-bottom: 110px; min-height:1100px;}
.prwbox{ width: 100%; position: relative; padding-left: 360px;}
.prlistul{ display: grid; grid-gap: 36px; grid-template-columns: repeat(3,minmax(0,1fr));}
.plixtc{ padding: 24px 24px 30px; background: #f7f7f7; transition: all 0.3s;}
.plixtc h3 {
    font-size: 22px;
    margin-bottom: 14px;
    font-family: Outfit-Medium;
    color: #333;
    font-weight: normal;
    overflow: hidden;
    height: 62px;
}
.plixtc p{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; color: #0a0a0a;}
.plixtc span{ border-radius: 46px; color: #333; margin-left: 5px; display: inline-block; padding-left: 20px; font-size: 16px; font-family: Outfit-Regular; background: #fff; box-shadow: 0 0 12px rgb(221 221 221 / 38%); margin-top: 34px;}
.plixtc span i{ display: inline-block; margin-left: 12px; width: 46px; height: 46px; line-height: 46px; font-size: 20px; text-align: center; border-radius: 46px; background: #0062fe; color: #fff;}
.plixtc span *{ vertical-align: middle;}
.prliimc:hover .changpic img{ transform: scale(1.15);}
.prliimc:hover .plixtc{ background: #1a3169;}
.prliimc:hover .plixtc h3,.prliimc:hover .plixtc p{ color: #fff;}
.prliimc:hover .plixtc span{ background: rgb(255 255 255 / 10%); color: #fff; box-shadow: none;}
.prliimc:hover .plixtc span i{ border: 1px solid #fff;}

.ponavsus{ position: absolute; top: 0; left: 0; width: 325px; height: 100%;}
.prsticky{ position: sticky; top: 95px; width: 100%;}
.pcbtc{ position: relative;}
.pcbtc a{ display: none;}
.pcbtc{ background: #1a3169; font-size: 24px; font-family: Outfit-Medium; font-weight: normal; padding: 0 16px; width: 100%; color: #fff; height: 62px; display: inline-flex; align-items: center; justify-content: space-between;}
.pcbtc i{ font-size: 26px;}
.accordion { width: 100%; background: #f7f7f7; padding: 0 15px; }
.accordion .links { cursor: pointer; display: block; border-bottom: 1px solid #eaeaea; position: relative; padding: 10px 30px 10px 20px; }
.accordion .links:before{ color: #333; font-family: iconfont; content: "\ec8e"; font-size: 11px; position: absolute; top: 20px; right: 16px; }
.accordion .links.active:before{ transform: rotate(90deg); }
.accordion .links::after{ position: absolute; top: 20px; left: 2px; content: ""; width: 6px; height: 6px; border-radius: 6px; border: 1px solid #d4d4d4; }
.accordion .links.active::after{ border: 1px solid #1a3169;}
.accordion .links a{ font-family: Outfit-Regular; font-size: 17px; color: #333; line-height: 30px; display: inline-block; position: relative;  }
.accordion .links.active a{ color: #1a3169; }
.accordion li:last-child .links{ border-bottom: none;}
.submenu{ display: none; overflow: hidden; padding: 10px 0; border-bottom: 1px solid #eaeaea; }
.supiv p a{ display: block; width: 100%; padding: 11px 10px 11px 36px; font-size: 16px; color: #0a0a0a; font-family: Outfit-Light; }
.supiv p:hover a{ color: #d34132; }
.sudls dd span{ display: block; width: 100%; background: #f6f6f6; padding: 14px 20px; font-family: Outfit-SemiBold; }
.accordion li ul.active{display: block}
.submenu li.on div{ display: block; }
.submenu.on{ display: block; }

.parlxus{ margin-top: 40px;}
.pcbixus{ background: #f7f7f7; padding: 24px;}
.pculct li{ margin-bottom: 16px; position: relative; padding-left: 88px;}
.pculct li:last-child{ margin-bottom: 0;}
.pculct li i{ font-style: normal; position: absolute; top: 0; left: 0; font-size: 16px; color: #0a0a0a; font-family: Outfit-Light;}
.pculct li a,.pculct li span{ font-size: 20px; font-family: Outfit-Medium;}

/*产品详情*/
.dewaiv{ margin-top: -400px; background: #f7f7f7;}
.pro_detail{ overflow: hidden; background:#fff; overflow: hidden; position: relative; padding:30px; margin-bottom: 70px;}
.pro_detail h1{font-size:36px; line-height:40px; font-family:Conv_cali; font-weight: 100;}
.pro_detail .rcon{margin-left:655px; padding:25px 0 0 45px; overflow: hidden;}
.pro_detail .rcon .fon{line-height:30px; color: #666; font-size:18px; margin:20px 0 30px 0; overflow: hidden;}
.pro_detail .contac{overflow: hidden;border:1px solid #ddd; padding:10px 20px;}
.pro_detail .contac li{width: 50%; font-size: 16px; padding-top:0; padding-bottom: 0}
.pro_detail .links{margin:30px 0 20px 0;}
.pro_detail .links i{display: inline-block; margin-right: 10px; font-weight: 100; font-size:36px; vertical-align: middle; margin-top: -3px;}
.pro_detail .links a{ background:#014299; display: inline-block; line-height:50px; height:50px; font-size: 18px; text-transform: uppercase; text-align: center; width:48%; border-radius: 5px; overflow: hidden; color: #fff; font-family: Arial; font-weight: 600;}
.pro_detail .links a:nth-child(1){ background: #3d79ca; color: #fff; margin-right: 4%}
.pro_detail .links a:hover{ opacity: .8}
.pro_detail .contac li{font-size: 18px; width: 48%; float: left; padding:40px 0; padding-left: 70px; position: relative; line-height: 30px; overflow: hidden;}
.pro_detail .contac label{ color: #3d79ca; font-size: 16px; font-weight: 100; display: block;}
.pro_detail .contac h6{ width: 55px; height: 55px; line-height: 55px; color: #fff; background:#3d79ca; text-align: center; border-radius: 50%; font-weight: 100; font-size: 30px; position: absolute; left: 0; top:50%; margin-top: -27px; transition: all .3s;}
.propicflash{ width: 640px; float: left;}
.propicflash .big img{display: none; width: 100%;}
.propicflash .big img.on{display: block;}
.propicflash .small{ margin:0 -7px; margin-top: 10px }
.propicflash .small img{ margin-bottom:10px; width: 100%; float: left; width: 23%; margin:0 1%; cursor: pointer;}
.propicflash .small img:last-child{margin-bottom: 0}
.addthis_inline_share_toolbox{display: inline-block; vertical-align: middle;}

.denatic{ color: #fff; font-family: Outfit-Medium;}
.denatic a{ color: #fff;}
.denatic i{ font-size: 24px; margin-right: 5px;}
.denatic a:hover{ color: #d23d2d;}
.dewaqihc{ margin-top: 46px; background: #fff; padding: 36px; box-shadow: 0 0 12px rgba(221,221,221,.5);}
.dewboivs{ display: flex; align-items: center;}
.dewblef{ width: 599px;}
.dewbrig{ width: calc(100% - 599px); padding-left: 46px; padding-right: 40px;}
.dwsdpr{ position: relative;}
.demi{ position: absolute; width: 100%; left: 0; top: 40%; z-index: 22; } 
.demi 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: 56px; background: rgb(0 0 0 / 25%); color: #fff; }
.demi span i{ font-size: 20px; display: inline-block; }
.demi span:hover{ background: #d4261e; color: #fff; }
.dsm_prev i{ transform: rotate(180deg); }
.dsm_prev{ left: 8%; }
.dsm_next{ right: 8%; }
.dewbrig h1{ font-size: 36px; margin-bottom: 24px; padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-family: Outfit-Medium; font-weight: normal;}
.dewmc p{ font-size: 20px; margin-bottom: 16px; font-family: Outfit-Regular; color: #0a0a0a;}
.dewmc p:last-child{ margin-bottom: 0;}
.pro_lxbtn{ margin-top: 54px; padding-right:64px; }
.pro_lxbtn a{ background: #d4261e; border-radius: 3px; margin-right: 3%; font-family: Outfit-Medium; color: #fff; text-align: center; font-size: 20px; padding:16px 0; width: 30%; display: inline-block; }
.pro_lxbtn a i{ display: inline-block; font-weight: normal; font-size: 22px; margin-left: 5px; }
.pro_lxbtn a:last-child{ margin-right: 0; }
.pro_lxbtn a:nth-of-type(2){ background: #b41118; }
.pro_lxbtn a *{ vertical-align: middle; }
.pro_lxbtn a:hover{ transform: translateX(10px); background: #e62d25 !important; color: #fff !important; }
.deintion{ padding: 54px 0 70px;}
.deh2tic{ font-size: 36px; margin-bottom: 20px; font-family: FUTURALTBOLD;}
.deintpc p{ line-height: 28px; font-family: Outfit-Light; margin-bottom: 12px; }
.deintpc p:last-child{ margin-bottom: 0;}

.deadvis{ background: url(../images/aivbgst.jpg) no-repeat; background-size: cover; display: flex; align-items: center; padding-left: 10%;}
.deavripi{ width: 738px;}
.dealexp{ width: calc(100% - 738px); padding-right: 140px; color: #fff;}
.deadvuls{ margin-top: 40px;}
.deadvuls li{ line-height: 28px; position: relative; padding-left: 24px; margin-bottom: 30px; font-family: Outfit-Light; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.2);}
.deadvuls li:last-child{ margin-bottom: 0;}
.deadvuls li::before{ position: absolute; top: 0; left: 0; content: "\e64d"; font-family: iconfont; font-size: 18px; color: #0062fe;}

.lis_relpro li,.lis_relpro02 li{margin:0 15px; text-align: center; }

.lis_relpro li .pic h6,.pro_lis .pic h6{width: 44px; height: 44px; line-height: 44px; border-radius: 50%; background:#fff; color: #014299; position: absolute; left: 50%; margin-left: -22px; bottom: 153%; font-size: 30px; font-weight: 100; transition: all .3s}
.lis_relpro li .pic p,.pro_lis .pic p{font-weight: 100; font-size: 14px; height: 50px; overflow: hidden; line-height: 24px; color: #fff; display: block; width: 90%; left: 5%; top: 153%; position: absolute; transition: all .3s}
.lis_relpro li h3,.pro_lis h3{font-size:20px; margin-top:20px;}

.lis_relpro .owl-controls,.lis_relpro02 .owl-controls,.productbox .owl-controls{margin-top: 30px;}
.lis_relpro .owl-controls .owl-page span,.lis_relpro02 .owl-controls .owl-page span,
.differbox .owl-controls .owl-page span,
.productlinebox .owl-controls .owl-page span,
.aboutbox .owl-controls .owl-page span,
.productbox .owl-controls .owl-page span{ background:#518ddc; width: 15px; height: 15px; margin:0 5px; }
.lis_relpro .owl-controls .owl-page.active span,.lis_relpro02 .owl-controls .owl-page.active span,
.differbox .owl-controls .owl-page.active span,
.productlinebox .owl-controls .owl-page.active span,
.aboutbox .owl-controls .owl-page.active span,
.productbox .owl-controls .owl-page.active span{ background:#014299; }
.after_service .row{margin:0 -20px; overflow: inherit; padding-bottom: 50px;}
.lis_relpro li img,.case_lis li img{display: block; width: 100%; transition:all .3s;}

.depam{ padding: 62px 0 84px; background: #fff;}
.pro_table{ overflow-x: auto; }
.pro_table table{ width: 100%; font-size: 16px; font-family: Outfit-Light; background: #fff; border-collapse: collapse; }
.pro_table table tr td{ border:1px solid #dcdcdc; font-size: 16px; font-family: Outfit-Light; padding:12px 40px;  }
.pro_table table tr:nth-of-type(odd) td{ background: #f5f5f5;}
.pro_table table tr:first-child td{ background: #0062fe; font-size: 18px; color: #fff; font-family:Outfit-Medium; }

.dequsk{ background: #fbfbfb; padding-top: 75px; position: relative; padding-bottom: 82px;}
.deqskiv{ display: flex;}
.deqslef{ width: 346px;}
.deqsrig{ width: calc(100% - 346px); padding-left: 226px;}
.qsulli li{ border-bottom: 1px solid #ddd; padding-bottom: 34px; margin-bottom: 40px;}
.qsulli li:last-child{ margin-bottom: 0;}
.qsulli li h4{ font-size: 22px; font-family: Outfit-Medium; font-weight: normal; margin-bottom: 10px;}
.qsulli li p{ font-size: 16px; line-height: 26px;}
.dequsk img{ position: absolute; bottom: 0; left: 16px;}

.deappw{ padding: 70px 0 100px; background: url(images/daapbgt.jpg) center fixed no-repeat; background-size: cover;}
.deappw .deh2tic{ color: #fff;}
.dewapsw{ position: relative;}
.dewitem{ background: #e9e9e9; position: relative; text-align: center; padding: 50px 26px 46px;}
.dewitem::before{ content: ""; width: 0; position: absolute; bottom: -130px; right: 0; transition: all 0.3s;
  height: 0;
  border-style: solid;
  border-width: 0 0 86px 130px;
  border-color: transparent transparent #d4261e transparent;}
.dewda .item{ margin: 0 12px;}
.dewitem h3{ font-size: 22px; line-height: 28px; font-weight: normal; font-family: Outfit-Medium;}
.dewpxt{ margin-top: 12px; border-top: 1px solid #464646; padding-top: 24px;}
.dewpxt p{ font-size: 16px; line-height: 26px;}
.dewda .slick-list{ margin: 0 -12px;}
.dewda .slick-track,.dewda .slick-slide,.dewda .slick-list{ display: flex;}
.dewarr{ position: absolute; top: 45%; width: 100%; left: 0;}
.dewarr span{ cursor: pointer; position: absolute; top: 0; }
.dewarr span i{ font-size: 32px; color: #fff; display: inline-block;}
.dew_prev{ left: -54px;}
.dew_next{ right: -54px;}
.dew_prev i{ transform: rotate(180deg);}
.dewitem:hover::before{ bottom: 0;}
.dewarr span:hover i{ color: #d4261e !important;}

.depadel{ background: #fff; padding: 74px 0 64px;}
.padep{ background: #f8f8f8; padding: 30px;}
.padep p{ font-size: 22px; position: relative; padding-left: 20px; margin-bottom: 6px; color: #0a0a0a; font-family: Outfit-Regular;}
.padep p:last-child{ margin-bottom: 0;}
.padep p::before{ content: ""; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; border-radius: 8px; border: 2px solid #0062fe;}
.depackswi{ position: relative; margin-top: 26px;}
.depcgds .item{ margin: 0 25px;}
.depcgds .slick-list{ margin: 0 -25px;}
.depackswi .dewarr span i{ font-size: 32px; color: #a6a6a6; display: inline-block;}
.dpc_prev{ left: -54px;}
.dpc_next{ right: -54px;}
.dpc_prev i{ transform: rotate(180deg);}

.desmes{ background: #f7f7f7; padding: 54px 0 62px;}
.sem_info{ overflow: hidden; }
.sem_info li{width: 49.2%; margin-bottom: 20px; position: relative; float: left; overflow: hidden;}
.sem_info li:nth-of-type(even){ float: right; }
.sem_info input,.sem_info textarea{width: 100%; resize: none; font-family:Outfit-Light; background:#fff; color: #000; border: 1px solid #e4e4e4; border-radius: 3px; font-size: 16px; padding: 14px 15px; }
.sem_info textarea{ height:180px; }
.sem_info form input::-webkit-input-placeholder,.sem_info form textarea::-webkit-input-placeholder { color: #0a0a0a;}
.sem_info form input:-moz-placeholder,.sem_info form textarea:-moz-placeholder {color: #0a0a0a;}
.sem_info li:last-child, .sem_info li:nth-of-type(5){ width: 100% !important; float: none !important;}
.sem_info li:last-child{ width: 100% !important; float: none; margin-top: 10px; margin-bottom: 0; }
.sem_info form button{ display: block; cursor: pointer; transition: all 0.3s; width: 326px; height: 52px; border-radius: 3px; border: none; font-size: 18px; background: #1a3169; color: #fff; font-family: Outfit-Regular;  }
.sem_info form button i{ font-size: 22px; display: inline-block; margin-left: 5px;}
.sem_info form button:hover{ transform: translateX(10px); }

.dehotp{ padding: 58px 0 120px; background: #fff; }
.dehoswi{ position: relative;}
.dhods .item{ margin: 0 24px;}
.dhods .slick-list{ margin: 0 -24px;}
.dehoswi .dewarr span i{ font-size: 32px; color: #a6a6a6; display: inline-block;}
.avf_prev{ left: -54px;}
.avf_next{ right: -54px;}
.avf_prev i{ transform: rotate(180deg);}
/* 应用 */
.applists{ display: grid; grid-gap: 54px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.applitem{ position: relative; padding-bottom: 228px;}
.applixtc{ padding: 36px 32px; position: absolute; transition: all 0.3s; bottom: 0; right: 0; width: 94%; background: #f7f7f7;}
.applixtc h3{ font-size: 22px; color: #333; font-family: Outfit-Medium; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.aplxtp{ border-top: 1px solid #464646; margin-top: 16px; padding-top: 12px;}
.aplxtp p{ font-size: 16px; line-height: 26px; color: #0a0a0a; height: 52px; overflow: hidden;}
.applixtc i{ display: inline-block; width: 46px; margin-top: 30px; font-size: 22px; height: 46px; background: #0062fe; color: #fff; border-radius: 46px; text-align: center; line-height: 46px;}
.applitem:hover .changpic img{ transform: scale(1.15);}
.applitem:hover .applixtc{ background: #1a3169;}
.applitem:hover .applixtc h3,.applitem:hover .applixtc p{ color: #fff;}
.applitem:hover .aplxtp{ border-top: 1px solid rgba(255, 255, 255, 0.12);}
.applitem02{ position: relative; padding-bottom: 88px;}
.applitem02:hover .changpic img{ transform: scale(1.15);}
.applitem02:hover .applixtc{ background: #1a3169;}
.applitem02:hover .applixtc h3,.applitem:hover .applixtc p{ color: #fff;}
.applitem02:hover .aplxtp{ border-top: 1px solid rgba(255, 255, 255, 0.12);}
.applitem02:hover .applixtc i{ background: rgb(255 255 255 / 5%);}
.case_nav{ overflow:hidden; margin-bottom:30px; background:#FFF;}
.case_nav li a{ display:block; width:20%; float:left; border:1px solid #CCC; height:80px; text-align:center; line-height:80px;}
.case_nav li.on a,.case_nav li:hover a{ background:#1a3169; color:#FFF;}
/* 成功案例 */
.pat48{ padding-top: 48px;}
.storibox{ padding-bottom: 140px;}
.stornrc{ display: flex;}
.storlb{ width: 354px;}
.storrb{ width: calc(100% - 354px); padding-left: 75px;}
.stonavl li{ margin-bottom: 6px;}
.stonavl li a{ display: flex; border-radius: 6px; border: 1px solid #dcdcdc; font-family: Outfit-Regular; padding: 16px 20px; align-items: center; justify-content: space-between;}
.stonavl li a:hover,.stonavl li.on a{ background: #d4261e; color: #fff; border: 1px solid #d4261e;}
.sticmes{ margin-top: 20px; padding: 30px 24px 40px; border-radius: 10px; overflow: hidden; background: url(images/smlbgs.jpg) no-repeat; background-size: cover;}
.sticmes h2{ color: #fff; font-size: 28px; font-family: Outfit-SemiBold; font-weight: normal;}
.quiry_info{ overflow: hidden; margin-top: 16px; }
.quiry_info li{width: 49%; margin-bottom: 10px; position: relative; float: left; overflow: hidden;}
.quiry_info li:nth-of-type(even){ float: right; }
.quiry_info input,.quiry_info textarea{width: 100%; border-radius: 6px; resize: none; font-family:Outfit-ExtraLight; background:#f9f9f9; color: #000; font-size: 14px; padding: 11px 10px; }
.quiry_info textarea{ height:160px; }
.quiry_info form input::-webkit-input-placeholder,.quiry_info form textarea::-webkit-input-placeholder { color: #000;}
.quiry_info form input:-moz-placeholder,.quiry_info form textarea:-moz-placeholder {color: #000;}
.quiry_info li:last-child, .quiry_info li:nth-of-type(3), .quiry_info li:nth-of-type(4){ width: 100%; float: none;}
.quiry_info li:last-child{ width: 100% !important; float: none; margin-top: 10px; margin-bottom: 0; }
.quiry_info form button{ overflow: hidden; text-align: center; display: block; cursor: pointer; transition: all 0.3s; width: 100%; height: 46px; border: none; border-radius: 6px; font-size: 16px; background: #b51c08; color: #fff; font-family: Outfit-Regular;  }
.quiry_info form button:hover{ opacity: 0.85; }
.stolist li{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e3e3e3;}
.stolist li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.sotitem a{ display: flex; width: 100%; align-items: center;}
.sotilefc{ width: 413px;}
.sotirigc{ width: calc(100% - 413px); padding-left: 36px;}
.sotilefc .changpic{ border-radius: 10px;}
.sotirigc h3{ font-size: 22px; margin-bottom: 15px; text-overflow: ellipsis; white-space: nowrap; font-family: Outfit-Medium; overflow: hidden; font-weight: normal;}
.sotirigc p{ font-size: 16px; color: #333; line-height: 25px; height: 75px; overflow: hidden;}
.sotirigc span{ display: inline-block; transition: all 0.3s; padding: 8px 44px; font-size: 16px; font-family: Outfit-Light; margin-top: 32px; border-radius: 6px; border: 1px solid #bfbfbf;}
.sotitem:hover .changpic img{ transform: scale(1.15);}
.sotitem:hover .sotirigc span{ border: 1px solid #d4261e; transform: translateX(10px); background: #d4261e; color: #fff;}
/* 服务 */
.serwabo{ margin-top: -40px; }
.sriwitem{ padding: 80px 0; background: url(images/sebttbt.jpg) no-repeat; background-size: cover;}
.seriwcc{ display: flex; align-items: center;}
.seciwle{ width: 50%; padding-right: 28px;}
.seciwri{ width: 50%; padding-left: 28px;}
.seciwle h2{ font-size: 36px; font-family: Didot-Bold; margin-bottom: 36px;}
.sultcc li{ margin-bottom: 30px; position: relative; padding-left: 36px; line-height: 30px; font-family: Outfit-Light;}
.sultcc li::before{ content: ""; position: absolute; top: 2px; left: 0; width: 26px; height: 21px; background: url(images/seicot.png) no-repeat; background-size: cover;}
.scicswi{ position: relative;}
.sicgds{ border-radius: 20px; overflow: hidden; border-right: 8px solid #d4261e;}
.sciar{ position: absolute; top: 44%; width: 100%; left: 0;}
.sciar span{ cursor: pointer; position: absolute; top: 0; color: #d4261e; display: inline-block; width: 40px; height: 40px; border-radius: 6px; text-align: center; line-height: 38px; background: #fff; border: 1px solid #d4261e;}
.sciar span i{ display: inline-block;}
.sri_prev{ left: 32px;}
.sri_next{ right: 32px;}
.sri_prev i{ transform: rotate(180deg);}
.sciar span:hover{ background: #d4261e; color: #fff;}
.serwabo .sriwitem:nth-of-type(even){ background: #fff;}
.serwabo .sriwitem:nth-of-type(even) .seciwle{ order: 2; padding-right: 0; padding-left: 28px;}
.serwabo .sriwitem:nth-of-type(even) .seciwri{ order: 1; padding-left: 0; padding-right: 28px;}
.serwabo .sriwitem:nth-of-type(even) .sicgds{ border-left: 8px solid #d4261e; border-right: none;}

/*分页 结束*/
.digg4{ text-align:right; font-size: 20px; margin-top: 50px;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{ width:50px; border-radius: 50px; text-align: center; border: 1px solid #b3b3b3; cursor: pointer; display: inline-block; vertical-align: middle; background: #fff; height:50px; line-height: 50px; color:#222; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background: #1a3169; border: 1px solid #1a3169; }
.digg4 span.disabled { font-size: 30px; font-family: Arial; line-height:43px; font-weight: normal; background: #f7f7f7; color: #a6a6a6;}
.digg4 a{ color: #a6a6a6; background: #fff; border: 1px solid #b3b3b3; }

/*新闻*/
.news_war {
    padding-bottom: 110px;
    line-height: 36px;
}
.infocon h1{margin: 60px 0 30px;}
.infocon p{margin:30px 0;}
.infocon h2{margin: 60px 0 30px;}
.infocon li{margin:30px 0;}

.nelistc{ display: grid; grid-gap: 60px 72px; grid-template-columns: repeat(3,minmax(0,1fr));}
.nelistc .inscard{ right: auto; left: 0;}
.nelistc .ispxivs p{ height: 52px;}
.nelistc .insictm:hover .inscard{ background: #d4261e;}
.nelistc .insictm:hover .inscard h3,.nelistc .insictm:hover .inscard em,.nelistc .insictm:hover .ispxivs p,.nelistc .insictm:hover .inscard span{ color: #fff;}
.nelistc .insictm:hover .ispxivs{ border-top: 1px solid #fff;}
.nelistc .insictm:hover .inscard span i{ background: rgb(255 255 255 / 10%);}

.news_list_con{ overflow:hidden; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #CCC;}
.news_list_con .news_list_img{ width:25%; float:left;}
.news_list_con .news_list_img  img{ display:block; width:100%; overflow:hidden;}
.news_list_con .news_list_txt{ width:73%; float:right;}
.news_list_con .aplxtp{ border:none;}
.news_list_con .news_list_txt p{ margin:20px 0; color:#666;}
.news_list_con .news_list_txt span{ color:#1a3169;}

.infocon{ }
.infocon h1{ font-size:30px; font-family: Outfit-SemiBold; margin-bottom: 20px; font-weight: normal; text-align: center; }
.infocon .time{ text-align: center; margin: 24px 0;  }
.infocon .time i{ color: #d4261e; font-size: 22px; display: inline-block; margin-right: 5px;}
.timepa{ display: inline-block; padding: 16px 44px; border-top: 1px solid #4c4c4c; border-bottom: 1px solid #4c4c4c; }
.timepa span{ font-size: 15px; display: inline-block;margin-right: 82px; }
.timepa span i{ color: #d4261e; 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 #4c4c4c; border-bottom: 1px solid #4c4c4c; padding:15px 0; margin:50px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other a:hover{ color: #d4261e; }
.infocon p{ line-height:30px; margin-bottom: 20px;}
.infocon p strong{ font-size: 18px;  }

/* faq */
.faqwar{ background: #f7f7f7; padding-bottom: 110px;}
.faqlist{ margin-top: 30px; }
.faqlist li {margin-bottom: 28px; padding: 0 38px; background: #fff; border: 1px solid #e5e5e5; }
.faqlist li:last-child{ margin-bottom: 0; }
.faqlist h3{ font-size: 22px; padding: 30px 50px 30px 35px; position: relative; cursor: pointer; font-weight: normal; font-family: Outfit-Medium; }
.faqlist h3:before{ content: "\e772";  width: 25px; height: 25px; line-height: 25px; border-radius: 25px; text-align: center; background: #d2d2d2; color: #fff; font-family: iconfont; font-size: 12px; position: absolute; top: 34px; right: 10px; }
.faqlist h3::after{ content: "\e641"; font-family: iconfont; position: absolute; top: 30px; left: 0; color: #0062fe; font-size: 26px;}
.faqlist h3.active::before{ background: #0062fe;}
.faqlist .fa_nrp{ display: none; position: relative; padding: 0 0 35px 35px; }
.faqlist .fa_nrp::before{ content: "\e60d"; font-family: iconfont; position: absolute; top: 2px; left: 0; color: #333; font-size: 26px; }
.fa_nrp p{ color: #0a0a0a; font-size: 16px; line-height: 26px; }
.faqlist .fa_nrp.active { display: block;}
/* 联系我们 */
.cotawar{ background: #f7f7f7; padding-bottom: 118px;}
.con_ullx{ display: flex; justify-content: space-between; }
.con_ullx li{ width: 24%; border: 1px solid #e4e4e4; transition: all 0.3s; background: #fff; text-align: center; padding: 34px 32px 25px; }
.con_ullx li i{ transition: all 0.3s; display: inline-block; width: 74px; height: 74px; font-size: 35px; line-height: 74px; border-radius: 74px; background: #0062fe; color: #fff; }
.con_ullx li p{ margin-top: 22px; font-size: 22px; margin-bottom: 10px; font-family: Outfit-Medium; }
.con_ullx li a{ color: #0a0a0a; font-size: 16px; }
.con_ullx li span{ line-height: 24px; display: inline-block; }
.con_ullx li:hover i{ transform: translateY(5px); background: #fff; color: #d4261e; }
.con_ullx li:hover{ background: #1a3169; border: 1px solid #1a3169;}
.con_ullx li:hover p{ color: #fff;}
.con_ullx li:hover a,.con_ullx li:hover span{ color: #fff;}

.coformc{ margin-top: 64px;}
.coformc .ititc{ text-align: center;}
.cofpxt{ text-align: center; margin-top: 16px; background: #efefef; padding: 22px 100px;}
.cofpxt p{ font-size: 16px; line-height: 28px; color: #0a0a0a;}
.coformc .sem_info{ margin-top: 22px;}

.map{ margin-top: 56px; border: 1px solid #e4e4e4;}
/*404*/
.no_fun{ text-align: center;margin-bottom: 60px;}
.no_fun h5{ font-size: 36px; margin-bottom: 30px; }
.no_fun p{ color: #0a0a0a; 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;}

.su02 input {
    color: #fff;
    background: #0052d9;
}

@media screen and (max-width: 1680px){
  .suvfle h2{ font-size: 60px;}
  .right-nav li{ width: 80px;}
  .right-nav li i{ font-size: 24px;}
  .right-nav li p{ font-size: 15px;}
  .right-nav li a{ height: 68px;}
  .deadvis{ padding-left: 4%;}
  .dequsk img{ width: 560px;}
  .iavcoc{ padding: 0 70px 0 5%;}
}

@media screen and (max-width: 1600px){
  .warper{ width: 88%; }
  .head_rcon{ width: 180px;}
  nav{ margin-right: 220px;}
  .icculs li a{ padding: 2rem 1rem;}
  .icculs li a p{ margin-top: 10px;}
  .icimp img{ width: 480px; }
  .icuixt{ margin-top: 20px;}
  .icuixt h3{ margin-bottom: 10px;}
  .icuixt span{ margin-top: 14px;}
  .icpvc{ padding: 50px 0 64px;}
  .inmuivs{ padding:60px 0 50px;}
  .iaucnu li span b{ font-size: 50px;}
  .iaucnu li p{ margin-top: 6px;}
  .iaucnu li span{ font-size: 24px;}
  .iacvi{ padding: 70px 0;}
  .iacbtnc{ margin-top: 26px;}
  .ititc{ font-size: 48px;}
  .in_cedpic .incebg.on{ height: 710px;}
  .in_ceul li a{ padding: 0 20px 62px;}
  .in_ceul li h3{ margin-top: 8px;}
  .in_ceul li p{ margin-top: 10px;}
  .in_ceul li span{ margin-top: 25px;}
  .innwc{ padding: 80px 0;}
  footer{ padding-top: 44px;}
  .fo_cop{ margin-top: 40px;}
  .suvfle h2{ font-size: 50px;}
  .pat80{ padding-top: 50px;}
  .prlistul{ grid-gap: 22px; }
  .pro_lxbtn{ padding-right: 0;}
  .deadvis{ padding-left: 6%;}
  .depam{ padding: 54px 0;}
  .dewitem{ padding: 34px 20px;}
  .abvisi { padding-top: 72px;}
  .ahvitlef .ititc{ line-height: 58px;}
  .avnvuls { margin-top: 45px;}
  .diouls li{ padding: 32px 26px 44px;}
  .diouls li h3{ margin-top: 14px; margin-bottom: 10px;}
  .diouls li i{ width: 80px; height: 80px; line-height: 80px; font-size: 40px;}
  .abdiff{ padding: 60px 0 80px;}
  .fo_boitem1 p{ margin-top: 24px;}
  .applists,.nelistc{ grid-gap: 40px;}
  .dewaiv{ margin-top: -310px;}
  .dewaqihc{ margin-top: 28px;}
}

@media screen and (max-width: 1440px){
  .sbulima{ width: 34%; padding: 36px 38px 30px 0;}
  .sbulijt{ width: 66%;}
  .sullbz{ padding: 0 40px;}
  .subriv{ padding: 16px 40px 0;}
  nav li{ margin: 0 14px;}
  .icimp img{ width: 434px;}
  .iavcrig{ padding-left: 20px;}
  .iaicon{ left: 20px;}
  .iavcoc{ padding: 0 40px 0 6%;}
  .iatic h1{ font-size: 23px;}
  .ititc{ font-size: 40px;}
  .iactix{ margin-top: 9px;}
  .in_cedpic .incebg.on{ height: 636px;}
  .in_ceul li .ic_ic{ font-size: 48px;}
  .innwc{ padding: 70px 0;}
  .sunvs{ top: 54%;}
  .plixtc{ padding: 12px 16px 18px;}
  .plixtc h3{ margin-bottom: 8px;}
  .plixtc span{ margin-top: 14px;}
  .dewaiv{ margin-top: -266px;}
  .dewaqihc{ padding: 28px;}
  .dewbrig h1{ font-size: 28px;}
  .dewbrig{ padding: 0 24px;}
  .pro_lxbtn a{ padding: 12px 0;}
  .deh2tic{ font-size: 28px;}
  .dealexp{ padding-right: 40px;}
  .deadvuls li{ margin-bottom: 24px; }
  .depam{ padding:45px 0;}
  .dequsk{ padding: 40px 0 50px;}
  .deqsrig{ padding-left: 130px;}
  .dequsk img{ width: 520px;}
  .qsulli li{ padding-bottom: 20px; margin-bottom: 24px;}
  .deappw{ padding: 40px 0 50px;}
  .dewda .item{ margin: 0 8px;}
  .dewda .slick-list{ margin: 0 -8px;}
  .dewitem{ padding: 24px 20px;}
  .dewitem h3{ font-size: 18px; line-height: 24px;}
  .dewpxt{ padding-top: 10px;}
  .dewitem::before{ display: none;}
  .depadel{ padding: 60px 0;}
  .padep p{ font-size: 20px;}
  .depcgds .item{ margin: 0 10px;}
  .depcgds .slick-list{ margin: 0 -10px;}
  .sem_info form button{ width: 184px;}
  .dhods .item{ margin: 0 10px;}
  .dhods .slick-list{ margin: 0 -10px;}
  .dehotp,.deintion{ padding: 50px 0 60px;}
  .suvfle h2{ font-size: 42px;}
  .abcox .iaicon{ bottom: 152px;  }
  .abvisi{ padding-top: 50px;}
  .ahvitrig{ padding-left: 40px;}
  .abdiff{ padding: 50px 0 60px;}
  .applixtc{ padding: 24px;}
  .applitem{ padding-bottom: 185px;}
  .applists, .nelistc{ grid-gap: 30px;}
  .nelistc .insictm{ padding-bottom: 264px;}
  .coformc{ margin-top: 50px;}
  .cotawar{ padding-bottom: 70px;}
} 

@media screen and (max-width: 1366px){
  .sullbz dl dd a,.subriv p{ font-size: 18px;}
  .subriv p{ margin-bottom: 22px;}
  .sbbixt h2{ font-size: 20px;}
  nav li{ margin: 0 10px;}
  .right-nav li p{ font-size: 13px;}
  .right-nav li{ width: 70px;}
  .right-nav li a{ height: 58px;}
  .icculs li a i{ font-size: 38px;}
  .icimp img{ width: 410px;}
  .in_ceul li span{ padding: 14px 20px;}
  .inscard span{ margin-top: 14px;}
  .inscard{ padding: 24px 22px 30px;}
  .insictm{ padding-bottom: 260px;}
  .innwc{ padding: 60px 0;}
  .fo_boitem2{ width: 11%;}
  .fo_boitem4{ width: 28%;}
  .fo_boxdiv h4{ margin-bottom: 18px;}
  .suvfle h2{ font-size: 35px;}
  .ponavsus{ width: 295px;}
  .prwbox{ padding-left: 316px;}
  .pculct li{ padding-left: 65px;}
  .pcbixus{ padding: 18px;}
  .dewaiv{ margin-top: -224px;}
  .dewbrig{ padding: 0 0 0 24px;}
  .pro_lxbtn a{ font-size: 18px;}
  .dsm_prev{ left: 5%;}
  .dsm_next{ right: 5%;}
  .abcox .iactix p{ margin-bottom: 14px;}
  .abcox .iaicon{ bottom: 218px;}
  .advlfa .item{ margin: 0 10px;}
  .advlfa .slick-list{ margin: 0 -10px;}
  .prwar,.news_war{ padding-bottom: 60px;}
  .nelistc .insictm{ padding-bottom: 234px;}
  .faqlist li{ margin-bottom: 18px; padding:0 24px}
  .con_ullx li{ padding: 18px;}
}

@media screen and (max-width: 1280px){
  nav li{ margin: 0 8px;}
  .sbbixt{ margin-top: 14px;}
  nav{ margin-right: 198px;}
  .icimp img{ width: 383px;}
  .icpvc{ padding: 46px 0;}
  .inmuivs{ padding: 50px 0 40px;}

}


@media screen and (max-width: 1140px){ 
    .biao_box01 img {
    display: block;
    width: 100%;
}
.biao_box_left {
    width: 100%;
    float: left;
}
.biao_box_right {
    width: 100%;
    float: right;
}
.biao_box02 {
    margin: 0px 0 60px;
}
    .chanliang_img img {
    display: block;
    width: 100%;
}
.applitem02 {
    position: relative;
    padding-bottom: 15px;
}
.infocon img {
    display: block;
    margin: 12px 0;
    width: 100% !important;
    height: 100% !important;
}
.news_list_con .news_list_img {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.news_list_con .news_list_txt {
    width: 100%;
    float: right;
}
.one-title {
    text-align: center;
    font-size: 32px;
}
.one-title02 {
    margin: 20px 0 40px;
    font-size: 18px;
}
.ititc03 {
    font-size: 28px;
}
.case_nav li a{ width: 100%; display: block;}
  #banner_home,.subbanner,.del_main{ margin-top: 62px; }
  .logo span{ display: inline-block; font-size: 18px; margin-left: 7px;}
  .search_box{ top: 62px; padding: 24px 0;}
  #nav .nav-button{display: block; top: 13px; right: 0; background: #1a3169; }
  header,header.position{ height: 62px; background: #000; }
  .logo img,.position .logo img{ height:46px; }
  .logo{ top: 8px; 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; font-size: 18px; line-height: normal;  display:block; padding:14px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  .banarr span{ width: 48px; height: 48px; line-height: 48px; }
  #banner_home .ban_prev,#banner_home:hover .ban_prev{ left: 8%; }
  #banner_home .ban_next,#banner_home:hover .ban_next{ right: 8%; }
  .logo img, .position .logo img{ height: 48px; }
  #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: #1a3169; }
  nav li>a:before,nav li.on a:before, nav li:hover a:before{ display: none; }
  .head_rcon{ right: 56px; top: 18px; }
  #banner_home .ban_prev{ left: 8%; }
  #banner_home .ban_next{ right: 8%; }
  .submett{ left: 0;  top: 0; padding: 0; border:none; width: auto; display: block !important; background: #434343;  position: inherit;  opacity: 1; height: auto !important; }
  .submett::before{ display: none;}
  #nav .warper{ width: 100%;}
  .sbulima,.subriv{ display: none;}
  .sbulijt{ padding: 0;}
  .sullbz{ width: 100%; padding: 0;}
  .sbulijt{ width: 100%; padding: 0; }
  .sullbz dl dd a{ color: #fff !important; width: 100%; padding: 12px 20px; font-size: 16px; background: transparent !important;}
  .sullbz dl dd{ height: auto; border-bottom: none !important;}
  .sullbz dl dd.on a, .sullbz dl dd:hover a{ color: #fff !important; background:#1a3169 !important; }
  .sullbz dl dd.on, .sullbz dl dd:hover{ border-bottom: none !important; }
  .sullbz dl dd.on a i, .sullbz dl dd:hover a i,.sullbz dl dd a i{ opacity: 0; }
  .sider-contact,.inphivs::before,.iabvic::before{ display: none;}
  .head_rcon{ width: 176px; top: 10px;}
  .hssearch i{ width: 38px; height: 38px; line-height: 38px;}
  .icculs li a i{ font-size: 32px;}
  .icculs li a{ padding: 1rem;}
  .icculs li a p{ font-size: 18px;}
  .inmuivs{ padding: 30px 0;}
  .iaucnu li span b{ font-size: 38px; line-height: 38px;}
  .iaucnu li{ width: 24%;}
  .iacvi{ padding:50px 0;}
  .iavcoc{ padding:0 2.5%;}
  .ititc{ font-size: 30px;}
  .iaicon{ top: 308px; bottom: auto;}
  .in_cedpic{ display: none; }
  .in_ceul{ position: static; flex-wrap: wrap; background: #1a3169; }
  .in_ceul li{ width: 50%; border-bottom: 1px solid rgba(255, 255, 255, 0.7); border-right: 1px solid rgba(255, 255, 255, 0.5); }
  .in_ceul li a { padding: 30px; }
  .in_ceul li h3{ height: 30px; }
  .in_ceul li span{ margin-top: 14px; }
  .in_ceul li p{ height: 104px; }
  .in_ceul li .ic_ic{ font-size: 44px; border: 1px solid #fff; }
  .in_ceul li a{ }
  .in_ceul li a p{ display: block; opacity: 1; }
  .in_ceul li span{ display: inline-block; }
  .in_ceul li .ic_ic{ width: 52px; height: 52px; line-height: 50px; font-size: 25px; }
  .in_ceul li.on .ic_ic{ font-size: 25px; }
  .innwc{ padding: 50px 0;}
  .inscard h3{ font-size: 20px;}
  .fo_boitem2{ display: none;}
  footer{ padding-top: 25px;}
  .fo_boitem1 p{ margin-top: 10px;}
  .fo_boitem3{ width: 28%;}
  .fo_boitem4{ width: 35%;}
  .fo_boitem1{ width: 30%;}
  .flxuls li{ margin-bottom: 16px;}
  .suvfle h2{ font-size: 30px;}
  .ponavsus{ display: none;}
  .prwbox{ padding: 0;}
  .digg4{ text-align: center;}
  .plixtc h3{ font-size: 20px;}
  .digg4 a, .digg4 span.miy, .digg4 span.disabled, .digg4 span.current{ width: 40px; height: 40px; line-height: 38px;}
  .digg4 span.disabled{ font-size: 22px;}
  .dewaqihc{ margin-top: 24px; padding: 20px;}
  .dewblef{ width: 52%;}
  .dewbrig{ width: calc(100% - 52%);}
  .dewbrig h1{ font-size: 25px;}
  .dewmc p{ margin-bottom: 10px; font-size: 18px;}
  .demi span{ width: 50px; height: 50px; line-height: 50px;}
  .pro_lxbtn a{ margin-right: 1%; width: 32%;}
  .deadvis{ padding: 25px 2.5%; flex-wrap: wrap;}
  .dealexp{ width: 100%; padding: 0;}
  .deavripi{ width: 100%; margin-top: 15px;}
   .deavripi img{ width: 100%; display:block; }
  .deh2tic{ margin-bottom: 12px;}
  .deadvuls{ margin-top: 15px;}
  .depam{ padding:30px 0;}
  .dequsk{ padding: 30px 0;}
  .deqskiv{ flex-wrap: wrap;}
  .deqslef{ width: 100%;}
  .deqsrig{ width: 100%; padding: 0;}
  .dequsk img{ display: none;}
  .qsulli li h4{ font-size: 21px;}
  .qsulli li{ margin-bottom: 14px; padding-bottom: 14px;}
  .dew_prev,.avf_prev{ left: 0;}
  .dew_next,.avf_next{ right: 0;}
  .dewarr span i,.depackswi .dewarr span i,.dehoswi .dewarr span i,.avlic .dewarr span i{ color: #000;}
  .dewpxt p{ line-height: 24px;}
  .depadel{ padding: 50px 0;}
  .padep{ padding: 20px;}
  .padep p{ font-size: 18px;}
  .padep p::before{ top: 5px;}
  .dpc_prev,.hod_prev{ left: 0;}
  .dpc_next,.hod_next{ right: 0;}
  .desmes{ padding: 42px 0;}
  .sem_info li{ margin-bottom: 12px;}
  .abcox .iaicon{ bottom: auto;}
  .advlfa .item{ margin: 0 6px;}
  .advlfa .slick-list{ margin: 0 -6px;}
  .diouls li{ padding: 30px 18px;}
  .diouls li h3{ font-size: 24px;}
  .applists, .nelistc{ grid-gap: 20px;}
  .infocon h1{ font-size: 25px;}
  .faqlist{ margin-top: 0;}
  .faqwar{ padding-bottom: 60px;}
  .con_ullx li p{ margin: 12px 0;}
  .in_pro_list li {
  
    width: 48%;
  
}
.propicflash {
    width: 100%;
   
}
.pro_detail {
   
    padding: 0px;
    margin-bottom: 30px;
}
.pro_detail .rcon {
    margin-left: 0;
    padding: 25px 0 0 1px;
    overflow: hidden;
}
.pro_detail .contac li {
    width: 100%;
    padding: 10px 0;
    padding-left: 70px;
}
.deintpc p {
    line-height: 30px;
}
}

@media screen and (max-width: 768px){
    .insictm02 {
    position: relative;
    padding-bottom: 42px;
}
  .banarr span{ width: 40px; height: 40px; line-height: 40px;}
  #banner_home .ban_prev{ left: 2%;}
  #banner_home .ban_next{ right: 2%;}
  .icculs{ flex-wrap: wrap;}
  .icculs li{ width: 33.33%; flex: none; border-bottom: 1px solid rgba(255,255,255,.15);}
  .icpvc{ padding: 30px 0;}
  .icpultt li.on,.icpultt li{ width: 49%;}
  .icpultt li+li{ margin-left: 0;}
  .icculs{ flex-wrap: wrap;}
  .icpultt{ flex-wrap: wrap;}
  .icpultt li{ margin-right: 2%;}
  .icpultt li:nth-of-type(even){ margin-right: 0;}
  .icimp img{ width: auto; max-width: 100%;}
  .icpultt li .icuixt p{ height: 72px;}
  .icpultt li.on .icuixt p {
    height: 72px;
}
  .icpultt li .icimp img{ opacity: 1;}
  .icpultt li .icuixt span{ display: inline-block;}
  .icuixt{ margin-top: 14px;}
  .icuixt span i{ width: 40px; height: 40px; line-height: 40px;}
  .icuixt h3{ font-size: 20px;}
  .iaucnu{ display: grid; grid-gap: 14px; grid-template-columns: repeat(2,minmax(0,1fr));}
  .iaucnu li{ width: 100%;}
  .iaucnu li i{ font-size: 24px;}
  .iaucnu li span b{ font-size: 28px; line-height: 28px;}
  .iacvi{ padding: 30px 0;}
  .iavcoc{ flex-wrap: wrap;}
  .iavclef{ width: 100%;}
  .iavcrig{ width: 100%; padding: 0; margin-top: 15px;}
  .iavcpic{ padding: 0;}
  .iaicon{ display: none;}
  .iatic h1{ font-size: 20px;}
  .ititc{ font-size: 26px;}
  .iavcpic li:last-child{ margin-top: 34px;}
  .innwc{ padding: 40px 0;}
  .fo_boitem1{ display: none;}
  .fo_boitem3{ width: 42%; padding: 0;}
  .fo_boitem4{ width: 54%; padding: 0;}
  .suvfle p{ display: none;}
  .suvfle h2{ font-size: 24px;}
  .pat80{ padding-top: 30px;}
  .prlistul{ grid-gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .digg4{ margin-top: 24px;}
  .prwar, .news_war{ padding-bottom: 40px;}
  .dewaiv{ margin-top: -140px;}
  .dewboivs{ flex-wrap: wrap;}
  .dewblef{ width: 100%;}
  .dewbrig{ width: 100%; padding: 0; margin-top: 12px;}
  .dewmc p{ font-size: 17px; margin-bottom: 8px;}
  .pro_lxbtn{ margin-top: 20px;}
  .deh2tic{ font-size: 23px;}
  .dehotp, .deintion,.deappw,.depadel,.desmes{ padding: 30px 0;}
  .depcgds .item{ margin: 0 8px;}
  .depcgds .slick-list{ margin: 0 -8px;}
  .abvisi{ padding-top: 40px;}
  .abvitcit{ flex-wrap: wrap;}
  .ahvitlef{ width: 100%;}
  .ahvitrig{ width: 100%; padding-left: 0; margin-top: 14px;}
  .ahvitlef .ititc{ line-height: 35px;}
  .ahvitrig h3{ font-size: 20px; margin-top: 16px;}
  .avnvuls{ margin-top: 20px;}
  .avlic{ margin-top: 14px;}
  .abdiff{ padding: 32px 0;}
  .diouls{ margin-top: 15px; flex-wrap: wrap;}
  .diouls li{ width: 100%;}
  .diouls li p{ height: auto;}
  .applists,.nelistc{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .applixtc i{ margin-top: 12px;}
  .applixtc{ padding: 18px;}
  .applitem{ padding-bottom: 140px;}
  .applixtc h3{ font-size: 30px;}
  .inscard{ padding: 18px;}
  .infocon .time{ margin: 15px 0;}
  .infocon p{ line-height: 25px; margin-bottom: 10px;}
  .infocon .other{ margin: 34px 0 0 0;}
  .faqlist li{ padding: 0 14px; margin-bottom: 10px;}
  .con_ullx{ flex-wrap: wrap;}
  .con_ullx li{ width: 49%; margin-right: 2%; margin-bottom: 10px;}
  .con_ullx li:nth-of-type(even){ margin-right: 0;}
  .con_ullx li i{ width: 50px; height: 50px; line-height: 50px; font-size: 25px;}
  .con_ullx li p{ margin: 6px 0;}
  .coformc{ margin-top: 20px;}
  .cofpxt{ padding: 12px;}
  .map{ margin-top: 14px;}
  .cotawar{ padding-bottom: 40px;}
  .in_project ul li.on {
    width: 100%;
}
.in_project ul li {
 
    height: auto;
 
}
.innswi .item {
    margin: 0 2%;
    width: 96% !important;
}
.slick-track {
    width: 100% !important;
}.in_project {
    padding-top: 40px;
    padding-bottom: 40px;
}.home_boxtit {
    font-size: 32px;
   
}.in_project ul {
   
    margin-top: 20px;
}
.in_pro {
    padding: 40px 0;
   
}
.plixtc h3 {
   
    height: 76px;
}
}

@media screen and (max-width:480px){
  footer{ padding-bottom: 60px; }
  .footmenu{ display: block; }
  .footmenu div.con{ background: #1a3169; }
  .footmenu a{ color: #fff; }
  .logo img, .position .logo img{ height: 36px; }
  .logo{ top: 12px; }
  .logo span{ display: none;}
  .search_box{ padding: 12px 0;}
  .search_box .warper{ padding: 0;}
  #banner_home .ban_prev{ left: 0;}
  #banner_home .ban_next{ right: 0;}
  .head_rcon{ width: 160px;}
  .banner .slick-dots{ bottom: 12px;}
  .icculs li a{ padding: 0.6rem;}
  .icculs li a p{ font-size: 14px;}
  .icuixt p{ line-height: 24px; height: 72px;}
  .icpvc,.iacvi,.innwc{ padding: 20px 0;}
  .icuixt{ margin-top: 8px;}
  .inmuivs{ padding: 20px 0;}
  .ititc{ font-size: 22px;}
  .iactix p{ line-height: 24px;}
  .in_ceul li a{ padding: 12px;}
  .insictm{ padding-bottom: 0;}
  .inscard{ position: static; width: 100%;}
  .innswi{ margin-top: 12px;}
  .fo_boxdiv{ flex-wrap: wrap;}
  .fo_boitem3{ width: 100%; }
  .fo_boitem4{ width: 100%; margin-top: 14px;}
  .fo_boxdiv h4{ font-size: 21px; margin-bottom: 10px;}
  .flxuls li{ margin-bottom: 8px;}
  .media { margin-top: 20px;}
  .fo_cop{ margin-top: 14px; padding: 14px 0;}
  .suvfix span{ display: none;}
  .suvfle h2{ font-size: 20px;}
  .pat80{ padding-top: 20px;}
  .prlistul{ grid-gap: 6px;}
  .plixtc span{ display: none;}
  .dewaqihc{ padding: 10px;}
  .dewaiv{ margin-top: -84px; }
  .dewbrig h1{ margin-bottom: 12px; padding-bottom: 12px;}
  .pro_lxbtn a{ width: 100%; margin-right: 0; margin-bottom: 5px;}
  .pro_lxbtn a:last-child{ margin-bottom: 0;}
  .deintpc p{ line-height: 30px;}
  .deadvuls li{ margin-bottom: 10px; padding-bottom: 10px;}
  .depam{ padding:20px 0;}
  .pro_table table tr td{ padding: 8px;}
  .dehotp, .deintion, .deappw, .depadel, .desmes{ padding: 20px 0;}
  .sem_info li{ width: 100%; float: none; margin-bottom: 5px;}
  .sem_info li:nth-of-type(even){ float: none;}
  .abcox .iactix p{ line-height: 24px;}
  .abvisi{ padding-top: 20px;}
  .applitem{ padding: 0;}
  .applists, .nelistc{ grid-gap: 10px;}
  .applixtc{ position: static; width: 100%; padding: 10px;}
  .applixtc h3{ font-size: 18px;}
  .aplxtp{ margin-top: 5px; padding-top: 5px;}
  .applixtc i{ display: none;}
  .inscard{ padding: 10px;}
  .nelistc .insictm{ padding: 0;}
  .inscard h3{ margin-top: 6px;}
  .ispxivs{ margin-top: 3px; padding-top: 3px;}
  .infocon h1{ font-size: 21px;}
  .faqlist h3{ padding: 14px 37px 14px 0px; font-size: 20px;}
  .faqlist h3::after,.faqlist .fa_nrp::before{ display: none;}
  .faqlist .fa_nrp{ padding: 0 0 20px 0;}
  .fa_nrp p{ line-height: 24px;}
  .con_ullx li{ padding: 10px;}
  .con_ullx li p{ font-size: 20px;}
  .cofpxt p{ line-height: 24px;}
  #banner {
    margin-top: 62px;
}
}