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


body{font-family:Roboto-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:#4564f3;}
a:focus,input:focus,textarea:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }


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

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

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

.icon-chanpinguanlixiawu:before {
  content: "\e7c1";
}

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

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

.icon-zhekoushangpin:before {
  content: "\e617";
}

.icon-anlihuicui:before {
  content: "\e6f9";
}

.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-wechat1:before {
  content: "\e650";
}

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

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

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

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

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

.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-mn_fasong_fill:before {
  content: "\e601";
}

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

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

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

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

.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-pinterest1:before {
  content: "\e907";
}

.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-fasong:before {
  content: "\e65e";
}

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

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

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

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

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

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

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

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





/* Slider */
.slick-slider
{
    margin: 0 auto;
    max-width: 1920px;
    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: none;

    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;
}
#index-body{
        max-width: 1920px;
    margin: 0 auto;
}

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

.h_lxul{ display: inline-block; overflow: hidden; margin-left: 34px; }
.h_lxul li{ display: inline-block; margin-right: 24px; position: relative; padding-left:28px; }
.h_lxul li i{ position: absolute; font-size: 22px; top: 0; left: 0; color: #d0ebf5; }
.h_lxul li:last-child{ margin-right: 0; }
.h_lxul li a{ font-family: Poppins-Light; color: #d0ebf5; }
.h_lxul li a:hover{ color: #fff; text-decoration: underline; }

.h_quo{ display: inline-block; margin-left: 6px; width: 130px; border-radius: 34px; background: #fff; color: #4564f3; font-size: 12px; text-transform: uppercase; height: 34px; line-height: 36px; text-align: center; }
.h_quo:hover{ border-radius: 0; }


header{  width: 100%; height: 100px; z-index: 999; position: fixed; top: 0;  max-width: 1920px;
    left: 50%;
    transform: translateX(-50%);}
header.position{ background: #333; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2); }


/*search*/
#nav:after{  content: '';  display: block;  clear: both;}
#nav .warper{position: relative;}
.logo{ position: absolute; left: 0;top:20px; }

.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: #4564f3; 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; right: -15px; top: 19px; width: 300px; }
.search-button{ margin-top: 16px; cursor: pointer; width: 30px; text-align: center; position: relative;  border-radius: 30px; height: 30px; line-height: 30px; float: left; }
.search-button i{ color: #fff; font-size: 22px;  }
.searchform{ overflow: hidden;background:#4564f3;position: absolute; right: 0; height: 0; z-index: 88; top:65px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; }
.searchform input{ width: 190px; background:#4564f3; color: #fff; line-height:51px; padding-left:10px; float: left; }
.searchform button{ width:54px; line-height:51px; background:#4564f3; 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;}

.h_emi{ float: right;  position: relative; padding-left: 78px; color: #fff; }
.h_emi p{ margin-bottom: 5px; color: #fff; }
.h_emi span{ color: #fff; }
.h_emi:hover span{ text-decoration: underline; }
.h_emi i{ display: inline-block; font-size: 30px; line-height: 62px; position: absolute; top: 0; left: 0; background: #4564f3; width: 62px; height: 62px; border-radius: 62px; text-align: center; color: #fff; }


.l_fixed{ width: 60px; position: fixed; top: 30%; right: 0; z-index: 666; }
.l_fixed li{ position: relative; margin-bottom: 1px; transition: all 0.3s; }
.l_fixed li a{ width:100%; height: 60px; font-size: 20px; text-align: center; line-height: 60px; background: #FF9800; color: #fff; display: block; }
.l_fixed li a i{ font-size: 40px; }
.l_fixed li a span{ display:block; position: absolute; top: 0; line-height: 40px; padding: 0 10px; background: #4564f3; left: -999px; width: 0; font-size: 16px; transition: all 0.5s; }
.l_fixed li:nth-of-type(2) a{ background: #7cb861; }
.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: #7cb861; }
.l_fixed li:hover a span{ width: 260px; left: 40px; }
.l_fixed li:hover{ opacity: 0.9; }

nav {
    float: right;
    margin-right: 160px;
}

nav li {
    float: left;
    position: relative;
    margin: 0 17px;
    width: 100px;
}

nav li > a {
    line-height: 100px;
    color: #fff;
    position: relative;
    display: block;
    text-align: center;
    transition: 0.5s;
    font-size: 20px;
    text-transform: capitalize;
}

nav li.on a, nav li:hover a {
    color: #4564f3;
    cursor: pointer;
}

nav li a:after {
    content: '';
    width: 0;
    height: 3px;
    transition: all 0.3s;
    background: #4564f3;
    position: absolute;
    bottom: 26px;
    left: 50%;
    margin-left: -40%;
}

nav li.on a:after, nav li:hover a:after {
    width: 80%;
}

nav dl {
    opacity: 0;
    transition: opacity 1s ease;
    display: none; /* 初始状态隐藏 */
    background: #4564f3;
    width: auto;
    top: 100px;
    left: -9999px;
    z-index: 999;
    width: 240px;
}

nav dl dt {
    display: block;
    font-size: 20px;
    color: #222;
    margin-bottom: 20px;
}

nav dl dt * {
    vertical-align: middle;
}

nav dl dt h6 {
    font-size: 40px !important;
}

nav dl dd {
    display: block;
    position: relative;
}

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

nav li.on dl dd a:after, nav li:hover dl dd a:after {
    width: 0;
}

nav li dl dd a:hover {
    background: #333 !important;
    cursor: pointer;
    color: #fff !important;
}

/* 只有当鼠标悬停在顶级类目（nav li）上时，才显示二级菜单（nav dl） */
nav li:hover dl {
    left: 0;
    opacity: 1;
    display: block; /* 显示二级菜单 */
}

nav dl dd div {
    position: absolute;
    left: 100%;
    top: 0;
    background: rgba(51, 51, 51, .9);
    display: none;
}

nav dl dd:hover div {
    display: block;
}

nav dl dd div a {
    padding: 15px 20px;
    border-bottom: none;
}

footer{ background: currentColor; padding: 65px 0 0 0;    max-width: 1920px;
    margin: 0 auto; }
.f_nav{ width: 100%; overflow: hidden; }
.f_nav .f_item1{ float: left; width: 40%; }
.f_nav .f_item1 p{ margin-top: 18px; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.6); }
.f_nav h4{ font-size: 26px; text-transform: uppercase; font-weight: normal; font-family: Roboto-Medium_0; color: #fff;line-height: 1.5; }
.f_item1 form{ position: relative; margin-top: 25px; }
.f_item1 input{ height:43px; line-height: 43px; }
.f_item1 input,.f_item1 textarea{  width: 100%; background:rgba(255, 255, 255, 0.1); border: none; padding: 2px 12px; font-family: Roboto-Regular; resize: none; color: #fff; font-size: 14px;}
.f_item1 input::-webkit-input-placeholder, .f_item1 textarea::-webkit-input-placeholder{ color: #959595; }
.f_item1 textarea{ padding:10px 12px; height: 132px; }
.f_item1 button{ width:156px; transition: all 0.3s; height: 40px; font-size: 16px; font-family: Roboto-Regular; display: block; color: #fff; text-align: center; background: #4463f1; border:none; cursor: pointer; }
.f_item1 ul li{ position: relative; float: left; margin-bottom: 8px; width: 49%; margin-right: 2%; }
.f_item1 ul li:nth-of-type(2){ margin-right: 0; }
.f_item1 ul li:nth-of-type(3),.f_item1 ul li:nth-of-type(4){ width: 100%; margin-right: 0; }
.f_item1 button:hover{ margin-left: 8px; background: #fff; color: #4463f1; }

.f_nav .f_item2{ float: left; width: 20%; margin-left: 3%; }
.f_navli{ margin-top: 28px; line-height: 1.5;}
.f_navli li{ margin-bottom: 20px; font-family: Roboto-Light; padding-left: 24px; position: relative; }
.f_navli li a{ color: #dedede; }
.f_navli li a:hover{ color: #fff; text-decoration: underline; }
.f_navli li:before{ content: ">>"; color: #dedede; font-size: 18px; font-family: Roboto-Light; position: absolute; top: -2px; left: 0;  }

.f_nav .f_item3{ float: right; width: 36%;}

.f_cull li{ padding: 24px 0 24px 44px; border-bottom: 1px solid #373737; position: relative; font-family: Roboto-Light; font-size: 20px; color: #fff;line-height: 1.5; }
.f_cull li i{ position: absolute; top: 24px; font-size: 28px; left: 0; color: #4463f1; }
.f_cull li a,.f_cull li em{ color: #fff; font-style: normal; }
.f_cull li:hover a{ color: #4463f1; }

.copyright{ margin-top: 55px; padding: 18px 0; color: #7d7d7d; text-align: center; font-size: 14px; font-family: Roboto-Light; }
.copyright p a{ color: #7d7d7d; }
.copyright p a:hover{ color: #fff; }


.banner img{ width: 100%; display: block; }
#banner_home{ position: relative; }
.banner{ position: relative; }
.banner .item{ position: relative;  }
.banner .slick-dots{ bottom: 45px; text-align: center; }
.banner .slick-dots li button{ background: #fff; padding: 0; width: 18px; height: 18px; border-radius: 18px; }
.banner .slick-dots li{ width: auto; height: auto; margin: 0 8px; }
.banner .slick-dots li.slick-active button{ background: #4564f3; }

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

.cl{ clear: both; }
/*版块标题*/
.home_boxtit h2{ font-size: 40px; text-transform: uppercase; font-weight: normal; font-family: Roboto-Medium_0; }

/*首页*/
.in_htpro{ padding: 94px 0; overflow: hidden; }
.inh_le{ width: 358px; float: left; background: #ededed; }
.inh_ri{ margin-left: 358px; }
.in_htit{ padding: 105px 0 0 44px; height: 350px; background: url(../images/in_hbg.jpg) no-repeat; background-size: cover; }
.in_htit h2{ position: relative; color: #fff; text-transform: uppercase; font-size: 52px; font-family: Roboto-Bold; }
.in_htit h2 span{ display: block; font-size: 40px; }
.in_htit h2:before{ content: ""; position: absolute; top: 32px; left: 86px; width: 62px; height: 6px; background: #4463f1; }
.in_harr{ height: 350px; display: flex; align-items: center; justify-content: center; }
.in_hptx{ height: 350px; padding: 68px 35px 0 35px; }
.in_hptx h4{ font-size: 22px; font-weight: normal; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Roboto-Medium_0; }
.in_hptx p{ margin-top: 25px; font-size: 16px; line-height: 28px; height: 140px; overflow: hidden; color: #666; font-family: Roboto-Light; }
.in_hpitem{ position: relative; transition: all 0.3s; }
.in_prswi .item:nth-of-type(even) .in_hpitem{ padding-top: 350px; }
.in_prswi .item:nth-of-type(even) .in_hptx{ position: absolute; width: 100%; top: 0; left: 0; }
.in_hpitem:hover{ background: #4463f1; }
.in_hpitem:hover .changpic img{ transform: scale(1.15); }
.in_hpitem:hover .in_hptx h4{ color: #fff; }
.in_hpitem:hover .in_hptx p{ color: #f5f5f5; }
.in_haarrow{ text-align: center; }
.in_haarrow span{ display: inline-block; margin: 0 15px; cursor: pointer; width: 46px;height: 46px; line-height: 44px; text-align: center; border: 1px solid #4463f1; }
.in_haarrow span i{ font-weight: bold; font-size: 22px; color: #4463f1; }
.in_haarrow span.ih_prev{ transform: rotate(180deg); }
.in_haarrow span:hover{ background: #4463f1; }
.in_haarrow span:hover i{ color: #fff; }

.in_cusce{ padding: 88px 0 99px 0; background: #f7f8fa; position: relative; z-index: 0; }
.in_cusce:before{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: linear-gradient(29deg, black, transparent) }
.incus_tit{ position: relative; padding-top: 22px; }
.incus_tit h2{ color: #fff; font-weight: normal; text-transform: uppercase; font-size: 40px; font-family: Roboto-Medium_0; }
.incus_tit:before{ content: ""; position: absolute; top: 0; left: 0; width: 92px; height: 5px; background: #4463f1; }

.in_cusul{ display: flex; width: 100%; margin-top: 60px; }
.in_cusul li{ display: inline-block; position: relative; z-index: 0; transition: all 0.3s; color: #fff; text-align: center; padding: 33px 25px; width: 22%; margin-right: 4%; }
.in_cusul li:after{ content: "\e663"; font-family: iconfont; position: absolute; color: #e9e0e0; right: -40px; top: 50%; margin-top: -12px; font-size: 24px; }
.in_cusul li:last-child{ margin-right: 0; }
.in_cusul li:last-child:after{ display: none; }
.in_cusul li i{ font-size: 46px; }
.in_cusul li p{ margin-top: 25px; line-height: 1.5;font-size:20px}
.in_cusul li:before{ content: ""; position: absolute; z-index: -1; transition: all 0.3s; bottom: 0; left: 0; width: 100%; height: 0; background: #4463f1; }
.in_cusul li:hover:before{ height: 100%; }


.in_cusul-1{ display: flex; width: 100%; margin-top: 60px; }
.in_cusul-1 li{ display: inline-block; position: relative; z-index: 0; transition: all 0.3s; color: #fff; text-align: center; padding: 33px 25px; width: 25%; }
/*.in_cusul-1 li:after{ content: "\e663"; font-family: iconfont; position: absolute; color: #e9e0e0; right: -40px; top: 50%; margin-top: -12px; font-size: 24px; }*/
.in_cusul-1 li:last-child{ margin-right: 0; }
.in_cusul-1 li:last-child:after{ display: none; }
.in_cusul-1 li i{ font-size: 46px; }
.in_cusul-1 li p{ margin-top: 25px; line-height: 1.5;font-size:20px}
.in_cusul-1 li:before{ content: ""; position: absolute; z-index: -1; transition: all 0.3s; bottom: 0; left: 0; width: 100%; height: 0; background: #4463f1; }
.in_cusul-1 li:hover:before{ height: 100%; }



.in_abbox{ margin-top: 76px; background: #fff; padding: 30px; overflow: hidden; }
.in_able{ width: 600px; float: left; }
.in_abri{ margin-left: 600px; padding: 32px 42px 0 42px; }
.in_abtxt{ margin-top: 26px; height: 208px; overflow: hidden; }
.in_abtxt p{ font-size: 16px; line-height: 26px; font-family: Roboto-Light; }
.in_abri a{ display: inline-block; background: #4463f1; font-family: Roboto-Light; font-size: 16px; color: #fff; margin-top: 40px; padding:12px 40px; }
.in_abri a:hover{ margin-left: 10px; }
.in_abcuphi{ display: flex;  margin-bottom: 30px; }
.in_abcuphi li{ display: inline-block; width: 48.5%; margin-right: 3%; background: #fff; padding: 40px 36px; box-shadow: 0px 7px 16px 0px rgba(50, 50, 50, 0.2);}
.in_abcuphi li:last-child{ margin-right: 0; }
.in_acutxt h4{ position: relative; margin-bottom: 20px; padding-left: 60px; font-size: 28px; font-weight: normal; font-family: Roboto-Medium_0; }
.in_acutxt h4:before{ content: ""; position: absolute; top: 15px; left: 0; width: 48px; height: 4px; background: #4463f1; }
.in_acutxt p{ font-size: 16px; line-height: 26px; font-family: Roboto-Light; color: #666; }

.in_casetit{ padding: 74px 0; text-align: center; background: url(../images/in_cabg.jpg) no-repeat; background-size: cover; }
.in_casetit .home_boxtit h2{ font-size: 40px; color: #fff; }
.in_casetit .warper{ padding: 0 5%; }
.in_catxtdes{ margin-top: 26px; }
.in_catxtdes p{ line-height: 26px; font-size: 16px; color: #d6d6d6; font-family: Roboto-Light; }
.in_caul{ width: 100%; overflow: hidden; }
.in_caul li{ width: 20%; float: left; }
.in_caitem{ position: relative; overflow: hidden; }
.in_catxt{ opacity: 0; transition: all 0.3s; width: 80%; height: 80%; text-align: center; padding: 68px 24px 0 24px; background: rgba(39, 39, 39, 0.6); position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(2); }
.in_catxt h4{ font-size: 24px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-family: Roboto-Medium_0; }
.in_catxt p{ color: #fff; overflow: hidden; margin-top: 28px; font-size: 16px; height: 130px; line-height: 26px; font-family: Roboto-Light; }
.in_caitem:hover .changpic img{ transform: scale(1.9) rotate(45deg); }
.in_caitem:hover .in_catxt{ opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1); }

.in_cous{ background: #4463f1; padding: 65px 0; overflow: hidden; }
.in_cous p{ color: #fff; float: left; padding-top: 10px; display: inline-block; font-size: 36px; font-family: Roboto-Medium_0; font-weight: normal; }
.in_cous a{ display: inline-block; float: right; font-size: 22px; text-transform: uppercase; font-family: Roboto-Medium_0; font-weight: normal; background: #fff; padding: 18px 45px; }
.in_cous a:hover{ background: #333; color: #fff; }

.in_news{ padding: 125px 0; background: #f7f8fa; position: relative; z-index: 0; }
.in_news:before{ content: ""; position: absolute; top: 15px; z-index: -1; left: 36px; width: 648px; height: 665px; background: url(../images/in_nebg.png) no-repeat; background-size: cover; }
.in_nele{ float: left; width: 566px; padding-top: 25px; }
.in_neri{ margin-left: 566px; }
.in_newbox{ width: 100%; overflow: hidden; padding: 0 132px 0 234px; }
.in_nele .home_boxtit h2{ font-size: 40px; }
.in_nebox{ margin-top: 38px; }
.in_nebox span{ display: inline-block; color: #666; }
.in_nebox span i{ color: #4463f1; font-size: 20px; }
.in_nebox h4{ font-size: 22px; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-family: Roboto-Medium_0; }
.in_nebox p{ margin-top: 18px; font-size: 16px; height: 120px; font-family: Roboto-Light; overflow: hidden; line-height: 30px; color: #666; }
.in_nebox .innbtn{ display: inline-block; padding: 12px 40px; margin-top: 36px; background: #4463f1; color: #fff; font-size: 16px; }
.in_nebox .innbtn:hover{ margin-left: 10px; }
.in_npic{ width: 100%; overflow: hidden; }
.in_npic li{ width: 32.3%; margin-right: 1.3%; float: left; }
.in_npic li:last-child{ margin-right: 0; }
.in_npic li:hover .changpic img{ transform: scale(1.15); }




.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; overflow: hidden;}
.subbanner img{ width: 100%; display: block;    margin: 0 auto;
    max-width: 1920px; }
.sub_nav{ position: absolute; color: #fff; padding-top: 180px; width: 100%; top: 0; left: 0; text-align: center; }
.pat86{ padding-top: 86px; }
.sub_nav i{ color: #fff; font-size:20px; margin-right:8px; }
.sub_nav a{ color: #fff; }
.sub_nav a:hover{ text-decoration: underline; }
.sub_nav span{ color: #fff; }
.sub_nav h3{ color: #fff; font-size: 68px; text-transform: uppercase; font-family:OSWALD-BOLD; line-height: 1.5;}
.sub_nav p{ margin-top: 18px; font-size: 20px; }
/*关于我们*/
.ab_ser-1{ padding: 36px 0 95px 0; }
.ab_ser-1 .home_boxtit{ text-align: center; }
.ab_setxt-1{ margin-top: 30px; }
.ab_setxt-1 p{ line-height: 26px; font-family: Roboto-Light;font-size:20px; }

.ab_com{ padding: 74px 0 86px 0; background: #f7f8fa; }
.ab_com .in_abbox{ margin-top: 0; }
.ab_com .in_abtxt{ height: auto; }
.ab_proce{ padding: 88px 0 112px 0; background: darkgray;background: linear-gradient(29deg, black, transparent);}
.ab_ser{ padding: 36px 0 95px 0; }
.ab_ser .home_boxtit{ text-align: center; }
.ab_setxt{ margin-top: 30px; }
.ab_setxt p{ line-height: 26px; font-family: Roboto-Light; }
.ab_sefac{ margin-top: 50px; }
.ab_faswi{ margin-top: 35px; }
.ab_faswi .item{ margin: 0 12px; }
.ab_faswi .slick-dots{ position: static; margin-top: 28px; }
.ab_faswi .slick-dots li{ width: auto; height: auto; }
.ab_faswi .slick-dots li button{ width: 18px; height: 18px; border-radius: 18px; background: #b8b9b8; }
.ab_faswi .slick-dots li.slick-active button{ background: #4463f1; }
/*产品列表*/
.pro_war{ padding-bottom: 100px; overflow: hidden;line-height: 1.5;}
.pro_war .lcon{ width: 386px; float: left; }
/*.pro_war .rcon{ margin-left: 386px; padding-left: 44px; }*/
.pro_war .rcon1{ margin-left: 386px; padding-left: 44px; }
.pro_nav{  }
.pro_nav h3{ padding: 34px;line-height: 1.5; background:url(../images/in_hbg.jpg) no-repeat; background-size: cover; position: relative; font-weight: normal; text-transform: uppercase; font-family: Roboto-Bold; color: #fff; font-size: 46px; }
.pro_nav h3:before{ content: ""; position: absolute; top: 72px; left: 282px; width: 62px; height: 6px; background: #4463f1; }
.pro_nav h3 span{ display: block; font-size: 36px; font-family: Roboto-Regular; }
.pro_nav h3 a{ display: none; }
.accordion {width: 100%; background: #ededed; padding: 18px 24px; }
.accordion li{ border-bottom: 1px solid #d4d4d4; }
.accordion li:last-child{ border-bottom: none; }
.accordion li .links.active{ background: #efefef; }
.accordion li .links.active a{ color: #000;}
.accordion li:hover .links a{ color: #000; }
.accordion li:hover .links.active a{ color: #000; }
.accordion .links:before{ font-size: 22px; transform: rotate(90deg); font-family: iconfont; color: #4463f1; content: "\e604"; position: absolute; top: 27px; right: 0; }
.accordion li .links.active:before{ transform: rotate(0deg); }
.accordion .links { cursor: pointer; display: block; position: relative; padding: 22px 30px 22px 0; }
.accordion .links a{ color: #333;line-height: 1.5; font-size: 24px; font-family: Roboto-Medium_0; display: inline-block; position: relative; }
.submenu {display: none; padding: 10px 0; overflow: hidden; }
.submenu.on{ display: block; }
.accordion li ul.active{display: block}
.submenu li{ display:block; position: relative; line-height: normal; margin-bottom: 0; border-bottom: none; }
.submenu a { color: #333; display: inline-block; font-family: Roboto-Light; padding: 5px 0; line-height: 20px; width: 100%; font-size: 16px; }
.submenu li a:hover{ color: #4463f1; }
.submenu li div{ display: none; }
.submenu li div a{ display: block; width: 100%; padding: 5px 0; color: #333; }
.submenu li:hover a{ color: #4463f1; }

.pro_list li{ margin-bottom: 18px; }
.pro_item{ width: 100%; overflow: hidden; background: #ededed; position: relative; z-index: 0; transition: all 0.3s; }
.pro_item:before{ content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #4463f1; transition: all 0.5s; z-index: -1; }
.ple{ float: left; width: 325px; }
.pri{ margin-left: 325px; padding: 48px 80px 0 35px; }
.pri h4{ font-size: 22px; font-weight: normal; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Roboto-Medium_0;line-height: 1.5; }
.pri p{ margin-top: 15px; font-size: 16px; line-height: 28px; height: 112px;  color: #666; font-family: Roboto-Light;word-wrap: break-word;    overflow: hidden;}
.pri span{ display: inline-block; background: #4463f1; font-family: Roboto-Light; font-size: 16px; color: #fff; margin-top: 20px; padding:12px 40px; line-height: 1.5;}
.pro_item:hover .changpic img{ transform: scale(1.15); }
.pro_item:hover:before{ width: 100%; }
.pro_item:hover .pri h4{ color: #fff; }
.pro_item:hover .pri p{ color: #f5f5f5; }
.pro_item:hover .pri span{ background: #fff; color: #4463f1; }
/*分页 结束*/
.digg4{ text-align:center; font-size: 20px; margin: 45px auto;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:38px; border:1px solid #dcdcdc; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; height:38px; line-height: 38px; border-radius: 38px; color:#222; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 a:hover { color: #fff; background: #4564f3; border:1px solid #4564f3;}
.digg4 span.disabled:hover{ color: #fff; background: #4564f3;  }
.digg4 span.disabled { font-size: 30px; line-height: 37px; font-weight: normal;  background: transparent; color: #a6a6a6;}
.digg4 a{ border:1px solid #dcdcdc; color: #a6a6a6; }
/*分页 结束*/
/*产品详情*/
.rel_pro{ margin-top: 50px; }
.rel_pro h2{ font-size: 34px; font-family: Roboto-Medium_0; font-weight: normal; text-transform: uppercase; }
.rel_gd{ margin-top: 26px; }
.rel_item{ position: relative; z-index: 0; background: #f4f4f4; }
.rel_item:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #4463f1; transition: all 0.5s; z-index: -1; }
.rel_txt{ padding:35px 24px 45px 24px; }
.rel_txt h4{ font-size: 22px; font-weight: normal; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Roboto-Medium_0; }
.rel_txt p{ margin-top: 15px; font-size: 16px; line-height: 28px; height: 112px; overflow: hidden; color: #666; font-family: Roboto-Light; }
.rel_txt span{ display: inline-block; background: #4463f1; font-family: Roboto-Light; font-size: 16px; color: #fff; margin-top: 20px; padding:12px 40px; }
.rel_item:hover .changpic img{ transform: scale(1.15); }
.rel_item:hover:before{ height: 100%; }
.rel_item:hover .rel_txt h4{ color: #fff; }
.rel_item:hover .rel_txt p{ color: #f5f5f5; }
.rel_item:hover .rel_txt span{ background: #fff; color: #4463f1; }
.rel_gd .slick-dots{ position: static; margin-top: 12px; }
.rel_gd .slick-dots li{ width: auto; height: auto; }
.rel_gd .slick-dots li button{ width: 14px; height: 14px; border-radius: 14px; background: #d2d8f3; }
.rel_gd .slick-dots li.slick-active button{ background: #4463f1; }


.de_main{ width: 100%; overflow: hidden; background: #ededed; }
.de_mlcon{ width: 464px; float: left; }
.de_mrcon{ margin-left: 464px; }
.propicflash{ width: 100%; position: relative; overflow: hidden; }
.propicflash .slick-dots{ bottom: 20px; }
.propicflash .slick-dots li{ width: auto; height: auto; }
.propicflash .slick-dots li button{ width: 14px; height: 14px; border-radius: 14px; background: #333; }
.propicflash .slick-dots li.slick-active button{ background: #4564f3; }

.de_rbox{ padding: 25px 30px 0 40px; }
.de_rbox h1{ font-weight: normal; font-size: 28px; font-family: Roboto-Medium_0; line-height: 1.5;}
.de_rbox p{ font-size: 16px; margin-top: 12px; font-family: Roboto-Light; line-height: 26px; color: #666;  }
.de_emi{ padding-top: 2px; padding-left: 40px; position: relative; }
.de_emi a{ font-size: 20px; }
.de_emi i{ font-size: 30px; color: #4564f3; position: absolute; top: 0; left: 0; }

.share{ margin-top: 24px; }
.pro_lxbtn{ margin-top: 30px; position: relative;  }
.pro_lxbtn a{ background: #4564f3; color: #fff; text-align: center; padding:10px 10px; width: 48%; border-radius: 3px; display: inline-block;line-height: 1.5; }
.pro_lxbtn a:hover{ background: #333 !important; color: #fff !important; }
.pro_lxbtn a i{ display: inline-block; color: #fff; font-weight: normal; font-size: 28px; margin-right: 5px; }
.pro_lxbtn a:nth-of-type(2){ margin-left: 2%; background: #fff; color: #333; }
.pro_lxbtn a:nth-of-type(2) i{ color: #4564f3; }
.pro_lxbtn a *{ vertical-align: middle; }
.pro_lxbtn a:hover i{ color: #fff !important; }

.p_block{ margin-top: 52px; }
.pb_item{ margin-bottom: 46px; }
.p_block .pb_item:last-child{ margin-bottom: 0; }
.pb_h3{ font-size: 32px; font-weight: normal; font-family: Roboto-Medium_0;line-height: 1.5; }
.pb_fpic{ width: 100%; margin-top: 20px; overflow: hidden; }
.pb_fpic li{ float: left; width: 23.8%; margin-right: 1.5%; }
.pb_fpic li:last-child{ margin-right: 0; }
.pb_fpic li:hover .changpic img{ transform: scale(1.15); }

.p_dtxp{ margin-top: 12px;line-height: 1.5;     font-size: large;
    font-family: Roboto-Medium_0;}
.p_dtxp p{ color: #666; font-family: Roboto-Light; font-size: 16px; line-height: 26px; }
.feature_ul{ margin-top: 12px; }
.feature_ul li{ margin-bottom: 15px; padding-left: 40px; font-family: Roboto-Light; position: relative; }
.feature_ul li:before{ content: ""; position: absolute; top: 2px; left: 0; width: 19px; height: 16px; background: url(../images/fe_icon.png) no-repeat; background-size: cover; }

.pro_table{ overflow-x: auto; margin-top: 10px; line-height: 1.5;    font-size: large;
    font-family: Roboto-Medium_0;}
.pro_table table{ width: 100%; border-collapse: collapse; }
.pro_table table tr td{ border:1px solid #d2d2d2; text-align: center;  font-family: Roboto-Light; padding: 12px; color: #666; font-size: 14px; }
.pro_table table tr:nth-of-type(even) td{ background: #f4f4f4; }
.pro_table table tr:first-child td{ background: #4564f3; color: #fff; font-weight: bold; }

.pb_form{ margin-top: 15px; }
.pb_form input{ height:48px; line-height: 48px; }
.pb_form input,.pb_form textarea{  width: 100%; background:#fff; padding: 2px 20px; font-family: Roboto-Light; resize: none; color: #666; border: 1px solid #dcdcdc; font-size: 16px;}
.pb_form input::-webkit-input-placeholder, .pb_form textarea::-webkit-input-placeholder{ color: #666; }
.pb_form textarea{ padding:10px 20px; height: 192px; }
.pb_form ul{ width: 100%; overflow: hidden; }
.pb_form ul li{ margin-bottom: 16px; float: left; width: 49%; margin-right: 2%; }
.pb_form ul li:nth-of-type(even){ margin-right: 0; }
.pb_form ul li:last-child{ margin-bottom: 0; }
.pb_form ul li:nth-of-type(5),.pb_form ul li:nth-of-type(6){ width: 100%; margin-right: 0; }
.pb_form .btn{ border: none; transition: all 0.3s; font-family: Roboto-Light; width: 244px; display: block; border-radius: 5px; font-size: 16px; cursor: pointer; background: #4564f3; color: #fff; height: 50px; }
.pb_form .btn:hover{ background: #333; }
/*news*/
.news_war{ padding-bottom: 90px; }
.news_list{ width: 100%; display: flex; flex-wrap: wrap; }
.news_list li{ width: 49%; margin-right: 2%; display: inline-block; margin-bottom: 50px; }
.news_list li:nth-of-type(even){ margin-right: 0; }
.news_item{  overflow: hidden; transition: all 0.3s; }
.ne_lcon{ width: 306px; float: left; }
.ne_rcon{ margin-left: 306px; padding: 40px 22px 0 22px; }
.ne_rcon em{ font-style: normal; color: #666; }
.ne_rcon em i{ color: #4463f1; font-size: 20px; }
.ne_rcon h3{ font-size: 22px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 20px; font-weight: normal; font-family: Roboto-Medium_0; overflow: hidden; }
.ne_rcon p{ margin-top: 15px; color: #9f9f9f; font-size: 16px; line-height: 28px; font-family: Roboto-Light; height: 140px; overflow: hidden; }
.ne_rcon span{ margin-top: 45px; width: 160px; height: 45px; text-align: center; line-height: 45px; border: 1px solid #4463f1; display: inline-block; font-size: 16px; color: #4463f1; }
.news_item:hover{ background: #fff; }
.news_item:hover .changpic img{ transform: scale(1.15); }
.news_item:hover .ne_rcon span{ color: #fff; background: #4463f1; }
/*case*/
.case_list{ width: 100%; display: flex; flex-wrap: wrap; }
.case_list li{ width: 100%; display: inline-block; margin-bottom: 24px; }
.case_list li:nth-of-type(4n){ margin-right: 0; }
.ca_item{ background: #fafbfc; /*transition: all 0.3s;*/ display:flex; }
.ca_txt{ padding: 34px 24px 40px 24px; width:50%}
.ca_txt h3{ font-size: 24px;line-height: 1.5; color: #333; overflow: hidden; font-weight: normal; font-family: Roboto-Medium_0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ca_txt p{ margin: 26px 0; color: #000; font-size: 16px; line-height: 26px; font-family: Roboto-Light;  overflow: hidden; }
.ca_txt span{ margin-top: 22px; width: 136px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #4463f1; display: inline-block; font-size: 14px; color: #4463f1; }
/*.ca_item:hover{ background: #4463f1; }*/
/*.ca_item:hover .changpic img{ transform: scale(1.15); }*/
/*.ca_item:hover .ca_txt h3{ color: #fff; }*/
/*.ca_item:hover .ca_txt p{ color: #f5f5f5; }*/
.ca_item:hover .ca_txt span{ color: #fff; border: 1px solid #fff; }
/*contact*/
.con_topwar{ background: #f7f8fa; padding: 80px 0 98px 0; }
.con_topbox{ width: 100%; }
.c_tle{ width: 520px; float: left; }
.c_tri{ margin-left: 520px; padding-left: 20px; }
.con_lxtop{ width: 100%; }
.con_lxtop li{ margin-bottom: 20px; transition: all 0.3s; padding: 40px 48px 39px 48px; width: 100%; background: #fff; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 4%); }
.con_lxtop li:hover{ background: #4564f3; color: #fff; }
.con_lxtop li:last-child{ margin-bottom: 0; }
.f_icon{ position: relative; padding-left: 104px; padding-top: 3px;line-height: 1.5; }
.f_icon i{ position: absolute; top: 0; left: 0; transition: all 0.3s; font-size: 35px; display: inline-block; width: 72px; height: 72px; line-height: 72px; border-radius: 72px; background: #e1e6fd; text-align: center; color: #4463f1; }
.f_icon p{ font-size: 24px; font-family: Roboto-Medium_0; margin-bottom: 8px; }
.f_icon a{ font-size: 24px; color: #666; font-family: Roboto-Light; }
.f_icon span{ line-height: 26px; font-size: 20px; display: block; font-family: Roboto-Light; color: #666; }
.con_lxtop li:hover a,.con_lxtop li:hover span{ color: #fff; }
.con_lxtop li:hover i{ background: #fff; color: #4564f3; }

.cusinf{ background: #fff; padding: 36px 38px 57px 38px; }
.cusinf h2{ font-size: 32px; font-family: Roboto-Medium_0; font-weight: normal;line-height: 1.5; }

.con_map{ margin-top: 66px; padding-bottom: 80px; }
.con_mtit{ text-align: center; }
.con_mtit h2{ font-size: 38px; font-family: Roboto-Medium_0; font-weight: normal; }
.con_mtit p{ font-size: 16px; padding: 0 10%; margin-top: 18px; line-height: 26px; font-family: Roboto-Light; }
.con_mapbox{ margin-top: 40px; }
/*新闻*/
.infocon{ }
.infocon h1{font-size:26px; font-weight: normal; font-family:Arial; line-height: 30px; text-align: center; color: #222;}
.infocon .time{ text-align: center; margin:18px 0; color: #666; font-family:Arial}
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }
.infocon .other{border-top: 1px solid #ddd; font-family: Roboto-Light; padding:15px 0 0 0; margin:50px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; font-size: 17px; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #4564f3; }
.infocon p{line-height:28px; font-size: 17px; font-family: Roboto-Light; margin-bottom: 10px;}
.infocon .case-text{font-family:Arial}
/*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: #b9242a; 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;
}

 .in_acutxt {
            display: flex;
            flex-direction: column;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px;
        }

        .in_acutxt-img img {
            width: 130px;
            border-radius: 50%;
            max-width: 100%;
        }

        .in_acutxt-txt {
            text-align: center;
        }

        .in_acutxt-txt h3 {
            font-size: 25px;
            text-align: center;
            color: #727272;
            margin-top: 10px;
            font-weight: 400;
        }

        .in_acutxt-txt h5 {
            font-size: 18px;
            margin-bottom: 11px;
            margin-top: 20px;
            color: #1e9fd5;
            font-weight: 400;
        }

        .in_acutxt-txt p {
            font-size: 17px;
            line-height: 25px;
            color: #727272;
            font-weight: 400;
            text-align: center;
            margin-bottom: 30px;
        }

        .ourtim {
            margin-bottom: 40px;
            text-align: center;
        }

        .ourtim h2 {
            font-weight: normal;
            text-transform: uppercase;
            font-size: 40px;
            font-family: Roboto-Medium_0;
        }

        .tracking-in-contract-bck {
            -webkit-animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
            animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
        }

        @-webkit-keyframes tracking-in-contract-bck {
            0% {
                letter-spacing: 1em;
                -webkit-transform: translateZ(400px);
                transform: translateZ(400px);
                opacity: 0;
            }

            40% {
                opacity: 0.6;
            }

            100% {
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                opacity: 1;
            }
        }

        @keyframes tracking-in-contract-bck {
            0% {
                letter-spacing: 1em;
                -webkit-transform: translateZ(400px);
                transform: translateZ(400px);
                opacity: 0;
            }

            40% {
                opacity: 0.6;
            }

            100% {
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                opacity: 1;
            }
        }



@media screen and (max-width: 1680px){
 .backToTop{ right: 0; width: 50px; height: 50px; } 
 .head_rcon{ width: 290px; right: -70px; }
 nav li{ margin: 0 22px; }
 nav{ margin-right: 230px; }
 .in_newbox{ padding: 0 3% 0 7%; }

}

@media screen and (max-width: 1600px){
  .head_rcon{ right: 0; }
  nav li{ margin: 0 22px; }
  nav{ margin-right: 315px; }
  .in_htpro,.in_cusce{ padding: 75px 0; }
  .in_cusul{ margin-top: 40px; }
  .in_cusul-1{ margin-top: 40px; }
  .in_news{ padding: 85px 0; }
  .in_news:before{ width: 520px; height: 520px; }
  .in_newbox{ padding: 0 2% 0 5%; }
  footer{ padding-top: 50px; }
  .sub_nav h3{ font-size: 48px; }
  .sub_nav p{ margin-top: 6px; }
  .sub_nav{ padding-top: 140px; }
  .pat86{ padding-top: 60px; }
  .pro_war{ padding-bottom: 70px; }
  .ab_proce{ padding: 65px 0; }
  .con_topwar{ padding: 65px 0; }
}

@media screen and (max-width: 1440px){
  .warper{ width: 88%; }
  .banner .slick-dots li button{ width: 16px; height: 16px; }
  .head_rcon{ right: -45px; }
  nav{ margin-right: 256px; }
  nav li{ margin: 0 18px; }
  .in_htpro, .in_cusce{ padding: 60px 0; }
  .in_htit,.in_harr{ height: 309px; }
  .in_hptx{ height: 309px; }
  .in_prswi .item:nth-of-type(even) .in_hpitem{ padding-top: 309px; }
  .inh_le{ width: 300px; }
  .inh_ri{ margin-left: 300px; }
  .in_htit{ padding: 92px 0 0 28px; }
  .in_htit h2{ font-size: 42px; }
  .in_htit h2 span{ font-size: 36px; }
  .in_htit h2:before{ top: 29px; height: 4px; }
  .in_haarrow span{ margin: 0 5px; }
  .in_hptx p{ margin-top: 14px; }
  .incus_tit h2{ font-size: 36px; }
  .in_cusul{ margin-top: 25px; }
  .in_cusul-1{ margin-top: 25px; }
  .in_abbox{ margin-top: 42px; }
  .home_boxtit h2{ font-size: 40px; }
  .in_cous{ padding: 50px 0; }
  .in_cous p{ font-size: 28px; }
  .in_casetit{ padding: 50px 0; }
  .in_catxtdes{ margin-top: 15px; }
  .in_catxt{ width: 90%; height: 90%; padding: 60px 20px 0 20px; }
  .in_catxt h4{ font-size: 20px; }
  .in_catxt p{ margin-top: 12px; font-size: 14px; line-height: 24px; height: 72px; }
  .in_news{ padding: 60px 0; }
  .in_nele .home_boxtit h2{ font-size: 34px; }
  .in_nebox{ margin-top: 15px; }
  .in_nebox .innbtn{ margin-top: 20px; }
  .in_news:before{ width: 480px;height: 480px; }
  footer{ padding-top: 30px; }
  .copyright{ margin-top: 35px; }
  .pro_war .lcon{ width: 320px; }
  .pro_war .rcon{ margin-left: 320px; padding-left: 30px; }
  .pro_nav h3{ padding: 25px; font-size: 36px; }
  .pro_nav h3 span{ font-size: 28px; }
  .pro_nav h3:before{ top: 53px; left: 218px; width: 44px; height: 4px; }
  .accordion{ padding: 6px 12px; }
  .accordion .links a{ font-size: 18px; }
  .accordion .links:before{ font-size: 15px; top: 17px; }
  .accordion .links{ padding: 14px 30px 14px 0; }
  .submenu{ padding-top: 0; }
  .pri{ padding: 36px 30px 0 24px; }
  .ple{ width: 300px; }
  .pri{ margin-left: 300px; }
  .pro_list li{ margin-bottom: 10px; }
  .pri p{ margin-top: 12px; }
  .de_mlcon{ width: 400px; }
  .de_mrcon{ margin-left: 400px; }
  .de_rbox{ padding: 30px 22px 0 25px; }
  .de_rbox h1{ font-size: 24px; }
  /*.de_emi{ margin-top: 12px; }*/
  .pro_lxbtn{ margin-top: 18px; }
  .share{ margin-top: 20px; }
  .rel_pro h2{ font-size: 25px; }
  .rel_pro{ margin-top: 25px; }
  .rel_gd{ margin-top: 10px; }
  .rel_txt{ padding: 20px; }
  .rel_txt p{ margin-top: 6px; }
  .pb_h3{ font-size: 26px; }
  .pb_item{ margin-bottom: 24px; }
  .p_block{ margin-top: 24px; }
  .feature_ul li{ font-size: 17px; margin-bottom: 9px; padding-left: 26px; }
  .in_abri{ padding: 22px 0px 0 32px; }
  .in_abcuphi li{ padding: 30px; }
  .in_acutxt h4{ font-size: 25px; }
  .ab_com,.ab_proce{ padding: 60px 0; }
  .incus_tit h2{ font-size: 32px; }
  .ab_ser{ padding: 60px 0; }
  .ab_setxt{ margin-top: 16px; }
  .ab_ser-1{ padding: 60px 0; }
  .ab_setxt-1{ margin-top: 16px; }
  .ab_sefac{ margin-top: 25px; }
  .ab_faswi{ margin-top: 25px; }
  .news_list li{ margin-bottom: 35px; }
  .con_topwar{ padding: 50px 0; }
  .con_mtit h2{ font-size: 34px; }
  .con_mapbox{ margin-top: 20px; }
  .con_map{ margin-top: 45px; padding-bottom: 60px; }
}

@media screen and (max-width: 1366px){
  .inh_le{ width: 280px; }
  .inh_ri{ margin-left: 280px; }
  .in_htit, .in_harr{ height: 293px; }
  .in_prswi .item:nth-of-type(even) .in_hpitem{ padding-top: 293px; }
  .in_hptx{ height: 293px; padding: 54px 24px 0 24px; }
  .in_htit h2 span{ font-size: 32px; }
  .in_htit h2{ font-size: 38px; }
  .in_htit h2:before{ top: 25px; width: 35px; left: 70px; }
  .in_htpro, .in_cusce{ padding: 50px 0; }
  .in_casetit .home_boxtit h2{ font-size: 36px; }
  .in_nele{ padding-top: 0; }
  .sub_nav h3{ font-size: 40px; }
  .ab_com .in_abtxt{ margin-top: 10px; }
  .home_boxtit h2{ font-size: 35px; }
  .in_abri{ padding: 0 0 0 32px; }
  .ab_ser{ padding: 50px 0; }
  .ab_ser-1{ padding: 50px 0; }
  .ne_lcon{ width: 268px; }
  .ne_rcon{ margin-left: 268px; }
  .ne_rcon span{ margin-top: 22px; }
  .news_list li{ margin-bottom: 24px; }
  .digg4{ margin-top: 35px; }
  .news_war{ padding-bottom: 60px; }
  .ca_txt{ padding: 20px; }
  .ca_txt p{ margin-top: 8px; }
  .ca_txt span{ margin-top: 12px; }
  .ca_txt h3{ font-size: 22px; }
  .con_mtit h2{ font-size: 30px; }
}

@media screen and (max-width: 1280px){
  .warper{ width: 92%; }
  .h_emi p,.h_emi span{ display: none; }
  .head_rcon{ right: 0; top: 26px; width: 128px; }
  .h_emi i{ width: 45px; height: 45px; font-size: 26px; line-height: 45px; }
  .search-button{ margin-top: 9px; }
  nav{ margin-right: 148px; }
  .in_htit, .in_harr{ height: 282px; }
  .in_prswi .item:nth-of-type(even) .in_hpitem{ padding-top: 282px; }
  .in_hptx{ height: 282px; padding: 54px 24px 0 24px; }
  .in_abcuphi{ margin-top: 30px; }
  .in_abcuphi li{ width: 49%; margin-right: 2%; }
  .in_casetit .warper{ padding: 0; }
  .in_casetit{ padding: 42px 0; }
  .in_catxt{ padding: 30px 20px 0 20px; }
  .in_catxt p{ line-height: 22px; height: 110px; }
  .in_cous{ padding: 30px 0; }
  .de_mlcon{ width: 350px; }
  .de_mrcon{ margin-left: 350px; }
  .de_rbox p{ line-height: 24px; }
  .cusinf{ padding: 22px; }
  .con_lxtop li{ padding: 32px 48px 32px 48px; }
  .f_icon{ padding-left: 85px; }
}

@media screen and (max-width: 1024px){
  .warper{ width: 94%; }
  .logo,.position .logo{ top: 16px; }
  .logo img{ height: 45px; }
  .position{ height: 56px; }
  header{ background: #fff; left: 0;
    transform: none;}
  #banner_home,.subbanner,.del_war{ margin-top: 62px; }
  #nav .nav-button{display: block; top: 13px; right: 0; }
  header,header.position{ height: 62px; background: #333; border: 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;width:100% }
  nav li>a,.position nav li>a{ margin:0; border-radius: 0; color: #fff; line-height: normal;  display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav dl{ left: 0;  top: 0; width: auto;  background: #2e2e2e;  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.on a, nav li:hover a{ background: #4564f3; color: #000; }
  nav li:hover dl{ left: 0; opacity: 1; }
  nav li dl dd a{ color: #fff !important; white-space: normal;  }
  nav dl dd div{display:none!important; position: static; background: #464646; }
  nav dl dd div a{ padding: 10px 28px; }
  #nav .nav-button i{ color: #fff; }
  nav li:before,.head_rcon{ display: none; }
  .search-button,.l_fixed{ display: none; }
  .logo img{ height: 30px; }
  .position nav li>a{ color: #fff; }
  nav li.on a, nav li:hover a{ color: #fff; }
  nav li.on a:after, nav li:hover a:after{ display: none; }
  .in_htpro, .in_cusce{ padding: 40px 0; }
  .inh_le{ width: 100%; float: none; }
  .in_htit, .in_harr{ height: auto; padding: 20px; }
  .inh_ri{ margin-left: 0; }
  .in_htit h2 span{ display: inline-block; font-size: 35px; }
  .in_htit h2{ font-size: 30px; }
  .in_htit h2:before{ display: none; }
  .in_haarrow span{ width: 40px; height: 40px; line-height: 40px; }
  .in_prswi .item:nth-of-type(even) .in_hpitem{ padding-top: 307px; }
  .in_hptx{ height: 307px; }
  .in_htit h2{ font-size: 35px; }
  .incus_tit{ padding-top: 14px; }
  .incus_tit h2{ font-size: 29px; }
  .incus_tit:before{ width: 80px; height: 4px; }
  .in_cusul li{ padding: 20px; }
  .in_cusul li:after{ right: -30px; }
  .in_cusul li p{ margin-top: 12px; line-height: 1.5;}
  .in_cusul li i{ font-size: 35px; }
  .in_cusul-1 li{ padding: 20px; }
  .in_cusul-1 li:after{ right: -30px; }
  .in_cusul-1 li p{ margin-top: 12px; line-height: 1.5;}
  .in_cusul-1 li i{ font-size: 35px; }
  .in_abbox{ margin-top: 35px; padding: 20px; }
  .in_able{ width: 400px; }
  .in_abri{ margin-left: 400px; padding-left: 25px; }
  .home_boxtit h2{ font-size: 30px; }
  .in_abtxt{ margin-top: 8px; }
  .in_abri a{ margin-top: 25px; }
  .in_abtxt{ height: 182px; }
  .in_abcuphi li{ padding: 20px; }
  .in_casetit{ padding: 35px 0; }
  .in_casetit .home_boxtit h2{ font-size: 30px; }
  .in_catxt{ opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1); }
  .in_catxt p{ height: 88px; }
  .in_cous p{ font-size: 20px; }
  .in_cous a{ padding: 12px 27px; font-size: 20px; }
  .in_news{ padding: 40px 0; }
  .in_neri{ display: none; }
  .in_nele{ width: 100%; float: none; }
  .in_nebox p{ height: 90px; }
  .in_newbox{ padding: 0 3%; }
  .in_nele .home_boxtit h2{ font-size: 26px; }
  .f_nav h4{ font-size: 22px;line-height: 1.5; }
  .sub_nav{ padding-top: 5%; }
  .sub_nav h3{ font-size: 30px; }
  .pat86{ padding-top: 40px; }
  .pro_war .lcon{ width: 100%; float: none; }
  .pro_war .rcon{ margin-left: 0; padding-left: 0; margin-top: 15px; }
  .pro_war .rcon1{ margin-left: 0; padding-left: 0; margin-top: 15px; }
  .pro_nav h3:before{ display: none; }
  .pro_nav h3 span{ display: inline-block; }
  .pro_nav h3{ font-size: 28px; padding: 20px; }
  .pro_nav h3 a{ display: block; width: 100%; height: 100%; position: absolute; padding: 15px; top: 0; left: 0; text-align: right; color: #fff; }
  .accordion{ display: none; }
  .pro_war{ padding-bottom: 40px; }
  .rel_pro{ display: none; }
  .ab_com, .ab_proce{ padding: 30px 0; }
  .ab_ser{ padding: 40px 0; }
  .ab_ser-1{ padding: 40px 0; }
  .ab_faswi .item{ margin: 0 6px; }
  .ab_faswi{ margin-top: 15px; }
  .ab_faswi .slick-dots{ margin-top: 12px; }
  .ab_faswi .slick-dots li button{ width: 14px; height: 14px; }
  .ne_lcon{ width: 220px; }
  .ne_rcon{ margin-left: 220px; }
  .ne_rcon p{ line-height: 22px; font-size: 15px; height: 88px; }
  .ne_rcon em{ font-size: 16px; }
  .ne_rcon h3{ font-size: 20px; margin-top: 10px; }
  .ne_rcon span{ width: 130px; height: 40px; line-height: 40px; }
  .news_war{ padding-bottom: 40px; }
  .infocon .time{ margin: 10px 0; }
  .ca_txt{ padding: 14px 12px; }
  .ca_txt h3{ font-size: 20px; }
  .ca_txt h3{ font-size: 19px; }
  .pat86{ padding-top: 35px; }
  .con_topwar{ padding: 35px 0; }
  .c_tle{ width: 420px; }
  .c_tri{ margin-left: 420px; }
  .cusinf h2{ font-size: 26px; }
  .con_lxtop li{ padding: 24px 30px 24px 30px; }
  .pb_form textarea{ height: 150px; }
  .con_mtit p{ padding: 0; margin-top: 10px; }
  .con_mtit h2{ font-size: 26px; }
  .con_map{ margin-top: 35px; padding-bottom: 50px; }

}

@media screen and (max-width: 768px){
  .banner .slick-dots{ bottom: 15px; }
  .news_list li{ width: 100%; float: none; margin-right: 0; }
  .in_htpro, .in_cusce{ padding: 30px 0; }
  .in_htit h2,.in_htit h2 span{ font-size: 28px; }
  .incus_tit h2{ font-size: 26px; }
  .in_cusul li:after{ right: -26px; }
  .in_cusul{ margin-top: 15px; }
  .in_cusul-1 li:after{ right: -26px; }
  .in_cusul-1{ margin-top: 15px; }
  .in_casetit{ padding: 30px 0; }
  .in_caul li{ width: 50%; }
  .in_caul{ flex-wrap: wrap; }
  .in_cous{ padding: 20px 0; }
  .in_cous p{ float: none; padding-top: 0; line-height: 1.5;}
  .in_cous a{ float: none; margin-top: 8px; }
  .in_news{ padding: 30px 0; }
  .f_nav .f_item2{ display: none; }
  .f_nav .f_item3{ width: 50%; }
  .f_cull li{ font-size: 18px; padding: 15px 0 15px 35px; line-height: 1.5;}
  .f_cull li i{ top: 10px; }
  .f_item1 form{ margin-top: 12px; }
  .f_nav .f_item1{ width: 46%; }
  .copyright{ margin-top: 15px; }
  .sub_nav h3{ font-size: 25px; }
  .pat86{ padding-top: 30px; }
  .pro_nav h3,.pro_nav h3 span{ font-size: 26px; }
  .de_mlcon{ width: 100%; float: none; }
  .de_mrcon{ margin-left: 0; }
  .de_rbox{ padding: 15px; }
  .ab_com .in_abbox{ padding: 15px; }
  .ab_com .in_able{ width: 100%; float: none; }
  .ab_com .in_abri{ margin-left: 0; margin-top: 12px; padding-left: 0; }
  .in_abcuphi{ margin-top: 15px; }
  .in_acutxt h4{ padding-left: 0; font-size: 22px; margin-bottom: 8px; }
  .in_acutxt h4:before{ display: none; }
  .incus_tit h2{ font-size: 23px; }
  .ab_setxt p{ font-size: 15px; line-height: 22px; }
  .ab_setxt{ margin-top: 6px; }
  .ab_ser{ padding: 30px 0; }
  .ab_ser-1{ padding: 30px 0; }
  .ab_sefac{ margin-top: 12px; }
  .news_list li{ margin-bottom: 12px; }
  .infocon p{ line-height: 26px; }
  .case_list li{ width: 100%; margin-bottom: 20px; }
  .case_list li:nth-of-type(4n){ margin-right: 2%; }
  .case_list li:nth-of-type(3n){ margin-right: 0; }
  .con_topwar{ padding: 30px 0; }
  .c_tle{ width: 100%; float: none; }
  .c_tri{ margin-left: 0; padding-left: 0; margin-top: 12px; }
  .con_lxtop li{ margin-bottom: 12px; }
  .con_map{ margin-top: 25px; padding-bottom: 30px; }
  .con_mtit h2{ font-size: 24px; }
  .ca_item{
      display: flex;    flex-wrap: wrap;
  }
  .ca_txt{width:100%}
  .changpic{width:100%}
}

@media screen and (max-width: 640px){
  .in_htpro, .in_cusce{ padding: 24px 0; }
  .in_htit, .in_harr{ padding: 15px; }
  .in_htit h2{ font-size: 25px; }
  .in_prswi .item:nth-of-type(even) .in_hpitem{ padding-top: 284px; }
  .in_hptx{ height: 284px; }
  .in_cusul li:after{ display: none; }
  .in_cusul{ flex-wrap: wrap; }
  .in_cusul li{ margin-right: 1%; margin-bottom: 6px; width: 32.5%; }
  .in_cusul li:nth-of-type(3n){ margin-right: 0; }
  .in_cusul li i{ font-size: 30px; }
  
  .in_cusul-1 li:after{ display: none; }
  .in_cusul-1{ flex-wrap: wrap; }
  .in_cusul-1 li{ margin-right: 1%; margin-bottom: 6px; width: 100%; }
  .in_cusul-1 li:nth-of-type(3n){ margin-right: 0; }
  .in_cusul-1 li i{ font-size: 30px; }
  .in_abbox{ margin-top: 15px; padding: 12px; }
  .in_able{ width: 100%; float: none; }
  .in_abri{ margin-left: 0; padding-left: 0; margin-top: 12px; }
  .in_abri a{ margin-top: 12px; }
  .home_boxtit h2{ font-size: 26px; }
  .in_abcuphi li{ padding: 18px; width: 100%; margin-bottom: 10px; margin-right: 0; }
  .in_abcuphi{ flex-wrap: wrap; }
  .in_abcuphi li:last-child{ margin-bottom: 0; }
  .in_casetit{ padding: 25px 0; }
  .in_casetit .home_boxtit h2{ font-size: 25px; }
  .in_catxtdes{ margin-top: 10px; }
  .in_cous a{ font-size: 18px; }
  .in_nebox p{ margin-top: 10px; }
  .f_nav .f_item1{ width: 100%; float: none; }
  .f_item1 form{ overflow: hidden; }
  .f_nav .f_item3{ width: 100%; float: none; margin-top: 20px; }
  .in_news{ padding: 26px 0; }
  .pat86{ padding-top: 25px; }
  .pro_nav h3{ padding: 14px; }
  .pro_nav h3 a{ padding: 11px; }
  .pb_fpic{ margin-top: 12px; }
  .pb_fpic li{ width: 49%; margin-right: 2%; margin-bottom: 12px; }
  .pb_fpic li:nth-of-type(even){ margin-right: 0; }
  .pb_item{ margin-bottom: 15px; }
  .pb_form ul li{ margin-bottom: 12px; }
  .pb_h3{ font-size: 24px; }
  .ab_com .in_abbox{ padding: 12px; }
  .ab_com, .ab_proce{ padding: 22px 0; }
  .infocon h1{ font-size: 22px; }
  .infocon p{ font-size: 16px; line-height: 24px; }
  .infocon .other{ margin-top: 30px; }
  .case_list li{ width: 100%; margin-bottom: 15px; }
  .case_list li:nth-of-type(3n){ margin-right: 2%; }
  .case_list li:nth-of-type(even){ margin-right: 0; }
  .con_lxtop li{ padding: 15px; }
  .con_topwar{ padding: 20px 0; }
  .ca_item{
      display: flex;    flex-wrap: wrap;
  }
  .ca_txt{width:100%}
  .changpic{width:100%}
}

@media screen and (max-width:480px){
  .footmenu{ display: block; }
  .footmenu div.con{ background: #4564f3;  }
  footer{ margin-bottom: 60px; }
  .backToTop{ width: 40px; height: 40px; }
  .in_htpro, .in_cusce{ padding: 15px 0; }
  .in_haarrow span{ width: 30px; height: 30px; line-height: 26px; }
  .in_htit h2,.in_htit h2 span{ font-size: 23px; }
  .in_haarrow span i{ font-size: 15px; }
  .in_hptx{ height: auto; padding: 12px; }
  .in_prswi .item:nth-of-type(even) .in_hpitem{ padding-top: 0; }
  .in_prswi .item:nth-of-type(even) .in_hptx{ position: static; }
  .in_hptx p{ margin-top: 10px; line-height: 22px; height: 88px; }
  .in_hptx h4{ font-size: 20px; }
  .in_abbox{ padding: 10px; margin-top: 12px; }
  .home_boxtit h2,.in_casetit .home_boxtit h2,.in_nele .home_boxtit h2{ font-size: 22px; }
  .ourtim h2{font-size:22px}
  .in_casetit{ padding: 22px 0 12px 0; }
  .in_catxt h4{ font-size: 17px; }
  .in_cous p{ font-size: 18px; line-height: 1.5;}
  .in_cous a{ padding: 9px 15px; }
  .in_nebox p{ font-size: 15px; line-height: 22px; height: 66px; }
  .in_nebox h4{ font-size: 18px; }
  footer{ padding-top: 20px; }
  .f_item1 ul li{ width: 100%; margin-bottom: 5px; margin-right: 0; float: none; }
  .f_cull li{ font-size: 16px; line-height: 1.5;}
  .f_cull li i{ font-size: 22px; top: 12px; }
  .in_news{ padding: 18px 0; }
  .pat86{ padding-top: 20px; }
  .sub_nav p{ display: none; }
  .sub_nav h3{ font-size: 21px; }
  .pro_nav h3, .pro_nav h3 span{ font-size: 21px; }
  .ple{ width: 100%; float: none; }
  .pri{ margin-left: 0; padding: 10px; }
  .pri h4{ font-size: 20px; }
  .pri p{ margin-top: 8px; font-size: 15px; line-height: 22px; height: 66px; }
  .pri span{ margin-top: 10px; padding: 10px 20px; }
  .digg4{ margin-top: 20px; }
  .pro_war{ padding-bottom: 30px; }
  .pro_war .rcon{ margin-top: 10px; }
  .pro_war .rcon1{ margin-top: 10px; }
  .pb_h3{ font-size: 21px; }
  .p_dtxp p,.in_abtxt p,.in_acutxt p{ font-size: 15px; line-height: 22px; }
  .p_dtxp{ margin-top: 5px; }
  .pro_table table tr td{ padding: 6px; }
  .pb_form ul li{ width: 100%; float: none; margin-bottom: 6px; margin-right: 0; }
  .ab_com .in_abbox,.in_abcuphi li{ padding: 10px; }
  .incus_tit h2{ font-size: 21px; }
  .in_cusul li{ padding: 10px; }
  .in_cusul li p{ font-size: 15px;line-height: 1.5; }
  
  .in_cusul-1 li{ padding: 10px; width:100%}
  .in_cusul-1 li p{ font-size: 15px;line-height: 1.5; }
  .ab_ser{ padding: 20px 0; }
  .ab_ser-1{ padding: 20px 0; }
  .ne_lcon{ width: 150px; }
  .ne_rcon{ margin-left: 150px; padding: 10px 10px 0 10px; }
  .ne_rcon span{ margin-top: 12px; }
  .ne_rcon em{ display: none; }
  .ne_rcon h3{ margin-top: 0; }
  .ne_rcon p{ height: 66px; }
  .news_war{ padding-bottom: 30px; }
  .infocon img{ margin: 4px 0; }
  .ca_txt span{ width: 100px; }
  .ca_txt p{ font-size: 15px; line-height: 22px; }
  .con_lxtop li{ padding: 12px; margin-bottom: 10px; }
  .f_icon p{ font-size: 19px; margin-bottom: 5px; }
  .f_icon a{ font-size: 20px; }
  .f_icon span{ font-size: 18px; line-height: 22px; }
  .f_icon i{ width: 60px; height: 60px; font-size: 30px; line-height: 60px; }
  .f_icon{ padding-left: 66px; }
  .cusinf{ padding: 10px; }
  .cusinf h2{ font-size: 22px; }
  .con_mtit h2{ font-size: 22px; }
  .con_mtit p{ font-size: 15px; line-height: 22px; margin-top: 8px; }
  .con_mapbox{ margin-top: 10px; }
  .con_map{ margin-top: 12px; padding-bottom: 25px; }
  .con_lxtop li{ margin-bottom: 6px; }
  .ca_item{
      display: flex;    flex-wrap: wrap;
  }
  .ca_txt{width:100%}
  .changpic{width:100%}
}

.digg4 span.current:hover{
	    color: #fff;
    background: #4564f3;
    border: 1px solid #4564f3;
}
.v-a{padding-bottom: 1rem;width: 100%;}
.v-cont{margin: 0 auto;}
.v-top{padding-bottom: .8rem;border-bottom: 1px solid #eee;width: 100%;}
.cleafix{padding-bottom: .8rem;border-bottom: 1px solid #eee;width: 100%;}
.v-big{position: relative;float: left;cursor: pointer;width: 8rem;height: 5.4rem;background-size: cover;background-position: center center;}
.v-big:before{content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;z-index: 1;}
.v-big:after{content: "";display: block;width: 100%;padding-top: 22.75%;background-image: url(../images/158.png);background-size: 100% 100%;position: absolute;left: 0;bottom: 0;z-index: 5;}
.v-play{left: 50%;top: 50%;position: absolute;display: inline-block;transform: translate(-50%,-50%);cursor: pointer;width: .8rem;height: .8rem;background-image: url(../images/119.png);background-size: 100% 100%;z-index: 10;}
.v-text{left: 0;bottom: 0;position: absolute;width: 100%;padding: 0 .4rem .39rem;z-index: 12;}
.v-date{margin-bottom: .2rem;color: #fff;}
.v-tit{overflow: hidden;color: #fff;white-space: nowrap;text-overflow: ellipsis;transition: all .3s;width: 100%;}
.v-small{padding-bottom: .33rem;border-bottom: 1px dashed #eee;margin-bottom: .33rem;font-size: 0;float: right;cursor: pointer;width: 7.2rem;}
.v-small:last-child{padding-bottom: 0;border-bottom: none;}
.v-box{margin-right: 5.555%;display: inline-block;vertical-align: middle;width: 27.777%;height: 1.35rem;background-size: cover;background-position: center center;position: relative;}
.v-box:before{content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;z-index: 1;}
.v-play2{left: 50%;top: 50%;position: absolute;display: inline-block;transform: translate(-50%,-50%);cursor: pointer;z-index: 10;width: .34rem;height: .34rem;background-image: url(../images/119.png);background-size: 100% 100%;}
.v-text2{display: inline-block;vertical-align: middle;width: 66.668%;}
.v-date2{margin-bottom: .14rem;color: #666;}
.v-tit2{color: #333;line-height: 1.5;transition: all .3s;}
.v-list{width: 1440px; margin:3% auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
/*.v-item{margin-bottom: .2rem;display: inline-block;vertical-align: top;cursor: pointer;width: 22%;}*/
.videos-item{margin-bottom: .2rem;display: inline-block;vertical-align: top;cursor: pointer;width: 22%;}
.v-item:nth-child(3n){margin-right: 0;}
.v-box3{padding-top: 67.5%;position: relative;width: 100%;background-size: cover;background-position: center center;}
.v-box3:before{content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;z-index: 1;}
.v-play3{left: 50%;top: 50%;position: absolute;display: inline-block;transform: translate(-50%,-50%);width: 3.6rem;height: 3.6rem;z-index: 10;cursor: pointer;background-image: url(../images/119.png);background-size: 100% 100%;}
.v-text3{padding-top: 0.1rem;width: 100%;}
.v-date3{margin-bottom: .14rem;color: #666;}
.v-tit3{color: #333;line-height: 1.5;transition: all .3s;text-align: center;font-size: 20px}

@media(min-width: 1201px){
    .v-big:hover .v-tit{color: #ec9525;}
    .v-small:hover .v-tit2{color: #ec9525;}
    .v-item:hover .v-tit3{color: #4463f1}
}
@media(max-width: 760px){
    .v-a{padding: 30px 10px;}
    .v-cont{width: 100%;max-width: 500px;}
    .v-top{padding-bottom: 0;}
    .v-big{float: none;width: 100%;height: auto;padding-top: 67.5%;margin-bottom: 15px;}
    .v-text{padding-left: 10px;padding-right: 10px;}
    .v-small{float: none;width: 100%;padding-bottom: 15px;margin-bottom: 15px;}
    .v-box{height: auto;padding-top: 18.75%;}
    .v-list{padding-top: 15px;width:100%}
    .v-item{margin-bottom: 20px;}
    .v-item:nth-child(3n){margin-right: 2%;}
    .v-item:nth-child(2n){margin-right: 0;}
    .v-tit{font-size: 14px;}
    .v-tit2{font-size: 14px;}
    .v-tit3{font-size: 14px;}
    .v-date{font-size: 13px;}
    .v-date2{font-size: 13px;}
    .v-date2{font-size: 13px;}
    .videos-item{
        width:100%;
    }





.v-play3 {
    left: 50%;
    top: 50%;
    position: absolute;
    display: inline-block;
    transform: translate(-50%,-50%);
    width: 2.6rem;
    height: 2.6rem;
    z-index: 10;
    cursor: pointer;
    background-image: url(../images/119.png);
    background-size: 100% 100%;}
}

.vd-a{position: fixed;left: 50%;top: 110%;transform: translate(-50%,0);width: 60rem;z-index: 999999999;transition: all .5s ease-in-out;padding-top: 1.4rem;background-color: #fff;border-radius: 5px;box-shadow: 0 0 .1rem rgba(0,0,0,0.1);}
.vd-a.show{top: 50%;transform: translate(-50%,-50%);}
.vd-a.show .vd-e{visibility: visible;}
.vd-a.show .vd-f{display: block;}
.vd-b{width: 100%;background-color: #000;}
.vd-c{display: block;width: 1.4rem;height: 1.4rem;font-size: 1.3rem;text-align: center;line-height: 1.4rem;color: #666;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 10000;}
.vd-e{visibility: hidden;width: 100%;width: 100%;height: 33rem;}
.vd-f{display: none;width: 100%;}
@media(max-width: 900px){
    .vd-c{width: 30px;height: 30px;line-height: 30px;top: 0;font-size: 20px;}
    .vd-a{width: 100%;padding-top: 30px;}
    .vd-e{width: 100vw;height: 56.25vw;}
    .vd-f{width: 100%;}
}