@import '../iconfont/iconfont.css';
.flex {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
}
.flex-x {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
}
.flex-x-center {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-between {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-between-t {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-x-bottom {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.flex-y {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-y-center {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-grow-0 {
  min-width: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.flex-grow-1 {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.right0 {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ver > * {
  display: inline-block;
  vertical-align: middle;
}
.myrow {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-box-orient: vertical;
}
.row1 {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.row2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.row3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.hv-scale {
  overflow: hidden;
}
.hv-scale img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.hv-scale:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.hv-scale-xs {
  overflow: hidden;
}
.hv-scale-xs img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.hv-scale-xs:hover img {
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
  -ms-transform: scale(0.96);
  -o-transform: scale(0.96);
  transform: scale(0.96);
}
dl,
dt,
dd,
ol,
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
P {
  margin-bottom: 0;
}
em {
  font-style: normal;
}
body {
  -webkit-overflow-scrolling: touch;  font-family: Arial;
}
a:Hover,
a {
  color: #333;
}
.dt_con{ background:no-repeat center center; background-size:cover;}
@media (min-width: 992px) {
  a:Hover {
    color: #d11f37;
  }
}
.xs {
  font-size: 12px;
}
.shadow {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
img {
 max-width: 100%; 
}
.ic {
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
.text-info {
  color: #666;
}
a {
  text-decoration: none !important;
}
.row-pv10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-pv10 > * {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.row-pv0 {
  margin-left: 0;
  margin-right: 0;
}
.row-pv0 > * {
  padding-left: 0;
  padding-right: 0;
}
.row-pv12 {
  margin-left: -6px;
  margin-right: -6px;
}
.row-pv12 > * {
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 12px;
}
.row-pv20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-pv20 > li {
  padding-left: -10px;
  padding-right: -10px;
}
.mv0 {
  margin-left: 0!important;
  margin-right: 0!important;
}
.pv0 {
  padding-left: 0!important;
  padding-right: 0!important;
}
.pt0 {
  padding-top: 0px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mt0 {
  margin-top: 0!important;
}
.wrap {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}
.wrap {
  max-width: 1560px;
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 768px) {
  .wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 640px) {
  .wrap {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.center {
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  position: absolute;
}
.container.fill {
  width: 100%;
}
.pointer {
  cursor: pointer;
}
@font-face {
  font-family: medium;
  src: url('../fonts/DIN Medium.ttf'), url('../fonts/DIN Medium.eot'), url('../fonts/DIN Medium.otf');
}
.medium {
  font-family: medium;
}
.tran3 {
  transition: 0.3s;
}
.c-red {
  color: #d11f37;
}
.bg-red {
  background-color: #d11f37;
}
.hv-red:hover {
  color: #d11f37;
}
.bg-gray {
  background: #f4f4f4;
}






















/* 鎵嬫満绔彍鍗�*/
.menu_btn {
  width: 60px;
  height: 60px;
  z-index: 101;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.menu_btn i {
  position: absolute;
  width: 28px;
  height: 2px;
  background: #333;
  left: 12px;
  display: block;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.menu_btn i:nth-of-type(1) {
  top: 20px;
}
.menu_btn i:nth-of-type(2) {
  top: 30px;
}
.menu_btn i:nth-of-type(3) {
  top: 40px;
  width: 14px;
}
.menu_btn.active i:nth-of-type(1) {
  -webkit-transform: rotate(225deg) translate(-7px, -7px);
  -moz-transform: rotate(225deg) translate(-7px, -7px);
  -ms-transform: rotate(225deg) translate(-7px, -7px);
  -o-transform: rotate(225deg) translate(-7px, -7px);
  transform: rotate(225deg) translate(-7px, -7px);
}
.menu_btn.active i:nth-of-type(3) {
  opacity: 0;
}
.menu_btn.active i:nth-of-type(2) {
  -webkit-transform: rotate(-225deg) translate(0, 0);
  -moz-transform: rotate(-225deg) translate(0, 0);
  -ms-transform: rotate(-225deg) translate(0, 0);
  -o-transform: rotate(-225deg) translate(0, 0);
  transform: rotate(-225deg) translate(0, 0);
}
.menu_btn:hover i:nth-of-type(3) {
  width: 28px;
}
.head-m-nav {
  width: 100%;
  left: 0;
  top: 50px;
  right: 0;
  background: #fff;
  z-index: -1;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  height: 0;
  font-size: 16px;
  position: fixed;
}
.head-m-nav.active {
  bottom: 0;
  z-index: 99;
  opacity: 1;
  height: auto;
  position: fixed;
  padding: 10% 0 0;
}
.head-m-nav li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.head-m-nav .item {
  display: block;
  letter-spacing: 2px;
  position: relative;
  padding: 0.6em 0;
}
.head-m-nav .item span {
  display: inline-block;
  position: relative;
}
.head-m-nav .trans {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.head-m-nav .active .item {
  color: #d11f37;
}
/*.header {
  background: #;     position: fixed;z-index: 99; width:100%;
}*/

.header {
  background: #;     position: fixed;z-index: 99; width:100%;
}
.header .content {
  position: relative;
  margin: 0 40px;
}
 .language {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  padding-left: 57px;
  transition: 0.3s;font-size:18px; padding-right:30px;
}
 .language a {
  display: inline-block;
  transition: 0.3s;
  width: 40px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;color: #fff;
  text-align: center; font-size:18px;
}
 .language a:hover {
  width: 50px;
  background-color: #d11f37;
  color: #fff;
}
 .language::before {
  content: '';
  display: block;
  position: absolute;
  width: 42px;
  height: 1px;
  background: #bbb;
  left: 0;
  top: 50%;
}
 .menus {
  transition: 0.3s;
  text-align: center;
  font-size: 18px; margin-right: 12%;
}
.menus li {
  display: inline-block;
  margin: 0 0.6%;
}
 .menus li .item {
  color: #fff;
  display: inline-block;
  padding: 0 30px;
  line-height: 100px;
  position: relative;
}
 .menus li i {
  display: block;
  width: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 0px;
  background-color: #d11f37;
}
.menus li:hover .item {
  color: #fff;
}
 .menus li:hover i {
  left: 0;
  width: 100%;
  transition: all 0.4s ease 0s;
}
 .menus .active .item {
  color: #fff;
}
 .menus .active .item i {
  left: 0;
  width: 100%;
  transition: all 0.4s ease 0s;
}
 .hd-logo {
  position: absolute;
  transition: 0.3s;
  width: 40%;
  min-width: 70px;
  left: 0;
  top: 10px;
  bottom: 10px;
  background: url('../images/logo.png') no-repeat 0 center;
}
 .drop-down {
  height: 0px;
  line-height:50px;
  background: rgba(209, 31, 55, 0.2);
  overflow: hidden;
  position: absolute;
  left: -0.01px;
  top:90%;
  right: -0.01px;
  transition: 0.3s;
  z-index: 555;
  opacity: 0;
}
 .drop-down .inner {
  transition: 0.3s;
  transform: translateY(30px);
}
.drop-down a {
  color: #fff;
  display: inline-block;
  margin: 0 15px;
  font-size: 16px; text-align:center;padding-right:10px;   padding-left:10px;  
}
 .drop-down .active,
 .drop-down a:hover {
  color: #fff;
  background: rgba(209, 31, 55, 0.3); padding-left:10px; padding-right:10px;  font-size: 16px; 
}
 .drop:hover .drop-down {
  opacity: 1;
  height: 50px;
}
 .drop:hover .drop-down .inner {
  transform: translateY(0);
}
@media (max-width: 1400px) {
  .header .content {
    margin: 0 20px;
  }
   .menus li {
    margin: 0 0.5%;
  }
 .menus li .item {
    padding: 0 8px;
  }
}
@media (max-width: 992px) {
  .header {
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    position: fixed;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  .header .content {
    height: 60px;
    margin: 0 0 0 15px;
  }
  .header .hd-logo {
    background-size: 70%;
    top: 5px;
    bottom: 5px;
  }
}
@media (max-width: 992px) {
  .header + * {
    margin-top: 60px!important;
  }
}
*/

/* 首页新闻 */
.index-news h2{font-size:36px;line-height:35px;color:#fff;text-align:center;text-transform:uppercase;font-family:"OpenSans-Bold";}
.index-news h2 span{color:#fff;vertical-align:top;}
.index-news h2:before{content:" ";display:inline-block;width:140px;height:1px;background-color:#;margin-right:40px;vertical-align:middle;}
.index-news h2:after{content:" ";display:inline-block;width:140px;height:1px;background-color:#;margin-left:40px;vertical-align:middle;}

.index-news{padding-top:90px; padding-bottom:100px; z-index:1;width: 100%;
    height: 100%;
    overflow: hidden;}
.index-news h2{margin-bottom:60px;font-size:36px;line-height:35px;color:#fff;text-align:center;text-transform:uppercase;font-family:"OpenSans-Bold";}
.index-news .cont{overflow:hidden;font-family:"OpenSans-Light";}
.index-news .cont img{width:100%;height:auto}
.index-news .cont label{display:block;font-size:18px;line-height:25px;margin-bottom:10px;}
.index-news .cont span{position:absolute;font-size:15px;line-height:25px;}
.index-news .cont .more{position:absolute;width:20px;height:25px;background:url(/images/all-icon.png) no-repeat -40px -5px;}
.index-news .cont .hlines{float:left;width:43%;background-color:#fff;}
.index-news .cont .hlines .text{position:relative;padding:35px 90px 25px 25px;}
.index-news .cont .hlines .text span{right:25px;top:38px;}
.index-news .cont .hlines .text .more{right:25px;bottom:30px;}
.index-news .cont .recom{float:right;width:55%;}
.index-news .cont .recom li{position:relative;background-color:#fff;padding:23px 90px 27px 40px;margin-bottom:27px;}
.index-news .cont .recom li span{right:20px;top:23px;}
.index-news .cont .recom li .more{right:20px;bottom:17px;}
.index-news .cont .recom li:after{content:" ";position:absolute;top:29px;left:17px;width:9px;height:9px;border-radius:50%;background-color:#dadada;}
.index-news .cont .recom li:hover{background-color:#d11f37;color:#fff;}
.index-news .cont .recom li:hover a{color:#fff;}
.index-news .cont .recom li:hover .more{background-position:-60px -5px;}
.index-news .cont .recom li:hover:after{background-color:#fff;}
@media (max-width:1000px){
.index-news{padding: 30px 0;background-size: 100% 100%;}
.index-news .cont .hlines{width: 100%;margin-bottom:20px; padding-bottom:20px;}
.index-news .cont .recom{width: 100%;}
.index-news .cont .recom li p{height: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-news h2{margin-top:50px;}
.ycd{display:none;}
}











/* 右侧栏 */
.right_pf{position: fixed; z-index: 99; width: 217px; padding-bottom: 49px; right: 40px; top: 50%; 
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.right_pf .cha{position: absolute; bottom: 0; right: 16px; background: url(images/cha.png) no-repeat; width: 26px; height: 26px; cursor: pointer;}
.right_pf .right_m{float: right; width: 59px;background: rgba(0,0,0,.5); padding-bottom: 34px;
  -webkit-border-radius:8px; 
    -moz-border-radius:8px;
         border-radius:8px; }
.right_pf .backTop{float: left; width: 100%; display: block; height: 61px; font-size: 20px; line-height: 61px; color: #fff; font-weight: bold; text-align: center;}
.rightLis{ float: right; width: 59px; padding: 30px 0 30px 158px; position: relative; /*overflow:hidden;*/}
.rightLis .hd .prev,
.rightLis .hd .next{ position: absolute; top: 0; right: 0; display:block;  width:59px; height:30px; overflow:hidden;
   cursor:pointer; background:url("images/right_up.png") no-repeat top center;}
.rightLis .hd .next{top: auto; bottom: 0; background: url("images/right_down.png")  no-repeat bottom center;}
.rightLis .hd .prev:hover,
.rightLis .hd .next:hover{filter:alpha(opacity=80);opacity:0.8;}
.rightLis .bd{ float: left; width: 100%;}
.rightLis .tempWrap{ width: 100%; padding-left: 158px; margin-left: -158px;}
.rightLis .bd ul{float: left; zoom:1; position: relative;}
.rightLis .bd ul li{float: left; zoom:1; height: 50px; width: 100%; text-align: center; position: relative;}
.rightLis .bd ul li a{float: left; width: 100%; display: block;  padding: 13px 0 12px 0; height: 25px;}
.rightLis .bd ul li a .span{position:absolute; right: -300px; top: 0; padding: 13px 0 12px 0; line-height: 25px; height: 25px; display: block; font-size: 16px; color:#fff; background: #cc2525; width: 158px; z-index: 99;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;   
  -webkit-border-radius:8px 0 0 8px; 
    -moz-border-radius:8px 0 0 8px;
         border-radius:8px 0 0 8px;}

.rightLis .bd ul li a:hover{background: #cc2525;}
.rightLis .bd ul li a:hover .span{right: 100%;}
.rightLis .bd ul li a:hover i{display: block;}


.rightLis .bd ul li.wx .wxewm{ position:absolute; right: -300px; top: 0; padding:10px; width: 100px;  height: 100px; display: block; background: #cc2525;  z-index: 99;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;   
  -webkit-border-radius:8px 0 0 8px; 
    -moz-border-radius:8px 0 0 8px;
         border-radius:8px 0 0 8px;}
.rightLis .bd ul li.wx .wxewm img{width: 100px;  height: 100px;}
.rightLis .bd ul li.wx:hover .wxewm{right: 100%;}




main {
 width: 100%;
  margin-left: auto;
  margin-right: auto;
}
footer {
  background: #000;
  color: #fff;
}
footer .ic-police {
  background-image: url('../images/ga-ico.png');
  width: 20px;
  height: 30px;
  vertical-align: middle;
  margin-right: 2px;
}
footer .content {
  padding: 60px 0;
}
footer .item {
  line-height: 30px;
  float: left;
}
footer .item h4 {
  font-size: 16px;
  margin-top: 0;
  position: relative;
  font-family: medium;
}
footer .item-contact {
  float: right;
}
footer .item-nav {
  max-width: 260px;
  width: 17%;
}
footer .item-nav .icon-jia {
  float: right;
  opacity: 0;
  transition: 0.3s;
  display: none;
}
footer .item-nav .info a {
  display: block;
  color: #bbb;
}
footer .item-nav .info a:Hover {
  color: #fff;
}
footer .tel {
  font-size: 24px;
  color: #d11f37;
  margin: 20px 0;
  font-family: medium;
}
footer .tel b {
  font-size: 36px;
}
footer .wx {
  opacity: 0.7;
}
footer .wx:hover {
  opacity: 1;
}
footer .ft-bottom {
  padding: 20px 0 26px;
  border-top: 1px solid #3e3e3e;
  line-height: 30px;
}
footer .ft-bottom .ft-nav a {
  display: inline-block;
  padding-left: 13px;
  margin-right: 34px;
  color: #bbb;
  position: relative;
}
footer .ft-bottom .ft-nav a::before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 5px solid #fff;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
footer .ft-bottom .ft-nav a:hover {
  color: #fff;
}
footer .copyright {
  color: #bbb; text-align:center; width: 100%;
}
footer .copyright p {
  display: inline-block;

}
@media (max-width: 992px) {
  footer .item-nav {
    width: 25%;
    max-width: none;
  }
  footer .item-contact {
    float: none;
    clear: both;
    padding-top: 20px;
    width: 100%;
    text-align: center;
  }
  footer .item-contact h4 {
    display: none;
  }
  footer .tel {
    font-size: 36px;
    font-weight: bold;
  }
}
@media (max-width: 768px) {
  footer .content {
    padding: 30px 0;
  }
  footer .content .wrap {
    padding: 0;
  }
  footer .item {
    float: none;
    width: 100%;
  }
  footer .item .icon-jia {
    display: block;
    transition: 0.3s;
    opacity: 1;
  }
  footer .item h4 {
    font-size: 16px;
    position: relative;
    border-bottom: 1px solid #3e3e3e;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 0;
  }
  footer .item .info {
    display: none;
    font-size: 15px;
    padding: 10px 30px;
    line-height: 2;
  }
  footer .item-nav.active .iconfont {
    transform: rotate(135deg);
  }
  footer .ft-bottom {
    font-size: 14px;
    line-height: 1.76;
  }
  footer .ft-bottom .copyright {
    padding-top: 10px;
  }
  footer .ft-bottom p + p {
    margin-top: 10px;
  }
  footer .tel b,
  footer .tel {
    font-size: 30px;
  }
  footer .wx {
    width: 40px;
    height: 40px;
    display: inline-block;
  }
}
footer {
  margin-top: 160px;
}
@media (max-width: 1440px) {
  footer {
    margin-top: 140px;
  }
}
@media (max-width: 768px) {
  footer {
    margin-top: 100px;
  }
}
@media (max-width: 640px) {
  footer {
    margin-top: 60px;
  }
}
@media (max-width: 480px) {
  footer {
    margin-top: 50px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}

/*首页 */
.top1{width:100%; position:absolute; top:0; left: 0; z-index: 9999; border-bottom:0px solid rgba(255,255,255,0.5);}
.top1 .logo{width:207px; height: auto; margin:22px 0 0 0; float:left;}

.menu_box{float:left; margin-left:20.52%;}
.menu{float:left;}
.menu .nli{float:left; position: relative; text-align: center;margin-left:68px; }
.menu .nli:first-child{margin-left:0;}
.menu .nli span > a{font-size:18px; color:#fff;padding:42.5px 0; display: block; position: relative;}
.menu .nli span > a .i1{display:block; line-height: 24px;font-style:normal; }
.menu .nli:hover span > a{color:#fff;}
.menu .nli:hover span > a::after{width:100%; height: 0px; position: absolute; bottom:-1px; left: 0; content: "";background-color:#c9151e;}
.menu .nli.on span > a{color:#fff;}
.menu .nli.on span > a::after{width:100%; height: 0px; position: absolute; bottom:-1px; left: 0; content: "";background-color:#c9151e;}

.sub{position: absolute; top:109px; left: 50%; width:140px; background-color:rgba(201,21,30,0.6);
text-align: center; z-index: 101; display:none; margin-left:-70px;}
.sub a{display:block; font-size:14px; color:#fff;  padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.1);}
.sub a:hover{background-color:rgba(201,21,30,0.9);}

.tPhone{float:right; margin-top:35.5px; }
.tPhone .ico{width:38px; height: 38px; border-radius: 50%; background-color:#; float:left;}
.tPhone .H6{margin-left:42px; font-size:20px; color:#fff;line-height: 38px;}
.tPhone .H6 a{ color:#fff;}

.mPhone{float:right; margin-top:35.5px; margin-right:20px; }
.mPhone .ico{width:38px; height: 38px; border-radius: 50%; background-color:#; float:left;}
.mPhone .H6{margin-left:42px; font-size:16px; color:#fff;line-height: 38px;}
.mPhone .H6 a{ color:#fff;font-style:normal; }
@media screen and (max-width:1549px){
	.menu .nli{margin-left:40px;}
	.menu_box{margin-left:8%;}
}
@media screen and (max-width:1199px){
	.top1 .logo{width:140px;}
	.menu .nli{margin-left:30px;}
	.menu_box{margin-left:6%;}
	.menu .nli span > a{font-size:16px; padding:30px 0;}
	.tPhone{margin-top:23px;}
	.mPhone{margin-top:13px;}
}

/*手机头*/
.top2{width:100%; height:60px;display: none ; position: absolute; z-index: 2000; border-bottom:0px solid rgba(255,255,255,0.5);}
.top2.active{border-bottom:1px solid #f2f2f2;}
.top2 .logo{width:120px; height:auto; float:left; margin-top:10px;}

@media screen and (max-width:991px){
    .top2{ display:block;}
	.top1{ display:none;}
}
.sidebar{position:fixed;top:50%;right:12px;width:42px;text-align:center;z-index:10;height:250px;margin-top:-125px;z-index:9999;line-height:42px}
.sidebar a{width:42px;height:42px;border-radius:21px;cursor:pointer;display:block;overflow:hidden;
transition:all .3s cubic-bezier(.15,.65,.58,.99);-ms-transition:all .3s cubic-bezier(.15,.65,.58,.99);
-o-transition:all .3s cubic-bezier(.15,.65,.58,.99);-webkit-transition:all .3s cubic-bezier(.15,.65,.58,.99);
-moz-transition:all .3s cubic-bezier(.15,.65,.58,.99)}
.sidebar a>span{color:#fff;font-size:14px;margin-left:25px;display:none;line-height:42px;height:42px;opacity:0;filter:alpha(opacity=0);
transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-ms-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
-o-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-webkit-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
-moz-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99)}.sidebar a.right-mail{background:url(../images/sidebar-icon1.png) no-repeat center;margin-bottom:10px;
background-color:#999;position:absolute;right:0;top:0}
.sidebar a.right-mail:hover{width:188px;background:url(../images/sidebar-icon1.png) no-repeat 20px center #d01f37}
.sidebar a.right-weixin{background:url(../images/sidebar-icon2.png) no-repeat center;background-color:#999;
margin-bottom:10px;position:absolute;right:0;top:52px;overflow:visible}
.sidebar a.right-weixin:hover{background:url(../images/sidebar-icon2.png) no-repeat center #d01f37}.sidebar a.right-weixin:hover .weixin-code{opacity:1;visibility:visible;left:-140px}.sidebar .weixin-code{position:absolute;left:-125px;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);opacity:0;visibility:hidden;transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease}.sidebar .weixin-code img{width:120px;height:120px}
.sidebar a.right-tell{background:url(../images/sidebar-icon3.png) no-repeat center;background-color:#999;margin-bottom:10px;position:absolute;right:0;top:104px}.sidebar a.right-tell:hover{width:188px;background:url(../images/sidebar-icon3.png) no-repeat 20px center #d01f37}.sidebar a.right-message{background:url(../images/sidebar-icon4.png) no-repeat center;background-color:#999;margin-bottom:10px;position:absolute;right:0;top:156px;overflow:visible}.sidebar a.right-message:hover{background:url(../images/sidebar-icon4.png) no-repeat center #d01f37}.sidebar a.right-message:hover .fixed-message{opacity:1;visibility:visible;left:-325px}.sidebar a.right-top{background:url(../images/sidebar-icon5.png) no-repeat center;background-color:#999;position:absolute;bottom:0;right:0}.sidebar a.right-top:hover{width:120px;background:url(../images/sidebar-icon5.png) no-repeat 20px center #d01f37}.sidebar a:hover>span{display:block;vertical-align:middle;opacity:1;filter:alpha(opacity=100)}
@media screen and (max-width:768px){
   
	.sidebar{ display:none;}
}












h6,

.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h6 small,

.h6 small,

h6 .small,

.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}



h6,
.h6 {
  margin-top: 0;
  margin-bottom: 0;
}

h6 small,
.h6 small,

h6 .small,
.h6 .small {
  font-size: 75%;
}

h6,
.h6 {
  font-size: 12px;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 992px;
  }
}
@media (min-width: 1200px) {
  .container {
  width: 100%;
  }
}
@media (min-width: 1550px) {
  .container {
    width: 100%;
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/*下拉*/
.menuph{
    float:right;
    margin:10px 0 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
}
.menuph .point
{
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 10px;
    position: relative;
}

.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
    width: 28px;
}
.menuph .navbtn
{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 2px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fff;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;

    background: #fff;
}
.menuph .navbtn::after
{
    top: -11px;
}
.menuph .navbtn::before
{
    top: 10px;
}
.menuph .point.active .navbtn{
    background: transparent;
}
.menuph .point.active .navbtn::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}
.menuph .point.active .navbtn::before
{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}


/*手机下拉*/
.xialaph{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    display: none;
    z-index: 1029;
    background-color:rgba(0,0,0,0.8);
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph h4 a{
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    position: relative;
	font-weight: bold;
	text-transform: uppercase;
}
.xialaph h4{
    position: relative;
}
.xialaph h4 .ico{width:22px; line-height: 0; display: inline-block ; vertical-align: middle; margin-right:5px;}
.xialaph li:last-child h4::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #f2f2f2;
	display: none
}
.xialaph li:first-child h4::after{display:none;}
.xialaph h4::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color:rgba(255,255,255,0.2);
    /*opacity: 0.1;*/
}
.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}

.xialaph h5 a{
    display: block;
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    line-height: 42px; padding:0 27px;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(255,255,255,0.2);
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.xialaph h4 b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #fff solid 1px; border-right: #fff solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xialaph h4.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
}
/*.xialaph .ul2{ padding-left: 30px;  }*/
.xialaph .ul3{
    padding-top: 12px;
    padding-bottom: 18px;
    padding-left: 15px;
    position: relative;
}
.xialaph .ul3::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
    display: none;
}
.xialaph .ul3 li a{
    color: #666;
    font-size: 14px;
    line-height: 35px;
    display: block;
}
.xialaph .ul3 li{
    padding-top: 5px;
}
.xialaph .ul3 li:first-child{
    padding-top: 0;
}

.xialaph h5 b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #999 solid 1px; border-right: #999 solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xialaph h5.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
}

 
.phonemeng{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 1000;
    display: none;
}
.phonemeng.active{
    display: block;
}













.swiper-pagination-wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
  z-index: 99;
  width: 94%;
  height: 16px;
}
.swiper-pagination-wrap .swiper-pagination {
  right: 0;
  height: 16px;
}
.swiper-pagination-wrap .swiper-pagination-bullet {
  background: #fff;
  width: 12px;
  height: 12px;
  opacity: 1;
  margin: 0 5px;
}
.swiper-pagination-wrap .swiper-pagination-bullet-active {
  background-color: #d11f37;
}
@media (max-width: 480px) {
  .swiper-pagination-wrap {
    bottom: 5%;
  }
}
.scroll2 {
  position: absolute;
  bottom: 500px;

  z-index: 99;
  width: 100%;

  text-align: center;
  color: #fff;

  cursor: pointer;
  transition: 0.3s;
  margin:0px auto;
  text-align:center;
 
}
.scroll2 h4{

  color: #fff;
  font-size: 60px;
  letter-spacing:2px;

 
}

.scroll2 p{

  color: #fff;
  font-size: 20px; letter-spacing:0px;

 
}
@media (max-width: 2568px) {
  .scroll2 {
    bottom: 600px;
  }
}
@media (max-width: 1920px) {
  .scroll2 {
    bottom: 400px;
  }
}

@media (max-width: 1200px) {
  .scroll2 {
    bottom: 200px;
  }
}


.scroll {
  position: absolute;
  bottom: 66px;
  left: 50%;
  z-index: 99;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  cursor: pointer;
  transition: 0.3s;
  margin-left: -20px;
}
.scroll:hover {
  background-color: #d11f37;
  color: #fff;
  -border-color: #d11f37;
}
@media (max-width: 768px) {
  .scroll {
    bottom: 5%;
  }

  .ycd{ display:none;
  }
}
@media (max-width: 640px) {
  .scroll {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.swiper-banner {
  width:100%;
  margin-left: auto;
  margin-right: auto;
  height: 9.4rem;
  overflow: hidden; 
}
.swiper-banner .swiper-slide {
  overflow: hidden;
  background-size: cover !important;
  background-position: center;
  padding-left: 0px;
  opacity: 0;
  width: 100%;
}
.swiper-banner .bg {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.1);
  background-position: center !important;
  background-size: cover !important;
  transition: all 7.6s cubic-bezier(0.04, 0.79, 1, 1) !important;
  box-sizing: border-box;
}
.swiper-banner .swiper-slide {
  opacity: 0;
  filter: alpha(opacity=0);
}
.swiper-banner .text {
  top: 50%;
  transform: translateY(-50%) scale(1);
  color: #fff;
  line-height: 1.8;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: all 1s ease-in 0s;
  padding: 70px 50px 80px;
  z-index: 999;
  position: absolute;
  text-align: center;
}
.swiper-banner .text h4 {
  font-size: 60px;
  letter-spacing: 2px;
}
.swiper-banner .text .en {
  font-size: 16px;
  letter-spacing: 0px;
  margin-top: 5px;
}
.swiper-banner .text .time {
  font-size: 18px;
  border: 1px solid #fff;
  height: 40px;
  line-height: 40px;
  letter-spacing: 30px;
  padding: 0 40px;
  display: inline-block;
  margin-bottom: 20px;
}
.swiper-banner .swiper-slide-active .bg {
  transform: scale(1);
}
.swiper-banner .swiper-slide-active .text {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}


@media (max-width: 1440px) {
  .swiper-banner .text {
    padding: 60px 40px 70px;
  }
}
@media (max-width: 1200px) {
  .swiper-banner .text {
    padding: 50px 30px 60px;
  }
}
@media (max-width: 992px) {
  .swiper-banner .text {
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    text-align: center;
    bottom: auto;
    background: none;
    padding: 0 30px;
  }
}
@media (max-width: 768px) {
  .swiper-banner .text h4 {
    font-size: 25px;font-family: SLIMSANSSERIF;text-transform: capitalize;     

  }
  .swiper-banner .text .en {
    font-size: 12px;
  }
  .swiper-banner .text .time {
    font-size: 12px;
    letter-spacing: 12px;
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .swiper-banner {
    height: 280px;
  }
  .swiper-banner .text {
    padding: 0 10px;
  }
  .swiper-banner .text h4 {
    font-size: 30px;
  }
  .swiper-banner .text .time {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    font-size: 10px;
  }
}
.more1 {
  background-color: #d11f37;
  border-radius: 5px;
  color: #fff;
  width: 87px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  transition: 0.3s;
}
.more1:hover {
  transform: translateY(-5px);
  color: #fff;
}
@media (max-width: 480px) {
  .more1 {
    width: 66px;
    height: 30px;
    line-height: 30px;
  }
}
.ibox2 {
  text-align: center;
  padding-top: 90px;
  padding-bottom: 90px;
  width:100%;  height:100%;  overflow:hidden;
}
.ibox2 .tit1 {
  margin-bottom: 56px;color: #fff;
}
.ibox2 .info {
  font-size: 16px;
  margin: 0 3% 66px;
  color: #bbb;
  line-height: 1.75;
}
.ibox2 .datas {
  margin: 110px 0 0;
}

@media (max-width: 1920px) {

  .ibox2 .info {
    font-size: 18px;
  
  }
 .datas .tit {
 font-size: 16px;
}
}
@media (max-width: 768px) {
  .ibox2 {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .ibox2 h2 {
    margin-bottom: 30px;
  }
  .ibox2 .info {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .ibox2 .datas {
    margin-top: 50px;
  }
}
@media (max-width: 640px) {
  .ibox2 .tit1 {
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .ibox2 .tit1 {
    margin-bottom: 20px;
  }
}
.datas {
  text-align: center;
}
.datas li {
  margin-bottom: 30px;
}
.datas .ic {
  width: 100%;
  height: 100%;
  background-position: 0 center;
  position: absolute;
  left: -10%;
  top: 0;
  right: 0;
  z-index: -1;
}
.datas .ic-1 {
  background-image: url('../images/.png');
}
.datas .ic-2 {
  background-image: url('../images/.png');
}
.datas .ic-3 {
  background-image: url('../images/.png');
}
.datas .ic-4 {
  background-image: url('../images/.png');
}
.datas .num {
  color: #fff;
  font-size: 72px;
  text-shadow: 4.5px 7.794px 9px rgba(209, 31, 55, 0.15);
  font-family: medium;
  position: relative;
  padding-top: 0.5em;
}
.datas .num .unit {
  font-size: 24px;
}
.datas .num > * {
  display: inline-block;
  vertical-align: baseline;
}
.datas .val {
  transition: 0.3s;
}
.datas .tit {
  color: #999;
}
@media (max-width: 1200px) {
  .datas .num {
    font-size: 52px;
  }
  
}
@media (max-width: 768px) {
  .datas .num {
    font-size: 40px;
    margin-bottom: 10px;
    display: inline-block;
  }
  .datas .num .unit {
    font-size: 20px;
    display: inline-block;
    vertical-align: text-bottom;
  }
}
@media (max-width: 480px) {
  .datas .ic {
    background-size: 50%;
  }
  .datas .num {
    margin-bottom: 0;
    font-size: 36px;
  }
  .datas .num .unit {
    font-size: 16px;
    position: relative;
    top: -2px;
  }
  .datas .tit {
    font-size: 12px;
  }
}
.tit1 {
  font-size: 36px;
  font-weight: bold;
}
@media (max-width: 768px) {
  .tit1 {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .tit1 {
    font-size: 24px;
  }
}
.ibox1 li {
  position: relative;
  overflow: hidden;
  background-color: #d11f37;
}
.ibox1 li img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.ibox1 li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.ibox1 .bg {
  width: 100%;
}
.ibox1 .content {
  position: absolute;
  left: 0;
  top: 0;
  width: 88%;
  padding: 10% 0 0 9%;
}
.ibox1 h5 {
  font-size: 24px;
  line-height: 1.6;
}
.ibox1 .sub {
  font-size: 16px;
  color: #666;
  line-height: 1.875;
  height: 120px;
}
@media (max-width: 1440px) {
  .ibox1 .content {
    padding-top: 5%;
  }
  .ibox1 .sub {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .ibox1 {
    padding: 0 30px;
  }
  .ibox1 li {
    margin-top: 20px;
  }
  .ibox1 h5 {
    font-size: 40px;
  }
  .ibox1 .sub {
    font-size: 18px;
    margin: 10px 0 30px;
  }
}
@media (max-width: 768px) {
  .ibox1 {
    padding: 0 10px;
  }
  .ibox1 h5 {
    font-size: 24px;
  }
  .ibox1 .sub {
    font-size: 14px;
    margin: 0;
  }
  .ibox1 li {
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  .ibox1 .content {
    padding: 5% 0 0 5%;
  }
}
.ibox3 {
  background: #2c2c2c;
}
.ibox3 .tit1 {
  color: #fff;
  text-align: center;
  padding: 83px 0 52px;
  font-family: medium;
  font-weight: bold;
}
.ibox3 .quality-list-lg {
  position: relative;
}
.ibox3 .to {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  background-color: #d11f37;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
  text-align: center;
}
.ibox3 .to .iconfont {
  font-size: 0.5rem;
}
.ibox3 .item {
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
  background-position: center;
  background-repeat: none;
  background-size: cover;
}
.ibox3 .item img {
  display: block;
  width: 100%;
}
.ibox3 .num {
  font-size: 1rem;
  position: absolute;
  left: 18%;
  bottom: 0px;
  line-height: 1;
  transition: all 0.2s;
  font-family: medium;
  transform: scale(0);
}
.ibox3 video {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0s;
  opacity: 0;
}
.ibox3 .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.2s;
  z-index: 2;
}
.ibox3 .inner {
  padding: 13% 0 0 6%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.2s;
}
.ibox3 .ic {
  width: 100%;
  height: 0.6rem;
  background-position: 0 center;
  margin-bottom: 10px;
  background-size: contain;
}
.ibox3 .ic-1 {
  background-image: url('../images/icc1.png');
}
.ibox3 .ic-2 {
  background-image: url('../images/icc2.png');
}
.ibox3 .ic-3 {
  background-image: url('../images/icc3.png');
}
.ibox3 .ic-4 {
  background-image: url('../images/icc4.png');
}
.ibox3 .ic-5 {
  background-image: url('../images/icc5.png');
}
.ibox3 .ic-6 {
  background-image: url('../images/icc6.png');
}
.ibox3 .ic-7 {
  background-image: url('../images/icc7.png');
}
.ibox3 .ic-8 {
  background-image: url('../images/icc8.png');
}
.ibox3 h5 {
  font-size: 0.24rem;
}
.ibox3 .quality-list-lg {
  overflow: hidden;
}
/*12%*/
.ibox3 .quality-list-lg .item {
  width: 8.55%;
  overflow: hidden;
  float: left;
  transition: 0.4s linear;
  height: 700px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: red;
}
.ibox3 .quality-list-lg .inner {
  padding: 50px 0 0 12%;
}
.ibox3 .quality-list-lg .active {
  width: 40%;
  transition-delay: 0!important;
}
.ibox3 .quality-list-lg .active video {
  opacity: 1;
}
.ibox3 .quality-list-lg .active .inner {
  padding-left: 18%;
}
.ibox3 .quality-list-lg .active .num {
  transform: scale(1);
}
@media (max-width: 1680px) {
  .ibox3 .quality-list-lg .item {
    height: 600px;
  }
}
@media (max-width: 1440px) {
  .ibox3 h5 {
    font-size: 18px;
  }
  .ibox3 .quality-list-lg .item {
    height: 550px;
  }
}
@media (max-width: 1200px) {
  .ibox3 .ic {
    height: 50px;
    background-position: center;
  }
  .ibox3 .inner {
    padding-left: 0;
    text-align: center;
  }
  .ibox3 .num {
    left: 0;
    right: 0;
    text-align: center;
  }
  .ibox3 .quality-list-xs {
    text-align: center;
    margin-left: -10px;
    margin-right: -10px;
  }
  .ibox3 .quality-list-xs > li {
    padding-left: -10px;
    padding-right: -10px;
  }
  .ibox3 .item {
    height: auto;
  }
  .ibox3 .ic {
    background-position: center;
  }
  .ibox3 h5 {
    font-size: 30px;
  }
  .ibox3 .num {
    transform: scale(1) !important;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.6;
  }
  .ibox3 li {
    margin-bottom: 20px;
  }
  .ibox3 img {
    width: 100%;
  }
  .ibox3 .content {
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    position: absolute;
  }
}
@media (max-width: 768px) {
  .ibox3 .ic {
    margin-bottom: 0;
    height: 80px;
    margin-bottom: 20px;
  }
  .ibox3 .tit1 {
    padding: 60px 0 40px;
  }
}
@media (max-width: 640px) {
  .ibox3 .ic {
    height: 50px;
    margin-bottom: 0;
  }
  .ibox3 h5 {
    font-size: 24px;
  }
  .ibox3 .num {
    font-size: 40px;
  }
}
@media (max-width: 480px) {
  .ibox3 h2 {
    padding: 40px 0 20px;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 2px;
  }
  .ibox3 .quality-list-xs {
    margin-left: -5px;
    margin-right: -5px;
  }
  .ibox3 .quality-list-xs > * {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
  .ibox3 .tit1 {
    padding: 40px 0 20px;
  }
}
.ibox3.s2 {
  background: none;
  padding-top: 20px;
}
.inews {
  background: #f4f4f4;
  padding-top: 90px;
  padding-bottom: 110px;
}
.inews .hd {
  margin-bottom: 60px;
  position: relative;
}
@media (max-width: 640px) {
  .inews {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .inews .hd {
    margin-bottom: 20px;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .inews {
    padding-top: 30px;
  }
  .inews .wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .inews ol {
    padding-bottom: 20px;
  }
}
.news-list {
  margin-left: -20px;
  margin-right: -20px;
  padding-bottom: 0.5rem;
}
.news-list li {
  padding-left: -20px;
  padding-right: -20px;
  margin-bottom: 40px;
  cursor: pointer;
}
.news-list .inner {
  background: #fff;
  border: 4px solid #fff;
  padding: 0.32rem 0;
  overflow: hidden;
  transition: 0.3s;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.news-list .inner .content {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.news-list li:hover .inner {
  border-color: #d11f37;
  background: none;
}
.news-list li:hover .inner .date > * {
  color: #d11f37;
}
.news-list .date {
  width: 1.4rem;
  text-align: center;
  min-width: 100px;
  font-family: medium;
  border-right: 1px solid #e5e5e5;
  padding-bottom: 15px;
}
.news-list .date b {
  font-size: 48px;
  line-height: 1.4;
}
.news-list .date p {
  color: #999999;
}
.news-list .content {
  padding: 0 0.42rem 0 0.3rem;
}
.news-list h4 {
  font-size: 18px;
  margin-bottom: 15px;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.news-list .info {
  color: #999;
  line-height: 24px;
  height: 48px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 992px) {
  .news-list li {
    margin-bottom: 20px;
  }
}
@media (max-width: 640px) {
  .news-list {
    margin-left: 0;
    margin-right: 0;
  }
  .news-list > * {
    padding-left: 0;
    padding-right: 0;
  }
  .news-list h4 {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .news-list .date {
    min-width: 60px;
    padding-bottom: 5px;
  }
  .news-list .date b {
    font-weight: normal;
    font-size: 38px;
  }
  .news-list .date p {
    font-size: 12px;
  }
  .news-list .info {
    font-size: 12px;
    line-height: 20px;
    height: 38px;
  }
}
@media (max-width: 480px) {
  .news-list .inner {
    padding: 10px 0;
  }
  .news-list li {
    margin-bottom: 10px;
  }
  .news-list .date b {
    font-size: 32px;
  }
}
.inews-tab-nav {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.inews-tab-nav .item + .item {
  margin-left: 35px;
}
.inews-tab-nav .item {
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  padding-bottom: 10px;
}
.inews-tab-nav .item:hover {
  color: #d11f37;
}
.inews-tab-nav .item i {
  display: block;
  width: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 4px;
  margin-left: 0;
  background-color: #d11f37;
}
.inews-tab-nav .item.active {
  color: #d11f37;
}
.inews-tab-nav .item.active i,
.inews-tab-nav .item:hover i {
  margin-left: -8px;
  width: 16px;
  transition: all 0.4s ease 0s;
}
@media (max-width: 640px) {
  .inews-tab-nav {
    position: inherit;
    transform: translateY(0);
    padding-top: 20px;
  }
}

.SLIMSANSSERIF{
  font-family:SLIMSANSSERIF;
}
@font-face {
  font-family: SLIMSANSSERIF;
  src: url('../fonts/SLIMSANSSERIF.ttf'), url('../fonts/SLIMSANSSERIF.eot'), url('../fonts/SLIMSANSSERIF.otf');
}

.DIN-BLACKITALIC{
  font-family:DIN-BLACKITALIC;
}
@font-face {
  font-family: DIN-BLACKITALIC;
  src: url('../fonts/DIN-BLACKITALIC.ttf'), url('../fonts/DIN-BLACKITALIC.eot'), url('../fonts/DIN-BLACKITALIC.otf');
}


 .texts {
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0.6rem;
  left: 0;
  right: 0;  text-align: center;z-index: 99;cursor: pointer; transition: 0.3s;
}
 .texts .inners {
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  position: absolute;
  width: 100%;
}
 .texts h4 {
  font-size: 70px; 
  margin-bottom: 0px;  color:#fff;font-weight:bold; font-family:SLIMSANSSERIF ;   text-transform: capitalize;  letter-spacing:2px;
}
 .texts h1 {
  font-size: 20px;
   color:#fff;letter-spacing:0px;font-family:ARIAL ;
}
 .texts .sub {
  font-size: 20px;letter-spacing:0px;
}


}

.djj { margin-left: 60px;
  }
@media (max-width:640px) {
	.djj { display:none;
  }
	
}
@media (max-width: 480px) {

   .texts h4 {
    font-size: 34px;
    margin-bottom: 15px;
  }
   .texts .sub {
    font-size: 14px;
  }
}
























.banner {
  text-align: center;
  position: relative;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
  background-position: center;
  background-repeat: none;
  overflow: hidden;
}
.banner .text {
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0.6rem;
  left: 0;
  right: 0;
}
.banner .text .inner {
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  position: absolute;
  width: 100%;
}
.banner .text h4 {
  font-size: 60px;
  margin-bottom: 0px;  color: #fff;font-family: "SLIMSANSSERIF"; font-weight:bold 
}
.banner .text h1 {
  font-size: 20px;
   color: #fff;
}
.banner .text .sub {
  font-size: 16px;
}


.banner .scroll {
  bottom: 0.75rem;
}
@media (max-width: 992px) {
  .banner {
    height: 500px;
  }
  .banner .bg {
    display: none;
  }
    .banner .text h4 {
    font-size: 40px;
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .banner {
    height: 400px;
  }
  .banner .text h1 {
  font-size: 16px;

}
}
@media (max-width: 480px) {
  .banner {
    height: 280px;
  }
  .banner .text h4 {
    font-size: 34px;
    margin-bottom: 15px;
  }
  .banner .text .sub {
    font-size: 14px;
  }
}
.news-topper {
  margin: 70px 0 60px;
  margin-left: 0;
  margin-right: 0;
  background: #fff;
}
.news-topper > * {
  padding-left: 0;
  padding-right: 0;
}
.news-topper .content {
  padding: 5% 1.12rem;
  color: #999;
  line-height: 1.6;
}
.news-topper h4 {
  font-size: 30px;
  color: #d11f37;
  margin: 0.26rem 0 0.4rem;
}
.news-topper h4 a {
  color: #d11f37;
}
.news-topper .info a {
  color: #999;
  line-height: 24px;
}
.news-topper .info a:hover {
  color: #666;
}
.news-topper .time {
  font-family: medium;
  font-size: 16px;
}
.news-topper .img {
  display: block;
  overflow: hidden;
}
.news-topper .img img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.news-topper .img:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
@media (max-width: 1200px) {
  .news-topper content {
    padding: 5% 0.3rem;
  }
  .news-topper h4 {
    font-size: 22px;
  }
  .news-topper .info {
    font-size: 14px;
  }
}
@media (min-width: 993px) {
  .news-topper {
    display: table;
  }
  .news-topper > * {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
}
@media (max-width: 640px) {
  .news-topper {
    margin: 40px 0 10px;
  }
}
@media (max-width: 480px) {
  .news-topper .content {
    padding: 20px;
  }
}
.main-bottom {
  padding-bottom: 1rem;
}
@media (max-width: 480px) {
  .main-bottom {
    padding-bottom: 60px;
  }
}
.artical-hd {
  border-bottom: 4px solid #d11f37;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 0.4rem;
}
.artical-hd h2 {
  font-size: 36px;
  margin-bottom: 20px;
  line-height: 1.3;
}
.artical-hd .time {
  font-family: medium;
  font-size: 16px;
  color: #666;
}
.artical-hd .return-wrap {
  font-size: 16px;
  color: #999;
  text-align: center;
  line-height: 1.2;
  position: absolute;
  right: 0;
  top: 0;
}
.artical-hd .return-wrap:hover {
  color: #d11f37;
}
.artical-hd .return-wrap .iconfont {
  color: #d11f37;
  font-size: 40px;
}
@media (min-width: 993px) {
  .artical-hd .return-wrap .iconfont {
    display: block;
    margin: 0 auto;
  }
  .artical-hd .return-wrap .return {
    display: inline-block;
    text-align: center;
  }
}
@media (max-width: 992px) {
  .artical-hd {
    text-align: center;
  }
  .artical-hd h2 {
    font-size: 30px;
  }
  .artical-hd .return-wrap {
    position: inherit;
    text-align: right;
  }
  .artical-hd .return-wrap a {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
  }
  .artical-hd .return-wrap .iconfont {
    font-size: 16px;
    margin-right: 2px;
  }
}
@media (max-width: 768px) {
  .artical-hd h2 {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .artical-hd {
    text-align: center;
  }
  .artical-hd h2 {
    font-size: 24px;
  }
  .artical-hd .return-wrap {
    font-size: 12px;
    line-height: 1.4;
    position: relative;
  }
  .artical-hd .return-wrap .iconfont {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .artical-content {
    padding-right: 0.6rem;
  }
}
.artical-bd {
  padding-top: 0.5rem;
  padding-bottom: 0.7rem;
  color: #666;
  line-height: 30px;
}
.artical-bd p {
  margin-bottom: 0.26rem;
}
.artical-pnext {
  line-height: 1.9; padding-left:10px; padding-bottom:120px;
}
.artical-pnext .item {
  margin-bottom: 20px;
}
.artical-pnext a {
  display: block;
  border: 1px solid #dadada;
  padding: 0.4rem 0;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
}
.artical-pnext .iconfont {
  width: 20%;
  text-align: center;
  display: block;
}
.artical-pnext .txt {
  width: 80%;
  display: block;
}
.artical-pnext .prev .txt {
  padding-right: 0.6rem;
}
.artical-pnext .next .txt {
  padding-left: 0.6rem;
}
.artical-pnext .item a:Hover {
  background-color: #d11f37;
  color: #fff;
}
.slist1 h2 {
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0  18px;
}
.slist1 .info {
  font-size: 16px;
}
.slist1 .info li {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height: 35px;
}
.slist1 .info a {
  color: #999;
}
.slist1 .info a:hover {
  color: #d11f37;
}
@media (max-width: 1199px) {
  .slist1 {
    padding-top: 1rem;
  }
}



	/*分页*/
.pageBox {  text-align: center; margin-top: 20px; margin-bottom:40px;  }
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center; font-family: 'Arial'; background-color: #e9e9e9; color: #2f2f2f; }
.pageBox a:hover,.pageBox a.active { background-color: #0071bc; color: #FFF; }
.pageBox .on{ background-color: #d11f37; color: #FFF; }
.pageBox .shangyi{ display:none;}
@media  (max-width: 861px) {

.pageBox { width: 640px; text-align: center; margin:auto; padding-top:20px; padding-bottom:30px;}
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center; font-family: 'Arial'; background-color: #e9e9e9; color: #2f2f2f; }
.pageBox a:hover,.pageBox a.active { background-color: #0071bc; color: #FFF; }
.pageBox .on{ background-color: #d11f37; color: #FFF; }
.pageBox .shangyi{ display:none;}
}

@media (min-width: 320px) and (max-width: 639px) {

.pageBox { width: 320px; text-align: center; margin:auto; padding-top:20px; padding-bottom:30px;}
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center; font-family: 'Arial'; background-color: #e9e9e9; color: #2f2f2f; }
.pageBox a:hover,.pageBox a.active { background-color: #0071bc; color: #FFF; }
.pageBox .on{ background-color: #d11f37; color: #FFF; }
.pageBox .shangyi{ display:none;}
}













.page {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.page a {
  display: block;
  text-align: center;
  background: #fff;
  line-height: 36px;
  min-width: 36px;
  color: #666;
  border: 1px solid #dddddd;
}
.page .disabled {
  opacity: 0.5;
}
.page .disabled:hover {
  cursor: not-allowed;
}
.page a + a {
  margin-left: 12px;
}
.page .num {
  padding: 0 10px;
}
.page a.active,
.page a:not(.disabled):hover {
  background-color: #d11f37;
  color: #fff;
  border-color: #d11f37;
}
@media (max-width: 640px) {
  .page a {
    line-height: 30px;
    min-width: 30px;
  }
  .page .num {
    padding: 0 5px;
  }
}
.list2 {
  margin-top: 0.8rem;
  font-size: 16px;
  text-align: center;
  margin-bottom: 0.5rem;
}
@media (min-width: 1200px) {
  .list2 {
    margin-left: -35px;
    margin-right: -35px;
  }
  .list2 li {
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: 0.7rem;
  }
}
.list2 li {
  margin-bottom: 30px;
}
.list2 a {
  display: block;
  border: 1px solid #ebebeb;
  text-align: center;
  padding: 10px;
}
.list2 .img {
  display: block;
  overflow: hidden;
}
.list2 .img img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.list2 .img:hover img {
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
  -ms-transform: scale(0.96);
  -o-transform: scale(0.96);
  transform: scale(0.96);
}
.list2 .img img {
  width: 100%;
}
.list2 .txt {
  display: block;
  color: #999;
  padding: 20px 0;
}
.list2 a:hover {
  border-color: #d11f37;
}
@media (max-width: 480px) {
  .list2 {
    margin-left: -5px;
    margin-right: -5px;
    font-size: 14px;
  }
  .list2 > * {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
  .list2 li {
    margin-bottom: 10px;
  }
  .list2 li .txt {
    padding: 15px 0 10px;
  }
}
.list3 .img {
  position: relative;
}
.list3 .cover h5 {
  font-size: 18px;
  margin: 0 0  20px;
}
.list3 .cover .info {
  font-size: 14px;
}
.list3 .img:hover .cover {
  height: 100%;
  top: 0;
}
.list3 li .txt {
  padding: 24px 0;
}
@media (min-width: 992px) {
  .list3 .cover {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    background: rgba(209, 31, 55, 0.9);
    color: #fff;
    transition: 0.3s;
    height: 0;
    overflow: hidden;
  }
  .list3 .cover .inner {
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    position: absolute;
    width: 80%;
  }
}
@media (max-width: 991px) {
  .list3 li {
    margin-bottom: 35px;
  }
  .list3 .cover {
    height: 100%;
    top: 0;
  }
  .list3 .cover h5 {
    margin: 20px 0 10px;
    color: #d11f37;
  }
  .list3 .cover .info {
    color: #666;
  }
  .list3 .txt {
    display: none;
  }
}
@media (max-width: 480px) {
  .list3 li .txt {
    padding-top: 10px;
  }
  .list3 .cover h5 {
    font-size: 16px;
    margin: 15px 0 10px;
  }
  .list3 .cover .info {
    font-size: 12px;
  }
}
.zl-nav {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.zl-nav > * {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.zl-nav li {
  padding-bottom: 34px;
  position: relative;
}
.zl-nav .active::before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #d11f37;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.zl-nav .inner {
  background: #eeeeee;
  text-align: center;
  padding: 0.5rem 0 0.4rem;
  cursor: pointer;
  position: relative;
}
.zl-nav .inner .ic {
  width: 0.8rem;
  height: 0.8rem;
  background-size: contain;
}
.zl-nav .inner .ic1 {
  background-image: url('../images/icd1.png');
}
.zl-nav .inner .ic2 {
  background-image: url('../images/icd2.png');
}
.zl-nav .inner .ic3 {
  background-image: url('../images/icd3.png');
}
.zl-nav .inner .ic4 {
  background-image: url('../images/icd4.png');
}
.zl-nav .inner .ic5 {
  background-image: url('../images/icd5.png');
}
.zl-nav .inner .ic6 {
  background-image: url('../images/icd6.png');
}
.zl-nav .inner .tit {
  font-size: 18px;
  margin-top: 0.2rem;
}
.zl-nav .inner .num {
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  position: absolute;
  z-index: 1;
  color: rgba(0, 0, 0, 0.03);
  font-size: 2rem;
  font-family: medium;
}
.zl-nav .inner .bg-color {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  transition: 0.3s;
  opacity: 0;
  background: #d11f37;
  height: 0;
  width: 100%;
  transform: translateY(-50%);
}
.zl-nav .inner .info {
  position: relative;
  z-index: 5;
}
.zl-nav li:Hover .inner,
.zl-nav .active .inner {
  color: #fff;
}
.zl-nav li:Hover .inner .bg-color,
.zl-nav .active .inner .bg-color {
  height: 100%;
  opacity: 1;
}
.zl-nav li:Hover .inner .ic1,
.zl-nav .active .inner .ic1 {
  background-image: url('../images/icc1.png');
}
.zl-nav li:Hover .inner .ic2,
.zl-nav .active .inner .ic2 {
  background-image: url('../images/icc2.png');
}
.zl-nav li:Hover .inner .ic3,
.zl-nav .active .inner .ic3 {
  background-image: url('../images/icc3.png');
}
.zl-nav li:Hover .inner .ic4,
.zl-nav .active .inner .ic4 {
  background-image: url('../images/icc4.png');
}
.zl-nav li:Hover .inner .ic5,
.zl-nav .active .inner .ic5 {
  background-image: url('../images/icc5.png');
}
.zl-nav li:Hover .inner .ic6,
.zl-nav .active .inner .ic6 {
  background-image: url('../images/icc6.png');
}
@media (max-width: 992px) {
  .zl-nav .inner .tit {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
}
.zl-content {
  background: #eeeeee;
  padding: 60px;
  text-align: center;
  border-top: 4px solid #d11f37;
  position: relative;
}
.zl-content img:hover {
  opacity: 0.9;
}
.show-pdf {
  padding: 0.5rem 0.6rem;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.show-pdf .inner {
  background: #333333;
  width: 280px;
  height: 90px;
  border-radius: 10px;
  color: #fff;
  margin-left: auto;
  transition: 0.3s;
  margin-right: auto;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}
.show-pdf .inner:hover {
  background-color: #d11f37;
}
.show-pdf .icon {
  margin-right: 20px;
}
.show-pdf .show {
  font-size: 20px;
}
@media (max-width: 640px) {
  .show-pdf .inner {
    width: 200px;
    height: 70px;
  }
  .show-pdf .icon {
    width: 40px;
    margin-right: 10px;
  }
}
.show-pdf .show {
  font-size: 16px;
}
.list4 {
  padding-top: 0.8rem;
  text-align: center;
}
.list4 li {
  margin-bottom: 0.5rem;
}
.list4 li:hover img {
  opacity: 0.95;
}
.list4 .img {
  display: block;
  position: relative;
  cursor: pointer;
  background-color: #d11f37;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.list4 .img img {
  width: 100%;
  display: block;
}
.list4 .icon {
  position: absolute;
  right: -20px;
  bottom: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #333333;
  color: #fff;
}
.list4 .icon .iconfont {
  font-size: 18px;
}
.list4 .tit {
  font-size: 16px;
  color: #666;
  line-height: 0.8rem;
}
.list4 .img-wrap {
  display: block;
  overflow: hidden;
}
.list4 .img-wrap img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.list4 .img-wrap:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.list4 li:hover .icon {
  background-color: #d11f37;
}
@media (min-width: 1200px) {
  .list4 {
    margin-left: -26px;
    margin-right: -26px;
  }
  .list4 li {
    padding-left: 26px;
    padding-right: 26px;
  }
}
@media (max-width: 640px) {
  .list4 .icon {
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .list4 .tit {
    font-size: 14px;
    padding: 6px 0;
  }
}
@media (max-width: 480px) {
  .list4 {
    margin-left: -5px;
    margin-right: -5px;
  }
  .list4 > * {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
}
.swiper-close {
  position: absolute;
  right: -20px;
  top: -20px;
  z-index: 999;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #fff;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 44px;
  height: 44px;
  text-align: center;
  transition: 0.3s;
  background: linear-gradient(to right, #1b1b1b, #434343);
}
.swiper-close .iconfont {
  font-size: 20px;
  display: block;
  line-height: 1;
  color: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  position: absolute;
  transition: 0.3s;
}
.swiper-close:hover {
  background: linear-gradient(to right, #9f051a, #d11f37);
}
.swiper-close:hover .iconfont {
  color: #fff;
  transform: translateY(-50%) translateX(-50%) rotate(180deg);
}
@media (max-width: 768px) {
  .swiper-close {
    border: 2px solid #fff;
    right: -12px;
    top: -12px;
    width: 30px;
    height: 30px;
  }
  .swiper-close .iconfont {
    font-size: 14px;
  }
}
.swiper-popup {
  text-align: center;
}
.swiper-popup .swiper-pagination {
  display: none;
  color: #d11f37;
  text-align: right;
  padding-right: 20px;
}
.swiper-popup .pnext {
  background: none;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  background: #e5e5e5;
  margin-top: -0.5rem;
  transition: 0.3s;
}
.swiper-popup .pnext .iconfont {
  font-size: 0.5rem;
  color: #fff;
}
.swiper-popup .pnext:hover {
  background-color: #d11f37;
}
.swiper-popup .swiper-button-prev {
  left: 0;
}
.swiper-popup .swiper-button-next {
  right: 0;
}
.swiper-popup .swiper-slide {
  position: relative;
  padding: 50px;
}
.swiper-popup img {
  width: 80%;
  max-width: 600px;
}
.swiper-popup .tit {
  font-size: 24px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.5rem;
}
@media (max-width: 992px) {
  .swiper-popup .pnext {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-top: -30px;
  }
  .swiper-popup .tit {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .swiper-popup .pnext {
    display: none;
  }
  .swiper-popup .swiper-pagination {
    display: block;
  }
}
@media (max-width: 480px) {
  .swiper-popup .swiper-slide {
    padding: 20px;
  }
  .swiper-popup .tit {
    font-size: 14px;
  }
}
.product-page .layui-layer {
  max-width: 950px;
}
.layui-layer-content {
  height: auto!important;
}
.swiper-popup-wrap {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 555;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}
.swiper-popup-wrap .inner {
  max-width: 950px;
  background: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  position: absolute;
  width: 86%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.recruit-title {
  margin: 66px 0 60px;
  text-align: center;
}
@media (max-width: 768px) {
  .recruit-title {
    margin: 50px 0 40px;
  }
}
@media (max-width: 480px) {
  .recruit-title {
    margin: 40px 0 30px;
  }
}
.recruit-box {
  border: 1px solid #ebebeb;
  overflow: hidden;
}
.recruit-box .arrow {
  transition: 0.3s;
}
@media (min-width: 992px) {
  .recruit-box .year {
    padding-left: 50px;
  }
}
@media (min-width: 1200px) {
  .recruit-box li {
    padding-left: 35px;
  }
  .recruit-box .year {
    padding-left: 0!important;
  }
}
.recruit-box .hd-wrap {
  background: #d11f37;
  padding: 0 22px;
}
.recruit-box .hd {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  color: #fff;
}
.recruit-box .item {
  padding: 0 22px;
}
.recruit-box .item-hd {
  padding-top: 30px;
  padding-bottom: 30px;
}
.recruit-box li {
  padding-left: 40px;
}
.recruit-box li p {
  display: inline-block;
}
.recruit-box .item + .item {
  border-top: 1px solid #ebebeb;
}
.recruit-box .item-hd {
  font-size: 16px;
  cursor: pointer;
  line-height: 1.8;
}
.recruit-box .item-hd .tit {
  display: none;
}
.recruit-box .item-bd {
  color: #999999;
  display: none;
  padding: 30px 15px;
}
.recruit-box .active .item-bd {
  border-top: 1px solid #ebebeb;
}
.recruit-box .active .arrow {
  transform: rotate(180deg);
  display: inline-block;
}
.recruit-box .arrow {
  float: right;
  margin-right: 20%;
}
.recruit-box dd {
  margin: 10px 0  30px;
  font-size: 12px;
}
.recruit-box dt,
.recruit-box dd {
  line-height: 2;
}
.recruit-box .arrow {
  font-size: 16px;
  color: #333;
}
@media (max-width: 991px) {
  .recruit-box .item-hd li {
    margin-bottom: 0.1rem;
  }
  .recruit-box .item-hd .tit {
    display: inline-block;
    margin-right: 10px;
    color: #666;
  }
}
@media (max-width: 768px) {
  .recruit-box .item {
    padding: 0;
  }
}
@media (max-width: 640px) {
  .recruit-box .item-hd {
    font-size: 14px;
    margin-left: -5px;
    margin-right: -5px;
  }
  .recruit-box .item-hd > * {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
  .recruit-box .item-hd .tit {
    margin-right: 4px;
    font-size: 13px;
  }
  .recruit-box .item-hd {
    padding: 10px 20px;
  }
  .recruit-box .item-hd li {
    padding-left: 0;
  }
  .recruit-box .item-bd {
    padding: 20px 0;
    margin: 0 20px;
  }
  .recruit-box .arrow {
    margin-right: 10%;
  }
}
.contact-box {
  margin-top: 30px;
}
@media (max-width: 480px) {
  .contact-box {
    margin-top: 20px;
  }
}
.contact-code {
  background: #f4f4f4;
  padding: 46px 60px;
}
.contact-code .code {
  text-align: center;
  padding: 20px;
  border: 2px solid #d11f37;
  background: #fff;
  margin-right: 96px;
}
.contact-code .code .tit {
  padding-top: 16px;
  color: #666;
  font-size: 16px;
}
.contact-code h3 {
  font-size: 24px;
  font-weight: bold;
}
.contact-code h3::after {
  content: '';
  display: block;
  width: 50px;
  height: 4px;
  background-color: #d11f37;
  margin: 30px 0;
}
.contact-code .addr {
  font-size: 18px;
}
.contact-code .addr span {
  color: #666;
}
@media (max-width: 992px) {
  .contact-code {
    padding: 30px;
  }
  .contact-code .code {
    margin-right: 30px;
  }
}
@media (min-width: 768px) {
  .contact-code {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
  }
  .contact-code .code {
    max-width: 30%;
  }
  .contact-code .info {
    max-width: 60%;
  }
}
@media (max-width: 767px) {
  .contact-code {
    text-align: center;
  }
  .contact-code .code {
    display: inline-block;
    margin-right: 0;
  }
  .contact-code .info {
    margin-top: 40px;
  }
  .contact-code h3::after {
    margin: 20px auto;
  }
}
@media (max-width: 640px) {
  .contact-code h3 {
    font-size: 18px;
  }
  .contact-code .addr {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .contact-code h3::after {
    margin: 15px auto;
  }
}
.contact-tit {
  font-size: 36px;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  padding: 30px 0;
}
.contact-tit .iconfont {
  font-size: 30px;
  margin-right: 15px;
  color: #d11f37;
}
@media (max-width: 1200px) {
  .contact-tit {
    font-size: 32px;
  }
}
@media (max-width: 992px) {
  .contact-tit {
    font-size: 28px;
  }
}
@media (max-width: 640px) {
  .contact-tit {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .contact-tit {
    font-size: 20px;
    padding: 15px 0;
  }
  .contact-tit .iconfont {
    font-size: 20px;
    margin-right: 10px;
  }
}
.contact-msg li {
  margin-bottom: 30px;
  color: #666;
}
.contact-msg li b {
  color: #333;
}
.contact-msg li p {
  background: #f4f4f4;
  height: 104px;
  line-height: 104px;
  font-size: 24px;
  padding-left: 55px;
}
@media (min-width: 993px) {
  .contact-msg .row {
    margin-left: -21px;
    margin-right: -21px;
  }
  .contact-msg li {
    padding-left: 21px;
    padding-right: 21px;
  }
}
@media (max-width: 992px) {
  .contact-msg li {
    margin-bottom: 20px;
  }
  .contact-msg li p {
    height: 90px;
    line-height: 90px;
    padding-left: 8%;
    font-size: 20px;
  }
}
@media (max-width: 640px) {
  .contact-msg li {
    margin-bottom: 10px;
  }
  .contact-msg li p {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
  }
}
.contact-form {
  font-size: 16px;
}
.contact-form .bd {
  background: #f4f4f4;
  padding: 80px 0 110px;
  border-top: 2px solid #d11f37;
}
.contact-form .form {
  max-width: 910px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 90%;
}
.contact-form input,
.contact-form textarea,
.contact-form button {
  border: 0;
  box-shadow: none;
  outline: none;
  resize: none;
  background: none;
  font-size: 16px;
}
.contact-form label {
  color: #666;
}
.contact-form li {
  min-height: 64px;
  line-height: 64px;
  margin-bottom: 40px;
  transition: 0.3s;
}
.contact-form li .inner {
  border-bottom: 1px solid #cdcdcd;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
}
.contact-form li input {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: block;
}
.contact-form li label {
  width: 50px;
  margin-right: 30px;
  position: relative;
}
.contact-form li label::before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 18px;
  background: #666;
  right: 0;
  top: 50%;
  margin-top: -9px;
}
.contact-form li.active .inner {
  border-color: #d11f37;
}
.contact-form li.active input,
.contact-form li.active label {
  color: #d11f37;
}
.contact-form li.active label::before {
  background-color: #d11f37;
}
.contact-form li.textarea-box label::before {
  display: none;
}
.contact-form textarea {
  display: block;
  height: 170px;
  border: 1px solid #cdcdcd;
  width: 100%;
  padding: 20px;
  line-height: 1.76;
}
.contact-form textarea:focus {
  border-color: #d11f37;
}
.contact-form .submit {
  background-color: #d11f37;
  color: #fff;
  width: 200px;
  height: 44px;
  line-height: 44px;
  display: block;
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
  transition: 0.3s;
}
.contact-form .submit:hover {
  background: #b9051d;
  box-shadow: 0 0 10px rgba(209, 31, 55, 0.5);
}
@media (max-width: 992px) {
  .contact-form .bd {
    padding: 50px 0 70px;
  }
  .contact-form li {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .contact-form li {
    min-height: 50px;
    line-height: 50px;
  }
}
@media (max-width: 640px) {
  .contact-form li {
    margin-bottom: 10px;
  }
  .contact-form .submit {
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .contact-form {
    font-size: 14px;
  }
  .contact-form input,
  .contact-form textarea {
    font-size: 14px;
  }
  .contact-form li {
    margin-bottom: 0;
  }
  .contact-form li label {
    margin-right: 10px;
    width: 40px;
  }
  .contact-form .bd {
    padding: 30px 0 40px;
  }
}
.hly-about {
  padding-top: 90px;
  padding-bottom: 115px;
}
.hly-about .text {
  color: #fff;
  line-height: 1.9;
  padding-right: 5%;
}
.hly-about .text p {
  margin-top: 1.2em;
}
@media (max-width: 1200px) {
  .hly-about {
    padding-top: 60px;
    padding-bottom: 100px;
  }
}
@media (min-width: 993px) {
  .hly-about .bd {
    display: table;
  }
  .hly-about .bd > * {
    float: none;
    display: table-cell;
    vertical-align: middle;
  }
}
@media (max-width: 991px) {
  .hly-about .datas {
    margin-top: 50px;
  }
  .hly-about .text {
    padding-right: 15px;
  }
}
@media (max-width: 480px) {
  .hly-about {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-bottom: 50px;
  }
  .hly-about .datas {
    margin-top: 30px;
  }
  .hly-about .datas li {
    margin-bottom: 10px;
  }
}
.hd3 {
  margin-bottom: 20px;
}
.hd3 h2 {
  font-size: 36px;
  font-weight: bold; text-align:center; color: #fff;
}
@media (max-width: 768px) {
  .hd3 h2 {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .hd3 h2 {
    font-size: 24px;
  }
}
.hd3 .en {
  letter-spacing: 10px;
  color: #666;
  padding: 10px 0 26px;
  position: relative;
  font-family: medium;
}
.hd3 .en::after {
  content: '';
  display: block;
  width: 32px;
  height: 3px;
  background-color: #d11f37;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .hd3:hover .en::after {
    width: 110px;
  }
}
@media (max-width: 991px) {
  .hd3 {
    text-align: center;
  }
  .hd3 .en {
    padding: 5px 0 20px;
  }
  .hd3 .en::after {
    left: 50%;
    margin-left: -16px;
  }
}
@media (max-width: 768px) {
  .hd3 .en {
    padding: 0 0 16px;
    letter-spacing: 3px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .hd3 {
    margin-bottom: 10px;
  }
}
.hd3._center {
  text-align: center;
}
.hd3._center .en::after {
  left: 50%;
  transform: translateX(-50%);
}
.honor {
  overflow: hidden;
}
.honor .content {
  margin: 0  20px 0 0;
}
.honor img:Hover {
  opacity: 0.9;
}
.honor .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
}
.honor .swiper-pagination-bullet-active {
  background-color: #d11f37;
}
.honor .info {
  line-height: 1.9;
  color: #666;
  margin: 40px 0 60px;
}
.honor .images img {
  max-width: 25%;
}
.honor .images img + img {
  margin-left: 8%;
}
@media (min-width: 1440px) {
  .honor .content {
    margin: 0 0 0 10%;
    max-width: 535px;
  }
}
@media (max-width: 1200px) {
  .honor .info {
    margin: 20px 0 30px;
  }
  .honor .images img + img {
    margin-left: 30px;
  }
}
@media (min-width: 992px) {
  .honor .row {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media (max-width: 991px) {
  .honor {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    max-width: 1460px;
    padding-left: 50px;
    padding-right: 50px;
  }
  .honor .content {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    margin: 0;
  }
  .honor .info {
    text-align: left;
  }
  .honor .images img + img {
    margin-left: 0;
  }
}
@media (max-width: 991px) and (max-width: 768px) {
  .honor {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 991px) and (max-width: 640px) {
  .honor {
    padding-left: 12px;
    padding-right: 12px;
  }
}






/* -----------------------serviceSup-box----------------------------- */
.serviceSup-box{
    width: 100%;
    padding: 90px 0 100px 0;
    overflow: hidden;
}
.serviceSup{
    width: 1280px;
    margin: 0 auto;
}

.serviceSup-title{
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.serviceSup-title h4{
    font-size: 42px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;line-height:40px;
}
.serviceSup-title p{
    font-size: 18px;
    color: #999;
 
}

.serviceSup-form{
    width: 100%;
    overflow: hidden;
    padding: 50px 0 0 0;
}
.serviceSup-form-top{
    width: 100%;
    overflow: hidden;
}
.serviceSup-form-top ul{
    width: 100%;
}
.serviceSup-form-top ul li{
    width: 33.3333333%;
    float: left;
}
.serviceSup-form-top ul li p{
    font-size: 16px;
    color: #aaa;
}
.serviceSup-form-top ul li input{
    font-size: 16px;
    color: #aaa;
    width: 90%;
    height: 50px;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    margin-top: 14px;
}
.serviceSup-form-center{
    width: 100%;
    overflow: hidden;
    padding-top: 14px;
}
.serviceSup-form-center p{
    font-size: 16px;
    color: #aaa;
}
.serviceSup-form-center textarea{
    font-size: 16px;
    color: #aaa;
    width: 100%;
    height: 140px;
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin-top: 14px;
}
.serviceSup-form-bottom{
    width: 100%;
    overflow: hidden;
    padding-top: 14px;
}
.serviceSup-form-bottom h6{
    float: left;
}
.serviceSup-form-bottom h6 input{
    font-size: 16px;
    color: #aaa;
    width: 200px;
    height: 50px;
    border: 1px solid #e5e5e5;
    padding: 10px;
}
.serviceSup-form-bottom h6 span{
    display: inline-block;
    width: 170px;
    height: 50px;
    margin: -10px 0 0 12px;
    overflow: hidden;
    vertical-align: middle;
}
.serviceSup-form-bottom button{
    width: 200px;
    height: 50px;
    float: right;
    font-size: 18px;
    color: #fff;
    border: none;
    text-transform: uppercase;
    background-color: #152f94;
    cursor: pointer;
}
.serviceSup-form-bottom button:hover{
    background-color: #d11f37;
}

@media all and (max-width:1000px) {

    .serviceSup-title h4 {
        font-size: 22px; 
    }
    .serviceSup-title p {
        font-size: 14px;
        margin-top: 8px;
    }
    .serviceSup-form-top ul li {
        width: 100%;
        margin-top: 14px;
    }
    .serviceSup-form-top ul li input {
        width: 100%;
    }
    .serviceSup-form-bottom {
        text-align: center;
    }
    .serviceSup-form-bottom h6 input {
        width: 50%;
    }
    .serviceSup-form-bottom h6 span {
        width: 44%;
        height: 50px;
        margin: -10px 0 0 12px;
    }
    .serviceSup-form-bottom button {
        float: unset;
        margin-top: 14px;
    }
    .serviceSup-box {
        padding: 28px 0 48px 0;
    }
    .serviceSup-form {
        padding: 14px 0 0 0;
    }

}













.partner {
  padding-top: 90px;
}
.partner .bd {
  text-align: center;
}
.partner .bd img {
  max-width: 22%;
  margin: 30px 5% 0;
}
.partner img:hover {
  opacity: 0.8;
}
@media (max-width: 992px) {
  .partner {
    padding-top: 70px;
  }
}
@media (max-width: 768px) {
  .partner {
    padding-top: 60px;
  }
}
@media (max-width: 480px) {
  .partner {
    padding-top: 30px;
  }
  .partner .bd img {
    margin: 15px 5% 0;
  }
}



.color-title {

    width: 100%;

    overflow: hidden;

    margin: 44px 0 60px 0;

    text-align: center;

}



.color-title h4 {

    font-size: 38px;

    color: #fff;

}



.color-title span {

  color: #fff;

}



.color-title img {

    width: 41px;

    height: 4px;

    margin-top: 28px;  color: #fff;

}


.abo-culture-box{

    width: 100%;

    background-color: #;

    overflow: hidden;

    padding-bottom: 235px;
	 padding-top: 120px;

}

.abo-culture{

    width: 1200px;

    margin: 0 auto;

}



.abo-culture-matter{

    width: 100%;

    overflow: hidden;

    padding-top: 50px;

}

.abo-culture-matter ul li{

    width: 25%;

    text-align: center;

    height: auto;

    float: left;

}

.abo-culture-matter ul li img{

    width: 144px;

    height: 144px;

    object-fit: cover;

    transition: all .6s ease-in-out;

}

.abo-culture-matter ul li:hover img{

    transform: translateY(-10px);

}

.abo-culture-matter ul li h4{

    font-size: 22px;

    color: #fff;

    margin-top: 32px;

    width: 80%;

    margin-left: 10%;

}

.abo-culture-matter ul li p{

    font-size: 14px;

    color: #fff;

    margin-top: 20px;

    width: 80%;

    margin-left: 10%;

}


@media all and (max-width:1280px) {

  .abo-culture {

        width: 94%;

        margin-left: 3%;

    }

}
@media all and (max-width:900px) {

  .abo-culture-matter ul li {

        width: 50%;

        margin-top: 24px;

    }

    .abo-culture-matter ul li img {

        width: 100px;

        height: 100px;

    }

    .abo-culture-matter ul li h4 {

        font-size: 18px;

        margin-top: 10px;

    }

    .abo-culture-matter ul li p {

        margin-top: 8px;

    }

    .abo-culture-box {

        padding-bottom: 54px;

    }
	
	.color-title {



    margin: 64px 0 20px 0;



}
	
}







.wenhua {
  padding-top: 80px;
  padding-bottom: 50px;
}
.wenhua .content {
  background: url() no-repeat right center;
  background-size: contain;
}
.wenhua .bd {
  width: 50%;
}
.wenhua .text {
  margin: 30px 0 20px;
  font-size: 18px;
  line-height: 1.6; color: #fff;
}
.wenhua .info {
  color: #fff;
  line-height: 2.143;
}
@media (max-width: 1200px) {
  .wenhua {
    padding-top: 80px;
    padding-bottom: 2px;
  }
  .wenhua .content {
    background-size: 60%;
  }
  .wenhua .text {
    margin: 50px 0 60px;
  }
}
@media (max-width: 992px) {
  .wenhua {
    background: url() no-repeat center bottom #f4f4f4;
    background-size: 70%;
  }
  .wenhua .bd {
    width: auto;
    text-align: center;
  }
  .wenhua .content {
    background: none;
  }
}
@media (max-width: 768px) {
  .wenhua {
    background-size: contain;
  }
}
@media (max-width: 640px) {
  .wenhua {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .wenhua .text {
    margin: 26px 0;
    font-size: 20px;
  }
  .wenhua .info {
    text-align: left;
  }
}



.sub_title {
  padding: 100px 0 50px;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 10;
}

.sub_title.g {
  padding-top: 0;
}

.sub_title.f {
  text-align: left;
  padding-bottom: 25px;
}

.sub_title.f b,
.sub_title.f p {
  color: #e00018;
  width: 100%;
  margin-left: 0;
}

.sub_title.e b {
  margin-bottom: 10px;
}

.sub_title.f {
  padding-top: 0;
}

.sub_title b {
  color: #112283;
  font-size: 36px;
  font-weight: 700;
  display: block;
}

.sub_title p {
  color: #3e3e3e;
  font-size: 16px;
  line-height: 1.7;
  opacity: .7;
  text-transform: uppercase;
  display: block;
  width: 90%;
  margin-left: 5%;
  transform: translateY(40px);
  opacity: 0;
  -webkit-transition: all 1.5s cubic-bezier(.165,.84,.44,1) .5s;
}

.sub_title span {
  transform: translateY(40px);
  opacity: 0;
  display: block;
  -webkit-transition: all 1.5s cubic-bezier(.165,.84,.44,1) .6s;
}

.sub_title.animated p {
  -webkit-transform: translateY(0);
  opacity: .7;
}

.sub_title.animated span {
  opacity: 1;
  -webkit-transform: translateY(0);
}

.sub_title.h {
  padding: 100px 0 0;
  margin-bottom: 25px;
}

.sub_title.d {
  padding-bottom: 25px;
}

.sub_title.d p {
  width: 100%;
  margin-left: 0;
}

.sub_title.c b,
.sub_title.c p {
  color: #fff;
}

.sub_title .chars {
  transform: translateX(40px);
  opacity: 0;
  -webkit-transition: all 1.5s cubic-bezier(.165,.84,.44,1);
}

.sub_title.animated .chars {
  -webkit-transform: translateX(0);
  opacity: 1;
}

.sub_title .chars:nth-child(2) {
  -webkit-transition-delay: .1s;
}

.sub_title .chars:nth-child(3) {
  -webkit-transition-delay: .2s;
}

.sub_title .chars:nth-child(4) {
  -webkit-transition-delay: .3s;
}

.sub_title .chars:nth-child(5) {
  -webkit-transition-delay: .4s;
}

.sub_title .chars:nth-child(6) {
  -webkit-transition-delay: .5s;
}

.sub_title .chars:nth-child(7) {
  -webkit-transition-delay: .6s;
}

.sub_title .chars:nth-child(8) {
  -webkit-transition-delay: .7s;
}

.sub_title .chars:nth-child(9) {
  -webkit-transition-delay: .8s;
}
.introduction-course {
  width: 100%;
  background: url("../images/bg_developmentpath.jpg") no-repeat center/cover fixed;
  position: relative;
  overflow: hidden;
}

#v3_body {
  width: 1207px;
  height: 830px;
  display: block;
  top: 162px;
  left: 50%;
  margin-left: -603px;
  background: url("../images/line_bg2.png") 0 0 no-repeat;
}

#v3_mask {
  width: 1207px;
  height: 0;
  display: block;
  left: 0;
  background: url("../images/line_all2.png") 0 0 no-repeat;
}

.obj {
  position: absolute;
}

.introduction-course2 {
  width: 100%;
  position: relative;
}

.historyList {
  position: relative;
  margin-top: -150px;
}

.historyMask {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 0;
  overflow: hidden;
}

.historyBasic {
  height: 980px;
  overflow: hidden;
}

.historyListUl {
  position: absolute;
  width: 890px;
  left: 50%;
  transform: translate(-50%,0);
  top: 0;
  z-index: 5;
  min-height: 112px;
  display: none;
}

.historyListUl .btnIcon {
  position: absolute;
  top: 50%;
  display: block;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: #fff;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 14px;
  user-select: none;
}

.historyListUl .btnIcon.active {
  opacity: 0;
  visibility: hidden;
}

.historyListUl .btnIcon.btnLeft {
  left: -50px;
  display: none;
}

.historyListUl .btnIcon.btnRight {
  right: -50px;
}

.historyListUl.active {
  top: 41%;
  transform: translate(-50%,-50%);
  position: fixed;
}

.historyListUl li {
  position: absolute;
  color: #fff;
  opacity: 0;
  visibility: hidden;
}

.historyListUl li.active {
  opacity: 1;
  visibility: inherit;
}

.historyListUl .year {
  width: 200px;
  line-height: 112px;
  background: #112283;
  text-align: center;
  font-size: 60px;
  display: inline-block;
  vertical-align: top;
  font-family: montserrat;
}

.historyListUl .text {
  display: inline-block;
  display: inline-flex;
  width: 684px;
  min-height: 112px;
  vertical-align: top;
  background: #fff;
  color: #3e3e3e;
  font-size: 14px;
  height: auto;
  padding: 25px 35px;
  align-items: center;
}

.HistoricalRiver {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}

.HistoricalRiver ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}

.HistoricalRiver li {
  position: absolute;
  color: #fff;
  font-size: 24px;
  font-family: montserrat;
}

.HistoricalRiver li .year {
  position: absolute;
  line-height: 30px;
  top: 50%;
  margin-top: -15px;
  left: 20px;
  transform: translateY(100%) translate3d(0,0,0);
  opacity: 0;
  transition: all .5s ease-in-out;
}

.HistoricalRiver li .info {
  width: 500px;
  height: auto;
  font-size: 14px;
  line-height: 25px;
  position: absolute;
  left: 100px;
  top: -40px;
  -webkit-transition: all 0s;
  -webkit-transform: translateX(100px);
  opacity: 0;
}

.HistoricalRiver li:nth-child(5) .info {
  width: 700px;
}

.HistoricalRiver li:nth-child(6) .info {
  width: 380px;
}

.HistoricalRiver li:nth-child(even) .info {
  left: 50px;
}

.HistoricalRiver li .info::after {
  display: block;
  width: 100%;
  clear: both;
  height: 1px;
  content: '';
}

.HistoricalRiver li.show .info {
  -webkit-transform: translateX(0px);
  opacity: 1;
}

.HistoricalRiver li .info .num {
  width: 120px;
  height: 80px;
  background: #e00018;
  line-height: 80px;
  text-align: center;
  color: #fff;
  font-size: 40px;
  font-family: montserrat;
  float: left;
  position: relative;
}

.HistoricalRiver li .info .num::after {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #e00018;
  content: '';
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -5px;
}

.HistoricalRiver li .info .des {
  width: calc(100% - 125px);
  height: 80px;
  padding: 20px;
  float: right;
  background: #fff;
  color: #3e3e3e;
  vertical-align: top;
  line-height: 20px;
}

.HistoricalRiver li.active .year {
  transform: translateY(0) translate3d(0,0,0);
  opacity: 1;
}

.HistoricalRiver li:nth-child(even) .year {
  left: auto;
  right: 20px;
}

.HistoricalRiver li:after {
  content: '';
  background: #fff;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,100%);
  opacity: 0;
  transition: all .5s ease-in-out;
}

.HistoricalRiver li.active:after {
  transform: translate(-50%,-50%);
  opacity: 1;
}


.qin {
  width: 100%;
  height: auto;
  background: url("../images/bg_developmentpath.jpg") no-repeat center/cover fixed;
  padding-bottom: 50px;
  display: none;
}

.ha {
  width: 94%;
  height: auto;
  margin: 25px auto auto;
  position: relative;
}

.ha ul {
  width: calc(100% - 50px);
  margin-left: 50px;
  position: relative;

}

.ha ul::before {
  width: 5px;
  height: 100%;
  background: #fff;
  position: absolute;
  left: -30px;
  top: 0;
  border-radius: 5px;
  content: '';
}

.ha ul li {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  background: #e00018;
  display: block;
  position: relative;
}

.ha ul li::after {
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
  content: '';
}

.ha ul li::before {
  width: 5px;
  height: 0;

  background: #6279ff;
  position: absolute;
  left: -30px;
  top: 0;
  content: '';
  -webkit-transition: all .5s;
}

.ha ul li.animated::before {
  height: calc(100% + 15px);
}

.ha ul li .num {
  width: 100px;
  height: auto;
  background: #e00018;
  color: #fff;
  float: left;
  line-height: 25px;
  text-align: center;
  font-family: montserrat;
  font-size: 20px;
  padding: 20px 0;
}

.ha ul li .num::after {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #e00018;
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -5px;
  content: '';
}

.ha ul li .num::before {
  width: 15px;
  height: 15px;
  position: absolute;
  left: -35.5px;
  top: 50%;
  background: #fff;
  border-radius: 50%;
  margin-top: -7.5px;
  content: '';
  -webkit-transform: scale(0);
  -webkit-transition: all .35s;
}

.ha ul li.animated .num::before {
  -webkit-transform: scale(1);
}

.ha ul li .des {
  width: calc(100% - 100px);
  height: auto;
  float: left;
  padding: 20px 10px;
  line-height: 25px;
  background: #fff;
  font-size: 14px;
}

.dsm_list {
  width: 100%;
  height: auto;
}

.dsm_list::after {
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
  content: '';
}

.dsm_list ul li {
  width: 49%;
  height: 175px;
  float: left;
  margin-right: 2%;
  margin-bottom: 25px;
  background: #fff;
  padding: 25px;
  box-shadow: 0 0 15px rgba(0,0,0,.05);
}

.dsm_list ul li:nth-child(even) {
  margin-right: 0;
}

.dsm_list ul li .icon {
  width: 100px;
  height: auto;
  float: left;
  margin-top: 15px;
}

.dsm_list ul li .info {
  width: calc(100% - 140px);
  height: auto;
  float: left;
  margin-left: 40px;
}

.dsm_list ul li .info .n {
  width: 100%;
  height: auto;
  font-size: 18px;
  color: #e00018;
  position: relative;
  line-height: 35px;
  margin-bottom: 10px;
}

.dsm_list ul li .info .t {
  font-size: 16px;
  line-height: 1.7;
}

.dsm_list ul li .info .n::after {
  width: 20px;
  height: 2px;
  background: #e00018;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}

.dsm_title {
  text-align: center;
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 50px;
}

.dsm_img {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 50px;
  margin-bottom: 100px;
}



@media screen and (max-width:1440px) {


.qin {
  width: 100%;
  height: auto;
  background: url("../images/bg_developmentpath.jpg") no-repeat center/cover fixed;
  padding-bottom: 50px;
  display: none;
}

.ha {
  width: 94%;
  height: auto;
  margin: 25px auto auto;
  position: relative;
}

.ha ul {
  width: calc(100% - 50px);
  margin-left: 50px;
  position: relative;

}

.ha ul::before {
  width: 5px;
  height: 100%;
  background: #fff;
  position: absolute;
  left: -30px;
  top: 0;
  border-radius: 5px;
  content: '';
}

.ha ul li {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  background: #e00018;
  display: block;
  position: relative;
}

.ha ul li::after {
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
  content: '';
}

.ha ul li::before {
  width: 5px;
  height: 0;

  background: #6279ff;
  position: absolute;
  left: -30px;
  top: 0;
  content: '';
  -webkit-transition: all .5s;
}

.ha ul li.animated::before {
  height: calc(100% + 15px);
}

.ha ul li .num {
  width: 100px;
  height: auto;
  background: #e00018;
  color: #fff;
  float: left;
  line-height: 25px;
  text-align: center;
  font-family: montserrat;
  font-size: 20px;
  padding: 20px 0;
}

.ha ul li .num::after {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #e00018;
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -5px;
  content: '';
}

.ha ul li .num::before {
  width: 15px;
  height: 15px;
  position: absolute;
  left: -35.5px;
  top: 50%;
  background: #fff;
  border-radius: 50%;
  margin-top: -7.5px;
  content: '';
  -webkit-transform: scale(0);
  -webkit-transition: all .35s;
}

.ha ul li.animated .num::before {
  -webkit-transform: scale(1);
}

.ha ul li .des {
  width: calc(100% - 100px);
  height: auto;
  float: left;
  padding: 20px 10px;
  line-height: 25px;
  background: #fff;
  font-size: 14px;
}

.dsm_list {
  width: 100%;
  height: auto;
}

.dsm_list::after {
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
  content: '';
}

.dsm_list ul li {
  width: 49%;
  height: 175px;
  float: left;
  margin-right: 2%;
  margin-bottom: 25px;
  background: #fff;
  padding: 25px;
  box-shadow: 0 0 15px rgba(0,0,0,.05);
}

.dsm_list ul li:nth-child(even) {
  margin-right: 0;
}

.dsm_list ul li .icon {
  width: 100px;
  height: auto;
  float: left;
  margin-top: 15px;
}

.dsm_list ul li .info {
  width: calc(100% - 140px);
  height: auto;
  float: left;
  margin-left: 40px;
}

.dsm_list ul li .info .n {
  width: 100%;
  height: auto;
  font-size: 18px;
  color: #e00018;
  position: relative;
  line-height: 35px;
  margin-bottom: 10px;
}

.dsm_list ul li .info .t {
  font-size: 16px;
  line-height: 1.7;
}

.dsm_list ul li .info .n::after {
  width: 20px;
  height: 2px;
  background: #e00018;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}

.dsm_title {
  text-align: center;
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 50px;
}

.dsm_img {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 50px;
  margin-bottom: 100px;
}
}







@media screen and (max-width:1023px) {
  .qin {
    display: block;
  }
  .singlePage{
    padding-top: 20px;
  }
  .introduction-course {
    display: none;
  }

  .hw-cont1 .hc1-cont::after {
    left: -50px;
    height: calc(100% + 40px);
    top: 10px;
  }

  .hw-cont1 .hc1-title span {
    display: none;
  }

  .honor-wrap ul li {
    display: block;
  }

  .hw-cont1,
  .hw-cont2 {
    width: 100%;
    padding-left: 70px;
    text-align: left;
  }
  .m2IfW2-cont h3{
    font-size: 14px;
    font-weight: normal;
  }
  .hw-cont1 .hc1-cont,
  .hw-cont1 .hc1-title {
    padding: 0;
  }
  .nd_title::after{
    height: 3px;
  }
  ._w1200.ndbox{
    width: 100%;
    padding: 15px;
    margin-top: 0px;
  }
  .nd_title{
    font-size: 24px;
    line-height: 1.7;
  }
  
  .tc-cont h3 {
    font-size: 24px;
    padding-bottom: 5px;
  }

  .tc-cont p {
    font-size: 14px;
  }

  .tc-cont h4 {
    padding-bottom: 5px;
  }

  .sub_title.h {
    padding-top: 50px;
  }

  .t2c-left {
    width: 100%;
  }

  .t2c-right {
    width: 100%;
  }

  .theory2-cont {
    padding: 25px;
    display: block;
    margin-bottom: 50px;
  }

  .t2c-left h3 {
    padding-top: 0;
    padding-bottom: 15px;
    font-size: 24px;
  }

  .t2c-left-cont {
    padding-bottom: 5px;
  }

 
}

.network {
  padding-top: 120px;
  padding-bottom: 180px;
}
.network .content {
  background: url(../images/map2.png) no-repeat right center;
  background-size: contain;
}
.network .bd {
  width: 50%;
}
.network .text {
  margin: 60px 0 80px;
  font-size: 30px;
  line-height: 1.6;
}
.network .info {
  color: #666;
  line-height: 2.143;
}
@media (max-width: 1200px) {
  .network {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .network .content {
    background-size: 60%;
  }
  .network .text {
    margin: 50px 0 60px;
  }
}
@media (max-width: 992px) {
  .network {
    background: url(../images/map2.png) no-repeat center bottom #f4f4f4;
    background-size: 70%;
  }
  .network .bd {
    width: auto;
    text-align: center;
  }
  .network .content {
    background: none;
  }
}
@media (max-width: 768px) {
  .network {
    background-size: contain;
  }
}
@media (max-width: 640px) {
  .network {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .network .text {
    margin: 26px 0;
    font-size: 20px;
  }
  .network .info {
    text-align: left;
  }
}
.BMap_cpyCtrl {
  display: none;
}
.anchorBL {
  display: none;
}
.contact-map {
  height: 608px;
}
@media (max-width: 992px) {
  .contact-map {
    height: 400px;
  }
}
@media (max-width: 640px) {
  .contact-map {
    height: 300px;
  }
}
.swiper-nav-wrap {
  position: relative;
  z-index: 99;
}
.swiper-nav {
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  height: 80px;
  font-size: 16px;
  text-align: center;
  transition: 0.3s;
}
.swiper-nav .swiper-wrapper {
  white-space: nowrap;
}
@media (min-width: 640px) {
  .swiper-nav .swiper-wrapper {
    justify-content: center;
  }
}
.swiper-nav .swiper-slide {
  height: 80px;
  line-height: 80px;
  display: inline-block;
  cursor: pointer;
  width: auto;
  margin: 0 15px;
}
.swiper-nav .swiper-slide a {
  padding: 0 20px;
  display: block;
}
.swiper-nav .swiper-slide i {
  height: 2px;
  display: block;
  width: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  transition: 0.3s;
  overflow: hidden;
  height: 4px;
  background-color: #d11f37;
}
.swiper-nav .swiper-slide:hover a,
.swiper-nav .swiper-slide.active a {
  color: #d11f37;
}
.swiper-nav .swiper-slide.active i,
.swiper-nav .swiper-slide:hover i {
  left: 0;
  width: 100%;
}
@media (max-width: 992px) {
  .swiper-nav .swiper-slide a {
    padding: 0 10px;
  }
}
@media (max-width: 768px) {
  .swiper-nav .swiper-slide a {
    padding: 0 5px;
  }
}
@media (max-width: 640px) {
  .swiper-nav {
    height: 50px;
  }
  .swiper-nav .swiper-slide {
    height: 50px;
    line-height: 50px;
    margin: 0 10px;
  }
}
.swiper-nav.s1 .swiper-wrapper {
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.swiper-nav.fixed {
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  border-bottom: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  height: 60px;
}
.swiper-nav.fixed .swiper-slide {
  height: 60px;
  line-height: 60px;
}
@media (max-width: 992px) {
  .swiper-nav.fixed {
/*    top: 60px;*/
    border-top: 1px solid #ccc;
  }
}
@media (max-width: 640px) {
  .swiper-nav.fixed#navWrap {
    position: relative;
  }
}
.mainbox {
  margin-top: 90px;
}
@media (max-width: 992px) {
  .mainbox {
    margin-top: 60px;
  }
}
@media (max-width: 640px) {
  .mainbox {
    margin-top: 40px;
  }
}
@media (max-width: 480px) {
  .mainbox {
    margin-top: 30px;
  }
}
.mainbox2 {
  padding-bottom: 140px;
}
@media (max-width: 1200px) {
  .mainbox2 {
    padding-bottom: 100px;
  }
}
@media (max-width: 992px) {
  .mainbox2 {
    padding-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .mainbox2 {
    padding-bottom: 70px;
  }
}
@media (max-width: 480px) {
  .mainbox2 {
    padding-bottom: 40px;
  }
}
.tabContent {
  position: relative;
}
.tabContent .content-item {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.5s ease-in;
  transform: translateY(20px);
}
.tabContent .content-item.active {
  opacity: 1;
  overflow: visible;
  height: auto;
  transform: translateY(0);
}
#map label,
#map img {
  max-width: none;
}
.toTop {
  position: fixed;
  right:12px;
  bottom: 50px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  color: #fff !important;
  z-index: 999;
  cursor: pointer;
  display: none;
  background: rgba(209, 31, 55, 0.8);
}
.toTop .iconfont {
  font-size: 16px;
}
.toTop:hover {
  transform: scale(1.1);
  background-color: #d11f37;
}
@media (max-width: 640px) {
  .toTop {
    right: 5px;
    bottom: 10px;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}
.ibox1 li {
  transition: all 1s;
  opacity: 0;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
}
.ibox1 li.aniToLeft {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
@media (max-width: 992px) {
  .header + * {
    margin-top: 60px;
  }
}
.videobox {
  position: relative;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  height: calc(100vh - 100px);
  overflow: hidden;
}
.video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 992px) {
  .videobox {
    height: calc(100vh - 60px);
  }
}