@charset "UTF-8";

/*reset css*/

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor:default
}

body {
    font-family: "microsoft yahei", "Arial", "sans-serif", "microsoft yahei";
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    /* cursor:default; */
/* cursor:url(../images/shubiao1.png), pointer; */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

/* 表示html文件里带有title属性controls的所有audio标签 */
audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none;
    color: #333;
    
}





a:active,
a:hover {
  /* 当元素获得焦点的时候,焦点框为0 */
    outline: 0;
    /* cursor:url(../images/shubiao.png), pointer; */
}

b,
strong {
    font-weight: bold;
}


img {
    border: 0;
    vertical-align: middle;
    /* max-width: 100%; */
}

svg:not(:root) {
    overflow: hidden;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    /* 等宽字体 */
    font-family: monospace, monospace;
    /* 垂直测量:1em=16px。 */
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background: none;
    border: none;
}
textarea,
input,
button {
    overflow: visible;
    /* 消除终端差异 */
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

button,
select {
  /* 字母大小写 */
  text-transform: none;
}

button[disabled],
html input[disabled] {
  /* 默认光标 */
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Firefox的私有伪元素：消除点击出现虚线 */
    padding: 0;
    border: 0;
    outline: 0；
}

input {
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    appearance: auto;
}
/* 九宫格 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/* fieldset和legend搭配对表单的元素进行分类*/
legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}
/* optgroup对下拉选项进行分类 */
optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
}

p,
a {
    /* 英文不断句 */
    /* word-break: break-all; */
}

i{
  font-style: normal;
  display: inline-block;
}

.section {
    width: 100%;
    overflow: hidden;
}

.dis-table {
  /* 用display: table代替真正的表格，更加轻量 */
  /* 更加适合等高布局，内容自适应 */
    display: table;
    /* width: 100%; */
    height: 100%;
}

.dis-cell {
    display: table-cell;
    vertical-align: middle;
}



/* 清除浮动 */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}












