锘緻charset "UTF-8";
/*header-start*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:50px;
  z-index: 500;
  -webkit-box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);
          box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);
  -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  -o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.header.open-menu {
  height: 100%;
  background: #000;
  -webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  -o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.navbar{
  position: relative;
  background:#101010;
  height:50px;
  text-align: center;
}
.navbar .logo{
  float:left;
  width: 2.85rem;
  height:50px;
  margin:0 auto;
  padding:16px 15px;
}
.navbar .logo img{width: 100%;display: block;}
.navbar-togger {
  background:transparent;
  border: none;
  padding: 17px 15px;
  float: right;
  visibility: visible;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
}
.navbar-togger .icon_bar {
  width: 20px;
  height: 2px;
  background-color: #fff;
  opacity: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.navbar-togger .icon_bar:nth-of-type(2) {
  margin:5px auto;
  width: 14px;
}
.open-menu .navbar-togger .icon_bar:nth-of-type(1) {
  -webkit-transform: translate3d(0,7px,0) rotate(45deg);
  transform: translate3d(0,7px,0) rotate(45deg);
}
.open-menu .navbar-togger .icon_bar:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
}
.open-menu .navbar-togger .icon_bar:nth-of-type(3) {
  -webkit-transform: translate3d(0,-7px,0) rotate(-45deg);
  transform: translate3d(0,-7px,0) rotate(-45deg);
}
.language{
  float: right;
  position: relative;
}
.language-text{
  display: block;
  color: #888;
  line-height:50px;
  height: 50px;
  cursor: pointer;
  padding:0 10px;
  position: relative;
  overflow: hidden;
}
.language-text::after{
  content: '';
  width: 1px;
  height: 20px;
  background: #323333;
  position: absolute;
  right: 0;
  top:50%;
  margin-top: -10px;
}
.language-text i{
  font-size: 18px;
  margin-right: 4px;
  /*display: inline-block;*/
  vertical-align: middle;
  color: #fff;
}
.language-list{
  position: absolute;
  top:100%;
  right: 0;
  z-index: 10;
  background: #fff;
  padding:10px 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
          box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}
