harset "utf-8";
/* html,body { height:100% } */
html { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; -webkit-tap-highlight-color:transparent }
*,article,aside,audio,body,button,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul,video { margin:0; padding:0; -moz-box-sizing:border-box; box-sizing:border-box }
*,:after,:before { box-sizing:border-box }
ul,li,dl,dt,dd,ol { list-style:none; margin:0; padding:0 }
img::-moz-selection { background:0 0 }
img::selection { background:0 0 }
img::-moz-selection { background:0 0 }
address,caption,cite,code,dfn,em,optgroup,th,var { font-style:inherit; font-weight:inherit }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; line-height:1.4 }
body { -webkit-font-smoothing:antialiased; overflow-x:hidden }
input::-webkit-search-cancel-button { display:none }
button,input,select,textarea { margin:0; vertical-align:middle; border:none; background:none }
input[type=password],input[type=email],input[type=number],input[type=url],input[type=date],input[type=search],input[type=text],select,textarea,input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none }
button,input[type=button],input[type=reset],input[type=submit],select { cursor:pointer }
input,textarea,select,button { outline:none }
button,input { line-height:normal }
textarea { resize:none }
button,input,select,textarea,body { font-size:14px; color:#333 }
table { border-spacing:0; border-collapse:collapse }
img { max-width:100%; max-height:100% }
.round { border-radius:50% }
a,button { -webkit-tap-highlight-color:rgba(0,0,0,0); border:none; color:#333; text-decoration:none }
a,a:hover,a:focus { outline:none; outline-offset:0; color:#333; text-decoration:none }
.cls:after { content:'.'; display:block; clear:both; height:0; visibility:hidden }
.cls { zoom:1 }
.fl { float:left }
.fr { float:right }
.tl { text-align:left }
.tc { text-align:center }
.tr { text-align:right }
.b { font-weight:bold }
.iconfont { font-size:inherit }
html { font-size:100px !important }
@media (max-width:1400px) {
  html { font-size:90px !important }
}
@media (max-width:1200px) {
  html { font-size:80px !important }
}
@media (max-width:992px) {
  html { font-size:70px !important }
}
@media (max-width:768px) {
  html { font-size:60px !important }
}
@media (max-width:480px) {
  html { font-size:60px !important }
}
@font-face { font-family:medium; src:url('../fonts/DIN Medium.ttf'),url('../fonts/DIN Medium.eot') }
/* 首页荣誉资质 */
.zs-box1 .ihd .en { color:#f5c61c; text-transform:uppercase; font-size:16px; margin-bottom:3px }
.zs-box1 .ihd .en2 { font-size:.48rem; text-transform:uppercase; font-style:none;color: #333; }
.zs-box1 .ihd h2 { font-size:.4rem; font-weight:bold;color: #333; }
@media (max-width:768px) {
  .zs-box1 .ihd h2 { font-size:24px }
}
.zs-box1 { padding:.8rem 0 1rem ;background:url(../images/wimg34.jpg) no-repeat center; overflow: hidden; height:9.1rem;}
.zs-box1 .ihd { text-align:center; margin-bottom:.3rem }
.zs-box1 .bd { width:92vw; max-width:1440px; margin-left:auto; margin-right:auto; padding:0 .6rem; position:relative ;}
@media (max-width:992px) {
  .zs-box1 .bd { padding:0 }
  .zs-box1 .bd .zs-swiper { padding-bottom:1rem }
}
.zs-box1 .inner { margin:0 .16rem }
.zs-box1 .inner .img { margin-bottom:.2rem; padding:.3rem; background:#fff; border:1px solid #ddd }
.zs-box1 .inner .img:hover { box-shadow:0 5px 20px rgba(0,0,0,0.1) }
.zs-box1 .inner .tit { text-align:center; font-size:18px; line-height:1.2 ;color: #000;}
@media (max-width:1360px) {
  .zs-box1 .inner .tit { font-size:16px }
  .zs-box1 { height:7rem;}
  .hd-member em{font-size:0.2rem;}

}
@media (max-width:768px) {
  .zs-box1 .inner .tit { font-size:14px }

  .hd-member em{display: none;}
 
}
.zs-box1 li { width:33.33333% }
@media (max-width:992px) {
  .zs-box1 li { width:33.3% }
  .zs-box1 { height:9rem;}
 
}
@media (max-width:640px) {
  .zs-box1 li { width:50% }
  .zs-box1 { height:6.5rem;}
  .hd-member em{display: none;}
}

.cover-box { position:relative; display:block; overflow:hidden; }
.cover-box .coverimg { width:100%; height:100%; position:absolute; left:0; top:0; background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; transition:transform 0.6s ease 0s; }
.cover-box ._bg { width:100%; visibility:hidden; display:block; }
@media (min-width:993px) {
  .cover-box:hover .cover-tip { opacity:1; filter:alpha(opacity=1); }
  .cover-box:hover .coverimg { transform:scale(1.05,1.05); }
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.zs-box1 .swiper-wrapper {
	position: relative;
	width: 10%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.zs-box1 .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.zs-box1 .swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 50%;
	height: 100%;
	position: relative;
	padding: 0;
	
}
.zs-box1 .swiper-button-next, .zs-box1 .swiper-button-prev {
	position: absolute;
	top: 35%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.zs-box1 .swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.zs-box1 .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
	margin: 0 5px;
	cursor: pointer;
}

.banner-box {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.zs-box1 .swiper-container {
	width: 100%;
	margin: 12px 0;
}
.zs-box1 .swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(.8);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
}
.zs-box1 .swiper-slide-active, .zs-box1 .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.zs-box1 .swiper-slide img {
	width: 100%;
	display: block;
}
.zs-box1 .swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}
.zs-box1 .swiper-pagination-bullet-active {
	opacity: 1;
	background: rgba(0,0,0,.8);
}

@media screen and (max-width: 668px) {
  .zs-box1 .swiper-pagination {
	position: relative;
	margin-bottom: 20px;
  
}
.zs-box1 .swiper-button-next, .zs-box1 .swiper-button-prev {
	position: absolute;
	top: 20%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.zs-box1 .swiper-pagination-bullet-active {
	opacity: 1;
	background: rgba(0,0,0,.8);
}
}

/* 图片展示 */
.clear { clear:both; }
.int_list { display:flex; justify-content:space-between; }
.int_txt h1 { color:white; font-size:0.3rem; font-family:"D-DIN"; text-transform:uppercase; margin-bottom:15px; }
.int_txt p { font-size:0.3rem; color:white; font-family:"D-DIN"; line-height:25px; }
.int_l { position:relative; margin-right:5px; }
.int_txt { position:absolute; bottom:60px; left:75px; }
.int_re ul li { width:10px; height:10px; border-radius:50px; background:#808080; margin:0 5px; cursor:pointer; transition:.5s; }
.int_re ul .on { background:#e67817; }
.int_re ul { display:flex; }
.int_re { position:absolute; bottom:30px; right:40px; }
.int_rt { display:flex; margin-bottom:5px; }
.int_rt>div { position:relative; }
.int_rtl { margin-right:5px; }
.int_rb { position:relative; }
.int_r .int_txt h1 { font-size:0.3rem; margin-bottom:0; }
.int_r .int_txt { left:25px; bottom:35px; }
@media screen and (max-width:1024px) {
  .int_r .int_txt h1 { font-size:0.5rem; }
  .int_r .int_txt { left:10px; bottom:15px; }
  .int_txt { left:20px; bottom:30px; }
  .int_txt p { font-size:0.5rem; }
  .int_txt h1 { font-size:0.5rem; }
}
@media screen and (max-width:768px) {
  .int_list { display:block; }
  .int_l { margin-right:0; margin-bottom:5px; }
}
@media screen and (max-width:520px) {
  .int_re { display:none; }
  .int_nr ul li { position:relative; }
  .int_rb ul li { position:relative; }
  .int_txt { left:10px; bottom:10px; }
  .int_txt p { line-height:normal; }
  .int_txt h1 { font-size:0.5rem; margin-bottom:6px; }
  .int_r .int_txt h1 { font-size:0.5rem; }
}
.inh { background:url(../img/inh_bg.jpg) center no-repeat; height:964px; }
.inh_top { padding-top:70px; }
.inh_top h1 { color:#e67817; font-size:2.5rem; font-family:"D-DIN"; margin-bottom:15px; text-transform:uppercase; }
.inh_top p { color:#222222; font-size:1.125rem; line-height:25px; font-family:"D-DIN"; }
.inh_img { margin-top:20px; margin-bottom:35px; }
.inh_more a { color:#e67817; font-size:1.125rem; font-family:"D-DIN"; line-height:46px; height:46px; display:inline-block; padding:0 30px; border:1px solid #e67817; border-radius:10px; font-weight:bold; }
@media screen and (max-width:520px) {
  .inh { background:#eae9e7; height:auto; padding-bottom:50px; }
  .inh_top p { font-size:1rem; }
  .inh_top h1 { font-size:1.875rem; margin-bottom:7px; }
  .inh_top { padding-top:50px; }
  .inh_more a { height:35px; line-height:35px; font-size:1rem; padding:0 20px; border-radius:5px; }
}

/* 公司简介 */
.hd3 {
  font-size: 36px;
  margin-bottom: 0.3rem;
  padding-bottom: 10px;
  position: relative;
  line-height: 1.6;
  font-family: "Roboto Slab", Arial, Verdana, "Noto Sans TC", "Microsoft JhengHei", PMingLiU, sans-serif;
  line-height: 2;
}
.hd3::after {
  content: '';
  display: block;
  position: absolute;
  width: 22px;
  height: 3px;
  background-color: #e67817;
  transition: 0.3s;
  bottom: 0;
  left: 0;
}
.hd3 h2 {
  color: #000;
}
.hd3 .en {
  color: #bbbbbb;
}
@media (min-width: 1200px) {
  .hd3:hover::after {
    width: 120px;
  }
}
@media (max-width: 640px) {
  .hd3 {
    font-size: 24px;
  }
  .hd3 .en {
    font-size: 18px;
    margin-top: 5px;
  }
  .hd3 h2 {font-size: 23px;font-weight: bold;}
}
@media (max-width: 480px) {
  .hd3 {
    font-size: 24px;
  }
  .hd3 .en {
    margin-top: 5px;
    font-size: 18px;
  }
}
/* 
.hd3 h2 {
  font-size: 0.38rem;
  text-transform: uppercase;
  font-weight: bold;
} */
.hd3 .tit {
  font-size: 0.3rem;
}
.hd3.white h2,
.hd3.white .tit {
  color: #fff;
}
@media (max-width: 768px) {
  .hd3 .tit {
    font-size: 24px;
  }
}
@media (max-width: 640px) {
  .hd3 .tit {
    font-size: 20px;
  }
}
.table {
  margin-bottom: 0;
  overflow: hidden;
}
.table .table-cell {
  display: table-cell;
  vertical-align: middle;
}
.base-tab {

  z-index: 7;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  /* padding-top: 56px; */
}
@media (max-width: 768px) {
  .base-tab {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 480px) {
  .base-tab {
    /* padding-top: 40px; */
  }
}
.tab-body {
  padding: 0.8rem 0.9rem 0;
  background: #fff;
}
@media (max-width: 768px) {
  .tab-body {
    padding: 0.5rem 3%;
  }
}
.company{margin-bottom: 0.9rem;}
.about .table-cell {
  width: 50%;
}
.about .table-cell:nth-child(1) {
  padding-right: 3%;
}
.about .table-cell:nth-child(2) {
  padding-left: 3%;
}
.about .content .text {
  line-height: 2;
}
.about .imgbox {
  padding-bottom: 0.3rem;
  transition: 0.3s;
}
.about .imgbox .img {
  margin-right: 0.3rem;
  position: relative;
}
.about .imgbox .img::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e67817;
  left: 0.3rem;
  top: 0.3rem;
  z-index: 1;
}
.about .imgbox .img img {
  width: 100%;
  position: relative;
  z-index: 2;
}
.about .imgbox.s2 {
  padding: 0 0 0.3rem 3%;
}
.about .imgbox.s2 .img {
  margin-left: 0.3rem;
}
.about .imgbox.s2 .img::after {
  left: -0.3rem;
}
@media (max-width: 1200px) {
  .about .table-cell:nth-child(1),
  .about .table-cell:nth-child(2) {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .about {
    padding-top: 0.3rem;
  }
}
@media (max-width: 640px) {
  .about {
    margin-bottom: 0;
  }
  .about .content {
    font-size: 12px;
    line-height: 1.86;
  }
  .about .content .text{font-size: .30rem;}
}
.live-data {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: -5px;
  margin-right: -5px;
}
.live-data > * {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.live-data .num {
  font-size: 0.6rem;
  color: #e67817;
  font-family: medium;
}
.live-data .tit {
  font-size: 16px;
  color: #666666;
}
.live-data br {
  display: none;
}
@media (max-width: 768px) {
  .live-data li:nth-child(3),
  .live-data li:nth-child(4) {
  
  }
  .live-data .num {
    font-size: 30px;
  }
  .live-data .tit {
    font-size: 18px;
  }
}

/* 优势 */
.vhd { margin-bottom:.4rem }
.vhd .en { text-transform:uppercase; font-family:"Arial"; color:#fff; font-size:.35rem }
.vhd h2 { letter-spacing:2px; font-size:.35rem; font-weight:bold; color:#000 }
@media (max-width:640px) {
  .vhd .en br { display:none }
}
@media (max-width:480px) {
  .vhd h2 { font-size:23px }
}
.vhd._white h2 { color:#fff }
.index_product { background:#edf1f5 }
@media (max-width:991px) {
  .index_product .vhd { text-align:center }
}
.index_product .wrap1 { overflow: hidden; }

.index_product .lbox { width:50%; }
.index_product .rbox { width:60% ;background: #fff;padding-top:1rem;}
@media (min-width:1680px) {
  .index_product .lbox { padding-right:5%; width:40%;background: url(../images/bg4.png) repeat; text-align: center; padding-top:2.5rem;padding-bottom:2.5rem;background-size:cover;cursor:pointer;}

}
@media (max-width:1540px) {
  .index_product .lbox { width:100%; padding-right:0 ;background: url(../images/bg4.png) no-repeat;text-align: center;padding-top:1.5rem;padding-bottom:1.5rem;background-size:cover;cursor:pointer;}
  .index_product .rbox{width: 100%; display: block; padding-top:.8rem;}
}
@media (max-width:1440px) {
  .index_product .lbox { width:100%; padding-right:0 ;background: url(../images/bg4.png) no-repeat;text-align: center;padding-top:1.5rem;padding-bottom:1.5rem;background-size:cover;cursor:pointer;}
  .index_product .rbox{width: 100%; display: block; padding-top:.8rem;}
}

@media (max-width:1200px) {
  .index_product .lbox { width:100%; padding-right:0 }
  .index_product .rbox{width: 100%; display: block;}
}
@media (max-width:991px) {
  .index_product .lbox { width:100%; padding-right:0 }
  .index_product .rbox{width: 100%; display: block;}
}

.index_product nav { overflow:hidden; text-align:center; color:#000; font-size:15px; display:flex; flex-wrap:wrap; align-items:stretch }
.index_product nav .item { width:50%; color:#000; margin-bottom:1.3rem }
.index_product nav .item span{font-size: .20rem; line-height: 0.5rem;}
@media (min-width:992px) {
  .index_product nav .item { opacity:.7; padding-right:2% }
}
@media (max-width:639px) {
  .index_product nav .item { width:50% }
  .index_product nav .item span{font-size: .3rem; line-height: .8rem;}
}
.index_product nav img { display:block; margin:0 auto; position:relative; top:.06rem; width:.75rem; height:.75rem }
@media (max-width:639px) {
  .index_product nav img { width:1.2rem; height:1.2rem }
  .index_product .lbox{width: 100%;}
  .index_product .rbox{width: 100%; padding-top: .8rem;}
}
@media (min-width:992px) {
  .index_product nav .active,.index_product nav a:hover { opacity:1 }
}

/* 产品中心 */
.brand-concept { padding:.8rem 0;background: url(../images/cp-bg.jpg) repeat-y; background-attachment: fixed;background-size:cover;}
.brand-concept .vhd { margin-bottom:.46rem }
.brand-concept .row { margin-left:-0.23rem !important; margin-right:-0.23rem !important }
.brand-concept .row>* { padding-left:.23rem !important; padding-right:.23rem !important }
@media (max-width:1200px) {
  .brand-concept .row { margin-left:-0.15rem !important; margin-right:-0.15rem !important }
  .brand-concept .row>* { padding-left:.15rem !important; padding-right:.15rem !important }
}
.brand-concept .img { overflow:hidden }
.brand-concept .img img { transition:.6s }
.brand-concept h3 { font-size:24px; margin:.24rem 0 .1rem }
.brand-concept .desc { font-size:16px; color:#666; line-height:1.8 ;padding-bottom: .3rem;}
.brand-concept li { margin-bottom:.2rem }
.brand-concept li div{ background: #fff;}
.brand-concept li div h3{text-align: center;}
.brand-concept li div p{padding:0 .3rem}
@media (max-width:992px) {
  .brand-concept li:nth-child(2n+1) { clear:both }
  .brand-concept li h3 { font-size:20px }
  .brand-concept li .desc { font-size:14px }
}
.brand-concept li:hover img { transform:scale(1.1) }


.quick-box{overflow: hidden;}
.quick-box>div{margin-top: 30px;}
.quick-box a{display: block;position: relative;}
.quick-box a img{display: block;width: 100%;}
.quick-box a .quick-txt{position: absolute;left: 0;top: 0;width:100%;height:100%;color: #eb7514;transition: all .5s;-webkit-transition: all .5s;}
.quick-box a .quick-txt .quick-con{position: absolute;left: 30px;bottom: 30px;transition: all .5s;-webkit-transition: all .5s;}
.quick-box a .quick-txt .quick-con h2{font-size: 24px;font-weight: bold;margin-bottom: 10px;transition: all .5s;-webkit-transition: all .5s;}
.quick-box a .quick-txt .quick-con p{font-size: 18px;text-transform: uppercase;}
.quick-box a .quick-txt .quick-con .quick-ico{width: 30px;height: 18px;background: url(../images/quick-ico.png) no-repeat;margin-top: 12px;display: none;transition: all .5s;-webkit-transition: all .5s;}
.quick-box a:hover .quick-txt{/*background: rgba(0,0,0,0.5);*/}
.quick-box a:hover .quick-txt .quick-con{bottom: 50%;transform: translateY(50%);}
.quick-box a:hover .quick-txt .quick-con h2{color: #eb7514;}
.quick-box a:hover .quick-txt .quick-con .quick-ico{display: block;}
@media only screen  and (max-width: 767px){
	#quick{padding-bottom: 30px;}
	.quick-box{margin-top: 10px;}
	.quick-box>div{margin-top: 10px;}
}
@media only screen  and (max-width: 425px){
	.quick-box a .quick-txt .quick-con{bottom: 20px;left:10px;}
	.quick-box a .quick-txt .quick-con h2{font-size: 20px;margin-bottom: 5px;}
	.quick-box a .quick-txt .quick-con p{font-size: 16px;}
	.quick-box a .quick-txt .quick-con .quick-ico{margin-top: 6px;}
}




/*栏目*/
.base-head1 {
  text-align: center;
  margin-bottom: 0.3rem;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 1600px;
  max-width: 1300px;
}
.base-head1 h2 {
  margin-bottom: 0.1rem;
  color: #eb7514;
  font-weight: bold;
}
.base-head1 h2::after {
  display: none;
}
.base-head1 .desc1 {
  font-size: 24px;
  color: #fff;
  line-height: 1.76;
}
@media (max-width: 768px) {
  .base-head1 h2 {
    font-size: 24px;
    font-weight: normal;
  }
  .base-head1 .desc1 {
    font-size: 14px;
  }
}


/* 头部 */
.header {
	transition: 0.3s;
	width: 100vw;
	z-index: 99999999;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
  background: #023d71;
}

.menu_btn {
  width: 60px;
  height: 60px;
  z-index: 101;
  cursor: pointer;
  position: absolute;
  right: 12px;
  transform-origin: center center;
  top: 50%;
  transform: translateY(-50%) scale(0.8);
  -webkit-transform: translateY(-50%) scale(0.8);
  -moz-transform: translateY(-50%) scale(0.8);
  -ms-transform: translateY(-50%) scale(0.8);
  -o-transform: translateY(-50%) scale(0.8);
}
.menu_btn i {
  position: absolute;
  width: 26px;
  height: 2px;
  background: #fff;
  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;
}

.header .wrap {
	height: 100px;
	/*  margin-right: 1%; */
	margin-left: auto;
	margin-right: auto;
	width: 88%;
	max-width: 1600px;
	overflow: visible;
	position: relative;
}

.header .logo {
	height: 100%;
	width: 636px;
	background: url('../images/logo.png') no-repeat  center;
}

.header .hd-tel {
	color: #fff;
	font-size: 20px;
	margin-right: 40px;
}

.header .hd-tel>* {
	display: inline-block;
	vertical-align: middle;
}

.header .hd-tel .iconfont {
	font-size: 26px;
	margin-right: 12px;
	font-weight: bold;
}

.header .hd-tel em {
	line-height: 100px;
	font-family: medium;
}


/* .header .head-menu {
  transition: 0.3s;
  height: 100%;
}
@media (min-width: 1200px) {
  .header .head-menu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    top: 0;
  }
} */

@media (max-width: 1360px) {
	.header .pc-menus .item b {
		font-size: 16px;
	}
 

  
}
@media (max-width: 1199px) {
	.header .wrap {
		height: 80px;
	}

	.header .pc-menus {
		height: 80px;
		float: right;
		margin-right: 5%;
		width: 60vw;
	}

	.header .pc-menus .tit {
		line-height: 80px;
	}

	.header .logo {
		height: 80px;
		width: 220px;
		background-size: auto 60%;
	}

	.header .hd-tel {
		margin-right: 100px;
	}

	.header .hd-tel em {
		line-height: 80px;
	}
}


@media (max-width: 992px) {
	.header .pc-menus .tit {
		font-size: 14px;
	}
}

@media (max-width: 640px) {

	.header .logo,
	.header .wrap {
		height: 50px;
	}

	.header .logo {
		background-size: auto 36px;
		width: 50%;
	}

	.header .hd-tel em {
		line-height: 50px;
	}
}

@media (max-width: 480px) {
	.header .menu_btn {
		right: 0;
	}

	.header .logo {
		background-size: 75%;
	}
}

.hd-member {  font-size:16px; color:#eb7514; position:absolute; right:0; top:50%; transform:translateY(-50%); border-radius:2em }
.hd-member em { display:inline-block; padding-left:36px;  font-size:0.3rem; font-weight: bold;background:url(../images/phone.png) left no-repeat;}
.pc-menus {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-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;
	height: 100px;
	max-width: 600px;
	min-width: 500px;
	width: 50vw;
	padding-left: 0.3rem;
}

.pc-menus li {
	text-align: center;
	transition: 0.3s;
	position: relative;
}

.pc-menus .tit {
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
	display: block;
	color: #fff;
	transition: 0.3s;
	line-height: 100px;
}

.pc-menus .active,
.pc-menus .tit:hover {
	color: #e77817 !important;
}

.pc-menus .dropinfo {
	display: none;
	background: #fff;
	border-top: 3px solid #e77817;
	padding: 6px 0;
	font-size: 14px;
	position: absolute;
	width: 190px;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}

.pc-menus .dropinfo a {
	display: block;
	position: relative;
	height: 46px;
	line-height: 46px;
	color: #333;
}

.pc-menus .dropinfo a:hover {
	color: #e77817;
	background-color: #fff;
}

.pc-menus li:hover .tit {
	color: #e77817;
}

.pc-menus li:hover .dropinfo {
	display: block;
	box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1);
}

.header.active,
.header.fixed {
	background: #023d71 !important;
}

.header.active .pc-menus .tit,
.header.fixed .pc-menus .tit {
	color: #333;
}

.header.active .pc-menus .tit.active,
.header.fixed .pc-menus .tit.active {
	color: #e77817;
}

.header.active .hd-tel,
.header.fixed .hd-tel {
	color: #666;
}

.header.active .hd-tel .iconfont,
.header.fixed .hd-tel .iconfont {
	color: #e77817;
}

.header.active .logo,
.header.fixed .logo {
	background-image: url('../images/logo-hei.png');
}

.header.active .menu_btn i,
.header.fixed .menu_btn i {
	background: #333;
}

.header-shadow {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
@media (max-width: 1540px) {
 
  .header .logo{width: 400px;background-size:auto 60%;}
  .header+*:not(.indexmain) {
		margin-top: 29px;
	} 
}
@media (max-width: 1360px) {
  .pc-menus{width: 33vw;}
  .header .logo{width: 400px;background-size:auto 60%;}
}
@media (max-width: 1260px) {
  .header .logo{width: 300px;background-size:auto 60%;}
  .header .pc-menus{width: 40vw;}
  .pc-menus .tit{font-size: 14px;}
}

@media (max-width: 480px) {
	.header-shadow {
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    margin-top: 145px;
	}
}

.header+*:not(.indexmain) {
	margin-top: 40px;
}

@media (max-width: 1199px) {
	/* .header+*:not(.indexmain) {
		margin-top: 80px;
	} */
}

@media (max-width: 640px) {
 .header+*:not(.indexmain) {
		margin-top: 50px !important;
	} 
  .hd-member{display: none;}
  .header .logo{background-size:100%; width: 256px;}
}

.m-menus {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 50px;
	right: -100%;
	background: #fff;
	overflow: hidden;
	line-height: 40px;
	font-size: 15px;
	z-index: 999;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.m-menus .inner {
	height: calc((100vh - 50px));
	overflow-y: auto;
	border-top: 1px solid #e3e3e3;
	padding-bottom: 30px;
}

.m-menus .hd-tel {
	text-align: center;
	display: block;
	margin: 30px 0 0;
}

.m-menus a {
	color: #333;
	max-width: 90%;
	display: block;
}

.m-menus.active {
	right: 0;
}

.m-menus ul {
	overflow-y: auto;
	border-bottom: 1px solid #e3e3e3;
}

.m-menus .item:not(:first-child) {
	border-top: 1px solid #e3e3e3;
}

.m-menus .item {
	cursor: pointer;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	position: relative;
}

.m-menus .item .iconfont {
	position: absolute;
	right: 8%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1px;
	color: #999;
	font-weight: bold;
	transition: 0.3s;
}

.m-menus .item>a,
.m-menus h5 {
	display: block;
	padding: 0 8%;
	line-height: 54px;
	color: #333;
	position: relative;
	font-size: 16px;
}

.m-menus .xs-dropinfo {
	display: none;
	background: rgba(0, 0, 0, 0.05);
	padding: 15px 50px;
	font-size: 14px;
}

.m-menus .xs-dropinfo a {
	color: #666;
	display: block;
	line-height: 40px;
}

.m-menus .trans {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.m-menus .open h5 {
	background: #023d71;
	color: #fff;
	border-top: 0;
}
.m-menus .open h5 a{color: #fff;}
.m-menus .open h5 .iconfont {
	color: #fff;
}

.m-menus .open h5 .iconfont::before {
	content: "\e625";
}

.m-menus .open h5>a,
.m-menus .open h5 p {
	font-weight: bold;
}

.m-menus .xs-dropinfo dl.br {
	border-right: 1px solid #ccc;
}

/* 鎼滅储 */

.hd-search {
	color: #333
}

.hd-search .searchbtn {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	/* background: linear-gradient(to right, #0b7bda, #1a97e4); */
	cursor: pointer
}

.hd-search .searchbtn .iconfont {
	font-size: 28px
}

.hd-search .searchbtn:hover {
/* 	background: #2495f4 */
}

@media (min-width:993px) {
	.hd-search .searchbtn {
		margin-top: 30px
	}
}

@media (max-width:992px) {
	.hd-search .searchbtn {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 5;
		right: 70px
	}
}

.hd-search-box {
	position: fixed;
	left: 0;
	right: 0;
	background: #fff;
	padding: 20px 5%;
	display: none
}

.hd-search-box .inner {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: end;
	box-pack: end;
	-webkit-justify-content: end;
	justify-content: end
}

.hd-search-box form {
	border: 1px solid #0b7bda;
	max-width: 500px;
	display: block;
	position: relative;
	border-radius: 3px;
	width: 80%;
	min-width: 500px
}

.hd-search-box .key {
	width: 90%;
	height: 40px;
	line-height: 40px;
	text-indent: 20px
}

.hd-search-box .submit {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	border-left: 1px solid #0b7bda;
	text-align: center;
	width: 50px;
	font-size: 20px;
	line-height: 40px;
	height: 40px
}

.hd-search-box .submit .iconfont {
	font-size: 20px
}

.hd-search-box .submit:hover {
	background: #0b7bda;
	color: #fff
}

.hd-search-box .close {
	float: right;
	height: 40px;
	line-height: 42px;
	width: 60px;
	text-align: center;
	font-size: 20px
}

.hd-search-box .close:hover {
	color: #000
}

@media (min-width:993px) {
	.hd-search-box {
		top: 90px
	}
}

@media (max-width:992px) {
	.hd-search-box {
		top: 80px
	}
}

@media (max-width:768px) {
	.hd-search-box {
		top: 50px
	}

	.hd-search-box .inner {
		float: none;
		width: 100%
	}

	.hd-search-box form {
		min-width: auto;
		width: 90%
	}

	.hd-search-box .close {
		position: relative
	}
}

@media (max-width:480px) {
	.hd-search-box {
		bottom: 0;
		height: auto
	}
}








/* .header { transition:1s; width:100%; position:fixed; left:0; right:0; top:0; background:#023d71; z-index:9999; height:100px }
.header .menu_btn i { background:#fd7649 }

@media (max-width:1200px) {
  .header { position:fixed }
}
.header .hdinner { margin-left:6vw; margin-right:6vw; height:100%; position:relative; z-index:999999 }
.header .logo {  position:relative; transition:.6s }
.header .logo img { display:block }

@media (max-width:1600px) {
  .header .logo { width:40%;padding-top:10px; }
  .hd-member em{background: 0;display: block;font-size: 0.1rem;}
}
@media (max-width:1360px) {
  .pc-menus{width:40%;}
   .header .logo { width:40%;padding-top:10px; }
   .hd-member em{background: 0;display: block;font-size: 0.2rem;}
   
}
@media (max-width:1200px) {
  .header { height:1rem; background:#023d71 }
  
}
@media (max-width:768px) {
  .header .hdinner { margin-left:4vw; margin-right:4vw }
}
@media (max-width:640px) {
  .header { background:#023d71 }
  .header .logo { width:1.8rem }
  .header .menu_btn { transform:scale(1) translateY(-50%) translatX(-50%) }
  .header .menu_btn i { background:#fd7649 }
}
.hd-member {  font-size:16px; color:#eb7514; position:absolute; right:0; top:50%; transform:translateY(-50%); border-radius:2em }
.hd-member em { display:inline-block; padding-left:36px;  font-size:0.3rem; font-weight: bold;background:url(../images/phone.png) left no-repeat;}
@media (min-width:992px) {
  .hd-member:hover { color:#eb7514 }
 
}
@media (max-width:640px) {
  .hd-member { padding:.1rem .14rem; font-size:14px; border-radius:.1rem; background:transparent; color:#eb7514 }
  .hd-member em { padding-left:28px;  color:#eb7514 ;font-size: .22rem !important;}
}
.pc-menus { height:100px; position:absolute; left:63%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:5; width:35%; font-size:16px; text-align:center; max-width:800px; display:-webkit-flex; display:flex; display:-webkit-box; display:box; -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 }
.pc-menus .iinner { position:relative; padding:0 8px; display:inline-block; line-height:100px }
.pc-menus .iinner::after { content:''; display:block; position:absolute; width:0; left:50%; bottom:0; height:4px; transform:translateX(-50%); transition:.6s }
.pc-menus .iinner:hover .tit { color:#fd7649 }
.pc-menus .active .iinner .tit { color:#fd7649 }
.pc-menus .active .iinner::after { background:#fd7649 }
@media (max-width:1360px) {
  .pc-menus{width:40%;}
 
}
@media (max-width:1200px) {
  .pc-menus .iinner { padding:0 }
  .pc-menus .iinner::after { height:2px; bottom:4px }
}
.pc-menus .mitem { transition:.6s; position:relative; height:80px; display:flex; align-items:center }
.pc-menus .mitem .tit { cursor:pointer; font-size:16px; display:inline-block; color:#333; font-family:robotoThin; height:40px; overflow:hidden; position:relative }
.pc-menus .mitem .tit::after { content:''; display:block; position:absolute; width:0; height:1px; background:#fff; background:#fd7649; opacity:.8; left:0; transition:.6s; bottom:0; z-index:555 }
.pc-menus .mitem .tit p { transition:.6s; line-height:40px; height:80px }
.pc-menus .mitem .tit em { color:#fff; display:block}
.pc-menus .mitem .tit span { color:#fd7649; font-weight:bold }
.pc-menus .mitem.active .tit::after,.pc-menus .mitem:hover .tit::after { width:100% }
.pc-menus .mitem.active .tit p,.pc-menus .mitem:hover .tit p { transform:translateY(-40px) }
.pc-menus .pc-menu-drop { position:absolute; left:50%; width:180px; margin-left:-90px; top:90px; z-index:55; text-align:center; opacity:0 }
.pc-menus .pc-menu-drop .links { background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); box-shadow:0 0 10px rgba(0,0,0,0.1); transition:.6s; position:relative; font-size:16px; border-radius:2px }
.pc-menus .pc-menu-drop .links::before { content:''; width:0; height:0; border:6px solid transparent; transition:.6s; top:-12px; position:absolute; left:50%; transform:translateX(-50%); z-index:5 }
.pc-menus .pc-menu-drop li { height:0; overflow:hidden; transition:.6s }
.pc-menus .pc-menu-drop a { position:relative; display:inline-block; padding:0 20px; text-align:center; transition:.6s }
.pc-menus .pc-menu-drop a::after { content:''; display:block; position:absolute; width:0px; height:1px; left:0px; bottom:0; background:#fd7649; transition:.6s }
.pc-menus .pc-menu-drop a:hover { color:#fd7649 }
.pc-menus .pc-menu-drop a:hover::after { width:100% }
.pc-menus .mitem:hover .pc-menu-drop { padding-top:10px; opacity:1 }
.pc-menus .mitem:hover .pc-menu-drop .links { padding:20px 0 }
.pc-menus .mitem:hover .pc-menu-drop .links::before { border-bottom-color:rgba(0,0,0,0.7); border-bottom-color:#fff }
.pc-menus .mitem:hover .pc-menu-drop li { height:40px }
.pc-menus .mitem:hover .pc-menu-drop a { line-height:40px }
@media (min-width:1200px) {
  .header.fixed { background:#023d71; position:fixed; box-shadow:0 0 10px rgba(0,0,0,0.2); box-shadow:0 0 10px rgba(0,0,0,0.1); top:0; height:.8rem }
  .header.fixed .pc-menus .mitem em { color:#fff}
  .header.fixed .logo { height: 100%; }
  .header.fixed .logo img{max-width: 100%; height: 100%;}
}
.m-menus { width:100%; max-width:640px; height:100vh; position:fixed; top:1rem; right:-100%; background:#fff; overflow:hidden; line-height:40px; font-size:15px; z-index:999; padding-top:2%; transition:.6s }
.m-menus .inner { height:calc((100vh - 1rem )); padding-bottom:30px; overflow-x:hidden; overflow-y:auto }
.m-menus a { color:#333 }
.m-menus.active { right:0 }
.m-menus .item { cursor:pointer; transition:.3s; position:relative; text-align:center; border-bottom:1px solid #dcdcdc }
.m-menus .item>a,.m-menus .tit { display:block; margin:0 5%; line-height:50px; color:#333; position:relative; font-size:16px; text-align:left!important }
.m-menus .tit { position:relative }
.m-menus .tit .iconfont { position:absolute; right:0; top:50%; transform:translateY(-50%); color:inherit }
.m-menus .xs-menu { display:none; text-align:left; margin:0 6%; padding-left:3% }
.m-menus .xs-menu dd { line-height:36px }
.m-menus .open .tit { color:#fd7649 }
.m-menus .open .iconfont::before {background: url(../images/nav-op.jpg) no-repeat;}
.m-menus .open .xs-menu { padding-bottom:10px; border-top:1px solid #dcdcdc }
.m-menus .active .tit { color:#fd7649 }
.menu_btn { width:50px; height:50px; position:absolute; left:50%; top:50%; margin-top:-6px; z-index:101; cursor:pointer; transform-origin:center center; transform:translateY(-50%) translateX(-50%) scale(1) }
.menu_btn i { position:absolute; width:26px; height:2px; color:#333; left:12px; display:block; transition:all .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) { transform:rotate(225deg) translate(-7px,-7px) }
.menu_btn.active i:nth-of-type(3) { opacity:0 }
.menu_btn.active i:nth-of-type(2) { transform:rotate(-225deg) translate(0,0) }
.menu_btn:hover i:nth-of-type(3) { width:14px } */














/* banner */
/* main { margin-top:1rem } */
/* banenr */
.index_banner { position:relative; overflow:hidden; width:100vw; height:calc(84vh - 85px) ;top: 60px;}
.index_banner .bg { display:block; height:100%; transition:all 5.6s cubic-bezier(.04,.79,1,1) !important;  background-repeat:no-repeat; background-size:cover; background-position:center }
.index_banner .content { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:5; top:45%; width:88vw; text-align:center; color:#fff }
.index_banner .content h3 { font-size:.45rem; font-weight:bold; letter-spacing:2px; text-shadow:0 0 10px rgba(0,0,0,0.2) }
.index_banner .content .desc { font-size:18px; opacity:.76; padding-top:.16rem }
@media (max-width:768px) {
  .index_banner .content .desc { font-size:16px }
  .index_banner .content h3 { font-size:.5rem }
}
@media (max-width:480px) {
  .index_banner .content .desc { font-size:14px }
}
.index_banner video { width:100%; height:100%; object-fit:cover }
.index_banner .swiper-pagination { bottom:6% }
@media (max-width:768px) {
  .index_banner .swiper-pagination { bottom:10% }
}
.index_banner .swiper-pagination-bullet { width:12px; height:12px; background:#cdd3d5; opacity:1; border:0; transition:.6s; top:-4px; position:relative; margin:0 9px!important }
@media (max-width:640px) {
  .index_banner .swiper-pagination-bullet { transform:scale(.8) }
 
 
}
.index_banner .swiper-pagination-bullet::after { content:''; width:6px; height:6px; background:#cdd3d5; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:5; border-radius:50% }
.index_banner .swiper-pagination-bullet-active { width:22px; height:22px; background:none!important; border:2px solid #cdd3d5; top:0 }
.index_banner .swiper-slide-active .bg { }
@media (max-width:1199px) {
  .index_banner { height:6rem }
}
@media (max-width:768px) {
  .index_banner { height:5rem }
}
@media (max-width:480px) {

  .index_banner { height:auto;top:0 !important; }
  .index_banner .swiper-pagination { bottom:6% }
  .index_banner{height:161px;}
  .index_banner .bg {width:100%;background-size :auto 109%;}
  .index_banner .content { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:5; top:45%; width:88vw; text-align:center; color:#fff;}
}
@media (min-width:992px) {
  .coverbox._l .coverimg { width:0%; transition:all 1s ease-in-out; background-position:0 center; opacity:0 }
  .coverbox._l.animated .coverimg { width:100%; opacity:1 }
  .coverbox._r .coverimg { width:0%; transition:all 1s ease-in-out; background-position:right center; right:0; left:auto; opacity:0 }
  .coverbox._r.animated .coverimg { width:100%; opacity:1 }
}
/* .ibanner-box {
	background-color: #ccc;
 
}

.index-banner {
	width: 88%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1920px;
	position: relative;
	width: 100% !important;
}

.index-banner .swiper-pagination-bullet {
	background: none;
	opacity: 1;
	border: 1px solid #023d71;
	transition: 0.3s;
	width: 10px;
	height: 10px;
}

.index-banner .swiper-pagination-bullet-active {
	background: #023d71;
}

.index-banner .swiper-button-prev {
	left: 2%;
}

.index-banner .swiper-button-next {
	right: 2%;
}

.index-banner .swiper-button-next,
.index-banner .swiper-button-prev {
	color: rgba(255, 255, 255, 0.5);
	transition: 0.3s;
}

.index-banner .swiper-button-next:hover,
.index-banner .swiper-button-prev:hover {
	color: #fff;
}

.index-banner .swiper-slide {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.index-banner .swiper-slide img {
	visibility: hidden;
}

.index-banner .content {
	position: absolute;
	left: 50%;
	top: 100px;
	transform: translateX(-50%);
	bottom: 0;
	width: 88%;
	max-width: 1400px;
}

.index-banner .textbox {
	color: #fff;
	line-height: 72px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	width: 100%;
}

.index-banner .textbox h5 {
	font-size: 60px;
	margin: 0;
	letter-spacing: 2px;
	margin: 0.1rem 0 0;
}

.index-banner .textbox .en {
	font-size: 24px;
	color: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
}

@media (max-width: 1440px) {
	.index-banner {
		max-height: 70vh;
	}

	.index-banner .swiper-pagination {
		bottom: 0.3rem;
	}
}

@media (max-width: 1200px) {
	.index-banner .textbox {
		line-height: 0.72rem;
	}

	.index-banner .textbox .en {
		font-size: 0.26rem;
	}

	.index-banner .textbox .entit,
	.index-banner .textbox h5 {
		font-size: 0.66rem;
	}
}

@media (max-width: 992px) {
	.index-banner .content {
		top: 80px;
	}

}

@media (max-width: 768px) {
	.index-banner .swiper-pagination {
		bottom: 0.1rem;
	}
	.index_brand .video{box-shadow:none;}

}

@media (max-width: 640px) {
 
	.index-banner {
		height: 300px;
	}

	.index-banner .content {
		top: 60px;
	}

	.index-banner .swiper-slide {
		overflow: hidden;
	}

	.index-banner .swiper-slide img {
		height:auto;
		max-width: none;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}

	.index-banner .textbox {
		padding: 0.3rem 0.1rem;
		text-align: center;
		line-height: 34px;
	}

	.index-banner .textbox .en {
		font-size: 16px;
	}

	.index-banner .textbox h5 {
		font-size: 32px;
	}
}

@media (max-width: 480px) {
	.index-banner .textbox .en {
		font-size: 14px;
	}

	.index-banner .textbox h5 {
		font-size: 26px;
	}
} */



/* .index-banner { width:100%; height:7.5rem; max-height:calc((100vh - 100px )); position:relative; color:#fff ;top:0.6rem}
.index-banner .swiper_pnext { transition:.6s; opacity:0 }
.index-banner .icon-arr_l { left:3vw }
.index-banner .icon-arr_r { right:3vw }
.index-banner:hover .icon-arr_l { left:6vw; opacity:1 }
.index-banner:hover .icon-arr_r { right:6vw; opacity:1 }
.index-banner li { position:relative; overflow:hidden }
.index-banner li .img { display:block }
.index-banner li .bg { background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; width:100%; height:100%; left:0; top:0; transition:all 5.6s cubic-bezier(.04,.79,1,1) !important; transform:scale(1.3) }
.index-banner .content { position:absolute; width:80%; left:10%; top:45%; transform:translateY(-50%); z-index:55; color:#fff }
@media (max-width:768px) {
  .index-banner .content { margin-top:.5rem }
}
.index-banner h5 { font-size:.6rem; display:inline-block; position:relative; transition:all 1s cubic-bezier(.24,.77,.25,1); transition-delay:.1s; line-height:1 }
.index-banner .desc { font-size:.3rem; transition:all 1s cubic-bezier(.24,.77,.25,1); transition-delay:.2s; margin:0.1 0rem }
.index-banner .desc em { color:#fd7649 }
.index-banner .more { font-size:16px; padding:.16rem .6rem; border:1px solid #fff; line-height:1; border-radius:2em; color:#fff; display:inline-block; transition:.6s }
.index-banner .more em { position:relative; padding-right:5px }
.index-banner .more em .iconfont { font-size:14px }
.index-banner .more:hover { background:#fd7649; color:#fff; border-color:#fd7649 }
@media (max-width:640px) {
  .index-banner h5 { font-size:.5rem }
  .index-banner .desc { font-size:16px }
  .index-banner .more { padding:.14rem .4rem; font-size:14px }
}
.index-banner .ani011 { color:#fd7649;background-image:-webkit-linear-gradient(right, #fc8a27, #e87c1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;
    opacity:0; filter:alpha(opacity=0); transform:translate(0,1rem); transition-duration:.8s; transition-property:all; transition-timing-function:ease-out }
.index-banner .ani012 { opacity:0; filter:alpha(opacity=0); transform:translate(0,-20vh); transition-duration:.8s; transition-property:all; transition-timing-function:ease-out;color: #333;}
.index-banner .swiper-slide-active .bg { transform:scale(1) }
.index-banner .swiper-slide-active .ani011,.index-banner .swiper-slide-active .ani012 { opacity:1; filter:alpha(opacity=100); transform:translate(0,0) }
.index-banner .swiper-pagination { position:absolute; left:0; right:0; bottom:.64rem }
@media (min-width:1920px) {
  .index-banner li { background-repeat:no-repeat; background-size:cover; background-position:center }
  .index-banner li .img { visibility:hidden }
}
@media (max-width:1919px) and (min-width:993px) {
  .index-banner li { background:none!important }
}
@media (max-width:992px) {
  .index-banner { height:6rem }
  .index-banner .swiper-pagination { bottom:10px }
  .index-banner li { background-repeat:no-repeat; background-size:cover; background-position:center }
  .index-banner li .img { visibility:hidden }
} */

/* banner结束 */





.about-com-text .en { font-family:Montserrat; text-transform:uppercase; }
.about-com-text .bor { width:32px; height:4px; margin:10px auto 5px; }
.about-com-text .bor.bgcac { background-color:#0c337f; }
.about-com-text .bor.bgcff { background-color:#ffffff; }
.about-com-text .bor.bgc45 { background-color:#45a2df; }
.about-yearslist { padding:20px 0 0 0; }
.about-yearslist li { text-align:center; border-right:1px solid #e5e6e8; margin:0 0 15px 0; line-height:22px; color:#666666; }
.about-yearslist li:nth-last-child(1) { border:0; }
.about-yearslist li .yLine { color:#0c337f; font-size:20px; font-family:Montserrat; }
.abcompany-text { color:#929292; padding:20px 0; }
.swiper-slide { width:auto; display:inline-block; -webkit-flex-shrink:0; -ms-flex:0 0 auto; -ms-flex-negative:0; flex-shrink:0; height:100%; -ms-flex-pack:center; -webkit-box-align:center; -ms-flex-align:center; }
.abcompany-list { padding:20px 0; position:relative; }
.abcompany-list .abcompany-wrapper { overflow:hidden; }
.abcompany-list li .img { border:1px solid #e8e8e8; padding:8px 10px; }
.abcompany-list li img { display:block; width:100%; }
.contentBox1 { height:276px; padding-right:10px; overflow-y:auto; }
@media (min-width:768px) {
  .about-yearslist li { width:20%; }
  .about-yearslist li .yLine { font-size:30px; line-height:30px; }
}
@media (min-width:1024px) {
  .about-company { padding-top:76px; padding-bottom:75px; }
  .about-yearslist { padding:53px 0 45px 0; }
  .about-yearslist li { font-size:16px; line-height:26px; }
  .about-yearslist li .yLine { font-size:42px; line-height:42px; }
  .about-com-text .bor { margin:15px auto 14px; }
  .abcompany-text { font-size:16px; line-height:30px; text-align:center; overflow:hidden; padding:0; }
  .abcompany-list { margin:51px 0 0 0; padding:0; }
  .scrollBox { overflow:visible; }
  .zl-scrollBarBox { width:3px !important; height:100%; position:absolute; background:#e4e4e4; right:3px !important; }
  .zl-scrollBar { width:7px !important; position:absolute; left:-2px; top:0; background:#c2c2c2; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; }
  .zl-scrollBar.zl-verticalBar { min-height:10px; }
  .zl-scrollBar.zl-horizontalBar { min-width:10px; }
  .zl-scrollBar:hover { background:#0c337f; }
  .zl-scrollContentDiv { position:relative !important; width:100% !important; height:100% !important; padding:0 !important; margin:0 !important; top:0; left:0; }
  .contentBox1 { overflow:visible; padding-right:33px; }
}
.about-honours { background:url(../images/wimg34.jpg) no-repeat center center; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.honors-wraper { position:relative; padding:0; }
.honors-sw-hook { position:relative; overflow:hidden; padding:20px 0 0; }
.honors-sw-hook .swiper-wrapper li { -webkit-transition:all .7s ease; -o-transition:all .7s ease; -moz-transition:all .7s ease; transition:all .7s ease; -webkit-transition:transform 1.0s; -moz-transition:transform 1.0s; -ms-transition:transform 1.0s; -o-transition:transform 1.0s; text-align:center; }
.honors-sw-hook .swiper-wrapper li .img { background-color:#ffffff; padding:5px; }
.honors-sw-hook .swiper-wrapper li p { padding-top:10px; color:#ffffff; }
.honors-sw-hook .swiper-wrapper li img { display:block; width:100%; }
.swiper-btn { display:block; width:30px; height:33px; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); background-repeat:no-repeat; background-position:center center; z-index:2; -moz-background-size:100%; -o-background-size:100%; background-size:100%; }
.honor-prev { left:0; background-image:url(../images/prev3.png); }
.honor-next { right:0; background-position:right 0; background-image:url(../images/next3.png); }
@media (min-width:768px) {
  .honors-sw-hook { padding:40px 0 0; }
}
@media (min-width:991px) {
  .about-honours { padding:51px 0 50px; }
  .honors-wraper { margin-top:45px; }
  .honors-sw-hook { padding:149px 0; }
  .honors-sw-hook .swiper-wrapper li.swiper-slide-active { -webkit-transform:scale(2.4); transform:scale(2.4); -o-transform:scale(2.4); -moz-transform:scale(2.4); -ms-transform:scale(2.4); z-index:10; }
  .honors-sw-hook .swiper-wrapper li p { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); -moz-transform:scale(1.2); opacity:0; padding-top:10px; }
  .honors-sw-hook .swiper-wrapper li.swiper-slide-active p { -webkit-transform:scale(0.5); -ms-transform:scale(0.5); -o-transform:scale(0.5); transform:scale(0.5); -moz-transform:scale(0.5); color:#ffffff; opacity:1; }
  .honors-sw-hook .swiper-wrapper li.my-slide-left,.honors-sw-hook .swiper-wrapper li.my-slide-right { -webkit-transform:scale(1.4); transform:scale(1.4); -o-transform:scale(1.4); -moz-transform:scale(1.4); -ms-transform:scale(1.4); z-index:9; }
  .honors-sw-hook .swiper-wrapper li.my-slide-left p,.honors-sw-hook .swiper-wrapper li.my-slide-right p { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); z-index:9; -moz-transform:scale(1.1); -o-transform:scale(1.1); }
  .honors-sw-hook .swiper-wrapper li.my-slide-left { right:2%; }
  .honors-sw-hook .swiper-wrapper li.my-slide-right { left:2%; }
  .honor-prev:hover { background-image:url(../images/prev3ho.png); }
  .honor-next:hover { background-image:url(../images/next3ho.png); }
}
@media (min-width:1024px) {
  .swiper-btn { width:40px; height:43px; }
}
@media (min-width:1400px) {
  .honor-prev { left:-80px; }
  .honor-next { right:-80px; }
}
.absystem-list { padding:20px 0 0 0; }
.absystem-list li { text-align:center; margin:0 0 15px 0; }
.absystem-list li .icon { background-color:#ffffff; border:1px solid #eeeeee; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; width:80px; height:80px; margin:0 auto 10px; }
.absystem-list li .icon img { display:block; height:80px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
@media (min-width:768px) {
  .absystem-list li { position:relative; }
  .absystem-list li:after { content:""; display:block; width:10px; height:18px; position:absolute; right:0; margin-right:-5px; top:30%; background:url(../images/wicon26.png) no-repeat center center; }
  .absystem-list li:last-child:after { display:none; }
}
@media (min-width:1199px) {
  .about-system { padding-top:96px; padding-bottom:80px; }
  .absystem-list { padding:68px 0 0 0; }
  .absystem-list ul { margin:0 -35px; }
  .absystem-list li { font-size:16px; padding:0 35px; }
  .absystem-list li:after { margin-right:-10px; top:35%; }
  .absystem-list li .icon { width:130px; height:130px; margin-bottom:23px; }
  .absystem-list li .icon img { height:130px; }
}
.about-business { background:url(../images/wimg35.jpg) no-repeat center center; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.abusiness-list { position:relative; padding:0 30px; margin:20px 0 0 0; }
.abusiness-list .busines-btn { display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:center center; -moz-background-size:100%; -o-background-size:100%; background-size:100%; position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.abusiness-list .busines-btn.busines-next { right:0; background-image:url(../images/next4.png); }
.abusiness-list .busines-btn.busines-prev { left:0; background-image:url(../images/prev4.png); }
.abusiness-wapper { overflow:hidden; }
.abusiness-wapper li { padding:20px; position:relative; background-color:#ffffff; border-bottom:4px solid #0c337f; }
.abusiness-wapper li .icon { display:block; }
.abusiness-wapper li .name { font-size:16px; color:#4c4c4c; padding:5px 0; }
.abusiness-wapper li .text { color:#929292; min-height:48px; }
@media (min-width:1024px) {
  .about-business { padding-top:95px; padding-bottom:113px; }
  .abusiness-list { padding:32px 40px; }
  .abusiness-list .busines-btn { width:42px; height:43px; }
  .abusiness-list .busines-btn.busines-next:hover { background-image:url(../images/next4ho.png); }
  .abusiness-list .busines-btn.busines-prev:hover { background-image:url(../images/prev4ho.png); }
  .abusiness-wapper li { padding:20px 40px; margin-right:23px; width:33.33%; }
  .abusiness-wapper li .icon { height:47px; margin-top:25px; }
  .abusiness-wapper li .name { font-size:20px; padding:22px 0 17px; }
}
@media (min-width:1400px) {
  .abusiness-list { padding:32px 0; }
  .abusiness-list .busines-btn.busines-next { right:-80px; }
  .abusiness-list .busines-btn.busines-prev { left:-80px; }
}
.abpartner-list { position:relative; padding:20px 30px 0; }
.abpartner-wrapper { overflow:hidden; }
.abpartner-wrapper .swiper-wrapper { -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.abpartner-wrapper li { background-color:#ffffff; border:1px solid #ebebeb; }
.abpartner-wrapper li img { display:block; width:100%; }
@media (min-width:1024px) {
  .about-partner { padding-top:74px; padding-bottom:40px; }
  .abpartner-list { padding:48px 40px; }
}
@media (min-width:1400px) {
  .abpartner-list { padding-left:0; padding-right:0; }
}
.composimin { padding-top:79px; margin-top:-79px; }
@media (min-width:1024px) {
  .full-subnav-wrap { height:60px; position:relative; z-index:10; }
  .full-subnav-wrap .full-inside-subnav { -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:.6s; -moz-animation-duration:.6s; -o-animation-duration:.6s; animation-duration:.6s; }
  .full-subnav-wrap .full-inside-subnav.fixed { -webkit-animation-name:fadeHeaderInDown; -moz-animation-name:fadeHeaderInDown; -o-animation-name:fadeHeaderInDown; animation-name:fadeHeaderInDown; }
}




/* 底部 */
.wrap { position:relative; max-width:1400px; width:100%; margin-left:auto; margin-right:auto; }
@media (max-width:1399px) {
.wrap { padding-left:5%; padding-right:5%; }

}
@media (max-width:480px) {
.wrap { padding-left:15px; padding-right:15px; }

}
.wrap2 { position:relative; max-width:1500px; width:100%; margin-left:auto; margin-right:auto; padding-left:50px; padding-right:50px; }
@media (max-width:1399px) {
.wrap2 { padding-left:6%; padding-right:6%; }
footer .code-wrap img {
  width: 108px;
}
}
footer { background:#282828; padding:50px 0; }
footer nav { font-size:15px; border-bottom:1px solid #3e3e3e; padding-bottom:35px; margin-bottom:40px; }
footer nav .nav-lg a { color:#fff; display:inline-block; margin-right:0.3rem; }
footer nav .nav-lg a:hover { color:#666; }
footer nav .nav-lg a:last-child { margin-right:0; }
footer nav .nav-xs .item-nav { max-width:none; }
footer nav .nav-xs .item-nav .icon-jia { float:right; opacity:0; transition:0.3s; display:none; }
footer nav .nav-xs .item { float:none; width:100%; }
footer nav .nav-xs .item .icon-jia { display:block; transition:0.3s; opacity:1; font-size:12px; }
footer nav .nav-xs .item h4 { font-size:12px; position:relative; border-bottom:1px solid #3e3e3e; padding:0 0.1rem; height:40px; line-height:40px; color:#fff; margin-bottom:0; }
footer nav .nav-xs .item .info { display:none; font-size:15px; padding:10px 3%; line-height:2; }
footer nav .nav-xs .item .info a { font-size:12px; display:block; }
footer nav .nav-xs .item-nav.active .iconfont { transform:rotate(135deg); }
footer nav .nav-xs .item { text-align:left; }
footer nav .nav-xs .item h4 { color:#fff; display:block; margin-right:0; }
footer nav .nav-xs .item a { color:#fff; }
footer nav .nav-xs .item .info { display:none; }
footer .ft-bottom { color:#999999; position:relative; }
footer .contact .item{font-size: .16rem;}
footer .contact { line-height:2.4; margin-bottom:46px; }
footer .contact .item > * { display:inline-block; vertical-align:middle; font-size: .16rem; }
footer .contact p + p { margin-left:15px; }
footer .copyright { line-height:2.4; font-size: .16rem;}
footer .copyright > * { display:inline-block; vertical-align:middle; }
footer .copyright p + p { margin-left:15px; }
footer .copyright .ic { padding-left:30px; background:url(../images/ic_ico.png) no-repeat 0 center; }
footer .code-wrap {position:absolute; right:0px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
 
}
footer .code-wrap p {
  opacity: 0.5;
  padding-top: 10px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
footer .code-wrap .citem + .citem {
  margin-left: 30px;
}


}
@media (max-width:1199px) {
  .wrap2 { padding-left:6%; padding-right:6%; }
  footer .code-wrap img {
    width: 66px;}
}
@media (max-width:992px) {
footer .skill { padding-top:20px; }
footer .skill img { display:none; }
footer .code-wrap {-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
  right:initial;display: -webkit-inline-box;position:inherit;
 
}
footer .contact{overflow: hidden;margin-bottom:86px;}

footer .code-wrap img{width: 90px;}

}
@media (max-width:768px) {
footer { text-align:center; }
footer nav { border-bottom:0; }
footer .code-wrap {-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -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;
  text-align: center;
}
footer .code-wrap img {
  width: 90px;
}

footer .contact .item p { display:block; margin-left:0 !important; }
footer .copyright .ic { display:inline-block; }
footer .copyright p { display:block; margin-left:0 !important;  font-size: .25rem;}

}
@media (max-width:640px) {
footer { font-size:12px; padding:30px 0; }
footer nav { margin-bottom:0px; }
footer .contact { overflow: hidden; }
footer .skill{display: none;}
footer .contact .item{font-size: .25rem; text-align:left;}
footer .contact .item p {font-size: .25rem;}
}