@charset "utf-8";
body {
	 font-family:'Microsoft YaHei','微软雅黑','Century Gothic', 'Helvetica', 'SimSun', '宋体', 'Heiti', '黑体', 'Arial', 'sans-serif';
	 font-size:14px;
	 width:100%;
	 height:100%;
	 color:#666;
   overflow-x: hidden;
	 -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}
*{
	 margin:0;
	 padding:0;
}
li {
	 list-style:none;
}
em,span,i{
  display: inline-block;
}
a {
	 text-decoration:none;
	 color: inherit;
	 display: block;
	 transition:all 0.3s;
}
.simple-article ul li,
ol li{
    list-style: inside;
}
button{
  border: 0;
  cursor: pointer;
  transition: 0.3s all;
  display: block;
}
input,
select,
textarea {

	 border:none;
	 outline:none;
	 background:none;
	 font-family:'微软雅黑';
	 padding: 0;
   font-size: 14px;
}
textarea {
	 resize:none;
	 overflow: hidden;
	 -webkit-appearance: none;
}
img {
	 border:none;
	 vertical-align: top;
}
table {
	 border:0;
	 border-collapse: collapse;
}
em,
i {
	 font-style:normal;
}
.fr {
	 float:right;
}
.fl {
	 float:left;
}
.clear {
	 zoom:1;
}
.clear:after {
	 content:"";
	 display:block;
	 clear:both;
}
.contain1{
  width: 1600px;
  margin: 0 auto;
}
.contain{
	width: 1440px;
	margin: 0 auto;
}
table{width:100%;border-collapse:collapse;border-spacing:1;border-spacing:0;}

img{max-width: 100%;height: auto;}


.p_transition {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
}

.small_nav_btn {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 4;
  display: none;
  width: 50px;
  height: 50px;
  background: url(../images/m_menu11.png) no-repeat center;
}

.small_nav_btn.fixed{
  background: url(../images/m_menu1.png) no-repeat center;
}
.small_nav_btn.active {
  background: url(../images/m_menu22.png) no-repeat center;
}

.small_nav_btn.fixed.active{
  background: url(../images/m_menu2.png) no-repeat center;
}

.small_nav .wapper .btn i {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
  border-left: 1px solid #e5e5e5;
  background: url(../images/h_content_dot.png) no-repeat center;
  background-size: 13px;
}

.small_nav .wapper .btn.active>i {
  -webkit-transform: rotate(180deg);
  transform: rorate(180deg);
  border-left: 0;
  border-right: 1px solid #e5e5e5;
}

.small_nav .show a {
  line-height: 40px;
  padding-left: 10px;
}
.small_nav .show .btn{
  padding-left: 20px;
  position: relative;
}
.scale img {
  transition: all 0.2s;
}

.scale:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.small_nav .wapper {
  position: relative;
}

.small_nav {
  position: fixed;
  width: 100%;
  top: 50px;
  left: 0;
  text-align: center;
  background: #d74e58;
  z-index: 7;
  display: none;
  overflow: auto;
}

.small_nav a {
  font-size: 16px;
  display: block;
  color: #fff;
  border-bottom: 1px solid #eee;
  line-height: 50px;
  text-align: left;
  text-indent: 15px;
  position: relative;
}

.small_nav .show {
  background: #e50214;
  display: none;
}


.map img{
    max-width: inherit;
}
/*内页banner*/
.inside_banner{
  height: 400px;
}


/*自适应图片*/
.autoimg{
  position: relative;
  /*float: left;
  height: 210px;
  width: 28.33333333333333%;*/
  overflow: hidden;
}
.autoimg:after{
  content: '';
  /*padding-top: 61.76%;*/
}
.autoimg img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: inherit;
}

.owl-stage{
  transition: 0.75s all !important;
}

input:-ms-input-placeholder,
input::-moz-placeholder,
input:-moz-placeholder,
input::-webkit-input-placeholder {
   color: #999;
}


.swiper-button-prev:after,
.swiper-button-next:after{
	display: none !important
}

.swiper-button-prev:focus,
.swiper-button-next:focus{
	outline: inherit !important;
}
.swiper-pagination{
	z-index: 2 !important;
}