.language-list a{
  display: block;
  padding:6px 15px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.language-list a:hover{color: #e60012}
.language:hover .language-text{color: #e60012;}
.language:hover .language-text i{
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.language:hover .language-list{
  opacity: 1;
  visibility: visible;
}
.nav-menu{
  position: absolute;
  top: 50px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 620;
  overflow-x: hidden;
  overflow-y: auto;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 1s;
  -o-transition: visibility 0s linear 1s;
  transition: visibility 0s linear 1s;
}
.header.open-menu .nav-menu{
  visibility: visible;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
     transition-delay: 0s;
}
.nav-list{padding: 20px}
.nav-item {
  border-bottom: 2px solid rgba(255,255,255,.2);
}
.nav-tit{position: relative;}
.nav-tit a {
  font-size: 15px;
  color: #fff;
  line-height: 45px;
  margin-right: 60px;
  display: block;
}
.nav-tig{
  font-size: 14px;
  color: #888;
  text-align: right;
  line-height: 45px;
  width: 50px;
  height: 45px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.nav-tig::before,.nav-tig::after {
  content: '';
  background: #888;
  position: absolute;
  top: 50%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.nav-tig::before {
  width: 16px;
  height: 2px;
  right: 0;
  margin-top: -1px;
}
.nav-tig::after {
  width: 2px;
  height: 16px;
  margin-top: -8px;
  right: 7px;
}
.nav-tit.open .nav-tig::after {
  opacity: 0;
}
.nav-tit.open .nav-tig::before {
  background: #b21f23;
}
.nav-tit.open + .nav-cont{display: block;}
.nav-cont{display: none;}
.nav-pad {
  padding-bottom: 5px;
  padding-left: 20px;
}
.nav-cont a{
  line-height: 30px;
  color: #888;
  font-size: 14px;
  border-bottom: 1px solid rgba(255,255,255,.2);
  display:block;
}
.nav-cont a:last-child{border-bottom: none;}
.nav-cont a.active{
	color: #b21f23;
}
.nav-item2 .nav-tig{
  height: 30px;
  line-height: 30px;
}
.nav-item2 .nav-tit{
  border-bottom: 1px solid rgba(255,255,255,.2);
}
.nav-item2:last-child .nav-tit{border-bottom: none;}
.nav-item2 .nav-tit a{border-bottom: none;}
.nav-cont a.hover{color: #b21f23;}
.nav-item2 .nav-cont a.hover{color: #b21f23;}
.nav-item2 .nav-cont a{position: relative;padding-left: 10px;border-bottom: none;}
.nav-item2 .nav-cont a::before{
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #666;
  position: absolute;
  left: 0;
  top:50%;
  margin-top: -2px;
}
.nav-item2 .nav-pad{padding-left: 0}
/*home-banner-start*/
#bannerSwiper .swiper-slide a{display: block;}
#bannerSwiper .swiper-slide a img{
  display: block;
  width: 100%;
}
#bannerSwiper .banner-pagination{
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  z-index: 2;
  text-align: center;
  font-size: 0;
}
.banner-pagination{text-align: center;}
.banner-pagination .swiper-pagination-bullet{
  width: 8px;
  height: 8px;
  border:1px solid transparent;
  background: #4e4e4e;
  opacity: 1;
  vertical-align: middle;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.banner-pagination .swiper-pagination-bullet-active{
  background: transparent;
  border-color:#c21a1f;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.scrolldown{
  width: 14px;
  height: 20px;
  border: 1px solid #fff;
  border-radius: 100px;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  bottom: 30px;
  z-index: 5;
}
@-webkit-keyframes wiggle {
  from {
    top: 4px;
  }
  to {
    top: 12px;
  }
}
@keyframes wiggle {
  from {
    top: 4px;
  }
  to {
    top: 12px;
  }
}
.scrolldown::after {
  background: #fff;
  width:2px;
  height: 4px;
  position: absolute;
  top:12px;
  left: 50%;
  margin-left: -1px;
  display: block;
  content: " ";
  -webkit-animation: wiggle 0.5s linear 0s infinite alternate;
          animation: wiggle 0.5s linear 0s infinite alternate;
}
/*home-banner-end*/
/*home-product-start*/
.home-product{background: #0a0a0a;padding-bottom: 10px;}
.section-title{text-align: center;padding:17px 0;}
.section-title h3{
  font-family: "Arial";
  font-size: 40px;
  line-height: 1;
  color: rgba(255,255,255,.05);
}
.section-title h4{
  font-size:23px;
  color: #fff;
  margin-top: -15px;
}
.section-title .line{
  width:20px;
  height: 3px;
  background: #ce131c;
  margin:8px auto 0 auto;
}
@media (max-width:375px){
  .section-title h3{font-size: 35px;}
}
.home-product-list{margin:0 -5px;}
.h-product-item{
  float: left;
  position: relative;
  padding:0 5px;
  margin-bottom: 10px;
}
.h-product-item.col-2{width: 50%;}
.h-product-item img{
  width: 100%;
  display: block;
}
.h-product-item .mark{
  padding:14px 10px;
  text-align: center;
  background: rgba(0,0,0,.6);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 4;
}
.h-product-item .tit{
  font-size: 16px;
  color: #fff;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.h-product-item .tit span{
  font-size: 12px;
}
/*home-product-end*/
/*home-case-start*/
.home-case{
  background:url(../images/home_04.jpg) no-repeat center center;
  background-size: cover;
  padding-bottom: 35px;
}
#caseSwiper .swiper-slide {
  width: 3.9rem;
  height: auto;
}
.home-case-box{
  border:4px solid transparent;
  margin-bottom: 10px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.home-case-box img{width: 100%;display: block;}
.swiper-slide-active .home-case-box{
  border-color: #c21a1f;
}
#caseSwiper .tit{
  font-size:14px;
  text-align: center;
  color: #fff;
  display: none;
}
#caseSwiper .swiper-slide-active .tit{display: block;}
.case-pagination{
  text-align: center;
  margin-top: 15px;
  font-size: 0;
}
.case-pagination .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  border:1px solid transparent;
  border-radius: 50%;
  background: #495565;
  margin:0 5px;
  opacity: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.case-pagination .swiper-pagination-bullet-active{
  border-color: #c21a1f;
  background: transparent;
}
/*home-case-end*/
/*home-video-start*/
.home-video{background: #0a0a0a;padding-top: 10px;}
.home-video-pic{position: relative;}
.home-video-pic img{width: 100%;display: block;}
.home-video-pic .mark{
  position: absolute;
  top:0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(11,11,10,.3);
  z-index: 2;
  text-align: center;
  color: #fff;
}
.home-video-pic .mark i{font-size: 48px;line-height: 1;}
.home-video-pic .mark p{font-size:24px;}
/*home-video-end*/
/*瑙嗛寮圭獥*/
.pkm-model{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 1001;
  opacity: 1;
  background: rgba(0,0,0,.5);
}
.pkm-model-box{
  width: 6rem;
  height:5rem;
  background-color: #F3F3F3;
  position: absolute;
  left: 50%;
  margin-left: -3rem;
  top:0;
  margin-top: -2.5rem;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.pkm-model iframe{
  width: 100%;height: 100%;overflow: hidden;
  display: block;
}
/*home-about-start*/
.home-about{background: #0a0a0a;}
.home-about-pic{position: relative;}
.home-about-pic img{
  display: block;
  width: 100%;
}
.btn-more{
  display: block;
  width: 100%;
  background: #bc1b21;
  font-size: 14px;
  text-align: center;
  color: #fff;
  line-height: 42px;
}
.btn-more i{font-size: 12px;margin-left: 2px;}
.home-about-pic .btn-more{
  position: absolute;
  bottom: 5px;
  left: 0;
  z-index: 2;
}
.home-about-des{font-size: 14px;line-height: 24px;color: #888;margin-top:8px;}
/*home-about-end*/
/*home-news-start*/
.home-news{background: #0a0a0a;padding-bottom:24px;}
.home-news-item{display: block;margin-bottom:6px;}
.home-news-item .pic{position: relative;}
.home-news-item .pic img{display: block;width: 100%;}
.home-news-item .cont{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background: rgba(10,9,9,.6);
  padding:14px 17px;
}
.home-news-item .time{font-size: 12px;font-weight:700;color: #fff;line-height: 17px;}
.home-news-item .tit{
  font-size: 15px;font-weight:700;color: #bc1b21;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.home-news-item .des{
  font-size: 14px;
  color: #888;
  margin:8px 17px;
  max-height: 63px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
/*home-news-end*/
/*footer-start*/
.footer{background: #222;margin-top: -1px;}
.foot-directory{

  border-bottom: 1px solid rgba(255,255,255,.2);
  padding:20px 0 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.foot-tel{
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  padding-right: 10px;
}
.foot-tel .icon{
  width: 36px;
  height: 36px;
  background: #b21f23;
  border-radius: 50%;
  font-size: 18px;
  color: #090909;
  text-align: center;
  line-height: 36px;
}
.foot-tel p{
  font-size: 18px;
  line-height: 1.35;
  color: #fff;
  font-weight: 700;
}
.foot-info{
  font-size:14px;color: #888;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.foot-info a{color: #888;}
.foot-info p{margin: 2px 0;}
.footer-menu{padding:10px 0 8px;}
.footer-item{
  border-bottom:2px solid rgba(255,255,255,.2);
}
.footer-tit{position: relative;}
.footer-tit a{
  font-size:15px;
  color: #fff;
  line-height:45px;
  margin-right: 60px;
  display: block;
}
.footer-tig{
  font-size: 14px;
  color: #888;
  text-align: right;
  line-height: 45px;
  width: 50px;
  height: 45px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.footer-tig::before,.footer-tig::after {
  content: '';
  background: #888;
  position: absolute;
  top: 50%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.footer-tig::before {
  width: 16px;
  height: 2px;
  right: 0;
  margin-top: -1px;
}
.footer-tig::after {
  width: 2px;
  height: 16px;
  margin-top: -8px;
  right: 7px;
}
.footer-item.open .footer-tig::after {
  opacity: 0;
}
.footer-item.open .footer-tig::before {
  background: #b21f23;
}
.footer-cont{display: none;}
.footer-cont a{
  line-height: 30px;
  color: #888;
  font-size: 14px;
  border-bottom: 1px solid rgba(255,255,255,.2);
  display:block;
}
.footer-cont a:last-child{border:none;}
.footer-pad{
  padding-bottom: 5px;
  padding-left: 20px;
}
.foot-copyright{
	width: 60%;
	float: left;
  color: #666;
  line-height: 1.666666;
}
.foot-copyright a{color: #666;}
.footer a{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.footer a:hover{color: #b21f23}
@media (max-width: 370px){
  .foot-tel p{font-size: 16px;line-height: 1.35;}
  .foot-tel .icon{width: 32px;height: 32px;font-size: 16px;line-height: 32px;}
  .foot-info{font-size: 12px;}
}
/*footer-end*/

/*appli*/
#appliSwiper .swiper-slide a{display: block;}
#appliSwiper .swiper-slide a img{
  display: block;
  width: 100%;
}
#appliSwiper .banner-pagination{
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  z-index: 2;
  text-align: center;
  font-size: 0;
}
.second-nav{position: relative;}
.bot{position: absolute;top: 48px;background: #fff;z-index: 10;padding: 0 15px 15px 15px; }
.se-top1{background: #0c0d0f;border-bottom: none !important;}
.seb-list{}
.seb-list:last-child{border-bottom: none;}
.se-top{height: 48px;line-height: 48px;padding: 0px 15px;position: relative;overflow: hidden;}
.se-top .se-a{color: #fff;font-size: 16px;}
.se-tig.P_tig {font-size: 14px;color: #888; text-align: right;line-height: 48px;width: 48px;height:48px;position: absolute;right: 0;top: 0;z-index: 2;}
.se-tig.P_tig::before,.se-tig1.P_tig::before,.se-tig2.P_tig::before{content: '';position: absolute;transition: all .3s;left: 50%;top: 50%;}
.se-tig.P_tig::after,.se-tig1.P_tig::after,.se-tig2.P_tig::after{content: '';position: absolute;transition: all .3s;left: 50%;top: 50%;}
.se-tig.P_tig::before,.se-tig1.P_tig::before,.se-tig2.P_tig::before {width: 10px;height: 16px;margin-top: -8px;margin-left: -5px;background: url(../images/right.png) no-repeat center;background-size: cover;}
.se-tig1.P_tig::before ,.se-tig2.P_tig::before{background:#323333;width: 16px;height: 2px;    margin-top: -1px;
    margin-left: -8px;}
.se-tig1.P_tig::after ,.se-tig2.P_tig::after{background:#323333;width: 2px;height: 16px;margin-left: -1px;margin-top: -8px;}
.se-tig.P_tig.open::after,.se-tig1.P_tig.open::after,.se-tig2.P_tig.open::after{opacity: 0;}
.se-tig1.P_tig.open::before,.se-tig2.P_tig.open::before{background:#ce131c;}
.se-tig.P_tig.open::before{transform: rotateZ(90deg);}
.se-bot{width: 100%;display: none;background: #101010;}
.P_tig.open::after{opacity: 1;}
.se-btop{height: 45px;line-height: 45px;padding: 0;border-bottom: solid 2px #404040;}
.se-top a{color: white;}
.se-tig1{width: 16px;height: 48px;line-height: 48px;float: right;position: relative;}
.se-tig2{width: 48px;height: 48px;line-height: 48px;float: right;position: relative;}
.se-a1{color: #333;font-size: 16px;}
.se-a1.hover,.se-a2.hover{color: #ce131c;}
.se-bbtop{height: 30px;line-height: 30px;border-bottom: solid 1px #404040;padding: 0;}
.se-bbot .seb-list:last-child .se-bbtop{border-bottom: none;}
.se-bbot{padding-left:15px ;}
.se-bbbot{padding-left: .4rem;}
a.se-a2{color: #888888;font-size: 14px;}
.se-bbbot a{display: block;color: #999;font-size: 14px;line-height: 35px;}
.three a{display: block;line-height: 40px;border-bottom: solid 1px #d8d8d8;font-size: 16px;color: #333;margin:  .1rem 20px;}
.appli{background: #111111;padding: 30px 0;}
.appli .swiper-slide{
	padding: 0 15px;
}
.appli-list{
	width: 50%;
	padding: 0 4px;
	display: block;float: left;
	margin-bottom: 10px;
	
}
.appli-pic{
	width: 100%;
	overflow: hidden;
	    height: 128px;
}
.appli-pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.appli-tit{
	height: 40px;
	color: #888888;
	font-size: 14px;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #222222;
}

/*product*/
.ny-banner{position: relative;}
.ny-banner img{
	display: block;
	width: 100%;
}
.ny-font{
	position: absolute;
	width: 150px;
	height:60px;
	background: rgba(200,4,26,0.8);
	left: 0;
	bottom: 0;
	
}
.ny-tit{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	padding:8px  12px;
}
.ny-font:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border: solid 1px #c8041a;
	left: 7px;
	top: -7px;
	z-index: 2;
}
.ny-font h3{
	font-size: 20px;
	color: white;
	line-height: 20px;
	margin-bottom: 5px;
}
.ny-font h4{
	font-size: 16px;
	color: white;
	opacity: 0.5;
	line-height: 16px;
}
.product{background: #222222;padding: 30px 0;padding-bottom: 10px;}
.product .swiper-slide{
	padding: 0 10px;
}
.pro-list{
	width: 50%;
	padding: 0 5px;
	display: block;float: left;
	margin-bottom: 10px;
	
}
.pro-pic{
	width: 100%;
	overflow: hidden;
	 
}
.pro-pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.pro-tit{
	height: 40px;
	background: #c5c5c5;
	padding: 0 10px;

}
.pro-tit h3{
	font-size: 14px;
	color: #333333;
	float: left;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 40px;
}
.pro-tit span{
	display: block;
	float: right;width: 25px;
	height: 40px;
	background: url(../images/pro-more.png) no-repeat center;
	background-size: 25px;
}
.pro-list:hover .pro-tit{
	background: #c8041a;
}
.pro-list:hover .pro-tit h3{
	color: white;
}
.pro-list:hover .pro-tit span{
	background: url(../images/pro-moreH.png) no-repeat center;
	background-size: 25px;
}

/*proinfo.html*/
.proinfo{
	background: #222;
	padding: 30px 15px;
	padding-bottom: 10px;
}
.proinfo-swiper{
	padding-bottom: 25px !important;
}
.proinfo-swiper .banner-pagination{
	position: absolute;
	bottom: 0px !important;
}
.proinfo-swiper .info-pic{
	width: 100%;
}
.info-pic img{
	display: block;
	width: 100%;
}
.info-tit{
	text-align: center;
	color: white;
	font-size: 20px;margin-top: 5px;
}
.proinfo-top{
	height: 50px;
	margin-top: 15px;
}
.proinfo-top a{
	display: block;
	float: left;
	margin-right: 5px;
	width: 100px;
	height: 40px;
	background: #666666;
	color: white;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
}
.proinfo-top a.active{background: #c8041a;}
.proinfo-hide{display: none;}
.proinfo-hide.on{display: block;}
.proinfo-hide img{
	
	width: 100%;
}
.proinfo-hide p {
    line-height: 24px;
    color: #5e5e5e;
}
.proinfo-hide td{height: 30px; color:#fff;}
.proinfo-hide td span{font-size: 12px; color: white;min-height: 30px;}
.page-prev,.page-next{
	display: block;
	padding-left: 25px;
	background: url(../images/page-more.png) no-repeat left center;
	background-size: 20px;
	font-size: 14px;
	color: #888;
	line-height: 28px;
}
.page{margin-top:15px; margin-bottom: 15px; position: relative;padding-bottom: 10px;border-bottom: solid 1px #444444;}
.page-list{
	position: absolute;
	right: 0;
	bottom: 20px;
	background: url(../images/page-list.png);
	width: 20px;
	height: 20px;
}
.proinfo-share a{
	display: block;
	float: left;
	background: none !important;
	width: 25px;
	height: 25px !important;
	margin: 0 6px 0 0!important;
	padding: 0 !important;
	text-align: center;
	line-height: 25px !important;
	color: #888888;
	border: solid 1px #383838;
	border-radius: 50%;
	font-size: 14px !important;
}
.proinfo-share a:hover{
	color: #c8041a;
	border-color: #c8041a;
	opacity: 1 !important;
}

/*problem.html*/
.problem{
	padding: 20px 15px;
	padding-bottom: 28px;
	background: #222222;
}
.faq-faq li{
	border-bottom: solid 1px #383838;
	
}
.faq-top{
	height: 50px;
	 line-height: 50px;
	 font-size: 16px;
	 color: #888;
	 position: relative;
}
.faq-top:after{
	position: absolute;
	content: '';
	width: 10px;
	height: 2px;
	background: #999999;
	right: 7px;
	top: 50%;	
	transition: all .5s;
}
.faq-top:before{
	position: absolute;
	content: '';
	width: 2px;
	height: 10px;
	background: #999999;
	right: 11px;
	top: 50%;	
	margin-top: -4.5px;
	transition: all .5s;
}
.faq-top.opaci:before{
	opacity: 0;
}
.faq-top h3{
	float: left;
	width: 80%;
	line-height: 50px;
	font-size: 16px;
}
.faq-top span{
	width: 25px;
	height: 25px;
	background: #333333;
	border-radius: 50%;
	float: right;
	margin-top: 13px;
}
.faq-bot{
	display: none;
	background: #333;
}
.faq-p{padding:15px 20px;color: #888;}
.faq-bot p{
	line-height: 30px;
	font-size: 14px;
	color: #888;
}
.faq-faq li.active{
	border-bottom: none;
}
.faq-faq li.active .faq-top{
	color: #fff;
}
.faq-load{
	margin-top: 78px;
	text-align: center;
}
.problem-load{
	text-align: center;
	margin-top: 15px;
}
.problem-load a{font-size: 14px;color: #888888;}

/*service.html*/
.ser-one{
	padding: 25px  15px;
	background: #222222;
}
.ser-one h3{
	font-size: 16px;
	color: white;
	border-bottom: solid 1px #383838;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.ser-one p{
	font-size: 14px;
	color: #888;
	line-height: 26px;
}
.ser-pic{
		margin-top: 15px;
}
.ser-pic img{
	display: block;
	width: 100%;

}
.ser-two{
	padding: 25px  15px;
	background: #151515;
}
.ser-two h3{
	font-size: 16px;
	color: white;
	border-bottom: solid 1px #383838;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.ser-two p{
	font-size: 14px;
	color: #888;
	line-height: 26px;
}
.ser-two p span{color: white;}
.ser-three{
	background: #222222;
	padding: 25px  15px;
	padding-bottom: 10px;
}
.ser-three p{
	height: 40px;
	margin-left: -10px;
	margin-bottom: 10px;
}
.ser-three .text{
	float: left;
	width: 47%;
	margin-left: 10px;
	height: 40px;
	border: solid 1px #4e4e4e;
	color: white;
	font-size: 14px;
	padding: 0 10px;
}



.ser-three textarea{
	width: 100%;
	height: 100px;
	border: solid 1px #4e4e4e;
	color: white;
	font-size: 14px;
	padding: 10px;
	resize: none;
}
.sub1 {
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #c8041a url(../images/sub.png) no-repeat right 20px center;
    width: 110px;
    margin: 0 auto;
    padding-right: 10px;
    margin-top: 15px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

/*download.html*/
.download{
	padding: 25px 15px;
	padding-bottom: 10px;
	background: #222222;
}
.download_ul li {
    overflow: hidden;
    border: solid #333333 1px;

    border-bottom: none;
}
.download_ul li:last-child {
    border-bottom: solid #333333 1px;
}
.download_ul div {
    float: left;
    font-size: 14px;
    line-height: 40px;
    color: #999999;

    border-right: solid #333333 1px;

    box-sizing: border-box;
}
.download_ul .xz_1 {
		width: 35%;
		text-align: center;
		padding-left: 25px;
    background: url(../images/dl_03.png) no-repeat 10px center;
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.download_ul .xz_2 {
		width: 17.5%;
    box-sizing: border-box;
    text-align: center;

    overflow: hidden;
}
.download_ul .xz_3{
		width: 30%;
    box-sizing: border-box;
    text-align: center;

    overflow: hidden;
}
.xz_a2 {
    display: block;
    width: 17.5%;
    overflow: hidden;
    text-align: center;
    line-height: 40px;
    color: #888;
    float: right;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

/*honor.html*/
.honor{background: #222222;padding: 30px 10px;padding-bottom: 10px;}
.about h3{
	font-size: 20px;
	color: white;
	text-align: center;
	line-height: 20px;
}
.about h4{
	font-size: 14px;
	color: #888;
	text-align: center;
	line-height: 14px;
	font-family: arial;
	margin: 8px 0 18px 0;
}
.honor-list{
	width: 50%;
	padding: 0 5px;
	float: left;
	margin-bottom: 10px;
}
.honor-pic{
	width: 100%;
}
.honor-pic img{
	display: block;width: 100%;
}
.honor-tit{
	font-size: 12px;
	color: #888888;
	line-height: 35px;
	background: #111111;
	text-align: center;
	padding: 0 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	
}
/*鍥剧墖鏀惧ぇ*/
#darkbox {
  position: fixed;
  z-index: 9999;
  background: rgba(0,0,0,0.8) no-repeat none 50%;
  background-size: contain;
  -webkit-box-shadow: 0 0 0 3000px rgba(0,0,0,0.8);
          box-shadow: 0 0 0 3000px rgba(0,0,0,0.8);
  opacity: 0;
  visibility: hidden;
}
#darkbox.on {
  opacity: 1;
  visibility: visible;
  height: 90% !important;
  width: 80% !important;
  left: 10% !important;
  top: 5% !important;
}
#darkbox_prev, #darkbox_next {
  cursor: pointer;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  width: 30px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
#darkbox_prev {
  left: -25px;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#darkbox_next {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -25px;
}
#darkbox_prev:hover,#darkbox_next:hover{border-color: #fca61f;}
#darkbox-description {
  position: absolute;
  width: 100%;
  color: #fff;
  font-size: 18px;
  bottom: 25px;
  text-align: center;
  text-shadow: 0 1px 1px #000;
}
#darkbox:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  content: "";
  color: #fff;
  cursor: pointer;
  background: url(../images/close.png) no-repeat center transparent;
}
.honor-big,.pro-big,.app-big{margin-bottom: 20px;}
/*鍒嗛〉*/
.pagee {height: 31px;text-align: center;position: relative;}
.pagee a{margin:0 1px; display:inline-block;width: 30px;height: 30px; font-size: 16px;color: #888888;font-family: arial;text-align: center;line-height: 30px;width: 30px;border: solid 1px #888;}
.pagee a.prev,.pagee a.next{width: 30px;height: 30px;font-size: 14px;color: #888;}
.pagee a:hover,.pagee a.on{color: #fff;background: #c8041a;border-color: #c8041a;}
.pagee a.prev:hover,.pagee a.next:hover{border: solid 2px #c0bdb7;}

/*video.html*/
.video{
	padding: 30px 15px;
	padding-bottom: 10px;
	background: #222;
}
.video-tit{
	padding: 0 15px;
	background: #333333;
	height: 40px;
}
.video-big{margin-top: 20px;}
.video-tit h5{
	float: left;
	width: 70%;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;white-space: nowrap;
	text-overflow: ellipsis;
}
.video-tit span{
	float: right;
	line-height: 40px;
	font-size: 12px;
	color: #888888;
	font-family: arial;
}
.video-big .home-video-pic{
	margin-bottom: 13px;
}
.video-pic{
	position: relative;
}

/*contact.html*/
.contact{
	background: #222222;
	padding: 30px 15px;
	padding-bottom: 10px;
}
.map{
	width: 100%;
}
.map img{
	display: block;
	width: 100%;
}
.con-top{
	padding: 15px;
	padding-top: 25px;
	background: #383838;
}
.con-top h5{
	font-size: 16px;
	color: white;
	border-bottom: solid 1px #888888;
	line-height: 16px;
	padding-bottom: 15px;
}
.con-add{
	border-bottom: solid 1px #888888;
	overflow: hidden;
}
.con-add:last-child{
	border-bottom: none;
}
.con-add .con-p{
	float: left;
	width: 50%;
	padding: 13px 0;
}
.con-add h6{
	font-size: 14px;
	color: white;
	line-height: 20px;
	padding-left: 25px;
	margin-bottom: 5px;
}
.con-add h2{
	font-size: 14px;
	color: white;
	line-height: 14px;
	font-family: arial;
}
.contact ul{
	padding: 20px 0;
	padding-bottom: 10px;
}
.contact li{
	margin-bottom: 15px;
}
.contact li h5{
	color: #fff;
	font-size: 16px;
	padding-bottom: 10px;
	margin-bottom: 8px;
	border-bottom: solid 1px #383838;
}
.contact li p{
	color: #888;
	font-size: 14px;
	line-height: 24px;
}
.form{
	padding: 30px 15px;
	background: url(../images/form-bg.png) no-repeat center;
	background-size: cover;
}
.form p{
	height: 40px;
	margin-left: -10px;
	margin-bottom: 10px;
}
.form .text{
	float: left;
	width: 47%;
	margin-left: 10px;
	height: 40px;
	border: solid 1px #9fa5a7;
	color: white;
	font-size: 14px;
	padding: 0 10px;
}
.form textarea{
	width: 100%;
	height: 100px;
	border: solid 1px #9fa5a7;
	color: white;
	font-size: 14px;
	padding: 10px;
	resize: none;
}

/*join.html*/
.join{
	padding: 30px 15px  10px 15px;
	background: #222;
}
.join-top{
	height: 45px;
	background: #c8041a;
	padding: 14px 10px;
}
.join-top span{
	width: 25%;
	float: left;
	font-size: 14px;
	line-height: 16px;
	color: white;
	text-align: center;
	border-right: solid 1px #d9505f;
}
.join-top span:last-child{border-right: 0;}
.join li{
	margin-bottom: 10px;

}
.joli-top{
	height: 45px;
	background: #eeeeee;
	padding: 14px 10px;
	position: relative;
}
.joli-top:before{
	display: none;
	position: absolute;
	content: '';
	width: 8px;
	height: 14px;
	left: 0;
	top: 50%;
	margin-top: -7px;
	background: url(../images/join-before.png) no-repeat center;
}
.joli-top:after{
	display: none;
	position: absolute;
	content: '';
	width: 14px;
	height: 14px;
	right: 0;
	top: 50%;
	margin-top: -7px;
	background: url(../images/join-after.png) no-repeat center;
}
.joli-top span{
	width: 25%;
	float: left;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	text-align: center;
}
.joli-top.opaci span{
	display: none;
}
.joli-top.opaci span:first-child{
	display: block;
	color: white;
}
.joli-top.opaci:before,.joli-top.opaci:after{
	display: block;
}
.joli-bot{
	display: none;
}
.joli-bot h5{
	color: white;
	font-size: 12px;
	margin-top: 10px;
}
.joli-bot p{
	color: #bdbdbd;
	line-height: 24px;
	font-size: 12px;
}
.join li.on{
	background: url(../images/join-bg.png) no-repeat center;
	background-size: cover;
	padding: 0 15px;
	padding-bottom: 30px;
}
.join li.on .joli-top{
	background: none;
	padding: 14px 10px;
	border-bottom: solid 1px #606060;
	transition: all .5s;
}
.join-p{
	text-align: center;
	color: #888888;
	font-size: 12px;
}
.join-p a{
	color: white;
}

/*news.html*/
.news{
	padding: 30px 15px;
	padding-bottom: 10px;
	background: #222;
}
.news-list{
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
.news-pic{
	width: 100%;
	overflow: hidden;
}
.news-pic img{
	width: 100%;
	display: block;
}
.news-tit{
	padding: 20px;
	background: #333333;
}
.news-tit  h3{
	font-size: 16px;
	color: white;
	line-height: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.news-tit  h4{
	font-size: 14px;
	margin-top: 7px;
	color: #888;
	line-height: 24px;
	font-family: arial;
	background: url(../images/news-more.png) no-repeat right center;
	background-size: 24px;
}
.news-tit  p{
	font-size: 14px;
	margin-top: 8px;
	color: #888888;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.news-list:hover .news-tit{
	background: #b21f23;
}
.news-list:hover h4,.news-list:hover p{color: white;}
.news-list:hover .news-tit  h4{
	background-image: url(../images/newpoinh_03.png); 
}


/*newsinfo.html*/
.newsinfo{
	padding: 30px 15px ;
	padding-bottom: 10px;
	background: #222;
}
.newsinfo h1{
	font-size: 16px;
	color: white;
}
.newsinfo .news-data{
	font-size: 12px;
	color: #888888;
	font-family: arial;
	margin-bottom: 15px;
	margin-top: 5px;
}
.newsinfo img{
	
	width: 100%;
}

/*trade.html*/
.tra-one{
	padding: 30px 15px;
	background: #222222;
}
.trao-tit{
	border: solid 1px #555;
	padding: 20px;
	background: #333333;
}
.trao-tit h3{
	font-size: 18px;
	color: white;
	line-height: 22px;
}
.trao-tit h4{
	font-family: arial;
	color: #888888;
	font-size: 14px;
}
.trao-tit hr{
	border: none;
	height: 1px;
	background: #555555;
	margin-top: 15px;
	margin-bottom: 15px;
}
.trao-tit p{
	font-size: 14px;
	color: #999999;
	line-height: 24px;
}
.tra-one img{
	display: block;width: 100%;
}
.tra-two{
	padding: 0 15px;
	background: #131313;
}
.trat{
	padding: 25px 0;
	text-align: center;
	border-bottom: solid 1px #222;
}
.trat h3{
	font-size: 16px;
	color: white;
	text-align: left;
	margin-bottom:15px;
}
.trat img{width: 50%;}
.trat-p{
	margin: 20px 0;
}
.trat-p p{
	font-size: 14px;
	color: #999999;
	line-height: 26px;
}
.trat-three{
	padding: 30px 15px;
	background: #222;
	padding-bottom: 0px;
}
.trat-three h5{
	font-size: 20px;
	color: white;
	text-align: center;
	line-height: 20px;
}
.trat-three h4{
	font-size: 14px;
	color: #888;
	text-align: center;
	line-height: 14px;
	font-family: arial;
	margin: 8px 0 18px 0;
}

/*about.html*/
.ab-one{
	padding: 30px 15px;
	background: #222222;
}
.abo-pic{
	width: 100%;
}
.abo-pic img{
	display: block;
	width: 100%;
}
.abo-font{
	padding: 20px;
	background: #333333;
	border: solid 1px #555555;
}
.abo-font h5{
	font-size: 18px;
	color: white;
}
.abo-font h6{
	font-family: arial;
	font-size: 14px;
	color: #888;
}
.abo-font hr{
	border: none;
	height: 1px;
	background: #555;
	margin: 15px 0;
}
.abo-font p{
	font-size: 13px;
	color: #b5b5b5;
	line-height: 22px;
}
.ab-two{
	padding: 30px 15px;
	padding-bottom: 20px;
	background: #131416;
}
.ab-two li{
	margin-bottom: 10px;
}
.abt-top{
	height: 90px;
	border: solid 1px #333333;
	padding-left: 80px;
	padding-top: 22px;
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 45px;
}
.abt-top h5{
	font-size: 16px;
	color: #FFFFFF;
}
.abt-top h6{
	font-family: arial;
	font-size: 14px;
	color: #888;
}
.abt-bot{
	background: #c8041a;
	position: relative;
	height: 0;
	overflow: hidden;
	transition: all .5s;
}
.abt-bot:after{
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border-width:0px 10px 10px;
  border-style:solid;
  border-color:transparent  transparent #c8041a;/*閫忔槑 鐏 閫忔槑 閫忔槑 */
	top: -10px;
	left: 35px;
}

.abt-p{
	padding: 20px;
	color: white;
	font-size: 14px;
}
.ab-two li.hover .abt-bot{
	height: auto;
	overflow: visible;
}
.ab-three{
	padding: 30px 15px;
	background: url(../images/abe-bg.png) no-repeat center;
	background-size: cover;
}
/*鍙戝睍鍘嗙▼*/
#historySlide{position: relative;width: 100%;overflow: hidden;}
#historySlide .history-c{width: 100%;position: relative;margin-top: 30px;}
.history-c .swiper-slide{width:100%;}
#historySlide .history-c .year{width: 100%;margin-bottom: 15px;}
#historySlide .history-c .year img{display: block;width: 100%;}
#historySlide .history-c .cont{position: relative;}
#historySlide .history-c p{font-size: 14px;color: #888;line-height: 24px;}
#historySlide .history-scroll{position: relative; height:43px;margin:0 auto;border-bottom: solid 1px #444444;padding: 0 25px;}
.history-scroll .swiper-container{}
.history-scroll .swiper-slide{ float: left;width:75px;height:70px;cursor: pointer;}
.history-scroll .swiper-slide.active-nav .daty,.history-scroll .swiper-slide.active-nav:hover .daty{color: #c8041a;}
#historySlide .time-line{width:100%;height:70px;position: relative;}
.history-scroll .dot{padding:3px;width:25px;height: 25px;background: url(../images/abe-point.png) no-repeat center;background-size: cover; position: absolute;top:30px;left:16%; opacity: 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
/*.history-scroll .dot i{display: block;background:#006fc1;width:100%;height: 100%;border-radius: 50%;}*/
.history-scroll .swiper-slide.active-nav .dot{opacity: 1;}
.history-scroll .daty{width: 100%; font-size:16px;line-height:32px;position: absolute;top: 0px;left: 0;z-index: 10;color: #888888;}
#historySlide .arrow-left,#historySlide .arrow-right{
    width:12px;height: 13px;
    background:url(../images/abe-left.png) no-repeat center;
    background-size: cover;
    position: absolute;top:50%;margin-top: -11.5px;
    z-index: 10;
    cursor:pointer;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
#historySlide .arrow-left{left: 0;}
#historySlide .arrow-right{right: 0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#historySlide .arrow-left:hover,#historySlide .arrow-right:hover{background-image: url(../images/abe-leftH.png);}

.ab-five{
	padding: 30px 15px;
	background: #222;
	padding-bottom: 10px;
}
.abf-pic img{
	display: block;
	width: 100%;
}
#abfSwiper{
	padding-bottom: 30px;
}
#abfSwiper .banner-pagination{
	position: absolute;
	bottom: 0;
}
#abfSwiper .tit{
	color: white;
	font-size: 14px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	background: #666666;
}
.abf-p{
	padding:15px 18px;
	border: solid 1px #555;
	margin-top: 15px;
}
.abf-p p{
	font-size: 14px;
	color: #888888;
	line-height: 24px;
}


.bd_weixin_popup{width: 250px !important;height: 295px !important;}
/*shouji */
.wrap2{   width: 57px;  height: 57px;  position: fixed;  right: 10px;  bottom:20px;  z-index: 1111;}
.icon_menu{width:57px;height:57px;position:absolute;bottom:2px;right:2px;z-index:10;cursor:pointer;}
.icon_menu span{diplay:none;}
.btnss{width:52px;height:57px;background:url(../images/bg1.png) no-repeat -78px -6px;z-index:1;position:absolute;bottom:0;right:0;margin:0 5px 2px 0;cursor:pointer;}
.btnss span{display:block;width:22px;height:24px;font-size:0;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-11px;overflow:hidden;background:url(../images/bg1.png) no-repeat;}
.btn4 span{background-position:-176px -20px;}
.btn2 span{background-position:-198px -18px;}
.btn3 span{background-position:-221px -18px;}
.btn1 span{background-position:-243px -19px;}
.btn5 span{background-position:-267px -20px;}
.btnss{-webkit-transition:bottom .2s,right .2s;-moz-transition:bottom .2s,right .2s;-o-transition:bottom .2s,right .2s;-ms-transition:bottom .2s,right .2s;transition:bottom .2s,right .2s;}
.btn1.close1, .btn2.close1, .btn3.close1, .btn4.close1{bottom:0;right:0;}
.btn1.open1{bottom: 125px;right:0;}
.btn2.open1{bottom: 100px;right: 55px;}
.btn3.open1{bottom: 58px;right: 98px;}
.btn4.open1{bottom: 0px;right: 117px;}

.icon_menu2 {
    /* css3 animation */
    -webkit-animation: anim4 5s linear infinite;
    -moz-animation: anim4 5s linear infinite;
    -ms-animation: anim4 5s linear infinite;
    -o-animation: anim4 5s linear infinite;
    animation: anim4 5s linear infinite;
}

.page_list .first
{
    display:none
}

/* css3 keyframes - animation 4 */
@-webkit-keyframes anim4 {
    from { -webkit-transform: rotateZ(0deg); }
    50% { -webkit-transform: rotateZ(180deg); }
    to { -webkit-transform: rotateZ(360deg); }
}
@-moz-keyframes anim4 {
    from { -moz-transform: rotateZ(0deg); }
    50% { -moz-transform: rotateZ(180deg); }
    to { -moz-transform: rotateZ(360deg); }
}
@-ms-keyframes anim4 {
    from { -ms-transform: rotateZ(0deg); }
    50% { -ms-transform: rotateZ(180deg); }
    to { -ms-transform: rotateZ(360deg); }
}
@-o-keyframes anim4 {
    from { -o-transform: rotateZ(0deg); }
    50% { -o-transform: rotateZ(180deg); }
    to { -o-transform: rotateZ(360deg); }
}
@keyframes anim4 {
    from { transform: rotateZ(0deg); }
    50% { transform: rotateZ(180deg); }
    to { transform: rotateZ(360deg); }
}


.paging {
  text-align: center;
  margin: 0 auto;
}
.paging .shangyi{ display:none;}
.paging > a {
  display: inline-block;
  width: 29px;
  height: 29px;
  border: solid #6d6d6d 1px;
  margin: 0 5px;
  color: #999;
  line-height: 29px;
  font-family: Arial;
  text-align: center;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.paging > a:hover,
.paging > .on {
  background: #c8041a;
  border-color: #c8041a;
  color: #fff;
}
.paging a:first-child,
.paging a:last-child {
  border: none;
}
.paging a:first-child {
  text-align: right;
}
.paging a:last-child {
  text-align: left;
  width: 10px;
  margin-right: 0;
}
.paging a:first-child:hover,
.paging a:last-child:hover {
  color: #c8041a;
  background: none;
}


.xaingqing{    font-size: 14px;color: #888;}




/*=======2019.9.18=======*/
@font-face {
    font-family: 'din';
 		src: url('../fonts/DINMITTELSCHRIFTSTD.eot');
    src: url('../fonts/DINMITTELSCHRIFTSTD.woff') format('woff'),
    url('../fonts/DINMITTELSCHRIFTSTD.ttf') format('truetype'),
    url('../fonts/DINMITTELSCHRIFTSTD.svg') format('svg');

}
@font-face {
    font-family: 'hpb';
 		src: url('../fonts/HelveticaNeueLTPro-Bd.eot');
    src: url('../fonts/HelveticaNeueLTPro-Bd.woff') format('woff'),
    url('../fonts/HelveticaNeueLTPro-Bd.ttf') format('truetype'),
    url('../fonts/HelveticaNeueLTPro-Bd.svg') format('svg');
}

.section{overflow: hidden;width: 100%;}
.ysd-main{padding: 0 15px;}
.ysd-banner img{display: block;width: 100%;height: 185px;}
.ysd-banner .swiper-pagination-bullet{opacity: 1;background: white;}
.ysd-banner .swiper-pagination-bullet-active{background: #b21f23;}


.index-one{padding:40px 0 40px;background: url(../images/ino-bg.jpg) no-repeat center;background-size: cover;}
.ysd-tit{font-weight: bold; text-align: center;color: white;font-size: 26px;line-height: 30px;letter-spacing: 4px;margin-bottom: 3px;}
.ysd-dec{color: rgba(255,255,255,0.7);font-size: 14px;line-height: 22px;text-align: center;}
.index-one ul{margin:25px -5px 0;box-sizing: border-box;}
.index-one li{width: 100%;float: left;box-sizing: border-box;/* padding: 0 5px; */margin-bottom: 20px;/* border: 2px solid #ffffff6e; */}
.ino-list{display: block;width: 100%;position: relative;background: white;}
.ino-pic{width: 100%;height: auto;overflow: hidden;}
.ino-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.ino-font{font-size: 16px;color: white;position: absolute;width: 100%;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.27);text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height:35px;}
.ino-list:hover img{transform: scale(1.05);}
.index-two{padding: 40px 0 35px;background: url(../images/int-bg.jpg) no-repeat center;background-attachment: fixed;background-size: cover}
.int-nav{margin-top: 13px;text-align: center;}
.int-nav a{color: #a4abb4;font-size: 14px;line-height: 16px;display: inline-block;padding: 0 15px;border-right: solid 1px #3a404b;}
.int-nav a:last-child{border-right: none;}
.int-nav a.on{color: #fff;opacity: 0.9;}
.int-box{margin: 25px 0px 0;box-sizing: border-box;display: none;}
.int-box.on{display: block;}
.int-left{width: 100%;box-sizing: border-box;position: relative;float: left;margin-bottom: 15px;}
.int-list{display: block;width: 100%;position: relative;}
.int-pic{width: 100%;overflow: hidden;}
.int-pic img{display: block;width: 100%;transition: all .5s;}
.int-font{box-sizing: border-box;position: absolute;width: 100%;left: 0;padding: 0 15px;bottom: 0px;font-size: 16px;line-height:50px;padding-bottom: 25px; color: white;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background: url(../images/int-left.png) repeat-x center;}
.int-left .swiper-pagination-bullet{opacity: 1;background: white;}
.int-left .swiper-pagination-bullet-active{background: #b21f23;}
.int-top{margin-bottom:15px; background: rgba(103,150,214,0.26);display: block;padding: 15px;}
.int-top h3{font-size: 16px;margin-bottom: 3px; line-height: 28px;color: rgba(255,255,255,0.78);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.int-top p{margin-bottom: 8px; font-size: 13px;line-height: 22px;color: rgba(255,255,255,0.7);    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.int-top span{font-size: 13px;line-height: 22px;color: rgba(255,255,255,0.3);display: block;}
.int-bot{ background: rgba(103,150,214,0.26);}
.int-dec{display: block;padding-left:15px;font-size: 13px;color: rgba(255,255,255,0.75);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 35px;border-bottom: solid 1px rgba(255,255,255,0.1);}
.int-dec:last-child{border-bottom: none;}
.int-dec:hover{color: white;}
.int-top:hover h3{color: white;}
.index-three{padding: 40px 0 45px;background: #041020;}
.ine-box{margin-top:25px;}
.ine-left{width: 100%;position: relative;margin-bottom: 15px;}
.ine-list{display: block;width: 100%;position: relative;}
.ine-pic{width: 100%;overflow: hidden;}
.ine-pic img{display: block;width: 100%;transition: all .5s;}
.ine-font{box-sizing: border-box;position: absolute;width: 100%;left: 0;padding:10px 15px 35px;bottom: 0px;background: url(../images/int-left.png) repeat-x center;}
.ine-font p{font-size: 16px;line-height:26px;color: white; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 52px;}
.ine-left .swiper-pagination-bullet{opacity: 1;background: white;}
.ine-left .swiper-pagination-bullet-active{background: #b21f23;}
.ine-mid{width: 100%;margin-bottom: 15px;}
.ine-dec{display: block;font-size: 13px;color: rgba(255,255,255,0.7);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height:35px;border-bottom: solid 1px rgba(255,255,255,0.1);}
.ine-dec:first-child{border-top: solid 1px rgba(255,255,255,0.1);}
.ine-dec:hover{color: white;}
.ine-right{width: 100%;position: relative;height: 300px;}
.ine-right img{display: block;height: 100%;width: 100%;}
.ine-pause{width: 80px;height: 81px;overflow: hidden;position: absolute;top: 50%;margin-top: -40.5px;left: 50%;margin-left:-40px;}
.ine-pause img{display: block;width: 100%;}
.ine-right p{position: absolute;width: 100%;left: 0;top: 180px; font-size: 16px;line-height: 26px; color: white;text-align: center;}
.msg-box-bg {box-sizing: border-box;width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 10001;background: rgba(0,0,0,0.5);}
.msg-box {box-sizing: border-box;width: 94%;height: 300px;padding:15px;background-color: #F3F3F3;position: absolute;left: 3%;top: 50%;margin-top: -150px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
.msg-box .close-box {box-sizing: border-box;width: 15px;height: 15px;background: url(../images/close.png) no-repeat center;background-size: cover; cursor: pointer;position: absolute;right: 5px;top: 5px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}
.msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.index-four{padding-top: 40px;background: url(../images/ino-bg.jpg) no-repeat center;background-size: cover;}
.inf-right{width: 100%;overflow: hidden;}
.inf-right img{display: block;width: 100%;transition: all .5s;}
.inf-left{ box-sizing: border-box;width: 100%;padding: 20px 15px;background: #122236;}
.inf-tit{margin-bottom:15px; font-size: 26px;line-height:30px;color: white; font-weight: bold;letter-spacing: 4px;}
.inf-dec{height: auto;}
.inf-dec p{margin-bottom: 10px; font-size: 14px;color: rgba(255,255,255,0.72);line-height: 22px;}
.inf-left a{display: block;font-size: 14px;color: white;line-height: 22px;}
.index-four ul{padding: 30px 0 25px;}
.index-four li{width:50%;float: left;margin-bottom:20px;}
.inf-icon{width:50px;height: 50px;float: left;border-right: solid 1px rgba(255,255,255,0.1);}
.inf-icon img{display: block;width: 100%;}
.inf-font{margin-left: 60px;}
.inf-font h3{height: 30px; color: white;line-height:30px;margin-bottom: 6px;}
.inf-font p{font-size: 13px;color: rgba(255,255,255,0.5);line-height: 14px;}
.inf-font h3 span{font-size: 30px;font-family: 'hpb';float: left;}
.inf-font h3 i{float: left;font-size: 12px;font-style: normal;line-height: 16px;}
.foot-fix{margin-bottom: 10px; padding:10px 0 20px;border-bottom: solid 1px rgba(255, 255, 255, 0.1);}
.foot-link{padding-bottom: 60px;}
.foot-link,.foot-link a {color: #666;line-height: 22px;}
.foot-link a {margin-left:10px;-webkit-transition: .5s;-moz-transition: .5s ;-ms-transition: .5s ;-o-transition: .5s ;transition: .5s ;}
.foot-link a:hover {color: #fff;}
.erwei{width: 30%;float: right;}
.erwei img{display: block;width: 100%;}
.gotop{float: left;transform: rotate(180deg); width: 50px;height: 50px;background: rgba(0,0,0,0.5);line-height: 50px;text-align: center;color: white;margin: 0 1px;}
.kefu{height: 50px; position: fixed;right: 0;bottom: 0;z-index: 33;}
.kefu a{display: none; float: left; width: 50px;background: rgba(0,0,0,0.5);line-height: 50px;text-align: center;color: white;font-size: 24px;margin: 0px 1px;}
.kefu a i,.gotop i{font-size: 20px;}
.kf-act{float: left; position: relative; width: 50px;height: 50px;background: rgba(0,0,0,0.5);margin: 0px 1px;}
.kf-act::after{position: absolute;content: '';width: 15px;height: 2px;background: white;left: 17.5px;top: 24px;}
.kf-act::before{position: absolute;content: '';width: 2px;height: 15px;background: white;top: 17.5px;left: 24px;}
.kf-act.on::before{display: none;}

.jiahao{ float: left;font-size: 20px;font-style: normal;line-height: 16px;font-size:24px;}
.new_a{display: block;font-size: 14px;color: white;line-height: 22px;margin-bottom: 20px;    padding-left: 15px;}