table{border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none}
q:after,q:before{content:''}
abbr,acronym,fieldset,img{border:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r{float:right}
.c{clear:both}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
em{font-weight:400;font-style:normal}
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}
body{color:#333;font-size:14px;line-height:1.5;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;border:none}
input,select,textarea{font-size:14px;color:#333;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
select::-ms-expand{display:none}
a{color:#333;text-decoration:none}
@font-face{font-family:s-Bold;src:url(../fonts/SourceHanSansCN-Bold.otf)}
@font-face{font-family:s-Regular;src:url(../fonts/SourceHanSansCN-Regular.otf)}
.wp{margin:0 auto;width:100%;max-width:1200px}
.m-logo{position:absolute;top:0;right:37px;font-size:0;line-height:100px;z-index:1}
.m-logo img{display:inline-block;vertical-align:middle;max-height:47px}
.snv{position:fixed;top:8.85vw;right:37px;width:245px;z-index:100}
.snv .v1{display:block;width:100%;height:58px;padding-left:40px;line-height:54px;color:#fff;position:relative;border:2px solid transparent;margin:15px 0}
.snv .v1::after{content:"";display:block;position:absolute;top:50%;left:20px;margin-top:-1px;width:8px;height:2px;background-color:#5c86d4}
.snv .v1:hover{font-weight:700}
.snv .active .v1{font-weight:700;border-color:#fff}
.snv .active .v1::after{background-color:#fff}
.snv.sty1 .v1{color:#222}
.snv.sty1 .v1::after{background-color:#b0b0b0}
.snv.sty1 .active .v1{font-weight:700;border-color:#011fbb;color:#011fbb}
.snv.sty1 .active .v1::after{background-color:#011fbb}
.menuBtn{display:none;position:fixed;top:12px;right:15px;width:30px;height:30px;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn b{display:block;height:4px;background-color:#fff;margin:4px 0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn.open b{display:none;margin:-5px 0 0;position:absolute;left:0;top:50%;width:30px}
.menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.header,.nav-mask{display:none}
@media screen and (max-width:767px){
body{padding-top:50px}
.menuBtn{display:block}
.m-logo,.snv{display:none}
.header {
    display: block;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 15px;
    z-index: 100;
    background-color: #2d2e33;
    box-shadow: 12px 6px 12px 3px rgba(68, 68, 68, .19)
}
.logo{float:left;line-height:50px}
.logo img{display:inline-block;vertical-align:middle;max-height:30px}
.nav{position:fixed;top:50px;right:-100%;bottom:0;width:260px;background-color:#fff;padding-top:130px;transition:.5s;z-index:10}
.nav li{height:50px}
.nav .v1{display:block;height:100%;font-size:14px;color:#000;transition:.4s;padding-left:35px;line-height:50px;border-left:2px solid transparent}
.nav .on .v1{background-color:rgba(248,88,56,.15);border-color:#f85838}
.nav-mask{position:fixed;top:50px;right:0;bottom:0;left:0;background-color:rgba(81,117,147,.6)}
.nav.show{right:0}
}
.banner .item{position: relative;}
.banner .txt{
    position: absolute;
    top: 10.66vw;
    left: 8.125vw;
    font-size: 4.2vw;
    color: #ffffff;
    line-height: 1.1;
}
.banner .txt .f{
    font-size: 5.8vw;
}
.banner .txt .s{opacity: .9;font-weight: 300;}
.banner .txt::after{
    content: "";
    display: block;
    width: 1px;
    height: 7vw;
    background-color: #fff;
    position: absolute;
    top: 100%;
    margin-top: 1.5625vw;
    left: 0;
}
.banner .img{display:block;height:100vh;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.banner .slick-arrow{font-size:0;text-indent:9999px;border:none;z-index:5;cursor:pointer;outline:0}
.banner .slick-next,.banner .slick-prev{width:5.2vw;height:5.2vw;position:absolute;bottom:10.4vw;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:auto 100%}
.banner .slick-prev{left:5.2vw;background-image:url(../images/c_prev.png)}
.banner .slick-next{left:11vw;background-image:url(../images/c_next.png)}
.slick-dots{position:absolute;bottom:12px;left:0;width:100%;font-size:0;text-align:center}
.slick-dots li{display:inline-block;width:10px;height:10px;margin:0 5px;border-radius:50%;background-color:#fff;cursor:pointer}
.slick-dots button{display:none}
.slick-dots li.slick-active{background-color:#011fbb}
.m-scr{position:absolute;bottom:64px;left:50%;display:block;width:2.1875vw;height:6.82vw;transform:translateX(-50%);background:url(../images/scr.png) center top no-repeat;background-size:auto 100%;z-index:1;-webkit-animation:2s infinite upDown;-moz-animation:2s infinite upDown;-o-animation:2s infinite upDown;animation:2s infinite upDown}
@keyframes upDown{
0%,100%{transform:translate(-50%,-8px)}
50%{transform:translate(-50%,0)}
}
.g-row{position:relative;height:100vh;background-repeat:no-repeat;background-position:center;background-size:cover}
.g-wrapper{position:absolute;top:3vw;right:19.85416vw;bottom:10px;left:8.333vw}
.g-tit_b{font-size:4.6875vw;color:#fff}
.g-tit_b.c1{color:#011fbb}
.g-tit_b.c2{color:#d5d5d5}
.m-info{font-size:24px;color:#222;line-height:2;overflow:hidden}
.m-info .pic{float:right;width:45%;/*height:21.71875vw;*/overflow:hidden;margin-left:4.2vw}
.m-info .pic .img{float:right;width:45%;height:100%;margin-left:2.23958vw;overflow:hidden}
.m-info .pic .img:last-child{margin-left:0}
.m-info .pic .img img{display:block;width:100%;height:100%}
.m-info .txt{font-weight:300;overflow:hidden}
.m-info.sty1 .txt{width:51.5625vw;color:#fff;max-height:37vw;overflow-y:auto}
.m-con{padding-right:3vw;overflow:hidden}
.m-con .r-box{float:right;width:68.5%}
.m-con .left{overflow:hidden}
.m-con .txt {
    font-size: 24px;
    color: #fff;
    line-height: 2;
    font-weight: 300;
    padding-top: 50px;
    padding-right: 80px;
    max-height: 37vw;
    overflow-y: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}
.m-con .txt::-webkit-scrollbar {
    display: none;
}
.ul-pics{overflow:hidden}
.ul-pics li{float:left;width:50%}
.ul-pics .con{display:block;background-color:#d8d8d8;box-shadow:0 1px 20px 0 rgba(0,0,0,.2);margin:24px;position:relative}
.ul-pics .pic{position:relative;height:0;padding-top:59.5%;overflow:hidden}
.ul-pics .pic img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;transition:.4s}
.ul-pics .con:hover .pic img{transform:scale(1.05)}
.ul-pics .name{position:absolute;bottom:20px;left:24px;font-size:18px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display: none;}
.ban_list{position:relative}
.ban_list .slider{padding-top:40px}
.ban_list .tit{font-size:24px;color:#fff;font-weight:700;padding-left:24px;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ban_list .slick-arrow{font-size:0;text-indent:9999px;border:none;z-index:5;cursor:pointer;outline:0}
.ban_list .slick-next,.ban_list .slick-prev{width:38px;height:38px;position:absolute;top:0;right:24px;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:auto 100%}
.ban_list .slick-prev{right:74px;background-image:url(../images/c_prev1-1.png)}
.ban_list .slick-prev.slick-disabled{background-image:url(../images/c_prev1.png)}
.ban_list .slick-next{background-image:url(../images/c_next1-1.png)}
.ban_list .slick-next.slick-disabled{background-image:url(../images/c_next1.png)}
.ban_list.sty1 .slider{padding-top:0}
.ban_list.sty1 .slick-arrow{font-size:0;text-indent:9999px;border:none;z-index:5;cursor:pointer;outline:0}
.ban_list.sty1 .slick-next,
.ban_list.sty1 .slick-prev {
    width: 2.34375vw;
    height: 3.385416666666667vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%
}
.ban_list.sty1 .slick-prev{left:-2.9vw;background-image:url(../images/c_prev2.png)}
.ban_list.sty1 .slick-prev.slick-disabled{background-image:url(../images/c_prev2-1.png)}
.ban_list.sty1 .slick-next{right:-2.9vw;background-image:url(../images/c_next2.png)}
.ban_list.sty1 .slick-next.slick-disabled{background-image:url(../images/c_next2-1.png)}
.ul-links{max-height:37vw;overflow-y:auto}
.ul-links .link{display:block;font-size:24px;color:#222;line-height:48px;font-weight:300}
/* .ul-links .link:hover{font-weight:700} */
.m-contact{width:375px;font-size:18px;color:#818286;}
.m-contact .top{font-size:24px;margin-bottom:2.08333vw;position: relative;display: inline-block;}
.m-contact .top::after{
    content: "";
    display: block;
    position: absolute;
    top: -0.73vw;
    right: -5vw;
    width: 3.48958vw;
    height: 3.48958vw;
    background: url(../images/c_p2.png) no-repeat center;
    background-size: auto 99%;
}
.m-contact .item{padding-top:2.08333vw;border-top:2px solid #424348}
.m-contact .line{margin-bottom:1vw}
.m-contact .line>a{color:#818286}
.m-contact .line.bg{padding-left:30px;background:url(../images/c_p1.png) left top no-repeat;background-size:auto 26px}
.m-contact .line .icon img{display:block;max-height:65px}

@media screen and (max-width:1500px){
.g-wrapper{right:300px}
.m-info.sty1 .txt{width: 100%;}
.g-tit_b{font-size:24px;margin-bottom:20px}
.m-con .txt{padding-right: 30px;}
.ban_list .tit,.m-con .txt,.m-info,.ul-links .link{font-size:18px;line-height:1.7}
.ul-pics .name{font-size:14px}
.banner .slick-arrow{width:3vw;height:3vw}
.banner .slick-next{left:9vw}
.ban_list.sty1 .slick-prev{left:-10px}
.ban_list.sty1 .slick-next{right:-10px}
.m-con{padding-right:0}
.m-contact{font-size:14px}
.m-contact .top{font-size:16px}
}
@media screen and (max-width: 1200px) {
    .banner .txt{top: 30%;}
  .ul-links{max-height: 48vw;}
  .m-con .r-box{float: none;width: auto;}
    .m-info .pic .img:last-child{margin-left: 15px;}
   .m-info .pic {
       float: none;
       width: auto;
       height: 250px;
       margin-left: 0;
       text-align: center;
       font-size: 0;
       margin-bottom: 20px;
       display: flex;
       justify-content: center;
   }

   .m-info .pic .img {
       float: none;
       width: auto;
       margin: 0 15px
   }

   .m-info .pic .img img {
       width: auto;
       height: auto;
       max-height: 100%;
   }
 .ul-links {
     height: auto;
     overflow: hidden
 }

 .ul-links li {
     float: left;
     width: 50%;
     margin-bottom: 10px
 }
 .m-con .txt,
 .m-info.sty1 .txt {
     max-height: none
 }
 .ban_list .slider{margin-left: -24px;margin-right: -24px;}
}
@media screen and (max-width: 959px) {
    .ban_list .slider{margin-left: 0;margin-right: ;}
  .ul-pics li {
      float: none;
      width: auto
  }

  .ul-pics .con {
      margin: 0;
      box-shadow:none
  }
  .m-contact .top::after {
      top: 0;
  }
  .m-con .txt{max-height: none;}
  
}
@media screen and (max-width:767px){
.banner .img{height:55vw}
.g-row{height:auto;padding:20px 15px}
.g-wrapper{position:static}
.m-scr{display:none}
.m-info .pic{height: auto;}
.g-tit_b{text-align:center;font-size:18px;margin-bottom:30px}
/* .m-con .r-box{float:none;width:auto} */
.m-con .txt{padding-right:0;max-height:none;padding-top:0}
/* .ul-pics .con{margin:8px;box-shadow:none} */
.ul-links{height:auto;overflow:hidden}
.ul-links li{width:33.33%}
.ul-links .link{text-align:center}
.m-info.sty1 .txt{width:auto;max-height:none}
.m-con .txt,.m-info,.ul-links .link{font-size:14px;line-height:1.5}
.ban_list .tit{font-size:16px;padding-left:0}
.ban_list .slider{margin:0 -8px;padding-bottom:35px;padding-top:0}
.m-contact{font-size:12px;width:auto;text-align:center}
.m-contact .line .icon img{max-height:30px;margin:0 auto}
.m-contact .line.bg{background-image:none}
.m-contact .item{border-width:1px}

.m-contact .top {
    display: inline-block;
    
    }
.footer{background-image:none!important;background-color:#2d2e33}
/* } */
/* @media screen and (max-width:959px){ */
/* .m-info .pic{float:none;width:auto;height:auto;margin-left:0;text-align:center;font-size:0;margin-bottom:20px;display: flex;justify-content: center;}
.m-info .pic .img{float:none;display:block;width:auto;height:auto;margin:0 15px}
.m-info .pic .img img{width:auto;height:auto} */

/* } */
/* @media screen and (max-width:767px){ */
.m-info .pic .img{max-height: auto;}
.ul-links li{width:50%}
.ul-links .link{text-align:left}
.ul-pics li{float:none;width:auto}
.ul-pics .con{margin:0}
.m-contact .top {
    padding-right: 40px;
    background: url(../images/c_p2.png) no-repeat center right;
    background-size: auto 22px;
}
.m-contact .top::after{display: none;}
}