.paging {
  text-align:center;
  padding: 50px 0 75px;
}
.paging li {
  display:inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.paging li.style {
  height:46px;
  width: 46px;
  font-size: 16px;
  display: inline-block;
  text-align:center;
  line-height:46px;
  color: #333;
}
.paging li.style a{
  border: 1px solid #e1e4f3;
}
.paging li.active a,
.paging li.style a:hover {
 background: #e50214;
 color: #fff;
}
.paging li.style a {
  color:#333;
  display: block;
}
.paging li.active a{
 background: #e50214;
  border: 1px solid #e50214;
 color: #fff;
}
.paging li.prev a{
  height: 100%;
  background: url(../images/slide_btn1.png) no-repeat center;
}
.paging li.prev:hover a{
  background: url(../images/slide_btn1q.png) no-repeat center #e50214;
}
.paging li.next a{
  height: 100%;
  background: url(../images/slide_btn2.png) no-repeat center;
}
.paging li.next:hover a{
  background: url(../images/slide_btn2q.png) no-repeat center #e50214;
}



.share .social-share .social-share-icon{
  border: 0;
  margin: 0 0 0 60px;
  width: 30px;
  height: 30px;
}
.share .social-share .icon-wechat{
  background: url(../images/share1.png) no-repeat center;
}
.share .social-share .icon-weibo{
  background: url(../images/share2.png) no-repeat center;
}
.share .social-share .social-share-icon:before{
  display: none;
}
.bg_white{
  background: #fff;
}

.rela{
  position: relative;
}


.scrollBar::-webkit-scrollbar-track-piece { /*//滚动条凹槽的颜色，还可以设置边框属性*/
background-color:#f8f8f8;
}
.scrollBar::-webkit-scrollbar {/*//滚动条的宽度*/
width:9px;
height:9px;
}
.scrollBar::-webkit-scrollbar-thumb {/*//滚动条的设置*/
background-color:#dddddd;
background-clip:padding-box;
min-height:28px;
}
.scrollBar::-webkit-scrollbar-thumb:hover {
background-color:#bbb;
}







.header{
  position: fixed;
  left: 0;
  top: 0;
  transition: 0.3s all;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  z-index: 3;
}

.header .logo{
  float: left;
  height: 70px;
  display: flex;
  margin-left: 80px;
  overflow: hidden;
  align-items: center;
  justify-content:center;
}
.header .logo img{
  max-height: 100%;
}

.header .nav{
  margin-right: 35px;
}
.header .nav>.nav-item{
  float: left;
  position: relative;
  padding: 0 25px;
}

.header .nav>.nav-item>a{
  font-size: 16px;
  color: #333;
  width: 80px;
  text-align: center;
  line-height: 96px;
  position: relative;
  border-bottom: 4px solid transparent;
}
.header .nav>.nav-item.active>a,
.header .nav>.nav-item>a:hover{
  color: #b41f2a;
  font-weight: bold;
  border-bottom: 4px solid #b41f2a;
}
.header .nav>.nav-item .show{
  position: absolute;
  border-radius: 8px;
  top: 100px;
  z-index: 2;
  opacity: 0;
  transform: translate(0,-20px);
  visibility: hidden;
  transition: 0.15s all;
  width: 200px;
  text-align: center;
  left: 50%;
  margin-left: -100px;
  background: rgba(255,255,255,0.8)
}
.header .nav>.nav-item:hover>.show{
  opacity: 1;
  visibility: visible;
  transform: translate(0,0);
}
.header .nav>.nav-item .show .nav-item{
  position: relative;
}
.header .nav>.nav-item .show .nav-item>a{
  line-height: 50px;
  text-align: left;
  position: relative;
  text-indent: 20px;
  color: #333;
}
.header .nav>.nav-item .show .show .nav-item>a{
  line-height: 40px;
}
.header .nav>.nav-item .show .nav-item:hover>a{
  background: #b41f2a;
  color: #fff;
}
.header .nav>.nav-item .show .show>.nav-item:first-child a{
  border-radius: 8px 8px 0 0
}
.header .nav>.nav-item .show .show>.nav-item:last-child a{
  border-radius:  0 0 8px 8px;
}
.header .nav>.nav-item .show .show a{
  background: rgba(255,255,255,0.8);
}
.header .nav>.nav-item .show .show a:hover{
  background: rgba(255,255,255,0.8);
  color: #b41f2a;
}
.header .nav>.nav-item .show .show a:after{
  display: none;
}
.header .nav>.nav-item .show .nav-item:hover>a:after{
  opacity: 1;
}


.header .nav>.nav-item .show .show{
  position: absolute;
  left: 100%;
  padding-left: 10px;
  width: max-content;
  min-width: 140px;
    transform: translate(0,0);
  opacity: 0;
  margin-left: 0;
  visibility: hidden;
  background: none;
  transition: 0.3s all;
  top: 0;
}
.header .nav>.nav-item .show .nav-item:hover>.show{
  opacity: 1;
  visibility: visible;
}
.header .search{
  float: left;
}
.header .search .to_search{
  width: 90px;
  height: 70px;
  background: url(../images/search.png) no-repeat center;
}
.header .search .show{
  position: absolute;
  left: 0;
  top: 101px;
  z-index: 2;
  width: 100%;
  padding: 50px 0;
  display: none;
  background: rgba(255,255,255,0.9);
}
.header .search .show .main{
  width: 500px;
  margin: 0 auto;
  border-bottom: 1px solid #333;
}
.header .search .show input{
  width: 400px;
  float: left;
  line-height: 50px;
  height: 50px;
  font-size: 14px;
  text-indent: 15px;
}
.header .search .show a,
.header .search .show button
{
  float: right;
  width: 40px;
  height: 50px;
  background: url(../images/search0.png) no-repeat center;
}
.header .contain{
  position: relative;
}
/*.header .lang{
  width: 120px;
  float: left;
  position: relative;
}
.header .lang .btn{
  line-height: 100px;
  text-align: center;
  color: #333;
}
.header .lang .btn span{
  padding-right: 20px;
  background: url(../images/lang.png) no-repeat right;
}
.header .lang .btn em{
  padding-left: 28px;
  background: url(../images/lang1.png) no-repeat left;
}
.header .lang .show{
  position: absolute;
  top: 105px;
  z-index: 2;
  display: none;
  background: #fff;
  width: 100%;
  text-align: center;
  line-height: 50px;
  border-radius: 8px;
}

.header .lang .show a{
  color: #333;
}

.header .lang .show a:hover{
  color: #b41f2a;
}*/
.logo .img2{
  display: none;
}
.header .nav{
  float: left;
}
.header .nav a{
  float: left;
  line-height: 47px;
  border-bottom: 3px solid transparent;
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
  margin-left: 70px;
  font-weight: bold;
}
.header .nav a.active,
.header .nav a:hover{
  border-bottom: 3px solid #e50214;
}
.header .nav a:first-child{
  margin-left: 0;
}
.header .phone{
  padding: 0 60px;
  box-sizing: border-box;
  float: left;
  line-height: 70px;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  border-left: 1px solid rgba(255,255,255,0.5);
  border-right: 1px solid rgba(255,255,255,0.5);
}
.header .phone span{
  padding-left: 55px;
  background: url(../images/header_phone.png) no-repeat left;
}
.to_nav_show{
  float: left;
  width: 80px;
  height: 70px;
  position: relative;
  /*background: #e50214 url(../images/to_nav_show.png) no-repeat center;*/

  background: #e50214 ;
}
.to_nav_show i{
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #e50214;
}


.menubtn{ position:relative; transition: 0.4s;cursor: pointer;}
.menuiphone{ display: none;}
.menubtn span{ display:block; width:31px; height:2px; background:#fff; margin:auto; margin-top:35px; position:relative; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0; background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menubtn span:before {top: -10px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menubtn span:after {bottom: -10px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menubtn.active span:after,.menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}


.navigate{ transition: 1s all;position: fixed; left: 0; top: 70px; bottom: 0; width: 100%; height: 0; overflow: hidden; background: rgba(255,255,255,0.9); overflow: hidden; text-align: center;}
.navigate:before{ position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 1px; background: #707070; background: rgba(112,112,112,0.15);}
.navigate-wrapper{ display: inline-block; margin: auto; margin-top: 104px; text-align: left;}
.navigate-item{ display: block; float: left; margin-left: 157px;}
.navigate-item:first-child{ margin-left: 0;}
.navigate-item dt{ display: block; line-height: 1; margin-bottom: 32px;}
.navigate-item dt a{ display: inline-block; color: #000000; font-size: 22px; font-weight: bold;}
.navigate-item dt a:hover{ color: #e50214;}
.navigate-item dd{ display: block;}
.navbtn{ margin-bottom: 22px;}
.navbtn a{ display: inline-block; color: #666666; font-size: 16px; line-height: 1.4; font-weight: lighter;}
.navbtn a:hover{ color: #e50214;}

.navigate.active{
  height: 100%;
}
#fp-nav{
  background: rgba(0,0,0,0.8);
}
.header:hover,
.header.active{
  background: #fff;
}
.header:hover .nav a,
.header.active .nav a{
  color: #333;
}
.header:hover .img1,
.header.active .img1{
  display: none;
}
.header:hover .img2,
.header.active .img2{
  display: block;
}
.header:hover .phone span,
.header.active .phone span{
  color: #666;
    background: url(../images/header_phone1.png) no-repeat left;
}
.header:hover .phone:before,
.header.active .phone:before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 34px;
  background: #e0e0e0;
  margin-top: -17px;
}
.header:hover .phone:after,
.header.active .phone:after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 34px;
  background: #e0e0e0;
  margin-top: -17px;
}
.header:hover .phone,
.header.active .phone{
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  position: relative;
}
.header:hover .search .to_search,
.header.active .search .to_search{
    background: url(../images/search0.png) no-repeat center;
}

.all_title .left1 .pq{
  color: #d7d9e0;
  line-height: 20px;
  font-weight: bold;
  font-size: 16px;
  padding-left: 40px;
  position: relative;
}
.all_title .left1 .pq:before{
  position: absolute;
  width: 37px;
  height: 25px;
  content: "";
  left: 0;
  top:2px;
  background: url(../images/all_title.png) no-repeat center;
}
.all_title .left1 .pw{
  font-size: 30px;
  line-height: 32px;
  margin-top: 5px;
  font-weight: bold;
  color: #333;
}
.all_title .right1 a{
  width: 140px;
  line-height: 37px;
  padding-right: 10px;
  text-align: center;
  background: #e50214;
  background: linear-gradient(-60deg, transparent 26px, #e50214 0);
  color: #fff;
}
.all_title .right1 a span{
  padding-right: 18px;
  background: url(../images/all_title1.png) no-repeat right;
}
.all_title.white_title .left1 .pw{
  color: #fff;
}

.footer{
  background: #131b28;
}
.section .footer{
  background: #313131;
}
.footer .top1{
  padding: 50px 80px 25px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.footer .top1 .a1{
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #eee;
}
.footer .top1 .a2{
  line-height: 24px;
  color: #ccc;
}
.footer .top1 li{

}
.footer .top1 li:last-child{
  margin-right: 0;
}
.footer .top1 li .mid{
  width: 300px;
}
.footer .top1 li .mid a{
  width: 50%;
  float: left;
}
.footer .copy{
  border-top: 1px solid rgba(255,255,255,0.08);
  line-height: 50px;
  text-align: center;
  color: #ccc;
}
.footer .copy a{
  display: inline-block;
}
.footer .top1 li a:hover{
  text-decoration: underline;
}
.video_bg{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.video_bg video{
  width: 100%;
  object-fit: cover;
}
.inside_header.fixed{

}
.all_name{
  padding-top: 71px;
  margin-bottom: 100px;
  color: #fff;
}
.all_name .p1{
  font-size: 16px;
  margin-top: 60px;
  padding-left: 50px;
  margin-bottom: 10px;
  background: url(../images/all_top.png) no-repeat left;
}
.all_name .p2{
  font-size: 42px;
  margin-bottom: 10px;
  font-weight: bold;
}
.all_name .p3{
  font-size: 20px;
  line-height: 36px;
}
.all_tab a{
  float: left;
  width: 230px;
  margin-right: 2px;
  text-align: center;
  color: #333;
  font-size: 16px;
  margin-bottom: 1px;
  line-height: 59px;
  background: rgba(255,255,255,0.5);
}
.all_tab a:hover,
.all_tab a.active{
  background: #e50214;
  font-weight: bold;
  color: #fff;
}
.bread{
  padding-left: 30px;
  background: url(../images/bread.png) no-repeat left;
}
.bread *{
  float: left;
  line-height: 59px;
  color: #fff;
}
.bread span{
  margin: 0 8px;
}
.pd60{
  padding-top: 60px;
}
.inside_padding{
  padding-left: 65px;
  padding-right: 65px;
}
.all_bg{
  padding-bottom: 160px;
  margin-bottom: 100px;
  box-sizing: border-box;
  padding-right: 65px;
  padding-left: 65px;
  padding-top: 60px;
  background: rgba(255,255,255,0.9);
}
.BMap_shadow,
.BMap_pop{
  display: none;
}

#fp-nav ul li a span{
  animation: xing1 2s linear infinite;
}


@keyframes xing1{
  0%{
    transform: scale(1);
  }
  50%{
    transform: scale(1.2);
  }
  100%{
    transform: scale(1);
  }

}











