﻿@font-face {
	font-family: "FiraSans";
	src: url("../image/font/FiraSans-Bold.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
 }
 @font-face {
   font-family: "Montserrat-Medium";
   src: url("../font/Montserrat-Medium.woff2") format("woff2"),
		url("../font/Montserrat-Medium.woff") format("woff"),
		url("../font/Montserrat-Medium.ttf") format("truetype"),
		url("../font/Montserrat-Medium.eot") format("embedded-opentype"),
		url("../font/Montserrat-Medium.svg") format("svg"),
		url("../image/font/Montserrat-Medium.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
 }
  @font-face {
	 font-family: 'Montserrat-bold';
	 font-style: normal;
	 font-weight: 600;
	 src: url("../font/Montserrat-bold.woff2") format("woff2"),
		url("../font/Montserrat-bold.woff") format("woff"),
		url("../font/Montserrat-bold.ttf") format("truetype"),
		url("../font/Montserrat-bold.eot") format("embedded-opentype"),
		url("../font/Montserrat-bold.svg") format("svg"),
		url("../image/font/Montserrat-bold.otf") format("opentype");
  }
 *{margin: 0;
   padding: 0;
   font-style: inherit;
   line-height: inherit;
   vertical-align: baseline;
   box-sizing: border-box;
 }
 body{
   margin: 0;
   padding: 0;
   overflow-x: hidden;
   color: #333;
   font: 14px/1.7  source-han-sans-simplified-c, "Helvetica Neue",Helvetica,'Arial','Microsoft Yahei',sans-serif;
   background: #f9f9f9;
 }
 
 h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,ol,form,span,input,a,div{ 
	 margin:0px; 
	 padding:0px; 
	 font-style:normal; 
	 border:0;
 }	
 /css {
	 border:0px;
	 border:none;
 }
 ol,ul,li{
	 list-style:none;
 }
 a {
	 -webkit-transition:all 0.4s ease;
	 transition:all 0.4s ease; 
	 text-decoration:none; 
	 outline:none;
	 color: #333;
	 font-family: Montserrat-Medium, source-han-sans-simplified-c, "Pingfang SC", Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
	 font-family: source-han-sans-simplified-c,"Helvetica Neue",Helvetica,'Arial','Microsoft Yahei',sans-serif;
 }
 .w1280 {
	 width:1280px;
 }
 .w100 {
	 width:100%; 
 }
 .w90 {
	 width: 90%;
	 max-width: 1920px;
 }
 .w90-1 {
	 width: 90%;
	 max-width: 1680px;
 }
 .md {
	 margin:0 auto;
 }
 .fl {
	 float:left;
 }
 .fr,.rt {
	 float:right;
 }
 .clear {
	 clear:both;
 }
 ul::after {
	 content: "."; 
	 clear: both; 
	 display: block; 
	 height: 0; 
	 overflow: hidden;
 }
 .clearfix:after{
	 content:".";
	 display:block;
	 height:0;
	 clear:both;04	visibility:hidden;
 }
 .clear {
	 clear:both;
 }
 .pr {
	 position: relative;
 }
 .pa {
	 position: absolute;
 }
 /css {
	 border: 0;
	 vertical-align: middle; 
 }
 table {
	 border-collapse: collapse;
	 border-spacing: 0
 }
 input,select,textarea {
	 -moz-appearance: none;
	 -webkit-appearance: none;
	 appearance: none;
	 border-radius: 0
 }
 input:focus,button:focus,textarea:focus {
	 outline: none
 }
 input[type=text]::-ms-clear,input[type=tel]::-ms-clear,input[type=number]::-ms-clear {
	 display: none
 }
 input, button, select {
	 font-size:100%; 
	 box-sizing:border-box;
	 margin:0; 
	 padding:0; 
	 vertical-align:middle;
	 outline:none;
	 line-height:normal; 
	 color:#666;
	 border: none;
 }
 sup {
   top: -0.5em;
 }
 sub {
   bottom: -0.25em;
 }
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 input, textarea, button, select {
	 -webkit-border-radius:0; 
	 -moz-border-radius:0; 
	 -o-border-radius:0; 
	 border-radius:0;
 }
   
   
   .wbox {
	   max-width: 1920px;
	   margin: 0 auto;
	   position: relative;
   }
   
   .stop {
	 padding: 0 80px;
	 position: absolute;
	 z-index: 9999;
	 width: 100%;
	 -webkit-transition:all 0.3s ease;
	 transition:all 0.3s ease;  
 }
   .stop:hover {
	   /*border-bottom: 1px solid #eee;*/
   }
  .master_hide #headers {
	 background: #fff;
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
 }
  .master_hide #headers  .logo{
	  padding-top: 5px;
	  padding-bottom: 5px;
  }
  .master_hide #headers .logo a {
	  background: url(../image/logo.png) no-repeat left top;
	  width: 240px;
	  background-size: 260px;
	  height: 50px;
	  display: block;
	  margin-top: 12px;
  }
  .master_hide #headers .menu1 li a {
	  /*height: 50px;*/
	  /*line-height: 50px;*/
	  color: #000;
  }
   .master_hide #headers .menu1 li .down2 .ul a{
	   /*line-height: 42px;*/
	   /*height: 34px;*/
	 color: #fff;
   }
   
   
  .master_hide #headers .leng {
	  margin-top: 17px;
  }
   .master_hide #headers .menu1 li .down {
	  /*top: 72px;*/
  }
  .stop .logo{
	 width: 300px;
	 float: left;
	 padding-left: 0px;
	 padding-top: 12px;
		 padding-bottom: 0px;
 }
 .stop .logo a{
	 background:  url('../image/logo-b.png') no-repeat left top;
	 width: 300px;
	 background-size: 300px;
	 height: 60px;
	 display: block;
 }
 .menu1 {
	 width: 1000px;
	 float: right;
	  
 }
 
 .menu1 li {
	 float: left;
	 width: 120px;
	 width: auto;
	 text-align: center;
	 padding: 5px 10px 0 10px;
 }
 .menu1 li:last-child {
	 padding-right: 0;
 }
 .menu1 li a{
	 display: block;
	 height: 72px;
	 line-height: 72px;
	 font-family: 'Montserrat';
	 color: #fff;
	 font-size: 16px;
	 font-weight: 400;
	 /*border-bottom: 2px solid rgb(255 255 255 / 0%);*/
  
 }
 .menu1 li a:hover,
 .menu1 li.on a
  {
	 /*border-bottom: 2px solid #fff;*/
 }
 .menu1 li .ul a 
  {
 /*border-bottom: 2px solid rgb(255 255 255 / 0%);*/
 }
 .menu1 li .ul a:hover
  {
	 /*border-bottom: 2px solid #fff;*/
 }
 .menu1 li {
  /*position: relative;*/
 }
 /*.menu1 li .down ./css{*/
 /*	float: right;*/
 /*	width: 200px;*/
 /*	height: 250px;*/
 /*	background:  url('../image/32.jpg') no-repeat left center;*/
 /*}*/
 /*.menu1 li .down ./css {*/
 /*	background:  url('../image/a10.jpg') no-repeat left center;*/
 /*	background-size: contain;*/
 /*}*/
 /*.menu1 li.li3 .down ./css {*/
 /*	background:  url('../image/a13.jpg') no-repeat left center;*/
 /*	background-size: contain;*/
 /*}*/
 
 .menu1 li .down {
	 display: block;
	 position: absolute;
	 top: 100%;
	 width: 680px;
	 width: 400px;
	 z-index: 1100;
	 background-color: #1b1b1b;
	 border-top: 1px solid #414141;
	 left:5px;
	 /*top: 75px;*/
	 visibility: hidden;
	 opacity: 0;
	 /*padding: 40px 20px;*/
	 -webkit-transition: all 0.4s ease;
	 transition: all 0.4s ease;
	 overflow: hidden;
	 z-index: 999;
  /*   min-height: 340px;*/
	   
 }
 .menu1 li .down2 {
	 right: 305px;
	 width: 720px;
 }
 .menu1 li .down1 {
	 width: 300px;
 }
 /*.menu1 li:hover .down{*/
 /*	opacity: 1;*/
 /*	visibility: visible;*/
 /*}*/
 .menu1 li.xial
 {
	 /*padding-right: 50px;*/
	 /*background: url(../image/down.png) no-repeat 88px 33px;*/
	 /*background-size: 16px;*/
	 /*-webkit-transition: all 0.4s ease;*/
	 /*transition: all 0.4s ease;*/
 }
 .master_hide .menu1 li.xial {
	 /*background: url(../image/down-b.png) no-repeat 88px 33px;*/
	 /*background-size: 16px;*/
 }
 .master_hide .menu1 li.xial:hover {
	 /*background: url("../image/down2-b.png") no-repeat 88px 33px;*/
	 /*background-size: 16px;*/
 }
 .menu1 li.xial:hover {
   /*background: url("../image/down2.png") no-repeat 88px  32px;*/
   /*background-size: 16px;*/
 }
 .menu1 li .down .img {
	 float: right;
	 width: 20%;
	 height: 20%;
	 border-radius: 5px;
	  
 }
 .menu1 li .down2 .img {
 background: url(../image/ab-nb3.jpg) no-repeat  center;
	 background-size: cover;
 }
 .menu1 li .down3 .img {
	 width: 20%;
	 width: 20%;
	 max-width: 500px;
 }
 .menu1 li .down .img li {
	 float: none;
	 padding: 0;
 }
 
 .menu1 li .down1 .img {
	 background: url(../image/n.jpg) no-repeat  center;
	 background-size: cover;
 }
 .menu1 li .down3 .img {
	 /*background: url(/css/n2.jpg) no-repeat  center;
	 background-size: cover;*/
	 position: relative;
	 overflow: hidden;
 }
 .menu1 li .down3 .img ul {
	 height: 100%;
	 overflow: hidden;
	 height: 100%;
 }
 
 .menu1 li .down3 .img img {
	 /*width: 80%;*/
	 /*position: absolute;*/
	 /*left: 50%;*/
	 /*top:10%;*/
	 /*transform: translateX(-50%);*/
 }
 .menu1 li .down3 .img .swiper-slide{
	 overflow: hidden;
 }
 
 .menu1 li .down .ul {
	 float: left;
	 padding-right: 0px;
 }
 .menu1 li .down2 .ul {
	 /*margin-top: 24px;*/
 }
 .menu1 li .down1 .ul {
	 /*margin-top: 4px;*/
 }
 .menu1 li .down .ul2 {
	 width: 180px;
 }
 .menu1 li .down .ul .fl{
	 float: left;
	 margin-right: 35px;
 }
 .menu1 li .down .ul .fl.mart20{
	 margin-top: 48px;
 }
 .menu1 li .down .ul .i {
	 /*margin-bottom: 15px;*/
	 /*margin-top: 25px;*/
 }
 .menu1 li .down1 .ul .i {
	 /*margin-top: 25px;*/
 }
 
 .menu1 li .down3 .ul .i {
	 /*margin-top: 55px;*/
 }
 .menu1 li .down .ul a{
	 font-size: 16px;
	 font-weight: 500;
	 padding: 10px;
	 color: #fff;
	 border-bottom: 1px solid #ccc;
	 color: #666;
	 /*opacity: .5;*/
	 
 }
 .menu1 li .down .ul a:hover{
	 color: #fff;
	 border-bottom: 1px solid #fff;
	 opacity: 1;
 }
 
 .menu1 li .down .ul .i a{
	 font-size: 16px;
	 font-weight: normal;
	 /*padding: 0 0;*/
 }
 .menu1 li .down2 .ul .i a{
	 /*color: #000;
	 font-weight: normal;*/
	 /*border-left: 5px solid #d61518;
	 padding-left: 10px;
	 height: 20px;
	 line-height: 20px;*/
 }
 .menu1 li .down a b {
	 font-weight: bold;
	 font-size: 22px;
	 display: block;
	 padding-bottom: 0px;
	 margin-top: -2px;
	 color: #d61518;
 }
 .menu1 li .down a.t b {
	 padding-bottom: 10px;
 }
 
 .menu1 li .down a:first-child:hover {
	 /*border-bottom: 2px solid #fff;*/
 }
 .menu1 li .down .i a:first-child:hover {
	 /*border-bottom: 2px solid #fff;*/
 }
 .menu1 li .down a{
	 color: #fff;
	 text-align: left;
	 display: block;
	 height: auto;
	 line-height: 2;
	 padding: 2px 0;
 }
 .menu1 li .down3 {
	 width: 1000px;
	 left: -200px;
	 left: 0;
	 width: 100%;
	 /*padding: 40px 30px 50px;*/
 }
 .master_hide #headers .menu1 .down3 a,
 .menu1 li .down3 .ul .i a
  {
	 /*height: 35px;*/
	 /*line-height: 35px;*/
	 color: #fff;
 }
 
 .master_hide #headers .menu1 .down3 a.t, 
 .menu1 li .down3 .ul .i a.t {
	 height: auto;
	 line-height: inherit;
 }
 
 .master_hide #headers .menu1 .down3 a:hover,
 .menu1 li .down3 .ul .i a:hover {
	 /*color: #d61518;*/
	 /*transform: translateX(4px);*/
	 /*text-decoration: underline;*/
 }
 .master_hide #headers .menu1 .down2 a.c,
 .master_hide #headers .menu1 .down3 a.c,
 .master_hide #headers .menu1 .down3 a.c:hover,
 .menu1 li .down3 .ul .i a.c:hover {
	 color: #fff;
	 height: 35px;
		 line-height: 35px;
 }
 .menu1 li .down2 .ul a:hover{
	 /*color: #d61518;*/
	 /*transform: translateX(4px);*/
	 /*text-decoration: underline;*/
 }
 .master_hide #headers .menu1 .down3 a.t:hover {
	 /*color: #d61518;*/
	 /*transform: translateX(0px);*/
	 /*text-decoration: none;*/
 }
 .menu1 li .down3 .d-l,
 .menu1 li .down2 .d-l
  {
	 float: left;
	 width: 250px;
	 height: 320px;
	 text-align: left;
	 /*padding-right: 30px;*/
	 border-right: 1px solid #ddd;
	 /*margin-right: 30px;*/
	 color: #666;
 }
 .menu1 li .down3 .d-l {display: none;}
 
 .menu1 li .down3 .d-l .c,
 .menu1 li .down2 .d-l .c
  {
	 display: block;
	 font-size: 14px;
	 background: #d61518;
	 height: 30px;
	 line-height: 30px;
	 text-align: center;
	 color: #fff;
	 width: 200px;
	 border-radius: 4px;
	 padding: 0 15px;
	 margin-top: 40px;
 }
 .menu1 li .down2 .d-l .c:hover {
	 height: 30px;
	 line-height: 30px;
	 border-bottom: 0;
 }
 
 .menu1 li .down3 .ul3 {
	 float: left;
	 width: calc(100% - 500px);
	 /*width: 90%;*/
 }
 .menu1 li .down3 .w100 {
	 width: 100%;
 }
 
 .menu1 li .down3 .d {
	 float: left;
	 width: 100%;
	 /*padding-right: 5%;*/
	 /*margin-left: 1%;*/
 }
 .menu1 li .down3 .d:last-child {
	 padding-right:0
 
 }
 
 .menu1 li .down.down3 .d .b{
	 font-weight: bold;
	 color: #666;
	 font-size: 16px;
	 padding: 20px;
	 border-bottom: 1px solid;
 }
 .menu1 li .down3 .ul .i a {
	 font-size: 14px;
 }
 
 
 /*202312*/
 .menu1 li .down3 .d .bolck{
		 position: absolute;
	 left: 270px;
	 top: -60px;
	 background: #dadada;
	 padding: 20px;
	 width: 40vw;
	 max-width:800px;
	 min-width:400px;
	 z-index:9;
	 display: none;  
 }
 .menu1 li .down3 .d22 .bolck{
	 left: 500px;
 }
 .menu1 li .down3 .d33 .bolck{
	 left: 700px;width: 200px;min-width:200px;
	 left: 680px;
	 top: -16px;
 }
 
  .bolck .row{
	 background: #ffffff;
	 padding: 30px 40px;
	 width: 82%;
	 min-width: 1250px;
	 max-width: 1920px;
	 margin: 0 auto;
 }
 .bolck .filter-tit{
	 font-weight: bold;font-size: 16px;
	 margin-bottom: 10px;display: inline-block;
	 margin-right: 20px;
	 width: 110px;  
 }
 .bolck .filter-cen{
	 display: inline-block;
	 
 }
 .bolck .filter-cen a{
	 font-weight: normal;
	 font-size: 16px;
	 display: inline-block;
	 padding-bottom: 0px;
	 margin-top: 0;height: 35px;
	 line-height: 35px;
	 border-bottom: 0px;
		 margin-right: 20px;
 }
 
 .bolck .filter-cen a b{
	 font-weight: normal;
	 font-size: 16px;
	 display: block;
	 padding-bottom: 0px;
	 margin-top: 0;
	 color: #d61518;
	 
 }
 .bolck .filter-cen a.active b,
 .bolck .filter-cen a:hover b
 {
	 background: #d61518;
	 color: #fff;
	 display: inline-block;
	 padding: 0 5px;
 }
 .bolck .filter-cen a:hover b{
	 border-bottom: 0px;
 }
 .bolck .filter-cen a:hover{
	 border-bottom: 0px;
	 color: #d61518;
	 transform: translateX(0px);
	 text-decoration: none;
 }
 
 .bolck .filter-box{
	 text-align: left;
	 display: block; 
	 display: block; 
 }
 .bolck .filter-boxs{
	 width: 25%;
 }
 .bolck .filter-boxs{
	 width: 100%;
 }
 
 
 
 .stop .leng {
	 margin-top: 27px;
	 float: right;
	 
	 position: relative;
	 
 }
 .stop .leng .ico{
	 display: flex;
	 
 }
 .stop .leng .a{
	 float: left;
	 background: #d61518;
	 color: #fff;
	 height: 30px;
	 padding: 0 15px;
	 line-height: 30px;
	 border-radius: 4px;
	 margin-right:10px
	 
 }
 .stop .leng .c{
	 float: left;
	 background: #d61518;
	 color: #fff;
	 height: 31px;
	 padding: 0 10px;
	 line-height: 31px;
	 border-radius: 4px;
	 margin-right: 5px;
 }
 .stop .leng .c i {
	 font-size:12px;
	 padding:0 4px;
 }
 
 .stop .leng .b{
	 float: right;
	 background: #000;
	 height: 30px;
	 line-height: 30px;
	 border-radius: 4px;
	 padding: 0px 5px 0px 10px;
 }
 .stop .leng .b a {line-height: 30px;}
 .stop .leng ul {
	 width: 80px;
	 padding: 4px 5px;
	 position: absolute;
	 top: 32px;
	 right: 0;
	 border-radius: 5px;
	 background: #222; 
	 height: 0px;
	 text-align: center;
	 visibility: hidden;
	 opacity: 0;
	 -webkit-transition: all 0.4s ease;
	 transition: all 0.4s ease;
 }
 .stop .leng .b:hover ul{
	 opacity: 1;
	 visibility: inherit;
	 height: auto;
 }
 
 .stop .leng ul {
	 
 }
 
 .stop .leng ul li a {
  display: block;
  
 }
 .stop .leng ul li a{
	 color: #888;
	 font-size: 13px;
 }
 .stop .leng ul li a:hover,
 .stop .leng ul li a.on
 {
	 color:  #fff;
 }
 
 .stop .ico {
	 padding-top: 0px; 
 }
 .stop .ico span {
	 display: block;
	 float: right;
	 color: #fff;
	 font-size: 13px;
	 padding-left: 5px;
	 padding-right: 10px;
 }
 
 .stop .ico .b i
 {
 display: block;
 float: left;
 width: 17px;
 height: 17px;
 filter: brightness(0) invert(1);
 background: url(../image/header_ico.png) no-repeat;
 background-size: 77px;
 background-position-y: 0;
 margin: 6px auto 0;
 background-position-x: -30px;
 }
 
 .stop .ico .c i
 {
 display: block;
 float: left;
 width: 17px;
 height: 17px;
 filter: brightness(0) invert(1);
 background: url(../image/header_ico.png) no-repeat;
 background-size: 77px;
 background-position-y: 0;
 margin: 6px auto 0;
 background-position-x: -46px;
 }
 
 .s1 {
	 width: 100%;
	 height: 100vh;
	 overflow: hidden;
 }
 .s1 video {
	 display: block;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
 }
 
 .s1 img{
	 display: block;
 }
 .s1 .bg-c {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 background: #000;
	 opacity: 0.25;
	 left: 0;
	 top: 0;
	 z-index: 2;
 }
 /* .s1 .a,
 .bg-n1 .a
  {
	 background:  url('..image/a3.png') no-repeat left top;
	 background-size: contain;
	 width: 5%;
	 height: 400px;
	 position: absolute;
	 top: 0;
	 left: 0;
	 opacity: 1;
	 z-index: 9;
	 -webkit-animation: hua1 2s ease-in infinite;
		 -moz-animation: hua1 2s ease-in infinite;
		 -o-animation: hua1 2s ease-in infinite;
		 animation: hua1 2s ease-in infinite;
		 animation-iteration-count:1
	 
 } */
 .s1 .c {
	 display: block;
	 position: absolute;
	 top: 40%;
	 width: 100%;
	 text-align: center;
	 z-index: 9;
 }
 .s1 .c1 {
	 height: 90px;
	 line-height: 90px;
	 overflow: hidden;
	 font-family: Montserrat-bold;
	 margin-bottom: 30px;
	 text-transform: capitalize;
 }
 
 .s1 .c2 {
	 height: 90px;
		 line-height: 90px;
		 overflow: hidden;
 }
 
 .s1 .c .span,
 .s1 .c h2
 {
	 display: block;
	 margin: 0 auto;
	 font-size: 5.5rem;
	 text-align: center;
	 color: #fff;
	 font-style: oblique;
 
 }
 .s1 .c h2 {
	 font-size: 4rem;
 }
 
 
 @-webkit-keyframes hua1 {
	   0% {
			   transform: translateX(-100%);
		   }
	
	   100% {
			   transform: translateX(0%);
		   }
   }
   @keyframes hua1 {
	   0% {
				   transform: translateX(-100%);
			   }
	   
		   100% {
				   transform: translateX(0%);
			   }
   }
   
 
 /* .s1 .b {
	 background:  url('../image/a2.png') no-repeat right bottom;
	 background-size: auto 101%;
	 width: 60%;
	 height: 100%;
	 position: absolute;
	 bottom: 0px;
	 right: -60%;
	 opacity: 1;
	 z-index: 9;
	 -webkit-animation: hua2 2s ease infinite;
		 -moz-animation: hua2 2s ease infinite;
		 -o-animation: hua2 2s ease infinite;
		 animation: hua2 2s ease infinite;
		 animation-iteration-count:1;
		 animation-fill-mode: forwards; 
			 -moz-animation-fill-mode: forwards; 
			 -webkit-animation-fill-mode: forwards; 
			 -o-animation-fill-mode: forwards; 
			 animation-delay: 1s;
 } */
 .s2 {
	 background: #000;
	 color: #fff;
	 font-size: 52px;
	 text-align: center;
	  padding: 200px 100px 180px;
	 -webkit-transition:all 0.5s ease;
	 transition:all 0.5s ease; 
	 position: relative;
	 width: 100%;
	 overflow: hidden;
 }
 .s2 .b2-bg {
	 position: absolute;
	 left: -150px;
	 top: -180px;
	 background:  url('../image/bg5.png') no-repeat right top;
	 width: 900px;
	 height: 900px;
	 background-size: 100%;
	 opacity: 0;
	 -webkit-transition:all 1.5s ease;
	 transition:all 1.5s ease; 
	 animation: logo_rotate_0 20s infinite normal linear;
 }
 /* .s2 .b3-bg {
	 position: absolute;
	 right: -120px;
	 bottom: -250px;
	 background:  url('../image/bg6.png') no-repeat right top;
	 width: 1000px;
	 height: 1000px;
	 background-size: 100%;
	 opacity: 0;
	 -webkit-transition:all 1.5s ease;
	 transition:all 1.5s ease; 
	 animation: logo_rotate_1 16s infinite normal linear;
 } */
 @keyframes logo_rotate_0 {
   0% {
	 transform: scale(1);
	 opacity: 0.5;
   }
   50% {
	 transform: scale(1.3);
	 opacity: 0.1;
  
   }
   100% {
	 transform: scale(1);
	 opacity: 0.5;
   }
 }
 @keyframes logo_rotate_1 {
   0% {
	 transform: scale(1);
	 opacity: 0.4;
   }
   50% {
	 transform: scale(1.4);
	 opacity: 0.1;
  
   }
   100% {
	 transform: scale(1);
	 opacity: 0.4;
   }
 }
 
 .bg-active .s2 {
	 background: #000;
 }
 .s2-kh {
	 position: relative;
 }
 
 .s2-kh::before {
	 content: '';
	 position: absolute;
	 left: 0;
	 top: 20%;
	 width: 80px;
	 height: 80px;
	 background:  url('../image/yh1.png') no-repeat 2% top;
	 background-size: 72px;
	 opacity: .3;
 }
 .s2-kh::after {
	 content: '';
	 position: absolute;
	 right: 0;
	 top: 20%;
	 width: 80px;
	 height: 80px;
	 background:  url('../image/yh2.png') no-repeat 100% bottom;
		 background-size: 72px;opacity: .3;
 }
 
 .s2-kh h2{
	 font-size: 58px;
	 font-style: italic;
 }
 .s2-kh p {
	 padding: 20px 100px;
	 font-size: 20px;
  width: 90%;
	 margin: 0 auto;
 }
 
 .s2 h3{
	 padding-bottom: 50px;text-align: center;font-size: 58px;
 }
 
 .a3-1 {
	 background:  url('../image/a5.png') no-repeat right top;
	 background-size: 100% 100%;
	 height: 150px;
	 width: 100%;
	 position: absolute;
	 top: 0;
	 right: 0;
	 z-index: 9;
 }
 .s3 {
	 /* background: #f5f5f5; */
	 padding: 0px 80px;
	 text-align: center;
	 font-size: 58px;
	 position: relative;
 }
 .s3 h3{
	 text-align: left;
	 padding-left: 0px;
	 font-size: 58px;
	 padding-bottom: 20px;
 } 
 
 .s3 ul {
	 text-align: center;
	 width: 100%;
 }
 
 .s3 .s-cp li {
	 display: block;
	 float: left;
	  
	 height: 480px;
	 width: 18%;
	 margin-right: 1%;
	 margin-bottom: 1%;
	 position: relative;
 }
 .s3 .s-cp li span i {
	 display: block;
	 position: relative;
	 z-index: 5;font-weight: bold;
 }
 
 .s3 .s-cp li span{
	 display: block;
	 float: left;
	 font-size: 24px;
	 color: #fff; 
	 text-align: left;
	 margin-top: 45px;
	 margin-left: 30px;
	 padding-left: 15px;
	 height: 22px;
	 line-height: 22px;
	 border-left: 0px solid #d61518;
	 position: relative;
	 z-index: 3;
	 
 }
 .s3 .s-cp li span::before{
	 content: '';
	 display: block;
	 position: absolute;
	 left: 0;
	 top: -2px;
	 height: 28px;
  
	 width: 2px;
	 z-index: 2;
	 background: #d61518;
	 -webkit-transition:all 0.3s ease;
	 transition:all 0.3s ease; 
 }
 .s3 .s-cp li:hover span  {
	 color: #fff;
 }
 .s3 .s-cp li:hover span:before {
	 width: 215px;
 }
 .s3 .s-cp li a {
	 display: block;
	 width: 100%;height: 100%;
 }
 
 .s3 .s-cp li a{
	 background:  url('../image/right-circle2.png') no-repeat 30px 90%;
	 background-size: 60px;
  
 }
 
 .s3 .s-cp li.l1,
 .s3 .s-cp li.l2
  {
	 width: 48%;
 }
 .s3 .s-cp li.l3,
 .s3 .s-cp li.l4,
 .s3 .s-cp li.l5
  {
	 width: 31.6666%;
 }
  .s3 .s-cp li.l1 {
	 background: url(../image/c12.jpg) no-repeat;
	 background-size: cover;
 }
 .s3 .s-cp li.l2 {
	 background: url(../image/c11.jpg) no-repeat;
	 background-size: cover;
 }
 .s3 .s-cp li.l4 {
	 background: url(../image/c13.jpg) no-repeat right bottom;
	 background-size: cover;
 }
 .s3 .s-cp li.l3 {
	 background: url(../image/c14.jpg) no-repeat center;
	 background-size: cover;
 }
 .s3 .s-cp li.l5 {
	 background: url(../image/c15.jpg) no-repeat center;
	 background-size: cover;
 }
  
 .s3 .s-cp li .bg{
	  
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 opacity: 0;
	 -webkit-transition:all 0.3s ease;
	 transition:all 0.3s ease; 
 }
 .s3 .s-cp li.l1 .bg{
	 background:  url('../image/cp/GJS-7001.jpg') no-repeat left top;
	 background-size: cover;
	 background: #fff url() no-repeat center;
	 background-size: 80%;
	 
 }
 .s3 .s-cp li.l2 .bg{
	 background:  url('../image/cp/GJS-6019-.jpg') no-repeat center;
	 background-size: cover;
		background: #fff url(../image/home01.jpg) no-repeat center;
	 background-size: 65%;
 }
 .s3 .s-cp li.l3 .bg{
	 background:  url('../image/cp/GJS-6010-.jpg') no-repeat center;
	 background-size: cover;
	 background: #fff url() no-repeat center;
	 background-size: 70%;
 }
 .s3 .s-cp li.l4 .bg{
	 background:  url('../image/home02.jpg') no-repeat center;
	 background-size: cover;
	 background: #fff url(../image/home02.jpg) no-repeat center;
	 background-size: 80%;
 }
 .s3 .s-cp li.l5 .bg{
	 background:  url('../image/cp/GJS-6005-.jpg') no-repeat center;
	 background-size: cover;
	 background: #fff url() no-repeat center;
	 background-size: 60%;
 }
 .s3 .s-cp li:hover .bg{
	 opacity: 1;
 }
 
 .s5 {
	 background: #000 url(../image/home-e2.jpg) no-repeat 75% center;
	 padding: 160px 80px 200px 10%;
	 background-size: cover;
	 color: #fff;
 }
 .s5 p {
	 font-size: 16px;
	 padding-right: 130px;
	 opacity: .9;
 }
 .s5 .fl{
	 float: left;
	 width: 1100px;
	 text-align: left;
	 padding-top: 30px;
 }
 .s5 h3 b{
	 font-style: italic;
	 font-size:  58px;
	 text-align: left;
	 padding: 0 0 40px;
	 display: block;
 }
 .s5 h3 span{
	 font-style: italic;
	 display: block;
	 font-size:  28px;
	 text-align: left;
	 padding: 0 0 0px;
	 font-weight: normal;
	 
 }
 .s5 ul {
	 padding: 0 0px;
	 margin: 60px auto 0;
	 text-align: left;
 }
 .s5 li img{
	 display: block;
	 max-width: 200px;
 }
 .s5 li{
	 display: inline-block;
	 margin: 0 20px 10px 0;
	 border-radius: 10px;
	 overflow: hidden;
	 /* height: 60px;
	 line-height: 60px; */
	 background: #fff;
 }
 .s6 .mySwiper {
	 position: relative;
 }
 .s6 .swiper-pagination-bullet-active {
	  width: 15px;
	  height: 15px;
	  transform: translateY(4px);
	  background: #d61518;
 }
 
 .s6 .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
	 
 }
 
 .footer {
	 padding: 200px 80px 0px;
	 background: linear-gradient(180deg, #000000 0, rgb(51 51 51));
	 overflow: hidden;
	 position: relative;
	 z-index: 99;
 }
 .footer::after {
	 content: '';
	 display: block;
	 position: absolute;
	 right: 0%;
	 top: -10px;
	 background:  url('../image/f3.png') no-repeat center 30px;
	 background-size: 600px;
	 width: 500px;
	 height: 500px;
	 opacity: .4;
 }
 .footer .ul {
	 float: right;
	 padding-right: 100px;
	 width: 100%;
 }
 .footer .ul li{
	 float: left;
	 padding-right: 120px;
 }
 .footer .ul li a{
	 display: block;
	 padding-bottom: 8px;
	 line-height: 30px;
 }
 .footer .ul li a.b
  {
	 font-size: 16px;
	 font-weight: bold;
	 /* padding-bottom: 20px; */
	 display: block;
 }
 .footer .rt b
  {
	 -webkit-text-stroke: 1px #a7a7a7;
	 color: #1d1d1d;
	 padding-left: 0px;
	 height: 80px;
	 line-height: 50px;
	 margin-bottom: 20px;
	 padding-left: 10px;
	 margin-left: -15px;
	 font-size: 70px;
	 font-style: oblique;
	 font-weight: bold;
	 display: block;
 }
 
 .footer .rt p {
	 font-size: 22px;
	 color: #fff;
	 line-height: 25px;
	 padding-left: 50px;
	 padding-bottom: 30px;
	 background-size: 25px;
	 background-repeat: no-repeat;
	 background-position: 2px 0px;
 }
 
 .footer .rt p.add {
	 background-image:  url('../image/add.png') ;
	 background-size: 22px;
	 background-position: 0px 0px;
 }
 .footer .rt p.tel {
	 background-image:  url('../image/tel.png') ; 
	 width: 300px;
 }
 .footer .rt p.mail {
	 background-image:  url('../image/mail.png') ;
	 width: 300px;
 }
 
 .footer .ul ul {
	 width: 1000px;
	 float: left;
 
 }
 
 .footer .rt {
	 width: 500px;
	 float: left;
	 color: #aaa;
 }
 
 .footer .ul a{
	 font-size: 15px;
	 color: rgb(201, 201, 201);
	 padding-left: 0px; 
 }
 .footer .ul a:hover{
	 color: #fff;
 }
 .footer .f-logo{
	 background:  url('../image/logo-foot-w.png') no-repeat left top;
	 background-size: 100px;
	 height: 100px;
	 width: 100px;
	 float: left;
 }
 .foot2 {
  
	 color: #999;
	 text-align: center; 
	 height: 50px;
	 line-height: 50px; 
	 padding: 0 0px;
	 overflow: hidden;
	 font-size: 12px;
	 margin-top: 30px;
	 position: relative;
	 z-index: 2;
	 /* padding-bottom: 120px; */
 }
 /* .foot2 .wbox{
	 border-top: 1px solid #888;
 } */
 .footer .wbox{
	 position: relative;
	 z-index: 2;
 }
 .foot2 .fl
 {
	 color: #aaa;
	 font-size: 14px;
 }
 .foot2 .fl a
 {
	 color: #aaa;
	 font-size: 14px;
 }
 .foot2 a.on {
	 color: #fff;
	 text-decoration: underline;
 }
 
 .foot2 .rt {
	 float: right;
	 width: auto;
 }
  .s7  h3 {
	   text-align: center;
	 padding-left: 0px;
	 font-size: 58px;
	 padding-bottom: 20px;
	 color: #fff;
   }
 .s6 {
	 padding: 0px 0 50px;overflow: hidden;
	 background-color: #000;
	 /* display:none */
 }
 .s6 h3{
	 font-size: 58px;
	 padding: 0 0px;
	 margin: 0 auto;
 }
 .s6 .wbox{
	 margin: 50px auto;
		 padding: 0 80px;
 }
 .about-s6 {
	 padding: 0px 0 50px;
 }
 .about-s6 .wbox{
	 margin: 50px auto;
	 padding: 0 0px;
	 max-width:90%;
	 padding-left: 5%;
	 overflow:hidden
 }
 .s-news li div img {
	 
 }
 .s6 h3 span{
	 color: #fff;
 
	 }
 
 .s6 h3 a{
 display: block;
 float: right;
 font-size: 16px;
 height: 50px;
 margin-top: 50px;
 line-height: 50px;
 margin-right: 0px;
 padding-right: 60px;
 background:  url('../image/arrow1.png') no-repeat 90% center;
 background-size: 40px;
 color: #d61518;
 -webkit-transition:all 0.3s ease;
 transition:all 0.3s ease; 
 }
 .s6 h3 a:hover{
	 background:  url('../image/arrow1.png') no-repeat right center;
	 background-size: 40px;
 }
 .s-news {
 /*	width: calc(100% + 120px);*/
 margin: 50px auto 0;
 padding: 0 80px;
 padding: 0 0px;
 }
 
 .s-news li {
	 margin-right: 30px;
	 float: left;
	 width: calc(25% - 30px);
	 -webkit-transition:all 0.3s ease;
	 transition:all 0.3s ease; 
	 margin-bottom: 20px;
 }
 .s-news li:last-child {
	 margin-left: 0;
 }
 .s-news li a{
	 display: block;
	 border: 1px solid #525252;
	 padding: 40px 26px 32px;
		 transition: all 0.36s;
		 font-size: 14px;
 }
 .s-news li span {
	 color: #a9a9a9;
	 font-size: 13px;
	 display: block;
 }
 .s-news li b {
 color: #d8d8d8;
	 padding: 5px 0 10px;
	 display: block;
	 font-size: 20px;
	 font-weight: bold;
 
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
	 -webkit-line-clamp: 3;
	 overflow: hidden;
 }
 .s-news li p {
	 color: #aaa;
	 font-size: 14px;
	 display: block;
 }
 .s-news li i {
	 color: #d61518;
	 padding: 20px 0;
	 display: block;
	 font-weight: normal;
	 font-style: normal;
 }
 .s-news li div {
	 height: 220px;
	 overflow: hidden;
 }
 .s-news li div img {
 height: 100%;
	 position: relative;
	 left: 50%;
	 transform: translateX(-50%);
	 width: 100%;
	 object-fit: cover;
 }
 .s-news li:hover {
	 background: #d61518;
 }
 .s-news li:hover span,
 .s-news li:hover b,
 .s-news li:hover p,
 .s-news li:hover i
 {
 color: #fff;
 }
 .s-news li:hover a {
	 border: 1px solid #d61518;
 }
 .s-news li.h {
	 width: calc(100% - 30px);
	 float: none;
	  
 }
 .s-news li.h:hover {
	 background: #f5f5f5;
 }
 .s-news li.h .fl{
	 width: 65%;
 }
 
 .s-news-faq li.h .fl {width:100%}
 .s-news li.h .rt{
	 width: 25%;
	 float: right;
	 height: 230px;
	 overflow: hidden;
 }
 .s-news li.h div {
	 height: auto;
 }
 .s-news li.h b {
	 font-size: 30px;
	 color: #000;
 }
 .s-news-faq li.h b {height:auto}
 .s-news li.h p {
	 color: #333;
 }
 .s-news li.h i {
	 color: #d61518;
 }
 .s-news li.h:hover i
 {
 color: #d61518;
 }
 .s-news li.h:hover span,
 .s-news li.h:hover b,
 .s-news li.h:hover p,
 .s-news li.h:hover em,
 .s-news li.h:hover i 
 {
 color: #fff;
 }
 .s-news li.h a {
	 padding: 40px 46px 32px;
 }
 .s-news-faq li.h a {
	 padding: 20px 46px 20px;
 }
 
 
 .s-news li.h .rt img{
	 width: 100%;
	 height: auto;
	 
 }
 .news-list-n li {
	 background: #fff;
 }
 .news-list-n li a{
	 border: 1px solid #fff;
 }
 .news-list-n li.h:hover {
	 background: #d61518;
 }
 
 .tan-v {
 position: absolute;
	 bottom: 40px;
	 right: 46%;
	 
	 margin-left: -0px;
	 color: #fff;
	 z-index: 99;
	 opacity: 0;
	 animation-duration: 2s;
	 animation-iteration-count: 1;
		 animation-fill-mode: forwards;
		 -moz-animation-fill-mode: forwards;
		 -webkit-animation-fill-mode: forwards;
		 -o-animation-fill-mode: forwards;
	 animation-name: ly;
	 animation-delay: 2s;
	 
 }
 .tan-v a{
	 display: block;
	 width: 200px;
	 height: 50px;
	 line-height: 44px;
	 text-indent: -5px;
	 text-align: center;
	 background: url(../image/right-circle2.png) 150px 8px no-repeat;
	 background-size: 30px;
	 border: 3px solid #fff;
	 font-size: 16px;
	 color: #fff;
 }
 .no-display {
   display: none;
 }
 .tan-v a:hover{
  
	 background: #d61518 url(../image/right-circle2.png) 160px 8px no-repeat;
	 background-size: 30px;
	 border: 3px solid #d61518;
 }
 .soll {
	 position: absolute;
	 bottom: 40px;
	 right: 20px;
	 width: 100px;
	 margin-left: -50px;
	 color: #fff;
	 z-index: 99;
	 line-height: 38px;
	 opacity: 0;
	 animation-duration: 2s;
	 animation-iteration-count: 1;
		 animation-fill-mode: forwards;
		 -moz-animation-fill-mode: forwards;
		 -webkit-animation-fill-mode: forwards;
		 -o-animation-fill-mode: forwards;
	 animation-name: ly;
	 animation-delay: 2s;
	 
 }
 
 .n-body .soll {
	 right: 47%;
 }
 
 .soll a{
	 color: #fff;
	 display: block;
	 text-align: center;
	 font-size: 12px;
	 text-transform: capitalize;
 }
 .soll .d{
	 position: relative;
	 width: 1.4rem;
	 height: 2.1rem;
  
	 box-shadow: inset 0 0 0 2px #fff;
	 border-radius: 2.5rem;
	 display: block;
	 margin: 0 auto;
	 float: none; 
 }
 .soll .d:after
 {
	 content: "";
	 position: absolute;
	 left: calc(50% - 1px);
	 width: 0.17rem;
	 height: 0.6rem;
	 background: #fff;
	 top: 0.5rem;
	 border-radius: 0.4rem;
	 animation-duration: 2s;
	 animation-iteration-count: infinite;
	 animation-name: scroll;
 }
 @keyframes ly {
				 0% {
					 opacity: 0
				 }
 
				 100% {
					 opacity: 1; 
				 }
			 }
 @keyframes scroll {
				 0% {
					 opacity: 1
				 }
 
				 to {
					 opacity: 0;
					 transform: translateY(0rem)
				 }
			 }
 
 @-webkit-keyframes hua2 {
	   0% {
			   right: -10%;
		   }
	
	   100% {
			   right: 0;
		   }
   }
   @keyframes hua2 {
	   0% {
				   right: -10%;
			   }
	   
		   100% {
				   right: 0;
			   }
   }
 
 
 
 
 @media screen and (min-width:1681px) {
	  
 }
 
 @media screen and (max-width:1680px) {
  
 }
 
 @media screen and (max-width:1440px) {
	   .menu1 li .down3 .d {
		 /*padding-right: 3%;*/
		 /*margin-left: 1%;*/
	 }
 }
 
 .ms2 {
	 background:  url(../image/n/1.jpg) no-repeat center top;
	 background-size: 100%;
	 width: 100%;
	 width: 1520px;
	 max-width: 1920px;
	 margin: 0 auto;
	 height: 850px;
	 /* min-height: 80vh; */
	 position: relative;
 }
 .ms2 h2 b {
	 position: relative;
	 z-index: 9;
 }
 
 .ms2 h2 span {
	 position: absolute;
	 left: 0%;
	 top: 15px;
	 text-align: center;
	 font-size: 72px;
	 width: 100%;
	 -webkit-text-stroke: 1px #fff;
		 color: transparent;
		 opacity: .5;font-family: 'Montserrat';
	 text-transform: uppercase;
	 display: none;
 }
 
 .ms2 .pin{
	 position: absolute;
	 
 }
 .ms2 .pin1{
	 top: 32%;    top: 215px;
	 left: 28.2%;
 
 }
 .ms2 .pin2{
		 top: 32%;    top: 215px;
	 right: 29.1%;
 
 }
 .ms2 .pin3{
		 top: 32%;    top: 215px;
	 right: 9.1%;
 }
 .ms2 .pin4{
	 top: 65%;
	 right: 11%;
 }
 .ms2 .pin5{
	 top: 40%;
	 left: 84%;    display: none;
 }
 .ms2 .pin6{
	 top: 63%;
	 left: 20%;
 }
 .ms2 .pin span{
	 display: block;
	 width: 20px;
	 height: 20px;
	 margin-top: 5px;
	 margin-left: 5px;
	 border-radius: 30px;
	 background: #fff;
	 
	 -webkit-animation: float1 2s ease-in-out infinite;
		 -moz-animation: float1 2s ease-in-out infinite;
		 -o-animation: float1 2s ease-in-out infinite;
		 animation: float1 2s ease-in-out infinite;
 }
 .ms2 .pin .a {
 position: absolute;
 top: 70px;
 left: -110px;
 background: #fff;
 text-align: center;
 padding: 10px;
 width: 260px;
  visibility:hidden;
  opacity: 0;
	 border-radius: 10px;
	 overflow: hidden;
	 -webkit-transition:all 0.1s ease;
	 transition:all 0.1s ease; 
 }
 .ms2 .pin .a a{
	 background: #fff;
 }
 .ms2 .pin .a a::after {
	 content: 'discovery';
	 display: block;
	 background: #aaa;
	 border-radius: 30px;
	 color: #fff;
	 padding: 5px 0;
	 font-size: 12px;
	 margin: 3px 30px 20px;
	 text-transform: uppercase;
	 box-shadow: 0 7px 10px 0 rgb(14 26 46 / 22%); 
	 opacity: .7;
	 -webkit-transition:all 0.2s ease;
	 transition:all 0.2s ease; 
 }
 .ms2 .pin .a a:hover::after {
	 opacity: 1;
	 background: #d61518;
 }
 .ms2 .pin .a::before {
	 content: '';
	 display: block;
	 position: absolute;
	 top: -13px;
	 left: 92px;
	 width: 0;
	 height: 0;
  
	 border-left: 10px solid transparent;
	 border-right: 10px solid transparent;
	 border-bottom: 14px solid #fff;
	 
 }
 .ms2 .pin:hover .a {
	 visibility:visible;
	 opacity: 1;
	 top: 50px;
	 z-index: 99;
	 display: ;
 }
  .ms2 .pin.duo .a a::after {
  
  }
   .ms2 .pin.duo .a {
	   width: 600px;
	   height: 300px;
	   left: -410px;
	   padding-top: 10px;
   }
	.ms2 .pin .a a {
		display: block;
	}
  .ms2 .pin.duo .a a {
	  height: 100%;
	  float: left;
	  width: 33%;
  }
   .ms2 .pin.duo2 .a {
	   width: 400px;
	   height: 300px;
	   left: -200px;
	   padding-top: 10px;
	 top: -320px;
   }
   .ms2 .pin5.duo2 .a {
		
	 top: 70px;
   }
   .ms2 .pin3.duo2 .a {
	 width: 300px;
	 left: -150px;top: -320px;
   }
 
 
   .ms2 .pin.duo2 .a a {
	  height: 100%;
	  float: left;
	  width: 50%;
  }
  .ms2 .pin3.duo2 .a a {
	 float: none;
	 margin: 0 auto;
  }
 
 .ms2 .pin .shine1 {
	 display: block;
	 position: absolute;
	 top: -35px;
	 right: 0;
	 bottom: 0;
	 left: -35px;
	 width: 100px;
	 height: 100px;
	 border-radius: 50%;
	 border: 2px solid #fff;
	 opacity: 0;
	 -webkit-animation: ripple 4.5s ease-out 225ms infinite;
	 animation: ripple 4.5s ease-out 225ms infinite;
 }
 .ms2 .pin .shine2 {
	 display: block;
	 position: absolute;
	 top: -35px;
	 right: 0;
	 bottom: 0;
	 left: -35px;
	 width: 100px;
	 height: 100px;
	 border-radius: 100%;
	 border: 2px solid #fff;
	 opacity: 0;
	 -webkit-animation: ripple 4.5s ease-out 1575ms infinite;
	 animation: ripple 4.5s ease-out 1575ms infinite;
 }
  .ms2 .pin .a b {
	  font-size: 14px;
	  font-weight: bold;
	  display: block;
	  padding-top: 20px;
	 position: relative;
	 z-index: 2;
  }
   .ms2 .pin .a p {
	   display: block;
	   font-size: 13px;
	   line-height: 1.4;
	   padding-top: 5px;
   }
  .ms2 .pin .a img{
	 width: 100%;
	 transform: translateX(0%);
	 display: block;
	 margin: 0px auto 10px;
  }
   .ms2 .pin .a .img {
	 height: 180px;
 }
  .ms2 .pin .a .img img {
	 height: 100%;
	 width: 100%;
	 transform: translateY(0%);
	 object-fit: contain;
 }
  
   .s5 {
	   display: none;
   }
	 .s7 .f3 ul{
		 text-align: center;
		 color: #fff;
		 width: 1200px;
		 margin: 0 auto;
	 }
	 .s7 .f3 li{
		 display: inline-block;
		 width: 18%;
		 margin: 0 1%;
		 font-size: 26px;
		 border-bottom: 5px solid #d61518;
	 }
	 .s7 .f3 span b{
		 font-size: 42px;
		 color: #fff;
	 }
	 .s7 .f3 span{
		 font-size: 28px;
		 display: inline-block;
		 color: #d61518;
		 color: #fff;
		 padding-right: 4px;
	 }
	 .s7 {
	  /* background:  url('../image/b9.jpg') no-repeat 80% center; */
	 background-color: #000;
	  background-size: cover; 
	  padding: 100px 0 5px;
  }
  .s7 .f3 {
	  margin-bottom: 80px;
  }
  
  .s7 .wbox .img{
	width: 1200px;
	   display: block;
	   /* margin: 50px auto; */
   }
   .img-bg {
	   width: 1200px;
	   margin: 0 auto;
	   transform: translateX(20px);
   }
   
   .s7 .wbox .pa {
	   width: 20px;
	   height: 20px;
	   display: block;
	   /*background: #eee;
	   color: #333;*/
   }
	 .s7 .wbox .pa .i{
	 display: block;
		 width: 20px;
			 height: 20px;
			 color: #175ca4;
		 line-height: 21px;
		 text-align: center;
		 background: #fff;
		 border-radius: 50%;
		 font-weight: normal;
		 font-style: normal;
		 display:  block;
			 font-size: 16px;
			 font-weight: bold;
			 padding: 0px;
			 -webkit-animation: float5 2.5s ease-out infinite;
				 -moz-animation: float5 2.5s ease-out infinite;
				 -o-animation: float5 2.5s ease-out infinite;
				 animation: float5 2.5s ease-out infinite;
	 }
	 .s7 .wbox .pa.a1 .i,
	  .s7 .wbox .pa.a11 .i,
	   .s7 .wbox .pa.a8 .i,
		.s7 .wbox .pa.a5 .i,
		 .s7 .wbox .pa.a11 .i,
		  .s7 .wbox .pa.a15 .i,
		   .s7 .wbox .pa.a21 .i
	 {
		 -webkit-animation: float5 3s ease-out infinite;
			 -moz-animation: float5 3s ease-out infinite;
			 -o-animation: float5 3s ease-out infinite;
			 animation: float5 3s ease-out infinite;
	 }
	 .s7 .wbox .pa.a4 .i,
		 .s7 .wbox .pa.a12 .i,
		  .s7 .wbox .pa.a14 .i,
		   .s7 .wbox .pa.a20 .i
	 {
		 -webkit-animation: float5 3.5s ease-out infinite;
			 -moz-animation: float5 3.5s ease-out infinite;
			 -o-animation: float5 3.5s ease-out infinite;
			 animation: float5 3.5s ease-out infinite;
	 }
	 @keyframes float5 {
		 0% {
		 opacity: .2;
		   }
	   50% {
	   opacity: 1;
		 }
		 100% {
		 opacity: .2;
		   }
	   }
  .s7 .wbox .a1{
		 right: 280px;
			 top: 260px;
	 }
	 .s7 .wbox .a2{
		  right: 730px;
		  top: 260px;
	  }
	  .s7 .wbox .a3{
		   right: 630px;
		   top: 300px;
	   }
	   .s7 .wbox .a4{
			right: 600px;
			top: 350px;
		}
		.s7 .wbox .a5{
			 right: 550px;
			 top: 460px;
		 }
		 .s7 .wbox .a6{
			  right: 880px;
			  top: 260px;
		  }
		  .s7 .wbox .a7{
			   right: 896px;
				   top: 205px;
		   }
		   .s7 .wbox .a8{
				right: 930px;
				top: 210px;
			}
		 .s7 .wbox .a9{
			  right: 985px;
				  top: 183px;
		  }
	  
				   .s7 .wbox .a10{
						right: 1030px;
						top: 180px;
					} 
				 .s7 .wbox .a11{
					  left: 160px;
						  top: 150px;
				  }   
				  .s7 .wbox .a12{
					   left: 90px;
					   top: 170px;
				   }  
				   .s7 .wbox .a13{
						left: 190px;
							top: 157px;
					}
					.s7 .wbox .a14{
						 left: 210px;
						 top: 128px;
					 } 
				   .s7 .wbox .a15{
						left: 330px;
							top: 115px;
					}  
			 .s7 .wbox .a21{
				  left: 480px;
					  top: 215px;
			  }  
			 
			  .s7 .wbox .pa.a21 p{
				  width: 120px;
					  height: 70px;
					  right: -135px;
			  }    
			  .s7 .wbox .pa.a21 p span { 
				  padding: 5px 10px 0;
			  }   
		   .s7 .wbox .a20{
				left: 530px;
					top: 185px;
			}  
		   
			.s7 .wbox .pa.a20 p{
				width: 240px;
				height: 68px;
				 top: -45px;
					 right: -255px;
				 line-height: 24px;
			}
			.s7 .wbox .pa.a20 p::after
			{
			top: auto;
			 bottom: 6px;
			}
			 .s7 .wbox .pa p span{
				 display: inline-block;
				 padding: 5px 5px;
			 }
	.s7 .wbox .pa p {
		font-size: 14px;
		padding-top: 0px;
		width: 100px;
		height: 30px;
		line-height: 30px;
		background: #eee;
		color: #000;
		text-align: center;
		box-shadow: 1px 1px 2px #999;
		
		opacity: 0;
		position: absolute;
		top: -6px;
			right: -110px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		border-radius: 4px;
		visibility: inherit;
	}
	.s7 .wbox .pa.n p {
		opacity: 0;
	}
	.s7 .wbox .pa:hover  p{
		opacity: 1;
		z-index: 99;
	}
	
	.s7 .wbox .pa p::after {
		content: '';
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		left: -5px;
		top: 8px;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-right: 6px solid #eee;
	}
	.s7 .wbox .pa.l p{
		right: auto;
			left: -115px;
			top: -6px;
	}
	.s7 .wbox .pa.t p{
		right: auto; 
			left: -45px;
			top: -40px;
	}
	 .s7 .wbox .pa.t p::after {
		 right: 35px;
			 top: 25px;
		 left: auto;
		 border-left: 10px solid transparent;
		 border-right: 10px solid transparent;
		 border-top: 10px solid #eee;
		 border-bottom: 0;
	 }
	 .s7 .wbox .pa.l p::after {
		right: -10px;
		left: auto;
		top: 5px;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #eee;
		border-right: 0;
	}
 @-webkit-keyframes ripple {
	 0% {
		 opacity: 0;
		 -webkit-transform: scale(.1)
	 }
	 5% {
		 opacity: .7
	 }
	 to {
		 opacity: 0;
		 -webkit-transform: scale(3)
	 }
 }
 
 @keyframes ripple {
	 0% {
		 opacity: 0;
		 -webkit-transform: scale(.1);
		 transform: scale(.1)
	 }
	 5% {
		 opacity: 1
	 }
	 to {
		 opacity: 0;
		 -webkit-transform: scale(3);
		 transform: scale(1)
	 }
 }
 @-o-keyframes float1 {
   0% {
	 transform:scale(1.15, 1.15);
   }
   50% {
	 transform:scale(1, 1);
   }
   100% {
	 transform:scale(1.15, 1.15);
   }
 }
 @keyframes float1 {
   0% {
	transform:scale(1.15, 1.15);
	}
	50% {
	  transform:scale(1, 1);
	}
	100% {
	  transform:scale(1.15, 1.15);
   }
 }
 
 
 .s7 .wbox .a26 {
   left: 200px;
	 top: 105px;
  
					}
					.s7 .wbox .a27 {
						left: 230px;
						top: 95px;
					}
					.s7 .wbox .a28 {
						left: 170px;
						top: 95px;
					}
					.s7 .wbox .a29 {
						left: 410px;
						top: 275px 
					}
					.s7 .wbox .a30 {
						left: 520px;
						top: 315px;
					}
					.s7 .wbox .a31 {
						left: 970px;
	 top: 155px;
					}
					.s7 .wbox .a32 {
							left: 1090px;
	 top: 445px
					}
					.s7 .wbox .a33 {
							left: 1040px;
	 top: 485px;
					}
					.s7 .wbox .a34 {
						left: 1020px;
	 top: 445px;
					}
 
 .ms2 h2{
	 font-size: 52px;
	 color: #d61518;
	 color: #fff;
	 line-height: 1.5;
	 margin-bottom: 30px;
	 font-family: 'FiraSans-Bold';
	 text-align: center;
	 padding-top: 50px;
 }
 .menu1 li .down .ul a.t2,
 .master_hide #headers .menu1 li a.t2
  {
	 display: none;
 }
 
 
 .slideTxtBox{    }
 .slideTxtBox .hd{   position:relative; }
 .slideTxtBox .hd ul{  display: flex; flex-direction: column;}
 .slideTxtBox .hd ul li{   cursor:pointer; padding: 0;text-align: left; }
 .slideTxtBox .hd ul li address{ color: #fff;}
 .slideTxtBox .hd ul li.on a span{  color: #fff; opacity: 1;    }
 .slideTxtBox .bd ul{   }
 .slideTxtBox .bd li{     }
  
  
  
  
  .bg-n1 {
	  height: 60vh;
	  background-color: #222;
	  background-image: url(../image/bg1.jpg);
	  background-repeat: no-repeat;
	  background-position: center top;
	  background-size: cover;
  }
  .bg-n1.newbg {
	  background: url('../image/xinwenbanner2.jpg') no-repeat center;
	  background-size: cover;
  }
  .bg-n1.contbg {
	  background: url('../image/2224.jpg') no-repeat right bottom;
	  background-size: cover;
  }
  .bg-n1.abbg {
	  background: url('../image/2227.jpg') no-repeat center;
	  background-size: cover;
  }
   .bg-n1.solbg {
	  background: url('../image/05.jpg') no-repeat center top;
	  background-size: cover;
  }
  .bg-n1.abbg:before {
	  opacity: .3;
  }
  
  .bg-n1:before {
	   content: '';
	   display: block;
	   width: 100%;
	   height: 100%;
   background: #222;
   opacity: .3;
   position: absolute;
   top: 0;
   left: 0;
   }
   .bg-n1 h2{
		 font-size: 62px;
		 top: 45%;
		 left: 50%;
		 margin-left: -250px;
		 width: 500px;
		 color: #fff;
		 text-align: center;
		 position: relative;
		 z-index: 2;
		 font-weight: bold;
		 text-transform: uppercase;
	 }
	 .bg-n1.cp-bg1  h2 {
		 width: 800px;
		 margin-left: -400px;
	 }
	 
	 .bg-n1 h2 span{
		   font-size: 36px;
		   display: block; 
		   margin-top: 0px;
		 font-weight: bold;
	   }
	 /* .bg-n1 h2::before{
		 content: '';
		 display: block;
		 background: url('../image/f2-w.png') no-repeat left top;
		 background-size: contain;
		 width: 190px;
		 height: 400px;
		 position: absolute;
		 left: -120px;
		 top: -65px;
		 -webkit-animation: hua3 3s ease infinite;
		 -moz-animation: hua3 3s ease infinite;
		 -o-animation: hua3 3s ease infinite;
		 animation: hua3 3s ease infinite;
		 animation-iteration-count: 1;
		 opacity: 0.3;
	 }
	 .bg-n1 h2::after{
		 content: '';
		 display: block;
		 background: url('../image/f1-w.png') no-repeat left top;
		 background-size: contain;
		 width: 190px;
		 height: 400px;
		 position: absolute;
		 right: -120px;
		 top: -65px;
		 top: -115px;
		 -webkit-animation: hua4 3s ease infinite;
		 -moz-animation: hua4 3s ease infinite;
		 -o-animation: hua4 3s ease infinite;
		 animation: hua4 3s ease infinite;
		 animation-iteration-count: 1;
		 opacity: 0.3;
	 } */
  
		 
		 @-webkit-keyframes hua3 {
		 0% {
				 left: -220px;
							 opacity: 0;
						 }
				 
					 100% {
							 left: -120px;
							 opacity: .3;
			 }
	 }
	 @keyframes hua3 {
		 0% {
					 left: -220px;
								 opacity: 0;
							 }
					 
						 100% {
								 left: -120px;
								 opacity: .3;
				 }
	 }
	 @-webkit-keyframes hua4 {
		   0% {
				   right: -220px;
				   opacity: 0;
			   }
		
		   100% {
				   right: -120px;
				   opacity: .3;
			   }
	   }
	   @keyframes hua4 {
		   0% {
					   right: -220px;
					   opacity: 0;
				   }
		   
			   100% {
					   right: -120px;
					   opacity: .3;
				   }
	   }
   .ab-1 {
	   background: #f5f5f5;
   }
   .ab-1 .c {
	   /*width: 260px;
	   margin: 0 auto;*/
	   padding-left: 20px;
   }
   
   .ab-1 .c span{
	   float: left;
	   width: 100%;
	   height: 100%;
	   display: block;
	   text-align: center;
	   padding-top: 300px;
	   background-size: 40px;
	   background-color: #fff;
	   margin-right: 10px;
	   font-weight: bold;
	   line-height: 1.6;
   }
	 .ab-1 .c span.b{
		 background:  url('../image/a20.png') no-repeat center;
	 }
   .ab-1 h3 {
	   text-align: left;
	   font-size: 38px;
	   line-height: 1.5;
	   padding-bottom: 5px;
	   font-weight: normal;
	   font-style: normal;
   }
   .ab-1 h3 em{
		   color: #d61518;
   }
	.ab-1 .jj {
		padding: 120px 0 50px;
	}
	.ab-1 .jj .fl {
		width: 550px;
	 padding-bottom: 80px;
		padding-left: 50px;
	}
	
	.ab-1 .jj .p{
		font-size: 16px;
	 line-height: 26px;
		float: right;
		width: calc(100% - 580px);
		margin: 0 auto;
		padding-left: 0px;
		padding-right: 80px;
	}
		 .ab-1 .jj .f {
			 margin: 80px auto 0;
			 width: 1200px;
			 padding-left: 200px;
		 }
	  .ab-1 .jj .f1 {
		  float: left;
		  width: 250px;
		  font-size: 18px; 
	  }
	   .ab-1 .jj .f1 strong{
		   display: block;
		   font-size: 62px;
			   color: #0e4d9d;
	   }
	   .ab-1 .jj .f1 strong em{
		   font-size: 24px;
		   padding-left: 6px;
	   }
	   .ab-1 .video-1 {
		 width: 90%;
	 height: 700px;
	 overflow: hidden;
	 position: relative;
	 margin: 0 auto;
	 max-width: 1920px;
	 }
	 .ab-1 .video-1::after {
		 content: "";
		 width: 100%;
		 height: 100%;
		 background-color: #000;
		 opacity: .4;
		 position: absolute;
		 left: 0;
		 top: 0;
	 }
	 .ab-1 .video-1 video {
		 width: 100%;
		 height: 100%;
		 object-fit: cover;
	 }
	 .ab-1 .video-1 a {
		 position: absolute;
		 transform: translate(-50%,-50%);
		 left: 50%;
		 top: 50%;
		 z-index: 3;
		 width: 100%;
		 height: 100%;
	 }
	 .ab-1 .video-1 a .play-btn {
		 position: absolute;
		 width: 88px;
		 height: 88px;
		 border-radius: 50%;
		 background: hsla(0,0%,100%,.8);
		 transition: .4s ease-in-out;
		 transition-property: opacity,visibility;
		 z-index: 3;
		 left: 50%;
		 top: 45%;
		 transform: translate(-50%,-50%);
	 }
	 .ab-1 .video-1 .play1 {
		 display: block;
		 max-width: 100%;
		 margin: 0 auto;
		 margin-top: 38%;
	 }
	 .ab-1 .video-1 .play2 {
		 position: absolute;
		 top: 50%;
		 left: 50%;
		 transform: translate(-50%,-50%);
		 width: 138%;
		 min-width: 138%;
		 height: 138%;
		 animation: hero-video_rotateClickIcon__mz4Z7 10s linear infinite;
	 }
	 @keyframes hero-video_rotateClickIcon__mz4Z7{
		 0%{transform:translate(-50%,-50%) rotate(0)}
		 to{transform:translate(-50%,-50%) rotate(1turn)}
	 }
	 .ab-1 .video-1 a p {
		 position: absolute;
	 top: 57%;
	 width: 100%;
	 text-align: center;
	 color: #fff;
	 opacity: 1;
	 font-size: 20px;
	 transition: all 1s ease;
	 }
 
 
	   .bg-n1 .n-mu{
		   position: absolute;
		   left: 80px;
		   top: 50%;
		   margin-top: -50px;
	   }
		.bg-n1 .n-mu a{
			color: #888;
			display: block;
			font-size: 14px;
			padding: 0 10px;
			border-radius: 5px;
		}
		.bg-n1 .n-mu .on a,
		.bg-n1 .n-mu a:hover,
		#nav .current a
		
		 {
			background: #d61518;
			color: #fff;
		}
		
		.bg-n1 .n-mu li {
			position: relative;
			height: 30px;
			line-height: 30px;
			margin-bottom: 2px;
		}
		.bg-n1 .n-mu  a::before
		
		{
			
			content: '';
			display: block;
			position: absolute;
				left: -80px;
				top: 15px;
			width: 50px;
			height: 1px;
			background: #888;
		}
		.bg-n1 .n-mu .on a::before,
		.bg-n1 .n-mu .current a::before
		
		{
			
			content: '';
			display: block;
			position: absolute;
				left: -80px;
				top: 15px;
			width: 70px;
			height: 1px;
			background: #d61518;
		}
	   .img-bg{
		   margin: 0 auto;
		   display: block;
	   }
		.ab-1 .pr2 {
			padding-bottom: 150px;
			position: relative;
		}
		
		.ab-1 .jj ul{
		  display: block;
	  }
	  .ab-1 .ul {
		  text-align: center;
		  width: 1200px;
		  border:0px solid #eee;
			  box-shadow: 1px 1px 8px 9px #e1e4e9;
		  border-radius: 30px;
		  margin: -100px auto 0;
		  background: #fff;
		  position: relative;
		  z-index: 9;
	  }
	  
	  .ab-1 .ul li{
		   display: inline-block;
		   width: 33% !important;
		   height: 70px;
		   font-size: 16px;
		   line-height: 70px;
		 cursor: pointer;
	   }
	   .ab-1 .ul li.swiper-slide-thumb-active,
	   .ab-1 .ul li:hover
	   {
		   color: #d61518;
		   font-size: 16px;
		   /*border-bottom: 1px solid #d61518;*/
		   font-weight: bold;
	   }
	   .ab-1 .ul li.swiper-slide-thumb-active::after {
		   content: '';
		   display: block;
		   width: 80px;
		   height: 3px;
		   margin: -2px auto 0;
		   background: #d61518;
	   }
	   
	   .ab-1 .ul li a{
		  
		  display: block;
	  }
	  .ab-1 .ul2 .swiper-wrapper {
		  display: block;
	  }
	  
	  .ab-1 .ul2 {
		  position: absolute;
		  left: 50%;
		  top: 188px;
			  margin-left: -3px;
			  position: absolute;
			  width: 1200px;
			  margin: 0;
			  top: 0;
			  left: 50%;
			  margin-left: -600px;
	  }
	  .ab-1 .ul2 ul li::before{
		  content: '';
		  display: block;
		  width: 100px;
		  height: 1px;
		  background: #d61518;
		  position: absolute;
		  left: -100px;
		  top: 80px;
	  }
	   .ab-1 .ul2 ul li {
		   transform: initial!important;
	   }
	   
	   .ab-1 .ul2 ul li.l1 {
			 left: 596px;
			 top: 188px;
			 position: absolute;
	 }
		   .ab-1 .ul2 ul li.l2 {
			   left: 571px;
			   top: 196px;
			   position: absolute;
		   }
		   .ab-1 .ul2 ul li.l3 {
		   left: 553px;
			   top: 178px;
		   position: absolute;
		   }
		   .ab-1 .ul2 ul li.l4 {
		   left: 578px;
			   top: 217px;
		   position: absolute;
		   }
	   .ab-1 .ul2 ul li.l5 {
	  left: 554px;
		  top: 348px;
	   position: absolute;
	   }
	   .ab-1 .ul2 ul li{
		  width: 500px!important;
		  height: 150px;
		  border-radius: 20px;/*
		  overflow: hidden;*/
		  background: #fff;
		  margin-bottom: 20px; 
		  
		  pointer-events: none;
			transition-property: opacity;
			transform: translateZ(0);
			  -webkit-backface-visibility: hidden;
					  backface-visibility: hidden;
					  opacity: 0!important;
		  }
	  .ab-1 .ul2 ul li.swiper-slide-active {
		  
	  }
	  .ab-1 .ul2 ul .swiper-slide-active,
	  .ab-1 .ul2 ul .swiper-slide-active .swiper-slide-active {
				pointer-events: auto;
				opacity: 1!important;
			}
	  .ab-1 .ul2 ul li img{
		  border-radius: 20px;
		  display: block;
		  float: left;
		  width: 250px;
	  }
	  .ab-1 .ul2 ul li p strong {
		  display: block;
		  font-size: 18px;
		  padding-bottom: 6px;
	  }
	  
	  .ab-1 .ul2 ul li p {
		  float: right;
		  line-height: 1.6;
		  font-size: 13px;
		  width: 250px;
		  padding: 15px 25px 0px 25px; 
	  }
	  .cp-list .u2 {
		  border-top: 1px solid #333;
	  }
	  
	  .cp-list .ul{
		  text-align: center;
		  margin: 0 auto 40px;
	  }
	   .cp-list .ul a{
		   display: inline-block; 
		  border: 1px solid #333;
		  border-radius: 30px;
		  padding: 10px 30px;
		  margin: 0 10px;
		 margin-bottom: 20px;
	  }
	  .cp-list .ul a:hover,
 .cp-list .ul a.on	 {
		  border: 1px solid #d61518;
		  background: #d61518;
		  color: #fff;
	  }
	  
	  .cp-list h3 {
		  text-align: center;
		  font-size: 52px;
		  padding: 80px 0 20px;
	  }
	  .cp-ul {
		 width: 82%;
		 min-width: 1250px;
		 max-width: 1920px;
		 margin: 50px auto 0px;
		 display: flex;
		 flex-wrap: wrap;
		 flex-direction: row;
		 align-content: flex-start;
	  }
	  
	  .cp-ul li {
		 float: none;
		 width: 23%;
		 padding: 10px 0px;
		 overflow: hidden;
		 box-sizing: border-box;
		 margin-bottom: 30px;
		 position: relative;
		 margin-right: 2%;
		  
	  }
	  .cp-ul li:nth-child(4n){
		 margin-right: 0;
		  
	  }
	  .cp-ul li a {
		  background: #fff;
	  }
	 
	  .cp-ul li a .b{
		 background-color: #f0f0f0;
		 padding: 10px 15px 10px;
	  }
	  .cp-ul li a .b strong{
		  font-size: 18px;
			  font-weight: bold;    height: 80px;display: block;
	  }
	  .cp-ul li a .b span {
		  display: block;
			  font-size: 13px;
	 height: 51px;
	 line-height: 1.6;
	 padding: 10px 10px 0;
	 color: #888;
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
	 -webkit-line-clamp: 2;
	 overflow: hidden;
	 display: none;
	  }
	  
	  .cp-ul li a .b strong::after{
		   content: '';
		   display: block;
		   width: 15px;
		   height: 3px;
		   background: #d61518;
		   margin: 10px auto;
	   }
	   .cp-ul li a .b p{
		   font-size: 18px;
		   
	   }
	  .cp-ul li a{
		   display: block;
		   text-align: center;
		   position: relative;
		 overflow: hidden;
	   }
	   /* .cp-ul li a::before{
		   content: '';
		   display: block;
		   position: absolute;
		   top: -30px;
		   left: 0;
		   width: 100%;
		   height: 320px;
		   z-index: 7;
		   
		   opacity: 0;
		   background:  url('../image/f3-a.png') no-repeat center;
		   background-size: contain;
		   -webkit-transition:all 0.5s ease;
				   transition:all 0.5s ease; 
	   }
		.cp-ul li:hover a::before{
			opacity: 1;
		} */
	   .cp-ul li a img{
		   display: block;
		   width: 90%;
		   transform: scale(1.1);
		   margin: 0 auto;
		   -webkit-transition:all 0.3s ease;
		   transition:all 0.3s ease; 
		   margin: 0 auto 20px;
	   }
	   .cp-ul li a:hover img {
		   opacity: .9; 
		   transform: scale(0.95);
	   }
 
	   .cp-ul li .quick-view {
		 width: 90%;
		 background: #d61518;
		 color: #fff;
		 padding: 8px 10px 7px 10px;
		 position: absolute;
		 bottom: -60px;
		 left: 50%;
		 transform: translateX(-50%);
		 z-index: 2;
		 -webkit-transition: all 0.4s ease;
		 transition: all 0.4s ease;
	 }
	 .cp-ul li:hover .quick-view {
		 bottom: 20px;
	 }
	 .cp-ul li .quick-view a {
		 background: none;
		 color: #fff;
	 }
	 .cp-ul li:hover .quick-view a {
		 box-shadow:none;
	 }
	 .cp-ul li .quick-view a span {
		 font-size: 16px;
		 /* background: url(../image/view.png) no-repeat left 1px;
		 background-size: 20px;
		 padding-left: 28px; */
	 }
	 .no-display {display: none;}
	   
	   .see-a {
		   margin: 50px auto 80px;
		   width: 300px;
		   height: 40px;
	   }
	   .see-a a {
		   display: block;
			   width: 300px;
			   height: 50px;
			   line-height: 50px;
			   text-align: center;
			   border: 1px solid #aaa;
			   border-radius: 30px;
			   color: #d61518;
			   font-size: 16px;
			   text-transform: uppercase;
			   padding-right: 20px;
			   text-indent: -20px;
			   background: url(../image/right-circle3.png) no-repeat 220px 7px;
			   background-size: 40px;
	   }
	   .see-a a:hover { 
		   border: 1px solid #fff;
		   color: #fff;
		   background: #d61518 url(../image/right-circle2.png) no-repeat 220px 7px;
			 background-size: 40px;
	   }
	   .bg-n1 {
		   position: relative;
	   }
	   
	   .bg-n1,
	   .bg-n1:before
	   {
	   -webkit-transition:all 0.5s ease;
	   transition:all 0.5s ease;  }
	   
	   .n-body.master_hide .bg-n1{
		   height: 60vh;
			   position: relative;
	   }
 
	   
	   .n-body.master_hide .bg-n1:before {
		   
	   }
	   #nav {
	   display: block;
		   position: fixed;
			
		   left: 50px;
		   z-index: 9; 
		   margin: auto 0;
		   /* will-change: auto; */
		   cursor: pointer;
	   
	   }
	   
	   .cp-a1 {
		   /*padding-top: 77px;*/
	   }
			 .cp-a1 .wbox {
				 background-repeat: no-repeat;
				 background-position: center;
				 background-size: cover;
				 max-width: 100%;
			 }
			  .cp-a1 .wbox .bg{
				  background: rgb(0 0 0 / 60%);
			  background: linear-gradient(to top left,rgb(0 0 0 / 56%),#d61518f7);	
				  padding: 150px 80px 180px;
				  color: #fff;
			 min-height: 100vh;
			  }
			   .cp-a1 h1 {
				   font-size: 62px;
				   font-weight: normal;
				   font-style: normal;
			   }
				.cp-a1 p {
					font-size: 16px;
					padding-top: 15px;
					color: #fff;
					opacity: 0.9;
				 max-width: 1440px;
				 margin: 0 auto;
				}
				
				.cp-a1 h1::before {
				   content: '';
				   display: block;
				   width: 40px;
				   height: 6px;
				   background: #fff;
				   margin-bottom: 10px;
			   }
			   .cp-a1 .pdf-d,
			   .cp-a3 .pdf-d
				{
				   margin-top: 80px;
				   border: 1px solid #fff;
				   height: 44px;
				   line-height: 42px;
				   text-align: center;
				   background:  url('../image/down4.png') no-repeat 30px center;
				   background-size: 32px;
				   text-indent: 36px;
				   color: #fff;
				   width: 220px;
				   display: block;
				   font-size: 16px;
				   border-radius: 50px;
				   text-transform: uppercase;
				   float: left;
			   }
			   .cp-a1 .pdf-d.d2 {
				   background:  url('../image/back2.png') no-repeat 30px center;
				   background-size: 24px;
				   text-indent: 13px;
				   margin-left: 40px;
				   width: 180px;
			   }
			   .cp-a1 .pdf-d:hover {
				   background-color: #d61518; border: 1px solid #d61518;
			   }
			   .cp-a3 .pdf-d {
				   border: 1px solid #d61518;
				   color: #d61518;
				   margin-top: 60px;
				   background:  url('../image/down4-c.png') no-repeat 30px center;
					   background-size: 32px;
			   }
			   
			   .cp-a1 h2 {
					   font-size: 34px;
					   font-weight: normal;
			   }
			   .cp-n .stop{
		   /*background: #000;*/
	   }
	   .cp-a2 {
		
		   padding: 0px 0;
	   }
	   .cp-a2 .f3 li img{
		   width: 100%;
		   display: block;
	   }
	   .cp-a2 .f3 li span {
		   text-align: center;
		   display: block;
		   font-size: 16px;
		   color: #d61518;
		   letter-spacing: 2px;
	   }
	   
	   .cp-a2 .f3 {
		   padding: 1px 0px;
			   background: #ccc;
	   }
	   /* .cp-a2 {
		   background: #fff;
	   } */
	   
	   .cp-a2 .wbox {
			padding: 0 80px;
			font-size: 16px;
			padding-top: 50px;
		}
		
		.cp-a2 .f3 li{
		   float: left;
		   width: 33.30%;
		   padding: 50px 0;
		   margin-right: 0.05%;
		   background: #fff;
	   }
	   .cp-a2 .f3 li:first-child {
		   margin-left: 0;
	   }
	   .cp-a2 .f3 li:last-child {
		   margin-right: 0;
	   }
	   .cp-n h3 {
		   font-size: 34px;
		   line-height: 1.5;
		   margin-bottom: 30px;
		   color: #d61518;
	   }
		.cp-n h3 span{
			display: block;
			font-size: 16px;
			color: #666;
			font-weight: normal;
			font-style: normal;
		}
	   .cp-a2 .fl1{
		   float: none;
			margin-bottom: 60px;
			padding-bottom: 60px;
			border-bottom: 0px solid #ccc;
	   }
	   .cp-a2 .rt1{
		   float: none; 
		   margin-bottom: 60px;
				padding-bottom: 20px;
				border-bottom: 1px solid #ccc;
	   }
	   .cp-a2 .rt1 li{
		   display: block;
		   margin-bottom: 50px;
		   float: left;
			width: 25%;
			
	   }
	   .cp-a2 .rt1 ul {
		   padding-top: 20px;
	   }
	   
	   .cp-a2 .rt1 ul ul{
		   padding-top: 0px;width: 100%!important;
	   }
	   .cp-a2 .rt1 li li{
		   float: none;
		   width: 100%;
		   margin-bottom: 0;
	   }
	  .cp-a2 .rt1 li li p{
		  display: initial;
	  } 
	   
	   .cp-a2 .rt1 li span::before,
	   .cp-a2 .rt1 li li::before
	   {
		   content: '';
		   display: inline-block;
		   width: 10px;
		   height: 10px;
		   background: #d61518;
		   border-radius: 3px;
		   margin-right: 10px;
		   transform: translateY(-2px);
	   }
	   .cp-a2 .rt1 li span,
		.cp-a2 .rt1 li li 
	   {
		   padding-right: 50px;
		   display: block;
		   margin-bottom: 20px;
	   }
	   .cp-a2 .rt1 li strong{
		   display: block;
		   font-size: 22px;
		   padding-bottom: 20px;
	   }
	   .cp-a3 {
	   padding: 0px 80px 100px;	
	   background: #fff;
	   }
	   .cp-a3::after {
		   content: ".";
			   display: block;
			   height: 0;
			   clear: both;
			   visibility: hidden;
	   }
	   .cp-a3 .wbox {
		   width: 30%;
		   float: left;
	   }
	   
	   .cp-a3 .table {
		   float: right;
		   width: 70%;
		   height: 700px;
		   overflow: scroll;
		   background: #fff;
		   border: 0px solid #ccc;
	   }
	   
	   .cp-a3 .table table{
		   width: 100%!important;
		 
	   }
	   .cp-a3 .table td {
		   line-height: 2;
		   height: 120px;
		   padding: 10px 0!important;
		   border: 1px solid #cfcfcf;
		   border-top: 0; 
		   border-left: 0;
		   font-size: 16px;
		   padding-left: 50px; vertical-align: middle;
	   background: none!important;
	   border: 0px solid #333!important;
	   }
	   
	   .cp-a3 .table tr:last-child {
		   border-bottom: 0;
	   }
	   
	   .cp-a3 .table td:first-child{
		   width: 50%!important;border-right: 0;
		   color: #666;font-weight: normal;
		   font-size: 18px;
		   text-align: left;
	   }
	   .cp-a3 .table td:nth-child(2) {
		   width: 50%!important;
		   border-right: 0;
		   border-left: 0;
		   color: #222;
		   font-weight: normal;
		   font-size: 18px;
		   text-align: right;
		   padding-right: 150px;
	   }
	   
	   
 
	   
	   
	   
	   
	   
	   
	   .cp-a2 .rt1 li .img {
		   border: 1px solid #888;
		   padding: 40px;
		   text-align: center;
		   border-radius: 50%;
		   margin-bottom: 20px;
		   width: 50px;
			   height: 55px;
			   display: block;
	   }
	   
	   
	   .cp-a4 {
				width: 92%;
					min-width: 1250px;
					max-width: 1920px;
					margin: 80px auto 80px;
			}
			
			.cp-a4 li {
				float: left;
				width: 25%;
				padding: 10px 15px;
				overflow: hidden;
				box-sizing: border-box;
				margin-bottom: 30px;
				
			}
			.cp-a4 li:first-child {
			 padding-left: 0;
			 
		 }
			.cp-a4 li:first-child,
			 .cp-a4 li:nth-child(n5)
			 {
				padding-left: 0;
			}
			
			.cp-a4 li a {
				background: #fff;
			}
			.cp-a4 li:hover a {
				box-shadow: 0px 0px 7px 6px #ddd;
			}
			.cp-a4 li a .b{
				padding: 10px 15px 30px;
			}
			.cp-a4 li a .b strong{
			 font-size: 16px;
			 font-weight: bold;
			 line-height: 20px;
			}
		   .cp-a4 li a .b span {
				display: block;
				font-size: 13px;
				height: 70px;
				line-height: 1.6;
				padding: 10px 10px 0;color: #888;display: none;
			}
			
		   .cp-a4 li a .b strong::after{
				 content: '';
				 display: block;
				 width: 20px;
				 height: 4px;
				 background: #d61518;
				 margin: 10px auto;
			 }
			 .cp-a4 li a .b p{
				 font-size: 15px;
				 
			 }
			.cp-a4 li a{
				 display: block;
				 text-align: center;
			 }
			 .cp-a4 li a img{
				 display: block;
				 width: 80%;
				 margin: 0 auto;
				 padding-top: 20px;
				 -webkit-transition:all 0.3s ease;
				 transition:all 0.3s ease; 
			 }
			 .cp-a4 li a:hover img {
				 opacity: .8;
			 }
	   
	   
	   .img.icon1 {
		   background:  url('../image/icon1.png') no-repeat center;
		   background-size: 40px;
		   
	   }
	   .img.icon2 {
		   background:  url('../image/icon2.png') no-repeat center;
		   background-size: 25px;
			
	   }
	   .img.icon3 {
		   background:  url('../image/icon3.png') no-repeat center;
		   background-size: 40px;
			
	   }
	   .img.icon4 {
		   background:  url('../image/icon4.png') no-repeat center;
		   background-size: 40px;
			
	   }
	   
	   
	   .ab-2 .li{
		   width: 33.333%;
		   height: 500px; 
			   text-align: left; 
			   color: #fff;
			   float: left;
			   background: url(../image/20.jpg) no-repeat center fixed;
					   background-size: cover;
	   }
	   .ab-2 .li.a{
		   /*background: url(/css/19.jpg) no-repeat center fixed;
			   background-size: cover;*/
			   border-right: 1px solid #5d5a5a47; 
	   }
	   .ab-2 .li.b{
		   /*background: url(/css/19.jpg) no-repeat center fixed;
			   background-size: cover;*/
				border-right: 1px solid #5d5a5a47; 
	   }
	   .ab-2 .li.c{
		   /*background: url(/css/19.jpg) no-repeat center fixed;
			   background-size: cover; */
	   }
		.ab-2 .li .pr{
			z-index: 2;
			height: 100%;
			padding: 200px 20px 100px 30%; 
			background: rgb(0 0 0 / 40%);
		}
		.ab-2 .li b {
			background: url('../image/mission.png') no-repeat left top;
			padding-top:75px;
			background-size: 45px; 
		 font-size: 28px;
		 font-weight: bold;
		}
		.ab-2 .li.b b {
			background: url('../image/vision.png') no-repeat left top; 
				background-size: 50px; 
		}
		.ab-2 .li.c b {
			background: url('../image/vision2.png') no-repeat left top; 
				background-size: 50px; 
		}
		.ab-2 .li p { 
				font-size: 20px;
				padding-top: 20px;
				line-height: 1.6;
		}
		
		
		
		
		.honor-page {
			padding: 40px 0px 0px;
			position: relative;
			bottom: 0;
			background-size: 500px;
		}
		.honor-page .honor-list {
			width: 80%;
			margin: 0 auto;
			padding-bottom: 0px;
			 padding-top: 5px;
			 box-sizing: border-box;
		}
	 .honor-list .items {
		 float: left;
		 width: 23%;
		 margin-left: 2.6666666667%;
		 color: #4c4c4c;
		 margin-top: 30px;
	 }
	 .honor-list .items:nth-child(4n+1) {margin-left: 0%;}
	 .honor-list .items .images {
		 padding-bottom: 70px;
		 text-align: center;
		 margin-bottom: 5px;
		 box-sizing: border-box;
		 position: relative;
		 padding-bottom: 70px;
	 }
	 .honor-list .items .images .img {
		 position: relative;
	 }
	 .honor-list .op {
		 opacity: 0;
	 }
	 .honor-list .img .i {
		 display: inline-block;
		 max-height: 100%;
		 max-width: 95%;
		 z-index: 4;
		 position: absolute;
		 left: 0;
		 right: 0;
		 top: 0;
		 bottom: 0;
		 margin: auto;
	 }
	 .honor-list .items .images:after {
		 position: absolute;
		 content: "";
		 width: 100%;
		 height: 70px;
		 bottom: 5px;
		 left: 0;
		 background: url(../image/i2.png) no-repeat center;
		 background-size: 100%;
		 height: 70px;
		 bottom: 5px;
	 }
	 .honor-list .items .span {
		 font-size: 16px;
	 margin: 0 auto;
	 padding-bottom: 15px;
	 border-bottom: 1px dashed #959595;
	 padding-right: 35px;
	 box-sizing: border-box;
	 position: relative;
	 color: #4c4c4c;
	 }
	 .honor-list .items .span span {
		 width: 100%;
		 height: 100%;
		 display: -webkit-box;
		 -webkit-box-orient: vertical;
		 -webkit-line-clamp: 1;
		 overflow: hidden;
		 display: block;
		 height: 20px;
		 line-height: 20px;
		 text-align: center;
	 }
	   
		
		.honor-page .fenye ul{
			margin-right: 0;
			text-align: center;
			width: 100%;
			float: none;
		}
 
		.news-list-n {
			padding: 0 180px;
			margin: 0 auto;
		}
		
		.fenye {
			padding-bottom: 50px;
		}
		
		.fenye ul {
			   text-align: center;
			   padding-bottom: 50px;
			   color: #000;
			color: #666;
		   }
		   .fenye li {display: inline-block;margin-top:25px;}
		   
		   .fenye li a {
			 padding: 10px 18px;
			   border: 1px solid #aaa;
			   background: #FFF;
			   color: #000;
			   line-height: 20px;
			   font-size: 14px;
			 box-sizing: border-box;
		   }
		   .fenye li .page-num-current {
			 border: 1px solid #d61518;
			 background: #d61518;
			 color: #fff;
		   }
		   .fenye li a:hover,
		   .fenye li.active a {
		 
			   border: 1px solid #d61518;
			   background: #d61518;
			   color: #fff;
		   }
		   
		   .fenye .thisclass a {
			   display:block;
			   color: #fff;
		 
			   
			   border: 1px solid #2c3665;
			   background: #2c3665;
			   color: #fff;
		   }
		   .fenye .pageinfo {display:none}
		   
		   
		   
		   .article_page {
			   padding: 6% 0 0;
			   position: relative;
			   z-index: 2;
		   }
		   .article_page .w90 {
			   display: flex;
			   flex-wrap: wrap;
			   align-items: flex-start;
			   justify-content: space-between;
			   position: relative;
		   }
		   .article_page .left-body {
			   width: 60%;
		   }
		   
		   
		   .article_page .left-body h1 {
			   font-size: 30px;
				   color: #d61518;
				   padding-bottom: 20px;
		   }
		   .article_page .left-body .article-date {
			   color: #555;
			   font-size: 15px;
			   border-bottom: 1px solid #ccc;
			   padding-bottom: 10px;
			   margin-bottom: 30px;
		   }
		   .article_page .left-body .content {
			   line-height: 2;
			   font-size: 16px;
			   padding-bottom: 100px;
			   text-align:justify
		   }
		   .article_page .left-body .content table {width: 100%;}
		   .article_page .left-body .content table td {vertical-align: middle; }
		   .article_page .left-body .content table td span {
			   display: block;
			   font-family: Montserrat-Medium, source-han-sans-simplified-c, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif !important;
		   }
		   .article_page .left-body .content a:hover {
			   color: #333;
			   text-decoration: underline;
		   }
		   
		   .article_page .left-body .content strong span,
		   .article_page .left-body .content strong {font-weight:bold}
		   .article_page .left-body .content em {
			   font-style: italic;
			   border-left: 1px solid #002d74;
			   padding-left: 10px;
			   display: block;
		   }
		   
		   .article_page .left-body .content video{
			   width: 100%;
				   height: 100%;
				   vertical-align: middle;
				
				   z-index: 999;
				   padding: 0;
				   top: 0;
		   }
		   
		   .article_page .left-body .content img {max-width: 100%;}
		   .article_page .right-fix {	
			   width: 25%;
			   background: #fff;
			   padding: 2%;
			   position:absolute;
		   }
		   #sidebar.fixed {position:fixed;top: 100px !important;}
		   .article_page .right-fix .prev {margin-bottom: 20px;}
		   .article_page .right-fix .next {
			   border-bottom: 1px solid #ccc;
			   padding-bottom: 20px;
			   margin-bottom: 20px;
		   }
		   .article_page .right-fix a {
			   font-size: 16px;
		   }
		   .article_page .right-fix a:hover {color: #002d74;}
		   .article_page .right-fix .return a {
			   color: #002d74;
			   background: url() no-repeat right;
			   background-size: 20px;
			   padding-right: 25px;
		   }
		   .article_page .right-fix .return a:hover {
			   padding-right: 33px;
		   }
		   
		   
		   .cont-1 .wbox .a,
		   .cont-1 .wbox .c
		   {
			   padding: 120px 0px 50px;
			   max-width: 1200px;
			   margin: 0 auto;
		   }
		   /* .cont-1 .wbox .a {
			   background: #fff;
			   padding: 100px 120px 60px 60px;
		   } */
		   
		   .cont-1 .wbox .c
		   {
			padding-top: 20px;
			   width: 1250px;
			   max-width: 100%;
			   padding-left: 20px;
			   padding-bottom: 100px;
		   }
		   .cont-1 .wbox .c .li {
			   width: 590px;
			   float: left;
		   }
		   .cont-1 .wbox .c .li .img img{
			   width: 80%;
			   display: block;
			   margin: 0 auto;
		   }
		   .cont-1 .wbox .c .li h4{
			   text-indent: 0px;
			   font-size: 18px;
			   text-align: center;
			   padding-bottom: 15px;
			   display: block;
		   }
		   .cont-1 .wbox .c ul {
			   padding-top: 50px;
			   width: 80%;
			   margin: 0 auto;
		   }
		   .cont-1 .wbox .c .li{
			   background: #fff;
			   padding: 30px 0 0;
			   margin-right: 20px;
			   height: 555px;
		   }
		   .cont-1 .wbox .a .fl{
			   font-size: 30px;
			 width: 40%;
			 line-height: 30px;
		   }
		   .cont-1 .wbox .a .fl span{
			 font-size: 16px;
			 margin-top: 30px;
			 line-height: 20px;
		 }
		   .cont-1 .wbox .a .fl::after{
			   content: '';
			   display: block;
			   width: 25px;
			   height: 4px;
			   background: #d61518;
			   margin: 10px 0 0;
		   }
		   .cont-1 .wbox .a .rt li,
		   .cont-1 .wbox .c .li li
		   {
			font-size: 18px;
			   background-size: 32px;
				  background-position: 0px 0px;
				  background-repeat: no-repeat;
				  padding-left: 50px;
				  padding-bottom: 20px;
				  border-bottom: 1px solid #cfcfcf;
				  margin-bottom: 20px;
		   }
		   .cont-1 .wbox .c .li li {
			   font-size: 16px;
			   padding-left: 35px;
			   background-size: 25px!important;
		   }
		   
		   .cont-1 .wbox .a .rt li.add,
			.cont-1 .wbox .c .li .add
			{
					background-image: url(../image/add-2.png);
					background-size: 32px;
			} 
			.cont-1 .wbox .a .rt li.tel,
			.cont-1 .wbox .c .li .tel
			{
					background-image: url(../image/tel-2.png);
					background-size: 32px;
			} 
			.cont-1 .wbox .a .rt li.tel{
				font-size: 16px;
			}
			.cont-1 .wbox .a .rt li.tel b{
				 font-size: 20px;    padding-right: 4px;
			}
			.cont-1 .wbox .a .rt li.mail{
					background-image: url(../image/mail-2.png);
					background-size: 30px;
			} 
		   .map #container {
			   height: 600px;
			   
		   }
		   .map {
			   height: 550px;
			   overflow: hidden;
			   margin: 0px auto 30px;
			   width: 1200px; 
			   border: 0px solid #ccc;
		   }
		   
		   .sol1 h3{
			   text-align: center;
	 font-size: 52px;
	 padding: 20px 0 50px;
		   }
		   .sol1 .img {
			   width: 80%;
			   display: block;
			   margin: 0 auto;
			   padding: 0 100px 50px;
			   background: #fff;
		   }
		   .sol1 .p {
			   padding: 50px 100px 0;
	 font-size: 16px; 	background: #fff;
	 width: 80%; 	margin: 0 auto;
		   }
		   .sol1 .ul {
			   margin-bottom: 50px;
		   }
		   .sol1 .li {
			   width: 31.333%;
			   float: left;
			   margin: 0 1%;
			   padding: 50px 0;
			   text-align: center;
			   background: #efefef;
			   font-size: 16px;
			   border-radius: 10px;
		   }
		   .sol1 .li b{
			   font-size: 36px;
				   color: #0e57a7;
				   display: block;
		   } 
		   
		   
		   
		   @media screen and (min-width:1681px) {
	  
 }
 
 @media screen and (max-width:1680px) {
  .cp-ul li a::before {
	  top: -50px;
	  }
 }
 
 @media screen and (max-width:1440px) {
	 .footer .ul ul {width: 600px;}
   .cp-ul li a::before {
	  top: -70px;
	  }
	 .menu1 li .down3 .ul3 {
		 
	 }
	 .menu1 li .down3 {
 
	 /*padding: 40px 30px 0px;*/
 }
	 .menu1 li .down3 .ul .i {
		 margin-top: 25px;
	 }
	 .master_hide #headers .menu1 .down3 a.b {
		 /*height: 20px;*/
		 /*    line-height: 20px;*/
	 }
	  
	 .master_hide #headers .menu1 .down3 a.t {
		 margin-bottom: 10px;
	 }
	 .menu1 li .down1 .ul .i {
		 margin-top: 15px;
	 }
	 .ms2 {
		 width: 1220px;
			 height: 640px;
	 }
		 .ms2 .pin1 {
  
	 top: 169px;
	 left: 28.2%;
 }
 .ms2 .pin2 {
   top: 169px;
	 right: 29.1%;
 }
 .ms2 .pin3 { 
	 top: 169px;
	 right: 9.1%;
 }
 }
 @media screen and (max-width:1367px) {
	 .footer .ul ul {width: 550px;}
	 .menu1 {width: 900px;}
	 .menu1 li .down3 {
 /*padding: 40px 30px 0px;*/
 }
	 .menu1 li .down3 .d {
		 /*padding-right: 3%;*/
		 /*padding-left: 1%;*/
		 
	 }
 
	 .menu1 li{padding: 5px 5px 0 5px;}
 
 
 
 
 
 }
 
 @media screen and (max-width:1300px) {
 
	 .menu1 {
		 width: 730px;
	 }
 
	 .menu1 li.xial {
		 padding-right:10px;}
	 .menu1 li {
		 padding: 5px 5px 0 5px;
	 }
	 .footer .ul {
		 padding-left: 20px;
	 }
	 .footer .ul li {
		 padding-right: 50px;
	 }
	 /* .footer .rt {
		 width: 350px;
	 } */
	.menu1 li .down3 .d-l {
		 display: none;
	 }
	 .menu1 li .down3 .ul .i a.t2,
	 .master_hide #headers .menu1 li a.t2
	  {
		 display: block;
	 }
	 .menu1 li .down .ul .i {
		 margin-top: 0px;
	 }
 }
 
 
 
 
		   
  .ms2 {
	 background: url(../image/step.jpg) no-repeat center top;
   background-size: 100%;
   width: 98%;
   height: 940px;
   max-width: 1600px;
 }
 .ms2:before {
   content: 'Smart Connect Home and the World';
   display: block;
   position: absolute;
   top: 80px;
   left: 50%;
   width: 100%;
   font-size: 42px;
   opacity: 1;
   transform: translateX(-50%);
   font-weight: bold;font-family: Montserrat-bold;
 }
 .ms2:after {
 content: '';
 display: block;
 width: 100px;
 height: 5px;
 background: url(../image/1-2.png) no-repeat center; 
 background-size: 100px;
 position: absolute;
 top: 165px;
 left: 50%;
   transform: translateX(-50%);
 }
 
 /* .s2 {
 padding: 200px 50px;
 } */
 .ms2 .pin4 {
	  top: 83%;
 left: 37.5%;
   right: auto;
 }
 .ms2 .pin5 {
 top: 52%;
 left: 26%;
 }
 .ms2 .pin3 { 
 top: 83%;
 right: 29.5%;
 }
 div.ms2 .pin1 {
 top: 51%;
 right: 16.2%;
 left: auto;
 }
 div.ms2 .pin2 {
 top: 27%;
 right: 10%;eft: auto;
 }
 .ms2 .pin span {
 display: block;
 width: 25px;
 height: 25px;
 margin-top: 2px;
 margin-left: 2px;
 }
 
 
 
 
 @media screen and (max-width:1680px) {
 .ms2 {
 height: 870px;
 max-width: 1500px;
 }
 }
 @media screen and (max-width:1520px) {
 .ms2 {
 
 height: 820px;
 max-width: 1400px;
 }
 .honor-page .honor-list {width: 88%;}
 
 
 }
 @media screen and (max-width:1440px) {
 div.ms2 {
 
 height: 720px;
 max-width: 1350px;
 }
 div.ms2 .pin1 {
 top: 51%;
 right: 16.2%;
 left: auto;
 }
 div.ms2 .pin2 {
 top: 27%;
 right: 10%;left: auto;
 }
 }
 @media screen and (max-width:1280px) {
 div.ms2 {
 
 height: 720px;
 max-width: 1200px;
 }
 }
 /*202311*/
 
 .gs-title {
	 text-align: center;
	 padding-bottom: 30px;
	 text-align: center;
	 padding-top: 40px;
 }
 .gs-title h2 {
	 font-size: 58px;
 }
 .gs-title p {
	 padding: 20px 100px;
	 font-size: 20px;
 }
 
 .home-ab-3 .tan-v {
	 position: absolute;
	 top: 180px;
	 left: 0;
	 margin-top: 20px;
 }
 .home-ab-3 {height: 800px;}
 .home-ab-3 h2 {
	 color: #999;
	 padding: 8rem 0 8rem 0;
	 text-align: center;
	 font-size: 80px;
	 line-height: 90px;
	 font-weight: bold;
	 font-style: oblique;
 }
 
 .home-ab-3 .wailian {
	 display: flex;
	 width: 40%;
	 margin: 0 auto;
	 text-align: center;
	 justify-content: space-evenly;
 }
 
 .home-ab-3 img {
	 height: 80px;
	 opacity: .9;
 }
 
 .home-s5 {
	 padding: 50px 80px 200px 80px;
 }
 .home-s5 {
	 background: #000 url(../image/home-e2.jpg) no-repeat 75% center;
	 background-size: cover;
 }
 .wbox {
	 max-width: 100%;
 }
 .about-main2 .licheng-bg img {
	 width: 100vw;
 }
 
 
 
 
 
 
 
 /*手机端*/
 @media screen and (max-width:1023px) {
   
   .menu1,
   .stop .leng,
   .s2-kh::before,
   .s2-kh::after,
   .bg-n1 h2::after,
   .bg-n1 h2::before
	{
	   display: none;
   }
   .wbox,
   .honor-page .honor-list
	{
	   width: 100%;
   }
   .master_hide #headers,
   .stop,
   .bg-n1.cp-bg1 h2
	{
	   width: 100%;
	   padding: 0 20px;
  
   }
   .stop .logo a {
	   width: 150px;
	   background-size: 150px;
   }
   .s1 .c1,
   .s1 .c2
	{
	   height: auto;
	 line-height: 2;
	 margin-bottom: 0;
   }
   .s1 .c .span, .s1 .c h2 {
	   font-size: 1.5rem;
   }
   .s1 .c h2 {
	   font-size: 2rem;
   }
   .s1,
   .bg-n1.abbg,
   .bg-n1
	{
	   height: 500px;
   }
   .soll {
	   right: 35%;
	   bottom: 40px;
   }
   .s1 .b {
	   width: 40%;
	   height: 50%;
	   display: none;
   }
   .s2-kh h2,
   .s3 h3,
   .ab-1 h3
	{
	 font-size: 28px;text-align: left;
 }
   .s2,
   .s3,
   .footer,
   .s5,
   .honor-page,
   .cp-a3
   
	{
	   padding: 40px 20px 20px;
   }
   .s2 br {
	   display: none;
   }
   .s2-kh p {
	 padding: 20px 0px;
	 font-size: 16px;
	 width: 100%;
	 margin: 0 auto;
	 text-align: left;
	 color: #ccc;
 }
 .ms2 {
	 display: none;
 }
 .a3-1 {
	 display: none;
 }
 .s3 .s-cp li {
	 height: 250px;
 }
 .s3 .s-cp li span {
  
	 margin-top:25px;
	 margin-left: 15px;
	 padding-left: 15px;
 }
 .s3 .s-cp li.l3, .s3 .s-cp li.l4, .s3 .s-cp li.l5 {
		 width: 48%;
 }
 .s3 .s-cp li.l5 {
	 display: none;
 }
 .s3 .s-cp li:hover .bg {
	  background-size: 105%;
	 background-position: center bottom !important;
 }
 .img-bg,
 .s7 .wbox .img,
 .s7 .f3 ul,
 .ab-1 .jj,
 .ab-1 .jj .f
  {
	 width: 100%;
 }
 .s7 .wbox .img-bg {
	 background: url(../image/04.jpg) no-repeat center;
	 width: 90%;
	 height: 200px;
	 background-size: 100%;
	 margin: 0 auto;
	 transform: translateX(0px);
 }
 .s7 .f3 li {
  
	 width: 30%;
	 margin: 0 1%;
	 font-size: 13px;
	 border-bottom: 2px solid #d61518;
 }
 .s7 .f3 span {
	 font-size: 14px;
	 color: #fff;
	 padding-right: 0px;    display: block;
 }
 .s7 .f3 span b {
	 display: inline-block;
 }
 .s7 .wbox .img,
 .s7 .wbox .pa,
 .footer .wbox,
 .foot2 .rt,
 .footer::after,
 .bg-n1 .n-mu a::before,
 .ab-1 .ul2 ul li::before 
  {
	 display: none;
 }
  .foot2 {
	  color: #999;
	 text-align: center;
	height: auto; 
	 line-height: 2; 
	 padding: 0 0px;
	 overflow: hidden;
	 font-size: 12px;
	margin-top: 20px; 
	 position: relative;
	 z-index: 2;
	 padding-bottom: 10px;
 }
  .footer .foot2 .wbox {
	  display: block;
  }
 .footer {
	 padding-top: 20px;
	 background: #222;
 }
 
 #nav {
	 top: 70px;left: 20px;opacity:0
 }
 .bg-n1 .n-mu li {
	 display: inline-block;
 }
 .bg-n1 {
	 background-position: center!important;
 }
 .bg-n1 .n-mu a {
	 color: #fff;padding: 0 5px;
	 background: #666;
 }
 .ab-1 .jj {
	 padding: 20px 20px;
 }
 .ab-1 .jj .f 
  {
	 padding-left: 20px;
 }
 .ab-1 .jj .fl {
	 padding-left: 0;
	 padding-bottom: 20px;
	 padding-top: 20px;
 }
 .bg-n1 .n-mu .on a::before, .bg-n1 .n-mu .current a::before {
	 display: none;
 }
 .ab-1 .c {
	 padding-left: 0;
	 padding-bottom: 20px;
	 padding-top: 20px;
 }
 .ab-1 .jj .fl,
 .ab-1 .jj .p
  {
	 float: none;
	 width: 100%;
 }
 .ab-1 .jj .p {
	 padding-right: 0px;
	 padding-bottom: 20px;
 }
 .ab-1 h3 {
	 padding: 0;
 }
 .ab-1 .jj .f1 strong {
	 font-size: 38px;
 }
 .ab-1 .jj .f1 strong em {
 font-size: 16px;
 }
 .ab-1 .jj .f {
	 margin-top: 20px;
 }
 .ab-1 .jj .f1 {
	 width: 25%;font-size: 14px;
 }
 .ab-1 .ul {
	 width: 90%;
	 margin: 50px auto 0;
	 box-shadow: none;
 }
 .ab-1 .pr2 {
	 padding-bottom: 50px;
 }
 .ab-1 .swiper-wrapper {
	 display: block;
	 text-align: center;
 }
 .ab-1 .ul li {
	 display: inline-block;
	 width: 45.3333%!important;
	 background: #fff;
	 height: auto;
	 cursor: pointer;
 }
 .ab-1 .ul2 ul li.l1,
 .ab-1 .ul2 ul li.l2,
 .ab-1 .ul2 ul li.l3,
 .ab-1 .ul2 ul li.l4,
 .ab-1 .ul2 ul li.l5
  {
	 left: 20px;
	 right: auto;
	 top: 0; 
 }
 .ab-1 .ul2 {
	 width: 100%;
	 left: 0%;
	 margin-left: 0px;
 }
 .ab-1 .ul2 ul li {
	 width: 90% !important;
	 height: auto;
	 padding:  20px;
 }
 .ab-1 .ul2 ul li img {
	 width: 200px;    float: none;
	 margin: 0 auto;
 }
 .ab-1 .ul2 ul li p {
	 float: none;
	 width: auto;
 }
 .ab-1 .ul li:last-child {
		 
 }
 
 .ab-2 .li p {
	 font-size: 22px;
 }
 .ab-2 .li p br {
	 display: none;width: 20px;
 }
 .ab-2 {
	 padding: 20px 0 ;
 }
 .ab-2 .li .pr {
	
	 padding: 110px 20px 20px 20px;
 }
 .ab-2 .li b {
	 background: url(../image/mission.png) no-repeat left top;
	 padding-top: 65px;
	 background-size: 35px;
 }
 .ab-2 {
	 background: url(../image/20.jpg) no-repeat center;
	 background-size: cover;
 }
 .ab-2 .li {
	 width: 100%;
	 height: auto;
		 background: none;
 }
 .ab-3 .about-main2 {
	 height: auto;
 }
 
 .ab-3 .about-main2 .licheng-bg {
	 padding: 0 20px;
 }
 
 .ab-3 .about-main2 .licheng-content {
	 position: relative;
 }
 .ab-3 .about-main2 .licheng-bg img {
	 display: none;
 }/*
 .ab-3 .about-main2 .licheng-content ul li {
	 width: 33.33%;
 }
 .ab-3 .about-main2 .licheng-content ul li.item1 a {
	 top: auto;
 }
 .ab-3 .about-main2 .licheng-content ul li.item2 a {
	 top: 210px;
 }
 .ab-3 .about-main2 .licheng-content ul li.item2 .line, .about-main2 .licheng-content ul li.item4 .line {
	 margin-top: 22px;
 }
 .ab-3 .about-main2 .licheng-content ul li.item3 a {
	 top: 0px;
 }
 .ab-3 .swiper-slide  {
	 display: block;
	 opacity: 0;
 }
 .ab-3 .swiper-slide.swiper-slide-visible.swiper-slide-active {
	 display: block;
	 opacity: 1;
 }
 .ab-3 .about-main2 .licheng-content ul li .line {
   
	 }
	 .ab-3 .about-main2 .licheng-content ul .item2 .lc-left {
  left: -40px;
 }
 .ab-3 .about-main2 .licheng-content ul li.item2 .lc-right {
		 bottom: 0px;    left: 0px;
 }
 .ab-3 .about-main2 .licheng-content ul .item3 .lc-left {
  left: -30px;
 }
 .ab-3 .about-main2 .licheng-content ul li.item3 .lc-right {
		 bottom: 10px;    left: 0px;
 }
 .ab-3 .about-main2 .licheng-content ul .item11 .lc-left {
  left: -30px;
 }
 .ab-3 .about-main2 .licheng-content ul .item12 .lc-left {
  left: -30px;
	 top: 120px;
 }
 .ab-3 .about-main2 .licheng-content ul li .lc-right {
	 width: 225px;
 }
 .ab-3 .about-main2 .licheng-content ul li.item11 .lc-right {
		 bottom: 0px;    left: 15px;
 }
 */
 .ab-3 .about-main2 .licheng-content ul li.item1 a,
 .ab-3 .about-main2 .licheng-content ul li.item2 a,
 .ab-3 .about-main2 .licheng-content ul li.item3 a,
 .ab-3 .about-main2 .licheng-content ul li.item4 a,
 .ab-3 .about-main2 .licheng-content ul li.item5 a,
 .ab-3 .about-main2 .licheng-content ul li.item4 .lc-right,
 .ab-3 .about-main2 .licheng-content ul li.item5 .lc-right
  {
	 top: auto;
	 width: auto;
	 left: auto;
 }
 .ab-3 .about-main2 .licheng-content ul li {
	 float: none;
	 margin-bottom: 40px;
 }
 .ab-3 .about-main2 .licheng-content ul li.item1 .lc-right
 {
 bottom: auto;
 width: auto;
 }
 .ab-3 .about-main2 .licheng-content ul li a,
 .ab-3 .about-main2 .licheng-content ul li,
 .ab-3 .about-main2 .licheng-content ul li.item2 .lc-right
 
  {
	 width: 100%;
	 height: auto;
	 top: auto;
 }
 .ab-3 .about-main2 .licheng-content ul li .lc-right .right-text {
	 padding: 10px 0 0;
 }
 .ab-3 .about-main2 .licheng-content ul li .lc-left {
	 position: relative;
	 float: left;
	 width: 70px;
 }
 .ab-3 .about-main2 .licheng-content ul li .line {
	 display: none;
 }
 .ab-3 .about-main2 .licheng-content ul li.item2 .lc-right,
 .ab-3 .about-main2 .licheng-content ul li.item1 .lc-right
  {
	 width: calc(100% - 70px);    top: 0;
 }
 .ab-3 .about-main2 .licheng-content ul li .lc-right {
	 width: 225px;
	 width: calc(100% - 70px);
	 float: left;
	 position: relative;
	 display: block;
	 left: auto!important;
	 bottom: auto!important;
	 margin-top: -12px;
 }
 .ab-3 .about-main2 .licheng-content .swiper-slide,
 .ab-3 .about-main2 .licheng-content .swiper-wrapper
  {
	 height: auto!important;
	 width: auto!important;
 }
 .ab-3 .about-main2 .swiper-wrapper {
	 display: block;
 }
 .ab-3 .lc-swiper-btn {
	 display: none;
 }
 .ab-3 .about-main2 .licheng-content .swiper-wrapper {
	 width: 100%;
 }
 .ab-3 .about-main2 .licheng-content .right-text h3 {
	 font-size: 20px;
 }
 .ab-3 .about-main2 .licheng-content ul li .date {
	 font-size: 18px;
 }
 .s5 .fl {
	 width: 100%;
	 float: none;
 }
 .s5 h3 b {
	 font-size: 28px;
 }
 .s5 p {
	 width: 100%;
	 padding: 0;
	 margin-bottom: 40px;
 }
 .s5 ul {
	 margin-top: 20px;
 }
 .s5 li {
	 width: 30%;
	 margin: 0 1% 10px;
 }
 .s5 li img {
	 width: 100%;
 }
 
 
 
 .honor-page {
	 padding: 20px 0;
 }
 
 
 
 .bg-n1 h2,
 .bg-n1.cp-bg1 h2
  {
			 font-size: 32px;
		 left: 0;
		 margin: 0 auto;
 }
 .bg-n1 h2 {
	 width: 100%;
 }
 .sol1 .p {
	 width: 100%;
	 padding: 20px 20px;
 }
 .cp-list h3 {
	 font-size: 34px;padding: 30px 0 30px;
 }
 .sol1 h3 {
	 font-size: 24px;
 }
 .cp-list .ul a {
	 margin-bottom: 20px;
	 width: 40%;
	 margin: 0 2% 20px;
 }
 .cp-ul {
	 min-width: 100%;    margin: 20px auto 0px;
 }
 .cp-list .ul {
  
	 margin: 0 auto 20px;
 }
 .cp-ul li {
	 width: 46%;margin: 0 1% 20px 2%;padding: 0px 1px 0;
 }
 .cp-ul li a{
	 padding:  20px 0 0;
 }
 .cp-ul li a .b span {
	  
 }
 div.cp-a1 h1 {
		 font-size: 2.5rem;
 }
 div.cp-a1 h2 {
	 font-size: 24px;
 }
 div.cp-a1 p {
	 font-size: 15px;
 }
 div.cp-a1 .wbox .bg {
	 padding: 150px 20px 100px; 
	 min-height: 100px;
	 height: 550px;
 }
 div.cp-a1 .wbox .bg {
	 background: url(../image/GJS-6007-3.jpg) no-repeat center 250px;
	 background-size: 460px;
 }
 body.master_hide .cp-a1 .wbox .bg {
	 background: url(../image/GJS-6007-3.jpg) no-repeat center 250px; 
	 background-size: 500px;
	 padding-top: 150px;
	 padding-bottom: 100px;
 }
 div.cp-a2 .wbox,
 .news-list-n
  {
	 padding: 0 20px;
	 font-size: 16px;
	 padding-top: 20px;
 }
 div.cp-a2 .fl1 {
	 padding-bottom: 20px;
	 margin-bottom: 20px;
	 border-bottom: 0;
 }
 div.cp-a2 .fl1 .rt {
	 width: 100%;
	 float: none;
	 background-image: none !important;
 }
 div.cp-a2 .fl1 .img {
	 width: 100%;
	 float: none;
		 height: 300px;
			 background-size: 400px!important;
 }
 div.cp-a2 .fl1 .rt {
	 height: auto;
	 padding: 40px 30px 40px;
 }
 body.cp-n h3 {
	 font-size: 26px;
	 margin-bottom: 20px;
	 padding-top:30px
 }
 body.cp-n h3 span {
	 font-size: 22px; 
	 margin-top: 10px;
	 margin-bottom: 10px;
 }
 div.cp-a2 .rt1 {
	 padding-top: 0;
	 margin-bottom: 0;
 }
 div.cp-a2 .rt1 li {
	 width: 100%;margin-bottom: 10px;
 }
 div.cp-a2 .rt1 li .img {
	 width: 100%;height: 150px;
		 background-size: cover!important;
 }
 div.cp-a2 .rt1 li li {
	 width: 100%;
	 padding-right: 0px;
 }
 div.cp-a3 .pdf-d {
	 float: none;
	 margin-top: 0px;
	 margin-bottom: 40px;
 }
 body.cp-n .cp-a3 h3 span {
	 padding-bottom: 20px;
 }
  body.cp-n .table tr {
	 width: 100%!important;
	 height: auto!important;
		 padding-top: 10px;
	 margin-bottom: 15px;
	 border-top: 1px solid #555;
 }
 body.cp-n .cp-a3 .table td:first-child {
	 float: left;
	 height: auto;
		 font-size: 15px;    width: 40%!important;
 }
 body.cp-n .cp-a3 .table td:nth-child(2) {
	 float: left;
	 height: auto;    width: 60%!important;
	 font-size: 15px!important;font-weight: normal;    padding-top: 10px!important;
 }
 body .cp-a3 .table td:nth-child(2) span {
 font-size: 15px!important;
 }
 body .cp-a3 .table table tbody {
	 border-bottom: 1px solid #555;
 }
 body .cp-a2 .fl1 .rt p,
 body .cp-a4 li a .b p
  {
	 font-size: 16px;
 }
 body .cp-a4 li a .b strong 
  {
	 font-size: 14px;
 }
 body.cp-n .cp-a4 {
	 padding: 0 20px;
	 min-width: 100%;    width: 100%;
	 margin: 20px auto 20px;
 }
 body .cp-a4 li a img {
	 display: block;
 width: 100%;
 }
 body.cp-n .cp-a4 li {
	 width: 49%;
	 padding: 10px 1%;
	 margin-bottom:0px
 }
 .sol1 .li b {
	 font-size: 26px;
	 color: #0e57a7;
	 display: block;
 }
 .sol1 .li {
	 height: 180px;
	 font-size: 14px;
	 padding: 30px 10px 20px;
 }
 .sol1 .img {
	 width: 100%;
		 padding: 0 10px 50px;
 }
 .s-news {
	 margin: 20px auto;
 }
 .s-news li.h {
	 width: 100%;
 }
 .s-news li.h .fl {
	 width: 100%;
	 float: none;
 }
 .s-news-faq li.h .fl {width:100%}
 
 
 .s-news li.h a {
	 padding: 20px 16px 12px;
 }
 .s-news li.h b {
	 font-size: 20px;
 }
 .s-news li.h em {
 color: #888;
 }
 .s-news li.h .rt {
	 width: 100%;
	 float: none;
	 height: auto;
 }
 .s-news li {
	 width: 49%;
	 margin-right: 1%;
	 margin-bottom: 20px;
 }
 .s-news li div {
	 height: 120px;
 }
 .s-news li b {
	 font-size: 16px;
 }
 .s-news li a {
	 padding: 10px;
 }
 .fenye {
	 padding-bottom: 20px;
 }
 .fenye li a {
  padding: 10px 10px;
 }
 #portamento_container {
	 display: none;
 }
 .article_page .left-body {
	 width: 100%;
 }
 .article_page {
	 padding: 90px 0 0;
 }
 .article_page .left-body h1 {
	 font-size: 24px;
 }
 .article_page .left-body .content {
	 line-height: 2;
	 font-size: 16px;
	 padding-bottom: 50px;
 }
 .article_page .left-body .content img {
	 max-width: 100%;
	 height: auto!important;
 }
 .cont-1 .wbox .a {
	 padding: 50px 20px 20px;
 }
 .cont-1 .wbox .a .fl,
 .cont-1 .wbox .a .rt
  {
	 float: none;
	 width: 100%;
 }
 .cont-1 .wbox .a .rt {
	 margin-top: 40px;
 }
 .cont-1 .wbox .a .fl {
	 font-size: 24px;
	 font-weight: bold;
 }
 .map {
	 width: 100%;
	 height: 400px;
 }
 .map #container {
	 height: 400px;
 }
 .cont-1 .wbox .c .li {
	 height: auto;
	 width: 95%;
	 margin-right: 0px;
 }
 .cont-1 .wbox .c .li li {
	 font-size: 15px;
 }
 
 body div.burger {
	 display: block;
 }
 .tan-v {
	 display: none;
 }
 .s2 .b3-bg {
	 right: -400px;
	 
 }
 .s2 .b2-bg {
	 display: none;
 }
 .s7 {
	 padding: 40px 0;
 }
 .s7 h3 {
	 font-size: 28px;
 }
 .s7 .f3 span b {
	 font-size: 24px;
 }
 .s7 .f3 {
	 margin-bottom: 30px;
 }
 .cp-a3 .table .biaoge{
	 width:100%!important
 }
 .cp-a3 .table .biaogetu{
	 display:none;
 }
 .master_hide #headers .logo,
 .stop .logo
  {
   
	 position: relative;
	 z-index: 999;
 }
 body .m-menu{
		 display: block;
 }
 .cp-a1 .cpbg img {
	 height: auto !important;
	 width: 100%;
 }
 .cpbg {display:none}
 .cp-a3 .table td p {
	 text-align: left !important;
 }
 .bolck .row {
	 background: #ffffff;
	 padding: 20px 20px;
	 width: 90%;
	 min-width: 10%;
	 max-width: 1920px;
	 margin: 0 auto;
 }
 .bolck .filter-tit {
	 font-weight: bold;
	 font-size: 16px;
	 margin-bottom: 10px;
	 display: block;
	 margin-right: 0;
	 width: auto;
 }
 .bolck .filter-cen {
	 display: block;
	 margin-bottom: 10px;
	 border-bottom: 1px solid #ccc;
	 padding-bottom: 10px;
 }
 .cp-ul li .quick-view {position:relative}
 div.cp-a1 p {
	 font-size: 15px;
	 width: 90%;
	 margin: 0 auto;
 }
 #fp-nav.right {display:none}
 .cp-ul li a .b p {
	 font-size: 16px;
 }
 .cp-ul li a .b strong {
	 font-size: 16px;
 }
 .n-body .soll {
	 right: 0;
	 width: 100%;
 }
 .ab-1 .video-1 {
	 width: 100%;
	 height: 400px;
 }
 .ab-1 .video-1 a p {
	 position: absolute;
	 top: 63%;
 }
 .about-main2 .licheng-content ul li.item1 .lc-right {
	 top: 0;
 }
 .cp-ul li .quick-view {bottom: 0;width:100%}
 .cp-ul li .quick-view a {padding-top:0}
 .cp-ul li a .b strong::after {display:none}
 .cp-ul li:hover .quick-view {bottom:0}
 .cp-n div.x, 
 .cp-n div.y, .cp-n div.z {background: #060606;}
 .cp-n .stop {
	 top: 0;
	 border-bottom: 1px solid #eee;
 }
 .m-duan {display:block !important}
 
 
 .s1 .c h2 { font-size: 1.5rem; }
 .s7 .f3 li {width: 20%;}
 
 .home-ab-3 h2 {
	 padding: 5rem 0 5rem 0;
	 font-size: 45px;
	 line-height: 55px;
 }
 .home-ab-3 .wailian {
	 width: 75%;
 }
 .home-ab-3 {height: 500px;}
 .s-news{
	 display: flex;
	 flex-wrap: wrap;
 }
 
 .s6 .wbox {
	 padding: 0 20px;
 }
 .s6 h3 {
	 font-size: 30px;
 }
 .s2-kh h2 {
	 font-size: 30px;
	 font-style: normal;
 }
 .ab-2 .li b {
	 font-size: 22px;
 }
 .ab-2 .li b {
	 font-size: 22px;
 }
 .ab-2 .li p {
	 font-size: 18px;
 }
 .ab-2 .li .pr {
	 padding: 90px 20px 20px 20px;
 }
 .s7 h3 {
	 font-size: 30px;
 }
 
 
 }
 
 .m-duan {display:none}
 
 
 
 
 
 
 
 
 
 
 
 
 