/* ===kf==== */
.kf { transition: .8s; z-index: 999999; background-color: transparent; position: fixed;top: 50%;right: 20px; width: 50px;border-radius: 5px;}
.kf span {z-index: 1000001;transition: .5s;cursor: pointer;position: relative;display: block;width: 50px;height: 50px;border-radius: 5px;margin-bottom: 3px;}
.kf span:hover {background-color: #00218a; }
.kf .zx { background-position: 0 0; background: #00218a url(../images/kefu-zx.png)no-repeat center top 12px;}
.kf .back_top { border: none; background: #00218a url(../images/kf-top.png)no-repeat center top 13px;}
.kf span a {transition: .5s;display: block; color: #fff;line-height: 24px;font-size: 14px;text-align: center;padding-top: 22px;}
.kfimgr {  position: absolute; bottom: 23px; right: -9px;}
.kf span div i { display: block; position: absolute; width: 15px; height: 200px;right: -15px; top: 0;}
.kf .freetel { background:#00218a url(../images/kefu-qq.png)no-repeat center;}
.kf .zxlya {background: #00218a url(../images/kf-wx_03.png)no-repeat center;}
.kf span:nth-child(4) div {white-space: nowrap;}
.kf a { display: block; height: 68px;  position: absolute; top: 0; right: 0; width: 100%}
.nav_center div, .index_nav_center div, .shou, .zhan { -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}
.kf .zxlya .erweima {display: none; right: 62px;  position: absolute; top: -72px; background: #fff; padding: 5px;text-align: center; box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25); border-radius: 5px;width: 120px;}
.kf .zxzx {display: none; right: 86px; position: absolute; top: 6px; background: #fff; padding: 10px 20px; text-align: center; box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25); border-radius: 5px; width: 110px;  font-size: 14px;color: #333;}
.kfimgr { position: absolute;  bottom: 23px; right: -9px;}
.kf-ly {background: #00218a url(../images/kf-ly_03.png)no-repeat center;}
.shou { z-index: 1000000;  cursor: pointer; width: 30px;  height: 40px;top: 47%; margin-top: -15px; border-radius: 5px 0 0 5px;right: 62px; background: transparent url(../images/zk1.png)no-repeat center left; position: absolute; box-shadow: none;}
.shou:hover {  background: transparent url(../images/zk.png)no-repeat center left;}
.kf-phone {background: #00218a url(../images/kf-phone1.png)no-repeat center;}
.kf-phone1, .zxwb {display: none;font-size: 15px;color: #333;background-color: #fff;position: absolute;right: 60px;box-shadow: 0 0 20px rgba(0,0,0,0.2);padding: 10px 12px;background: #fff;border-radius: 5px;width: 145px;}
.kf-phone1 .kfimgr, .zxwb .kfimgr { bottom: 10px;}
.kf-shqi {width: 100%;  height: 40px;}
.kf-shqi .m-icon {display: block;margin: 0 auto;width: 30px;height: 30px;border-radius: 50%;background: #00218a url(../images/kf-close.png) no-repeat center;background-size: 15px;cursor: pointer;transform: rotate(45deg);transition: all 0.3s;}
.kf-shqi .m-icon:hover {background-color: #00218a;}
.kf.show .m-icon {  transform: rotate(0);}
.shou{z-index: 1000000;cursor: pointer;width: 30px;height: 40px;top: 47%;margin-top: -15px;border-radius: 5px 0 0 5px;right: 62px; background:transparent url(../images/zk1.png)no-repeat center left;position: absolute;box-shadow: none;}

.kffixed{position: fixed;display: none; bottom: 0; z-index: 20;width: 100%;height: 49px; overflow: hidden;}
.kufuul {text-align: center;padding: 2px 0;width: 100%;height: 49px;position: absolute;bottom: 0;left: 0;display: inline-block;}
.kefu{padding: 0;}
.kefu li {float: left;height: 45px;text-align: center;color:#fff;line-height:45px;color: #fff;transition:all .4s;}
.kfzx-tigg{width: 49.5%;height: 45px;display: block;float: left;line-height:45px;opacity: 1;transition:1s opacity;}
.kfzx-enter{opacity: 0}
.kf-zx{display: block; width: 100%;height: 100%; color: #fff;line-height:45px;text-align: center;background: #b5b5b5;}
.kf-zx img{display: inline-block; vertical-align: middle;margin-right:10px;}
.teldb{width: 49.5%; background: rgba(0,0,0,0.6); background-size: contain; margin: 0 1px;position: relative;}
.teldb img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.teldb a{ color: white; }
.kf span:hover{background-color: #00218a;}

/* app-kf */
.kffixed{ position: fixed; bottom: 0;  z-index: 2000; width: 100%;  height: 49px;overflow: hidden;display:none;}
.kufuul {text-align: center;padding: 2px 0;width: 100%;height: 49px;position: absolute;bottom: 0;left: 0;display: inline-block;}
.kefu{padding: 0;}
.kefu li {float: left;height: 45px;text-align: center;color:#fff;line-height:45px;color: #fff;transition:all .4s;}
.kfzx-tigg{width: 49.5%;height: 45px;display: block;float: left;line-height:45px;opacity: 1;transition:1s opacity;}
.kfzx-enter{opacity: 0}
.kf-zx{display: block;width: 100%;height: 100%;color: #fff;line-height:45px;text-align: center;background: rgba(0,33,138,0.9);}
.kf-zx img{display: inline-block; vertical-align: middle;margin-right:10px;}
.teldb{width: 49.5%;  background: rgba(0,0,0,0.6);background-size: contain; margin: 0 1px;  position: relative;}
.teldb img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.teldb a{ color: white; }

@media (max-width:991px) {
	.kf{display: none;}
	.kffixed{display: block;}
}


/* 图片放大镜 */
.msg-box-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 10001;
  background: rgba(0, 0, 0, 0.5);
}

.msg-box {
  width: 860px;
  height: 524px;
  padding: 50px;
  background-color: #F3F3F3;
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translate(-50%, -50%);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.msg-box .close-box {
  width: 38px;
  height: 38px;
  font-size: 30px;
  color: #666;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  -webkit-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.msg-box .close-box:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}



@media (max-width: 991px) {
  .msg-box {
    width: 94%;
    left: 50%;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .msg-box {
    height: 450px;
    padding: 15px;
  }

  .msg-box .close-box {
    width: 35px;
    height: 35px;
    right: 0;
    line-height: 20px;
    top: 0;
    text-align: center;
    font-size: 20px;
  }
}

.msg-box .close-box {
  border: solid 3px #7f7f7f;
  background: url(../images/msg-closes.png)
}

@media(max-width:676px) {
  .vedio-con li {
    width: 50%;
  }

  .vedio-txt {
    font-size: 14px;
    line-height: 3px;
  }

  .msg-box {
    left: 50%;
    width: 300px;
    padding: 20px;
    height: 360px;
  }

  #close-box {
width: 23px;
    height: 23px;
  }
  .msg-box .close-box{background-size: 18px;}
}

@media (max-width: 320px) {

}

@media (max-width: 360px) {}



/* ==============anchor============= */
.anchor { position: fixed; top: 0;left: 0;  width: 100%; padding: 15px 0; z-index: 490; background: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); text-align: center; display: none;}
.anchor li { display: inline-block; vertical-align: middle; margin: 0 5px;}
.anchor li a { display: block; padding: 0 26px;font-size: 14px; line-height: 34px; text-align: center;color: #333; transition: all .3s;}
.anchor li.on a{color: #fff;background: #00218a;}
.anchor li a:hover{color: #00218a;}
.anchor li.on a:hover{color: #fff;}

@media (max-width: 991px) {.anchor{display: none!important;}}
/* ===============nav-second=========== */


/* 分页 */
.lpage {
  text-align: center;font-size: 0;
}
.lpage a {
  width: 40px;
  height: 40px;
  line-height: 38px;
  transition: all .5s;
  display: inline-block;
  color: #999;
  font-family: 'Arial';
  margin: 0 3px;font-size:14px;
  background:#ececec;
  vertical-align: top;
}
  .lpage a.on, .lpage a:hover {
    color: #fff;
    background: #00218a;
  }
   .lpage a.icon-right, .lpage a.icon-left {
  font-weight:900;
  font-size: 18px;
  color: #999;
  margin: 0;
  }
.lpage a.zz{width: auto;    padding: 0 14px;}
.lpage a.zz:hover{background: none;color: #00218a;}
@media (max-width:1459px) {
  }
@media (max-width:991px) {
.lpage a{width: 32px; height: 32px; line-height: 32px; font-size: 14px;margin: 0 5px;}
.lpage a.icon-right, .lpage a.icon-left {margin: 0px;}
    }
@media (max-width:767px) {
.lpage a{width: 28px; height: 28px; line-height: 28px; font-size: 14px;margin: 0 5px;}
.lpage a.icon-right, .lpage a.icon-left {margin: 0px;}
}









/* 常见按钮 */
.more{
  width: 158px;
  height: 48px;
  margin-top: 54px;
  background: transparent;
  text-decoration: none;
}
.more a{display: block;position: relative;}
.more a:before{content: '';display: block;width: 158px;height: 48px; position: absolute;left: 0;top: 0;
  border-top: 1.5px solid #fff;border-left: 1.5px solid #fff; transform: skewX(-20deg)}
.more a:after{content: '';display: block;width: 160px;height: 48px; position: absolute;left: 8px;top: 1px;
  border-bottom: 1.5px solid #fff;border-right: 1.5px solid #fff;transform: skewX(-20deg)}
.more a span{display: block;text-align: center;line-height: 48px;}


/* 常见字号 */
.tit-size46{font-size: 46px;}
.tit-size42{font-size: 42px;}
.tit-size40{font-size: 40px;}
.h3-size38{font-size: 38px;}
.h3-size36{font-size: 36px;}
.h3-size34{font-size: 34px;}
.h3-size32{font-size: 32px;}
.h3-size30{font-size: 30px;}
.h3-size28{font-size: 28px;}
.h3-size26{font-size: 26px;}
.h3-size24{font-size: 24px;}
.h3-size22{font-size: 22px;}
.h3-size20{font-size: 20px;}
.p-size18{font-size: 18px;}
.p-size16{font-size: 14px;}
.p-size14{font-size: 14px;}
@media  (max-width:1679px) {
  .tit-size42{font-size: 38px;}
  .tit-size40{font-size: 36px;}
  .h3-size38{font-size: 34px;}
  .h3-size36{font-size: 32px;}
  .h3-size34{font-size: 30px;}
  .h3-size32{font-size: 28px;}
  .h3-size30{font-size: 26px;}
  .h3-size28{font-size: 24px;}
  .h3-size26{font-size: 24px;}
  .h3-size24{font-size: 22px;}
  .h3-size22{font-size:20px;}
  .h3-size20{font-size: 18px;}
  .p-size18{font-size: 17px;}
}
@media  (max-width:1459px) {
  .tit-size42{font-size: 32px;}
  .tit-size40{font-size: 30px;}
  .h3-size38{font-size: 28px;}
  .h3-size36{font-size: 28px;}
  .h3-size34{font-size: 26px;}
  .h3-size32{font-size: 26px;}
  .h3-size30{font-size: 26px;}
  .h3-size28{font-size: 24px;}
  .h3-size26{font-size: 20px;}
  .h3-size24{font-size: 20px;}
  .h3-size22{font-size:18px;}
  .h3-size20{font-size: 17px;}
  .p-size18{font-size: 16px;}
  /* .p-size16{font-size: 15px;} */
}
@media  (max-width:1259px) {
  .tit-size42{font-size: 32px;}
  .tit-size40{font-size: 30px;}
  .h3-size38{font-size: 26px;}
  .h3-size36{font-size: 26px;}
  .h3-size34{font-size: 24px;}
  .h3-size32{font-size: 24px;}
  .h3-size30{font-size: 24px;}
  .h3-size28{font-size: 22px;}
  .h3-size26{font-size: 20px;}
  .h3-size24{font-size: 18px;}
  .h3-size22{font-size:18px;}
  .h3-size20{font-size: 17px;}
  .p-size18{font-size: 16px;}
  .p-size16{font-size: 14px;}
}
@media  (max-width:991px) {
  .tit-size42{font-size: 28px;}
  .tit-size40{font-size: 28px;}
  .h3-size38{font-size: 24px;}
  .h3-size36{font-size: 24px;}
  .h3-size34{font-size: 22px;}
  .h3-size32{font-size: 22px;}
  .h3-size30{font-size: 22px;}
  .h3-size28{font-size: 22px;}
  .h3-size26{font-size: 20px;}
  .h3-size24{font-size: 18px;}
  .h3-size22{font-size:18px;}
  .h3-size20{font-size: 16px;}
  .p-size18{font-size: 15px;}
}
@media  (max-width:767px) {
  .tit-size42{font-size: 22px;}
  .tit-size40{font-size: 22px;}
  .h3-size38{font-size: 20px;}
  .h3-size36{font-size: 20px;}
  .h3-size34{font-size: 20px;}
  .h3-size32{font-size: 20px;}
  .h3-size30{font-size: 20px;}
  .h3-size28{font-size: 18px;}
  .h3-size26{font-size: 17px;}
  .h3-size24{font-size: 16px;}
  .p-size22{font-size:16px;}
  .p-size18{font-size: 14px;}
}
/* 常见字体 */


/* 英文 */
@font-face {
  font-family: 'dinstd';
  src: url("../fonts/DINMITTELSCHRIFTSTD.eot");
  src: url("../fonts/DINMITTELSCHRIFTSTD.eot?#iefix") format("embedded-opentype"),
  url("../fonts/DINMITTELSCHRIFTSTD.woff") format("woff"), 
  url("../fonts/DINMITTELSCHRIFTSTD.ttf") format("truetype"), 
  url("../fonts/DINMITTELSCHRIFTSTD.svg") format("svg")
}

@font-face {
  font-family: 'zaozi';
  src: url("../fonts/造字工房力黑体.eot");
  src: url("../fonts/造字工房力黑体.eot?#iefix") format("embedded-opentype"),
  url("../fonts/造字工房力黑体.woff") format("woff"), 
  url("../fonts/造字工房力黑体.ttf") format("truetype"), 
  url("../fonts/造字工房力黑体.svg") format("svg")
}


/* 常见字体引用 */




/* 常见动画 */
.landIn { display: flex; justify-content: center; flex-wrap: wrap;}
.kongs {
  animation: landIn 0.8s ease-out both;
}
@keyframes landIn {
  from {
    opacity: 0;
    transform: translateY(50%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes landIn {
  from {
    opacity: 0;
    transform: translateY(50%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}





@keyframes jump{
  0%{  
    top:0px;  
    color:#333;  
  }  
  50%{  
      top:-10px;  
      color:#e94609;   
  }  
  100%{  
      top:0;  
      color:#e94609;  
  }  
}
@-webkit-keyframes jump  {  
  0%{  
      top:0px;  
      color:#333;  
  }  
  50%{  
      top:-10px;  
      color:#e94609;   
  }  
  100%{  
      top:0;  
      color:#e94609;  
  }  
}


@keyframes fangda{
  0%{transform: scale(1);}
  100%{transform: scale(1.05);}
}

@keyframes suoxiao{
  0%{transform: scale(1);}
  100%{transform: scale(0.2);}
}

@keyframes rotaterotate{
  0%{transform: rotate();}
  100%{transform: rotate(360deg);}
}



.bshare-custom a{background: none!important;width: 38px!important;height: 38px!important;line-height: 38px;border-radius: 50%;text-align: center;border: 1px solid #969696;font-size: 20px;display: inline-block;color: #969696;margin-right: 21px;}
.bshare-custom a:hover{color: #00218a;border: 1px solid #00218a;}
@media (max-width:767px) {
  .bshare-custom a{    width: 32px!important;height: 32px!important;line-height: 32px;font-size: 16px;}
}

.bsBox{box-sizing: content-box!important;}

/* 换行效果 */
.p-style{display: block;}

/* 多行省略 */
.text-over{overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}

  /* 滚动条 */
.scrollbar {
  overflow-y: auto;
  padding-right: 5px;
}

.scrollbar::-webkit-scrollbar {
  width: 3px;
  background-color: #dcdbdb;
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: #00218a;
  border-radius: 10px;
}
.scrollbarx {
  overflow-x: auto;
      padding-bottom: 5px;
}

.scrollbarx::-webkit-scrollbar {
  height: 3px;
  background-color: #dcdbdb;
}

.scrollbarx::-webkit-scrollbar-thumb {
  background-color: #00218a;
  border-radius: 10px;
}


.left{float: left;}
.right{float: right;}
.pt80{padding-top: 80px;}
.pt78{padding-top: 78px;}
.pt77{padding-top: 77px;}
.pt76{padding-top: 76px;}
.pt75{padding-top: 75px;}
.pt74{padding-top: 74px;}
.pb80{padding-bottom: 80px;}
.pb77{padding-bottom: 77px;}
.pb76{padding-bottom: 76px;}
.pb74{padding-bottom: 74px;}


@media  (max-width:1919px) {
}
@media  (max-width:1679px) {
}
@media  (max-width:1459px) {
.pt75,
.pt78,
.pt74,
.pt80{padding-top: 60px;}
.pt77{padding-top: 60px;}
.pt76{padding-top: 60px;}
.pb80{padding-bottom: 60px;}
.pb77{padding-bottom: 60px;}
.pb76{padding-bottom: 60px;}
}
@media  (max-width:1259px) {
.pt75,
.pt78,
.pt74,
.pt80{padding-top: 50px;}
.pt77{padding-top: 50px;}
.pt76{padding-top: 50px;}
.pb80{padding-bottom: 50px;}
.pb77{padding-bottom: 50px;}
.pb76{padding-bottom: 50px;}
}
@media  (max-width:991px) {
}
@media  (max-width:767px) {
.pt75,
.pt78,
.pt74,
.pt80{padding-top: 45px;}
.pt77{padding-top: 45px;}
.pt76{padding-top: 45px;}
.pb80{padding-bottom: 45px;}
.pb77{padding-bottom: 45px;}
.pb76{padding-bottom: 45px;}
}