@charset "UTF-8";
html {
  -webkit-font-smoothing: antialiased; }

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0; }

header,
hgroup,
nav,
menu,
main,
section,
article,
summary,
details,
aside,
figure,
figcaption,
footer {
  display: block;
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset,
img {
  border: 0; }

address,
b,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var {
  font-style: normal;
  font-weight: 400; }

dl,
ol,
ul {
  list-style-type: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  outline: none; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

textarea {
  resize: none; }

img {
  vertical-align: middle; }

textarea,
button,
input[type='submit'],
input[type='text'],
input[type='button'],
select {
  font-family: '微软雅黑';
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  outline: 0;
  font-size: inherit; }

body {
  line-height: 1.3;
  overflow-x: hidden;
  background: #fff;
  font-family: '微软雅黑'; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0; }

#web-ietip {
  width: 526px;
  height: 90px;
  padding: 83px 0 0 84px;
  overflow: hidden;
  background: url(../css/ietip/browser.png) no-repeat center center;
  margin: 200px auto 0; }

#web-ietip a {
  display: block;
  width: 65px;
  height: 80px;
  float: left; }

.layout { max-width: 1440px; margin: 0 auto;  padding: 0 3%; }

.topnav { max-width: 1640px; margin: 0 auto;  padding: 0 3%; }

