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

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



video{ display: block; }

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.w_p_main{ background: #fff; }
.main{ background: #f8f8f8;  }


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





.changpic{ width: 100%; overflow: hidden; }
.changpic img{ object-fit: cover; height: 100%; max-width: 100%; max-height: 100%; width: 100%; transition: all 0.3s; }
.banner .item{ position: relative; }
.cl{ clear: both; }
.pro_rel{ position: relative; }
.ban_text{ position: absolute; top: 35%; text-align: center; left: 50%; transform: translateX(-50%); width: 56%; }
.ban_text h1{ font-size: 82px; line-height: 110px; color: #fff; text-transform: uppercase; font-family: OSWALD-B; }
/*标题*/
.ih2tit{ text-transform: uppercase; font-size: 56px; line-height: 56px; font-family: OSWALD-B; }
/*首页*/
.inpnav{ display: flex; }
.inpnav li{ width: 25%; } 
.inpnaitem a{ display: block; width: 100%; position: relative; background: #f5f5f5; }
.inpnaitem .changpic{ transition:all 0.3s; }
.inpnaitem .changpic img{ opacity: 0; }
.inptedit{ position: absolute; text-align: center; padding:0 58px; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.inptedit i{ font-size: 80px; color: #333; }
.inptedit h2{ color: #333; font-size: 24px; margin:20px 0 25px; text-transform: uppercase; font-weight: normal; font-family: oswald-r; }
.inptedit p{ font-size: 15px; line-height: 24px; color: #888; font-family: Roboto-Light; }
.inpnav li:nth-of-type(even) .inpnaitem a{ background: #efefef; }
.inpnaitem:hover a{ background: transform; color: #fff; }
.inpnaitem:hover .changpic img{ opacity: 0.25; }
.inpnaitem:hover .changpic{ background: #000; }
.inpnaitem:hover a i,.inpnaitem:hover a h2{ color: #fff; }
.inpnaitem:hover a p{ color: #e5e5e5; }

.inab_div{ background: url(images/inabbg.jpg) left bottom no-repeat; padding: 115px 0 124px; }
.inabbox{ width: 100%; overflow: hidden; }
.iable{ float: left; width: 298px; }
.iabri{ margin-left: 298px; }
.flat-video-fancybox { margin-top: 258px; margin-left: 60px; width: 90px; text-align: center; }
.flat-video-fancybox a.fancybox { display: inline-block;
     background: #c10000; width: 90px; height: 90px; line-height: 90px; text-align: center;
    border-radius: 50%; position: relative; z-index: 22; }
.flat-video-fancybox i{ font-size: 28px; color: #fff; }
.ripple, .ripple:before, .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 0 0 0 rgba(193,0,0,0.6);
    animation: ripple 3s infinite;
}

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

  100% {
    box-shadow: 0 0 0 0 rgba(193,0,0,0)
  }
}
.iabribox{ padding-left: 106px; }
.inabtext{}
.inabtext p{ font-size: 15px; margin-bottom: 20px; line-height: 24px; color:#888; font-family: Roboto-Light; }
.inabtext p:last-child{ margin-bottom: 0; }
.iabribox a{ display: inline-block; padding: 14px 46px; margin-top: 60px; color: #fff; background: #c10000; font-size: 15px; font-family: Roboto-Light; }
.iabribox a:hover{ transform: translateX(10px); }
.inabnum{ display: flex; margin-top: 110px; }
.inabnum li{ width: 31%; margin-right: 4%;  }
.inabnum li:last-child{ margin-right: 0; }
.inabnum li b{ font-size: 50px; font-family: OSWALD-B }
.inabnum li p{ font-size: 15px; margin-top: 8px; line-height: 20px; font-family:Roboto-Light; color: #888;  }
.inaqic{ overflow: hidden; margin-top: 68px; height: 38px; position: relative; z-index: 0; }
.inaqic:before{ content: ""; position: absolute; top: 50%; z-index: -1; width: 100%; transform:translateY(-50%); left: 0; height: 4px; background: #0052a5; }
.inaqic img{ width: 85px; height: 38px; position: absolute; top:0; left: 0; animation: roll 8s linear infinite; }
@keyframes roll{
  0%{
    left: -5%;
  }
  100%{
    left: 105%;
  }
}
.bigbg{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.getbox{ width: 800px; height: auto; position: absolute; top: 30%; left: 50%; margin-left: -400px; }
.allhide{ display: none; }


.inp_war{ background: #f5f5f5; padding: 82px 0 110px;  }
.inp_swi{ position: relative; margin-top:30px; }
.inps_gds .item{ margin:0 18px; }
.inpitems h3{ margin-top:38px; font-size: 22px; font-family: ROBOTO-BOLD; overflow: hidden;  }
.inpitems p{ font-size: 15px; line-height: 24px; color:#888; height: 72px; overflow: hidden; margin-top: 24px; }
.inplink{ display:flex; padding-right:50px; }
.inplink a{ width:48.5%; display:inline-block; margin-right:3%; }
.inplink a:last-child{ margin-right:0; }
.inpitems span{ transition: all 0.3s; text-align:center; width:100%; display: inline-block; margin-top: 38px; padding:14px 0; background: #0052a5; color: #fff; font-size: 15px; font-family: Roboto-Light; }
.inpitems:hover .changpic img{ transform:scale(1.15); }
.inpitems:hover span{transform: translateX(10px); }
.inpitems .inplink a:hover span{background: #c10000; }
.inparr{ position: absolute; top: -72px; right: 18px; }
.inparr span{ cursor: pointer; display: inline-block; color:#fff; background: #0052a5; width: 60px; height: 38px; line-height: 38px; text-align: center; }
.inparr span i{ font-weight: bold; display: inline-block; }
.ips_prev i{ transform: rotate(180deg); }
.inparr span:hover{ background: #b20000; }

.incabo{ width: 100%; overflow: hidden; }
.incabo li{ float: left; width: 19%; transition: all 0.3s; height: 600px; background-size: cover; background-repeat: no-repeat; }
.incabo li a{ display: flex; align-items: flex-end; position: relative; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.icah3{ padding: 0 40px 65px; width: 100%; text-align: center; }
.icah3 h3{ color: #fff; font-size: 24px; font-family: oswald-r; font-weight: normal; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; }
.icasho{ position: absolute; opacity: 0; top: 50%; left: 50%; padding:56px; transform: translate(-50%,-50%); width: 75%; height: 70%; background: rgba(34,86,194,0.8); }
.incabo li.on{ width: 43%; }
.icasho h3{ color: #fff; font-size: 24px; margin-bottom: 32px; font-family: oswald-r; font-weight: normal; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; }
.icasho p{ font-size: 15px; line-height: 26px; color: rgba(255,255,255,0.8); height: 104px; overflow: hidden; font-family: Roboto-Light; }
.icasho span{ margin-top: 64px; padding: 12px 40px; display: inline-block; background: #fff; font-size: 15px; font-family: Roboto-Light; }
.incabo li.on a{ background: transparent; }
.incabo li.on .icah3{ opacity: 0; }
.incabo li.on .icasho{ opacity: 1; }

.innews{ padding: 96px 0 144px; }
.innews .ih2tit{ position: relative; }
.innews .ih2tit:before{ content: ""; position:absolute; width: calc(100% - 262px); top: 50%; transform: translateY(-50%); right: 0; height: 3px; background: #0052a5; }
.inne_top{ margin-top: 32px; }
.inne_top a{ width: 100%; overflow: hidden; display: block; }
.int_lef{ width: 50%; float: left; padding: 55px 125px 0 0; }
.int_rig{ width: 50%; float: right; }
.int_lef em{ font-style: normal; font-size: 16px; color: #a3a3a3; }
.int_lef h3{ font-size: 24px; margin-top: 34px; font-weight: normal; font-family: oswald-r; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.int_lef p{ margin-top: 20px; color: #888; font-size: 15px; line-height: 24px; height: 120px; overflow: hidden; font-family: Roboto-Light; }
.int_lef span{ transition:all 0.3s; margin-top: 64px; padding: 12px 40px; display: inline-block; background: #b20000; color: #fff; font-size: 15px; font-family: Roboto-Light; }
.inne_top:hover .int_lef span{ transform: translateX(10px); }
.inne_top:hover .changpic img{ transform:scale(1.15); }
.inns_ul{ margin-top: 45px; display: flex; }
.inns_ul li{ width: 50%; padding-right:30px; }
.inns_li{ position: relative; padding-right:38px; }
.inns_tx{ position: absolute; bottom: 0; box-shadow: 0 10px 25px rgba(101,177,221,0.3); right: 0; width: 60%; background: #fff; padding: 26px 32px 48px;}
.inns_tx h3{ margin-bottom:15px; font-size: 24px; font-weight: normal; font-family: oswald-r; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.inns_tx p{ font-size: 15px; line-height: 24px; color: #888;  height: 72px; overflow: hidden; font-family: Roboto-Light; }
.inns_li:hover .changpic img{ transform: scale(1.15); }



.fo_mess{ padding: 82px 0 92px; background: url(images/fomebg.jpg) no-repeat; background-size: cover; }
.fo_mess .ih2tit{ font-size: 52px; color: #fff; text-align: center; line-height: 52px; }
.fo_mess p{ font-size: 15px; text-align: center; margin-top: 18px; font-family: Roboto-Light; color: rgba(255,255,255,0.7); }
.is_mfoul{ width: 100%; margin-top: 32px; overflow: hidden; }
.is_mfoul li{ float: left; width: 28%; position: relative; margin-right: 0.8%; }
.is_mfoul li:nth-of-type(4){ width: 13%; margin-right: 0; }
.is_mfoul li input{ width: 100%; height: 44px; padding: 0 18px; border: none; background:#fff; font-size: 16px; font-family: Roboto-Light; color: #000; }
.is_mfoul li input::-webkit-input-placeholder{ color: #666; }
.is_mfoul li button{ transition: all 0.3s; border: none; background: #1c1c1c;  text-transform: capitalize; width: 100%; cursor: pointer; height: 44px; font-family: ROBOTO-REGULAR;  border-radius: 0; font-size: 18px; text-align: center; color: #fff; }
.is_mfoul li button:hover{ background: #c10000; color: #fff; }
.fo_bot{ padding:52px 0 60px; }
.fo_boxdiv{ width: 100%; overflow: hidden; }
.fo_boitem1{ float: left; width: 32%; }
.fo_boitem1 p{ font-size: 15px; margin-top: 24px; line-height: 24px; color: #888; }
.fo_boitem2{ float: left; margin-left: 10%; padding-top:16px; width: 15%; }
.fo_boitem3{ float: left; padding-top:16px; margin-left: 6%; width: 9%; }
.fo_boitem4{ float: right; padding-top:16px; width: 21%; }
.fo_boxdiv h4{ color: #fff; text-transform: uppercase; font-size: 24px; font-family: oswald-r; font-weight: normal; margin-bottom: 25px; }
.fo_opul{ margin-top: ; }
.fo_opul li{ position: relative; font-size: 15px; font-family: Roboto-Light; margin-bottom: 14px;  }
.fo_opul li a{ display: inline-block; color: #888; }
.fo_opul li:hover a{ transform: translateX(5px); color: #fff; }
.fo_cusl{}
.fo_cusl li{ position: relative; font-family: Roboto-Light; padding-left: 28px; font-size: 15px; margin-bottom: 14px; color: #888; }
.fo_cusl li a{ color: #fff; }
.fo_cusl li a:hover{ text-decoration: underline; }
.fo_cusl li i{ position: absolute; top: 0; left: 0; color: #888; font-size: 18px; }
.fo_cusl li:last-child{ margin-bottom: 0; }
.fo_cusl li span{ display: inline-block; color: #fff; }

.media{ float: right; }
.media a{ color: #a1a1a1; font-size: 20px; margin-left: 20px; display: inline-block;}
.media a:hover{ color: #fff; }



.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px; display: none;}
.footmenu img{display:block}
.footmenu div.bgcolor{ clear:both;}
.footmenu div.con{position:absolute;bottom:0;left:0;width:100%; padding-bottom: 10px; background:#f39800;}
.footmenu a{color:#fff;font-size:16px; display:block;width:25%;text-align:center;float:left;position:relative}
.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px; font-size: 26px;}
/*位置*/
.subbanner{ position: relative; }
.sucen{ position: absolute; top: 38%; left: 0; width: 100%; text-align: center; }
.sucen h2{ color: #fff; font-size: 82px; text-transform: uppercase; font-family: OSWALD-B; }
.sucen span{ display: inline-block; padding: 12px 22px; text-transform: uppercase; color: #fff; font-family: oswald-r; background: rgba(0, 0, 0, 0.2); border-radius: 50px; }
.sucen span i{ font-size: 25px; margin-right: 6px; }
.sucen span a{ color: #fff; }
.subform{ position: absolute; width: 56%; top: 56%; left: 50%; transform: translateX(-50%); }
.subform select{ width: 30%; float: left; background: rgba(255,255,255,0.2); padding: 0 20px; height: 60px; color: #fff; font-size: 20px; font-family: oswald-r; }
.subform select option{ color: #333; }
.subrfo{ width: 69%; float: right; position: relative; padding-right: 200px; }
.subrfo input{ width: 100%; height: 60px; line-height: 60px; background: rgba(255,255,255,0.2); padding: 0 20px; color: #fff; font-size: 20px; font-family: oswald-r; }
.subrfo input::-webkit-input-placeholder,.subrfo textarea::-webkit-input-placeholder { color: #fff;}
.subrfo input:-moz-placeholder,.subrfo textarea:-moz-placeholder {color: #fff;}
.subrfo button{ position: absolute; transition:all 0.3s; top: 0; right: 0; width: 200px; cursor: pointer; border: none; height: 60px; color: #fff; background: #c10000; font-size: 20px; font-family: oswald-r; }
.subrfo button i{ display: inline-block; margin-left: 8px; font-size: 20px; }
.subrfo button:hover{ opacity: 0.9; }

/*关于我们*/
.ab_war .inab_div{ padding: 0 0 124px; }
.ab_ser{ background: #0052a5; overflow: hidden; padding: 95px 85px 52px 250px; }
.ab_sele{ float: left; width: 55%; }
.ab_seri{ float: right; width: 45%; padding-left: 45px; }
.ab_sele .ih2tit{ color: #fff; }
.ab_setxt{ margin-top: 38px; }
.ab_setxt p{ color: #fff; margin-bottom: 20px; line-height: 24px; font-size: 15px; font-family: Roboto-Light; }
.ab_setxt p:last-child{ margin-bottom: 0; }

.ab_phi{ padding: 90px 0 100px 250px; overflow: hidden; }
.abph_le{ float: left; width: 34%; padding-top: 35px; }
.abph_ri{ float: right; width: 66%; padding-left: 82px; }
.aptxdi{ margin-top: 38px; }
.aptxdi p{ font-size: 15px; line-height: 24px; color: #888; font-family: Roboto-Light; }
.aplit{ margin-top: 70px; position: relative; padding-left: 24px; }
.aplit h3{ font-size: 24px; line-height: 38px; font-family: oswald-r; font-weight: normal; }
.aplit:before{ content: ""; position: absolute; top: 0; left: 0; width: 6px; height: 100%; background: #cb0000; }

.ab_cul{ background: #f2f2f2; padding: 96px 0 82px; }
.ab_cul .ih2tit{ text-align: center; }
.abculnr{ margin-top: 60px; position: relative; height: 525px; }
.abculnr img{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.ab_culul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.ab_culul li{ width: 28%; margin-right: 22%; margin-bottom: 140px; }
.ab_culul li:nth-of-type(even){ margin-right: 0; }
.ab_culul li:nth-of-type(3),.ab_culul li:nth-of-type(4){ margin-bottom: 0; }
.ab_culul li h3{ text-transform: uppercase; margin-bottom: 30px; font-size: 24px; padding-bottom: 22px; border-bottom: 1px dashed #d2d2d2; font-weight: normal; font-family: oswald-r; }
.ab_culul li p{ font-size: 15px; line-height: 24px; color: #666; font-family: Roboto-Light; }
.ab_culul li:nth-of-type(odd){ text-align: right; }

.ab_serce{ padding-top: 90px; }
.abseul{ width: 100%; overflow: hidden; margin-top: 15px; }
.abseul li{ float: left; position: relative; width: calc(27.7% - 10px); transition: all 0.3s; height: 522px; background-size: cover; background-repeat: no-repeat; }
.abseul li + li { margin-left: 10px;}
.abseul li.on{ width: 44.5%; }
.ab_seshow{ position: absolute; padding: 80px 45px 46px; bottom: 0; left: 0; background: linear-gradient(transparent, rgba(0, 73, 146, 0.5)); bottom: 0; left: 0; width: 100%; }
.ab_seshow i{ display: inline-block; color: #fff; margin-bottom: 20px; text-align: center; font-size: 40px; width: 74px; height: 74px; border-radius: 74px; line-height: 72px; border: 1px solid #fff; }
.ab_seshow h4{ color: #fff; font-weight: normal;  font-size: 30px; font-family: oswald-r; }
.ab_seshow h5{ display: none; color: #fff; margin-top: 50px; line-height: 26px; font-size: 18px; font-family: Roboto-Medium_0; font-weight: normal; }
.abspp{ margin-top: 48px; display: none; }
.abspp p{ font-size: 15px; color: #fff; position: relative; padding-left: 15px; margin-bottom: 12px; font-family: Roboto-Light; }
.abspp p:last-child{ margin-bottom: 0; }
.abspp p:before{ content: ""; position: absolute; top: 5px; left: 0; width: 7px; height: 7px; border-radius: 7px; background: rgba(255, 255, 255, 0.3); }
.abseul li.on .ab_seshow h5,.abseul li.on .abspp{ display: block; }
.abseul li.on .ab_seshow{ height: 100%; background: rgba(0, 73, 146, 0.9); }
.abseul li.on .ab_seshow i{ display: none; }
/*case*/
.pat100{ padding-top: 100px; }
.case_war{ padding-bottom: 115px; }
.case_list{ display: grid; grid-gap: 48px 50px; grid-template-columns: repeat(2, 1fr); }
.case_list li{  }
.case_item{ position: relative; overflow: hidden; }
.case_bti{ transition: all 0.3s; position: absolute; padding: 14px 12px; text-align: center; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.3); }
.case_bti h3{ color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: oswald-r; font-weight: normal; font-size: 22px; }
.casho{ position: absolute; opacity: 0; top: 50%; transition: all 0.3s; left: 50%; padding:56px; transform: translate(-50%,-50%); width: 85%; height: 80%; background: rgba(193,0,0,0.7); }
.casho h3{ color: #fff; font-size: 24px; margin-bottom: 32px; font-family: oswald-r; font-weight: normal; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; }
.casho p{ font-size: 15px; line-height: 26px; color: rgba(255,255,255,0.8); height: 104px; overflow: hidden; font-family: Roboto-Light; }
.casho span{ margin-top: 64px; padding: 12px 40px; display: inline-block; background: #fff; color: #c10000; font-size: 15px; font-family: Roboto-Light; }
.case_item:hover .changpic img{ transform: scale(1.15); }
.case_item:hover .case_bti{ transform: translateY(80px); }
.case_item:hover .casho{ opacity: 1; }
/*faq*/
.faq_war{ padding-bottom: 124px; }
.faq_box{ width: 100%; overflow: hidden; }
.faq_lef{ float: left; width: 466px; }
.faq_rig{ margin-left: 466px; padding-left: 136px; }
.faq_lef p{ margin-top: 26px; font-size: 15px; line-height: 24px; color: #888; font-family: Roboto-Light; }
.faq_mul{ width: 100%; margin-top: 34px; overflow: hidden; }
.faq_mul li{ width: 100%; margin-bottom: 15px; }
.faq_mul li input,.faq_mul li textarea{ resize: none; width: 100%; height: 50px; padding: 0 18px; border: none; background:#f3f3f3; font-size: 15px; font-family: Roboto-Light; color: #000; }
.faq_mul li input::-webkit-input-placeholder,.faq_mul li textarea::-webkit-input-placeholder{ color: #888; }
.faq_mul li button{ transition: all 0.3s; border: none; background: #cb0000;  text-transform: capitalize; width:170px; cursor: pointer; height: 50px; font-family: ROBOTO-REGULAR;  border-radius: 0; font-size: 16px; text-align: center; color: #fff; }
.faq_mul li button:hover{ background: #fff; color: #333; }
.faq_mul li textarea{ height: 148px; padding: 18px; }

.faqlist li{ padding: 38px 0; border-bottom: 1px solid #e2e2e2; }
.faqlist h3{ font-size: 22px; position: relative; cursor: pointer; padding-right: 30px; font-weight: normal; font-family: oswald-r; }
.faqlist h3:before{ content: "+"; width: 25px; font-size: 18px; height: 25px; text-align: center; line-height: 25px; border-radius: 25px; font-family: Roboto-Light; color: #c3c3c3; border: 1px solid #c3c3c3; position: absolute; top: 5px; right: 0; }
.faqlist h3.active:before{ content: "-"; }
.faqlist h3.active{ }
.faqlist .fa_nrp{ display: none; font-family: Roboto-Light; font-size: 15px; line-height: 24px; color: #888; margin-top: 10px; }
.faqlist .fa_nrp.active { display: block;}

/*404*/
.no_fun{ text-align: center;margin-bottom: 60px;}
.no_fun h5{ font-size: 36px; margin-bottom: 30px; }
.no_fun p{ color: #888; line-height:30px; }
.no_fun a{ display: inline-block; margin-top: 34px; font-size: 20px; border-radius: 40px; padding: 16px 64px; background: #c81f21; color: #fff; text-transform: uppercase; }
.no_fun a:hover{ transform: translateY(5px); }
.areatextClass::-webkit-input-placeholder { color: red!important;}
.aligncenter {
    display: block !important;
    margin: 0 auto!important;
}
.wpcf7 fieldset{display:none;}
.wpcf7-response-output,.wpcf7-validation-errors {display: none !important;}
span.wpcf7-not-valid-tip {display: none;}
.screen-reader-response {display: none !important;}


/*产品列表*/
.po_nadiv{ position: relative; overflow: hidden; }
.po_nagds .item{ position: relative; border-bottom: 2px solid #f0f0f0; width: 16.6%;float: left;}
.po_nagds .item.on{border-bottom: 2px solid #c10000;}
.po_nagds .item a{ text-align: center; display: block; padding: 42px 0; }
.po_nagds .item a i{ font-size: 42px; color: #a2a2a2; }
.po_nagds .item a p{ font-family: oswald-r; margin-top: 10px; }
.po_nagds .slick-current{ border-bottom: 2px solid #c10000;}
.pov_prev,.pov_next{ cursor: pointer; position: absolute; top: 50%; transform:translateY(-50%); display: inline-block; width: 92px; height: 92px; line-height: 92px; border-radius: 92px; background: #f1f1f1; color: #333; }
.pov_prev{ left: -46px; padding-left: 52px; }
.pov_next{ right: -46px; padding-right: 52px; text-align: right; }
.pov_prev i,.pov_next i{ font-size: 24px; display: inline-block; font-weight: bold; }
.pov_prev i{ transform: rotate(180deg); }
.pov_prev:hover,.pov_next:hover{ background: #c10000; color: #fff; }
.justify-content-center{display: flex;justify-content: center;}
/*产品详情*/
.head_top{ background: #000; }
.de_madi{ margin-top: 100px; padding-top:106px; margin-bottom: 70px;}
.pr_dmain{ width: 100%; display: flex;}
.prm_le{ display: inline-block; width: 50%; padding-right: 36px; }
.prm_ri{ display: inline-block; width: 50%; padding: 54px 250px 0 55px; }

iframe{ display: block; }
.del_bigp{ position: relative; }
.del_topb{ overflow: hidden; border-top-right-radius: 80px; border-bottom-right-radius: 80px; }
.del_bigp .slick-dots{ bottom: 32px; width: auto; right: 220px; }
.del_bigp .slick-dots li{ width: auto; height: auto; }
.del_bigp .slick-dots li button{ width: 20px; height: 20px; border-radius: 20px; background: #fff; }
.del_bigp .slick-dots li.slick-active button{ background: #cb0000; }
.dto_next{ position: absolute; cursor: pointer; right: 135px; bottom: 14px; display: inline-block; width: 62px; height: 62px; border-radius: 62px; text-align: center; line-height: 62px; border: 1px solid #fff; color:#fff; }
.dto_next:hover{ background: #cb0000; color: #fff; border: 1px solid #cb0000; }
.dto_next i{ font-size: 22px; font-weight: bold; }

.prm_ri h1{ font-size: 42px; font-family: OSWALD-B; position: relative; padding-bottom: 18px; }
.prm_ri h1:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 74px; height: 6px; background: #cb0000; }
.pr_decs{ margin-top: 58px;  }
.pr_decs p{ line-height: 24px; color: #888; font-family: Roboto-Light; font-size: 15px; }
.pr_decs h3{ font-family: ROBOTO-BOLD; font-size: 22px; margin-bottom: 12px; }
.dl_conxul{ margin-top: 38px; display: flex; justify-content: space-between; padding: 34px 0 30px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.dl_conxul li{ position: relative; padding-left:44px; font-size:22px; }
.dl_conxul li a{ font-family: oswald-r; }
.dl_conxul li i{ position: absolute; top: 4px; left: 0; color: #cb0000; font-size: 38px; }
.dl_conxul li p{ font-size: 15px; color: #888; }
.dl_conxul li:last-child i{ color: #0052a5; }


.share{ margin-top: 52px; }
.de_h2tit{ font-size: 42px; font-family: OSWALD-B; text-transform:uppercase; }
.deppde{ margin-top: 15px; font-size: 15px; line-height: 24px; color: #888; font-family: Roboto-Light; }
.descul{ margin-top: 35px; display: grid; grid-gap: 25px 36px; grid-template-columns: repeat(2,1fr); }
.descli{ position: relative; padding-top:34px; }
.descli img{ position: absolute; top: 0; left: 24px; width: 186px; height: 191px; }
.deslitxt{ background: #fff; padding:28px 0 30px 234px; box-shadow: 0 0 12px rgba(209,209,209,0.3) }
.deslitxt h3{ font-size: 20px; margin-bottom: 10px; font-family: oswald-r; font-weight: normal; }
.deslitxt1{ height:96px; overflow-y:auto; padding-right:40px; }
.deslitxt1::-webkit-scrollbar{ width: 2px; height: 1px; }
.deslitxt1::-webkit-scrollbar-thumb{ border-radius: 0; background: #cb0000 ; }
.deslitxt1::-webkit-scrollbar-track { border-radius: 0; background: #e2e2e2; }
.deslitxt p{ font-size: 15px; line-height: 24px; color: #666; }
.de_desc{ padding-bottom: 118px; }

.de_prces{ padding: 0 0 0 250px; overflow: hidden; background: url(images/decebg.jpg) no-repeat; background-size: cover; }
.prcelef{ float: left; width: 43%; padding: 76px 0 60px; }
.prcelef .de_h2tit{ color: #fff; }
.prceul{ margin-top: 60px; border-top: 1px solid rgba(255,255,255,0.12); }
.prceul li{ color: #fff; line-height: 28px; padding:24px 0; border-bottom: 1px solid rgba(255,255,255,0.12); }
.pcedec{ margin-top: 48px; font-size: 15px; font-family: Roboto-Light; line-height: 24px; color: rgba(255,255,255,0.9); }
.prcerig{ width: 57%; float: right; padding-left: 162px; }

.de_parm{ margin-top: 90px; }
.del_table{ overflow-x: auto; margin-top: 20px; }
.del_table table{ border: 1px solid #c4c4c4; width: 100%; }
.del_table table tr td{ font-size: 15px; color: #666; text-align: center; font-family: Roboto-Light; padding: 18px 48px; border-right: 1px solid #c4c4c4; }
.del_table table tr td:last-child{ border-right: none; }
.del_table table tr:hover td{ background: #f1f1f1; }
.del_table table tr:nth-of-type(odd) td{ background: #f1f1f1; }
.del_table table tr:first-child td{ background: #cb0000; font-size: 18px; color: #fff; }

.de_deso{ margin-top: 66px; }
.despswi{ margin-top: 15px; position: relative; }
.despgds .item{ margin: 0 9px; }
.des_arr{ position: absolute; top: 40%; left: 0; width: 100%; }
.des_arr span{ cursor: pointer; position: absolute; top: 0; }
.dpr_prev{ left: -45px; }
.dpr_next{ right: -45px; }
.des_arr span i{ display: inline-block; font-size: 32px; font-weight: bold; }
.dpr_prev i{ transform: rotate(180deg); }
.des_arr span:hover i{ color: #cb0000; }

.de_mesdi{ margin-top: 70px; background: #f5f5f5; padding: 64px 0 72px; }
.proinfoform ul{ width: 100%; overflow:hidden; margin-top: 24px;  }
.proinfoform li{width: 49%; margin-right: 2%; margin-bottom: 18px; overflow: hidden; float: left; position: relative;}
.proinfoform li:nth-of-type(even){ margin-right: 0; }
.proinfoform li:nth-of-type(5),.proinfoform li:nth-of-type(6){ width: 100%; }
.proinfoform li font{ color: #e74747; position: absolute; top: 16px; left: 10px; }
.proinfoform input,.proinfoform textarea{width: 100%; background:#fff; font-size: 15px; line-height: 24px; padding:12px 22px; color: #000; font-family: Roboto-Light; }
.proinfoform textarea{ resize: none; height: 182px; }
.proinfoform input::-webkit-input-placeholder,.proinfoform textarea::-webkit-input-placeholder { color: #666;}
.proinfoform input:-moz-placeholder,.proinfoform textarea:-moz-placeholder {color: #666;}
.proinfoform button{ transition: all 0.3s; width: 170px; display: block;cursor: pointer; background: #cb0000; border-radius: 3px; font-family: Roboto-Light; height: 46px; border:none; color: #fff; font-size: 18px; }
.proinfoform button:hover{ transform: translateX(10px); }
.proinfoform li:last-child{ margin-bottom: 0; }

.de_hop{ padding-top: 72px; padding-bottom: 116px; }
/*service*/
.ser_war{ padding: 120px 0 130px; }
.ser_h2{ font-size: 36px; font-family: MontserratBold; }
.ser_war .ser_h2{ text-transform: uppercase; text-align: center; }
.ser_flex{ margin-top: 70px; display: flex; justify-content: space-between; }
.ser_flex li{ width: 20%; text-align: center; }
.ser_flex li i{ transition: all 0.3s; display: inline-block; width: 87px; font-size: 42px; height: 87px; color: #c10000; line-height: 87px; border-radius: 87px; background: #e6edf5; }
.ser_flex li h4{ font-size: 20px; line-height: 24px; height: 48px; margin: 24px 0 12px; font-family: MontserratBold; }
.ser_flex li p{ font-size: 16px; line-height: 24px; font-family: Montserrat-Light; }
.ser_txdiv{ background: url(images/ser_bgv.jpg) no-repeat; position: relative; background-size: cover; padding: 58px 0 100px; }
.ser_txdiv:before{ content: ""; width: 50%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); }
.ser_txlex{ width: 50%; padding-right: 62px; color: #fff; }
.ser_flex li:hover i{ background: #c10000; color: #fff; }
.se_txul{ margin-top: 38px; }
.se_txul li{ position: relative; margin-bottom: 30px; color: #fff; font-size: 16px; line-height: 22px; }
.se_txul li:before{ content: "\e8c2"; font-family: iconfont; color: #fff; position: absolute; top: 0; left: -30px; font-size: 20px; }
.se_txul li:last-child{ margin-bottom: 0; }
/*news*/
.new_war{ padding-bottom: 110px; }
.nes_list li{ margin-bottom: 44px; }
.news_item{ width: 100%; position: relative; }
.nes_pic{ width: 50%; float: right; }
.nes_rqtx{ position: absolute; bottom: 0; width: 55%; left: 0; z-index: 33; }
.nes_rqtx em{ font-size: 16px; color: #a3a3a3; font-style: normal; font-family: oswald-r; }
.nes_rqtx em i{ font-size: 20px; display: inline-block; margin-right: 6px; }
.nes_tdis{ margin-top: 18px; background: #fff; padding: 60px 45px 62px; box-shadow: 0 0 10px rgba(101, 177, 221, 0.3); }
.nes_tdis h3{ font-size: 24px; font-weight: normal; font-family: oswald-r; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nes_tdis p{ font-size: 15px; margin-top: 18px; line-height: 24px; font-family: Roboto-Light; color: #888; height: 96px; overflow: hidden; }
.nes_tdis span{ color: #fff; transition: all 0.3s; margin-top: 40px; display: inline-block; padding: 12px 42px; background: #0052a5; font-size: 15px; font-family: Roboto-Light; }
.news_item:hover .changpic img{ transform: scale(1.15); }
.news_item:hover .nes_tdis span{ transform: translateX(10px); background: #cb0000; }


.infocon{color: #666; }
.infocon h1{ font-size:26px; line-height: 30px; font-weight: normal; text-align: center; color: #222;}
.infocon img{ display: inline-block; margin: 15px 0; max-width: 100%; }
.infocon .time{ text-align: center; margin: 18px 0; color: #999}
.infocon .time i{ font-size: 20px; }
.infocon .other{border-top: 1px solid #ddd; font-size: 17px; padding:15px 0 0 0; margin:30px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #c10000; }
.infocon p{line-height:28px; font-size: 17px; margin-bottom: 10px;}

/*contact*/
.con_war{ padding-bottom: 120px; }
.con_wbox{ width: 100%; overflow: hidden; }
.co_wle{ float: left; width: 56%;  }
.co_wri{ float: right; width: 44%; padding: 36px 0 0 100px; }
.co_wle p{ margin-top: 20px; font-size: 15px; line-height: 24px; color: #888; font-family: Roboto-Light; }
.co_wle .proinfoform input, .co_wle .proinfoform textarea{ border: 1px solid rgba(168, 168, 168, 0.5); }

.conlxul{  }
.conlxul li{ padding: 30px 0 24px; border-bottom: 1px solid #f4f4f4; }
.fot_lxdi{ position: relative; min-height:44px; padding-left: 54px; }
.fot_lxdi p{ font-family: Roboto-Light; font-size: 15px; color: #888; margin-bottom: 4px; }
.fot_lxdi a,.fot_lxdi span{ display: inline-block; font-size: 20px; font-family: Roboto-Medium_0; }
.fot_lxdi i{ position: absolute; top: 0; left: 0; width:43px; height:43px; border-radius:43px; line-height:43px; font-size: 22px; background:#0052a5; text-align: center; color: #fff; }
.fot_lxdi:hover a{ transform: translateX(5px); text-decoration: underline; }
.conlxul li:last-child .fot_lxdi span{ font-size: 15px; font-family: ROBOTO-REGULAR; }

.map{ margin-top: 95px; }

.aligncenter {
    display: block !important;
    margin: 0 auto!important;
}
@media screen and (max-width: 1680px){
  .logo{ left: -80px; }
  .head_rcon{ width: 132px; right: -50px; }
  nav li{ margin: 0 30px; }
  .ban_text{ width: 70%; }
  .de_madi{ margin-top: 85px; }
  .prm_ri{ padding: 20px 150px 0 55px; }
  .pr_decs{ margin-top: 34px; }
  .de_prces{ padding: 0 0 0 120px; }
  .prceul{ margin-top: 30px; }
  .prceul li{ padding: 18px 0; }
  .ab_ser{ padding: 95px 85px 52px 140px; }
  .ab_phi{ padding: 90px 0 100px 140px; }
  .sucen h2{ font-size: 66px; }
}

@media screen and (max-width: 1600px){
  .logo{ left: -50px; }
  .head_rcon{ right: -30px; }
  .inptedit h2{ font-size: 22px; margin: 16px 0 20px; }
  .inptedit{ padding: 0 40px; }
  .de_madi{ margin-top: 70px; }
  .prcelef{ padding: 70px 0 0; }
  .ab_phi{ padding: 90px 0 100px 106px; }
  .ab_ser{ padding: 95px 85px 52px 106px; }
}

@media screen and (max-width: 1440px){
  .warper{ width: 88%; }
  nav li{ margin: 0 22px; }
  .ban_text h1{ font-size: 72px; line-height: 100px; }
  .inptedit i{ font-size: 62px; }
  .inptedit h2{ margin: 14px 0; }
  .inab_div{ padding: 90px 0; }
  .inps_gds .item{ margin: 0 10px; }
  .incabo li{ height: 450px; }
  .icasho{ padding: 40px; }
  .icasho h3{ margin-bottom: 14px; }
  .icasho span{ margin-top: 22px; }
  .icah3{ padding: 0 30px 45px; }
  .int_lef span{ margin-top: 28px; }
  .int_lef h3{ margin-top: 14px; }
  .inns_tx{ padding: 26px 22px 32px; }
  .inns_tx h3{ font-size: 20px; }
  .innews{ padding: 80px 0 100px; }
  .fo_mess .ih2tit{ font-size: 50px; line-height: 50px; }
  .prm_ri{ padding: 0 120px 0 10px; }
  .de_madi{ padding-top: 85px; }
  .prm_ri h1{ font-size: 38px; }
  .de_h2tit{ font-size: 40px; }
  .de_prces{ padding: 0 0 0 6%; }
  .prcerig{ padding-left: 55px; }
  .de_parm{ margin-top: 56px; }
  .ab_ser{ padding: 95px 85px 52px 6%; }
  .ih2tit{ font-size: 50px; line-height: 50px; }
  .ab_phi{ padding: 80px 0 90px 6%; }
  .abph_le{ padding: 0; }
  .aplit{ margin-top: 35px; }
  .ab_culul li{ margin-bottom: 118px; }
  .ab_seshow h5{ margin-top: 28px; }
  .ab_adv{ padding-top: 80px; }
  .sucen h2{ font-size: 56px; }
  .pat100{ padding-top: 65px; }
  .casho{ padding: 40px; }
  .casho span{ margin-top: 34px; }
  .casho h3{ margin-bottom: 22px; }
  .faqlist li{ padding: 28px 0; }
  .faq_war{ padding-bottom: 80px; }
  .nes_tdis{ padding: 44px 35px 48px; }
  .nes_tdis span{ margin-top: 22px; }
  .con_war{ padding-bottom: 80px; }
  .fo_mess{ padding: 65px 0 70px; }
}


@media screen and (max-width: 1366px){
  nav li{ margin: 0 18px; }
  .ban_text h1{ font-size: 60px; line-height: 88px; }
  .inptedit h2{ margin: 12px 0; font-size: 20px; }
  .inab_div{ padding: 80px 0; }
  .iabribox{ padding-left: 80px; }
  .iabribox a{ margin-top: 38px; }
  .inabnum{ margin-top: 58px; }
  .inaqic{ margin-top: 30px; }
  .inp_war{ padding: 70px 0 80px; }
  .inpitems h3{ margin-top: 25px; }
  .inpitems p{ margin-top: 20px; }
  .inpitems span{ margin-top: 26px; }
  .incabo li{ height: 420px; }
  .icasho span{ padding: 12px 30px; }
  .inns_li{ padding-right: 20px; }
  .innews{ padding: 70px 0 80px; }
  .fo_mess .ih2tit{ font-size: 48px; line-height: 48px; }
  .fo_boitem2{ margin-left: 5%; }
  .fo_boitem3{ margin-left: 3%; }
  .fo_boitem4{ width: 27%; }
  .fo_mess{ padding: 60px 0 50px; }
  .subrfo button{ width: 158px; }
  .subrfo{ padding-right: 160px; }
  .po_nagds .item a{ padding: 38px 0; }
  .prm_ri{ padding: 0 80px 0 10px; }
  .dl_conxul{ margin-top: 15px; padding: 25px 0; }
  .de_h2tit{ font-size: 36px; }
  .prceul li{ padding: 13px 0; }
  .ab_war .inab_div{ padding: 0 0 80px; }
  .ab_ser{ padding: 60px 60px 52px 6%; }
  .faq_rig{ padding-left: 100px; }
  .map{ margin-top: 65px; }
  .co_wri{ padding: 25px 0 0 65px; }
}

@media screen and (max-width: 1280px){
  .warper{ width: 90%; }
  nav li{ margin: 0 16px; }
  .inptedit i{ font-size: 58px; }
  .inab_div{ padding: 70px 0; }
  .inabnum li b{ font-size: 42px; }
  .int_lef{ padding: 55px 90px 0 0; }
  .de_madi{ margin-bottom: 55px; }
  .de_desc{ padding-bottom: 60px; }
  .pcedec{ margin-top: 25px; }
  .de_deso{ margin-top: 38px; }
  .de_mesdi{ margin-top: 60px; padding: 54px 0 60px; }
  .de_hop{ padding-top: 60px; padding-bottom: 80px; }
  .fo_mess .ih2tit{ font-size: 40px; line-height: 40px; }
  .sucen h2{ font-size: 48px; }
  .sucen{ top: 44%; }
  .sucen span{ font-size: 16px; }
  .iabribox{ padding-left: 60px; }
  .ab_war .inab_div{ padding: 0 0 70px; }
  .ih2tit{ font-size: 42px; line-height: 42px; }
  .abph_ri{ padding-left: 25px; }
  .ab_cul{ padding: 70px 0; }
  .ab_culul li h3{ margin-bottom: 12px; padding-bottom: 4px; }
  .ab_culul li{ margin-bottom: 170px; }
  .abseul li{ height: 440px; }
  .ab_seshow{ padding: 60px 45px 46px; }
  .digg4{ margin-top: 50px; }
  .new_war{ padding-bottom: 80px; }
}


@media screen and (max-width: 1024px){
  .banner_home,.subbanner,.de_madi{ margin-top: 62px; }
  #nav .nav-button{display: block; top: -49px; right: 0; }
  header,.position, .page_h{ height: 62px; }
  .logo img,.position .logo img{ height:50px; width: auto; }
  .logo{ top: 6px; left:0; }
  .warper{ width: 96%; }
  .head_rcon{ right: 60px; top: 18px; width: 115px; }
  .l_fixed{ display: none; }
  nav{position: fixed; left: 0;top: 0;bottom: 0;width:310px ; z-index: 99;overflow: auto;background: #222; transform: translateX(-310px);transition: 0.3s;}
  nav li{ float: none; padding: 0; margin: 0; }
  nav li>a,.position nav li>a,.page_h  nav li>a{ margin:0; color: #fff; line-height: normal;  display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li.on a, nav li:hover a{ background: #2256c2 ; color: #fff; }
  #nav .nav-button i{ color: #fff; }
  body{ font-size: 16px; }
  .searchform{ top: 44px; }
  nav li a:before{ display: none; }
  #nav .nav-button{ top: 13px; background: #2256c2; }
  nav dl{ left: 0;  top: 0; padding: 0; border:none; width: auto;  background: #434343;  position: inherit;  opacity: 1; height: auto !important; display: block !important; }
  nav li dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important}
  nav li:hover dl{ left: 0; opacity: 1; }
  nav li dl dd a{ color: #fff !important; padding: 12px 22px; white-space: normal; font-size: 16px; }
  nav dl dd:hover div,nav li a:before,.home_tit img{display: none;}
  nav li dl dd a:hover{ background: #c10000 !important;}
  nav dl dd{ border: none; }
  nav li>a{ font-size: 18px; }
  .nav_show li p{ font-size: 16px; }
  nav dl dd div{ display: none; position: initial; left: 0; width: 100%; background: #89898a; }
  nav dl dd div a{ font-size: 15px; }
  nav dl dd:hover div,.ban_bod,.ban_media{display: none;}
  #nav .nav-button{ right:0; }
  nav li.on a:after, nav li:hover a:after,.mouse_scrll{ display: none; }
  nav li:before,nav li>a:after{ display: none; }
  .ban_text h1{ font-size: 46px; line-height: 60px; }
  .inpnav{ flex-wrap: wrap; }
  .inpnav li{ width: 50%; }
  .inpnav li:nth-of-type(3) .inpnaitem a{ background: #efefef; }
  .inpnav li:nth-of-type(4) .inpnaitem a{ background: #f5f5f5; }
  .inab_div{ padding: 60px 0; }
  .iable{ width: 100%; float: none; }
  .iabri{ margin-left: 0; margin-top: 15px; }
  .flat-video-fancybox{ margin-top: 12px; margin-left: 0; }
  .iabribox{ padding-left: 0; }
  .ripple, .ripple:before, .ripple:after{ width: 50px; height: 50px; }
  .flat-video-fancybox{ width: 50px; }
  .flat-video-fancybox a.fancybox{ width: 50px; height: 50px; line-height: 50px; }
  .flat-video-fancybox i{ font-size: 22px; }
  .inabtext p{ margin-bottom: 0; }
  .iabribox a{ margin-top: 16px; padding: 14px 28px; }
  .inabnum{ margin-top: 24px; }
  .inp_war{ padding: 60px 0 70px; }
  .inpitems h3{ margin-top: 15px; font-size: 20px; }
  .inpitems p{ margin-top: 12px; }
  .inpitems span{ margin-top: 12px; padding: 12px 30px; }
  .incabo li.on,.incabo li{ width: 50%; }
  .incabo li{ height: 350px; }
  .icasho{ width: 85%; height: 80%; padding: 30px; }
  .icasho h3{ font-size: 22px; margin-bottom: 10px; }
  .incabo li a{ background: transparent; }
  .incabo li .icah3{ opacity: 0; }
  .incabo li .icasho{ opacity: 1; }
  .innews{ padding: 60px 0 70px; }
  .int_lef{ padding: 32px 26px 0 0; }
  .int_lef h3{ font-size: 22px; margin-top: 6px; }
  .int_lef p{ margin-top: 12px; }
  .int_lef span{ margin-top: 15px; padding: 12px 30px; }
  .inns_ul li{ padding-right: 10px; }
  .inns_tx{ padding: 18px; }
  .inns_tx h3{ margin-bottom: 10px; }
  .fo_mess .ih2tit{ font-size: 32px; line-height: 32px; }
  .fo_bot{ padding: 40px 0 45px; }
  .fo_boitem3{ display: none; }
  .fo_boitem2{ width: 20%; margin-left: 8%; }
  .fo_boitem4{ width: 32%; }
  .fo_mess{ padding: 50px 0 40px; }
  .fo_mess p{ margin-top: 14px; }
  .is_mfoul{ margin-top: 20px; }
  .fo_boxdiv h4{ font-size: 22px; margin-bottom: 20px; }
  .fo_bot{ padding: 30px 0 35px; }
  .subform{ width: 80%; top: 40%; }
  .subrfo input,.subform select{ font-size: 18px; }
  .po_nagds .item a{ padding: 24px 0; }
  .po_nagds .item a p{ margin-top: 5px; }
  .digg4{ text-align: center; }
  .digg4 a, .digg4 span.miy, .digg4 span.disabled, .digg4 span.current{ width: 40px; height: 40px; line-height: 38px; }
  .pov_prev, .pov_next{ width: 80px; height: 80px; line-height: 80px; }
  .de_madi{ padding-top: 25px; margin-bottom: 30px; width: 100%; }
  .pr_dmain{ display: block; }
  .prm_le{ width: 100%; float: none; padding: 0; }
  .del_topb{ border-radius: 0; }
  .dto_next{ width: 50px; height: 50px; line-height: 50px; }
  .del_bigp .slick-dots li button{ width: 15px; height: 15px; }
  .prm_ri{ width: 100%; padding: 0; margin-top: 12px; }
  .pr_dmain{ padding: 0 12px; }
  .prm_ri h1{ font-size: 28px; padding-bottom: 10px; }
  .pr_decs{ margin-top: 18px; }
  .de_h2tit{ font-size: 26px; }
  .deppde{ margin-top: 8px; }
  .descul{ margin-top: 15px; grid-template-columns: repeat(1, 1fr); grid-gap: 15px 0; }
  .de_desc{ padding-bottom: 50px; }
  .de_prces{ padding: 24px 3%; }
  .prcelef{ width: 100%; float: none; padding: 0; }
  .prceul{ margin-top: 15px; }
  .prcerig{ width: 100%; float: none; padding: 0; margin-top: 15px; }
  .de_parm{ margin-top: 26px; }
  .del_table table tr td{ padding: 16px 24px; }
  .despgds .item{ margin: 0 4px; }
  .dpr_prev{ left: 0; }
  .dpr_next{ right: 0; }
  .des_arr span i{ font-size: 28px; }
  .de_mesdi{ margin-top: 40px; padding: 40px 0 50px; }
  .proinfoform li{ margin-bottom: 10px; }
  .de_hop{ padding-top: 40px; padding-bottom: 50px; }
  .inp_swi{ margin-top: 16px; }
  .inparr{ top: -54px; right: 10px; }
  .sucen h2{ font-size: 36px; }
  .sucen{ top: 24%; }
  .inabnum li b{ font-size: 34px; }
  .ab_ser{ padding: 50px 20px; }
  .ab_setxt p{ margin-bottom: 10px; }
  .ab_setxt{ margin-top: 20px; }
  .ab_phi{ padding: 50px 20px; }
  .aptxdi{ margin-top: 15px; }
  .aplit{ margin-top: 14px; }
  .aplit h3{ font-size: 22px; line-height: 30px; }
  .abph_le{ width: 100%; float: none; }
  .abph_ri{ width: 100%; float: none; padding: 0; margin-top: 15px; }
  .ab_cul{ padding: 60px 0; }
  .ab_culul li{ width: 49%; margin-right: 2%; margin-bottom: 24px; text-align: left !important; }
  .ab_culul li:nth-of-type(even){ margin-right: 0; }
  .abculnr img{ display: none; }
  .abculnr{ margin-top: 24px; height: auto; }
  .ab_culul li h3{ font-size: 22px; }
  .ab_serce{ padding-top: 50px; }
  .ab_seshow{ padding: 30px 20px 12px; }
  .ab_seshow h5{ margin-top: 18px; }
  .abspp{ margin-top: 30px; }
  .ab_seshow h4{ font-size: 24px; }
  .pat100{ padding-top: 50px; }
  .case_list{ grid-gap: 30px; }
  .case_bti h3{ font-size: 18px; }
  .casho{ display: none; }
  .case_item:hover .case_bti{ transform: translateY(0); }
  .case_war{ padding-bottom: 80px; }
  .faq_lef{ width: 100%; float: none; }
  .faq_rig{ margin-left: 0; padding: 0; }
  .faqlist li{ padding: 20px 0; }
  .faq_war{ padding-bottom: 70px; }
  .faq_lef p{ margin-top: 18px; }
  .faq_mul{ margin-top: 24px; }
  .nes_tdis{ padding: 25px; }
  .nes_pic{ width: 54%; }
  .nes_list li{ margin-bottom: 30px; }
  .new_war{ padding-bottom: 60px; }
  .nes_tdis h3{ font-size: 22px; }
  .nes_tdis p{ margin-top: 12px; }
  .co_wle{ width: 100%; float: none; }
  .co_wri{ width: 100%; float: none; margin-top: 15px; padding: 0; }
  .conlxul li{ padding: 20px 0; }
  .map{ margin-top: 40px; }
  .con_war{ padding-bottom: 60px; }
}

@media screen and (max-width: 768px){
  .ban_text{ display: none; }
  .banner video{ opacity: 1; }
  .inptedit h2{ font-size: 18px; }
  .inab_div{ padding: 50px 0; }
  .ih2tit{ font-size: 34px; line-height: 34px; }
  .ripple, .ripple:before, .ripple:after{ animation: none; }
  .getbox{ width: 90%; margin-left: -45%; }
  .inabnum li{ width: 32%; margin-right: 2%; }
  .inaqic{ margin-top: 20px; }
  .inparr span{ width: 50px; }
  .inps_gds .item{ margin: 0 8px; }
  .inp_war{ padding: 50px 0 60px; }
  .icasho{ padding: 25px; height: auto; }
  .icasho h3{ font-size: 20px; }
  .innews{ padding: 40px 0; }
  .innews .ih2tit:before{ width: calc(100% - 172px); }
  .int_lef{ padding: 20px 15px 0 0; }
  .int_lef p{ height: 72px; }
  .int_lef span{ padding: 12px 24px; }
  .inns_ul{ margin-top: 20px; display: block; }
  .inns_ul li{ width: 100%; padding-right: 0; margin-bottom: 16px; }
  .fo_mess{ padding: 40px 0; }
  .fo_mess .ih2tit{ font-size: 26px; line-height: 26px; }
  .fo_boitem2{ display: none; }
  .fo_boitem1 p{ margin-top: 8px; }
  .fo_boitem4{ width: 40%; }
  .fo_boitem1{ width: 54%; }
  .subform{ width: 88%; }
  .subrfo input,.subform select,.subrfo button{ height: 50px; line-height: 50px; }
  .po_nagds .item a{ padding: 20px 0; }
  .prm_ri h1:before{ height: 3px; }
  .deslitxt{ padding: 28px 0 30px 234px; }
  .proinfoform ul{ margin-top: 10px; }
  .sucen h2{ font-size: 32px; }
  .ab_ser,.ab_phi{ padding: 40px 2%; }
  .ab_sele{ width: 100%; float: none; }
  .ab_seri{ width: 100%; float: none; padding: 0; margin-top: 15px; }
  .ab_cul{ padding: 42px 0; }
  .abseul li,.abseul li.on{ width: 100%; }
  .abseul li + li{ margin-left: 0; }
  .abseul li .ab_seshow h5,.abseul li .abspp{ display: block; }
  .abseul li .ab_seshow{ height: 100%; background: rgba(0, 73, 146, 0.9); }
  .abseul li .ab_seshow i{ display: none; }
  .case_list{ grid-gap: 20px; }
  .case_war{ padding-bottom: 60px; }
  .pat100{ padding-top: 40px; }
  .nes_rqtx{ position: static; width: 100%; }
  .nes_pic{ width: 100%; }
  .nes_list{ display: flex; flex-wrap: wrap; }
  .nes_list li{ width: 49%; margin-right: 2%; }
  .nes_list li:nth-of-type(even){ margin-right: 0; }
  .nes_tdis{ padding: 15px; }
  .nes_tdis p{ margin-top: 8px; height: 72px; }
  .nes_tdis span{ margin-top: 12px; padding: 12px 30px; }
  .nes_tdis h3{ font-size: 20px; }
  .infocon h1{ font-size: 24px; line-height: 28px; }
  .conlxul li{ padding: 12px 0; }
  .map{ margin-top: 30px; }
  .con_war{ padding-bottom: 40px; }
}

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

  .footmenu{ display: block; }
  .footmenu div.con{ background: #2256c2; }
  .logo img, .position .logo img{ height: 38px; }
  .logo{ top: 12px; }
  .search-button{ display: none; }
  .inptedit{ padding: 0 20px; }
  .inpnav{ display: none; }
  .inab_div{ padding: 25px 0; }
  .ih2tit{ font-size: 26px; line-height: 26px; }
  .inabtext p{ line-height: 22px; }
  .inabnum li b{ font-size: 28px; }
  .inabnum{ flex-wrap: wrap; }
  .inabnum li{ width: 100%; margin-right: 0; margin-bottom: 10px; }
  .inabnum li p{ margin-top: 2px; }
  .inp_war{ padding: 32px 0; }
  .inps_gds .item{ margin: 0; }
  .inparr{ top: -46px; right: 0; }
  .incabo li.on, .incabo li{ width: 100%; }
  .icasho span{ margin-top: 15px; }
  .innews{ padding: 30px 0; }
  .inne_top{ margin-top: 20px; }
  .int_lef{ width: 100%; float: none; padding: 0; }
  .int_rig{ width: 100%; float: none; margin-top: 12px; }
  .int_lef h3{ font-size: 20px; }
  .inns_li{ padding-right: 10px; }
  .inns_tx{ width: 70%; }
  .fo_mess{ padding: 30px 0; }
  .fo_mess .ih2tit{ font-size: 22px; line-height: 22px; }
  .is_mfoul{ margin-top: 12px; }
  .is_mfoul li{ width: 100%; float: none; margin-right: 0; margin-bottom: 3px; }
  .is_mfoul li:nth-of-type(4){ width: 100%; margin-bottom: 0; }
  .fo_boitem1{ display: none; }
  .fo_boitem4{ width: 100%; float: none; padding: 0; }
  .backToTop{ width: 45px; height: 45px; }
  .subform{ display: none; }
  .po_nagds .item a{ padding: 15px 0; }
  .inpitems span{ padding: 12px 25px; }
  .de_madi{ padding-top: 12px; }
  .prm_ri h1{ font-size: 23px; }
  .dl_conxul{ padding: 14px 0; display: block; }
  .dl_conxul li{ font-size: 18px; margin-bottom: 10px; }
  .dl_conxul li:last-child{ margin-bottom: 0; }
  .de_h2tit{ font-size: 22px; }
  .de_madi{ margin-bottom: 15px; }
  .descli{ padding: 0; }
  .descli img{ position: static; width: 100%; height:auto; }
  .deslitxt{ padding: 10px; }
  .de_desc{ padding-bottom: 20px; }
  .prceul li{ padding: 10px 0; line-height: 24px; }
  .del_table{ margin-top: 9px; }
  .del_table table tr td{ padding: 8px 5px; }
  .de_mesdi{ margin-top: 30px; padding: 30px 0 40px; }
  .proinfoform li{ width: 100%; margin-right: 0; margin-bottom: 6px; float: none; }
  .de_hop{ padding-top: 30px; padding-bottom: 40px; }
  .sucen h2{ display: none; }
  .ab_war .inab_div{ padding: 0 0 40px; }
  .ab_culul li{ width: 100%; margin-right: 0; margin-bottom: 12px !important; }
  .ab_culul li h3{ font-size: 18px; }
  .ab_ser, .ab_phi{ padding: 30px 2%; }
  .ab_cul,.ab_adv{ padding: 30px 0; }
  .ab_serce{ padding-top: 10px; }
  .pat100{ padding-top: 30px; }
  .case_list{ grid-gap: 10px; }
  .case_war{ padding-bottom: 35px; }
  .faq_lef p{ margin-top: 8px; }
  .faq_mul{ margin-top: 12px; }
  .faq_mul li{ margin-bottom: 5px; }
  .faqlist h3{ font-size: 19px; }
  .faq_war{ padding-bottom: 40px; }
  .nes_tdis{ margin-top: 8px; padding: 12px 8px; }
  .nes_tdis p{ line-height: 24px; height: 48px; }
  .digg4{ margin-top: 24px; }
  .new_war{ padding-bottom: 32px; }
  .infocon .time{ margin: 14px 0; }
  .infocon p{ font-size: 16px; line-height: 24px; }
  .deslitxt1{ height:auto; padding-right:0; }
  .inplink{ padding-right:0; flex-wrap:wrap; }
  .inplink a{ width:100%; margin-right:0; }
  .inpitems span{ margin-top: 4px;}
}