/*-----------------[初始化]--------------*/
@font-face {
    font-family: 'MB';
    src: url(../font/Montserrat-Bold.ttf);
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ML';
    src: url(../font/Montserrat-Light.ttf);
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'MR';
    src: url(../font/Montserrat-Regular.ttf);
    font-weight: normal;
    font-style: normal;

}



*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    background: #fff;
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", STHeiti, "华文黑体", sans-serif;
}

a {
    color: inherit;
}

a:hover {
    color: inherit;
}

img {
    max-width: 100%;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}

input[type='submit'],
input[type='reset'],
input[type='button'],
input[type='radio'],
input[type='checkbox'],
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand { display: none; }
input:focus, textarea:focus {
    outline: none;
}
input::-ms-clear {
    display: none;
}
input[type='submit'],
input[type='reset'],
input[type='button'] {
    cursor: pointer;
}

::-webkit-input-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
}

::-ms-input-placeholder {
    color: #999;
}


/*布局*/

.wp {
    *zoom: 1;
    width: 100%;
    max-width: 1220px;
    padding: 0 21px;
    margin: 0 auto;
}
.wp:before,.wp:after {display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}


/*******************************
  -------[=头部]-------
********************************/

.header {position: fixed;z-index: 99;height: 100px;line-height: 90px;background-color: #fff;padding: 0 5.6%;top:0px;width: 100%;}
.logo {float: left;width: 259px;}
.logo img {display: inline-block;vertical-align: middle;width: 87%;}
.hdr {float: right;}
.nav {float: left;height: 100px;}
.nav li {float: left;position: relative;padding: 0 39px;}
.nav li + li:before {content: '';position: absolute;left: -3px;top: 50%;width: 6px;height: 6px;border-radius: 50%;background-color: #1b1b1b;margin-top: -3px;}
.nav a {font-size: 16px;color: #1b1b1b;}
.nav .on a,.nav a:hover {color: #002e5b;}

.nav .sub{
    display: none;
    position: absolute;
    top: 99%;
    left: 0;
    right: 0;
    padding: 10px 0;
    background-color: #fff;
    text-align: center;
    
}
.nav .sub dd a{
    height: 45px;
    line-height: 45px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
    margin-left: 15px;margin-right: 15px;
    font-size: 13px;
}
.nav .sub dd:hover{
    background-color: #f9f9f9;
}
.nav .sub dd a:hover,.nav .sub dd.on a{
    color:#002e5b;
}
@media only screen and (min-width: 1200px) {
    .nav .sub{
        width: 200px;
    }
    .nav .sub dd a{
        text-align: left;
    }
    .nav .sub dd{
       
    }
}
.bar-hd {float: right;font-size: 0;}
.bar-hd li {display: inline-block;vertical-align: middle;position: relative;}
.bar-hd .s1 + .s1:before {content: '';position: absolute;left: 0;top: 50%;margin-top: -8px;height: 16px;width: 0;border-left: 1px dashed #767676;}
.bar-hd .s1 > a {display: block;margin: 5px 12px;width: 30px;height: 30px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: 100% auto; background-size: 100% auto;}
.bar-hd .home > a {background-image: url('../image/icon-home.png');}
.bar-hd .lang > a {background-image: url('../image/icon-lang.png');}
.bar-hd .so > a {background-image: url('../image/icon-so.png');}
.bar-hd .menu > a {display: block;width: 35px;height: 35px;margin-left: 10px;background: url('../image/icon-menu.png') no-repeat center center;-webkit-background-size: 100% auto; background-size: 100% auto;}

.bar-hd .lang .list {display: none;position: absolute;top: 100%;left: 0;width: 100%;font-size: 14px;text-align: center;border-radius: 3px;box-shadow: 0 0 5px rgba(0,0,0,.2);background-color: #fff;padding: 5px 0;z-index: 2;}
.bar-hd .lang .list a {display: block;line-height: 28px;}
.bar-hd .lang .list a:hover {background-color: #eee;}
.bar-hd .lang:hover .list {display: block;}
.bar-hd .so .form {position: absolute;top: 90%;right: 0;line-height: 25px;width: 240px;display: none;z-index: 2;}
.bar-hd .so .inp {float: left;width: 180px;padding: 0 10px;line-height: 25px;border: 1px solid #767676;height: 25px;}
.bar-hd .so .btn {float: right;width: 60px;height: 25px;background-color: #333;border: none;color: #fff;}


/*
-----------------[底部浮动]--------------*/
.specWhite {display: none !important; height: 54px; background: #fff; }
.bottomSlider{display: none !important; width:92%; position:fixed; bottom:6px; left:50%; margin-left: -46%; background: #ff0000; height:42px; border-radius:21px; z-index: 300;}
.bottomSlider li{ width:33.3%; float:left; height:41px;}
.bottomSlider li a{ display:block; width:100%; height:100%;}
.bottomSlider li.phone_icon a{ background: url(../image/phone_icon.png) no-repeat center; background-size:auto 25px; border-right:1px solid #c60000;background-image: url(../image/phone_icon.svg),none;background-repeat: no-repeat;background-position: center;}
.bottomSlider li.speak_icon a{ background: url(../image/speak_icon.png) no-repeat center; background-size:auto 25px; border-right:1px solid #c60000;background-image:url(../image/speak_icon.svg),none;background-repeat: no-repeat;background-position: center; }
.bottomSlider li.white_icon a{ background: url(../image/white_icon.png) no-repeat center; background-size:auto 25px;background-image: url(../image/white_icon.svg),none;background-repeat: no-repeat;background-position: center;}


/*******************************
    -------[=导航]-------
********************************/
.specWhite {height: 54px; background: #fff; }
.menuBtn {display: none;width: 1em; height: 1em;position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.menuBtn span {height: 1px; position: absolute;top: 50%; display: block; width: 100%; margin: 0 auto; border: none;  cursor: pointer; color: inherit;}
.menuBtn span:before,
.menuBtn span:after {content: ""; position: absolute; top: 0; left: 50%; display: block; width: 100%; height: 100%;}
.menuBtn span:before {-webkit-transform: translate(-50%, -.28em); transform: translate(-50%, -.28em); }
.menuBtn span:after {-webkit-transform: translate(-50%, .28em); transform: translate(-50%, .28em); }
.menuBtn span:before,
.menuBtn span:after {-webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
.menuBtn.open span {background: transparent; }
.menuBtn.open span:before {-webkit-transform: translate(-50%, 0) rotate(45deg); transform: translate(-50%, 0) rotate(45deg); }
.menuBtn.open span:after {-webkit-transform: translate(-50%, 0) rotate(-45deg); transform: translate(-50%, 0) rotate(-45deg); }
/* 按钮大小 & 位置 */
.menuBtn {
    font-size: 30px;
    margin: 12px 0;
}
/* 按钮动画 & 颜色 */
.menuBtn span,.menuBtn span:after,.menuBtn span:before {
    background-color: #1b1b1b;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

/*******************************
  -------[=banner]-------
*******************************/

.slick-slider,
.slick-list,
.slick-track,
.slick-slide {
    height: 100%;
}
.banner {position: relative;height: calc( 100vh - 90px );margin-top: 90px;}
.banner .mouse {position: absolute;left: 50%;bottom: 4%;width: 91px;height: 61px;background: url('../image/icon-mouse.png') no-repeat center center;margin-left: -45px;-webkit-animation: mouses 5s infinite ease-in-out;
-o-animation: mouses 5s infinite ease-in-out;
animation: mouses 5s infinite ease-in-out;}
.banner .pic {position: relative;overflow: hidden;height: 100%;
    background-repeat: no-repeat;background-position: center center;
    -webkit-background-size: cover; background-size: cover;
    background-attachment: fixed;
    background-color: rgba(0,0,0,0);
    background-attachment:scroll;
}
.banner .txt {position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: 0;}
.banner .txt:before {content: '';display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.banner .txt .inner {display: inline-block;vertical-align: middle;width: 100%;color: #fff;font-size: 25px;line-height: 72px;text-shadow: 2px 2px 5px rgba(0,0,0,.2);letter-spacing: .2em;}
.banner .txt h3 {font-size: 48px;font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", STHeiti, "华文黑体", sans-serif;font-weight:bold;margin-bottom: 6px;}
.banner .txt h4 {font-weight: normal;margin-bottom: 60px;}
.banner .txt a {font-size: 21px;font-weight: bold;border-bottom: 2px solid #fff;}
.banner .slick-arrow {position: absolute;top: 50%;margin-top: -32px;width: 28px;height: 64px;border: none;font-size: 0;background-color: transparent;background-position: center center;-webkit-background-size: 100% auto; background-size: 100% auto;cursor: pointer;z-index: 2;outline: none;}
.banner .slick-prev {left: 3%;background-image: url('../image/prev.png');}
.banner .slick-next {right: 3%;background-image: url('../image/next.png');}

@-webkit-keyframes mouses {
    0% {-webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);}
    50% {-webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);}
    100% {-webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);}
}
@-o-keyframes mouses {
    0% {-webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);}
    50% {-webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);}
    100% {-webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);}
}
@-moz-keyframes mouses {
    0% {-webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);}
    50% {-webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);}
    100% {-webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);}
}
@keyframes mouses {
    0% {-webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);}
    50% {-webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);}
    100% {-webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);}
}

/*******************************
  -------[=底部]-------
********************************/

.footer{
    padding: 60px 0 0;
    background-color: #222;
    color: #fafafa;
}
.fd-top{
    overflow: hidden;
}
.fd-txt,.fd-map{
    float: left;
}
.fd-find{
    float: right;
}
.fd-txt{
    max-width: 330px;
    margin-right: 110px;
}
.fd-txt h4{
    font-size: 18px;
    margin-bottom: 30px;
}
.fd-txt p{
    font-weight: bold;
    font-size: 16px;
    line-height: 34px;
}
.fd-find{
    padding: 10px 0 0;
    float: right;
    text-align: right;
}
.fd-map img {display: block;width: 100%;}
.eq{
    display: inline-block;
    text-align: left;
}
.eq img{
    display: block;
    width: 118px;
    height: 118px;
    margin-bottom: 22px;
}
.fd-find a{
    position: relative;
    display: block;
    width: 173px;
    height: 45px;
    line-height: 41px;
    text-align: center;
    border: 2px solid #fafafa;
    margin: 52px 0 0;
}
.fd-find a:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #1d1e2c;
    transition: all .3s ease;
}
.fd-find a span{
    position: relative;
    color: #fafafa;
    z-index: 2;
}
.fd-find a:hover{
    border-color: #fff;
}
.fd-find a:hover:before{
    width: 100%;
    background-color: #fff;
}
.fd-find a:hover span{
    color: #000;
}
.fd-nav{
    float: left;
    padding: 0 0 60px;
    overflow: hidden;
}
.fd-nav a{
    float: left;
    position: relative;
    font-size: 16px;
    padding: 0 38px;
    color: #fafafa;
}
.fd-nav a:after{
    /*content: '';
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #fafafa;
    border-radius: 50%;*/
}
.fd-nav a:first-child{
    padding-left: 0;
}
.fd-nav a:first-child:after{
    width: 0;
}
.fd-nav a:hover{
    color: #fff;
}
.fd-share {float: right;}
body .fd-share .bdsharebuttonbox a {width: 40px;height: 40px;padding: 0;margin: 0 0 0 30px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: 100% auto; background-size: 100% auto;}
body .fd-share .bds_weixin {background-image: url('../image/icon-weixin.png');}
body .fd-share .bds_tsina {background-image: url('../image/icon-weibo.png');}
body .fd-share .bds_sqq {background-image: url('../image/icon-qq.png');}
.copyright{
    overflow: hidden;
    padding: 52px 0 42px;
    border-top: 1px solid #5c5c5c;
    color: #fafafa;
    font-size: 12px;
    text-transform: uppercase;
}
.copyright a{
    color: #fafafa;
}
.copyright a:hover{
    color: #fff;
}

/*******************************
    -------[=正文]-------
********************************/

.bd_weixin_popup{
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.g-tit {text-align: center;}
.g-tit .cn {font-size: 30px;color: #002e5b;margin-bottom: 5px;}
.g-tit .en {font-size: 18px;color: #666;font-weight: normal;}
.g-tit.s2 .cn,.g-tit.s2 .en {color: #fff;}

.row-ind1 {padding: 62px 0;}

.news-list {overflow: hidden;padding: 50px 0;}
.news-list .hot {float: left;width: 49%;margin-right: 7%;}
.news-list .list {overflow: hidden;}
.news-list .pic {position: relative;overflow: hidden;padding-top: 42%;margin-bottom: 29px;}
.news-list .pic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.news-list .text {overflow: hidden;font-size: 14px;color: #757575;line-height: 25px;}
.news-list .text h4 {font-size: 18px;color: #333;font-weight: normal;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin-bottom: 5px;}
.news-list .text h4:hover {color: #002e5b;}
.news-list .text p {overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;height: 50px;}
.news-list .date {float: left;margin-right: 20px;line-height: 1.2;}
.news-list .date .s1 {font-size: 48px;color: #333;display: block;margin-bottom: 10px;}
.news-list .date .s2 {font-size: 14px;color: #333;}

.news-list li {overflow: hidden;}
.news-list li + li {margin-top: 46px;}
.news-list .list .text h4 {margin-bottom: 10px;}


.row-ind2 {padding: 50px 0;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover; background-size: cover;}
.list-solution {padding: 20px 0 45px;}
.list-solution li {float: left;width: 220px;}
.list-solution li + li {margin-left: 99px;}
.list-solution .pic {position: relative;margin: 0 auto;width: 220px;height: 220px;border-radius: 50%;overflow: hidden;box-shadow: 0 0 20px 6px rgba(255,255,255,.6)}
.list-solution .pic img {display: block;width: 100%;height: 100%;border-radius: 50%;}
.list-solution .pic .mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;font-size: 18px;line-height: 25px;background:  url('../image/mask-01.png') repeat;background: rgba(0,0,0,.67);-webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.list-solution .pic .mask span {color: #fff;position: absolute;top: 50%;left: 15%;width: 70%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.list-solution .pic:hover .mask {background-color: rgba(0,0,0,0);background-image: none;}
.list-solution .txt {margin: 55px 0 43px;}
.list-solution .txt p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-solution .txt a {position: relative;line-height: 30px;font-size: 14px;color: #d2d2d2;}
.list-solution .txt a:after {content: '';position: absolute;left: 0;bottom: -2px;height: 1px;width: 0;background-color: #fff;-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.list-solution .txt a:hover:after {width: 100%;}
.list-solution .more {border-bottom: 2px solid #fff;font-size: 16px;color: #fff;text-transform: uppercase;display: inline-block;width: 107px;}

.row-ind3 {padding: 50px 0 45px;}

.slide-list {margin: 0 -17px;padding-top: 20px;}
.slide-list .item {padding: 17px;}
.slide-list .pic {position: relative;overflow: hidden;padding-top: 158%;-webkit-transition: .3s linear;
-o-transition: .3s linear;
transition: .3s linear;}
.slide-list .pic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.slide-list .pic .mask {position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;background: url('../image/mask-01.png') repeat;padding: 0 10px;}
.slide-list .pic h4 {font-weight: normal;color: #fff;font-size: 16px;line-height: 50px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.slide-list .pic:hover {-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);box-shadow: 2px 5px 10px rgba(0,0,0,.6)}
.slide-list .slick-dots {text-align: center;font-size: 0;}
.slide-list .slick-dots li {display: inline-block;vertical-align: middle;margin: 0 3px;}
.slide-list .slick-dots button {border: 2px solid #363d43;border-radius: 50%;width: 14px;height: 14px;padding: 0;margin: 0;font-size: 0;background-color: transparent;outline: none;cursor: pointer;}
.slide-list .slick-dots .slick-active button {position: relative;border-color: #d90100;}
.slide-list .slick-dots .slick-active button:after {content: '';position: absolute;top: 50%;left: 50%;width: 4px;height: 4px;border-radius: 50%;background-color: #d90100;margin: -2px 0 0 -2px;}
.slide-list .slick-list {padding: 30px 0;}

.join-us {overflow: hidden;padding: 70px 0 80px;}
.join-us .pic {float: right;width: 50%;}
.join-us .pic img {display: block;float: right;max-width: 449px;width: 80%;}
.join-us .txt {float: left;padding-top: 45px;}
.join-us .txt h3 {font-weight: normal;font-size: 36px;line-height: 1.67em;color: #fff;margin-bottom: 65px;}
.join-us .txt .btn {position: relative;display: block;width: 330px;line-height: 76px;background-color: #fff;text-align: center;font-size: 22px;color: #0b0c0e;}
.join-us .txt .btn span {position: relative;z-index: 2;}
.join-us .txt .btn:after {content: '';position: absolute;left: 0;top: 0;height: 100%;background-color: #0b0c0e;width: 0;-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.join-us .txt .btn:hover {color: #fff;}
.join-us .txt .btn:hover:after {width: 100%;}



@media only screen and (max-width: 1800px) {
    .header {padding: 0 3%;}
}

@media only screen and (max-width: 1580px) {
    .nav li {padding: 0 20px;}
}


@media only screen and (max-width: 1380px) {
    .wp {padding: 0 30px;}
    .logo {width: 200px;}
    .bar-hd .s1 > a {margin: 5px 10px;}
    .bar-hd .menu > a {margin-left: 0;}
    .banner .txt .inner {font-size: 20px;line-height: 50px;padding: 0 80px;}
    .banner .txt h3 {font-size: 40px;}
    .banner .txt h4 {margin-bottom: 40px;}
    .banner .txt a {font-size: 18px;}
    .news-list {padding: 40px 0 20px;}
    .news-list .hot {margin-right: 5%;}
    .list-solution li {width: 25%;text-align: center;}
    .list-solution .cont {display: inline-block;text-align: left;}
    .list-solution li + li {margin-left: 0;}
    .slide-list .item {padding: 17px 10px;}
}


@media only screen and (max-width: 1240px) {
    .header {padding: 0 2%;height: 80px;line-height: 80px;}
    .banner {height: calc( 100vh - 80px );}
    .logo {width: 170px;}
    .nav {height: 80px;}
    .nav li {padding: 0 15px;}
    .nav a {font-size: 14px;}
    .banner .mouse {margin-left: -30px;width: 60px;height: 40px;-webkit-background-size: 100% auto; background-size: 100% auto;}

    .g-tit .cn {font-size: 26px;}
    .g-tit .en {font-size: 16px;}

    .row-ind1,.row-ind2,.row-ind3,.row-ind4 {padding: 40px 0;}

    .news-list .hot {width: 45%;}
    .news-list li + li {margin-top: 27px;}
    .news-list .date .s1 {margin-bottom: 0;}
    .news-list .list .text h4 {margin-bottom: 0;}
    .join-us {padding: 30px 0;}
    .join-us .txt {padding-top: 0;}

    .footer {padding-top: 40px;}
    .fd-map {display: none;}
    .fd-find a {margin-top: 20px;}
    .fd-nav {padding: 20px 0;}
    .fd-nav a {padding: 0 20px;}
    .fd-share {padding-top: 10px;}
    .copyright {padding: 20px 0;}
}

@media only screen and (max-width: 999px) {
    body {padding-top: 55px;}
    .menuBtn {display: block;float: right;}
    .header {position: fixed;top: 0;left: 0;width: 100%;height: 55px;line-height: 55px;z-index: 999;box-shadow: 0 0 10px rgba(0,0,0,.15)}
    .logo {width: 140px;}
    .nav {clear: both;float: none;padding: 20px 0;height: auto;}
    .bar-hd {padding: 10px 10px 0;margin-bottom: 10px;float: none;text-align: center;position: relative;}
    .bar-hd li {text-align: left;}
    .bar-hd .s1:before {display: none !important;}
    .bar-hd .so .form {width: auto;left: 10px;right: 10px;}
    .bar-hd .so .inp {width: calc(100% - 60px);}
    .bar-hd .so {position: static;}
    .nav li {float: none;line-height: 40px;text-align: center;padding: 0;}
    .nav li + li:before {display: none;}
    .nav a {display: block;}

    .js-nav {display: none;position: fixed;top: 55px;width: 100%;bottom: 0;background-color: #f2f2f2;-webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;}
    .js-nav.left {display: block;left: -75%;width: 75%;max-width: 375px;bottom: 0;}
    .js-nav.left.open {left: 0;}
    .banner {height: calc( 100vh - 55px );}
    .banner .inner {font-size: 18px;line-height: 40px;}
    .banner .txt h3 {font-size: 34px;}
    .banner .txt h4 {margin-bottom: 20px;}
}


@media only screen and (max-width: 959px) {
    .wp {padding: 0 20px;}
    .banner .slick-arrow {width: 20px;height: 46px;margin-top: -23px;}
    .banner .txt .inner {padding: 0 50px;}
    .banner .txt h4 {line-height: 2;}
    .news-list .text {font-size: 12px;line-height: 20px;}
    .news-list .text h4 {font-size: 16px;}
    .news-list .list .text h4 {margin-bottom: 5px;}
    .news-list .text p {height: 40px;}
    .news-list .date .s1 {font-size: 38px;}
    .news-list li + li {margin-top: 18px;}

    .fd-txt,.fd-map,.fd-find,.fd-nav,.fd-share {display: none;}
    .footer {padding: 0;}
    .copyright {border: none;}
    .copyright .l,.copyright .r {float: none;text-align: center;}

    .slide-list .slick-list {padding: 0;}

    .list-solution .pic {width: 160px;height: 160px;}
    .list-solution .pic .mask {font-size: 14px;line-height: 20px;}
    .list-solution .txt {margin: 20px 0;}
    .list-solution .txt a {font-size: 11px;}
    .list-solution .more {font-size: 14px;width: 60%;}
    .join-us .txt h3 {font-size: 30px;margin-bottom: 60px;}
    .join-us .txt .btn {line-height: 50px;width: 280px;}
    .bottomSlider,.specWhite{display: block !important;}

    .nav .sub{
        position: static;
        background: none;
    }
}

@media only screen and (max-width: 767px) {
    .wp {padding: 0 15px;}
    .banner .txt h3{font-size: 18px;}
    .banner .mouse {display: none;}
    .banner .txt .inner {padding: 0;font-size: 14px;line-height: normal;letter-spacing: normal;}
    .banner .txt h4 {margin-bottom: 10px;line-height: 1.6;}
    .banner .txt a {font-size: 14px;}
    .banner .slick-dots {position: absolute;bottom: 10px;left: 0;width: 100%;font-size: 0;text-align: center;}
    .banner .slick-dots li {display: inline-block;vertical-align: middle;margin: 0 3px;}
    .banner .slick-dots button {font-size: 0;background-color: transparent;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #fff;padding: 0;}
    .banner .slick-dots .slick-active button {background-color: #fff;}

    .g-tit .cn {font-size: 20px;margin-bottom: 0;}
    .g-tit .en {font-size: 14px;}

    .row-ind1,.row-ind2,.row-ind3,.row-ind4 {padding: 25px 0;overflow: hidden;}

    .news-list {padding: 20px 0;}
    .news-list .hot {float: none;width: auto;margin-right: 0;margin-bottom: 18px;}
    .news-list .pic {margin-bottom: 10px;}
    .news-list .text h4 {margin-bottom: 5px !important;}

    .list-solution {padding: 0;}
    .list-solution li {width: 50%;margin: 20px 0;}

    .slide-list .item {padding: 10px 5px;}
    .slide-list .slick-list {padding: 0 5px;}
    .slide-list .pic .mask {height: 30px;}
    .slide-list .pic h4 {font-size: 12px;line-height: 30px;}

    .join-us .pic {float: none;width: auto;}
    .join-us .pic img {float: none;width: auto;max-width: 90%;margin: 0 auto 10px;}
    .join-us .txt {float: none;}
    .join-us .txt h3 {font-size: 24px;text-align: center;margin-bottom: 10px;}
    .join-us .txt .btn {margin: 0 auto;}
}

@media only screen and (max-width: 374px) {
    .list-solution li {float: none;width: auto;}
    .list-solution .cont {text-align: center;}
}
.list-banner .part1{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.list-banner .part2{
    padding-top:185px;
    margin:0 auto;
    max-width:1220px
}
.list-banner .part3{
    font-size:6rem;
    color:#FFF;
    margin-left: 1.5rem;
    font-family: "MB";
}
.list-banner .part4{
    height:5px;
    width:70px;
    background-color: #fff;
    margin-top:15px;
    margin-left: 1.5rem;
}
.container1{
  margin-left: auto;
  margin-right: auto;
  display: block !important;
}
.postbody{
    visibility: visible;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 60px;
    padding-left:3rem !important;
    padding-right:0rem !important;
}
.postbody .jianjie{
    width: 49%;
    display: inline-block;
    padding-right: 15px;
}
.postbody .line{
    height: 7px;
    width: 105px;
    display: block;
    background: #f00;
    margin-top: 5px
}
.postbody .jianjie_img{
    width: 49%;
    display: inline-block;
    padding-left: 15px;
}
.postbody .jianjie_img img{
    width: 100%;
}
.postbody .jianjie p{
    font-size: 1.3rem;
    line-height: 2rem;
    margin-top: 18px;
}
.postbody .jianjie h2{
    font-size: 2.4rem;
    line-height: 40px;
    font-family: 'MB';
    color: #002e5b;
}
.fazhan{
    margin-top: 40px;
    margin-bottom: 60px;
}
.fazhan h1{
    font-size: 3.0rem;
    color: #666;
    text-align: center;
}
.contact_us .part1{
    width: 33.333333%;
    margin:auto;
    float: left;
    position: relative;
}
.contact_us .part3{
    padding-top: 10px;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 24px;
    margin-top: 0px;
    padding-bottom: 20px;

}
.contact_us .part3 i{
    font-size: 20px;
    margin-top: 5px;
}
.contact_us{
    text-align: center;
    margin-bottom: 60px;
    height: auto;
    max-width: 1178px !important;
}
.contact_us .part3 .red{
    color: #f00;
    font-size: 20px;
}
.contact_us .part4{
    font-size: 28px;
    color: #fff;
    position: absolute;
    top:85px;
    left: 168px;
}
.contact_us .part4::before {
    content: "";
    height: 1px;
    width: 65px;
    position: absolute;
    top: 50%;
    left: -65px;
    background: rgba(255,255,255,0.6);
}
.contact_us .part4::after {
    content: "";
    height: 1px;
    width: 65px;
    position: absolute;
    top: 50%;
    right: -65px;
    background: rgba(255,255,255,0.6);
}
.contact_us .part5{
    margin-top: 15px;
    margin-right: 16.5%;
}
.contact_us .part5:nth-child(6){
     margin-left: 16.5%;
     margin-right: 0px;
}
.margint_bottom_60{
    margin-bottom: 60px;    
}
.contact_us .part2{
    overflow: hidden;
}
.contact_us .part2 img{
    transform: scale(1);
    transition: all, 0.6s;
}
.contact_us .part2:hover img{
    transform: scale(1.1);
}
#about1,#about2,#about3,#about4{
    position: relative;
    bottom:80px;
}
#about1{
    bottom: 120px;
}
.footer_li{
    float: left;
    width: 213px;
}
.footer_li dl{
    margin-top: 44px;
}
.footer_li dl a{
    line-height: 30px;
    color: #c0c0c0;
    display: block;
    padding-right: 60px;
    font-size: 14px;
}
.footer_li_a{
    padding-right: 30px !important;
}
#postInfo{
    margin-bottom: 30px !important;
}
.footer_li_last{
    width: 185px;
    /*padding-left: 30px;*/
}
.footer_li_last dl a{
    padding-right: 30px;
}
.fd-map img{
    width: 200px;
}
.footer_li_first{
    width: 185px;
}
.about_lian{
    margin-bottom: 40px;
}
.about_qiye{
    margin-top: 40px;
}
.about_lian .line{
    height: 3px;
    width: 57px;
    background-color: #000;
    margin:auto;
    margin-top: 10px;
}
.about_qiye .line{
    height: 3px;
    width: 57px;
    background-color: #000;
    margin:auto;
    margin-top: 10px;
}
.about_center{
    width: 100%;
    height: 500px;
    background-image: url(../image/about_center.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-top: 200px;
}
.about_center p{
    font-family: "ML";
    font-size: 34px;
    line-height: 42px;
    color: #fff;
}
.about_center .part1{
    width: 1180px;
    margin:auto;
    text-align: center;
}
@media (max-width: 768px) { 
    .banner{
        margin-top: 0px;
        width: 100%;
    }
    .postbody .jianjie{
        width: 100%;
    }
    .postbody .jianjie_img{
        width: 100%;
    }
    .postbody{
        padding-left:1.5rem !important;
    }
    .contact_us .part1{
        width: 100%;
    }
    .contact_us .part5:nth-child(6){
        margin-left: 0px;
    }
    .about_qiye{
        margin-top: 0px;
    }
}
@media (max-width: 1200px) { 
    .banner{
        margin-top: 0px;
        width: 100%;
    }
    .banner .pic{
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        display:block; height:100%;
        width: 100%;
    }
}
.postbody li{
    list-style: disc !important;
}
.postbody img{
    margin:auto;
}
.nav .fa{
    color: #6f6f6f;
    position: absolute;
    right: 0px;
    top:40%;    
    margin-right: 10px;
}
.nav a{
    position: relative;
}