.head {
  background: #fff;
  /*position: fixed;*/
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  box-shadow: 0 0 4px 0px #eee; }
  .head .headBox {
    height: 100px;
    display: flex;
    align-items: center; }
  .head .log {   width: 393px;    margin-right: 60px; }
    .head .log img {
      width: 100%; }
  .head .nav {
    flex-grow: 1;
    display: flex; }

    .head .nav li {
      margin: 0 20px; }


    .head .nav .last-li{display: none;}

    .head .nav a {
      color: #333;   font-weight: bold;
      font-size: 18px; 
    }

    .head .nav a:hover,
    .head .nav a.on {
      color: #008cd6; }
  .head .menu {
    display: none; }
  .head .headRight {
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    .head .headRight .lan {
      background: #008cd6 url(../images/lan.png) 9px 6px no-repeat;
      background-size: 14px auto;
      height: 25px;
      position: relative;
      width: 85px; }
    .head .headRight .lan a {
      position: relative;
      vertical-align: top;
      z-index: 1;
      border: none;
      outline: none;
      width: 100%;
      height: 25px;
      line-height: 25px;
      appearance: none;
      background: transparent;
      color: #fff;
      -webkit-appearance: none;
      -moz-appearance: none;
      /*padding-left: 30px;
      padding-right: 30px;*/
      display: inline-block;
      text-align: center;
      box-sizing: border-box;
      padding-left:20px;
      font-size: 13px; }
      /*.head .headRight .lan select option {
        font-size: 13px;
        box-sizing: border-box;
        background: #008cd6;
        width: 100%; }*/
    /*.head .headRight .lan:after {
      content: '';
      width: 10px;
      height: 5px;
      background: url(../images/lan2.png) no-repeat center;
      background-size: cover;
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -2px;
      pointer-events: none; }*/
    .head .headRight .ser {
      margin-top: 39px;
      text-align: right; }
      .head .headRight .ser .b {
        vertical-align: top;
        width: 22px;
        height: 22px;
        background: url(../images/s1.png) center no-repeat;
        background-size: 17px auto;
        border: none;
        cursor: pointer; }
      .head .headRight .ser .t {
        font-size: 12px;
        width: 0;
        vertical-align: top;
        height: 22px;
        line-height: 22px;
        border: none;
        border-bottom: 1px solid #333;
        background: none;
        transition: all .25s; }
    .head .headRight .ser:hover .t {
      width: 100px; }

.ban {height: 450px;background-size: cover;background-position: center; }


.foot {  position: relative;  z-index: 1;  background: #fff;  border-top: 5px solid #008cd6;  padding: 35px 0; }
.foot .dlbox {display: flex; }
.foot dl {width: 12.5%; }
.foot dl.spe {flex-grow: 1; }
.foot dt {line-height: 41px;font-size: 18px;color: #333;height: 52px; }
.foot dd {line-height: 25px;padding: 5px 0;font-size: 15px;color: #333; }
.foot dd a {color: #333; }
.foot dd a:hover {color: #008cd6; }
.foot .l { width: 148px; }
.foot .ewm { width: 110px; }
.foot .e { margin-left: 20px; }
.foot .i {width: 30px; }


.but_more:hover {background: #008cd6;    color: #fff;    border: 1px solid transparent;transform: translateY(-10px);  }
a.but_more {display: inline-block;line-height: 40px;border: 1px solid #474747;    border-radius: 3px;
    font-size: 17px;    color: #474747;    padding: 0 38px;transition: all .5s ease; margin-top:4rem;}

.indexPartner{ padding: 1px 0 0 1px; overflow: hidden; width:100%;}
.indexPartner ul li{width:14.3%; float: left; border: 1px solid #f5f5f5; /*margin: -1px 0 10px -1px;*/margin: -1px 0 0px -1px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexPartner ul li span{display: block; width: 100%; /*height: 149px;*/ padding-top:45.9627%; overflow: hidden; position: relative;}
.indexPartner ul li img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;/*filter: grayscale(1); opacity:0.7;*/ }
.indexPartner ul li:hover img{transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); -webkit-transform: scale(1.05);/*filter: grayscale(0);opacity:1;*/}

.indexPartner ul li span:before,.indexPartner ul li span:after{position: absolute; z-index: 5; content:""; display: block; border: 2px solid transparent; width: 0; height: 0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexPartner ul li span:before{bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in; transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}
.indexPartner ul li span:after{top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.indexPartner ul li:hover span:before{width: 100%; height: 100%; border-bottom-color: #fb9a9a; border-left-color: #fb9a9a; -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.indexPartner ul li:hover span:after{width: 100%; height: 100%; border-top-color: #fb9a9a; border-right-color: #fb9a9a; -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;}


.map li {
  display: flex;
  padding: 84px 0;
  align-items: center;
  border-bottom: 1px solid #e0e0e0; }

.map li:last-child {
  border: none; }

.map .c {
  width: 50%; }

.map .m {
  width: 50%; }

.map h5 {
  font-size: 45px;
  color: #333;
  line-height: 85px;
  padding-bottom: 13px; }

.map p {
  font-size: 20px;
  color: #333;
  line-height: 30px;
  padding: 5px 0; }

.bgbox {
  background: #f8f8f8; }

.contact {
  padding: 66px 0; }
  .contact .h {
    font-size: 42px;
    color: #333;
    line-height: 90px; }
  .contact .b1 {
    margin-top: 20px;
    display: flex;
    align-items: center; }
  .contact .yzm {
    height: 50px; }
  .contact .cyzm {
    margin-left: 10px;
    font-size: 15px;
    color: #333; }
  .contact .btn {
    margin-top: 36px;
    width: 150px;
    height: 50px;
    background: #008cd6;
    color: #fff;
    font-size: 21px;
    border-radius: 3px;
    border: none;
    cursor: pointer; }
  .contact .ip {
    color: #333;
    width: 420px;
    background: #fff;
    height: 50px;
    box-sizing: border-box;
    line-height: 50px;
    border: 1px solid #e5e5e5;
    font-size: 17px;
    padding: 0 17px;
    margin-right: 30px; }
  .contact .s {
    background: #fff url(../images/xl.png) 95% center no-repeat;
    background-size: 16px auto; }
    .contact .s select {
      vertical-align: top;
      border: none;
      outline: none;
      width: 100%;
      height: 50px;
      line-height: 50px;
      appearance: none;
      background: transparent;
      color: #333;
      text-indent: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      box-sizing: border-box;
      font-size: 17px; }
      .contact .s select option {
        width: 100%; }

.place {
  padding-top: 10px;
  line-height: 40px;
  border-bottom: 1px solid #ebebeb;
  font-size: 14px;
  color: #333; }
  .place a {
    color: #333; }
  .place a.on {
    color: #008cd6; }

.job {
  padding: 35px 0 150px 0; }
  .job a {
    margin-top: 35px;
    display: inline-block;
    line-height: 40px;
    border: 1px solid #474747;
    border-radius: 3px;
    font-size: 17px;
    color: #474747;
    padding: 0 13px; }
    .job a em {
      color: #008cd6; }

.joblist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .joblist .h3 {
    font-size: 54px;
    color: #333;
    padding-bottom: 20px; }
  .joblist .p {
    padding: 10px 0; }
  .joblist .p2 {
    padding-top: 10px; }
  .joblist .e1 {
    color: #008cd6;
    font-size: 33px; }
  .joblist .e2 {
    color: #333;
    font-size: 26px; }
  .joblist .e3 {
    font-size: 16px;
    color: #9c9c9c; }
  .joblist .e4 {
    font-size: 25px;
    color: #4b4b4b; }
  .joblist .e5 {
    font-size: 28px;
    color: #008cd6; }
  .joblist li {
    padding: 0 3%;
    margin: 70px 0;
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid #f2f2f2; }
  .joblist li:last-child {
    border: none; }
  .joblist li:nth-child(2n) {
    border: none; }
  .joblist .a:hover {
    background: #008cd6;
    color: #fff;
    border: 1px solid transparent; }
  .joblist .a {
    margin-top: 30px;
    display: inline-block;
    line-height: 40px;
    border: 1px solid #474747;
    border-radius: 3px;
    font-size: 17px;
    color: #474747;
    padding: 0 38px; }
.clear0 {clear: both; }
.zh {
  flex-wrap: wrap;
  display: flex; 
}

  .zh li {
    background-position: center;
    background-size: cover;
    width: 50%; float: left;
    height: 433px;
    position: relative; 
  }

  .zh img {    width: 100%; }

  .zh a:hover {
    opacity: 1; }

  .zh a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 20px;
    background: rgba(255, 115, 0, 0.9);
   
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 29px;
    line-height: 49px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s; }

.sban {
  /*position: fixed;*/
  position: relative;
  top: 0;
  left: 0;
  z-index: 0; }
  .sban .sbanBox {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: fixed;
    left: 0;
    top: 100px;
    right: 0;
    z-index: 0; }
  .sban h4 {
    font-size: 230px;
    line-height: 230px;
    font-weight: bold;
    color: #008cd6; }
  .sban p {
    font-size: 26px;
    color: #008cd6;
    line-height: 42px;
    margin-bottom: 30px; }
  .sban .img {
    cursor: pointer;
    width: 64px; 
    height: 64px;
    background: url(../images/down.png) center no-repeat;
    background-size: cover;}
	.sban .img:hover{
		background-image: url(../images/ydown.png);
	}
.smod {
  /*top: 100px;*/
  top: 0;
  left: 0;
  /*position: fixed;*/
  position: relative;
  z-index: 1;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center; }
  .smod h4 {
    font-size: 70px;
    color: #fff; }
  .smod h5 {
    font-size: 47px;
    color: #fff; }
  .smod b {
    display: inline-block;
    font-size: 70px;
    padding: 30px 0;
    color: #fff; }
  .smod p {
    padding-top: 30px;
    font-size: 24px;
    line-height: 45px;
    color: #fff; }

.mod1 {
  position: relative;
  z-index: 1;
  background-size: cover;
  padding: 100px 3%;
  text-align: center; }
  .mod1 h4 {
    font-size: 70px;
    color: #fff; }
  .mod1 h5 {
    font-size: 47px;
    color: #fff; }
  .mod1 b {
    display: inline-block;
    font-size: 70px;
    padding: 30px 0;
    color: #fff; }
  .mod1 p {
    padding-top: 30px;
    font-size: 24px;
    line-height: 45px;
    color: #fff; }

.mod2 {
  position: relative;
  z-index: 1;
  background-size: cover; }
  .mod2 .modtit {
    display: inline-block;
    background: #008cd6;
    padding: 0 40px;
    line-height: 200px;
    color: #fff;
    font-size: 99px; }
    .mod2 .modtit em {
      font-size: 43px;
      margin-left: 26px; }
  .mod2 .sidSj {
    padding: 80px 0; }
  .mod2 .sj {
    color: #4f4f4f;
    padding: 0 60px; }
    .mod2 .sj h5 {
      padding-bottom: 24px;
      font-size: 50px; }
    .mod2 .sj p {
      font-size: 17px;
      line-height: 28px; }

.xqcnt {
  padding: 85px 0; }
  .xqcnt .xqtit {
    text-align: center;
    padding-bottom: 36px;
    line-height: 74px;
    font-size: 46px;
    color: #333; }
    .xqcnt .xqtit em {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      padding: 0 20px;
      color: #008cd6; }
      .xqcnt .xqtit em::after {
        position: absolute;
        content: '';
        width: 20px;
        height: 22px;
        background: url(../images/l1.png);
        background-size: cover;
        left: 0;
        top: 0; }
      .xqcnt .xqtit em::before {
        position: absolute;
        content: '';
        width: 20px;
        height: 22px;
        background: url(../images/l2.png);
        background-size: cover;
        bottom: 0;
        right: 0; }
  .xqcnt .xqsid {
    padding: 50px 0; }
  .xqcnt .xqul {
    display: flex;
    flex-wrap: wrap; }
    .xqcnt .xqul li {
      width: 50%;
      padding: 0 4%;
      box-sizing: border-box;
      font-size: 18px;
      line-height: 33px;
      color: #343434;
      text-align: center; }
    .xqcnt .xqul em {
      color: #008cd6;
      font-size: 33px; }
  .xqcnt .abox {
    text-align: center; }
    .xqcnt .abox p {
      font-size: 18px;
      color: #3e3e3e;
      padding-bottom: 30px; }
    .xqcnt .abox .a:hover {
      background: #008cd6;
      color: #fff;
      border: 1px solid transparent; }
    .xqcnt .abox .a {
      display: inline-block;
      line-height: 40px;
      border: 1px solid #474747;
      border-radius: 3px;
      font-size: 17px;
      color: #474747;
      padding: 0 38px; }
  .xqcnt .v {
    margin: 65px 0;
    display: block;
    position: relative;
  }
  .xqcnt .bof{
    position: absolute;
    z-index: 1;
    left: 47.5%;
    top: 45%;
    cursor:pointer;
  }
  .xqcnt .xqul2 {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5%;
    padding-top: 58px; }
    .xqcnt .xqul2 li {
      width: 25%;
      text-align: center; }
    .xqcnt .xqul2 .p1 {
      font-size: 56px;
      color: #008cd6;
      line-height: 80px;
      position: relative; }
      .xqcnt .xqul2 .p1 em {
        font-size: 32px;
        vertical-align: super; }
      .xqcnt .xqul2 .p1::after {
        content: '';
        background: #008cd6;
        position: absolute;
        height: 2px;
        width: 50px;
        left: 50%;
        margin-left: -25px;
        bottom: 0; }
    .xqcnt .xqul2 .p2 {
      padding-top: 20px;
      font-size: 24px;
      color: #090909; }
  .xqcnt .xqp {
    max-width: 868px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 33px;
    color: #343434;
    text-align: center; }

.ppsid {
  padding: 80px 0; }

.newsShare {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .newsShare em {
    color: #333;
    font-size: 18px; }
  .newsShare img {
    width: 35px;
    margin-left: 13px; }

.newsBox {
  display: flex;
  justify-content: space-between; }
  .newsBox .newsXq {
    width: 73%; }
  .newsBox .newsMore {
    width: 24%; }

.newsXq .newsTop {
  padding-top: 25px; }
  .newsXq .newsTop .h5 {
    text-align: center;
    font-size: 23px;
    color: #131313;
    line-height: 1.7;
    padding-bottom: 15px; }
  .newsXq .newsTop .p {
    text-align: center;
    line-height: 45px;
    color: #8d8d8d;
    font-size: 14px; }

.newsXq .newsCnt {
  width: 100% !important;
  padding: 35px 0;
  border-bottom: 1px dashed #eaeaea;
  border-top: 1px dashed #eaeaea; }
  .newsXq .newsCnt img {
    max-width: 100% !important; }
  .newsXq .newsCnt .img {
    text-align: center; }
  .newsXq .newsCnt .h5 {
    font-weight: bold;
    font-size: 15px;
    color: #000; }
  .newsXq .newsCnt .p {
    font-size: 14px;
    color: #333;
    line-height: 1.8; }
  .newsXq .newsCnt .p2 {
    font-size: 14px;
    color: #333;
    line-height: 1.8;
    text-align: center; }
  .newsXq .newsCnt .p3 {
    font-size: 15px;
    color: #333;
    font-weight: bold;
    line-height: 1.8;
    text-align: center; }

.newsXq .newsBot {
  padding: 40px 0; }

.newsXq .newsNext {
  padding-top: 20px; }
  .newsXq .newsNext a {
    display: block;
    line-height: 30px;
    font-size: 16px;
    color: #7d7d7d;
    margin: 5px 0; }
  .newsXq .newsNext a:hover {
    color: #008cd6; }

.newsXq .newsSer a {
  display: block;
  display: flex;
  height: 60px;
  align-items: center;
  border-bottom: 1px solid #eee; }

.newsXq .newsSer a:hover em {
  color: #008cd6; }

.newsXq .newsSer i {
  font-size: 30px;
  color: #BA0F09; }

.newsXq .newsSer em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  margin: 0 10px;
  font-size: 20px;
  color: #333; }

.newsXq .newsSer span {
  white-space: nowrap;
  font-size: 16px;
  color: #999; }

.newsMore .newsMoreBox {
  margin-top: 20px;
  border: 1px solid #ededed; }

.newsMore ul {
  padding: 10px 0; }
  .newsMore ul a {
    padding: 0 10px;
    display: block;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #333; }
  .newsMore ul a:hover {
    color: #008cd6; }
  .newsMore ul i {
    background: #f17c00;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    font-size: 11px; }

.newsMore .h5 {
  font-weight: bold;
  line-height: 38px;
  border-bottom: 1px solid #ededed;
  padding-left: 10px;
  font-size: 14px;
  color: #333; }
  .newsMore .h5::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 14px;
    background: #008cd6;
    margin-right: 5px; }

.newslist {
  display: flex;
  flex-wrap: wrap; max-width: 1280px;margin: 0 auto;}
  .newslist a {
    display: block;
    position: relative;
    display: flex;
    padding: 11.88% 5%;
    margin: 0 0;
    width: 96.1%;
    box-sizing: border-box;
    overflow: hidden; }
  .newslist a:hover .img {
    transform: scale(1.1);
    opacity: 1; }
  .newslist li {
    width: 50%;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0; }
  .newslist li:nth-child(2n) a{
      margin-left: 3.9%;
  }
  .newslist .img {
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .35s;
    right: 0;
    bottom: 0; }
  .newslist .time {
    padding-top: 10px;
    flex-shrink: 0;
    width: 105px;
    display: flex;
    justify-content: center;
    font-size: 12px;
    color: #999; }
    .newslist .time img {
      height: 15px;
      width: 15px;
      margin-right: 5px; }
  .newslist .h5 {
    margin-bottom: 22px;
    line-height: 35px;
    font-size: 26px;
    height: 70px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
  .newslist .p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 22px;
    height: 66px;
    font-size: 14px;
    color: #333; }
  .newslist .cnt {
    flex-grow: 1; }

.page {
  padding-top: 35px;
  padding-bottom: 40px;
  display: flex;
  justify-content: center;
  font-size: 14px; }
  .page .a1:hover {
    color: #fff;
    background: #008cd6; }
  .page .a1 {
    margin-right: 5px;
    border-radius: 50%;
    color: #a19d9a;
    background: #f2f2f2;
    width: 35px;
    line-height: 35px;
    height: 35px;
    text-align: center; }
    .page .a1.on {
      color: #fff;
      background: #008cd6; }
  .page .pageBox {
    display: flex;
    align-items: center;
    color: #B7B4B2; }
  .page .a2:hover {
    color: #008cd6; }
  .page .a2 {
    margin-left: 15px;
    color: #B7B4B2; }
  .page .e1 {
    margin-left: 15px; }
  .page .txt {
    margin-right: 15px;
    margin-left: 15px;
    width: 55px;
    height: 35px;
    text-align: center;
    background: #f2f2f2;
    border: none;
    border-radius: 35px;
    line-height: 35px;
    color: #333; }

.indexbansid , .indexzh  { height: 600px !important; display: block; width: 100%;}

.indexbansid .swiper-pagination-bullet-active {
  background: #008cd6; }

.indexban {
  background-size: cover;
  background-position: center;
  height: 100%; }

.indexzh {
  height: 100%; }

.indexcnt { display: flex; justify-content: center;  align-items: center; text-align: center; flex-direction: column; }

.indexcnt h5 {  font-size: 48px; color: #666; }


/*  .indexcnt p {
    padding: 36px 0;
    font-size: 20px;
    color: #666;
    line-height: 1.8; }
  .indexcnt a:hover {
    background: #008cd6;
    color: #fff;
    border: 1px solid transparent; }
  .indexcnt a {
    display: inline-block;
    line-height: 40px;
    border: 1px solid #474747;
    border-radius: 3px;
    font-size: 17px;
    color: #474747;
    padding: 0 38px; }*/

.indexvideo {
  position: relative; }
  .indexvideo .bof {
    position: absolute;
    z-index: 1;
    left: 47.5%;
    top: 46%; }
    .indexvideo .bof img {
      cursor: pointer; }
  .indexvideo video {
    width: 100%;
    height: 100%; }

.indexShow {
  display: flex; }
  .indexShow li {
    position: relative;
    width: 50%;
    overflow: hidden; }
  .indexShow li:hover img {
    transform: scale(1.15); }
  .indexShow a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 34px; }
  .indexShow img {
    transition: all .35s;
    width: 100%; }

.innerH2 .newsShare {
  padding-top: 72px;
  padding-bottom: 20px; }

.indexnews {
  /* display: flex; */
  align-items: center;
  flex-direction: column;
  justify-content: center;  float: left;
  width: 50%;
}

.indexnewstit {margin-bottom: 3rem;  line-height: 78px;  color: #666;  font-size: 48px;  text-align: center; }


.indexnewslist { width: 100%; display:flex;flex-wrap: wrap; }
.indexnewslist li { width:100%; margin-right:2%;  box-sizing: border-box; margin-top:1%; margin-bottom:1%;transition: all .5s ease;}
/* .indexnewslist li:nth-child(3n) { margin-right:0;} */

.indexnewslist a { display: block;  position:relative;}
.indexnewslist a:hover .c h5 { color: #008cd6; }

.indexnewslist li:hover { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);transform: translateY(-10px); }
	
.indexnewslist a .time { position:absolute;z-index: 9;border-radius: 2px;width: 64px;height: 80px; background: #008cd6;color: #fff;text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;span-font-size: 22px; left:25px; top:22px; }
	
	
.indexnewslist a .time em {font-size: 12px; }
.indexnewslist a .time i {font-size: 30px; }

.indexnewslist .c {
    background: #f9f9f9;
    padding-top: 18px;
    padding-left: 105px;
    padding-right: 25px;
    padding-bottom: 17px; }
	
.indexnewslist .c h5 {
      font-size: 18px;
      color: #111;
      line-height: 32px;
      margin-bottom: 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .indexnewslist .c p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      font-size: 15px;
      color: #666;
      line-height: 1.6;
	  min-height:52px;
	   }

     /* 0️⃣ ≤320px      超小手机（老旧小屏机、折叠屏内屏） */
@media screen and (max-width: 320px) { /* 样式 */ }

/* 1️⃣ 321-375px   小屏手机（iPhone SE/6/7/8/X/12mini） */
@media screen and (min-width: 321px) and (max-width: 375px) { /* 样式 */ }

/* 2️⃣ 376-414px   大屏手机（iPhone 14/15/Plus、安卓 6.7″） */
@media screen and (min-width: 376px) and (max-width: 414px) { /* 样式 */ }

/* 3️⃣ 415-480px   特大手机/小平板（折叠屏外屏、iPhone Pro Max横屏） */
@media screen and (min-width: 415px) and (max-width: 480px) { /* 样式 */ }

/* 4️⃣ 481-576px   小平板（iPad mini、8″ 安卓平板） */
@media screen and (min-width: 481px) and (max-width: 576px) { /* 样式 */ }

/* 5️⃣ 577-768px   中平板竖屏（iPad 10.2″、11″ 竖屏） */
@media screen and (min-width: 577px) and (max-width: 768px) { /* 样式 */ }

/* 6️⃣ 769-1024px  小平板横屏 / 老笔记本（iPad Pro 11″、1366×768 屏幕） */
@media screen and (min-width: 769px) and (max-width: 1024px) { /* 样式 */ }


/* 7️⃣ 1025-1200px 主流笔记本（14-15.6″ 1920×1080 125% 缩放） */
@media screen and (min-width: 1025px) and (max-width: 1200px) { 
  .head .nav a { font-size: 14px;}
 }

/* 8️⃣ 1201-1440px 大屏桌面（23-24″ 1920×1080 100% 缩放） */
@media screen and (min-width: 1201px) and (max-width: 1440px) { 
   .head .nav a { font-size: 15px;}
 }


/* 9️⃣ 1441-1920px 2K 屏（27″ 2560×1440） */
@media screen and (min-width: 1441px) and (max-width: 1730px) { 
   .head .nav a { font-size: 16px;}
 }

/* 9️⃣ 1441-1920px 2K 屏（27″ 2560×1440） */
@media screen and (min-width: 1731px) and (max-width: 1920px) { 
   .head .nav a { font-size: 18px;}
 }


/* 🔟 ≥1921px      超宽屏/4K（32″ 3840×2160 等） */
@media screen and (min-width: 1921px) { 
    .head .nav a { font-size: 18px;}
 }



@media screen and (max-width: 1400px) {
  .innerH2 {max-width: 900px;}
  .indexnews {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center; }
  .indexnewstit {
    line-height: 66.3px;
    color: #666;
    font-size: 40.8px;
    text-align: center; }
 
  .innerH2 .newsShare {
    padding-top: 17.2px;
    padding-bottom: 17px; }
  .indexban {
    background-size: cover;
    background-position: center;
    height: 100%; }
  .indexzh {
    height: 100%; }
  .indexcnt {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column; }
    .indexcnt h5 {
      font-size: 40.8px;
      color: #666; }
    .indexcnt p {
      padding: 30.6px 0;
      font-size: 17px;
      color: #666;
      line-height: 1.8; }
    .indexcnt a:hover {
      background: #008cd6;
      color: #fff;
      border: 1px solid transparent; }
    .indexcnt a {
      display: inline-block;
      line-height: 34px;
      border: 1px solid #474747;
      border-radius: 3px;
      font-size: 14.45px;
      color: #474747;
      padding: 0 32.3px; }
  .indexvideo video {
    width: 100%;
    height: 100%; }
  .indexShow {
    display: flex; }
    .indexShow li {
      position: relative;
      width: 50%;
      overflow: hidden; }
    .indexShow li:hover img {
      transform: scale(1.15); }
    .indexShow a {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 28.9px; }
    .indexShow img {
      transition: all .35s;
      width: 100%; }
  .page {
    padding-top: 29.75px;
    padding-bottom: 34px;
    display: flex;
    justify-content: center;
    font-size: 11.9px; }
    .page .a1:hover {
      color: #fff;
      background: #008cd6; }
    .page .a1 {
      margin-right: 4.25px;
      border-radius: 50%;
      color: #a19d9a;
      background: #f2f2f2;
      width: 29.75px;
      line-height: 29.75px;
      height: 29.75px;
      text-align: center; }
      .page .a1.on {
        color: #fff;
        background: #008cd6; }
    .page .pageBox {
      display: flex;
      align-items: center;
      color: #B7B4B2; }
    .page .a2:hover {
      color: #008cd6; }
    .page .a2 {
      margin-left: 12.75px;
      color: #B7B4B2; }
    .page .e1 {
      margin-left: 12.75px; }
    .page .txt {
      margin-right: 12.75px;
      margin-left: 12.75px;
      width: 46.75px;
      height: 29.75px;
      text-align: center;
      background: #f2f2f2;
      border: none;
      border-radius: 29.75px;
      line-height: 29.75px;
      color: #333; }
  .newslist {
    display: flex;
    flex-wrap: wrap; }
    .newslist a {
      display: block;
      position: relative;
      display: flex;
      padding: 10% 5%;
      overflow: hidden; }
    .newslist a:hover .img {
      transform: scale(1.1);
      opacity: 1; }
    .newslist li {
      width: 50%;
      padding: 10px 0;
      border-bottom: 1px solid #e0e0e0; }
    .newslist .img {
      background-size: cover;
      background-position: center;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      transition: all .35s;
      right: 0;
      bottom: 0; }
    .newslist .time {
      padding-top: 10px;
      flex-shrink: 0;
      width: 105px;
      display: flex;
      justify-content: center;
      font-size: 12px;
      color: #999; }
      .newslist .time img {
        height: 15px;
        width: 15px;
        margin-right: 5px; }
    .newslist .h5 {
      margin-bottom: 18.7px;
      line-height: 29.75px;
      height: 59.5px;
      font-size: 22.1px;
      color: #333;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
    .newslist .p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      line-height: 18.7px;
      font-size: 11.9px;
      height: 56.1px;
      color: #333; }
    .newslist .cnt {
      flex-grow: 1; }
  .newsBox {
    display: flex;
    justify-content: space-between; }
    .newsBox .newsXq {
      width: 73%; }
    .newsBox .newsMore {
      width: 24%; }
  .newsXq .newsSer a {
    display: block;
    display: flex;
    height: 51px;
    align-items: center;
    border-bottom: 1px solid #eee; }
  .newsXq .newsSer a:hover em {
    color: #008cd6; }
  .newsXq .newsSer i {
    font-size: 25.5px;
    color: #BA0F09; }
  .newsXq .newsSer em {
    margin: 0 8.5px;
    flex-grow: 1;
    margin-left: 8.5px;
    font-size: 17px;
    color: #333; }
  .newsXq .newsSer span {
    font-size: 13.6px;
    color: #999; }
  .newsXq .newsTop {
    padding-top: 21.25px; }
    .newsXq .newsTop .h5 {
      text-align: center;
      font-size: 19.55px;
      color: #131313;
      line-height: 1.7;
      padding-bottom: 12.75px; }
    .newsXq .newsTop .p {
      text-align: center;
      line-height: 38.25px;
      color: #8d8d8d;
      font-size: 11.9px; }
  .newsXq .newsCnt {
    padding: 29.75px 0;
    border-bottom: 1px dashed #eaeaea;
    border-top: 1px dashed #eaeaea; }
    .newsXq .newsCnt img {
      max-width: 100%; }
    .newsXq .newsCnt .img {
      text-align: center; }
    .newsXq .newsCnt .h5 {
      font-weight: bold;
      font-size: 12.75px;
      color: #000; }
    .newsXq .newsCnt .p {
      font-size: 11.9px;
      color: #333;
      line-height: 1.8; }
    .newsXq .newsCnt .p2 {
      font-size: 11.9px;
      color: #333;
      line-height: 1.8;
      text-align: center; }
    .newsXq .newsCnt .p3 {
      font-size: 12.75px;
      color: #333;
      font-weight: bold;
      line-height: 1.8;
      text-align: center; }
  .newsXq .newsBot {
    padding: 34px 0; }
  .newsXq .newsNext {
    padding-top: 17px; }
    .newsXq .newsNext a {
      display: block;
      line-height: 25.5px;
      font-size: 13.6px;
      color: #7d7d7d;
      margin: 4.25px 0; }
    .newsXq .newsNext a:hover {
      color: #008cd6; }
  .newsShare {
    height: 29.75px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .newsShare em {
      color: #333;
      font-size: 15.3px; }
    .newsShare img {
      width: 20.75px;
      margin-left: 11.05px; }
  .newsMore .newsMoreBox {
    margin-top: 17px;
    border: 1px solid #ededed; }
  .newsMore ul {
    padding: 10px 0; }
    .newsMore ul a {
      padding: 0 10px;
      display: block;
      line-height: 26px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 12px;
      color: #333; }
    .newsMore ul a:hover {
      color: #008cd6; }
    .newsMore ul i {
      background: #f17c00;
      width: 16px;
      height: 16px;
      margin-right: 4px;
      display: inline-block;
      vertical-align: middle;
      border-radius: 2px;
      text-align: center;
      line-height: 16px;
      color: #fff;
      font-size: 11px; }
  .newsMore .h5 {
    font-weight: bold;
    line-height: 38px;
    border-bottom: 1px solid #ededed;
    padding-left: 10px;
    font-size: 14px;
    color: #333; }
    .newsMore .h5::before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 4px;
      height: 14px;
      background: #008cd6;
      margin-right: 5px; }
  .xqcnt {
    padding: 63.75px 0; }
    .xqcnt .xqtit {
      text-align: center;
      padding-bottom: 30.6px;
      line-height: 62.9px;
      font-size: 39.1px;
      color: #333; }
      .xqcnt .xqtit em {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding: 0 17px;
        color: #008cd6; }
        .xqcnt .xqtit em::after {
          position: absolute;
          content: '';
          width: 17px;
          height: 18.7px;
          background: url(../images/l1.png);
          background-size: cover;
          left: 0;
          top: 0; }
        .xqcnt .xqtit em::before {
          position: absolute;
          content: '';
          width: 17px;
          height: 18.7px;
          background: url(../images/l2.png);
          background-size: cover;
          bottom: 0;
          right: 0; }
    .xqcnt .xqsid {
      padding: 38.25px 0; }
    .xqcnt .xqul {
      display: flex;
      flex-wrap: wrap; }
      .xqcnt .xqul li {
        width: 50%;
        padding: 0 4%;
        box-sizing: border-box;
        font-size: 15.3px;
        line-height: 28.05px;
        color: #343434;
        text-align: center; }
      .xqcnt .xqul em {
        color: #008cd6;
        font-size: 28.05px; }
    .xqcnt .abox {
      text-align: center; }
      .xqcnt .abox p {
        font-size: 15.3px;
        color: #3e3e3e;
        padding-bottom: 25.5px; }
      .xqcnt .abox .a:hover {
        background: #008cd6;
        color: #fff;
        border: 1px solid transparent; }
      .xqcnt .abox .a {
        display: inline-block;
        line-height: 34px;
        border: 1px solid #474747;
        border-radius: 3px;
        font-size: 14.45px;
        color: #474747;
        padding: 0 32.3px; }
    .xqcnt .v {
      margin: 55.25px 0;
      display: block; }
    .xqcnt .xqul2 {
      display: flex;
      flex-wrap: wrap;
      padding: 0 5%;
      padding-top: 49.3px; }
      .xqcnt .xqul2 li {
        width: 25%;
        text-align: center; }
      .xqcnt .xqul2 .p1 {
        font-size: 47.6px;
        color: #008cd6;
        line-height: 68px;
        position: relative; }
        .xqcnt .xqul2 .p1 em {
          font-size: 27.2px;
          vertical-align: super; }
        .xqcnt .xqul2 .p1::after {
          content: '';
          background: #008cd6;
          position: absolute;
          height: 1.7px;
          width: 42.5px;
          left: 50%;
          margin-left: -21.25px;
          bottom: 0; }
      .xqcnt .xqul2 .p2 {
        padding-top: 17px;
        font-size: 20.4px;
        color: #090909; }
    .xqcnt .xqp {
      font-size: 15.3px;
      line-height: 28.05px;
      color: #343434;
      text-align: center; }
  .ppsid {
    padding: 59.5px 0; }
  .smod {
    /*top: 85px;*/
    top:0;
    left: 0;
    /*position: fixed;*/
    position: relative;
    z-index: 1;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .smod h4 {
      font-size: 59.5px;
      color: #fff; }
    .smod h5 {
      font-size: 39.95px;
      color: #fff; }
    .smod b {
      font-size: 42.5px;
      padding: 8.5px 0;
      color: #fff; }
    .smod p {
      padding-top: 25.5px;
      font-size: 20.4px;
      line-height: 34px;
      color: #fff; }
  .sban .sbanBox {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: fixed;
    left: 0;
    top: 85px;
    right: 0;
    z-index: 0; }
  .sban h4 {
    font-size: 195.5px;
    line-height: 195.5px;
    font-weight: bold;
    color: #008cd6; }
  .sban p {
    font-size: 22.1px;
    color: #008cd6;
    line-height: 35.7px;
    margin-bottom: 25.5px; }
  .sban .img {
    width: 54.4px; height: 54.4px;}
  .mod1 {
    position: relative;
    z-index: 1;
    background-size: cover;
    padding: 85px 3%;
    text-align: center; }
    .mod1 h4 {
      font-size: 59.5px;
      color: #fff; }
    .mod1 h5 {
      font-size: 39.95px;
      color: #fff; }
    .mod1 b {
      font-size: 42.5px;
      padding: 8.5px 0;
      color: #fff; }
    .mod1 p {
      padding-top: 25.5px;
      font-size: 20.4px;
      line-height: 34px;
      color: #fff; }
  .mod2 {
    position: relative;
    z-index: 1;
    background-size: cover; }
    .mod2 .modtit {
      display: inline-block;
      background: #008cd6;
      padding: 0 34px;
      line-height: 170px;
      color: #fff;
      font-size: 84.15px; }
      .mod2 .modtit em {
        font-size: 36.55px;
        margin-left: 22.1px; }
    .mod2 .sidSj {
      padding: 68px 0; }
    .mod2 .sj {
      color: #4f4f4f;
      padding: 0 51px; }
      .mod2 .sj h5 {
        padding-bottom: 20.4px;
        font-size: 42.5px; }
      .mod2 .sj p {
        font-size: 14.45px;
        line-height: 23.8px; }
  .zh {
    flex-wrap: wrap;
    display: flex; }
    .zh li {
      width: 50%;
      position: relative; }
    .zh img {
      width: 100%; }
    .zh a:hover {
       
      opacity: 1; }


    .zh a {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      padding: 17px;
       background: rgba(170, 170, 170, 0.9);
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 24.65px;
      line-height: 41.65px;
      text-align: center;
      opacity: 0;
      transition: opacity 0.5s; }
  .joblist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .joblist .h3 {
      font-size: 45.9px;
      color: #333;
      padding-bottom: 17px; }
    .joblist .p {
      padding: 8.5px 0; }
    .joblist .p2 {
      padding-top: 8.5px; }
    .joblist .e1 {
      color: #008cd6;
      font-size: 28.05px; }
    .joblist .e2 {
      color: #333;
      font-size: 22.1px; }
    .joblist .e3 {
      font-size: 13.6px;
      color: #9c9c9c; }
    .joblist .e4 {
      font-size: 21.25px;
      color: #4b4b4b; }
    .joblist .e5 {
      font-size: 23.8px;
      color: #008cd6; }
    .joblist li {
      padding: 0 3%;
      margin: 59.5px 0;
      width: 50%;
      box-sizing: border-box;
      border-right: 1px solid #f2f2f2; }
    .joblist li:last-child {
      border: none; }
    .joblist li:nth-child(2n) {
      border: none; }
    .joblist .a:hover {
      background: #008cd6;
      color: #fff;
      border: 1px solid transparent; }
    .joblist .a {
      margin-top: 25.5px;
      display: inline-block;
      line-height: 34px;
      border: 1px solid #474747;
      border-radius: 3px;
      font-size: 14.45px;
      color: #474747;
      padding: 0 32.3px; }
  .place {
    padding-top: 8.5px;
    line-height: 34px;
    border-bottom: 1px solid #ebebeb;
    font-size: 11.9px;
    color: #333; }
    .place a {
      color: #333; }
    .place a.on {
      color: #008cd6; }
  .job {
    padding: 29.75px 0 127.5px 0; }
    .job a {
      margin-top: 29.75px;
      display: inline-block;
      line-height: 34px;
      border: 1px solid #474747;
      border-radius: 3px;
      font-size: 14.45px;
      color: #474747;
      padding: 0 11.05px; }
      .job a em {
        color: #008cd6; }
  .map li {
    display: flex;
    padding: 71.4px 0;
    align-items: center;
    border-bottom: 1px solid #e0e0e0; }
  .map li:last-child {
    border: none; }
  .map .c {
    width: 50%; }
  .map .m {
    width: 50%; }
  .map h5 {
    font-size: 38.25px;
    color: #333;
    line-height: 72.25px;
    padding-bottom: 11.05px; }
  .map p {
    font-size: 17px;
    color: #333;
    line-height: 25.5px;
    padding: 4.25px 0; }
  .bgbox {
    background: #f8f8f8; }
  .contact {
    padding: 56.1px 0; }
    .contact .h {
      font-size: 35.7px;
      color: #333;
      line-height: 76.5px; }
    .contact .b1 {
      margin-top: 17px;
      display: flex;
      align-items: center; }
    .contact .yzm {
      height: 42.5px; }
    .contact .cyzm {
      margin-left: 8.5px;
      font-size: 12.75px;
      color: #333; }
    .contact .btn {
      margin-top: 30.6px;
      width: 127.5px;
      height: 42.5px;
      background: #008cd6;
      color: #fff;
      font-size: 17.85px;
      border-radius: 3px;
      border: none;
      cursor: pointer; }
    .contact .ip {
      color: #333;
      width: 357px;
      background: #fff;
      height: 42.5px;
      box-sizing: border-box;
      line-height: 42.5px;
      border: 1px solid #e5e5e5;
      font-size: 14.45px;
      padding: 0 14.45px;
      margin-right: 25.5px; }
    .contact .s {
      background: #fff url(../images/xl.png) 95% center no-repeat;
      background-size: 13.6px auto; }
      .contact .s select {
        vertical-align: top;
        border: none;
        outline: none;
        width: 100%;
        height: 42.5px;
        line-height: 42.5px;
        appearance: none;
        background: transparent;
        color: #333;
        text-indent: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        box-sizing: border-box;
        font-size: 14.45px; }
        .contact .s select option {
          width: 100%; }
  .head {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100; }
    .head .headBox {
      height: 85px;
      display: flex;
      align-items: center; }
    .head .log {
      width: 186.15px;
      margin-right: 51px; }
      .head .log img {
        width: 100%; }
    .head .nav {
      flex-grow: 1;
      display: flex; }
      .head .nav li {
        margin: 0 20.9px;
    }

      .head .nav a {
        color: #333; 
        font-size: 15.3px; }

      .head .nav a:hover,
      .head .nav a.on {
        color: #008cd6; }
    .head .headRight {
      align-self: flex-start; }
      .head .headRight .lan {
        background: #008cd6 url(../images/lan.png) 7.65px 5.1px no-repeat;
        background-size: 11.9px auto;
        height: 21.25px;
        position: relative; }
      .head .headRight .lan a {
        position: relative;
        vertical-align: top;
        z-index: 1;
        border: none;
        outline: none;
        width: 100%;
        height: 21.25px;
        line-height: 21.25px;
        appearance: none;
        background: transparent;
        color: #fff;
        -webkit-appearance: none;
        -moz-appearance: none;
        /*padding-left: 25.5px;
        padding-right: 25.5px;*/
        display: inline-block;
        text-align: center;
        box-sizing: border-box;
        font-size: 11.05px; }
        /*.head .headRight .lan select option {
          font-size: 11.05px;
          box-sizing: border-box;
          background: #008cd6;
          width: 100%; }*/
      /*.head .headRight .lan:after {
        content: '';
        width: 8.5px;
        height: 4.25px;
        background: url(../images/lan2.png) no-repeat center;
        background-size: cover;
        position: absolute;
        right: 8.5px;
        top: 50%;
        margin-top: -1.7px;
        pointer-events: none; }*/
      .head .headRight .ser {
        margin-top: 10.25px;
        text-align: right; }
        .head .headRight .ser img {
          width: 18.7px; }
  .ban {
    height: 297.5px;
    background-size: cover;
    background-position: center; }
  .foot {
    border-top: 4.25px solid #008cd6;
    padding: 29.75px 0; }
    .foot .dlbox {
      display: flex; }
    .foot dl {
      width: 12.5%; }
    .foot dl.spe {
      flex-grow: 1; }
    .foot dt {
      line-height: 34.85px;
      font-size: 15.3px;
      color: #333;
      height: 44.2px; }
    .foot dd {
      line-height: 21.25px;
      padding: 4.25px 0;
      font-size: 12.75px;
      color: #333; }
      .foot dd a {
        color: #333; }
      .foot dd a:hover {
        color: #008cd6; }
    .foot .l {
      width: 125.8px; }
    .foot .ewm {
      width: 86.3px; }
    .foot .e {
      margin-left: 17px; }
    .foot .i {
      width: 25.5px; } }

@media screen and (max-width: 990px) {
  /*body{
    padding-top: 60px;
  }*/
  .indexnews {
    padding: 40px 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center; }
  .indexnewstit {
    line-height: 62.4px;
    color: #666;
    font-size: 38.4px;
    text-align: center; }
	
.indexnewslist li {width: 49%;}	

.indexnewslist li:nth-child(2n) { margin-right:0;}
.indexnewslist li:nth-child(3n) { margin-right:2%;}
.indexnewslist li:nth-child(6n) { margin-right:0 !important;}
  /*.indexnewslist {
    display: flex;
    flex-wrap: wrap; }
    .indexnewslist li {
      margin-top: 15.2px;
      width: 33.333%; }
    .indexnewslist a {
      display: block;
      margin: 0 9.6px; }
    .indexnewslist .time {
      position: relative;
      z-index: 1;
      border-radius: 52.8px;
      width: 52.8px;
      height: 52.8px;
      background: #008cd6;
      color: #fff;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      span-font-size: 17.6px; }
      .indexnewslist .time em {
        font-size: 9.6px; }
      .indexnewslist .time i {
        font-size: 9.6px; }
    .indexnewslist .c {
      background: #f9f9f9;
      margin-top: -26.4px;
      padding-top: 26.4px;
      padding-left: 25.6px;
      padding-right: 25.6px;
      padding-bottom: 16px; }
      .indexnewslist .c h5 {
        font-size: 19.2px;
        color: #666;
        line-height: 32px;
        margin-bottom: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .indexnewslist .c p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 12.8px;
        color: #666;
        line-height: 1.6; }*/
  .innerH2 .newsShare {
    padding-top: 57.6px;
    padding-bottom: 16px; }
  .indexban {
    background-size: cover;
    background-position: center;
    height: 360px; }
  .indexzh {
    height: 760px; }
  .indexcnt {
    padding: 40px 3%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column; }
    .indexcnt h5 {
      font-size: 38.4px;
      color: #666; }
    .indexcnt p {
      padding: 28.8px 0;
      font-size: 16px;
      color: #666;
      line-height: 1.8; }
    .indexcnt a:hover {
      background: #008cd6;
      color: #fff;
      border: 1px solid transparent; }
    .indexcnt a {
      display: inline-block;
      line-height: 32px;
      border: 1px solid #474747;
      border-radius: 3px;
      font-size: 13.6px;
      color: #474747;
      padding: 0 30.4px; }
  .indexvideo {
    height: 280px; }
    .indexvideo video {
      width: 100%;
      height: 100%; }
  .indexShow {
    display: flex; }
    .indexShow li {
      position: relative;
      width: 50%;
      overflow: hidden; }
    .indexShow li:hover img {
      transform: scale(1.15); }
    .indexShow a {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 27.2px; }
    .indexShow img {
      transition: all .35s;
      width: 100%; }
  .section {
    height: auto !important; }
  .page {
    padding-top: 28px;
    padding-bottom: 32px;
    display: flex;
    justify-content: center;
    font-size: 11.2px; }
    .page .a1:hover {
      color: #fff;
      background: #008cd6; }
    .page .a1 {
      margin-right: 4px;
      border-radius: 50%;
      color: #a19d9a;
      background: #f2f2f2;
      width: 28px;
      line-height: 28px;
      height: 28px;
      text-align: center; }
      .page .a1.on {
        color: #fff;
        background: #008cd6; }
    .page .pageBox {
      display: flex;
      align-items: center;
      color: #B7B4B2; }
    .page .a2:hover {
      color: #008cd6; }
    .page .a2 {
      margin-left: 12px;
      color: #B7B4B2; }
    .page .e1 {
      margin-left: 12px; }
    .page .txt {
      margin-right: 12px;
      margin-left: 12px;
      width: 44px;
      height: 28px;
      text-align: center;
      background: #f2f2f2;
      border: none;
      border-radius: 28px;
      line-height: 28px;
      color: #333; }
  .newslist {
    display: flex;
    flex-wrap: wrap; }
    .newslist a {
      display: block;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      padding: 2% 5%;
      overflow: hidden; }
    .newslist a:hover .img {
      transform: scale(1);
      opacity: 1; }
    .newslist li {
      width: 50%;
      padding: 10px 0;
      border-bottom: 1px solid #e0e0e0; }
    .newslist .img {
      background-size: cover;
      background-position: center;
      position: static;
      opacity: 1;
      margin-top: 10px;
      height: 170px;
      width: 100%;
      left: 0;
      top: 0;
      transition: all .35s;
      right: 0;
      bottom: 0; }
    .newslist .time {
      padding-top: 10px;
      flex-shrink: 0;
      width: 105px;
      display: flex;
      justify-content: flex-start;
      margin-bottom: 5px;
      font-size: 12px;
      color: #999; }
      .newslist .time img {
        height: 15px;
        width: 15px;
        margin-right: 5px; }
    .newslist .h5 {
      margin-bottom: 17.6px;
      line-height: 28px;
      height: 56px;
      font-size: 20.8px;
      color: #333;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
    .newslist .p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      line-height: 17.6px;
      font-size: 11.2px;
      height: 52.8px;
      color: #333; }
    .newslist .cnt {
      flex-grow: 1; }
  .newsBox {
    display: flex;
    justify-content: space-between; }
    .newsBox .newsXq {
      width: 70%; }
    .newsBox .newsMore {
      width: 28%; }
  .newsXq .newsSer a {
    display: block;
    display: flex;
    height: 48px;
    align-items: center;
    border-bottom: 1px solid #eee; }
  .newsXq .newsSer a:hover em {
    color: #008cd6; }
  .newsXq .newsSer i {
    font-size: 24px;
    color: #BA0F09; }
  .newsXq .newsSer em {
    margin: 0 8px;
    flex-grow: 1;
    margin-left: 8px;
    font-size: 16px;
    color: #333; }
  .newsXq .newsSer span {
    font-size: 12.8px;
    color: #999; }
  .newsXq .newsTop {
    padding-top: 20px; }
    .newsXq .newsTop .h5 {
      text-align: center;
      font-size: 18.4px;
      color: #131313;
      line-height: 1.7;
      padding-bottom: 12px; }
    .newsXq .newsTop .p {
      text-align: center;
      line-height: 36px;
      color: #8d8d8d;
      font-size: 11.2px; }
  .newsXq .newsCnt {
    padding: 28px 0;
    border-bottom: 1px dashed #eaeaea;
    border-top: 1px dashed #eaeaea; }
    .newsXq .newsCnt img {
      max-width: 100%; }
    .newsXq .newsCnt .img {
      text-align: center; }
    .newsXq .newsCnt .h5 {
      font-weight: bold;
      font-size: 12px;
      color: #000; }
    .newsXq .newsCnt .p {
      font-size: 11.2px;
      color: #333;
      line-height: 1.8; }
    .newsXq .newsCnt .p2 {
      font-size: 11.2px;
      color: #333;
      line-height: 1.8;
      text-align: center; }
    .newsXq .newsCnt .p3 {
      font-size: 12px;
      color: #333;
      font-weight: bold;
      line-height: 1.8;
      text-align: center; }
  .newsXq .newsBot {
    padding: 32px 0; }
  .newsXq .newsNext {
    padding-top: 16px; }
    .newsXq .newsNext a {
      display: block;
      line-height: 24px;
      font-size: 12.8px;
      color: #7d7d7d;
      margin: 4px 0; }
    .newsXq .newsNext a:hover {
      color: #008cd6; }
  .newsShare {
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .newsShare em {
      color: #333;
      font-size: 14.4px; }
    .newsShare img {
      width: 28px;
      margin-left: 10.4px; }
  .newsMore .newsMoreBox {
    margin-top: 16px;
    border: 1px solid #ededed; }
  .newsMore ul {
    padding: 10px 0; }
    .newsMore ul a {
      padding: 0 10px;
      display: block;
      line-height: 26px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 12px;
      color: #333; }
    .newsMore ul a:hover {
      color: #008cd6; }
    .newsMore ul i {
      background: #f17c00;
      width: 16px;
      height: 16px;
      margin-right: 4px;
      display: inline-block;
      vertical-align: middle;
      border-radius: 2px;
      text-align: center;
      line-height: 16px;
      color: #fff;
      font-size: 11px; }
  .newsMore .h5 {
    font-weight: bold;
    line-height: 38px;
    border-bottom: 1px solid #ededed;
    padding-left: 10px;
    font-size: 14px;
    color: #333; }
    .newsMore .h5::before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 4px;
      height: 14px;
      background: #008cd6;
      margin-right: 5px; }
  .xqcnt {
    padding: 44px 0; }
    .xqcnt .xqtit {
      text-align: center;
      padding-bottom: 20.8px;
      line-height: 51.2px;
      font-size: 33.6px;
      color: #333; }
      .xqcnt .xqtit em {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding: 0 16px;
        color: #008cd6; }
        .xqcnt .xqtit em::after {
          position: absolute;
          content: '';
          width: 16px;
          height: 17.6px;
          background: url(../images/l1.png);
          background-size: cover;
          left: 0;
          top: 0; }
        .xqcnt .xqtit em::before {
          position: absolute;
          content: '';
          width: 16px;
          height: 17.6px;
          background: url(../images/l2.png);
          background-size: cover;
          bottom: 0;
          right: 0; }
    .xqcnt .xqsid {
      padding: 28px 0; }
    .xqcnt .xqul {
      display: flex;
      flex-wrap: wrap; }
      .xqcnt .xqul li {
        width: 50%;
        padding: 0 4%;
        box-sizing: border-box;
        font-size: 12.8px;
        line-height: 22.4px;
        color: #343434;
        text-align: center; }
      .xqcnt .xqul em {
        color: #008cd6;
        font-size: 26.4px; }
    .xqcnt .abox {
      text-align: center; }
      .xqcnt .abox p {
        font-size: 14.4px;
        color: #3e3e3e;
        padding-bottom: 24px; }
      .xqcnt .abox .a:hover {
        background: #008cd6;
        color: #fff;
        border: 1px solid transparent; }
      .xqcnt .abox .a {
        display: inline-block;
        line-height: 32px;
        border: 1px solid #474747;
        border-radius: 3px;
        font-size: 13.6px;
        color: #474747;
        padding: 0 30.4px; }
    .xqcnt .v {
      margin: 36px 0;
      display: block; }
    .xqcnt .xqul2 {
      display: flex;
      flex-wrap: wrap;
      padding: 0 5%;
      padding-top: 46.4px; }
      .xqcnt .xqul2 li {
        width: 25%;
        text-align: center; }
      .xqcnt .xqul2 .p1 {
        font-size: 36.8px;
        color: #008cd6;
        line-height: 56px;
        position: relative; }
        .xqcnt .xqul2 .p1 em {
          font-size: 20px;
          vertical-align: super; }
        .xqcnt .xqul2 .p1::after {
          content: '';
          background: #008cd6;
          position: absolute;
          height: 1.6px;
          width: 40px;
          left: 50%;
          margin-left: -20px;
          bottom: 0; }
      .xqcnt .xqul2 .p2 {
        padding-top: 12px;
        font-size: 16.8px;
        color: #090909; }
    .xqcnt .xqp {
      font-size: 12.8px;
      line-height: 24.8px;
      color: #343434;
      text-align: center; }
  .ppsid {
    padding: 40px 0; }
  .smod {
    /*top: 60px;*/
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .smod h4 {
      font-size: 56px;
      color: #fff; }
    .smod h5 {
      font-size: 37.6px;
      color: #fff; }
    .smod b {
      font-size: 40px;
      padding: 8px 0;
      color: #fff; }
    .smod p {
      padding-top: 24px;
      font-size: 19.2px;
      line-height: 32px;
      color: #fff; }
  .sban .sbanBox {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: fixed;
    left: 0;
    top: 60px;
    right: 0;
    z-index: 0; }
  .sban h4 {
    font-size: 184px;
    line-height: 184px;
    font-weight: bold;
    color: #008cd6; }
  .sban p {
    font-size: 20.8px;
    color: #008cd6;
    line-height: 33.6px;
    margin-bottom: 24px; }
  .sban .img {
    width: 51.2px; height: 51.2px;}
  .mod1 {
    position: relative;
    z-index: 1;
    background-size: cover;
    padding: 80px 3%;
    text-align: center; }
    .mod1 h4 {
      font-size: 56px;
      color: #fff; }
    .mod1 h5 {
      font-size: 37.6px;
      color: #fff; }
    .mod1 b {
      font-size: 40px;
      padding: 8px 0;
      color: #fff; }
    .mod1 p {
      padding-top: 24px;
      font-size: 19.2px;
      line-height: 32px;
      color: #fff; }
  .mod2 {
    position: relative;
    z-index: 1;
    background-size: cover; }
    .mod2 .modtit {
      display: inline-block;
      background: #008cd6;
      padding: 0 32px;
      line-height: 160px;
      color: #fff;
      font-size: 79.2px; }
      .mod2 .modtit em {
        font-size: 34.4px;
        margin-left: 20.8px; }
    .mod2 .sidSj {
      padding: 64px 0; }
    .mod2 .sj {
      color: #4f4f4f;
      padding: 0 48px; }
      .mod2 .sj h5 {
        padding-bottom: 19.2px;
        font-size: 40px; }
      .mod2 .sj p {
        font-size: 13.6px;
        line-height: 22.4px; }
  .zh {
    flex-wrap: wrap;
    display: flex; }
    .zh li {
      width: 50%;
      position: relative; }
    .zh img {
      width: 100%; }
    .zh a:hover {
      opacity: 1; }
    .zh a {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      padding: 16px;
       background: rgba(170, 170, 170, 0.9);
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 23.2px;
      line-height: 39.2px;
      text-align: center;
      opacity: 0;
      transition: opacity 0.5s; }
  .joblist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .joblist .h3 {
      font-size: 43.2px;
      color: #333;
      padding-bottom: 16px; }
    .joblist .p {
      padding: 8px 0; }
    .joblist .p2 {
      padding-top: 8px; }
    .joblist .e1 {
      color: #008cd6;
      font-size: 26.4px; }
    .joblist .e2 {
      color: #333;
      font-size: 20.8px; }
    .joblist .e3 {
      font-size: 12.8px;
      color: #9c9c9c; }
    .joblist .e4 {
      font-size: 20px;
      color: #4b4b4b; }
    .joblist .e5 {
      font-size: 22.4px;
      color: #008cd6; }
    .joblist s
li {
      padding: 0 3%;
      margin: 56px 0;
      width: 100%;
      box-sizing: border-box;
      border: none; }
    .joblist li:last-child {
      border: none; }
    .joblist li:nth-child(2n) {
      border: none; }
    .joblist .a:hover {
      background: #008cd6;
      color: #fff;
      border: 1px solid transparent; }
    .joblist .a {
      margin-top: 24px;
      display: inline-block;
      line-height: 32px;
      border: 1px solid #474747;
      border-radius: 3px;
      font-size: 13.6px;
      color: #474747;
      padding: 0 30.4px; }
  .place {
    padding-top: 8px;
    line-height: 32px;
    border-bottom: 1px solid #ebebeb;
    font-size: 11.2px;
    color: #333; }
    .place a {
      color: #333; }
    .place a.on {
      color: #008cd6; }
  .job {
    padding: 28px 0 120px 0; }
    .job a {
      margin-top: 28px;
      display: inline-block;
      line-height: 32px;
      border: 1px solid #474747;
      border-radius: 3px;
      font-size: 13.6px;
      color: #474747;
      padding: 0 10.4px; }
      .job a em {
        color: #008cd6; }
  .map li {
    display: flex;
    padding: 67.2px 0;
    align-items: center;
    border-bottom: 1px solid #e0e0e0; }
  .map li:last-child {
    border: none; }
  .map .c {
    width: 50%; }
  .map .m {
    width: 50%; }
  .map h5 {
    font-size: 36px;
    color: #333;
    line-height: 68px;
    padding-bottom: 10.4px; }
  .map p {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    padding: 4px 0; }
  .bgbox {
    background: #f8f8f8; }
  .contact {
    padding: 52.8px 0; }
    .contact .h {
      font-size: 33.6px;
      color: #333;
      line-height: 72px; }
    .contact .b1 {
      margin-top: 16px;
      display: flex;
      align-items: center; }
    .contact .yzm {
      height: 40px; }
    .contact .cyzm {
      margin-left: 8px;
      font-size: 12px;
      color: #333; }
    .contact .btn {
      margin-top: 28.8px;
      width: 120px;
      height: 40px;
      background: #008cd6;
      color: #fff;
      font-size: 16.8px;
      border-radius: 3px;
      border: none;
      cursor: pointer; }
    .contact .ip {
      color: #333;
      width: 336px;
      background: #fff;
      height: 40px;
      box-sizing: border-box;
      line-height: 40px;
      border: 1px solid #e5e5e5;
      font-size: 13.6px;
      padding: 0 13.6px;
      margin-right: 24px; }
    .contact .s {
      background: #fff url(../images/xl.png) 95% center no-repeat;
      background-size: 12.8px auto; }
      .contact .s select {
        vertical-align: top;
        border: none;
        outline: none;
        width: 100%;
        height: 40px;
        line-height: 40px;
        appearance: none;
        background: transparent;
        color: #333;
        text-indent: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        box-sizing: border-box;
        font-size: 13.6px; }
        .contact .s select option {
          width: 100%; }
  .head {
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100; }
    .head .headBox {
      height: 60px;
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap; }
    .head .log {
      width: 100%;
      margin-right: 0;
      text-align: center;
      padding-top: 8px;
      position: :absolute;
      left:0;
      top:8px;
    }
      .head .log img {
        width: auto;
        height: 32px; }
    .head .nav {
      background: rgba(186, 15, 9, 0.9);
      transform-origin: top center;
      transition: transform 0.35s;
      transform: scaleY(0);
      position: fixed;
      flex-grow: 1;
      width: 100%;
      left: 0;
      top: 60px;
      display: block; }
      .head .nav li {
        border-bottom: 1px solid rgba(232, 10, 3, 0.9);
        margin: 0; }
      .head .nav .last-li{display: block;}
      .head .nav a {
        display: block;
        color: #fff;
        padding: 0 3%;
        line-height: 40px;
        font-size: 14.4px; }
      .head .nav a:hover,
      .head .nav a.on {
        color: #008cd6; }
    .head .headRight {
      align-self: flex-start;
      position: absolute;
      left:3%;
      top:0;
    }
      .head .headRight .lan {
        background: #008cd6 url(../images/lan.png) 7.2px 4.8px no-repeat;
        background-size: 11.2px auto;
        height: 20px;
        position: relative;
        display: none; }
      .head .headRight .lan a {
        position: relative;
        vertical-align: top;
        z-index: 1;
        border: none;
        outline: none;
        width: 100%;
        height: 20px;
        line-height: 20px;
        appearance: none;
        background: transparent;
        color: #fff;
        -webkit-appearance: none;
        -moz-appearance: none;
        /*padding-left: 24px;
        padding-right: 24px;*/
        display: inline-block;
        text-align: center;
        box-sizing: border-box;
        font-size: 10.4px; }
        /*.head .headRight .lan select option {
          font-size: 10.4px;
          box-sizing: border-box;
          background: #008cd6;
          width: 100%; }*/
      .head .headRight .lan:after {
        content: '';
        width: 8px;
        height: 4px;
        background: url(../images/lan2.png) no-repeat center;
        background-size: cover;
        position: absolute;
        right: 8px;
        top: 50%;
        margin-top: -1.6px;
        pointer-events: none; }
      .head .headRight .ser {
        position: relative;
        z-index: 1;
        /*margin-top: -13px;*/
        text-align: right; }
        .head .headRight .ser img {
          width: 17.6px; }
        .head .headRight .ser .t {
          width: 100px; }
    .head .menu {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      margin-top: -28px;
      position: relative;
      height: 23px;
    }
    .head .menu_h {
      display: block;
      background: none;
      border: none;
      width: 30px;
      height: 23px;
      padding: 0;
      outline: none;
      position: absolute;
      right: 0;
      top:0;
    }
    .head .menu_h span {
      position: absolute;
      width: 100%;
      height: 4px;
      left: 0;
      overflow: hidden;
      text-indent: 200%;
      -webkit-transition: opacity 0.25s;
      transition: opacity 0.25s; }
    .head .menu_h::before,
    .head .menu_h::after,
    .head .menu_h span {
      background: #ff0000; }
    .head .menu_h::before,
    .head .menu_h::after {
      content: '';
      position: absolute;
      height: 4px;
      width: 100%;
      left: 0;
      top: 50%;
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transition: -webkit-transform 0.25s;
      transition: transform 0.25s; }
    .head .menu_h::before {
      -webkit-transform: translate3d(0, -8px, 0);
      transform: translate3d(0, -8px, 0); }
    .head .menu_h::after {
      -webkit-transform: translate3d(0, 8px, 0);
      transform: translate3d(0, 8px, 0); }
  .menu-open .menu_h::before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg); }
  .menu-open .menu_h span {
    opacity: 0; }
  .menu-open .menu_h::after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg); }
  .menu-open .nav {
    transform: scaleY(1); }
  .ban {
    height: 144px;
    background-size: cover;
    background-position: center; }
  .foot {
    border-top: 4px solid #008cd6;
    padding: 28px 0; }
    .foot .dlbox {
      display: flex;
      flex-wrap: wrap; }
    .foot dl {
      width: 20%; }
    .foot dl.spe {
      flex-grow: 1;
      margin-top: 16px; }
    .foot dt {
      line-height: 32.8px;
      font-size: 14.4px;
      color: #333;
      height: 41.6px; }
    .foot dd {
      line-height: 20px;
      padding: 4px 0;
      font-size: 12px;
      color: #333; }
      .foot dd a {
        color: #333; }
      .foot dd a:hover {
        color: #008cd6; }
    .foot .l {
      width: 118.4px; }
    .foot .ewm {
      width: 90.4px; }
    .foot .e {
      margin-left: 16px; }
    .foot .i {
      width: 24px; } }

@media screen and (max-width: 800px) {
  /*body{
    padding-top:63.75px;
  }*/

  .indexvideo .bof{
    left: 43.5%;
    top: 40%;
  }

  .indexvideo .bof img{
    max-width: 70%;
  }
  .indexbansid .swiper-button-next,
  .indexbansid .swiper-button-prev {
    display: none !important; }
  .indexnews {
    padding: 25.5px 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center; }
  .indexnewstit {
    line-height: 49.3px;
    color: #666;
    font-size: 27.2px;
    text-align: center; }
.indexnewslist {flex-direction: column;}	
.indexnewslist li { width:100%;}
  /*.indexnewslist {
    display: flex;
    flex-wrap: wrap; }
    .indexnewslist li {
      margin-top: 16.15px;
      width: 100%; }
    .indexnewslist a {
      display: block;
      margin: 0 10.2px; }
    .indexnewslist .time {
      position: relative;
      z-index: 1;
      border-radius: 56.1px;
      width: 56.1px;
      height: 56.1px;
      background: #008cd6;
      color: #fff;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      span-font-size: 18.7px; }
      .indexnewslist .time em {
        font-size: 10.2px; }
      .indexnewslist .time i {
        font-size: 10.2px; }
    .indexnewslist .c {
      background: #f9f9f9;
      margin-top: -28.05px;
      padding-top: 28.05px;
      padding-left: 27.2px;
      padding-right: 27.2px;
      padding-bottom: 17px; }
      .indexnewslist .c h5 {
        font-size: 17px;
        color: #666;
        line-height: 34px;
        margin-bottom: 4.25px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .indexnewslist .c p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 12.75px;
        color: #666;
        line-height: 1.6; }*/
  .innerH2 .newsShare {
    padding-top: 17px;
    padding-bottom: 17px; }
  .indexban {
    background-size: cover;
    background-position: center;
    /*height: 153px;*/
    height: 250px;

  }
  .indexzh {
    height: 1317.5px; }
  .indexcnt {
    padding: 25.5px 3%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column; }
    .indexcnt h5 {
      font-size: 27.2px;
      color: #666; }
    .indexcnt p {
      padding: 22.1px 0;
      font-size: 15.3px;
      color: #666;
      line-height: 1.8; }
    .indexcnt a:hover {
      background: #008cd6;
      color: #fff;
      border: 1px solid transparent; }
    .indexcnt a {
      display: inline-block;
      line-height: 34px;
      border: 1px solid #474747;
      border-radius: 3px;
      font-size: 14.45px;
      color: #474747;
      padding: 0 32.3px; }
  .indexvideo {
    height: 212.5px; }
    .indexvideo video {
      width: 100%;
      height: 100%; }
  .indexShow {
    display: flex;
    flex-wrap: wrap; }
    .indexShow li {
      margin: 10px 0;
      position: relative;
      width: 100%;
      overflow: hidden; }
    .indexShow li:hover img {
      transform: scale(1.15); }
    .indexShow a {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 28.9px; }
    .indexShow img {
      transition: all .35s;
      width: 100%; }
  .section {
    height: auto !important; }
  .page {
    padding-top: 29.75px;
    padding-bottom: 34px;
    display: flex;
    justify-content: center;
    font-size: 11.9px; }
    .page .a1:hover {
      color: #fff;
      background: #008cd6; }
    .page .a1 {
      margin-left: 1.7px;
      margin-right: 1.7px;
      border-radius: 50%;
      color: #a19d9a;
      background: #f2f2f2;
      width: 29.75px;
      line-height: 29.75px;
      height: 29.75px;
      text-align: center; }
      .page .a1.on {
        color: #fff;
        background: #008cd6; }
    .page .pageBox {
      display: none;
      align-items: center;
      color: #B7B4B2; }
    .page .a2:hover {
      color: #008cd6; }
    .page .a2 {
      margin-left: 12.75px;
      color: #B7B4B2; }
    .page .e1 {
      margin-left: 12.75px; }
    .page .txt {
      margin-right: 12.75px;
      margin-left: 12.75px;
      width: 46.75px;
      height: 29.75px;
      text-align: center;
      background: #f2f2f2;
      border: none;
      border-radius: 29.75px;
      line-height: 29.75px;
      color: #333; }
  .newslist {
    display: flex;
    flex-wrap: wrap; }
    .newslist a {
      margin: 0;
      display: block;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      padding: 2% 5%;
      overflow: hidden; }
    .newslist a:hover .img {
      transform: scale(1);
      opacity: 1; }
    .newslist li {
      width: 100%;
      padding: 10px 0;
      border-bottom: 1px solid #e0e0e0; }
    .newslist .img {
      background-size: cover;
      background-position: center;
      position: static;
      opacity: 1;
      margin-top: 10px;
      height: 170px;
      width: 100%;
      left: 0;
      top: 0;
      transition: all .35s;
      right: 0;
      bottom: 0; }
    .newslist .time {
      padding-top: 5px;
      flex-shrink: 0;
      width: 105px;
      display: flex;
      justify-content: flex-start;
      margin-bottom: 5px;
      font-size: 12px;
      color: #999; }
      .newslist .time img {
        height: 15px;
        width: 15px;
        margin-right: 5px; }
    .newslist .h5 {
      margin-bottom: 18.7px;
      line-height: 25.5px;
      font-size: 18.7px;
      color: #333;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
    .newslist .p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      line-height: 18.7px;
      height: auto;
      font-size: 11.9px;
      color: #333; }
    .newslist .cnt {
      flex-grow: 1; }
  .newsBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .newsBox .newsXq {
      width: 100%; }
    .newsBox .newsMore {
      width: 100%; }
  .newsXq .newsSer a {
    display: block;
    display: flex;
    height: 42.5px;
    align-items: center;
    border-bottom: 1px solid #eee; }
  .newsXq .newsSer a:hover em {
    color: #008cd6; }
  .newsXq .newsSer i {
    font-size: 17px;
    color: #BA0F09; }
  .newsXq .newsSer em {
    margin: 0 8.5px;
    flex-grow: 1;
    margin-left: 8.5px;
    font-size: 12.75px;
    color: #333; }
  .newsXq .newsSer span {
    font-size: 10.2px;
    color: #999; }
  .newsXq .newsTop {
    padding-top: 21.25px; }
    .newsXq .newsTop .h5 {
      text-align: center;
      font-size: 19.55px;
      color: #131313;
      line-height: 1.7;
      padding-bottom: 12.75px; }
    .newsXq .newsTop .p {
      text-align: center;
      line-height: 38.25px;
      color: #8d8d8d;
      font-size: 11.9px; }
  .newsXq .newsCnt {
    padding: 29.75px 0;
    border-bottom: 1px dashed #eaeaea;
    border-top: 1px dashed #eaeaea; }
    .newsXq .newsCnt img {
      max-width: 100%; }
    .newsXq .newsCnt .img {
      text-align: center; }
    .newsXq .newsCnt .h5 {
      font-weight: bold;
      font-size: 12.75px;
      color: #000; }
    .newsXq .newsCnt .p {
      font-size: 11.9px;
      color: #333;
      line-height: 1.8; }
    .newsXq .newsCnt .p2 {
      font-size: 11.9px;
      color: #333;
      line-height: 1.8;
      text-align: center; }
    .newsXq .newsCnt .p3 {
      font-size: 12.75px;
      color: #333;
      font-weight: bold;
      line-height: 1.8;
      text-align: center; }
  .newsXq .newsBot {
    padding: 34px 0;
    padding-bottom: 10px; }
  .newsXq .newsNext {
    padding-top: 17px; }
    .newsXq .newsNext a {
      display: block;
      line-height: 25.5px;
      font-size: 13.6px;
      color: #7d7d7d;
      margin: 4.25px 0; }
    .newsXq .newsNext a:hover {
      color: #008cd6; }
  .newsShare {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 30px; }
    .newsShare em {
      padding-bottom: 10px;
      color: #333;
      width: 100%;
      font-size: 13.6px; }
    .newsShare img {
      width: 22.95px;
      margin-right: 11.05px;
      margin-left: 0; }
  .newsMore {
    padding-bottom: 30px; }
    .newsMore .newsMoreBox {
      margin-top: 17px;
      border: 1px solid #ededed; }
    .newsMore ul {
      padding: 10px 0; }
      .newsMore ul a {
        padding: 0 10px;
        display: block;
        line-height: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
        color: #333; }
      .newsMore ul a:hover {
        color: #008cd6; }
      .newsMore ul i {
        background: #f17c00;
        width: 16px;
        height: 16px;
        margin-right: 4px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 2px;
        text-align: center;
        line-height: 16px;
        color: #fff;
        font-size: 11px; }
    .newsMore .h5 {
      font-weight: bold;
      line-height: 38px;
      border-bottom: 1px solid #ededed;
      padding-left: 10px;
      font-size: 14px;
      color: #333; }
      .newsMore .h5::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 4px;
        height: 14px;
        background: #008cd6;
        margin-right: 5px; }
  .xqcnt {
    padding: 25.5px 0; }
    .xqcnt .xqtit {
      text-align: center;
      padding-bottom: 12.75px;
      line-height: 37.4px;
      font-size: 21.25px;
      color: #333; }
      .xqcnt .xqtit em {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding: 0 17px;
        color: #008cd6; }
        .xqcnt .xqtit em::after {
          position: absolute;
          content: '';
          width: 17px;
          height: 18.7px;
          background: url(../images/l1.png);
          background-size: cover;
          left: 0;
          top: 0; }
        .xqcnt .xqtit em::before {
          position: absolute;
          content: '';
          width: 17px;
          height: 18.7px;
          background: url(../images/l2.png);
          background-size: cover;
          bottom: 0;
          right: 0; }
    .xqcnt .xqsid {
      padding: 8.5px 0 17px 0; }
    .xqcnt .xqul {
      display: flex;
      flex-wrap: wrap; }
      .xqcnt .xqul li {
        margin-bottom: 15px;
        width: 100%;
        padding: 0 4%;
        box-sizing: border-box;
        font-size: 13.6px;
        line-height: 23.8px;
        color: #343434;
        text-align: center; }
      .xqcnt .xqul em {
        color: #008cd6;
        font-size: 19.55px; }
    .xqcnt .abox {
      text-align: center; }
      .xqcnt .abox p {
        font-size: 15.3px;
        color: #3e3e3e;
        padding-bottom: 25.5px; }
      .xqcnt .abox .a:hover {
        background: #008cd6;
        color: #fff;
        border: 1px solid transparent; }
      .xqcnt .abox .a {
        display: inline-block;
        line-height: 34px;
        border: 1px solid #474747;
        border-radius: 3px;
        font-size: 14.45px;
        color: #474747;
        padding: 0 32.3px; }
    .xqcnt .v {
      margin: 17px 0;
      display: block; }
    .xqcnt .bof{
      left: 43.5%;
      top: 40%;
    }
    .xqcnt .bof img{max-width: 60%}
    .xqcnt .xqul2 {
      display: flex;
      flex-wrap: wrap;
      padding: 0 5%;
      padding-top: 15.3px; }
      .xqcnt .xqul2 li {
        margin-bottom: 10px;
        width: 50%;
        text-align: center; }
      .xqcnt .xqul2 .p1 {
        font-size: 30.6px;
        color: #008cd6;
        line-height: 51px;
        position: relative; }
        .xqcnt .xqul2 .p1 em {
          font-size: 17.85px;
          vertical-align: super; }
        .xqcnt .xqul2 .p1::after {
          content: '';
          background: #008cd6;
          position: absolute;
          height: 1.7px;
          width: 42.5px;
          left: 50%;
          margin-left: -21.25px;
          bottom: 0; }
      .xqcnt .xqul2 .p2 {
        padding-top: 12.75px;
        font-size: 15.3px;
        color: #090909; }
    .xqcnt .xqp {
      font-size: 13.6px;
      line-height: 26.35px;
      color: #343434;
      text-align: center; }
  .ppsid {
    padding: 25.5px 0; }
  .sban .sbanBox {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: fixed;
    left: 0;
    top: 63.75px;
    right: 0;
    z-index: 0; }
  .sban h4 {
    font-size: 110.5px;
    line-height: 110.5px;
    font-weight: bold;
    color: #008cd6; }
  .sban p {
    font-size: 15.3px;
    color: #008cd6;
    line-height: 27.2px;
    margin-bottom: 25.5px; }
  .sban .img {
    width: 37.4px; height: 37.4px; }
  .smod {
    /*top: 63.75px;*/
    top: 0;
    left: 0;
    /*position: fixed;*/
    position: relative;
    z-index: 1;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .smod h4 {
      font-size: 34px;
      color: #fff; }
    .smod h5 {
      font-size: 22.95px;
      color: #fff; }
    .smod b {
      font-size: 42.5px;
      padding: 17px 0;
      color: #fff; }
    .smod p {
      padding-top: 25.5px;
      font-size: 14.45px;
      line-height: 29.75px;
      color: #fff; }
  .mod1 {
    position: relative;
    z-index: 1;
    background-size: cover;
    padding: 42.5px 3%;
    text-align: center; }
    .mod1 h4 {
      font-size: 34px;
      color: #fff; }
    .mod1 h5 {
      font-size: 22.95px;
      color: #fff; }
    .mod1 b {
      font-size: 42.5px;
      padding: 17px 0;
      color: #fff; }
    .mod1 p {
      padding-top: 25.5px;
      font-size: 14.45px;
      line-height: 29.75px;
      color: #fff; }
  .mod2 {
    position: relative;
    z-index: 1;
    background-size: cover; }
    .mod2 .modtit {
      display: inline-block;
      background: #008cd6;
      padding: 0 25.5px;
      line-height: 102px;
      color: #fff;
      font-size: 39.1px; }
      .mod2 .modtit em {
        font-size: 19.55px;
        margin-left: 13.6px; }
    .mod2 .sidSj {
      padding: 42.5px 0; }
    .mod2 .sj {
      color: #4f4f4f;
      padding: 0 51px; }
      .mod2 .sj h5 {
        padding-bottom: 20.4px;
        font-size: 42.5px; }
      .mod2 .sj p {
        font-size: 14.45px;
        line-height: 23.8px; }
  .zh {
    flex-wrap: wrap;
    display: flex; }
    .zh li {
      width: 100%;
      position: relative; }
    .zh img {
      width: 100%; }
    .zh a:hover {
      opacity: 1; }
    .zh a {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      padding: 17px;
      background: rgba(170, 170, 170, 0.9);
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 19.55px;
      line-height: 29.75px;
      text-align: center;
      opacity: 0;
      transition: opacity 0.5s; }
  .joblist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .joblist .h3 {
      font-size: 28.9px;
      color: #333;
      padding-bottom: 8.5px; }
    .joblist .p {
      padding: 5.95px 0; }
    .joblist .p2 {
      padding-top: 5.95px; }
    .joblist .e1 {
      color: #008cd6;
      font-size: 19.55px; }
    .joblist .e2 {
      color: #333;
      font-size: 13.6px; }
    .joblist .e3 {
      font-size: 11.05px;
      color: #9c9c9c; }
    .joblist .e4 {
      font-size: 13.6px;
      color: #4b4b4b; }
    .joblist .e5 {
      font-size: 15.3px;
      color: #008cd6; }
    .joblist li {
      padding: 0 3%;
      margin: 25.5px 0;
      width: 100%;
      box-sizing: border-box;
      border: none; }
    .joblist li:last-child {
      border: none; }
    .joblist li:nth-child(2n) {
      border: none; }
    .joblist .a:hover {
      background: #008cd6;
      color: #fff;
      border: 1px solid transparent; }
    .joblist .a {
      margin-top: 25.5px;
      display: inline-block;
      line-height: 29.75px;
      border: 1px solid #474747;
      border-radius: 3px;
      font-size: 11.9px;
      color: #474747;
      padding: 0 23.8px; }
  .place {
    padding-top: 8.5px;
    line-height: 34px;
    border-bottom: 1px solid #ebebeb;
    font-size: 11.9px;
    color: #333; }
    .place a {
      color: #333; }
    .place a.on {
      color: #008cd6; }
  .job {
    padding: 29.75px 0 127.5px 0; }
    .job a {
      margin-top: 29.75px;
      display: inline-block;
      line-height: 34px;
      border: 1px solid #474747;
      border-radius: 3px;
      font-size: 14.45px;
      color: #474747;
      padding: 0 11.05px; }
      .job a em {
        color: #008cd6; }
  .map li {
    display: flex;
    flex-wrap: wrap;
    padding: 28.9px 0;
    align-items: center;
    border-bottom: 1px solid #e0e0e0; }
  .map li:last-child {
    border: none; }
  .map .c {
    width: 100%;
    margin-bottom: 20px; }
  .map .m {
    width: 100%; }
  .map h5 {
    font-size: 29.75px;
    color: #333;
    line-height: 46.75px;
    padding-bottom: 11.05px; }
  .map p {
    font-size: 15.3px;
    color: #333;
    line-height: 22.95px;
    padding: 4.25px 0; }
  .bgbox {
    background: #f8f8f8; }
  .contact {
    padding: 34px 0; }
    .contact .h {
      font-size: 29.75px;
      color: #333;
      line-height: 51px; }
    .contact .b1 {
      margin-top: 17px;
      display: flex;
      align-items: center; }
    .contact .yzm {
      height: 42.5px; }
    .contact .cyzm {
      margin-left: 4.25px;
      font-size: 11.05px;
      color: #333; }
    .contact .btn {
      margin-top: 30.6px;
      width: 127.5px;
      height: 42.5px;
      background: #008cd6;
      color: #fff;
      font-size: 17.85px;
      border-radius: 3px;
      border: none;
      cursor: pointer; }
    .contact .ip {
      color: #333;
      width: 100%;
      background: #fff;
      height: 42.5px;
      box-sizing: border-box;
      line-height: 42.5px;
      border: 1px solid #e5e5e5;
      font-size: 14.45px;
      padding: 0 14.45px;
      margin-right: 8.5px; }
    .contact .s {
      background: #fff url(../images/xl.png) 95% center no-repeat;
      background-size: 13.6px auto; }
      .contact .s select {
        vertical-align: top;
        border: none;
        outline: none;
        width: 100%;
        height: 42.5px;
        line-height: 42.5px;
        appearance: none;
        background: transparent;
        color: #333;
        text-indent: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        box-sizing: border-box;
        font-size: 14.45px; }
        .contact .s select option {
          width: 100%; }
  .head {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100; }
    .head .headBox {
      height: 63.75px;
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap; }
    .head .log {
      width: 100%;
      margin-right: 0;
      text-align: center;
      /*padding-top: 8.5px;*/
      padding-top: 16.5px;
    }
      .head .log img {
        width: auto;
        height: 29.75px; }
    .head .nav {
      background: rgba(186, 15, 9, 0.9);
      transform-origin: top center;
      transition: transform 0.35s;
      transform: scaleY(0);
      position: fixed;
      z-index: 100;
      flex-grow: 1;
      width: 100%;
      left: 0;
      top: 63.75px;
      display: block; }
      .head .nav li {
        border-bottom: 1px solid rgba(232, 10, 3, 0.9);
        margin: 0; }
      .head .nav a {
        display: block;
        color: #fff;
        padding: 0 3%;
        line-height: 55.25px;
        font-size: 17px; }
      .head .nav a:hover,
      .head .nav a.on {
        color: #fff;
        background: #ba0f09; }
    .head .headRight {
      align-self: flex-start; }
      .head .headRight .lan {
        display: none;
        background: #008cd6 url(../images/lan.png) 7.65px 5.1px no-repeat;
        background-size: 11.9px auto;
        height: 21.25px;
        position: relative; }
      .head .headRight .lan a {
        position: relative;
        vertical-align: top;
        z-index: 1;
        border: none;
        outline: none;
        width: 100%;
        height: 21.25px;
        line-height: 21.25px;
        appearance: none;
        background: transparent;
        color: #fff;
        -webkit-appearance: none;
        -moz-appearance: none;
        /*padding-left: 25.5px;
        padding-right: 25.5px;*/
        display: inline-block;
        text-align: center;
        box-sizing: border-box;
        font-size: 11.05px; }
        /*.head .headRight .lan select option {
          font-size: 11.05px;
          box-sizing: border-box;
          background: #008cd6;
          width: 100%; }*/
      .head .headRight .lan:after {
        content: '';
        width: 8.5px;
        height: 4.25px;
        background: url(../images/lan2.png) no-repeat center;
        background-size: cover;
        position: absolute;
        right: 8.5px;
        top: 50%;
        margin-top: -1.7px;
        pointer-events: none; }
      .head .headRight .ser {
        /*margin-top: -10px;*/
        margin-top:20px;
        text-align: right; }
        .head .headRight .ser img {
          width: 18.7px; }
        .head .headRight .ser .t {
          width: 0; }
      .head .headRight .ser:hover .t {
        width: 70px; }
    .head .menu {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      /*margin-top: -28px;*/
      margin-top: -36px;
       }
    .head .menu_h {
      display: block;
      background: none;
      border: none;
      width: 30px;
      height: 23px;
      padding: 0;
      outline: none;
      position: relative; }
    .head .menu_h span {
      position: absolute;
      width: 100%;
      height: 4px;
      left: 0;
      overflow: hidden;
      text-indent: 200%;
      -webkit-transition: opacity 0.25s;
      transition: opacity 0.25s; }
    .head .menu_h::before,
    .head .menu_h::after,
    .head .menu_h span {
      background: #ff0000; }
    .head .menu_h::before,
    .head .menu_h::after {
      content: '';
      position: absolute;
      height: 4px;
      width: 100%;
      left: 0;
      top: 50%;
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transition: -webkit-transform 0.25s;
      transition: transform 0.25s; }
    .head .menu_h::before {
      -webkit-transform: translate3d(0, -8px, 0);
      transform: translate3d(0, -8px, 0); }
    .head .menu_h::after {
      -webkit-transform: translate3d(0, 8px, 0);
      transform: translate3d(0, 8px, 0); }
  .menu-open .menu_h::before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg); }
  .menu-open .menu_h span {
    opacity: 0; }
  .menu-open .menu_h::after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg); }
  .menu-open .nav {
    transform: scaleY(1); }
  .ban {
    height: 123.25px;
    background-size: cover;
    background-position: center; }
  .foot {
    border-top: 4.25px solid #008cd6;
    padding: 21.25px 0; }
    .foot .dlbox {
      display: flex;
      flex-wrap: wrap; }
    .foot dl {
      width: 100%; padding-bottom: 10px;}
    /*.foot .guanz {text-align: center;}*/
    .foot dl dt{
    	float: left;
    	width: 100%;
    	height: auto;
    }
    .foot dl dd{
    	float: left;
    	width: auto;
    	margin-right: 5px;
    	padding: 0;
    }
    .foot dl.guanz dd{
    	width: 100%;
    }
    .foot dl.guanz dd .ewm{
    	width: 30%;
    }
    .foot dl.spe {
      flex-grow: 1;
      margin-top: 17px; }
    .foot dt {
      line-height: 34.85px;
      font-size: 15.75px;
      color: #333;
      height: 44.2px; }
    .foot dd {
      line-height: 21.25px;
      padding: 4.25px 0;
      font-size: 13.75px;
      color: #333; }
      .foot dd a {
        color: #333; }
      .foot dd a:hover {
        color: #008cd6; }
    .foot .l {
      width: 125.8px; }
    .foot .ewm {
      width: 100%; }
    .foot .e {
      margin-left: 17px; }
    .foot .i {
      width: 25.5px; } }

.font {
  cursor: pointer; }

.font.on {
  color: brown; }

.wxTc {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 1000;
  background: #fff;
  box-shadow: 0 0 4px 0px #888;
  width: 200px; }
  .wxTc .close {
    height: 30px;
    line-height: 30px;
    text-align: right;
    padding: 0 10px;
    color: #999;
    font-size: 25px;
    cursor: pointer;
    border-bottom: 1px solid #ccc; }
  .wxTc .ew {
    text-align: center;
    padding: 20px; }
    .wxTc .ew img {
      width: 100%; }