@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}