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

body{font-family:PlayfairDisplay-Regular,Arial, Helvetica, sans-serif; font-size: 18px;overflow-x: hidden; color: #333;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle; max-width: 100%; }
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#85b3e6;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }


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

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

.icon-xiazai-wenjianxiazai-15:before {
    content: "\e856";
}

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

.icon-24gf-playCircle:before {
    content: "\ea82";
}

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

.icon-mianliao:before {
    content: "\e630";
}

.icon-shouye:before {
    content: "\e63a";
}

.icon-youzhengbianma:before {
    content: "\e6b5";
}

.icon-jiantou3:before {
    content: "\e65a";
}

.icon-jiantou:before {
    content: "\e663";
}

.icon-twitter:before {
    content: "\e89d";
}

.icon-youtube1:before {
    content: "\e8d7";
}

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

.icon-zhuye:before {
    content: "\e6c5";
}

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

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

.icon-zixun1:before {
    content: "\e662";
}

.icon-rili:before {
    content: "\e659";
}

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

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

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

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

.icon-original-whatapp:before {
    content: "\e60d";
}

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

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

.icon-liaotian:before {
    content: "\e6a5";
}

.icon-instagram-fill1:before {
    content: "\e88f";
}

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

.icon-jiantou_xiangyou_o:before {
    content: "\eb94";
}

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

.icon-dayinchuanzhen:before {
    content: "\e627";
}

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

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

.icon-skype:before {
    content: "\e707";
}

.icon-chuanzhen:before {
    content: "\e616";
}

.icon-in:before {
    content: "\e6f1";
}

.icon-pinterest:before {
    content: "\e7a8";
}

.icon-dianhua4:before {
    content: "\e610";
}

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

.icon-jurassic_message:before {
    content: "\e69d";
}

.icon-ins:before {
    content: "\e664";
}

.icon-instagram-fill:before {
    content: "\e763";
}

.icon-shouji:before {
    content: "\e612";
}

.icon-dianhua3:before {
    content: "\e618";
}

.icon-dianhua2:before {
    content: "\e60a";
}

.icon-666666-copy:before {
    content: "\ec8d";
}

.icon-WhatsappMessage:before {
    content: "\e841";
}

.icon-yuyan:before {
    content: "\e85f";
}

.icon-icon_xinyong_xianxing_jijin-119:before {
    content: "\e646";
}

.icon-Mail:before {
    content: "\e71f";
}

.icon-douyin:before {
    content: "\e8db";
}

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

.icon-fahuotixing:before {
    content: "\e634";
}

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

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

.icon-a-ziyuan523:before {
    content: "\e78d";
}









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


input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.w_p_main{ background: #fff; overflow: hidden;  }
.main{ background: #fafafa; overflow: hidden;  }
.warper{ width:1550px; margin:0 auto; position: relative;}
.backToTop{width:60px; height:60px; z-index: 88; border-radius: 60px; background:#e0b14c url(images/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:2%; text-indent:9999px; bottom:150px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

.header-top{ height: 64px; text-align: right; line-height: 64px; overflow: hidden; position: relative; z-index: 0; }
.header-top:before{ content: ""; position: absolute; top: 0; right: 0; width: 64%; border-bottom-left-radius: 60px; height: 100%; background: #85b3e6; }
.h_lxul{ display: inline-block; float: right; overflow: hidden; }
.h_lxul li{ display: inline-block; font-size:16px; color: #fff; margin-right: 16px; position: relative; padding-left:28px; }
.h_lxul li i{ position: absolute; font-size: 24px; top: 0; left: 0; color: #fff; }
.h_lxul li:last-child{ margin-right: 0; }
.h_lxul li a{ color: #fff; }
.h_lxul li a:hover{ text-decoration: underline; }
.media{ display:inline-block; float: right; margin-left:20px; }
.media a{color: #fff; display: inline-block; text-align: center; width: 26px; height: 26px; line-height: 24px; margin: 0px 1px; font-size: 18px; }
.media a:hover{ background: #e0b14c; color: #fff; }

.h_quo{ display: inline-block; float: right; margin-left: 24px; margin-top: 16px; width: 105px; border-radius: 10px; background: #e0b14c; color: #fff; font-size: 14px; height: 35px; line-height: 35px; text-align: center; }
.h_quo:hover{ border-radius: 0; color: #fff; }


header{ width: 100%; height: 150px; background:#fff; z-index: 999; position: fixed; top: 0;  left: 0; }
header.position{ height:150px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);}

.ban_arrow{ width: 100%; position: absolute; top: 45%; left: 0;  }
.ban_arrow span{ display: inline-block; cursor: pointer; position: absolute; top: 0; width: 45px; height: 45px; text-align: center; line-height: 45px; border-radius: 45px; background: #fff; }
.ban_arrow span.ban_prev{ left: 10%; transform: rotate(180deg); }
.ban_arrow span.ban_next{ right: 10%; }
.ban_arrow span:hover{ background: #85b3e6; color: #fff; }

/*search*/
#nav:after{  content: '';  display: block;  clear: both;}
#nav .warper{position: relative;}
.logo{ position: absolute; left: 45px; top: 30px; overflow: hidden; }
.logo img{ float: left; }
.lo_div{ float: left; margin-left: 12px; margin-top: 4px; }
.lo_div p{ font-size: 19px; color: #000; margin-bottom: 22px; }


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

.head_rcon{ position: absolute; padding-left: 8px; right: 0; top: 22px; width: 30px; }
.search-button{ cursor: pointer; width: 30px; text-align: center; position: relative;  border-radius: 30px; height: 30px; line-height: 30px; display: inline-block; }
.search-button i{ color: #fff; font-size: 26px;  }
.searchform{ overflow: hidden;background:#0861a7;position: absolute; right: 0; height: 0; z-index: 88; top:56px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; }
.searchform input{ width: 190px; background:#0861a7; color: #fff; line-height:51px; padding-left:10px; float: left; }
.searchform button{ width:54px; line-height:51px; background:#0861a7; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform input::-webkit-input-placeholder { color: #fff;}
.searchform input:-moz-placeholder {  color: #fff;}


.l_fixed{ width: 40px; position: fixed; top: 30%; left: 0; z-index: 666; }
.l_fixed li{ position: relative; margin-bottom: 1px; transition: all 0.3s; }
.l_fixed li a{ width:100%; height: 40px; font-size: 20px; text-align: center; line-height: 40px; background: #85b3e6; color: #fff; display: block; }
.l_fixed li a i{ font-size: 20px; }
.l_fixed li a span{ display:block; position: absolute; top: 0; line-height: 40px; padding: 0 10px; background: #85b3e6; left: -999px; width: 0; font-size: 16px; transition: all 0.5s; }
.l_fixed li:nth-of-type(2) a{ background: #eccb84; }
.l_fixed li:nth-of-type(3) a{ background: #3a82d3; }
.l_fixed li:nth-of-type(4) a{ background: #30afeb; }
.l_fixed li:nth-of-type(5) a{ background: #0085b2; }
.l_fixed li:nth-of-type(6) a{ background: #d20000; }
.l_fixed li:nth-of-type(2) a span{ background: #eccb84; }
.l_fixed li:hover a span{ width: 200px; left: 40px; }
.l_fixed li:hover{ opacity: 0.9; }

nav{ float: right;}
nav li{ float: left; position: relative; margin: 0 30px; }
nav li>a{ line-height: 86px; position: relative; display: block; text-align: center; transition:0.5s; font-weight: bold; text-transform: capitalize; }
nav li.on a,nav li:hover a{ color: #85b3e6; cursor: pointer; }
nav li a:after{ content: ''; width: 0; height: 3px; transition: all 0.3s; background: #85b3e6; position: absolute; bottom: 14px; left: 50%; margin-left: -40%; }
nav li.on a:before,nav li:hover a:before{ content: ''; position: absolute; bottom:17px; left: 50%; width: 0; margin-left: -2.5px;
height: 0; border-style: solid; border-width: 0 2.5px 3px 2.5px; border-color: transparent transparent #85b3e6 transparent; }
nav li.on a:after,nav li:hover a:after{ width: 80%; }
nav dl{ opacity: 0; transition: opacity 1s ease;position: absolute; display: block; background: #85b3e6; min-width: 120px; top: 86px;  left:-9999px; z-index: 999;  }
nav dl dt{ display: block; font-size: 20px; color: #222; margin-bottom: 20px; }
nav dl dt *{ vertical-align: middle; }
nav dl dd{ display: block; }
nav li dl dd a{ opacity: 1; background: transparent !important; color: #fff !important; display: block; padding: 15px; text-align: left; white-space: nowrap;font-size:17px;}
nav li.on dl dd a:after,nav li:hover dl dd a:after,nav li:hover dl dd a:before,nav li.on dl dd a:before{  display: none; }
nav li dl dd a:hover{ background: #e0b14c !important; cursor: pointer; color: #fff !important;}
nav li:hover dl{ left: 0; opacity: 1; }

nav dl dd div{position: absolute; left: 100%; top: 0; background:rgba(224,177,76,.9); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:15px 20px; border-bottom: none; }

.cus_swipi{ margin-top: 56px; display: flex; flex-wrap: wrap; }
.cus_swipi li{ display: inline-block; margin-bottom: 30px; width: 18.5%; margin-right: 1.5%; text-align: center; }
.cus_swipi li:nth-of-type(5n){ margin-right: 0; }
.cus_swipi li .changpic{ box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1); }
.cus_swipi li:hover img{ transform: scale(1.15); }


.down_war{ padding-bottom: 118px; }
.down_war h2{margin-bottom: 20px;}
.down_list{ width: 100%; overflow: hidden; }
.down_list li{ float: left; width: 48.5%; margin-right: 3%; margin-bottom: 26px; }
.down_list li:nth-of-type(even){ margin-right: 0; }
.down_item a{ background: #f9f9f9; position: relative; display: block; width: 100%; padding: 18px 24px 18px 70px; }
.down_item a p{ font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: POPPINS-MEDIUM; }
.down_item a:before{ position: absolute; font-size: 30px; top: 18px; left: 28px; font-family: iconfont; content: "\e856"; color: #85b3e6; }
.down_item a:hover{ background: #85b3e6; color: #fff; }
.down_item a:hover:before{ color: #fff; }



footer{ background: url(images/fot_bg.jpg) no-repeat; background-size: cover; padding-top: 50px; }
.f_logo{ text-align: center; }
.f_loul{ display: inline-block; width: 100%; margin-top: 25px; }
.f_loul li{ color: #fff; font-size: 20px; display: inline-block; margin:0 25px; }
.f_mess{ margin-top: 28px; padding:0 75px; }
.f_mess ul{ margin-top: 35px; overflow: hidden; }
.f_mess ul li{ width: 25%; float: left; margin-right: 1%; position: relative; }
.f_mess ul li:last-child{ width: 48%; margin-right: 0; }
.f_mess ul li textarea, .f_mess ul li input{ width: 100%; font-size: 17px; font-family: PlayfairDisplay-Regular; color: #fff; height: 74px; resize: none; padding: 12px 14px; background: rgba(255,255,255,0.3); }
.f_mess ul li:last-child textarea{ padding-right:228px; }
.f_mess form textarea::-webkit-input-placeholder,.f_mess form input::-webkit-input-placeholder { color: #fff;}
.f_mess form textarea:-moz-placeholder {color: #fff;}
.f_mess form button{ position: absolute; top: 0; right: 0; font-size: 16px; font-family: PlayfairDisplay-Regular; color: #6497b8; text-transform: uppercase; display: block; cursor: pointer;  background: #fff; width: 220px; height: 74px; border: none; }
.f_mess form button:hover{ background: #6497b8; color: #fff; }

.f_xlb{ text-align: center; margin-top:30px; }
.f_xltop{ display: inline-block; width: 100%; overflow: hidden; }
.f_xltop li{ display: inline-block; color: #fff; margin:0 22px; }
.f_xltop li a{ font-size: 22px; font-family: PlayfairDisplay-Bold; color: #fff; }
.f_xltop li a:hover{ text-decoration:underline; }

.f_of{ margin-top:30px; color: #fff; font-size: 16px; }
.f_of p{ margin-bottom:8px; }
.f_of p:last-child{ margin-bottom: 0; }
.f_of p span{ font-size: 18px; font-family: PlayfairDisplay-Bold; }

.copyr{ margin-top: 45px; padding:18px 0; text-align: center; border-top:1px solid #7fb1d6; }
.copyr p{ color: rgba(255,255,255,0.5); font-size: 17px; }
.copyr p a{ color: rgba(255,255,255,0.5); }
.copyr p a:hover{ color: rgba(255,255,255,1); text-decoration:underline; }

.banner img{ width: 100%; display: block; }
#banner_home{ position: relative; margin-top: 150px; }
.ban_btn{ position: absolute; cursor: pointer; color: #fff; bottom:75px; text-align: center; left: 50%; margin-left: -20px; width: 40px; height: 80px; line-height: 80px; border-radius: 40px; border: 2px solid #fff; animation-name: hang_scroll;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards }
@keyframes hang_scroll {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  75% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.ban_btn i{ font-size: 38px; display: inline-block; transform:rotate(90deg); }
.ban_btn:hover{ background: #85b3e6; }
.banner{ position: relative; }
.banner .item{ position: relative;  }
.ban_show{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.ban_txt{ width: 1400px; text-align: center; padding: 0 10%; }
.ban_txt p{ color: #fff; font-size: 80px; line-height: 70px; font-family: calibrib;  }
.changpic{ width: 100%; overflow: hidden; }
.changpic img{ width: 100%; transition: all 0.3s; }

.cl{ clear: both; }
/*版块标题*/
.home_boxtit{ text-align: center; }
.home_boxtit h2{ font-size:50px; font-family:PlayfairDisplay-Bold; }
.home_boxtit p{ font-size: 16px; color: #888; margin-top: 24px; }
/*首页*/
.in_cloitem{ padding:90px 0 80px 0; }
.in_clotop{ width: 100%; overflow: hidden; }
.in_ctplcon{ float: left; width: 424px; padding:42px 100px 0 0 ; }
.in_ctprcon{ float: right; width: calc(100% - 424px); }
.in_ctplcon h2{ font-size: 40px; text-transform: uppercase; font-family: PlayfairDisplay-Bold; }
.in_ctplcon p{ color: #999; font-size: 16px; line-height: 26px; margin-top:20px; }
.in_ctplcon a{ display: inline-block; font-size: 16px; margin-top: 50px; background: #85b3e6; color: #fff; border-radius: 5px; text-align: center; width: 200px; height: 50px; line-height: 50px; }
.in_ctplcon a:hover{ border-radius: 0; transform: translateX(10px); }
.in_closwi{ margin-top: 48px; position: relative; }
.in_clogd .item,.in_fabgd .item{ margin:0 11px; }
.in_clodiv{ text-align: center; }
.in_clodiv .changpic{ border:1px solid #eee; }
.in_clodiv h3{ font-weight: normal; font-size: 18px; margin-top:26px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.in_clodiv span{ color: #666; font-size: 16px; display: inline-block; margin-top:24px; } 
.in_clodiv:hover .changpic img{ transform: scale(1.15); }
.in_clodiv:hover .changpic{ border:1px solid #85b3e6; }
.in_carrow{ width: 100%; position: absolute; top: 36%; left: 0;  }
.in_carrow span{ display: inline-block; cursor: pointer; position: absolute; top: 0;  width: 54px; height: 30px; text-align: center; line-height: 30px; border:1px solid #d0d0d0; color: #d0d0d0; border-radius: 45px; background: #fff; }
.in_carrow span i{ font-size: 30px; display: inline-block; }
.in_carrow span.cl_prev,.in_carrow span.fab_prev,.in_carrow span.ca_prev,.in_carrow span.ex_prev{ left: -84px; transform: rotate(180deg); }
.in_carrow span.cl_next,.in_carrow span.fab_next,.in_carrow span.ca_next,.in_carrow span.ex_next{ right: -84px; }
.in_carrow span:hover{ background: #85b3e6; border:1px solid #85b3e6; color: #fff; }
.in_clo .in_cloitem:nth-of-type(even){ background: #f8f5ef; }
.in_clo .in_cloitem:nth-of-type(even) .in_carrow span:hover{ background: #eccb84; border:1px solid #eccb84; }
.in_clo .in_cloitem:nth-of-type(even) .in_ctplcon{ float: right; padding:42px 40px 0 50px; }
.in_clo .in_cloitem:nth-of-type(even) .in_ctprcon{ float: left; }
.in_clo .in_cloitem:nth-of-type(even) .in_ctplcon a{ background: #eccb84; color: #b08f46; }

.in_cust{ padding-top:90px; }
.in_custit{ position: relative; }
.in_custit h2{ font-size: 50px; font-family: PlayfairDisplay-Bold; display: inline-block; }
.in_custit p{ font-size: 16px; margin-left: 42px; line-height: 26px; color: #999; display: inline-block; width: 52%; }
.in_custit a{ position: absolute; top: 12px; right: 0; width: 200px; height: 52px; line-height: 52px; color: #fff; text-align: center; font-size: 16px; border-radius: 5px; background: #a8c3e1; }
.in_custit a:hover{ background: #eccb84; color: #b08f46; }
.in_cusblck{ padding:85px 0 74px 0; }
.in_cusbt{ text-align: center; }
.in_cusbt h3{ font-size: 34px; position: relative; font-weight: normal; display: inline-block; }
.in_cusbt h3:before{ content: ""; position: absolute; top: 54%; left: -200px; width: 160px; height: 1px; background: #bfbfbf; }
.in_cusbt h3:after{ content: ""; position: absolute; top: 54%; right: -200px; width: 160px; height: 1px; background: #bfbfbf; }

.brand-logo{ position: relative; margin-top:55px; overflow: hidden; font-size: 0; width: 100%; }
.left_mask{ width: 200px; height: 100%; position: absolute; z-index: 10; left: 0; transform: rotate(180deg);}
.right_mask { width: 200px; height: 100%; position: absolute; z-index: 10; right: 0; top: 1px;}
.line_even { width: 4400px; animation: scroll_to_right 30s linear infinite; margin-bottom:20px;}
.logo_img{ width: 50%; display: inline-block;}
.line_odd{ width: 4400px; animation: scroll_to_right 36s linear infinite; margin-bottom:20px;}
@keyframes scroll_to_right{ 0%{transform:translateX(-2200px) }to{transform:translateX(0)}}

.in_custy{ background: url(images/in_culsty.jpg) no-repeat; background-size: cover; }
.in_custyswi{ margin-top:48px; }
.in_custyswi .item{ margin:0 12px; }
.in_custyswi .item .changpic{ box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1); }
.in_custyswi .item:hover .changpic img{ transform:scale(1.15); }
.in_custyswi .slick-track{ padding:10px 0; }
.in_custyswi .slick-dots{ position: static; margin-top:42px; }
.in_custyswi .slick-dots li{ width: auto; height: auto; }
.in_custyswi .slick-dots li button{ width: 20px; height: 20px; border-radius: 20px; background:#cddbeb; }
.in_custyswi .slick-dots li.slick-active button{ background:#85b3e6; }

.in_cuadvul{ width: 100%; overflow: hidden; margin-top: 66px; }
.in_cuadvul li{ width: 20%; text-align: center; float: left; }
.in_cuadvul li i{ width: 204px; transition: all 0.3s; font-size: 80px; display: inline-block; background: #dce7f3; color: #5690d1; text-align: center; height: 204px; line-height: 204px; border-radius: 204px; }
.in_cuadvul li p{ margin-top:26px; font-size: 24px; }
.in_cuadvul li:nth-of-type(2) i{ background:#f8edd4; color: #e3af37; }
.in_cuadvul li:nth-of-type(3) i{ background:#f1dedd; color: #ea8078; }
.in_cuadvul li:nth-of-type(4) i{ background:#c5e5cc; color: #55b76d; }
.in_cuadvul li:nth-of-type(5) i{ background:#f0ddcd; color: #e7873b; }
.in_cuadvul li:hover i{ transform:translateY(10px); }

.in_ab{ padding:82px 0; background: url(images/in_abbg.jpg) no-repeat; background-size: cover; }
.in_abtop{ width: 100%; overflow: hidden; }
.in_toplcon{ float: left; width: 46%; }
.in_toprcon{ float: right; width: 54%; padding:66px 0 0 40px; }
.in_toprcon h2{ font-family: PlayfairDisplay-Bold; font-size: 44px; text-transform: uppercase; }
.in_toprcon .about_p{ margin-top:28px; color: #999; font-size: 16px; line-height: 26px; font-family: Roboto-Light; }
.in_toprcon a{ display: inline-block; margin-top:34px; width: 162px; text-align: center; background: #eccb84; color: #b08f46; font-size: 16px; height: 44px; line-height: 44px; border-radius: 4px; }
.in_toprcon a:hover{ background: #a8c3e1; color: #fff; }
.in_smpic{ width: 100%; overflow:hidden; margin-top:44px; }
.in_smpic li{ width: 48%; float: left; margin-right:4%; }
.in_smpic li:last-child{ margin-right: 0; }
.in_smpic li:hover .changpic img,.in_toplcon:hover .changpic img,.in_abbotpic li:hover .changpic img{ transform: scale(1.15); }
.in_abbotpic{ width: 100%; overflow:hidden; margin-top: 65px; }
.in_abbotpic li{ margin-right: 2%; float: left; width: 23.5%; }
.in_abbotpic li:last-child{ margin-right: 0; }

.in_hodiv{ padding:100px 0 70px 0; }

.in_case{ padding:70px 0 85px 0; background: url(images/in_casebg.jpg) no-repeat; background-size: cover; }
.in_canav{ width: 100%; overflow: hidden; margin-top: 45px; text-align: center; }
.in_canav li{ display: inline-block; margin:0 14px; width: 205px; height: 54px; line-height: 50px; font-size: 22px; color: #526a85; text-align: center; border-radius: 5px; border:1px solid #a8c3e1; }
.in_canav li a{ color: #526a85; display: inline-block; width: 100%; height: 100%; }
.in_canav li:hover a,.in_canav li.on a{ color: #fff; background: #85b3e6; }

.in_caseswi{ margin-top:48px; position: relative; }
.in_cagd .item{ margin:0 11px; }
.in_caitem{ padding:15px 15px 0 15px; border:1px solid #c7d7e3; background: #fff; }
.in_caitem .changpic{ border:1px solid #dbd8cb; }
.in_catext{ margin-top:22px; }
.in_catext h3{ font-size: 18px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.in_catext p{ font-size: 16px; line-height: 24px; font-family: Roboto-Light; color: #888; margin-top:20px; height: 48px; overflow: hidden; }
.in_camo{ margin-top:38px; border-top:1px solid #c7d7e3; padding:16px 15px 10px 15px; overflow: hidden; }
.in_camo span{ color:#827e6f; display: inline-block; }
.in_camo i{ float: right; font-size: 38px; color: #d5dee6; }
.in_camo *{ vertical-align: middle; }
.in_caitem:hover .changpic img{ transform: scale(1.15); }
.in_caitem:hover .in_camo span{ color: #85b3e6; }
.in_caitem:hover{ border:1px solid #85b3e6; }

.in_exhi{ padding:60px 0 70px 0; }
.in_exhi .home_boxtit{ text-align: left; }
.exh_swi{ margin-top:50px; position: relative; }
.exh_gd .item{ margin:0 15px; }

.in_news{ padding-bottom: 100px; }
.in_newdiv{ width: 100%; overflow: hidden; margin-top:60px; }
.in_ndlcon{ width: 48%; float: left; padding-right:50px; }
.in_ndrcon{ width: 52%; float: right; }
.in_nbig:hover .changpic img{ transform: scale(1.15); }
.in_txtn{ margin-top:26px; }
.in_txtn em{ color: #bbb; font-size: 16px; font-style:normal; }
.in_txtn h3{ margin-top: 8px; font-weight: normal; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.in_txtn p{ color: #999; font-family: Roboto-Light; line-height: 30px; height: 90px; overflow: hidden; margin-top:12px; }
.in_txtn span{ font-size: 16px; color: #bbb; display: inline-block; margin-top:20px; }

.in_newsulli li{ margin-bottom: 20px; }
.in_newsulli li:last-child{ margin-bottom: 0; }
.in_nliitm a{ display: inline-block; width: 100%; padding:35px 34px 38px 34px; background: #f1e8d5; }
.in_nliitm em{ color: #bbb; font-size: 16px; font-style:normal; }
.in_nliitm h3{ margin-top: 8px; color: #333; font-weight: normal; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.in_nliitm p{ color: #999; font-family: Roboto-Light; line-height: 30px; height: 90px; overflow: hidden; margin-top:22px; }
.in_nliitm span{ font-size: 16px; color: #bbb; display: inline-block; margin-top:20px; }
.in_nliitm:hover a{ background: #eccb84; }
.in_nliitm:hover em,.in_nliitm:hover p,.in_nliitm:hover span{ color: #ab915a; }
.in_nliitm:hover h3{ color: #7d6126; }


.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{ margin-top: 150px; position: relative; overflow: hidden;}
.subbanner img{ width: 100%; display: block; }
.sub_nav{ padding:22px 0; background: #f8f8f8; text-align: right; color: #666; }
.sub_nav i{ color: #85b3e6; font-size:20px; margin-right:8px; }
.sub_nav span{ color: #666;}
.pat80{ padding-top: 80px; }
/*关于我们*/
.ab_war{ padding-bottom:98px; }
.ab_com{ padding-bottom: 80px; }
.ab_protext{ margin-top: 25px; }
.ab_protext p{ font-size: 16px; line-height: 32px; color: #666; font-family: Roboto-Light; }
.ab_compic{ margin-top: 36px; overflow: hidden; }
.ab_compic li{ width: 51%; float: left; }
.ab_compic li:nth-of-type(2),.ab_compic li:nth-of-type(3){ width: 49%; float: left; padding-left: 32px; }
.ab_compic li:nth-of-type(2){ margin-bottom:22px; }
.ab_compic li:hover .changpic img{ transform:scale(1.15); }

.ab_fact{ padding:75px 0 66px 0; background: url(images/ab_facbg.jpg) no-repeat; background-size: cover; }
.ab_fact .home_boxtitblc{ text-align: left; }
.fac_swi{ position: relative; margin-top: 50px; }
.fac_pic .item{ margin:0 16px; }
.fac_pic .item .changpic{ margin-bottom:36px; }
.fac_pic .changpic:hover img{ transform:scale(1.15); }
.fa_arrow{ position: absolute; top: -84px; right: 0; }
.fa_arrow span{ display: inline-block; cursor: pointer; width: 54px; height: 30px; text-align: center; line-height: 30px; border:1px solid #d0d0d0; color: #d0d0d0; border-radius: 45px; background: #fff; }
.fa_arrow span i{ font-size: 30px; display: inline-block; }
.fa_arrow span.fc_prev{ transform: rotate(180deg); }
.fa_arrow span:hover{  background: #85b3e6; border:1px solid #85b3e6; color: #fff; }

.ab_why{ padding:94px 0 116px 0; }
.ab_whyul{ margin-top: 62px; display: flex; flex-wrap: wrap; }
.ab_whyul li{ display: inline-block; width: 33.3%; background: #e7eef7; }
.ab_whyul li:nth-of-type(even){ background: #d6e3f2; }
.ab_whyitem{ padding:65px 45px 0 40px; }
.ab_whyitem h3{ font-size: 24px; margin-bottom:18px; color: #213b58; font-family: PlayfairDisplay-Bold; }
.ab_whyitem p{ color: #416ea0; font-size: 16px; line-height: 35px; }

.ab_choo{ padding:88px 0 98px 0; background: url(images/ab_chobg.jpg) no-repeat; background-size: cover; }
.ab_chul{ margin-top: 90px; width: 100%; display: flex; }
.ab_chul li{ width: 14.285%; padding-bottom: 40px; display: inline-block; background: url(images/hdian.png) center left no-repeat; }
.ab_chitem{ width: 100%; height: 182px; padding:35px 26px; background: url(images/h_bgch.png) no-repeat; background-size: cover; }
.ab_chitem p{ color: #635026; line-height: 26px;  }
.ab_chul li:nth-of-type(even){ margin-top: 198px; padding-top: 40px; padding-bottom: 0; background: url(images/ldian.png) no-repeat; }
.ab_chul li:nth-of-type(even) .ab_chitem{ padding:85px 26px 35px 26px; background: url(images/ls_bg.png) no-repeat; background-size: cover; }
.ab_chul li:nth-of-type(even) .ab_chitem p{ color: #213b58; }

.ab_faq{ padding-top: 90px; }
.ab_faq .home_boxtitblc{ text-align: left; }
.faq_box{ margin-top: 50px; position: relative; }
.fa_carrow{ position: absolute; top: -75px; right: 0; }
.fa_carrow span{ display: inline-block; cursor: pointer; width: 54px; height: 30px; text-align: center; line-height: 30px; border:1px solid #d0d0d0; color: #d0d0d0; border-radius: 45px; background: #fff; }
.fa_carrow span i{ font-size: 30px; display: inline-block; }
.fa_carrow span.fal_prev{ transform: rotate(270deg); }
.fa_carrow span.fal_next{ transform: rotate(90deg); }
.fa_carrow span:hover{  background: #85b3e6; border:1px solid #85b3e6; color: #fff; }

.faq_list .item{ padding-bottom:60px; }
.faq_q{ padding:16px 20px; background: #f2f4f7; }
.q_tit{ position: relative; padding-left: 60px; min-height: 43px; padding-top: 7px; }
.q_tit p{ font-size: 20px; }
.q_tit span{ position: absolute; top: 0; left: 0; display: inline-block; width: 43px; text-align: center; line-height: 40px; height: 43px; border-radius: 5px; background: #85b3e6; color: #fff; font-size: 26px; }
.faq_a{ margin-top: 25px; padding:0 20px; }
.a_box{ position: relative; padding-left: 60px; min-height: 43px; padding-top: 7px; }
.a_box p{ color: #888; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.a_box span{ position: absolute; top: 0; left: 0; display: inline-block; width: 43px; text-align: center; line-height: 40px; height: 43px; border-radius: 5px; background: #e1e1e1; color: #343434; font-size: 26px; }
/*产品列表*/
.pro_war{ padding-bottom: 120px; }
.p_litit{ text-align: center; }
.p_litit h2{ font-size: 56px; text-transform: uppercase; font-family: PlayfairDisplay-Bold; }
.pro_nav{ margin-top: 70px; }
.pro_nul{ width: 100%; overflow: hidden; }
.pro_nul li{ width: 50%; float: left; border:1px solid #85b3e6; overflow: hidden; border-top-left-radius: 20px; }
.pro_nul li a{ font-size: 30px; display: inline-block; background: #f3f7fb; width: 100%; color: #85b3e6; padding:24px 46px; text-transform: uppercase; font-family: PlayfairDisplay-Bold; }
.pro_nul li a i{ font-size: 35px; margin-right: 22px; }
.pro_nul li:nth-of-type(2){ border:1px solid #f5e3bd; border-top-left-radius: 0; border-top-right-radius: 20px; }
.pro_nul li:nth-of-type(2) a{ background: #faf9f8; color: #eccb84; }
.pro_nul li:nth-of-type(2) span{ color: #eccb84; }
.pro_nul li.on a{ color: #345a85; background: url(images/p_babg.png) no-repeat; background-size: cover; }
.pro_nul li span{ float: right; display: inline-block; font-size: 35px; color: #85b3e6; }
.pro_nul li.on span{ color: #d9eafc; transform: rotate(90deg); }
.pro_nul li:nth-of-type(2).on a{ color: #b08f46; background: url(images/fabp_bg.png) no-repeat; background-size: cover; }
.pro_nul li:nth-of-type(2).on span{ color: #faf7f1; }
.p_ubli{ background: #fff; padding:48px 48px 0 48px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1); }
.p_ubul{ width: 100%; display: flex; flex-wrap: wrap; }
.p_ubul li{ display: inline-block; position: relative; padding-left: 36px; width: 33.3%; margin-bottom: 45px; font-size: 20px; }
.p_ubul li:before{ font-size: 26px; color: #85b3e6; position: absolute; top: 0; left: 0; content: "\ea82"; font-family: iconfont; }
.p_ubul li.on a,.p_ubul li:hover a{ color: #85b3e6; font-family: PlayfairDisplay-Bold; }

.pro_list{ width: 100%; overflow: hidden; margin-top: 58px; }
.pro_list li{ float: left; width: 18.4%; margin-right: 2%; margin-bottom: 92px; }
.pro_list li:nth-of-type(5n){ margin-right: 0; }
/*分页 结束*/
.digg4{ text-align:center; font-size: 20px; margin-top: 35px;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:30px; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; height:30px; line-height: 22px; border-radius: 30px; color:#222; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 a:hover { color: #fff; background: #85b3e6;}
.digg4 a.disabled:hover{ color: #fff; background: #85b3e6; border:1px solid #85b3e6; }
.digg4 a.disabled { width: 56px; border:1px solid #e5e5e5; height: 30px; font-size: 30px; line-height: 26px; font-weight: normal; color: #a6a6a6;}
.digg4 a.disabled i{ font-size: 26px; display: inline-block; color: #d6d6d6; }
.digg4 a{ font-size: 20px; }
.digg4 a.disabled:hover i{ color: #fff; }
.digg4 a.disabled.prev i{ transform: rotate(180deg); }
/*分页 结束*/
/*产品详情*/
.del_war{ padding-bottom: 108px; }
.del_main{ margin-top: 150px; margin-bottom:60px; background: url(images/del_bg.jpg) no-repeat; background-size: cover; padding:48px 0 78px 0; }
.del_main .sub_nav{ padding:0; text-align: left; background: transparent; color: #fff; }
.del_main .sub_nav a,.del_main .sub_nav span{ color: #fff; }
.pro-del-box{ width: 100%; margin-top: 22px; overflow: hidden; }
.del_lcon{ width: 830px; float: left; }
.del_rcon{ margin-left: 830px; padding:19px 0 0 35px; }
.del_swipwer{ width: 100%; overflow: hidden; }
.dl_lcond{ width: 640px; float: left; }
.dl_rcond{ margin-left:640px; padding-left: 16px; }
.qh_gd .item{ margin: 7px 0; position: relative; }
.qh_gd .item.slick-current .changpic:before{ position: absolute; top: 0; left: 0; border: 1px solid #069cd1; content: ''; width: calc(100% - 2px); height: calc(100% - 2px);  }
.qh_gd .item:focus{ outline: none; }
.qh_picgd{ position: relative; padding: 48px 0; z-index: 0; }
.qh_picgd .custom_paging{ position: absolute; top: 0; height: 100%; left: 0; z-index: -1; }
.qh_picgd .custom_paging span{ position: absolute; left: 0; display: inline-block; width: 172px; cursor: pointer; color: #fff; background: #85b3e6; height: 38px; text-align: center; line-height: 38px; }
.qh_picgd .custom_paging span i{ display: inline-block; font-size: 22px; transform:rotate(90deg); }
.qh_picgd .custom_paging span.slick_prev{ top: 0; }
.qh_picgd .custom_paging span.slick_next{ bottom: 11px; }
.qh_picgd .custom_paging span.slick_prev i{ transform:rotate(-90deg); }
.qh_picgd .custom_paging span:hover{ background: #e0b14c; }
.del_rcon h1{ font-size: 39px; color: #fff; font-family: PlayfairDisplay-Bold; }
.del_rgd{ margin-top: 18px; background: #4f728f; padding:22px 32px; overflow: auto; height: 426px; }
.del_fwz li{ color: #fff; line-height: 20px; margin-bottom: 14px; }
.del_rgd::-webkit-scrollbar{ width: 12px; }
.del_rgd::-webkit-scrollbar-thumb{ background: #fff; border-radius: 20px; }
.del_rgd::-webkit-scrollbar-track{ background: #3d6382; }

.pro_lxbtn{ margin-top: 28px; }
.pro_lxbtn a{ background: #85b3e6; border-radius: 8px; color: #fff; text-align: center; padding:16px; width: 47%; display: inline-block; }
.pro_lxbtn a i{ display: inline-block; font-weight: normal; font-size: 26px; margin-right: 5px; }
.pro_lxbtn a:last-child{ background: #e0b14c; margin-left: 4%; color: #fff; }
.pro_lxbtn a *{ vertical-align: middle; }
.pro_lxbtn a:hover{ background: #333; color: #fff; border-radius: 0; }
.share{ margin-top: 35px; }

.del_mess{  }
.me_tit{ font-size: 38px; font-family:PlayfairDisplay-Bold; margin-bottom:34px;  }

.quiry_info{ overflow: hidden; }
.quiry_info ul{ width: 100%; overflow: hidden; }
.quiry_info li{  float: left; width: 49%; margin-bottom: 18px; position: relative; }
.quiry_info ul li:nth-of-type(even){ float: right; }
.quiry_info li font{ position: absolute; color: red; top: 15px; left: 8px; }
.quiry_info li p{ margin-bottom: 10px;  }
.quiry_info ul li:nth-of-type(3),.quiry_info ul li:nth-of-type(4),.quiry_info ul li:nth-of-type(5){ width: 100%; }
.quiry_info input,.quiry_info textarea{width: 100%; border:1px solid #ccdad6; color: #333; resize: none; font-family:PlayfairDisplay-Regular; background:#fff;  font-size:16px; line-height: 26px; padding:15px 20px; }
.quiry_info textarea{height: 145px;}
.quiry_info input::-webkit-input-placeholder,.quiry_info textarea::-webkit-input-placeholder { color: #666;}
.quiry_info input:-moz-placeholder,.quiry_info textarea:-moz-placeholder {color: #666;}
.quiry_info ul li:last-child{ margin-bottom: 0; }
.quiry_info button{  border: none; transition: all 0.3s; width: 160px; display: block; font-family:PlayfairDisplay-Regular; font-size: 16px; cursor: pointer; background: #85b3e6;  border-radius: 12px; color: #fff; height: 42px;  }
.quiry_info button:hover{  border-radius: 0; background: #e0b14c; }

.del_relp{ margin-top: 78px; }

/*cust*/
.cus_war{ padding-bottom: 128px; }
.cus_how{ padding-bottom: 98px; }
.home_boxtitblc{ text-align: center; }
.home_boxtitblc h2{ font-size: 50px; font-family: PlayfairDisplay-Bold; }
.home_boxtitblc p{ font-size: 20px; color: #666; margin-top: 26px; }
.cus_how .changpic{ margin-top: 58px; }

.cus_style{ background: #f1f4f7; padding:84px 0 90px 0; }
.cus_swi{ margin-top: 56px; }
.cus_swi .item{ margin:0 10px; }
.cus_swi .item .changpic{ margin-bottom: 45px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1); }
.cus_swi .slick-track{ padding:10px 0; }
.cus_swi .slick-dots{ position: static; margin-top:20px; }
.cus_swi .slick-dots li{ width: auto; height: auto; }
.cus_swi .slick-dots li button{ width: 20px; height: 20px; border-radius: 20px; background:#cddbeb; }
.cus_swi .slick-dots li.slick-active button{ background:#85b3e6; }
.cus_swi .changpic:hover img{ transform: scale(1.15); }

.cus_adv{ padding-top: 110px; }
/*video*/
.vi_war{ padding-bottom: 95px; }
.vi_list{ width: 100%; overflow: hidden; }
.vi_list li{ width: 32%; margin-right: 2%; float: left; margin-bottom: 44px; }
.vi_list li:nth-of-type(3n){ margin-right: 0; }
.vi_item{ position: relative; }
.vi_item i{ position: absolute; color: #fff; font-size: 68px; top: 50%; left: 50%; margin-top: -34px; margin-left: -34px; }
.vi_item:hover .changpic img{ transform:scale(1.15); }
/*contact*/
.con_war{ padding-bottom: 45px; }
.con_lxul{ width: 100%; overflow: hidden; }
.con_lxul li{ width: 23.5%; padding:38px 25px 0 22px; height: 158px; border:1px solid #eccb84; background: #f7f5ef; margin-right: 2%; float: left; margin-bottom: 22px; }
.con_lxul li:nth-of-type(4),.con_lxul li:nth-of-type(7){ margin-right: 0; }
.con_item{ position: relative; padding-left: 56px; }
.con_item i{ position: absolute; top: 12px; left: 0; color: #eccb84; font-size: 42px; }
.con_item h4{ font-size: 20px; margin-bottom:10px; font-family: PlayfairDisplay-Bold; }
.con_item a:hover{ text-decoration:underline; }
.con_lxul li:nth-of-type(5){ width: 49%; }

.con_mif{ margin-top: 50px; overflow: hidden; }
.con_mlcon{ width: 569px; float: left; }
.con_mrcon{ margin-left: 569px; padding-left: 62px; padding-top: 20px; }
.con_mrcon .quiry_info textarea { height: 198px;}
.con_mrcon .quiry_info input, .con_mrcon .quiry_info textarea{ padding: 18px 20px; }
.con_mrcon .quiry_info button{ width: 188px; height: 50px; text-transform: uppercase; }
.con_map{ margin-top: 48px; }
/*vip*/
.memb_war{ padding-bottom: 125px; }
.membul li{ margin-bottom: 35px; background: #faf9f8; overflow: hidden; border: 1px dashed #e9d0bc; }
.me_lcon{ width: 311px; float: left; }
.me_rcon{ margin-left: 311px; padding:64px 20px 0 50px; }
.me_rcon p{ font-size: 26px; line-height: 60px; }
.me_rcon p span{ font-size: 40px; color: #bb9c83; font-family: PlayfairDisplay-Bold; }
.membul li:nth-of-type(2) .me_rcon p span{ color: #000; }
.membul li:nth-of-type(3) .me_rcon p span{ color: #bf9634; }
.membul li:nth-of-type(1){ width:86%; }
.membul li:nth-of-type(2){ width:93%; }
.membul li:last-child{ margin-bottom:0; }
.mem_lase{ margin-top: 45px; background: url(images/xip_usd.png) center no-repeat; text-align: center; background-size: cover; padding:62px 78px; }
.mem_lase p{ color: #fff; text-shadow: 0 5px 2px #6491c2; font-size: 40px; font-family: PlayfairDisplay-Bold; }
.note_p{ margin-top: 40px; color: #bf9736; font-size: 30px; }
/*新闻*/
.news_war{ padding-bottom: 95px; }
.news_list{ width: 100%; overflow: hidden; }
.news_list li{ float: left; width: 47.5%; margin-right: 5%; margin-bottom:50px; }
.news_list li:nth-of-type(even){ margin-right: 0;  }

.infocon{color: #666; }
.infocon .time{ text-align: center; margin: 12px 0; color: #999}
.infocon h1{font-size:26px; font-family:PlayfairDisplay-Bold; line-height: 30px; text-align: center; color: #222;}
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }
.infocon .other{border-top: 1px solid #ddd; padding:15px 0 0 0; margin:50px 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: #85b3e6; }
.infocon p{line-height:28px; margin-bottom: 10px;}

/*case*/
.case_navul{ width: 100%; overflow: hidden; }
.case_navul li{ padding:0 30px; display: inline-block; position: relative; }
.case_navul li:before{ content: ""; transform: rotate(20deg); position: absolute; bottom: 8px; right: 0; width: 1px; height: 30px; background: #a0a0a0;  }
.case_navul li:first-child{ padding-left: 0; }
.case_navul li a{ color: #999; font-size: 36px; }
.case_navul li.on a{ font-size: 44px; color: #333; font-family:PlayfairDisplay-Bold; }
.case_navul li:last-child:before{ display: none; }

.case_list{ width: 100%; overflow: hidden; margin-top: 42px; }
.case_list li{ float: left; width: 23.8%; margin-right: 1.5%; margin-bottom: 50px; }
.case_list li:nth-of-type(4n){ margin-right: 0; }

/*exhib*/
.ex_list{ width: 100%; overflow: hidden; }
.ex_list li{ float: left; width: 23.5%; margin-right: 2%; margin-bottom: 36px; }
.ex_list li:nth-of-type(4n){ margin-right: 0; }
.ex_list li:hover .changpic img{ transform: scale(1.15); }

@media screen and (max-width: 1680px){
 .backToTop{ right: 0; width: 50px; height: 50px; right: 0; }
 .logo{ left: 5px; }
 .lo_div p{ font-size: 17px; margin-bottom: 31px; }
}

@media screen and (max-width: 1600px){
  .warper{ width: 88%;}
  .h_lxul li{ margin-right:8px; }
  .lo_div p{ font-size: 15px; margin-bottom: 35px; }
  .header-top .warper,.header-bot .warper{ width: 94%; }
  nav li{ margin: 0 26px; }
  .in_carrow span.cl_next, .in_carrow span.fab_next, .in_carrow span.ca_next, .in_carrow span.ex_next{ right: -58px; }
  .in_carrow span.cl_prev, .in_carrow span.fab_prev, .in_carrow span.ca_prev, .in_carrow span.ex_prev{ left: -58px; }
  .in_toprcon{ padding:24px 0 0 40px; }
  .p_litit h2{ font-size: 50px; }
  .pro_nav{ margin-top: 45px; }
  .pro_list li{ margin-bottom:55px; }
  .pat80{ padding-top: 70px; }
  .home_boxtitblc h2{ font-size: 45px; }
  .cus_swi .item .changpic{ margin-bottom:24px; }
  .in_cuadvul li p{ font-size: 22px; }
  .ab_whyitem p{ line-height: 26px; }
  .ab_whyitem{ padding: 46px 26px 0 26px; }
  .ab_chitem{ height: 163px; }
  .ab_chul li:nth-of-type(even) .ab_chitem{ padding: 70px 26px 35px 26px; }
  .ab_chul li:nth-of-type(even){ margin-top:183px; }
  .ab_whyitem h3{  font-size: 22px;}
  .ab_chitem{ padding: 20px 26px;}
  .cus_swipi{ margin-top: 50px;}
  .me_rcon p{font-size: 23px;}
  .con_lxul li{padding: 38px 12px 0 5px;}
  .con_item{padding-left: 46px;}
  
}

@media screen and (max-width: 1440px){
  .lo_div{ display: none; }
  .header-top:before{ width: 72%; }
  .header-top{ height: 45px; line-height: 45px; }
  .h_quo{ margin-top: 5px; }
  nav li>a{ line-height: 70px; }
  nav li a:after{ bottom: 10px; }
  nav li.on a:before, nav li:hover a:before{ bottom: 13px; }
  header{ height: 115px; }
  #banner_home{ margin-top: 115px; }
  .logo{ top: 10px; }
  .in_cloitem{ padding:60px 0; }
  header.position{ height: 115px; }
  .in_ctplcon h2{ font-size: 34px; }
  .in_ctplcon a{ margin-top:20px; }
  .in_ctplcon p{ margin-top: 10px; }
  .in_ctplcon{ padding: 24px 50px 0 0; }
  .in_clo .in_cloitem:nth-of-type(even) .in_ctplcon{ padding: 24px 0 0 50px; }
  .in_clodiv h3{ margin-top:15px; }
  .in_clodiv span{ margin-top:15px; }
  .in_clogd .item, .in_fabgd .item{ margin:0 6px; }
  .in_closwi{ margin-top: 20px; }
  .in_cust{ padding-top: 50px; }
  .in_custit h2{ font-size: 40px; }
  .in_custit a{ width: 185px; }
  .in_custit p{ margin-left: 25px; }
  .in_custit *{ vertical-align: top; }
  .in_cusblck{ padding:40px 0; }
  .brand-logo{ margin-top:18px; }
  .right_mask{ width: 120px; }
  .line_even,.line_odd{ width: 3800px; }
  @keyframes scroll_to_right{ 0%{transform:translateX(-1900px) }to{transform:translateX(0)}}
  .in_custyswi{ margin-top:25px; }
  .in_custyswi .slick-dots{ margin-top:20px; }
  .in_custyswi .slick-dots li button{ width: 18px; height: 18px; }
  .in_cuadvul li i{ width: 180px; height: 180px; line-height: 180px; font-size: 60px; }
  .in_cuadvul{ margin-top:42px; }
  .in_ab{ padding:60px 0; }
  .in_toprcon h2{ font-size: 38px; }
  .in_toprcon .about_p{ /*margin-top:12px;*/ }
  .in_toprcon a{ margin-top: 18px; }
  .in_smpic{ margin-top:25px; }
  .in_abbotpic{ margin-top: 30px; }
  .in_hodiv,.in_case{ padding:60px 0; }
  .home_boxtit h2{ font-size: 42px; }
  .home_boxtit p{ margin-top:15px; }
  .in_canav{ margin-top:24px; }
  .in_caseswi{ margin-top:26px; }
  .in_caitem{ padding:10px 10px 0 10px; }
  .in_camo{ margin-top:20px; }
  .in_catext p{ margin-top:10px; }
  .in_camo{ padding:12px; }
  .in_exhi{ padding:60px 0; }
  .exh_swi{ margin-top:28px; }
  .exh_gd .item{ margin:0 8px; }
  .in_newdiv{ margin-top:30px; }
  .in_ndlcon{ padding-right: 30px; }
  .in_nliitm p{ margin-top:12px; }
  .in_news{ padding-bottom: 60px; }
  nav dl{ top: 70px; }
  .subbanner{ margin-top: 115px; }
  .pat80{ padding-top: 60px; }
  .p_litit h2{ font-size: 44px; }
  .pro_nav{ margin-top:30px; }
  .p_ubli{ padding:48px 10px 0 10px; }
  .pro_list{ margin-top:34px; }
  .pro_list li{ margin-bottom:24px; }
  .pro_war{ padding-bottom: 60px; }
  .del_main{ margin-top: 115px; padding:40px 0 55px 0; margin-bottom:50px; }
  .del_main .sub_nav .warper{ width: 100%; }
  .del_lcon{ width: 660px; }
  .del_rcon{ margin-left: 660px; }
  .dl_lcond{ width: 76%; }
  .dl_rcond{ width: 24%; padding-left: 12px; float: right; margin-left:0; }
  .qh_gd .item{ margin:1px 0; }
  .qh_picgd{ padding:32px 0; }
  .qh_picgd .custom_paging span{ width: 150px; z-index: 66; height: 30px; line-height: 30px; }
  .qh_picgd .custom_paging span.slick_next{ bottom:-1px; }
  .del_rcon{ padding:0 0 0 22px; }
  .del_rcon h1{ font-size: 28px; }
  .del_rgd{ padding:20px; height: 370px; }
  .del_fwz li{ margin-bottom:8px; }
  .pro_lxbtn{ margin-top: 15px; }
  .share{ margin-top: 12px; }
  .me_tit{ font-size: 32px; margin-bottom: 18px; }
  .del_war{ padding-bottom: 60px; }
  .del_relp{ margin-top: 50px; }
  .home_boxtitblc h2{ font-size: 40px; }
  .home_boxtitblc p{ margin-top: 10px; }
  .cus_how .changpic{ margin-top: 32px; }
  .cus_how{ padding-bottom: 60px; }
  .cus_style{ padding:60px 0; }
  .cus_swi{ margin-top: 24px; }
  .cus_swi .slick-dots li button{ width: 14px; height: 14px; }
  .cus_adv{ padding-top: 70px; }
  .cus_war{ padding-bottom: 80px; }
  .vi_list li{ margin-bottom: 35px; }
  .vi_war{ padding-bottom: 70px; }
  .ab_protext{ margin-top: 12px; }
  .ab_protext p{ line-height: 28px; }
  .ab_com{ padding-bottom: 70px; }
  .ab_fact{ padding:60px 0 50px 0; }
  .fac_swi{ margin-top:26px; }
  .fa_arrow{ top: -64px; }
  .fac_pic .item{ margin:0 10px; }
  .fac_pic .item .changpic{ margin-bottom:18px; }
  .ab_why{ padding:70px 0; }
  .ab_whyul{ margin-top:32px; }
  .ab_whyitem{ padding: 32px 16px 0 16px; }
  .ab_whyitem h3{ margin-bottom:14px; font-size: 22px; }
  .ab_choo{ padding:70px 0; }
  .ab_chul{ margin-top: 45px; }
  .ab_chitem{ height: 147px; padding: 28px 15px; }
  .ab_chul li:nth-of-type(even){ margin-top: 159px; padding-top: 30px; }
  .ab_chul li:nth-of-type(even) .ab_chitem{ padding:58px 15px 7px 15px; }
  .ab_chul li,.ab_chul li:nth-of-type(even){ background-size: 100%; }
  .ab_faq{ padding-top: 65px; }
  .faq_box{ margin-top:38px; }
  .faq_list .item{ padding-bottom: 45px; }
  .news_list li{ width: 48%; margin-right: 4%; }
  .news_war{ padding-bottom:70px; }
  .case_navul li.on a{ font-size: 38px; }
  .case_list{ margin-top:28px; }
  .case_list li{ margin-bottom: 25px; }
  .con_item{ padding-left: 34px; }
  .con_item i{ font-size: 32px; }
  .con_lxul li{ padding:38px 12px 0 12px; }
  .con_mrcon{ padding-left: 20px; }
  .me_rcon{ padding:33px 10px 0 21px; margin-left:253px; }
  .me_rcon p{ font-size: 22px; }
  .me_rcon p span{ font-size: 32px; }
  .me_lcon{ width: 253px; }
  .memb_war{ padding-bottom: 60px; }
  .cus_swipi {
    margin-top: 34px;
}

}

@media screen and (max-width: 1366px){
  .header-top:before{ width: 75%; }
  .in_cloitem{ padding:55px 0; }
  .in_ctplcon h2{ font-size: 30px; }
  .in_custyswi .slick-dots li button{ width: 14px; height: 14px; }
  .in_cuadvul li i{ width: 160px; height: 160px; line-height: 160px; }
  .in_toprcon{ padding:4px 0 0 30px; }
  .in_canav li{ font-size: 20px; }
  .in_nliitm a{ padding:24px; }
  .f_mess form button{ width: 164px; }
  .f_mess{ padding:0; }
  .f_xltop li{ margin:0 15px; }
  .f_xlb{ margin-top: 16px; }
  .f_of{ margin-top:20px; }
  .copyr{ margin-top:30px; }
  .pat80{ padding-top: 45px; }
  .p_litit h2{ font-size: 38px; }
  .p_ubul li{ margin-bottom: 26px; }
  .p_ubli{ padding:30px 10px 0 10px; }
  .pro_nul li a{ padding:20px; }
  .ab_chitem{ height: 143px; }
  .con_lxul li{ width: 24.2%; margin-right: 1%; margin-bottom: 12px; }
  .con_item h4{ font-size: 18px; }
  .con_mif{ margin-top: 30px; }
  .f_mess ul li:last-child textarea{ padding-right: 174px; }
  .membul li{ margin-bottom: 18px; }
  .mem_lase p{ font-size: 32px; }
  .mem_lase{ margin-top:32px; padding:50px; }
  .note_p{ margin-top: 22px; font-size: 25px; }
  .ab_whyitem h3{  font-size: 21px;}
}

@media screen and (max-width: 1280px){
  .header-top:before{ width: 79%; }
  .in_ctplcon a{ width: 178px; height: 45px; line-height: 45px; }
  .in_ctplcon h2{ font-size: 28px; }
  .in_ctplcon{ padding: 16px 25px 0 0; }
  .in_cloitem{ padding:45px 0; }
  .in_custit h2{ font-size: 34px; }
  .in_custit p{ line-height: 22px; }
  .line_odd,.line_even{ margin-bottom:5px; }
  .in_cuadvul li p{ font-size: 19px; margin-top:12px; }
  .in_cuadvul li i{ width: 130px; height: 130px; font-size: 52px; line-height: 130px; }
  .in_ab{ padding:50px 0; }
  .in_toprcon h2{ font-size: 35px; }
  .in_abbotpic li{ width: 24.2%; margin-right: 1%; }
  .in_abbotpic{ margin-top:20px; }
  .in_toprcon .about_p{ line-height: 22px; }
  .in_toprcon a{ margin-top:9px; }
  .in_smpic{ margin-top:20px; }
  .in_hodiv, .in_case,.in_exhi,.cus_style{ padding:50px 0; }
  .in_cagd .item{ margin:0 5px; }
  .home_boxtit h2{ font-size: 38px; }
  .in_nliitm a{ padding:20px; }
  .copyr{ margin-top:20px; }
  .sub_nav{ padding:12px 0; }
  .p_litit h2{ font-size: 34px; }
  .pro_nul li a{ font-size: 16px; font-size: 24px; }
  .pro_nul li a i{ margin-right:12px; font-size: 28px; }
  .p_ubul li{ width: 50%; }
  .pro_list{ margin-top:24px; }
  .pro_list li{ margin-bottom: 18px; }
  .in_clodiv span{ margin-top:7px; }
  .cus_how{ padding-bottom: 50px; }
  .home_boxtitblc h2{ font-size: 35px; }
  .cus_swi .slick-dots{ margin-top:10px; }
  .cus_adv{ padding-top: 50px; }
  .in_cuadvul{ margin-top:30px; }
  .cus_war{ padding-bottom: 70px; }
  .vi_list li{ margin-bottom: 24px; }
  .ab_com{ padding-bottom: 50px; }
  .ab_fact{ padding:50px 0 40px 0; }
  .ab_why,.ab_choo{ padding:50px 0; }
  .ab_whyitem h3{ font-size: 20px; }
  .ab_whyitem p{ line-height: 22px; }
  .ab_whyitem{ padding:26px 16px 0 16px; }
  .ab_chitem{ height: 132px; padding: 21px 8px; }
  .ab_chul li:nth-of-type(even){ margin-top:147px; }
  .ab_chul{ margin-top:32px; }
  .ab_faq{ padding-top: 50px; }
  .faq_list .item{ padding-bottom: 30px; }
  .ab_war{ padding-bottom: 50px; }
  .ex_list li{ margin-bottom:25px; }
  .con_item i{ display: none; }
  .con_item{ padding-left: 0; }
  .con_item h4{margin-bottom: 6px;}

}

@media screen and (max-width: 1024px){
  .logo,.position .logo{ top: 11px; left: 20px; }
  .logo:before,.logo:after{ display: none; }
  .logo img{ height: 42px; }
  .position{ height: 56px; }
  .logo{ width: auto; height: auto; line-height: normal; padding:0; }
  header{ background: #fff; }
  #banner_home,.subbanner,.del_main{ margin-top: 62px; }
  #nav .nav-button{display: block; top: 13px; right: -14px; }
  header,header.position{ height: 62px; background: #fff; border: none; }
  nav{position: fixed; left: 0;top: 0;bottom: 0;width: 300px; z-index: 99;overflow: auto;background: #222; transform: translateX(-300px);transition: 0.3s;}
  nav li{ float: none; padding: 0; margin:0; }
  nav li>a{ margin:0; font-size: 17px; line-height: normal; color: #fff; border-bottom:1px solid #fff; display:block; padding:15px 10px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li dl{ left: 0;  top: 0;  background: #2e2e2e;  position: inherit;  opacity: 1; display: block; }
  nav li a:hover{background: #85b3e6;color: #fff !important;}
  nav li dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff;  }
  nav li dl dd a{ white-space: normal; }
  .header-top,.head_rcon{ display: none; }
  .logo img{ height: 42px; }
  .position nav li>a{ color: #fff; }
  nav li.on a, nav li:hover a{ background:#85b3e6;  color: #fff; }
  #nav .nav-button{ background: #85b3e6; }
  nav li a:after,nav li.on dl dd a:after,nav li:hover dl dd a:after,nav li.on a:before,nav li:hover a:before{ display: none; }
  .ban_btn,.l_fixed{ display: none; }
  .warper{ width: 90%; }
  .in_ctplcon{ width: 300px; padding:7px 12px 0 0; }
  .in_ctprcon{ width: calc(100% - 300px); }
  .in_ctplcon a{ margin-top:10px; }
  .in_carrow span.cl_prev, .in_carrow span.fab_prev, .in_carrow span.ca_prev, .in_carrow span.ex_prev{ left: -30px; }
  .in_carrow span.cl_next, .in_carrow span.fab_next, .in_carrow span.ca_next, .in_carrow span.ex_next{ right: -30px; }
  .in_cloitem{ padding:35px 0; }
  .in_clo .in_cloitem:nth-of-type(even) .in_ctplcon{ padding:7px 0 0 12px; }
  .in_cust{ padding-top: 35px; }
  .in_custit h2{ font-size: 30px; display: block; }
  .in_custit p{ width: 100%; margin-left:0; margin-top: 5px; }
  .in_custit a{ position: static; margin-top:8px; display: inline-block; height: 48px; line-height: 48px; }
  .in_cusblck{ padding:25px 0; }
  .in_cusbt h3{ font-size: 28px; }
  .left_mask,.right_mask{ width: 100px; }
  .line_even, .line_odd{ width: 2500px; }
  @keyframes scroll_to_right{ 0%{transform:translateX(-1250px) }to{transform:translateX(0)}}
  .brand-logo{ margin-top:9px; }
  .in_custyswi{ margin-top:10px; }
  .in_custyswi .item{ margin:0 6px; }
  .in_custyswi .slick-dots{ margin-top:2px; }
  .in_ab{ padding:40px 0; }
  .in_toplcon{ display: none; }
  .in_toprcon{ padding:0; float: none; width: 100%; }
  .in_smpic li{ width: 49.5%; margin-right: 1%; }
  .in_abbotpic{ margin-top:10px; }
  .in_hodiv, .in_case, .in_exhi, .cus_style{ padding:40px 0; }
  .in_canav{ margin-top:18px; }
  .in_camo i{ font-size: 26px; }
  .home_boxtit h2{ font-size: 34px; }
  .exh_swi{ margin-top:18px; }
  .in_newdiv{ margin-top:20px; }
  .in_nliitm h3{ font-size: 19px; }
  .in_nliitm p{ line-height: 25px; height: 75px; }
  .in_nliitm span{ margin-top:10px; }
  .in_news{ padding-bottom: 40px; }
  footer{ padding-top: 40px; }
  .pat80{ padding-top: 35px; }
  .pro_nav{ margin-top:18px; }
  .p_ubul li{ margin-bottom: 10px; }
  .p_ubli{ padding:12px; }
  .pro_war{ padding-bottom: 45px; }
  .pro_list li{ width: 23.5%; }
  .pro_list li:nth-of-type(5n){ margin-right: 2%; }
  .pro_list li:nth-of-type(4n){ margin-right: 0; }
  .in_clodiv h3{ margin-top: 10px; }
  .del_main{ padding:20px 0 40px 0; }
  .pro-del-box{ margin-top:14px; }
  .del_lcon{ width: 500px; }
  .del_rcon{ margin-left:500px; }
  .qh_picgd .custom_paging span{ width: 108px; }
  .del_rcon h1{ font-size: 24px; }
  .del_rgd{ height: 280px; padding:12px; margin-top:10px; }
  .pro_lxbtn a{ padding:8px 10px; }
  .del_fwz li{ margin-bottom: 5px; }
  .me_tit{ font-size: 26px; margin-bottom: 10px; }
  .quiry_info li{ margin-bottom: 12px; }
  .del_relp{ margin-top:40px; }
  .home_boxtitblc h2{ font-size: 30px; }
  .home_boxtitblc p{ font-size: 18px; }
  .cus_how .changpic{ margin-top:16px; }
  .cus_swi{ margin-top:12px; }
  .cus_swi .item{ margin:0 6px; }
  .cus_swi .item .changpic{ margin-bottom: 12px; }
  .cus_swi .slick-dots{ margin-top:0; }
  .cus_adv{ padding-top: 40px; }
  .cus_war,.vi_war{ padding-bottom: 55px; }
  .vi_list li{ margin-right: 1%; width: 32.5%; margin-bottom: 10px; }
  .ab_protext p{ line-height: 25px; }
  .ab_compic{ margin-top:15px; }
  .ab_compic li:nth-of-type(2){ margin-bottom: 12px; }
  .ab_compic li:nth-of-type(2), .ab_compic li:nth-of-type(3){ padding-left: 18px; }
  .ab_fact{ padding:40px 0 30px 0; }
  .fac_swi{ margin-top:20px; }
  .fa_arrow{ top: -48px; }
  .fac_pic .item{ margin:0 5px; }
  .fac_pic .item .changpic{ margin-bottom: 10px; }
  .ab_why, .ab_choo{ padding:40px 0; }
  .ab_whyul{ margin-top:18px; }
  .ab_whyitem h3{ font-size: 18px; margin-bottom: 6px; }
  .ab_whyitem p{ font-size: 15px; line-height: 20px; }
  .ab_whyitem{ padding:16px; }
  .ab_chul{ margin-top: 18px; }
  .ab_chitem{ background: #eccb84; border-radius: 6px; height: 108px; padding: 15px 8px; }
  .ab_chul li:nth-of-type(even) .ab_chitem{ background: #85b3e6; padding: 15px 8px; }
  .ab_chul li:nth-of-type(even){ margin-top:125px; }
  .faq_box{ margin-top:12px; }
  .fa_carrow{ top: -45px; }
  .faq_a{ margin-top:12px; }
  .faq_list .item{ padding-bottom: 20px; }
  .news_list li{ width: 49%; margin-right: 2%; margin-bottom: 28px; }
  .in_txtn{ margin-top:9px; }
  .in_txtn span{ margin-top:12px; }
  .news_war{ padding-bottom: 40px; }
  .case_navul li.on a,.case_navul li a{ font-size: 27px; }
  .case_navul li{ padding:0 20px; }
  .case_navul li:before{ bottom:-1px; }
  .in_camo{ padding:8px; }
  .in_catext{ margin-top:10px; }
  .in_camo{ margin-top:12px; }
  .case_list li{ margin-bottom: 15px; }
  .con_lxul li{ width: 49%; margin-right: 2%; }
  .con_lxul li:nth-of-type(even){ margin-right: 0; }
  .con_item{ padding-left: 40px; }
  .con_item i{ display: inline-block; }
  .con_lxul li{ padding:22px 12px 0 12px; height: 135px; }
  .con_mlcon{ display: none; }
  .con_mrcon{ padding-top: 0; margin-left: 0; padding-left: 0; }
  .con_map{ margin-top:32px; }
  .con_mif{ margin-top:12px; }
  .me_rcon p{ font-size: 18px; }
  .me_rcon p span{ font-size: 25px; }
  .membul li:nth-of-type(1),.membul li:nth-of-type(2),.membul li:nth-of-type(3){ width: 100%; }
  .mem_lase{ padding: 30px; }
  .mem_lase p{ font-size: 22px; }
  .memb_war{ padding-bottom: 45px; }
  .note_p{ font-size: 20px; }
  .mem_lase{ margin-top:18px; }
}

@media screen and (max-width: 768px){
  .ban_arrow span{ background: #85b3e6; color: #fff; width: 40px; height:40px; line-height: 40px;  }
  .in_cloitem{ padding:25px 0; }
  .in_ctplcon{ width: 100%; float: none; padding:0; }
  .in_ctprcon{ display: none; }
  .warper{ width: 94%; }
  .in_ctplcon h2{ font-size: 26px; }
  .in_clo .in_cloitem:nth-of-type(even) .in_ctplcon{ padding:0; }
  .in_carrow span.cl_prev, .in_carrow span.fab_prev, .in_carrow span.ca_prev, .in_carrow span.ex_prev { left: -8px;}
  .in_carrow span.cl_next, .in_carrow span.fab_next, .in_carrow span.ca_next, .in_carrow span.ex_next { right: -8px;}
  .in_cuadvul li i{ width: 100px; height: 100px; line-height: 100px; font-size: 40px; }
  .in_ab{ padding:24px 0; }
  .in_toprcon h2{ font-size: 30px; }
  .in_hodiv, .in_case, .in_exhi, .cus_style{ padding:25px 0; }
  .home_boxtit h2{ font-size: 30px; }
  .in_ndlcon{ width: 100%; float: none; padding:0; }
  .in_txtn h3{ font-size: 20px; }
  .in_ndrcon{ width: 100%; float: none; margin-top:12px; }
  .in_newsulli li{ margin-bottom: 10px; }
  footer{ padding-top:30px; }
  .pat80{ padding-top:25px; }
  .p_litit h2{ font-size: 30px; }
  .pro_nav{ display: none; }
  .pro_list li{ width: 32%; }
  .pro_list li:nth-of-type(4n){ margin-right: 2%; }
  .pro_list li:nth-of-type(3n){ margin-right: 0; }
  .del_lcon{ width: 100%; float: none; }
  .qh_picgd .custom_paging span{ width: 153px; }
  .del_rcon{ margin-left: 0; padding-left:0; margin-top: 12px; }
  .del_main{ padding:20px 0 30px 0; margin-bottom: 30px; }
  .del_war{ padding-bottom: 40px; }
  .home_boxtitblc h2{ font-size: 28px; }
  .cus_adv{ padding-top:30px; }
  .cus_war, .vi_war{ padding-bottom: 40px; }
  .digg4{ margin-top:20px; }
  .ab_protext p{ line-height: 22px; }
  .ab_com{ padding-bottom: 40px; }
  .ab_chitem p{ line-height: 24px; }
  .ab_faq{ padding-top: 35px; }
  .infocon h1{ font-size: 24px; }
  .case_list{ margin-top:18px; }
  .case_list li,.ex_list li{ width: 32%; margin-right: 2%; margin-bottom: 16px; }
  .case_list li:nth-of-type(4n),.ex_list li:nth-of-type(4n){ margin-right: 2%; }
  .case_list li:nth-of-type(3n),.ex_list li:nth-of-type(3n){ margin-right: 0; }
  .me_lcon{ width: 150px; }
  .me_rcon{ margin-left: 150px; padding:22px 10px 0 15px; }
  .me_rcon p span{ font-size: 19px; }
  .me_rcon p{ font-size: 16px; line-height: 35px; }
  .note_p{ font-size: 18px; }
  .membul li{ margin-bottom: 10px; }
  .in_custit h2{ font-size: 26px; }
}

@media screen and (max-width: 640px){
    .down_item a{ padding:12px 16px 12px 50px; }
    .down_item a:before{ top: 12px; left: 14px; }
  .left_mask, .right_mask{ width: 50px; }
  .f_loul{ margin-top: 10px; }
  .f_mess{ display: none;}
  .f_loul li{ font-size: 17px; }
  .f_xlb{ margin-top: 7px; }
  .f_of{ margin-top: 12px; }
  .in_news{ padding-bottom: 30px; }
  .p_litit h2{ font-size: 28px; }
  .pro_list{ margin-top: 18px; }
  .qh_picgd .custom_paging span{ width: 122px; }
  .cus_how{ padding-bottom: 30px; }
  .con_lxul li{ width: 100%; float: none; height: auto; padding:15px; margin-bottom: 8px; }
  .con_lxul li:nth-of-type(5){ width: 100%; }
  .logo, .position .logo{ left: 10px; }
  #nav .nav-button{ right: 0; }
  .cus_swipi li:nth-of-type(even) {
    margin-right:0;
}
  .cus_swipi li{width: 49.2%; margin-bottom: 9px;}
}

@media screen and (max-width:480px){
    .down_item a p{ font-size: 18px; }
    .down_item a:before{ font-size: 26px; }
  .footmenu{ display: block; }
  .footmenu div.con{ background: #85b3e6;  }
  footer{ margin-bottom: 60px; }
  .in_ctplcon h2{ font-size: 24px; }
  .in_cloitem{ padding:15px 0; }
  .in_cust{ padding-top: 20px; }
  .in_cusbt h3{ font-size: 24px; }
  .cus_swipi {
    margin-top: 15px;
}
  .in_cuadvul{ margin-top: 15px; }
  .in_cuadvul li{ width: 50%; margin-bottom: 6px; }
  .in_cuadvul li p{ margin-top: 3px; font-size: 17px; }
  .in_abbotpic li{ width: 49%; margin-right: 2%; margin-bottom: 10px; }
  .in_abbotpic li:nth-of-type(even){ margin-right: 0; }
  .in_smpic li{ width: 100%; float: none; margin-right: 0; margin-bottom: 10px; }
  .in_smpic li:last-child{ margin-bottom: 0; }
  .in_ab{ padding:20px 0 10px 0; }
  .in_hodiv, .in_case, .in_exhi, .cus_style{ padding:20px 0; }
  .home_boxtit h2{ font-size: 28px; }
  .home_boxtit p{ margin-top: 8px; }
  .in_canav li{ width: 162px; margin:0 5px; }
  .in_canav{ margin-top: 10px; }
  .in_caseswi,.in_newdiv{ margin-top: 12px; }
  .in_txtn p,.in_nliitm p{ margin-top: 6px; line-height: 24px; height: 72px; font-size: 16px; }
  .in_nliitm a{ padding:10px; }
  .f_logo img{ height: 70px; }
  .pat80{ padding-top: 20px; }
  .p_litit h2{ font-size: 25px; }
  .pro_list{ margin-top: 12px; }
  .pro_list li{ width: 49%; margin-right: 2%; }
  .pro_list li:nth-of-type(3n){ margin-right: 2%; }
  .pro_list li:nth-of-type(even){ margin-right: 0; }
  .dl_lcond{ width: 100%; float: none; }
  .dl_rcond{ width: 100%; float: none; padding-left: 0; }
  .qh_picgd .custom_paging{ display: none; }
  .qh_picgd{ padding:0; margin-top: 5px; }
  .qh_gd .item{ margin:0 2px; }
  .del_main{ padding:12px 0; margin-bottom: 20px; }
  .del_relp{ margin-top: 22px; }
  .me_tit{ font-size: 24px; }
  .quiry_info li{ width: 100%; margin-bottom: 5px; float: none; margin-right: 0; }
  .quiry_info ul li:nth-of-type(even){ float: none; }
  .quiry_info input, .quiry_info textarea{ padding:12px 20px; }
  .home_boxtitblc h2{ font-size: 22px; }
  .cus_how{ padding-bottom: 20px; }
  .cus_swi{ margin-top:5px; }
  .cus_war, .vi_war{ padding-bottom: 30px; }
  .vi_list li{ width: 49%; margin-right: 2%; }
  .vi_list li:nth-of-type(3n){ margin-right: 2%; }
  .vi_list li:nth-of-type(even){ margin-right: 0; }
  .pat80{ padding-top:12px; }
  .ab_compic{ margin-top:10px; }
  .ab_compic li{ width: 100%; float: none; margin-bottom: 5px; }
  .ab_compic li:nth-of-type(2), .ab_compic li:nth-of-type(3){ width: 100%; margin-bottom: 5px; float: none; padding:0; }
  .ab_com{ padding-bottom: 20px; }
  .ab_fact{ padding:20px 0 12px 0; }
  .ab_why, .ab_choo{ padding:20px 0; }
  .ab_whyul li{ width: 100%; float: none; }
  .ab_chul li{ width: 50%; }
  .ab_chul{ flex-wrap: wrap; }
  .ab_chul li:last-child{ margin-bottom: 0;padding-bottom: 0; }
  .q_tit span,.a_box span{ display: none; }
  .q_tit,.a_box{ padding:0; }
  .q_tit p{ font-size: 18px; }
  .a_box p{ overflow: visible; white-space:normal; font-size: 16px; line-height: 24px; }
  .faq_q{ padding:12px; }
  .faq_a{ padding:0 12px; }
  .in_txtn span{ margin-top:5px; }
  .news_list li{ margin-bottom: 15px; }
  .infocon .other{ margin-top: 20px; }
  .case_navul{ display: none; }
  .case_list{ margin-top: 0; }
  .case_list li, .ex_list li{ width: 49%; }
  .case_list li:nth-of-type(3n), .ex_list li:nth-of-type(3n){ margin-right: 2%; }
  .case_list li:nth-of-type(even), .ex_list li:nth-of-type(even){ margin-right: 0; }
  .case_list li, .ex_list li{ margin-bottom: 9px; }
  .con_war,.memb_war{ padding-bottom: 30px; }
  .con_map{ margin-top:20px; }
  .me_lcon{ width: 150px; }
  .me_rcon{ margin-left:150px; padding:4px 10px 0 15px; }
  .me_rcon p{ line-height: 21px; }
  .mem_lase{ padding:20px; }
  .mem_lase p{ font-size: 19px; }
  .note_p{ margin-top:12px; }
}