@charset "utf-8";
body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden;}

/*链接整体设置*/
a{ text-decoration:none; color:#666; transition:all .15s;}
a:hover{ color:#f08519;}
a:active{ color:#666;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());}
div:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}
input[type=button],input[type=submit],input[type=file],button{ -webkit-appearance:none;}
html,body {
    height: 100%;
}
/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select{ margin:0; padding:0; font-style:normal; font-family:"Microsoft YaHei"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{vertical-align: middle; border:none; -ms-interpolation-mode:bicubic;}
.left{ float:left;}
.right{ float:right;}
.fl {float: left;}
.fr {float: right;}
.cl { *zoom:1; }
.cl:after,.clearfix::after {content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clear,.clearfix{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.width{max-width: 1400px; width: 92%; margin: 0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
@font-face{ font-family:sy-Bold;src:url('../images/SourceHanSansCN-Bold.otf'); /* IE9+ */}
@font-face{ font-family:impact;src:url('../images/impact.ttf'); /* IE9+ */}

/* scrollbar */
@media (min-width: 1024px) {
  ::-webkit-scrollbar-track-piece {
    width: 10px;
    background-color: #ccc;
  }

  ::-webkit-scrollbar {
    width: 8px;
    height: 6px
  }

  ::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #666;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #333;
  }

  ::selection {
    background: #ccc;
    color: #fff;
  }
}



/*header*********************************************************************/
.head{ height:94px; position:relative; transition:all linear .2s; transition: all linear .2s; position:fixed; top:0; left:0; right:0;
    position: fixed;
    z-index: 999;
}
.head-fixed{ width:100%; height:94px; background:#fff;}
.i_bg .head{ height:0;}
.i_bg .head .head-fixed{ background:rgba(255,255,255,0);}
.logo_w{ display:none;}
.logo_g{ display:block;}
.head_on,.i_bg .head .head-fixed.head_on,.i_bg .head:hover .head-fixed{ background:#fff; -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 5px rgba(0,0,0,0.1); box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.head .w{ position:relative; max-width:96%;}
.logo{ margin-top:20px; float:left;}
.logo img{ height:58px;}
.nav{ width:48%; float:right; padding-right:215px;}
.plebans{ font-size:18px; line-height:94px;}
.plebans a{ color:#454545; display:block;}
.nav li .plebans{ position:relative;}
.nav li .plebans a:hover{ font-weight:bold; color:#163d8a;}
.nav li:hover .plebans:after{ content:""; display:block; position:absolute; left:0; right:0; bottom:0; border-bottom:4px solid #163d8a;}
.goutp{ display:none; position:absolute; top:94px; left:-20%; right:-20%; padding:62px 0px; z-index:10;background: rgb(255 255 255 / 29%);border-top: 1px solid #eee;}
.goutp:before{ content:""; display:block; position:absolute; left:-1000px; right:-1000px; bottom:0; top:0; background: rgb(255 255 255 / 66%) url(../images/nbg.png) center top no-repeat; z-index:-1; box-shadow:4px 4px 0 rgba(0,0,0,.06);}
.goutpc{ max-width:1200px; margin:0 auto;}
.n_h_w0{ width:34.3%; padding-top:20px;}
.n_h_w0 span{ font-size:36px; color:#163d8a; font-weight:bold; display:block; line-height:40px; margin-bottom:10px;}
.n_h_w0 em{ display:block; font-size:24px; font-weight:bold; color:#5f5d5d; text-transform:uppercase;}
.n_h_w0 p{ font-size:14px; line-height:32px; color:#939393;}
.n_h_w1{ width:24%; border-left:1px solid #dee0e1; border-right:1px solid #dee0e1; text-align:center; padding:0 4%;}
.n_h_w1 a{ display:block; line-height:42px; font-size:16px; color:#4b4b4b; margin:5px 0;}
.n_h_w1 a:hover{ color:#fff; background:#163d8a;}
.n_pic {width: 20.5%;height: 256px;}
.n_pic img {width: 100%;height: 256px;object-fit: cover;border-radius: 6px;box-shadow: 3px 3px 3px rgb(0 0 0 / 30%);}
.search{ width:140px; position:absolute; right:0; top:29px; margin-right:35px;}
.s_intxt{ width:140px; border:1px solid rgba(0,0,0,.1); border-radius:1000px; height:36px; padding:0 15px; line-height:34px; background:rgba(0,0,0,.1); font-size:14px; color:#b5b5b5;}
.s_inbut{ height:20px; width:20px; border:none; cursor:pointer; background:url(../images/search.png) center center no-repeat; position:absolute; top:50%; margin-top:-10px; left:105px;}
.network{ height:16px; width:16px; display:block; cursor:pointer; background:url(../images/net.png) center center no-repeat; position:absolute; top:39px; right:0;}

.i_bg .plebans a{ color:#fff;}
.i_bg .logo_w{ display:block;}
.i_bg .logo_g{ display:none;}
.i_bg .s_intxt{ border-color:rgba(255,255,255,.1); background:rgba(255,255,255,.1);}
.i_bg .s_inbut{ background-image:url(../images/search_w.png);}
.i_bg .network{ background-image:url(../images/net_w.png);}
.i_bg input.s_intxt::-webkit-input-placeholder{ color:#fff;}
.i_bg input.s_intxt::-moz-placeholder{ color:#fff;}
.i_bg input.s_intxt:-moz-placeholder{ color:#fff;}
.i_bg input.s_intxt:-ms-input-placeholder{ color:#fff;}
.head_on .plebans a,.i_bg .head:hover .plebans a{ color:#454545;}
.head_on .s_intxt,.i_bg .head:hover .s_intxt{ border-color:rgba(255,255,255,.1); background:rgba(0,0,0,.1);}
.head_on .s_inbut,.i_bg .head:hover .s_inbut{ background-image:url(../images/search.png);}
.head_on .network,.i_bg .head:hover .network{ background-image:url(../images/net.png);}
.head_on input.s_intxt::-webkit-input-placeholder,.i_bg .head:hover input.s_intxt::-webkit-input-placeholder{ color:#454545;}
.head_on input.s_intxt::-moz-placeholder,.i_bg .head:hover input.s_intxt::-moz-placeholder{ color:#454545;}
.head_on input.s_intxt:-moz-placeholder,.i_bg .head:hover input.s_intxt:-moz-placeholder{ color:#454545;}
.head_on input.s_intxt:-ms-input-placeholder,.i_bg .head:hover input.s_intxt:-ms-input-placeholder{ color:#454545;}
.head_on .logo_w,.i_bg .head:hover .logo_w{ display:none;}
.head_on .logo_g,.i_bg .head:hover .logo_g{ display:block;}







.wt {max-width: 1560px;width: 95%;margin: 0 auto;max-height: 999999px;}
.head .wt {position: relative;max-width: 96%;}

.container {max-width: 1300px;margin: 0 auto;}





/*底部*/
.t_footer {

  background: #323232;

}

.t_footertop {
    background: #2c2c2c url(../images/cp_libs.png) repeat scroll 0 0;
    box-shadow: 0 3px 4px #00000047;
}

.t_content4 {
  max-width: 1300px;
  margin: 0 auto;
}

.t_dilogo a {

  display: block;

  width: 269px;

}

.t_dilogo a img {

  width: 100%;

}

.t_diwen p {

  font-size: 16px;

  color: #9a9797;

  line-height: 1.5;

  font-family: "Montserrat-Regular-8" !important;

}

.t_diicon {

  width: 18px;

  margin-right: 18px;

  position: relative;

  top: 2px;

}

.t_diicon img {

  width: 100%;

}

.t_diwen {

  width: calc(100% - 36px);

}

.t_footfirst a {

  color: #fff;

  font-size: 20px;

  line-height: 1.5;

}

.t_footnavli a {

  font-size: 16px;

  color: #9a9797;

  line-height: 1.5;

  transition: all 0.36s;

}

.t_footnavul {

  width: 105px;

  overflow: hidden;

  margin: 0 59px;

}

.t_footnav {

  margin: 0 -59px;

  width: 892px;

}

.t_foottopnr {

  padding-top: 78px;

  padding-bottom: 50px;

}

.t_footfirst {

  margin-bottom: 12px;

}

.t_footnavli {

  margin-bottom: 12px;

}

.t_footlist {

  margin-bottom: 41px;

  padding-top: 12px;

}

.t_dilogo {

  margin-bottom: 42px;

}

.t_diul {

  margin-bottom: 16px;

}

.t_shareic {

  width: 24px;

  cursor: pointer;

}

.t_shareic img {

  width: 100%;

}

.t_shareli {

  margin: 0 12px;

}

.t_sharefl {

  margin: 0 -12px;

}

.t_waizi {

  color: #999;

  font-size: 16px;

  line-height: 1.5;

  margin-right: 8px;

  transition: all 0.36s;

}

.t_waiic {

  width: 20px;

  position: relative;

  top: 2px;

}

.t_waiic img {

  width: 100%;

}

.t_waili {

  padding: 0 26px;

  position: relative;

}

.t_wailian {

  margin: 0 -26px;

}

.t_waili::before {

  content: '';

  height: 18px;

  width: 1px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0px;

  background: rgba(102, 102, 102, .3);

}

.t_waili:first-of-type::before {

  display: none;

}

.t_diyin a {

  font-size: 14px;

  color: #999;

  line-height: 1.5;

  transition: all 0.36s;

}

.t_diyin {

  padding: 0 14px;

}

.t_didownle {

  margin: 0 -14px;

}

.t_didownp p {

  font-size: 14px;

  color: #999;

  line-height: 1.5;

}

.t_didownp p span {

  font-size: 14px;

  color: #999;

  line-height: 1.5;

}

.t_didownp p a {

  font-size: 14px;

  color: #999;

  line-height: 1.5;

}

.t_didown {

  padding: 18px 0 20px;

}

.t_footsh {

  margin-bottom: 20px;

}

.t_cebian {

  width: 58px;

  height: 58px;

  border-radius: 50%;

  background: #fff;

  box-shadow: 0px 0px 73.08px 13.92px rgba(0, 0, 0, .06);

}

.t_cebian a {

  display: block;

}

.t_sycenr {

  width: 100%;

  height: 100%;

  position: relative;

}

.t_cebian img {

  width: 100%;

}

.t_cebian {

  position: fixed;

  z-index: 99;

  right: 66px;

  bottom: 66px;

  /* display: none; */

}

.t_cebian.on {

  display: block;

}

/* nav */

.t_syhead {

  width: 100vw;

}

.t_headnr {

  padding-left: 80px;

  padding-right: 80px;

}

.t_navtiao {

  position: relative;

}

.t_navjian {

  position: absolute;

  left: calc(100% - 26px);

  top: 0;

}

.t_navgouic {

  width: 20px;

}



.t_shareli:last-of-type .t_shareic {

  width: 16px;

  line-height: 24px;

}

.t_shareli {

  position: relative;

}

.t_fuer {

  position: absolute;

  width: 80px;

  bottom: calc(100% + 5px);

  left: 50%;

  transform: translateX(-50%);

  display: none;

}

.nyban{ position:relative; width:100%;}
.nyban img{ width:100%; display:block; margin:0 auto;}
.nyban .w{ position:absolute; left:50%; top:70px; bottom:0; transform:translate(-50%,0); font-size:48px; color:#fff; font-family:"sy-Bold"; display:flex; flex-wrap:wrap; align-items:center;}
.location{ background:#e6e5e1; border-bottom:1px solid #dbdbdb; line-height:52px;}
.location span{display:flex; flex-wrap:wrap;}
.location span a{ font-size:16px; padding:0 40px; display:inline-block;border-left: 1px solid #ccc;}
.location span a:hover,.location span a.cur{ color:#fff; background:#144892; box-shadow: 0px 0 4px rgb(0 0 0 / 40%);}







#m2{padding:88px 0 120px 0; background:url('../images/about_m2.jpg') center/cover no-repeat;}
#m2 .wrap{width:700px; }
#m2 .wrap .since{color:#e9e9e9; font-size: 77px; font-family:Montserrat; position:relative;}
#m2 .wrap .since>span{position:absolute; left:0; font-size:32px; color:#464646; margin-top:33px;}
#m2 .wrap .con {
    margin-top: 40px;
    line-height: 1.6;
    letter-spacing: .03rem;
    font-size: 15px;
}
#m2 .wrap .con p{margin-bottom:1.2rem;}
#m2 .wrap .con p strong{display:inline-block; font-size:22px;}




@media (max-width:1440px){
  #m2 .wrap{width:600px;}
}
@media (max-width:1366px){
  #banner{height:600px;}
  #m2 .wrap{width:580px;}
}
@media (max-width:1280px){
  #banner{height:580px;}
}
@media (max-width:1080px){
  #banner{height:260px;}
  #m2{padding:40px 20px 40px 20px; background:#f8f8f8;}
  #m2 .wrap{width:100%; margin-left:0;}
  #m2 .wrap .since{font-size:46px;}
  #m2 .wrap .since>span{font-size:26px; margin-top:52px;}
  #m2 .wrap .con{margin-top:60px; font-size:14px;}

}












