* {
	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-size: 15px;
	line-height: 1.5;
	font-family: 'Roboto', sans-serif,Source Han Sans CN,PingFangSC,PingFang SC-Semibold,Hiragino Sans GB,-apple-system,Segoe UI,Microsoft YaHei,"STSong","SimSun",Arial,sans-serif;
	background: #fff;
}

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

img {
	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: 'Roboto', sans-serif,-apple-system,Segoe UI,Source Han Sans CN,PingFangSC,PingFang SC-Semibold,Hiragino Sans GB,Microsoft YaHei,"STSong","SimSun",Arial,sans-serif;
}

.w100 {
	width: 100%;
}

.w90 {
	width: 90%;
	max-width: 1480px;
	margin: 0 auto;
}

.w90:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
}

.md {
	margin: 0 auto;
}

.fl {
	float: left;
}

.fr,.rt {
	float: right;
}

ul::after,
 .w90::after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after,
  .clear:after,
  hr::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

img {
	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;
}

.pt100 {
	padding-top: 100px;
}

.mt100 {
	margin-top: 100px;
}

.ft32 {
	font-size: 46px;
}

.ft32 {
	font-size: 26px;
}

.ft24,
.bt {
	font-size: 32px;
	line-height: 1.6;
	font-weight: normal;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ft18 {
	font-size: 18px;
}

.ft16 {
	font-size: 15px;
}

.ft14 {
	font-size: 15px;
}

.hui {
	background: #f5f5f5;
}

.hei {
	color: #000000;
}

.hui1 {
	color: #b3b3b3;
	/*
	*/
}

.hui2 {
	color: #999999;
	/*
	join-alink
	*/
}

.hui3 {
	color: #808080;
	/*alink*/
}

b {
	font-size: 22px;
}

p {
	font-size: 15px;
	line-height: 1.6;
}

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	z-index: 9999999;
	border-bottom: 0px solid #eee;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	 /* background: #fff;*/
 /*	background: #f5f5f5 url('../images/bg.jpg') no-repeat left top;*/
	background: linear-gradient(to bottom, rgb(0 0 0 / 15%), rgb(255 255 255 / 0%) 80%);
	border-bottom: 0px solid #ddd;
}

.index_main #header {
	background: none;
}

#header .logo {
	background: url(/images/logo.png) no-repeat left top;
	background-size: 220px;
	margin-top: 30px;
	height: 47px;
	margin-left: 3px;
	margin-bottom: 12px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.index_main #header .logo {
	background: url('/images/logo.png') no-repeat left top;
	background-size: 220px;
}

.index_main #header .rt {
	color: #fff;
}

#header .rt .so,
    #header .rt .lang,
	#header .rt .cont {
	float: left;
	margin-top: 65px;
	margin-left: 8px;
	width: 25px;
}

#header .rt .so {
	margin-bottom: 0;
}

#header:hover .rt .lang,
   .master_hide #header .rt .lang {
	color: #333;
}

#header .rt .so a {
	width: 30px;
	height: 40px;
	display: block;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#header .rt .cont {
	width: auto;
}

#header .rt .cont a {
	border: 1px solid #eee;
	color: #fff;
	padding: 8px 12px;
	font-size: 13px;
	border-radius: 20px;
	text-transform: uppercase;
	margin-left: 3px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: #1d75ac;
	border: 1px solid #1d75ac;
}

.index_main #header .rt .cont a {
	border: 1px solid #fff;
	color: #fff;
	background: none;
/*color: #009688;
	   	 background: linear-gradient(to left bottom, #d5fffb, rgb(255 255 255) 50%);    color: #009688;*/
}

#header .rt .cont a:hover {
	background: #1d75ac;
}

#header .rt .lang .svg {
	display: flex;
	align-items: center;
	cursor: pointer;
}

#header:hover .rt .cont a,
   .master_hide #header .rt .cont a {
	   	 /*   background: linear-gradient(to left bottom, #d5fffb, rgb(255 255 255) 50%);    color: #009688; */
	border: 1px solid #1d75ac;
	color: #333;
}

#header .rt .so svg,
    #header .rt .lang svg {
	width: 25px;
	height: 25px;
	display: block;
	fill: #fff;
	fill: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.index_main #header .rt .so svg,
      .index_main #header .rt .lang svg {
	fill: #fff;
}

#header:hover .rt .so svg,
      #header:hover .rt .lang svg, 
   .master_hide #header:hover .rt .so svg,
      .master_hide #header:hover .rt .lang svg {
	fill: #333;
}

#header .rt .lang {
	position: relative;
	height: 40px;
}

#header .rt .lang {
	width: auto;
}

#header .rt .lang svg {
	padding-right: 3px;
}

#header .rt .lang svg {
	display: block;
	float: left;
}

#header .rt .lang span {
	float: left;
	font-size: 14px;
	padding-top: 0px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
}

.index_main #header .rt .lang span {
	color: #fff;
}

.master_hide .index_main #header .rt .lang span,
		.master_hide #header .rt .lang span {
	color: #333;
}

.index_main #header .rt .lang:hover span {
	color: #333;
}

.b-menu #header .rt .lang span {
	color: #333;
}

#header .rt .lang .xia {
	position: absolute;
	left: 50%;
	top: 100%;
	width: 80px;
	width:150px;
	border-radius: 10px;
	background-color: #fff;
	margin-left: -60px;
	text-align: center;
	padding: 11px 1.6px;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	/*-webkit-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);*/
}

#header .rt .lang:hover .xia {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

#header .rt .lang .xia a {
	color: #c0c0c0;
	-webkit-transition: color 0.4s ease-out;
	transition: color 0.4s ease-out;
	font-size: 16px;
	font-weight: normal;
	display: block;
	margin-bottom: 5px;
}

#header .rt .lang .xia a.current {
	color: #1d75ac;
}

#header .rt .lang .xia a:hover {
	color: #1d75ac;
}

#header .rt .lang:hover span,
	#header:hover  .rt .lang span {
	color: #333;
}

#header .logo a {
	display: block;
	width: 100%;
	height: 40px;
	font-size: 32px;
	color: #fff;
}

.home #header .logo a {
	color: #fff;
}

#header:hover {
	background: #fff;
}

#header:hover .a,
  .master_hide #header .a {
	color: #333;
}

.master_hide #header .a {
	height: 55px;
	padding: 9px 3px 5px;
}

#header:hover .logo,
  .master_hide #header .logo {
	background: url(/images/logo2.png) no-repeat left top;
	background-size: 220px;
}

#header .logo {
	float: left;
	width: 220px;
	margin-left: 0;
	margin-right: 20px;
}

#header .w90 .fl {
	display: flex;	
	width: calc(100% - 270px);
	justify-content: space-between;
}

#header .menu1 {
    /* position: absolute;
    left: 50%;
    transform: translateX(-50%);*/
}

#header .menu1 ul {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.master_hide #header .logo a {
}

#header .rt .cont a:hover {
	background: #1d75ac;
	color: #fff;
	border: 1px solid #fff;
}

.menu1 a {
	color: #fff;
}

.menu1 li {
   	/* float: left; */
	margin-right: 25px;
}

.menu1 li .a {
	color: #fff;
	padding: 10px 3px 15px;
	font-size: 18px;
	text-transform: capitalize;
	border-bottom: 3px solid rgb(31 41 191 / 0%);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative;
}

.index_main .menu1 li .a {
	color: #fff;
}

.home .index_main .menu1 li .a {
	color: #333;
}

#header .menu1 li:hover .a {
	color: #1d75ac;
   /* border-bottom: 2px solid #000; */
}

.menu1 .down {
	width: 100vw;
	position: absolute;
	top: 79px;
	left: 0;
	background: #f7f7f7;
	backdrop-filter: blur(0px);
	border-top: 1px solid #eee;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 20px 30px;
	padding: 60px 30px;
	justify-content: center;
	opacity: 0;
	display: none;
	visibility: hidden;
	-webkit-transition: all 0s ease;
	transition: all 0s ease;
}
.menu1 .down-products {
	padding: 40px 30px 0px;
}

.menu1 .down-sup {
}

.menu1 li:hover .down {
	opacity: 1;
	visibility: visible;
	z-index: 9;
	display: flex;
}

.menu1 .down .fl2 {
	float: left;
	width: 60%;
	width: calc(100% - 400px);
	float: left;
  	/*padding: 30px 30px 30px 30px; */
}
.menu1 .down .fl2 .fl2-b {
	margin-bottom: 15px;
}
.menu1 .down .fl2 b {
	color: #757575;
    font-weight: 400;
    font-size: 17px;
    display: block;
}

.menu1 .down .fl2 a {
	display: block;
	height: 35px;
	line-height: 35px;
	color: #333;
	text-transform: capitalize;
	font-size: 16px;
}
.menu1 .down .fl2 .fl2-b a {
	padding-left: 20px;
}

.menu1 .down .fl2 .fl2-b b a {
	padding-left: 0;
	color: #757575;
    font-weight: 400;
    font-size: 18px;
    display: block;
}

.menu1 .down a.b {
	font-size: 20px;
	height: 20px;
	color: #333;
	line-height: 20px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 100px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 30px;
	text-transform: capitalize;
	border-left: 5px solid #0f74c4;
	font-weight: bold;
	/* font-family: Montserrat,Arial,sans-serif; */
	text-transform: capitalize;
}

.menu1 .down .w900 {
	width: 960px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.menu1 .down2 .w900 {
	width: 800px;
	transform: translateX(20%);
}

.menu1 .down2 .fl2 a.b {
	border-bottom: 0;
}

.menu1 .down .fl2 a:hover {
	color: #1d75ac;
	font-weight: bold;
}

.menu1 .down2 {
	display: flex!important;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 20px 30px;
	justify-content: center;
}

.menu1 .down2 .fl2 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	width: auto;
	padding: 0;
}

.menu1 .down2 .fl2:first-child {
	width: 60%;
}

.menu1 .down2 .fl2 a {
	display: block;
	width: 100%;
}
/*   .menu1 .down2 .fl2 a{
 width: 50%;
 display: inline-flex;
  }*/
.menu1 .down2 .fl2 a.b {
	width: 100%;
	display: inline-flex;
}

.menu1 .down .rt2 {
	float: right;
	width: 450px;
	height: 350px;
}

.menu1 .down .rt2 .img {
	background: url('/images/ab1.jpg') no-repeat center;
	background-size: cover;
	width: 550px;
	height: 350px;
	margin: 0px auto 0;
	transform: translateX(150px);
}

.menu1 .li2 .down .rt2 .img {
	background: url('/images/ab3.jpg') no-repeat center;
	background-size: cover;
}

.menu1 .down .rt2 .img.img-sol {
	background: url('/css/images/sol.jpg') no-repeat center;
	background-size: cover;
}

.menu1 .down .rt2 .img.img-sup {
	background: url('/css/images/sup1.jpg') no-repeat center;
	background-size: cover;
}

.menu1 .down .rt2 .img.img-ab {
	background: url('/css/images/ab-1.jpg') no-repeat center;
	background-size: cover;
}

.menu1 .down .rt2 .img-Media {
	background: url('/css/images/new1.jpg') no-repeat center;
	background-size: cover!important;
	background-size: 100%!important;
	background-repeat: no-repeat;
	background-position: center;
}
/* .ban-1 {
 
 	overflow: hidden;
 }*/
body .ban-1 {
	margin: 0px auto 0px;
	overflow: hidden;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

body .ban-1 .swiper-wrapper {
	border-radius: 0px;
}

body.master_hide5 .ban-1 {
	width: 100%;
	margin: 0 auto;
	border-radius: 0%;
	top: 0px;
	left: 0%;
	height: 120vh;
}

.ban-1 .bor1 {
	background: #fff;
	background-size: contain;
	position: absolute;
	right: -40px;
	top: -40px;
	width: 250px;
	height: 250px;
	z-index: 999;
	border-radius: 0px 50px 0px 60px;
	opacity: 1;
	overflow: hidden;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.ban-1 .bor1 svg {
	width: 300px;
	height: 300px;
	right: 20px;
	top: 20px;
	animation: rotate 10s linear infinite;
 /* 持续时间2秒，线性速度，无限循环 */
	position: absolute;
	right: 42px;
	top: 42px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.ban-1 .bor1:hover svg {
	width: 200px;
	height: 200px;
}

.ban-1 .bor1 a {
	display: block;
	width: 300px;
	height: 300px;
	right: -9px;
	top: -8px;
	position: absolute;
	background: url(/css/images/right-w.png) no-repeat center;
	z-index: 99999;
	background-size: 20px;
	opacity: 0;
}

.ban-1 .bor1:hover a {
	opacity: 1;
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

body.master_hide5 .ban-1 .bor1 {
	opacity: 0;
	top: -300px;
	right: -300px;
}

.master_hide #header .bor1 svg {
}

.ban-1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	overflow: hidden;
}

.lb .slide-inner {
	width: 100%;
	background-size: cover !important;
	display: block;
	height: 100%;
	position: relative;
	z-index: 2;
 /*cursor: url(/css/images/22.cur),move;*/
}

.ban-1:before {
	/*	content: '';
		display: block;
		width: 100%;
		height: 600px;
		background:  url('/css/images/bg1.png')  repeat-x left top;
		position: absolute;
		top: 0;
		left: 0;*/
}

.ban-1 .bg2 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 15%;
	background: url('/css/images/bg2.png') no-repeat left top;
	background-size: contain;
	width: 1300px;
	height: 80vh;
	z-index: 11;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
	opacity: 0;
	display: none;
}

.ban-1 .swiper-slide-active  .bg2 {
	top: 25%;
	opacity: .4;
}

.ban-1 .img {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
}

.lb3 .img {
	background: url('/css/images/ban3.jpg') no-repeat left center;
	background-size: cover;
}

.ban-1 .img:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	 	/*background: #10acda;*/
	background-image: linear-gradient(to bottom, #10acda, rgb(0 0 0 / 50%));
	opacity: .5;
	opacity: 0;
	z-index: 3;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ban-1 .img.expanded:before {
	opacity: 0.5;
}

.ban-1 .nobg .img:before,
	 .ban-1 .lb3 .slide-inner.nobg::before {
	display: none;
}

.ban-1 .img video {
	 	/*position: absolute;
	 	width: 100%;
	 	height: 100%;
	 	top: 0;
	 	left: 0;
	 	display: block;
	 	object-fit: cover;
	 	background-position:  ;*/
}

.ban-1 img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	position: relative;
	left: 0;
}

.ban-1 .lb {
	position: relative;
	z-index: 3;
}
/*	 .ban-1 .lb1 .slide-inner::before,
	 .ban-1 .lb2 .slide-inner::before,
	  .ban-1 .lb3 .slide-inner::before
	 {
	 	content: '';
		display: block;
		    -webkit-transition: all 1s ease;
    transition: all 1s ease;
		width: 100%;
		height: 100%;
		background: linear-gradient(to left top, #00061d, rgb(9 11 121 / 53%));
		opacity: 0;
		 position: absolute;
		 top: 0;
		 left: 0;
	 	z-index: 2;
	 }*/
.ban-1 .slide-inner .pr {
}

.ban-1 .slide-inner  .a1 {
	width: 100%;
	text-align: center;
	margin: 0px 0 0;
	position: absolute;
	z-index: 9999;
}

.ban-1 .slide-inner  .a1 a {
	width: 300px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	border: 1px solid #fff;
	border-radius: 120px;
	text-transform: uppercase;
	margin: 0 10px;
	font-weight: bold;
}

.ban-1 .slide-inner  .a1 a.b1 {
	background: rgb(255 255 255 / 85%);
	color: #1d75ac;
}

.ban-1 .slide-inner  .a1 a.b1:hover,
	 	 .ban-1 .slide-inner  .a1 a:hover {
	background-image: linear-gradient(to left bottom, #1d75ac, rgb(0 0 0 / 0%));
	color: #1d75ac;
	background: #1d75ac;
	color: #fff;
	border: 1px solid #1d75ac;
}

.ban-1 .slide-inner  .a1 a:hover {
	background: rgb(255 255 255 / 100%);
	color: #1d75ac;
	border: 1px solid #1d75ac;
}

.ban-1 .lb .bt {
	color: #fff;
	z-index: 4;
	position: absolute;
	bottom: 40%;
	width: 100%;
	text-align: center;
	z-index: 99;
   /*	left: 0;
   */
}

.ban-1 .lb .bt b {
	font-size: 4rem;
	font-size: 48px;
	  	/* font-family: Montserrat,Arial,sans-serif;  */
	margin-bottom: 0px;
	line-height: 1.3;
	display: block;
	opacity: 0;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.ban-1 .lb.swiper-slide-active .bt b {
	transform: translateY(-100px);
	opacity: 1;
}

.ban-1 .lb .bt p {
	font-size: 22px;
	-webkit-transition: all 1.4s ease;
	transition: all 1.4s ease;
	opacity: 0;
}

.ban-1 .lb.swiper-slide-active .bt p {
	transform: translateY(-85px);
	opacity: 1;
}

.ban-1 {
	position: relative;
}

body .ban-1 .swiper-pagination {
	text-align: right;
	/*bottom: 14vw; 
	left: 10%;*/
	margin-top: 5%;
	position: absolute;
	right: auto;
	left: 50%;
	transform: translateX(-50%);
	right: auto;
	top: auto;
	bottom: 5%;
	bottom: 3vh;
	text-align: left;
	padding-right: 0px;
	margin: 0 auto;
	width: auto;
	width: 100%;
	display: flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-end;
	width: 90%;
	max-width: 1680px;
	-webkit-transition: all 1.4s ease;
	transition: all 1.4s ease;
}

body.master_hide5 .ban-1 .swiper-pagination {
	top: auto;
	bottom: 32vh;
}

body .ban-1 .swiper-pagination::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body .ban-1 .swiper-pagination-bullet {
	color: #fff;
	opacity: 1;
	width: 49%;
	border-radius: 10px;
	height: 8px;
	background: rgb(255 255 255 / 10%);
	display: block;
	float: left;
	margin-top: 5px;
	position: relative;
	cursor: pointer;
}

body .ban-1 .swiper-pagination-bullet-active {
	opacity: 1;
	background: linear-gradient(to left, #0429b3, rgb(0 176 242));
	background: #1d75ac;
	background: none;
	border-radius: 10px;
}

body .ban-1 .swiper-pagination-bullet::before {
	content: '';
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	border-radius: 10px;
	top: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 1;
	opacity: .4;
	cursor: pointer;
}

body .ban-1 .swiper-pagination-bullet::after {
	content: '';
	width: 0%;
	height: 100%;
	cursor: pointer;
	background: linear-gradient(to left, #0429b3, rgb(0 176 242));
	background: #fff;
	position: absolute;
	left: 0;
	opacity: 1;
	top: 0;
	border-radius: 10px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 2;
}

body .ban-1 .swiper-pagination-bullet-active::after {
	background: linear-gradient(to left, #83fff8, #16958a);
	animation: move2 6.5s ease-in;
}

@keyframes move2 {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

.ban-1 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
	   
	    .ban-1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin-top: 5px;
}

.ban-1 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	   .ban-1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
}

.ban-1 .img-v {
	width: 65%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	transition: all 1.8s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	margin: 0 auto;
	opacity: 1;
	transform: translateY(0px);
	height: 100vh;
	max-width: 1680px;
		/*	max-height: 980px;*/
}

.img-v.visible {
	opacity: 1;
	transform: translateY(0);
}

.img-v.expanded {
	width: 100%;
	border-radius: 0px;
	max-width: 100%;
	transform: scale(1.1);
}

.ban-1 video {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	border-radius: 0px;
}

.img-v.expanded video {
	border-radius: 0px;
}

.ban-1  .bt , 
	 .ban-1 .a1 {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	transform: translateX(-50%) translateY(20px);
	opacity: 0;
	left: 50%;
	transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

body.scroll-pause {
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
}

.ban-1  .bt.show, 
	 .ban-1 .a1.show {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

.h2 {
	padding-bottom: 30px;
}

.h2 span {
	font-size: 18px;
	display: block;
	padding-bottom: 5px;
	font-weight: 600;
}

.h2 b,
	  .h-put .fl-2 h2 {
	font-size: 34px;
	display: block;
	line-height: 1.2;
	font-weight: 600;
}

.h2.clearfix b {
	float: left;
	width: 50%;
}

.h2.clearfix a {
	float: right;
	margin-top: 10px;
}

a.more,
	  div.more {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 22px;
	color: #666;
	font-family: Montserrat,Arial,sans-serif;
	background: url('/css/images/right.png') no-repeat right center;
	background-size: 13px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

a.more:hover,
	  div.more:hover {
	padding-right: 32px;
	color: #1d75ac;
}

.p80 {
	padding: 80px 0;
}

.s2 {
	width: 100%;
	overflow: hidden;
	padding: 60px 0 70px;
}

.s2.s8 {
	padding: 100px 0 0;
}

.s2 .h2 {
	padding-bottom: 0px;
	margin-bottom: -120px;
	position: relative;
}

.s2 .h2 .more2 {
	position: absolute;
	right: 0;
	top: 0px;
}

.s2 .h2 b {
	color: #333;
	font-size: 38px;
	padding-right: 200px;
}

.s2 .h2 span {
	font-size: 26px;
}

.s2.snew .h2 b {
	color: #0fc7b5;
}

.news-study .s2.snew .h2 b:after {
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	background: #555;
	margin: 20px auto 0;
}

.s2 .lb {
	padding-top: 150px;
	left: 0%;
	position: relative;
	transform: translateX(0%);
	overflow: hidden;
}

.s2.s8 .lb {
	overflow: initial;
	padding-top: 0;
}

.s2.s8 ul {
	margin: 0px 0 0;
}

.s2 .ul {
	margin: 20px auto;
	display: flex;
}

.s2 .ul li {
	float: left;
	width: 450px;
	height: 480px;
	position: relative;
	margin-right: 20px;
}

.s2.snew .ul {
	padding: 20px;
	position: relative;
	flex-direction: column;
	background: #fff;
	margin-right: 30px;
	border-radius: 10px;
}

.s2.snew .more2 {
	margin: 35px auto 15px;
}

.s2.snew .ul li {
	float: none;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	z-index: 1;
	margin-right: 0;
}

.s2.snew .lb {
	display: flex;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	position: relative;
	min-height: ;
	overflow: inherit;
}

.s2.snew .lb .snew2 {
	margin-top: 20px;
}

.s2.snew .lb .snew2 a {
	width: 300px;
	height: 230px;
	display: block;
	margin-bottom: 30px;
	color: #333;
	position: relative;
	border-radius: 10px;
	display: block;
	font-size: 20px;
	text-indent: 20px;
	padding-top: 160px;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.s2.snew .lb .snew2 a:hover {
	color: #fff;
}

.s2.snew .lb .snew2 a:hover span::after {
	background: #fff;
	width: 100px;
}

.s2.snew .lb .snew2 a span {
	position: relative;
	z-index: 5;
}

.s2.snew .lb .snew2 a span::after {
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	display: block;
	background: #000;
	margin: 10px 0 0 20px;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.s2.snew .lb .snew2 a:after {
	position: absolute;
	content: "";
	top: 2px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	border-radius: 10px;
	background: linear-gradient(180deg, rgb(255 255 255 / 0%), #01c3a8) border-box;
	opacity: 1;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.s2.snew .lb .snew2 a:hover:after {
	opacity: 1;
}

.s2.snew .lb .snew2 a:before {
	position: absolute;
	content: "";
	top: -2px;
	left: -3px;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	z-index: 4;
	border: 2px solid transparent;
	-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
	background: linear-gradient(45deg, #fff, #fff, #fff, #01c3a8, #01c3a8) border-box;
}

.s2.snew .lb .snew2 a:hover:after {
	opacity: 0.4;
}

.s2.snew .lb .snew2 a.l3:after {
	background: linear-gradient(180deg, rgb(255 255 255 / 0%), #a4bcde) border-box;
}

.s2.snew .lb .snew2 a.l3:before {
	background: linear-gradient(45deg, #fff, #fff, #fff, #a4bcde, #a4bcde) border-box;
}

.s2.snew .lb .snew2 a.l4:after {
	background: linear-gradient(180deg, rgb(255 255 255 / 0%), #eadeb0) border-box;
}

.s2.snew .lb .snew2 .l4a:hover:after {
	opacity: 0.1;
}

.s2.snew .lb .snew2 a.l4:before {
	background: linear-gradient(45deg, #fff, #fff, #fff, #d7ae21, #b18943) border-box;
}

.s2.snew .lb .snew2 a.l3 .p {
	background-image: linear-gradient(to bottom, #6a96c5, #bfccee, #ffffff3b 100%, #ffffff00 50%);
}

.s2.snew .lb .snew2 a.l4 .p {
	background-image: linear-gradient(to bottom, #e8d15e, #fbeeb1, #ffffff3b 100%, #ffffff00 50%);
}

.s2.snew .lb .snew2 a .p {
	font-size: 122px;
	position: absolute;
	top: -20px;
	right: 20px;
	opacity: 1;
	z-index: 9;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(to bottom, #1cd2cb, #bfeeec, #ffffff3b 100%, #ffffff00 50%);
}

.s2.snew .lb .snew2 a:nth-child(3) .p {
	right: 10px;
}

.snew2 a .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 10px;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.snew2 a:hover .img {
	opacity: 1;
}

.snew2 a.l3 .img {
	background: url('/css/images/371900.jpg') no-repeat center;
	background-size: cover;
}

.snew2 a.l5  .img {
	background: url('/css/images/371902.jpg') no-repeat center;
	background-size: cover;
}

.snew2 a.l4 .img {
	background: url('/css/images/371901.jpg') no-repeat center 100%;
	background-size: 160%;
}

.s2.snew .ul li a {
	display: flex;
}

.s2.snew .ul li .pa {
	position: relative;
	width: calc(100% - 350px);
	background: none;
}

.s2.snew .ul li .img {
	width: 350px;
	margin-top: 20px;
	margin-left: 20px;
	border-radius: 10px;
}

.s2.s8 .ul li {
	margin-right: 0;
}

.s2.snew .ul li:hover a {
	box-shadow: 1px 1px 6px 4px #e1e1e1;
	transform: translateY(-10px);
	border-radius: 20px;
}

.s2.snew .ul li:hover a::after {
	opacity: 0;
}

.s2 .ul li a {
	transition: all 0.6s ease;
	display: block;
	padding-top: 15px;
	padding-bottom: 30px;
	border-bottom: 0px solid #ccc;
}

.s2 .ul li a::after {
	content: '';
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	background: #aaa;
	position: absolute;
	bottom: 0;
	left: 20px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.s2 .ul li:last-child a {
	margin-bottom: 0;
	padding-bottom: 0;
}

.s2 .ul li:last-child a::after {
	opacity: 0;
}

.s2 .ul li:before {
	position: absolute;
	right: -1px;
	top: -1px;
	content: '';
	width: 70px;
	height: 70px;
	display: block;
	background: linear-gradient(225deg, #f5f5f5, #f5f5f5 50%, transparent 50%, transparent 100%);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0;
}

.s2.s8 .ul li:after {
}

.s2 .ul li:after {
	position: absolute;
	left: -1px;
	bottom: -1px;
	content: '';
	width: 70px;
	height: 70px;
	display: block;
	background: linear-gradient(45deg, #f5f5f5, #f5f5f5 50%, transparent 50%, transparent 100%);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0;
}

.s2 .ul li:hover:after,
.s2 .ul li:hover:before {
	opacity: 1;
}

.s2 .ul li:hover:after,
.s2 .ul li:hover:before {
	opacity: 0;
}

.s2 .ul li .img {
	height: 240px;
	width: 100%;
	background-image: url('/css/images/aa2.jpg');
	background-repeat: no-repeat;
	background-size: cover!important;
	background-position: center;
}

.s2 .ul li .pa {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	color: #333;
	background: #fff;
	padding: 25px 30px 20px 30px;
	position: relative;
}

.snew .ul li a:hover .pa {
}

.snew .ul li a:hover .pa  b,
.snew .ul li a:hover .pa  span {
}

.s2 .ul li .pa b {
	font-size: 20px;
	line-height: 1.2;
	margin-top: 10px;
	padding-bottom: 10px;
	display: block;
	color: #333;
	font-weight: bold;
	font-style: normal;
}

.s2 .ul li .pa span {
	display: block;
	font-size: 15px;
	padding: 10px 0px;
	opacity: 1;
	color: #0fc7b5;
	display: inline;
	font-weight: normal;
}

.s2 .ul li .pa p {
	font-size: 15px;
	line-height: 1.2;
	color: #777;
	padding-top: 10px;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	overflow: hidden;
	white-space: break-spaces;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
}

.s2 .ul li a:hover b {
	color: #333;
}

.s2 .ul li a {
	position: relative;
}

.s2 .more2 {
	margin: 0 0;
}

.s2 .ul li a::before {
	content: '';
	display: none;
	width: 100%;
	background-image: linear-gradient(to bottom, #fff , rgb(0 0 0 / 0%));
	height: 280px;
	opacity: 0.1!important;
	position: absolute;
	top: 200px;
	left: 0px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.s2.s8 .ul li a::before {
/*	opacity: 0!important;
	background-image: linear-gradient(to left bottom, #4ec0b55c 30%, rgb(0 0 0 / 0%));
	background-image: linear-gradient(to left bottom, #6262625c 20%, rgb(0 0 0 / 0%));*/
}

.s2 .ul li a:hover::before {
}

.s2 .ul li .pa .ico {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 55px;
	height: 55px;
	z-index: 3;
	display: none;
	background: #1d75ac url('/css/images/right-w.png') no-repeat center;
	background-size: 25px;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
/*
.s2 .ul li.l2 .pa .ico {
	background: #1d75ac url('/css/images/l2.png') no-repeat center;
	background-size: 35px;
}
.s2 .ul li.l3 .pa .ico {
	background: #1d75ac url('/css/images/l3.png') no-repeat center;
	background-size: 30px;
}
.s2 .ul li.l4 .pa .ico {
	background: #1d75ac url('/css/images/l4.png') no-repeat center;
	background-size: 30px;
}
.s2 .ul li.l5 .pa .ico {
	background: #1d75ac url('/css/images/l5.png') no-repeat center;
	background-size: 30px;
}
.s2 .ul li.l6 .pa .ico {
	background: #1d75ac url('/css/images/l6.png') no-repeat center;
	background-size: 30px;
}
*/
.s2 .ul li a:hover .ico,
.s2 .ul li a:hover p {
	opacity: 1;
}

.s2 .ul li a:hover p {
	opacity: 0.8;
}

.s2 .ul li.l2 .img {
	background-image: url('/css/images/huagong.jpg');
}

.s2 .ul li.l3 .img {
	background-image: url('/css/images/shui.jpg');
}

.s2 .ul li.l4 .img {
	background-image: url('/css/images/kuang.jpg');
}

.s2 .ul li.l5 .img {
	background-image: url('/css/images/huagong2.jpg');
}

.s2 .ul li.l6 .img {
	background-image: url('/css/images/hd2.jpg');
}

.s2.s8 .ul li {
	height: 500px;
}

.s2.s8 .ul li .pa {
	position: absolute;
	background: none;
	top: 40px;
	top: 10px;
	left: 5px;
	z-index: 99;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.s2.s8 .ul li.swiper-slide-active .pa {
}

.s2.s8 .ul li .pa b {
	color: #fff;
	font-size: 94px;
	line-height: 1;
	height: 110px;
	margin-top: 0;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(to bottom, #ff7c00, #ffcb4ca8, hsl(50.8deg 100% 53.36% / 5%) 100%, #ffffff00 50%);
	background-image: linear-gradient(to bottom, #0b2c218c, #07070724, #ffffff1c 100%, #ffffff00 50%);
	background-image: linear-gradient(to bottom, #ffffff, #ffffff75, #ffffff00 100%, #ffffff00 50%);
	background-image: linear-gradient(to bottom, #44d9d3, #cafffdb3, #ffffff3b 100%, #ffffff00 50%);
	background-image: linear-gradient(to bottom right, #00f6df, #00BCD4);
	opacity: 0;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.s2.s8 .ul li a::before {
	top: 0;
	height: 100%;
	display: block;
}

.s2.s8 .ul li .pa p {
	color: #fff;
	opacity: 1;
	font-size: 28px;
	max-width: 80%;
	display: block;
}

.s2.s8 .ul li .pa p::after {
	content: '';
	display: block;
	width: 20px;
	background: #fff;
	height: 2px;
	margin: 10px 0 10px;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.s2.s8 .ul li.swiper-slide-active .pa p::after,
.s2.s8 .ul li:hover .pa p::after {
	width: 50px;
}

.s2.s8 .ul li.swiper-slide-active .pa p {
	opacity: 1;
}

.s2.s8 .ul li:hover a {
	box-shadow: none;
}

.s2.s8 .ul li,
.s2.s8 .ul li .img {
	height: 580px;
}

.s2.s8 .ul li .pa p {
	padding-top: 300px;
}

.s2.s8 .ul li .img {
	background-image: url(/css/images/29.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.s2.s8 .h2 {
	margin-bottom: 30px;
	margin-top: 50px;
}

.s2.s8 .ul li .pa span {
	color: #fff;
	font-size: 16px;
	font-weight: lighter;
	font-style: normal;
	opacity: 0;
}

.s10 {
	background: #f5f5f5;
	width: 100%;
	overflow: hidden;
	padding: 120px 0 70px;
}

.s10 .h2 span {
	color: #1d75ac;
}

.s10 .ul li:nth-child(1) {
	margin-left: 8vw;
}

.s10 .h2 {
	padding-bottom: 0px;
	margin-bottom: -120px;
}

.s10 .h2 b {
	font-size: 34px;
	color: #333;
}

.s10 .lb2 {
	margin-left: 0;
	padding-top: 150px;
	left: 0%;
	position: relative;
	transform: translateX(0%);
}

.s10 .ul {
	margin: 0px auto 40px;
	display: flex;
}

.s10 .ul li {
	float: left;
	width: 450px;
	height: 350px;
	position: relative;
	margin-right: 20px;
	border-radius: 20px;
	overflow: hidden;
	transition: all 0.1s ease;
}

.s10 .ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.s10 .ul li:before {
	position: absolute;
	right: -1px;
	top: -1px;
	content: '';
	width: 70px;
	height: 70px;
	display: block;
	background: linear-gradient(225deg, #f5f5f5, #f5f5f5 50%, transparent 50%, transparent 100%);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0;
}

.s10 .ul li:after {
	position: absolute;
	left: -1px;
	bottom: -1px;
	content: '';
	width: 70px;
	height: 70px;
	display: block;
	background: linear-gradient(45deg, #f5f5f5, #f5f5f5 50%, transparent 50%, transparent 100%);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0;
	display: none;
}

.s10 .ul li:hover:after,
.s10 .ul li:hover:before {
	opacity: 1;
}

.s10 .ul li:hover:after,
.s10 .ul li:hover:before {
	opacity: 1;
}

.s10 .ul li .img {
	height: 100%;
	width: 100%;
	z-index: 1;
	background-image: url('/css/images/aa2.jpg');
	background-repeat: no-repeat;
	background-size: cover!important;
	background-position: center;
	transition: all 0.4s ease;
}

.s10 .ul li a:hover .img {
	transform: scale(1.1);
}

.s10 .ul lia:hover ::before {
	opacity: 1 !important;
}

.s10 .ul li .pa {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	color: #fff;
	padding: 15px 20px 0 20px;
}

.s10 .ul li:hover .pa {
}

.s10 .ul li .pa b {
	font-size: 20px;
	line-height: 1.2;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}

.s10 .ul li .pa span {
	display: block;
	font-size: 14px;
	padding: 0 0px;
	opacity: 1;
	/*background: rgb(0 0 0 / 30%);*/
	color: #eee;
	display: inline;
}

.s10 .ul li .pa p {
	font-size: 13px;
	line-height: 1.2;
	padding-top: 5px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.s10 .ul li a:hover p {
}

.s10 .ul li a {
	position: relative;
}

.s10 .more2 {
	margin: 0 0;
}

.s10 .ul li a::before {
	content: '';
	display: block;
	width: 100%;
	background-image: linear-gradient(to right bottom, rgb(0 0 0 / 82%), rgb(0 0 0 / 0%));
	height: 100%;
	opacity: 0.8!important;
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 2;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.s10 .ul li a:hover::before {
	opacity: 1!important;
}

.s10 .ul li .pa .ico {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 55px;
	height: 55px;
	z-index: 3;
	background: #1f29bd url('/css/images/right-w.png') no-repeat center;
	background-size: 25px;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
/*
.s10 .ul li.l2 .pa .ico {
	background: #1f29bd url('/css/images/l2.png') no-repeat center;
	background-size: 35px;
}
.s10 .ul li.l3 .pa .ico {
	background: #1f29bd url('/css/images/l3.png') no-repeat center;
	background-size: 30px;
}
.s10 .ul li.l4 .pa .ico {
	background: #1f29bd url('/css/images/l4.png') no-repeat center;
	background-size: 30px;
}
.s10 .ul li.l5 .pa .ico {
	background: #1f29bd url('/css/images/l5.png') no-repeat center;
	background-size: 30px;
}
.s10 .ul li.l6 .pa .ico {
	background: #1f29bd url('/css/images/l6.png') no-repeat center;
	background-size: 30px;
}
*/
.s10 .ul li a:hover .ico,
.s10 .ul li a:hover p {
	opacity: 1;
}

.s10 .ul li a:hover p {
	opacity: 0.8;
}

.s10 .ul li.l2 .img {
	background-image: url('/css/images/huagong.jpg');
}

.s10 .ul li.l3 .img {
	background-image: url('/css/images/shui.jpg');
}

.s10 .ul li.l4 .img {
	background-image: url('/css/images/kuang.jpg');
}

.s10 .ul li.l5 .img {
	background-image: url('/css/images/huagong2.jpg');
}

.s10 .ul li.l6 .img {
	background-image: url('/css/images/hd2.jpg');
}

.s3 {
	background: #f5f5f5;
	padding-top: 20px;
}

.s3 .h2 {
}

.scp {
	margin: 10px auto;
	display: flex;
	width: 100%;
}

.scp ul {
	width: 100%;
}

.scp li {
	float: left;
	width: 32%;
	margin-right: 2%;
	height: 570px;
}

.scp li a {
	background: #fff;
	display: flex;
	height: 100%;
	border: 1px solid #eee;
	position: relative;
	padding-top: 0px;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.pro-re .scp li a {
	display: block;
}

.scp li a .img {
	height: 200px;
	width: 100%;
	background-image: url('/css/images/a3.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 2;
}

.pro-re .scp li a .img {
	height: 250px;
}

.rt-l .scp li a .img {
	height: 250px;
}

.rt-l .scp li a .span {
	padding: 60px 15px 15px 0;
}

.scp li a::after {
	content: '';
	display: block;
	width: 100%;
	height: 0px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	background: url('/css/images/bg3.png') repeat-x left bottom;
	background-size: contain;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.scp li a:hover {
	color: #111;
}

.scp li a:hover:after {
	opacity: .8;
	height: 200px;
}

.pro-re .scp li a:hover:after {
	opacity: 0.8;
	height: 400px;
}

.scp li:nth-child(3) {
	margin-right: 0;
}

.scp li a .span {
	padding: 20px 40px 40px;
	position: relative;
	z-index: 5;
}

.rt-l .scp li a .span b {
	font-size: 18px;
	height: 60px;
	line-height: 1.5;
	overflow: hidden;
	font-family: Montserrat,Arial,sans-serif;
	white-space: break-spaces;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
}

.rt-l .scp li a:hover .span b {
}

#company-nav {
	position: sticky;
	top: 7rem;
	left: 0;
}

.cp-flex {
	display: flex;
	flex-wrap: wrap;
}

.scp li a .span p {
	padding-top: 10px;
	color: #777;
	font-size: 13px;
	line-height: 1.4;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
  	 /*   -webkit-box-orient: vertical;
    overflow: hidden;
	white-space: break-spaces;
    text-overflow: ellipsis ;
   -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	 display: -webkit-box;*/
}

.scp li a .span p em {
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 30px;
	height: 20px;
	padding-left: 5px;
}

.scp li a:hover .span p em {
}

.scp li a .span .more {
	color: #1d75ac;
}

.scp li a:hover .span .more {
	color: #fff;
}

.scp li a:hover p {
	color: #111;
}

.s39 .bgg:before {
	content: '';
	display: block;
	width: 100%;
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .4;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.s39 .scp li .bgg {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	background: url('/css/images/51.jpg') no-repeat center;
	height: 550px;
	background-size: cover;
}

.s39 li:hover .bgg:before {
	opacity: .3;
}

.s39 .scp li.li1 .bgg {
	background: url('/css/images/ab22.jpg') no-repeat 35% center;
	background-size: cover;
}

.s39 .scp li.li2 .bgg {
	background: url('/css/images/ban1a.jpg') no-repeat center;
	background-size: cover;
}

.s39 .scp li.li3 .bgg {
	background: url('/css/images/ab15.jpg') no-repeat center;
	background-size: cover;
}

.s39 .scp li {
	height: 550px;
	width: 33.333%;
	margin-right: 0%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.s39 .scp ul:hover li {
	width: 20%;
}

.s39 .scp li:hover {
	width: 60%;
}

.s39 .scp li a:hover {
	box-shadow: none;
}

.s39 .scp li a {
	background: none;
	border: 0;
	color: #fff;
	padding-top: 200px;
	height: 550px;
}

.s39 .scp li a .img {
	background: none;
	padding-left: 40px;
	position: relative;
	z-index: 2;
	margin-top: 20px;
	height: 150px;
	z-index: 3;
}

.s39 .scp li a .img svg {
	width: 40px;
	height: 40px;
}

.s39 .scp li:nth-child(1) a .img svg {
	width: 36px;
	height: 36px;
}

.s39 .scp li:nth-child(2) a .img svg {
	width: 50px;
	height: 50px;
	margin-top: -4px;
}

.s39 .scp li:nth-child(3) a .img svg {
	width: 42px;
	height: 42px;
}

.s39  .scp li a .span b {
	height: auto;
	display: block;
	margin-bottom: 10px;
}

.s39  .scp li a .span p {
	color: #eee;
	height: 400px;
	height: auto;
}

.s4.p80 {
	padding-top: 0;
}

.s4 .fl,
  .s4 .rt {
	width: 50%;
}

.s4 .fl .img {
	display: block;
	height: 650px;
	width: 100%;
	background: url('/css/images/a5.jpg') no-repeat center -20px;
	background: url('/css/images/ab1a.jpg') no-repeat center -20px;
	background-size: cover;
}

.s4 .rt {
	padding-left: 50px;
}

.s4 .rt b {
	padding-bottom: 20px;
	display: block;
	font-family: Montserrat,Arial,sans-serif;
	font-size: 32px;
}

.s1 .more2 {
	margin: 50px 0 10px 0px;
	background: #44a8e7;
	background: none;
	border: 1px solid #1d75ac;
    /* background: linear-gradient(to left bottom, #d5fffb, rgb(61 213 194) 100%); */
	color: #1d75ac;
    /* background: linear-gradient(to right bottom, #74fff2, rgb(255 255 255) 100%); */
    /* color: #1d75ac;*/
}

.s1 .more2:hover {
	background: #1d75ac;
}

.s4 .rt p,
  .s1 .p p {
	padding-bottom: 50px;
	color: #333;
	font-size: 18px;
}

.s4 .rt .ul {
	padding-top: 9%;
}

.s4 .rt .ul .li {
	border-bottom: 2px solid #ccc;
	padding-top: 15px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.s4 .rt .ul .li:hover {
	border-bottom: 2px solid #1d75ac;
}

.s4 .rt .ul .li p {
	font-size: 15px;
	color: #666666;
	padding-bottom: 15px;
}

.s4 .rt .ul .li strong {
	font-size: 40px;
	color: #1d75ac;
	font-family: Montserrat,Arial,sans-serif;
	display: block;
}

.snew .img {
	background: url('/css/images/a6.jpg') no-repeat left top;
	background: url('/css/images/ne3.jpg') no-repeat left top;
	height: 400px;
	width: 100%;
	background-size: cover;
}

.snew .fl {
	padding: 50px 0 0;
	width: 30%;
}

.snew .fl .h2 b {
	margin-bottom: 40px;
	display: block;
}

.snew .fl a.more {
	color: #1d75ac;
}

.snew .rt {
	width: 70%;
	margin-top: -50px;
}

.snew .rt li {
	float: left;
	width: 50%;
	height: 280px;
	background: #fff;
}

.snew .rt li {
	border-right: 0px solid #777;
	border-bottom: 0px solid #777;
	border-left: 0px solid #777;
}

.snew .rt li:hover {
}

.snew .rt li:nth-child(1),
     .snew .rt li:nth-child(3) {
	border-right: 0;
	border-left: 0;
}

.snew .rt li:nth-child(2),
     .snew .rt li:nth-child(4) {
	border-right: 0;
}

.snew .rt li:hover a,
        .snew .rt li:hover span,
        .snew .rt li:hover b {
	color: #fff;
	display: block;
}

.snew .rt li a {
	padding: 60px 50px 0;
	display: block;
	height: 280px;
	position: relative;
	background: #fff;
}

.snew .rt li:nth-child(3) a::after,
    .snew .rt li:nth-child(4) a::after {
	display: none;
}

.snew .rt li a .img2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.1;
	-webkit-transition: all 0.5s ease;
}

.snew .rt li a .img2:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .3;
}

.snew .rt li:hover a .img2 {
	opacity: 1;
}

.snew .rt li a span {
	color: #666;
	display: block;
}

.snew .rt li a b {
	font-size: 18px;
	-webkit-transition: all 0s ease;
	transition: all 0s ease;
	padding-top: 20px;
	display: block;
}

.snew .rt li a:after {
	content: '';
	width: calc(100% - 10px);
	height: 1px;
	background: #ccc;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 5px;
}

.snew .rt li:nth-child(1) a:before,
       .snew .rt li:nth-child(3) a:before {
	content: '';
	height: calc(100% - 10px);
	width: 1px;
	background: #ccc;
	display: block;
	position: absolute;
	top: 5px;
	right: 0px;
}

.s-sup .w90 {
	position: relative;
	z-index: 999;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	height: 100%;
	width: 100%;
	border-radius: 20px;
	transition: all 1.5s cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 1;
}

.s-sup .pa {
	width: 100%;
	height: 100%;
	height: 1100px;
	border-radius: 0px;
	overflow: hidden;
	top: -20%;
    /* background: #fff; */
	z-index: 3;
	border-radius: 20px;
}

.s-sup video {
	width: 100vw;
	height: 100%;
	object-fit: contain;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.s-sup {
	height: 790px;
	margin: 0 auto 50px;
	overflow: hidden;
	border-radius: 20px;
}

.s-sup2 {
	transition: transform 0.2s ease-out;
	margin: 0 auto;
}

.s-sup.active {
	width: 100%;
}

.s-sup h3 {
	position: absolute;
	left: 8%;
	top: 250px;
	color: #fff;
	font-size: 56px;
	text-transform: capitalize;
}

.s-sup li {
	float: left;
	width: 23%;
	height: 330px;
	margin-left: 2%;
}

.s-sup li a:hover {
	background: #1d75ac;
}

.s-sup ul {
	width: 68%;
	padding-bottom: 120px;
	margin-right: 7%;
}

.s-sup.active {
	width: 100%;
	opacity: 1;
	transform: translateY(0);
}

.s-sup li a {
	display: flex;
	width: 100%;
	height: 100%;
	flex-wrap: nowrap;
	flex-direction: column;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(10px);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.s-sup li span {
	color: #fff;
	display: block;
	height: 50px;
	text-align: center;
	line-height: 1.4;
	font-size: 18px;
}

.s-sup .svg {
	width: 48px;
	height: 120px;
	padding-bottom: 30px;
	opacity: 1;
	margin: 0 auto;
	transform: translateY(20px);
	transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.s-sup .svg svg {
	height: 100%;
	width: 100%;
	display: block;
	fill: #fff!important;
}

.s-sup .svg.active {
	opacity: 1;
	transform: translateY(0);
}

.s-sup .svg-path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	transition: stroke-dashoffset 1.5s cubic-bezier(0.4, 0, 0.2, 1);
	fill: #fff!important;
	stroke: currentColor;
	stroke-width: 2;
}

.s-sup .svg.active .svg-path {
	stroke-dashoffset: 0;
}

.sup2 .pro-list .fl-l ul .a:before {
	display: none;
}

.dingy {
	background: #1d75ac;
	padding: 0px 0 0px;
	height: 150px;
	position: relative;
}

.dingy .w91 {
	float: left;
	width: 48%;
	padding-left: 15%;
	padding-right: 100px;
	position: relative;
	z-index: 2;
}

.dingy .w91 .rt {
	float: left;
	margin-left: 10%;
	width: 170px;
}

.dingy .w91 .more2 {
	background: url(/css/images/bg7a.png) no-repeat center;
	background: #fff;
	color: #1d75ac;
	background-size: cover;
}

.dingy .w91 .more2:hover {
	background: #1d75ac;
	color: #fff;
}

.dingy .w90 {
	float: right;
	width: 52%;
	padding-left: 120px;
	padding-right: 5%;
}

.dingy .w90 .fl {
	float: left;
	margin-left: 10%;
}

.dingy:before {
	content: '';
	display: block;
	width: 350px;
	height: 150px;
	position: absolute;
	left: 43%;
	top: -0px;
	transform: translateX(-50%);
	background: url('/css/images/16.png') no-repeat center;
	background-size: 100%;
}

.dingy .h2 {
	display: block;
	color: #fff;
}

.dingy .h2 a {
	color: #fff;
	background: url('/css/images/right-w.png') no-repeat 95% center;
	padding-right: 40px;
	background-size: 25px;
	display: block;
}

.dingy .h2 a:hover {
	background: url('/css/images/right-w.png') no-repeat 100% center;
	background-size: 25px;
}

.dingy .h2 b {
	display: block;
	text-transform: capitalize;
	height: 150px;
	line-height: 150px;
}

.dingy .rt {
	margin-top: 55px;
}

.dingy .rt input {
	width: 200px;
	height: 40px;
	line-height: 44px;
	padding-left: 35px;
	font-size: 13px;
	background: none;
	color: #1d75ac;
	background: #fff url(/css/images/dy2.png) no-repeat 10px center;
	background-size: 15px;
	font-weight: bold;
}

.dingy .rt {
	width: 270px;
	background: #1d75ac;
}

.dingy .rt .btn {
	background: #1d75ac;
	height: 40px;
	width: 70px;
	float: right;
}

.dingy .rt .btn span {
	background: none;
	color: #fff;
	text-transform: capitalize;
	font-size: 14px;
}

#footer {
	background: #ccc url(/css/images/bg51.png) no-repeat  100% -30%;
	background: #e3e3e3;
	padding: 70px 0 30px;
	position: relative;
	z-index: 9999;
   	/*
    border-radius: 50px 50px 0 0;*/
}

#footer ul {
	margin-bottom: 50px;
    /* float: left; */
    /* width: calc(100% - 200px); */
	display: flex;
	justify-content: space-between;
}

#footer ul li a {
	color: #555;
	display: block;
	line-height: 1.5;
	font-size: 15px;
	margin-bottom: 8px;
	text-transform: capitalize;
}

#footer ul li a:hover {
	color: #111;
}

#footer ul li {
	float: left;
	margin-right: 5%;
}

#footer ul li:last-child {
	margin-right: 0;
}

#footer ul li a.b {
	color: #111;
	font-weight: bold;
	font-size: 17px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.ft22 .li {
	display: flex;
	margin-bottom: 20px;
	line-height: 1.5;
	color: #222;
}

.ft22 .li.tel {
	font-size: 26px;
		    /* font-family: Montserrat, Arial, sans-serif; */
	font-weight: 600;
	color: #333;
}

.ft22 .li.tel .svg {
	margin-top: 10px;
}

.ft22 {
	padding: 0px 0 15px;
}

.ft22 .svg {
	margin-right: 20px;
}

.ft22 svg {
	display: block;
	width: 32px;
	height: 30px;
	fill: #222;
}

.ft22 .tel svg {
	width: 22px;
	height: 22px;
	margin-left: 6px;
}

.ft22 .fax svg {
	width: 24px;
	height: 24px;
	margin-left: 6px;
}

.ft22 .mail svg {
	width: 24px;
	height: 24px;
	margin-left: 6px;
}

.ft22 .w90 {
	border-top: 1px solid #aaa;
	padding-top: 20px;
}

.ft22 .logo2 {
	background: url('/images/logo2.png') no-repeat right top;
	width: 530px;
	padding-top: 100px;
	margin-top: 52px;
	background-size: 320px;
	float: right;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-end;
}

.ft22 .logo2 p {
	color: #888;
	margin-top: 50px;
	font-size: 13px;
}

.ft22 .rt .p {
	color: #555;
}

.ft22 .rt {
	color: #999;
	font-size: 15px;
	width: 50%;
	float: left;
	padding-top: 35px;
}

.n-ban {
	position: relative;
	padding-top: 90px;
	height: 85vh;
	min-height: 550px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
/*
   	background: none!important;*/
	border-radius: 0 0 10vw 0;
}

.n-ban .h2 {
	position: relative;
	z-index: 3;
	color: #fff;
	height: 710px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding: 0;
	padding-top: 60px;
}

.n-ban .h2:before {
	content: '';
	display: block;
	width: 500px;
	height: 500px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.n-ban .h2 b {
	font-size: 9vw;
	opacity: .5;
	display: block;
	padding-bottom: 20px;
	text-transform: capitalize;
	letter-spacing: 10px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(to bottom, #00ff94, #00fddfb5, #00ff963b 100%, #ffffff00 50%);
}

.n-ban .h2 p {
	font-size: 15px;
	max-width: 1200px;
}

.n-ban.pro::after {
	content: '';
	display: none;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right top, #0429b3, rgb(0 0 0 / 75%));
	opacity: .7;
	position: absolute;
	top: 0;
	left: 0;
}

.n-ban.pro {
	background: #161820 url(/css/images/ab11.jpg) no-repeat 120% center !important;
	height: 400px;
	color: #fff;
}

.n-ban .w90 {
	mix-blend-mode: screen;
	color: #333;
}

.n-ban.pro .h2 p {
	opacity: 1;
	max-width: 900px;
}

.n-ban.pro .h2 b,
	.n-ban.pro .h2 p {
	color: #fff;
}

.n-ban.pro .bg11 {
}

.n-ban.cont {
	background-image: url(/css/images/contbg1.jpg);
}

.n-ban.new {
	background-image: url(/css/images/new1.jpg);
}

.n-ban.ab1 {
	background-image: url(/css/images/ab1.jpg);
}

.n-ban.sup1 {
	background-image: url(/css/images/dima-solomin-Bjuqb5AIWeU-unsplash2.jpg);
}

.n-ban.sup1 {
	background-image: url(/css/images/dima-solomin-Bjuqb5AIWeU-unsplash2.jpg);
}

.n-ban.case1 {
	background-image: url(/css/images/ban2a.jpg);
	background-position: center 80%;
}

.n-ban.probg {
	background-image: url(/css/images/probg4.jpg);
	background-position: center;
	overflow: hidden;
}

.n-ban.probg .w90 {
	position: relative;
	z-index: 9;
}

.n-ban.probg video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 2;
}

.n-ban.probg::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 3;
	background: linear-gradient(to left top, rgb(69 223 255 / 67%), rgb(22 90 119 / 65%));
}

.n-ban.ca1 {
	background-image: url(/css/images/contbg1.jpg);
	background-position: center 20%;
}

.n-ban.ca1 {
	background-image: url(/css/images/joinbg.jpg);
	background-position: center 20%;
}

.n-ban .bg11 {
	background: url('/css/images/bg11.png') no-repeat center top;
	width: 700px;
	height: 250px;
	background-size: 100%;
	position: relative;
	z-index: 9;
	right: 9%;
	bottom: -20%;
	padding: 45px 0px 50px 150px;
	color: #fff;
}

.n-ban .bg11 a {
	color: #eee;
	text-transform: capitalize;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 15px;
}

.n-ban .bg11 a:first-child {
	padding-left: 0;
}

.n-ban .bg11 b {
	display: block;
	font-size: 32px;
	padding-bottom: 10px;
	font-family: Montserrat,Arial,sans-serif;
}

.pro-list.on1 .fl-l {
		/*position: fixed;
		top: 0;*/
}

.pro-list {
	width: 100%;
	background: #f5f5f5;
	padding: 70px 0 100px;
}

.pro-list .fl-l {
	width: 350px;
	float: left;
	margin-right: 0px;
	border-right: 1px solid #ccc;
}

.pro-list .fl-l ul .ul2 {
	padding-left: 10px;
	padding-bottom: 10px;
}

.pro-list .fl-l ul .ul2 a {
	display: block;
	color: #666;
	padding: 4px 0;
	font-size: 15px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.pro-list .fl-l ul .ul2 a:hover {
	color: #1d75ac;
}

.pro-list .fl-l ul .ul2 a em {
	font-weight: lighter;
	padding-right: 10px;
}

.pro-list .fl-l ul .a {
	display: block;
	height: 65px;
	line-height: 65px;
	font-size: 16px;
	margin-right: 20px;
	text-transform: capitalize;
	font-weight: normal;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	color: #333;
	left: 0;
	top: 0;
	text-indent: 20px;
	font-family: Montserrat,Arial,sans-serif;
	font-weight: bold;
	font-weight: 600;
	border-radius: 10px;
}

.pro-list .fl-l ul .a span {
	display: block;
	float: left;
	height: 55px;
	line-height: 55px;
	font-family: Montserrat,Arial,sans-serif;
}

.pro-list .fl-l ul .a:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
}

.pro-list .fl-l ul .a.on,
		.sideMenu li.on .a,
		.pro-list .fl-l ul a.active,
		.pro-list .fl-l ul a:hover,
		.pro-list .fl-l ul .a:hover {
	color: #1d75ac;
	color: #1d75ac;
}

.pro-list .fl-l ul .a:hover {
	color: #1d75ac!important;
}

.pro-list .fl-l ul .a:before {
	content: '';
	border-radius: 50%;
	display: block;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	margin-left: 30px;
	margin-top: 14px;
	float: left;
	background: #1d75ac url(/css/images/li0.png) no-repeat 45% 45%;
	background-size: 22px;
	filter: grayscale(100%);
	opacity: .1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.pro-list .fl-l ul .a:after {
}
		/*.pro-list .fl-l ul li:nth-child(1) .a:before {
		background: #1d75ac  url(/css/images/ico2/Control_Valve.png) no-repeat center 5px;
		background-size: 28px!important;
		}
		.pro-list .fl-l ul li:nth-child(2) .a:before {
			background:  #1d75ac url(/css/images/ico2/ball_valve.png) no-repeat center 58%;
		background-size: 28px!important;
		}
 
		.pro-list .fl-l ul li:nth-child(3) .a:before {
			background:  #1d75ac url(/css/images/ico2/Slab_Gate.png) no-repeat center;
		background-size: 13px!important;
		}
		.pro-list .fl-l ul li:nth-child(4) .a:before {
			background:  #1d75ac  url(/css/images/ico2/Butterfly_Valve.png) no-repeat center 85%;
		background-size: 18px!important;
		}
			.pro-list .fl-l ul li:nth-child(5) .a:before {
			background: #1d75ac  url(/css/images/ico2/Plug_Valve.png) no-repeat center 0%;
		background-size: 38px!important;
		}
		.pro-list .fl-l ul li:nth-child(6) .a:before {
			background: #1d75ac   url(/css/images/ico2/Universal_Valve.png) no-repeat center 5px;
		background-size: 29px!important;
		}
		.pro-list .fl-l ul li:nth-child(7) .a:before {
			background: #1d75ac  url(/css/images/ico2/Compact_Forged_Steel_Valve.png) no-repeat center 70%;
		background-size: 23px!important;
		}
		.pro-list .fl-l ul li:nth-child(8) .a:before {
			background: #1d75ac  url(/css/images/ico2/Cryogenic_Valve.png) no-repeat center 40%;
		background-size: 31px!important;
		}
		.pro-list .fl-l ul li:nth-child(9) .a:before {
			background: #1d75ac  url(/css/images/ico2/Special_Valves.png) no-repeat center 70%;
		background-size: 23px!important;
		}
		
		
		.pro-list .fl-l.sol-a ul li:nth-child(1) .a:before {
		background: #1d75ac  url(/css/images/ico1.png) no-repeat center;
		background-size: 20px!important;
		}
		.pro-list .fl-l.sol-a ul li:nth-child(2) .a:before {
			background:  #1d75ac url(/css/images/l2.png) no-repeat center 58%;
		background-size: 28px!important;
		}
		.pro-list .fl-l.sol-a ul li:nth-child(3) .a:before {
			background: #1d75ac  url(/css/images/l3.png) no-repeat center 50%;
		background-size: 20px!important;
		}
		.pro-list .fl-l.sol-a ul li:nth-child(4) .a:before {
			background:  #1d75ac url(/css/images/l4.png) no-repeat center;
		background-size: 20px!important;
		}
		.pro-list .fl-l.sol-a ul li:nth-child(5) .a:before {
			background:  #1d75ac  url(/css/images/l5.png) no-repeat center 45%;
		background-size: 20px!important;
		}
			.pro-list .fl-l.sol-a ul li:nth-child(6) .a:before {
			background: #1d75ac  url(/css/images/l6.png) no-repeat center;
		background-size: 22px!important;
		}*/
		
.pro-list .fl-l ul .on .a:before,
 .pro-list .fl-l ul .a:hover:before,
 .pro-list .fl-l ul a.active .a:before,
 .sideMenu li.on .a:before {
	filter: grayscale(0%);
	opacity: 1;
	opacity: 1;
	background: #1d75ac url(/css/images/li2.png) no-repeat 45% 45%;
	background-size: 22px;
}

.pro-list .fl-l.sol-a ul li.on a:before,
  .pro-list .fl-l ul li a.active .a:before,
   .pro-list .fl-l ul li.current .a:before {
	filter: grayscale(0%);
	opacity: 1;
	background: #1d75ac url(/css/images/li2.png) no-repeat 45% 45%;
	background-size: 22px;
}

.pro-list .fl-l ul .li1 a:before {
	background: #1d75ac url(/css/images/ico1.png) no-repeat center;
	background-size: 22px;
}

.pro-list .fl-l ul .li2 a:before {
	background: #1d75ac url(/css/images/l2.png) no-repeat center;
	background-size: 22px;
}

.pro-list .fl-l ul .li3 a:before {
	background: #1d75ac url(/css/images/l3.png) no-repeat center;
	background-size: 22px;
}

.pro-list .fl-l ul .li4 a:before {
	background: #1d75ac url(/css/images/l4.png) no-repeat center;
	background-size: 22px;
}

.pro-list .fl-l ul .li5 a:before {
	background: #1d75ac url(/css/images/l5.png) no-repeat center;
	background-size: 22px;
}

.pro-list .fl-l ul .li6 a:before {
	background: #1d75ac url(/css/images/l6.png) no-repeat center;
	background-size: 22px;
}

.pro-list .fl-l ul a:hover,
		.pro-list .fl-l ul .current a {
	color: #1d75ac;
	background: #fff;
}

.pro-list .fl-l ul .current a {
	font-weight: bold;
}

.pro-list .fl-l .span {
	color: #1d75ac;
	font-weight: bold;
	font-size: 22px;
	border-top: 0px solid #1d75ac;
	padding-top: 20px;
	text-transform: uppercase;
	margin-bottom: 60px;
	font-family: Montserrat,Arial,sans-serif;
}

.pro-list .fl-l .span svg {
	display: inline-flex;
	width: 25px;
	height: 25px;
	margin-right: 6px;
	margin-left: 10px;
	fill: #1d75ac;
	transform: translateY(3px);
}

.pro-list .rt-l {
	width: calc(100% - 350px);
	float: right;
	padding-top: 0px;
	padding-left: 60px;
}

.pro-list .rt-l .h1 {
	padding-bottom: 20px;
}

.pro-list .rt-l .h1 h1 {
	font-size: 36px;
}

.pro-list .rt-l div.hr {
	margin: 20px 0 80px;
	height: 1px;
	width: 100%;
	display: block;
	background: #ccc;
}

.pro-list .rt-l .scp li {
	width: 49%;
	margin-right: 1%;
	height: auto;
	margin-bottom: 30px;
}

.pro-re .scp li {
	height: auto;
}

.pro-list  .scp li:nth-child(3n) {
	margin-right: 0%;
}

.scp li a .span::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.scp li a:hover {
	box-shadow: 1px 1px 13px 6px #ececec;
}

.scp li .more {
	margin-top: 50px;
	float: left;
	background: url(/css/images/right.png) no-repeat right center;
	background-size: 13px;
}

.scp li a:hover .more {
	color: #fff;
	background: url(/css/images/right-w.png) no-repeat right center;
	background-size: 13px;
}

.pro-list .rt-l .h2 {
	font-size: 32px;
	text-transform: capitalize;
	font-weight: bold;
	padding-bottom: 10px;
	position: relative;
	font-family: Montserrat,Arial,sans-serif;
}

.pro-list .rt-l .h2 span {
	position: relative;
	padding-right: 60px;
	display: initial;
	font-size: 32px;
	text-transform: capitalize;
	font-weight: bold;
}

.pro-list .rt-l .h2 p {
	font-size: 24px;
}

.pro-list .rt-l .h2 .new-svg {
	position: absolute;
	right: 0;
	top: -6px;
	width: 60px;
	height: 38px;
}

.pro-list .rt-l .h2 .new-svg svg {
	width: 50px;
	height: 38px;
}

.so {
	margin-bottom: 30px;
}

.so .hjc {
	position: absolute;
	top: 14px;
	right: 80px;
}

.so  .hjc a {
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: #666;
	background: #eee;
	padding: 4px 15px;
	border-radius: 20px;
}

.so  .hjc a:hover {
	color: #fff;
	background: #1d75ac;
}

.so form {
	height: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.so .sear-inpu {
	line-height: 50px;
	width: calc(100% - 60px);
	background: #fff;
	color: #666;
	border: 1px solid #eee;
	border-right: 0;
	font-size: 12px;
	letter-spacing: 0.5px;
	height: 50px;
	padding-left: 20px;
}

.so .btn {
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	background: #039688 url(/css/images/so-w.png) no-repeat center;
	background-size: 30px;
	text-indent: -99999px;
	border: none;
	padding-right: 0px;
    /* background: #bbbbbb; */
	width: 60px;
}

.so img {
	margin: 0 auto;
	cursor: pointer;
	display: none;
	height: 20px;
}

#pro-body #header,
.b-menu  #header {
	border-bottom: 1px solid #ddd;
}

.b-menu {
}

.b-menu #header {
	background: #fff;
}

.b-menu #header .a {
	color: #333;
}

.b-menu #header .logo {
	background: url(/css/images/logo2.png) no-repeat left top;
	background-size: 220px;
}

.b-menu #header .rt .cont a {
	background: #1d75ac;
	border: 1px solid #1d75ac;
	color: #fff;
}

.b-menu #header  .rt .cont a {
	background: #1d75ac;
	background: linear-gradient(to left bottom, #d5fffb, rgb(255 255 255) 50%);
	color: #009688;
	border: 1px solid #1d75ac;
}

.b-menu #header .rt .cont a:hover {
	background: #1d75ac;
	color: #fff;
	border: 1px solid #1d75ac;
}

.b-menu #header .rt .so svg,
     .b-menu #header .rt .lang svg,
     .master_hide #header .rt .so svg,
     .master_hide #header .rt .lang svg {
	fill: #333;
}

.h-put {
	padding: 0px 0 0;
	position: relative;
}

.h-put .h2 span {
	font-size: 26px;
	color: #1d75ac;
}

.h-put .h2 b {
	color: #333;
	font-size: 38px;
	padding-right: 200px;
}

.h-put .swiper {
	width: 100%;
	height: 100%;
}

.h-put .swiper-slide {
	display: flex;
	justify-content: flex-start;
}

.h-put .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.h-put .swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.h-put .swiper-slide {
	background-size: cover;
	background-position: center;
}

.h-put .mySwiper3 {
	height: 100%;
	width: calc(100% - 220px);
	width: 100%;
	position: relative;
}

.h-put .mySwiper3 .swiper-slide {
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
	padding-top: 200px;
	padding-bottom: 0px;
	overflow: hidden;
}

.h-put .mySwiper3 .swiper-slide {
	background: url('/images/2.jpg') no-repeat 90% 180px;
	background-size: 70% auto;
}

.h-put .mySwiper3 .swiper-slide.li2 {
	background: url('/images/3.jpg') no-repeat 90% 180px;
	background-size: 70% auto;
}

.h-put .mySwiper3 .swiper-slide.li4 {
	background: url('/images/4.jpg') no-repeat 90% 180px;
	background-size: 80% auto;
}

.h-put .mySwiper3 .swiper-slide.li3.swiper-slide-active,
.h-put .mySwiper3 .swiper-slide.li4.swiper-slide-active,
.h-put .mySwiper3 .swiper-slide.li5.swiper-slide-active {
}

.h-put .mySwiper3a {
	height: 100%;
	height: 100px;
	box-sizing: border-box;
	padding: 10px 0;
	width: 220px;
	width: 80%;
	position: absolute;
	left: 10%;
	top: 60px;
	z-index: 999;
}

.h-put .mySwiper3a .swiper-slide {
	width: 100%!important;
	height: 140px!important;
	opacity: 1;
	background-repeat: no-repeat;
	background-size: cover!important;
	font-weight: bold;
}

.h-put .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.h-put .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.h-put .rt-1 {
	width: 100%;
	float: none;
	padding-bottom: 0;
}

.h-put .rt-1 ul {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	transform: initial!important;
}

.h-put .rt-1 .fl-2 {
	position: absolute;
	top: 250px;
	left: 10%;
	z-index: 999;
	padding-top: 0px;
}

.h-put .h2 {
	padding-bottom: 10px;
	padding-top: 20px;
	text-align: left;
	z-index: 999;
	position: absolute;
	top: 185px;
	left: 10%;
}

.h-put .h2.clearfix b {
	font-size: 20px;
}

.h-put .fl-2 h2 {
	font-size: 44px;
	color: #1d75ac;
	color: #333;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 10px;
}

.h-put .fl-2 .more2 {
	margin-top: 50px;
	background: none;
	border: 1px solid #1d75ac;
}

.h-put .fl-2 .more2:hover {
	background: #1d75ac;
	color: #fff;
	border: 1px solid #1d75ac;
}

.h-put .fl-2 .p {
	font-size: 16px;
	color: #333;
	max-width: 700px;
	padding-right: 30px;
	overflow: hidden;
	height: 1480pxpx;
	white-space: pre-line;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	display: -webkit-box;
}

.h-put .swiper-button-next,
.h-put .swiper-button-prev {
	top: auto;
	right: auto;
	left: 50%;
	bottom: 50px;
	color: #000;
	border: 1px solid #000;
	border-radius: 0;
	width: 55px;
	height: 55px;
	line-height: 60px;
	border-radius: 50%;
	text-align: center;
	display: block;
	text-align: center;
	margin: 0;
	/*background: hsl(0deg 0% 0% / 15%);*/
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.h-put .swiper-button-next:hover,
.h-put .swiper-button-prev:hover {
	background: hsl(0deg 0% 100% / 5%);
	background: #1d75ac;
	border: 1px solid #1d75ac;
	color: #fff;
}

.h-put .swiper-button-next {
	left: calc(10% + 64px);
}

.h-put .swiper-button-prev {
	left: 10%
}

.h-put .swiper-button-next::after,
.h-put .swiper-button-prev::after {
	font-size: 25px;
	opacity: 0.4;
}

.h-put .mySwiper3a .swiper-slide {
	width: 15.666%!important;
	width: 19%!important;
	height: 50px!important;
	line-height: 50px;
	margin-right: 1%;
	opacity: 1;
	position: relative;
	text-align: center;
	padding-left: 0px;
	color: #007bc1;
	border-radius: 30px;
	background: #eee;
	justify-content: center;
}

.h-put .mySwiper3a .swiper-slide::after {
	content: '';
	display: block;
	height: 40px;
	width: 1px;
	background: #222;
	position: absolute;
	bottom: -10px;
	left: 5px;
	display: none;
}

.h-put .mySwiper3a .swiper-slide:last-child:after {
	display: none;
}

.h-put .mySwiper3a .swiper-slide:before {
	content: '';
	display: block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #222;
	position: absolute;
	left: 0;
	top: 10px;
	display: none;
}

.h-put .mySwiper3a .swiper-slide-thumb-active {
	opacity: 1;
	color: #007bc1;
	color: #fff;
	background: #007bc1;
}

.h-put  .mySwiper3a .swiper-slide-thumb-active:before {
	height: 12px;
	width: 12px;
	background: #007bc1;
	top: 8px;
}

.h-put  .rt-1 .cp-li {
	width: 120px;
	height: 500px;
	margin-left: 20px;
	float: right;
}

.h-put  .rt-1 .img {
	background-color: #fff!important;
	background: url('/css/images/a7.png') no-repeat center;
	background-size: 450px!important;
	width: 520px!important;
	height: 500px;
	overflow: hidden;
}

.h-put .rt-1 .img2 {
		/*background:  url('/css/images/a7.png') no-repeat right bottom;*/
	background-size: 100%!important;
	background-position: center bottom;
	background-repeat: no-repeat;
	max-width: 1500px;
	width: 90%;
	height: 500px!important;
	margin-top: 150px;
	margin: 190px auto 0;
	-webkit-transition: all 1.7s ease;
	transition: all 1.7s ease;
	transform: translateX(-400px);
}

.h-put .rt-1 .swiper-slide-active .img2 {
	transform: translateX(00px);
}

.h-put .rt-1 .li1 .img2 {
	background-size: 90%!important;
	background-position: center 70%;
	height: 550px!important;
}

.h-put .rt-1 .li2 .img2 {
	background-size: 90%!important;
	background-position: center bottom;
	height: 600px!important;
}

.pro-body,
		.n2-body {
	margin-top: 200px;
}

.pro-body {
	margin-top: 130px;
}

.pro-body.h-pro {
	margin-top: 0;
	padding: 0px 0 0px;
}

.pro-body .fl-1 {
	float: left;
	width: calc(100% - 750px);
	padding-top: 50px;
	background: #f7f7f7;
	padding: 30px 30px;
	border-radius: 20px;
}

.pro-body .rt-1 {
	float: right;
	position: relative;
	width: 680px;
	padding-bottom: 50px;
}

.pro-body .rt-1 .cp-img1 {
	float: left;
	width: 500px !important;
	height: 500px;
	margin-top: 10px;
}

.pro-body .fl-1 h1 {
	font-size: 42px;
	color: #1d75ac;
	color: #222;
	font-weight: bold;
	padding-bottom: 40px;
	font-family: Montserrat,Arial,sans-serif;
}

.pro-body .fl-1 .span {
	display: block;
	padding-bottom: 0px;
	color: #666;
	color: #1d75ac;
}

.pro-body  .img5 {
	width: 100%;
	max-width: 650px;
	margin-top: 100px;
   /* position: absolute;
    left: 0%;
    bottom: 0;*/
	z-index: 9;
}

.pro-body .img5 img {
	width: 100%;
}

.pro-body .z9 {
	z-index: 9;
}

.pro-body .img6 {
	position: absolute;
	left: -70%;
	top: -20%;
	display: none;
}

.pro-body .cp8 {
	margin-top: 50px;
	height: 77px;
	width: 269px;
	border-radius: 200px;
	padding-top: 18px;
	line-height: 1.5;
	font-size: 14px;
	color: #666;
	background: #f7f7f7 url(/css/cp8.png) no-repeat 10px center;
	padding-left: 64px;
	background-size: 50px;
	font-weight: bold;
	position: absolute;
	bottom: 0px;
	right: 0;
	z-index: 99;
}

#pro-body .pro-body .w90 {
	padding-bottom: 0px;
}

.pro-body .fl-1 .p {
	font-size: 17px;
	color: #666;
	max-width: 650px;
/*    height: 110px;*/
	line-height: 1.5;
	margin-bottom: 50px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
   /* -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-line;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    text-align: left;
    text-indent: 0;*/
}

.pro-body .rt-1 .cp-li {
	width: 120px;
	height: 500px;
	margin-left: 20px;
	float: right;
}

.pro-body .rt-1 .img {
	background-color: #fff!important;
	background: url('/css/images/a7.png') no-repeat center;
	background-size: 450px!important;
	background-size: contain!important;
	width: 500px!important;
	height: 500px!important;
	overflow: hidden;
}

#pro-body .pro-body .rt-1:before {
	content: '';
	display: block;
	width: 520px;
	height: 200px;
	background: url('/css/images/round3.svg') no-repeat center bottom;
	background-size: 100%;
	position: absolute;
	bottom: 0px;
	right: 180px;
	z-index: 9;
}

.pro-body.h-pro .rt-1 .img2 {
	background-size: 480px!important;
}

.cp-li .swiper-slide {
	opacity: 0.7;
}

.cp-li .swiper-slide-thumb-active,
.cp-li .swiper-slide:hover {
	opacity: 1;
	border: 1px solid #1d75ac!important;
}

.pro-body .rt-1 ul {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
}

.pro-body .rt-1 ul li {
	border: 1px solid #eee;
	padding: 0px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 16px;
	letter-spacing: 0px;
}

#pro-body .pro-body .rt-1 ul li {
	border: 1px solid #ccc;
	height: 100px;
	padding: 20px;
	margin-bottom: 10px;
	width: 100px!important;
	padding-bottom: 0px;
	text-align: center;
	font-size: 18px;
	letter-spacing: -1px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#pro-body .pro-body .rt-1 ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	/* justify-content: center; */
	align-items: flex-start;
	align-content: space-around;
	justify-content: flex-start;
}

.h-pro .mySwiper .swiper-slide-thumb-active,
	.h-pro .mySwiper .swiper-slide:hover {
	/*	border-bottom: 2px solid #1d75ac;
		color: #1d75ac;*/
	opacity: 1;
}

.more2 {
	background: url(/css/images/bg7.png) no-repeat center;
	background: #fff;
	background-size: cover;
/*		background: linear-gradient(to right bottom, #74fff2, rgb(255 255 255) 100%);
		background: #1d75ac;*/
	background-size: cover;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #1d75ac;
	border-radius: 80px;
	display: block;
	width: 160px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	-webkit-transition: all 0s ease;
	transition: all 0s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.more2:hover {
	background: #1d75ac;
	color: #fff;
}

.more2.play {
	position: relative;
	width: 180px;
	padding-left: 30px;
	background: linear-gradient(to left bottom, #74fff2, rgb(255 255 255) 100%);
}

.more2.play:hover,
	.pro-body .fl-1 .more3:hover {
	background: #1d75ac;
	color: #fff;
}

.more2.play:hover:before {
	background-image: url('/css/images/play2.png');
	background-size: 20px;
}

.more2.play:before {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 30px;
	top: 4px;
	background-image: url('/css/images/play.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
}

.pro-body .fl-1 .more2 {
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.pro-body .fl-1 .more3 {
	width: 200px;
	height: 50px;
	line-height: 50px;
	background: #fff url(/css/images/down.png) no-repeat 40px center;
	background-size: 22px;
	padding-left: 25px;
	border: 1px solid #ddd;
	margin-left: 10px;
	font-size: 14px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.pro-body .fl-1 .more3:hover {
	border: 1px solid #1d75ac;
	background: #1d75ac url(/css/images/down2.png) no-repeat 40px center;
	background-size: 22px;
}

.pro-body .fl-1 .more-a {
	display: flex;
	margin-top: 50px;
}

.po-2 {
	width: 100%;
	background: #eee;
}

.po-2 ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.po-2 li {
	width: 100%;
	border-bottom: 5px solid #eee;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.po-2 li.on,
	.po-2 li:hover {
	border-bottom: 5px solid #1d75ac;
}

.po-2 li a {
	width: 100%;
	height: 50px;
	line-height: 50px;
	display: block;
	font-size: 15px;
	text-align: center;
}

.pro-body2 #c1 {
	margin-top: 70px;
	padding-bottom: 50px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	position: relative;
}

.pro-body2 #c1 .imgbg {
	background: url(/css/images/probg4.jpg) no-repeat center;
	background-size: cover;
	width: 92%;
	height: 100%;
	position: absolute;
	left: 4%;
	border-radius: 20px;
	position: absolute;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.pro-body2 #c1 .w90 {
	border-top: 1px solid #ccc;
	padding: 90px 0 0px;
	margin-top: 50px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	z-index: 3;
	position: relative;
}

.master_hide2 .pro-body2 #c1 .w90 {
	border-top: 0px solid #ccc;
}

.pro-body2 #c2 .rt-a {
	display: flex;
}

.pro-body2 #c2 .child-div2 {
	width: calc(100% - 350px);
}

.pro-body2 #c2 .rt-a .rt-t {
	width: 350px;
	margin-left: 40px;
}

.pro-body2 #c2 .rt-a .rt-t img {
	width: 100%;
}

.pro-body2 .pro1 .child-div7 a {
	width: 192px;
	height: 50px;
	background: #fff url(/css/images/pdf.png) no-repeat center;
	display: block;
	background-size: 28px;
	border: 1px solid #1f28bd;
	text-indent: -99999px;
	position: relative;
}

.pro-body2 .pro1 .child-div7 a:hover {
	background: #1d75ac url(/css/images/pdf2.png) no-repeat center;
	background-size: 28px;
}

.pro-body2 .pro1 .child-div7 a:before {
}

.pro-body2 .pro1 {
	padding-top: 100px;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
	padding: 60px 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.pro-body2 #c1 .pro1 {
	border-bottom: 0px solid #eee;
	padding-bottom: 30px;
}

.pro-body2 .pro1.empty-class {
	display: none;
}

.pro-body2 .pro1 .fl-a {
		/*float: left;
		width: 30%;*/
}

.pro-body2 .pro1 .fl-a .b,
	.pro-re .b {
	margin: 0 auto;
	display: block;
	position: relative;
	padding-left: 25px;
	height: 40px;
	line-height: 40px;
	text-transform: capitalize;
	font-size: 32px;
	margin-bottom: 30px;
	font-weight: bold;
	font-weight: normal;
}

.pro-re .b {
	margin-bottom: 30px;
}

.pro-body2 .pro1 .fl-a .b::before,
	.pro-re .b::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	display: block;
	background: #1d75ac;
	position: absolute;
	left: 0;
	top: 15px;
}

.pro-body2 .pro1 .rt-a {
	/*	float: right;
		width: 70%;*/
}

.pro-body2 .pro1 .rt-a.down-1 a {
	display: block;
	width: 150px;
	text-align: center;
}

.pro-body2 .pro1 .rt-a.down-1 a:hover svg {
	fill: #1d75ac!important
}

.pro-body2 .pro1 .rt-a.down-1 a span {
	display: block;
	text-align: center;
	color: #999;
	font-size: 13px;
}

.pro-body2 .pro1 .rt-a.down-1 svg {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.pro-body2 .pro1 .rt-a .svg {
}

.pro-body2 .pro1 .rt-a p {
	margin: 0!important;
	line-height: 1.8;
}

.pro-body2 .pro1 .rt-a p,
	.pro-body2 .pro1 .rt-a span {
	font-size: 17px!important;
	line-height: 1.6;
	color: #444!important;
	text-transform: capitalize;
	font-family: -apple-system, Segoe UI, Source Han Sans CN, PingFangSC, PingFang SC-Semibold, Hiragino Sans GB, Microsoft YaHei, "STSong", "SimSun", Arial, sans-serif!important;
}

.pro-body2 .pro1 .rt-a p strong {
	color: #222;
	padding-right: 10px;
}

.pro-body2 .pro1 .rt-a .table  table {
	width: 100%!important;
}

.pro-body2 .pro1 .rt-a .table td {
	padding: 20px 30px;
	text-align: left;
	text-indent: 0%;
	width: 50%;
	font-size: 16px;
	text-transform: capitalize;
}

.pro-body2 .pro1 .rt-a .table td {
	border-right: 0px solid #fff!important;
}

.pro-body2 .pro1 .rt-a .table td:first-child {
	border-right: 2px solid #fff!important;
	color: #666;
}

.pro-body2 .pro1 .rt-a .table tr {
	background: #eee;
}

.pro-body2 .pro1 .rt-a .table tr:nth-child(2n) {
	background: #fff;
}

.pro-re {
	margin-bottom: 80px;
	padding-top: 80px;
}

.pro-0 .li {
	width: 100%;
	background: #f5f5f5 url(/css/images/bg10.jpg) no-repeat center bottom;
	background-size: 100%;
	margin-bottom: 50px;
	height: 240px;
	width: 45%;
	float: left;
	margin-right: 5%;
}

.pro-0 .li:nth-child(2n) {
	margin-right: 0;
	float: right;
}

.pro-0 .li a {
	padding: 30px 30px 20px;
	display: block;
	position: relative;
	height: 100%;
}

.pro-0 .li a .fl-0 b {
	font-size: 24px;
	padding-bottom: 15px;
	font-weight: bold;
	text-transform: capitalize;
	display: block;
}

.pro-0 .li a .rt-0 {
		/*width: 40%;
		float: right;
		*/
}

.pro-0 .li a .fl-0 {
	width: 60%;
	width: calc(100% - 100px);
	float: left;
}

.pro-0 .li a .rt-0 .img {
	background: url(/css/images/a8.png) no-repeat center;
	background-size: 100%;
	width: 220px;
	transform: scale(0.9);
	height: 220px;
	margin: 0 auto;
	margin-top: 0px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: absolute;
	right: -70px;
}

.pro-0 .li.li1 a .rt-0 .img {
	background: url(/css/images/li21.png) no-repeat center;
	background-size: 150px;
}

.pro-0 .li.li2 a .rt-0 .img {
	background: url(/css/images/li22.png) no-repeat center;
	background-size: 190px;
}

.pro-0 .li.li3 a .rt-0 .img {
	background: url(/css/images/li233.png) no-repeat center;
	background-size: 205px;
}

.pro-0 .li.li4 a .rt-0 .img {
	background: url(/css/images/li24.png) no-repeat center;
	background-size: 195px;
}

.pro-0 .li.li5 a .rt-0 .img {
	background: url(/css/images/li255.png) no-repeat center;
	background-size: 170px;
}

.pro-0 .li.li6 a .rt-0 .img {
	background: url(/css/images/li26.png) no-repeat center;
	background-size: 140px;
}

.pro-0 .li.li7 a .rt-0 .img {
	background: url(/css/images/li27.png) no-repeat center;
	background-size: 150px;
}

.pro-0 .li.li8 a .rt-0 .img {
	background: url(/css/images/li28.png) no-repeat center;
	background-size: 150px;
}

.pro-0 .li a .rt-0 .img {
}

.pro-0 .li a .fl-0 p {
	padding-bottom: 50px;
	color: #666;
	max-width: 700px;
	font-size: 13px;
	height: 62px;
	margin-bottom: 20px;
	line-height: 1.5;
	overflow: hidden;
	white-space: break-spaces;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
}

.pro-0 .li a:hover {
	box-shadow: 1px 1px 8px 4px #ddd;
}

.pro-0 .li a:hover .img {
	transform: scale(1);
	right: -60px;
}

.sol-p h3 {
	font-size: 32px;
	font-family: Montserrat,Arial,sans-serif;
}

.sol-p .p {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 20px;
	color: #666;
}

.sol-p .p p {
	font-family: -apple-system, Segoe UI, Source Han Sans CN, PingFangSC, PingFang SC-Semibold, Hiragino Sans GB, Microsoft YaHei, "STSong", "SimSun", Arial, sans-serif!important;
	font-size: 16px!important;
	color: #444!important;
}

.sol-p .p b,
		.sol-p .p h3,
		.sol-p .p strong,
			.sol-p .p strong span {
	font-family: -apple-system, Segoe UI, Source Han Sans CN, PingFangSC, PingFang SC-Semibold, Hiragino Sans GB, Microsoft YaHei, "STSong", "SimSun", Arial, sans-serif!important;
	font-size: 22px!important;
	color: #1d75ac!important;
}

.sol-p .p strong {
	display: block;
	font-size: 24px;
	color: #1d75ac;
}

.sol-p {
	margin-bottom: 0px;
}

.sol-p .ul {
	margin: 0px 0 0px;
	height: 650px;
}

.sol-p .ul .fl-s,
		.sol-p .ul .rt-s {
	float: left;
	width: 50%;
	height: 650px;
	background: #eee;
	float: none;
	width: 100%;
}

body .sol-p .ul .rt-s {
	display: none;
}

.sol-p .ul .rt-s a:hover,
		.sol-p .ul .rt-s a:hover p {
	color: #1d75ac;
}

.sol-p .ul .fl-s .img {
	background: url('/css/images/a2.jpg') no-repeat left top;
	background-size: cover;
	width: 100%;
	height: 650px;
}

.sol-p .ul .fl-s .img a {
	display: block;
	width: 100%;
	height: 100%;
}

.sol-p .ul .rt-s {
	padding: 30px;
	position: relative;
	display: block;
}

.sol-p .ul .rt-s b {
	font-size: 22px;
	display: block;
	padding-bottom: 30px;
}

.sol-p .ul .rt-s p {
	font-size: 15px;
	color: #666;
	line-height: 1.6;
}

.mySwiper-sol1  .num {
	font-size: 22px;
	color: #1d75ac;
	font-weight: bold;
	position: absolute;
	left: 30px;
	bottom: 40px;
}

.mySwiper-sol1 {
	position: relative;
}

.mySwiper-sol1 .swiper-button-next {
	width: 50px;
	position: absolute;
	right: 20px;
	left: auto;
	bottom: 30px;
	display: block;
	margin: 0;
	top: auto;
}

.mySwiper-sol1 .swiper-button-prev {
	width: 50px;
	position: absolute;
	right: 80px;
	left: auto;
	top: auto;
	bottom: 30px;
	display: block;
	margin: 0;
}

.mySwiper-sol1 .swiper-button-prev:after, 
		.mySwiper-sol1 .swiper-button-next:after {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #eee;
	font-size: 32px;
	color: #1d75ac;
}

.mySwiper-sol1 .swiper-button-prev:hover:after, 
		.mySwiper-sol1 .swiper-button-next:hover:after {
	color: #fff;
	background: #1d75ac;
}

.sol-p .ul .next2 {
	width: 110px;
	position: absolute;
	right: 30px;
	bottom: 30px;
}

.sol-p .ul .next2 a {
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	background: #fff url('/css/images/left.png') no-repeat center;
	background-size: 14px;
	border: 1px solid #eee;
}

.sol-p .ul .next2 a:hover {
	transform: scale(1.1);
}

.sol-p .ul .next2 a:nth-child(1) {
	margin-right: 10px;
}

.sol-p .ul .next2 a:nth-child(2) {
	background: #1d75ac url('/css/images/right-w.png') no-repeat center;
	background-size: 14px;
}

.cbody {
	padding: 50px 0 100px;
	overflow: hidden;
}

.cbody .fl {
	width: 50%;
	float: left;
	float: none;
	width: 100%;
	padding-top: 50px;
}

.cbody .fl .c b {
	display: block;
	font-size: 18px;
	color: #1d75ac;
	padding-bottom: 10px;
	font-family: Montserrat,Arial,sans-serif;
}

.cbody .fl .c .p {
	color: #333;
	line-height: 1.8;
	padding-right: 200px;
}

.cbody .fl .c p em {
	display: block;
	font-weight: normal;
	font-style: normal;
	padding-bottom: 10px;
}

.cbody .fl .c a {
	color: #1d75ac;
}

.cbody .fl .c.c1 {
	border: 1px solid #d7d7d7;
	padding: 35px 30px;
	width: 100%;
	position: relative;
}

.cbody .fl .c.c1 .img {
	width: 50%;
	float: left;
	margin-bottom: 20px;
	max-height: 268px;
	overflow: hidden;
}

.cbody .fl .c.c1 .img img {
	width: 100%;
}

.cbody .fl .c.c1 .rtt {
	width: 50%;
	float: left;
	padding-bottom: 0;
}

.cbody .fl .c.c1 .rtt a.mapp {
	display: block;
	margin-top: 20px;
	width: 200px;
	background: #222;
	padding: 10px 10px;
	border: 1px solid #eee;
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: linear-gradient(to left bottom, #d5fffb, rgb(255 255 255) 50%);
	color: #009688;
	border: 1px solid #1d75ac;
}

.cbody .fl .c.c1 .rtt a.mapp:hover {
	background: #eee;
}

.cbody .fl .c.c1 .rtt a img {
	display: inline-block;
	width: 30px;
	padding-right: 2px;
	margin-left: 20px;
}

.cbody .fl .c.c1 .rtt b {
	font-size: 26px;
}

.cbody .fl .c.c-map {
	width: 100%;
	float: none;
	height: 490px;
	background: #eee;
	margin-bottom: 50px;
	border-radius: 10px;
	overflow: hidden;
	display: none;
}

.c-map iframe {
	width: 100%;
	height: 100%;
}

.cbody .fl .c {
	width: 50%;
	float: left;
	margin-bottom: 50px;
}

.cbody .fl .c3 {
	width: 33%;
}

.cbody .fl .hr {
	width: 100%;
	background: #bbb;
	height: 1px;
	margin-bottom: 50px;
}

.cbody .fl .hr:before {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cbody .fl .c .img img {
	width: 450px;
	width: 90%;
	border-radius: 5px;
	display: block;
	margin: 4px 0 10px;
}

.cbody .rt {
	width: 50%;
	float: right;
	float: none;
	width: 100%;
	padding: 50px 60px 40px;
	background: #f5f5f5;
	position: relative;
}

.cbody .rt em {
	display: block;
	font-size: 12px;
	color: #555;
	position: absolute;
	left: 60px;
	bottom: 20px;
}

#inline1 form textarea {
	background: #fff;
	padding: 13px 10px;
	height: 80px;
	border: 1px solid #ccc;
}

.cbody .rt form {
	display: block;
	padding-bottom: 20px;
}

.cbody .rt .form .b em {
}

.form b {
	font-size: 24px;
	display: block;
	margin-bottom: 40px;
	font-family: Montserrat,Arial,sans-serif;
}

.form input {
	display: block;
	background: none;
	border-bottom: 1px solid #aaa;
	margin-bottom: 20px;
	height: 50px;
	line-height: 1.5;
	color: #555;
	width: 100%;
	padding-left: 20px;
}

.form input::input-placeholder {
	color: #111;
}

.form  input::-webkit-input-placeholder {
	color: #111;
}

.form textarea::input-placeholder {
	color: #111;
}

.form  textarea::-webkit-input-placeholder {
	color: #111;
}

.form textarea {
	border: 0;
	border-bottom: 1px solid #ccc;
	width: 100%;
	height: 100px;
	padding: 20px;
	background: none;
	font-family: -apple-system, Segoe UI, Source Han Sans CN, PingFangSC, PingFang SC-Semibold, Hiragino Sans GB, Microsoft YaHei, "STSong", "SimSun", Arial, sans-serif;
	line-height: 1.5;
	color: #555;
	font-size: 100%;
	box-sizing: border-box;
	font-weight: normal;
}

.form input {
	font-family: -apple-system, Segoe UI, Source Han Sans CN, PingFangSC, PingFang SC-Semibold, Hiragino Sans GB, Microsoft YaHei, "STSong", "SimSun", Arial, sans-serif;
	line-height: 1.5;
	font-weight: normal;
	font-size: 16px;
}

.form input::-webkit-input-placeholder,
		.form textarea::-webkit-input-placeholder {
  /* WebKit browsers */
	font-family: -apple-system, Segoe UI, Source Han Sans CN, PingFangSC, PingFang SC-Semibold, Hiragino Sans GB, Microsoft YaHei, "STSong", "SimSun", Arial, sans-serif;
	line-height: 1.5;
	font-weight: normal;
	font-size: 16px;
}

.form input:-moz-placeholder,
		.form textarea:-moz-placeholder {
 /* Mozilla Firefox 4 to 18 */
	font-family: -apple-system, Segoe UI, Source Han Sans CN, PingFangSC, PingFang SC-Semibold, Hiragino Sans GB, Microsoft YaHei, "STSong", "SimSun", Arial, sans-serif;
	line-height: 1.5;
	font-weight: normal;
	font-size: 16px;
}

.form input::-moz-placeholder,
		.form textarea::-moz-placeholder {
 /* Mozilla Firefox 19+ */
	font-family: -apple-system, Segoe UI, Source Han Sans CN, PingFangSC, PingFang SC-Semibold, Hiragino Sans GB, Microsoft YaHei, "STSong", "SimSun", Arial, sans-serif;
	line-height: 1.5;
	font-weight: normal;
	font-size: 16px;
}

.form input:-ms-input-placeholder,
		.form textarea:-ms-input-placeholder {
 /* Internet Explorer 10+ */
	font-family: -apple-system, Segoe UI, Source Han Sans CN, PingFangSC, PingFang SC-Semibold, Hiragino Sans GB, Microsoft YaHei, "STSong", "SimSun", Arial, sans-serif;
	line-height: 1.5;
	font-weight: normal;
	font-size: 16px;
}

.form .more2 {
	color: #111;
	display: block;
	margin-top: 50px;
}

.form .more2:hover {
	color: #fff;
}

.nmenu {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.sup2, 
			.nmenu,
			.pr.z900 {
	position: relative;
	z-index: 99;
}

.pr.z900 {
	background: #fff;
}

.nmenu ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: row;
}

.nmenu li {
	width: 100%
}

.nmenu li a {
	font-size: 18px;
	height: 50px;
	display: block;
	width: 99%;
	border-radius: 11px;
	line-height: 50px;
	letter-spacing: 0.2px;
	margin: 10px auto;
	text-align: center;
	border-bottom: 3px solid rgb(238 238 238 / 0%);
	font-weight: bold;
	text-transform: capitalize;
}

.nmenu li.on a,
			.nmenu li:hover a {
	color: #1d75ac;
	background: #1d75ac;
	color: #fff;
	border-bottom: 3px solid #1d75ac;
}

.ns-body {
	background: #f5f5f5;
	padding: 50px 0;
}

.ns-body .so {
	margin: 0px 0 40px;
	width: 100%;
}

.ns-lst .ul li {
	display: block;
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 4%;
	display: block;
	border-bottom: 3px solid #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ns-lst .ul li a {
	display: block;
	width: 100%;
}

.ns-lst .ul li:hover {
	box-shadow: 1px 1px 13px 6px #ececec;
	border-bottom: 3px solid #1d75ac;
}

.ns-lst .ul li:nth-child(4n) {
	margin-right: 0;
}

.ns-lst .ul li .img {
	display: block;
	width: 100%;
	height: 240px;
	overflow: hidden;
	background: url('/css/images/a2.jpg') no-repeat center;
	background-size: cover;
}

.ns-lst .ul li:nth-child(2) .img {
	background: url('/css/images/a10.jpg') no-repeat center;
	background-size: cover;
}

.ns-lst .ul li:nth-child(3) .img {
	background: url('/css/images/a5.jpg') no-repeat center;
	background-size: cover;
}

.ns-lst .ul li:nth-child(4) .img {
	background: url('/css/images/a8.jpg') no-repeat center;
	background-size: cover;
}

.ns-lst .ul li:nth-child(5) .img {
	background: #fff url('/css/images/a8.png') no-repeat center;
	background-size: 50%;
}

.ns-lst .ul li:nth-child(6) .img {
	background: #fff url('/css/images/a7.png') no-repeat center;
	background-size: 60%;
}

.ns-lst .ul li .b {
	background: #fff;
	padding: 30px 20px 15px;
	display: block;
}

.ns-lst .ul li .b b {
	font-size: 15px;
	display: block;
	height: 100px;
}

.ns-lst .ul li .b span {
	display: block;
	color: #999;
	font-size: 15px;
	letter-spacing: 1px;
}

.fenye {
	border-top: 1px solid #ddd;
	margin-top: 50px;
	padding-top: 0px;
	display: block;
	background: none;
}

.fenye.hui {
}

.fenye select {
	display: none;
}

.fenye ul {
	margin: 50px auto 0;
	text-align: center;
	padding: 60px  0 20px;
	display: flex;
	border-top: 0px solid #ccc;
	border-radius: 0px;
	justify-content: center;
}

.fenye li {
	display: inline-block;
	margin-top: 0px;
	text-transform: capitalize;
}

.fenye li a {
	display: block;
	padding: 6px 12px;
	margin-left: 5px;
	margin-right: 5px;
	background: #FFF;
	color: #0fc7b5;
	line-height: 25px;
	font-size: 15px;
	border-radius: 3px;
	border: 2px solid #0fc7b5;
	text-transform: capitalize;
}

.fenye li a:hover {
	padding: 6px 12px;
	border: 2px solid #1d75ac;
	background: #1d75ac;
	color: #fff;
}

.fenye .thisclass a,
.fenye .active a {
	display: block;
	color: #fff;
	padding: 6px 12px;
	border: 2px solid #1d75ac;
	background: #1d75ac;
	color: #fff;
}

.fenye .pageinfo {
	display: none
}

.n2-body .fl {
	width: calc(100% - 580px);
	width: 100%;
	float: none;
}

.n2-body .rt {
	width: calc(100% - 880px);
	width: 500px;
	width: 100%;
	float: none;
}

.n2-body .rt .h4 {
	font-size: 32px;
	font-family: Montserrat,Arial,sans-serif;
	padding: 20px 0 20px;
	border-top: 1px solid #eee;
	margin-top: 50px;
}

.n2-body .rt ul {
	width: 100%;
	display: block;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: center;
	justify-content: flex-start;
}

.n2-body .rt ul li {
	margin-bottom: 30px;
	margin-right: 1%;
	width: 19%;
}

.n2-body .rt ul li:last-child {
	margin-right: 0px;
}

.n2-body .rt ul li a {
	display: block;
	width: 100%;
	height: 210px;
	max-width: 300px;
	border: 1px solid #ccc;
	color: #555;
	padding: 20px;
	font-size: 16px;
	line-height: 1.4;
	-webkit-transition: all 0s ease;
	transition: all 0s ease;
}

.n2-body .rt ul li a span {
	display: block;
	font-size: 12px;
	padding-top: 0;
	padding-bottom: 20px;
	color: #888;
}

.n2-body .rt ul li a .span {
	font-size: 13px;
	color: #888;
	padding-top: 5px;
}

.n2-body .rt ul li a:hover {
	color: #fff;
	border: 2px solid #1d75ac;
	background: #1d75ac;
	background-size: cover;
}

.n2-body .rt ul li a:hover span {
	color: #fff;
}

.b-menu .n2-body {
	margin-top: 66px;
}

.n2-body {
	padding: 5px 0 80px;
}

.n2-body .mart {
	margin-top: -150px;
	position: relative;
	background: #fff;
	border-radius: 10px 10px 0 0;
	z-index: 99;
	max-width: 1280px;
}

.n2-body .w90 {
	max-width: 1280px;
}

.n2-body h3 {
	font-size: 32px;
	line-height: 1.6;
	color: #111;
	font-weight: bold;
	padding-bottom: 20px;
}

.n2-body .timee {
	font-size: 15px;
	display: block;
	color: #777;
	margin: 0px 0 30px;
	text-transform: uppercase;
}

.n2-body .body1,
.n2-body .body1 p {
	display: block;
	font-size: 16px;
	line-height: 1.6;
	color: #666;
}

.n2-body .body1 p strong {
	font-weight: bold;
	color: #111;
}

.n2-body .body1 p,
.n2-body .body1 p span,
.n2-body .body1 p strong {
	white-space: pre-line;
	word-break: break-word;
	font-family: 'ge',-apple-system,Segoe UI,Source Han Sans CN,PingFangSC,PingFang SC-Semibold,Hiragino Sans GB,Microsoft YaHei,"STSong","SimSun",Arial,sans-serif!important;
}

.n2-body .body1 table {
	max-width: 100%!important;
}

.n2-body .body1 img {
	width: 100%;
	height: auto!important;
	display: block;
	margin: 20px auto 20px;
	max-width: 800px!important;
	height: auto;
}

.n2-body .body1 video {
	width: 100%;
	height: auto!important;
	display: block;
	margin: 20px auto 20px;
	max-width: 800px;
}

.n2-body .img2 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover!important;
	padding: 20px 0 50px;
	height: 400px;
	width: 100%;
	position: relative;
}

.n2-body .img2:before {
	content: '';
	display: block;
	width: 100%;
	height: 400px;
	background: linear-gradient(181deg, rgb(24 142 131), rgb(88 226 213 / 60%) 68.05%);
	opacity: 1;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
}

.s2.snew .ul li .img {
	height: 210px;
	width: 300px;
}

.index_main .s2.snew .ul li .img {
	height: 165px;
	width: 250px;
}

.n2-body .img2 h1 {
	font-size: 46px;
	line-height: 1.6;
	color: #fff;
	font-weight: bold;
	padding-bottom: 20px;
	position: relative;
	z-index: 3;
	padding-top: 30px;
}

.n2-body .img2 .timee {
	font-size: 15px;
	display: block;
	color: #fff;
	margin: 0px 0 30px;
	text-transform: uppercase;
	position: relative;
	z-index: 3;
}

.weiz {
	padding-bottom: 50px;
	color: #333;
	position: relative;
	z-index: 3;
	opacity: .8;
	font-size: 12px;
}

.weiz a {
	color: #333;
	text-transform: capitalize;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 12px;
}

.weiz a:first-child {
	padding-left: 0;
}

.n2-body .img2 .weiz,
.n2-body .img2 .weiz a {
	color: #fff;
	font-size: 13px;
	opacity: 0.9;
	text-transform: uppercase;
}

.n2-body .fl {
	float: none;
	margin: 50px auto;
    /* background: #222; */
	padding: 30px 30px;
	border: 0px solid #e7e7e7;
	border-top: 0;
	border-bottom: 0;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 3px #a7a7a73b;
}

.n2-body .fl iframe {
	width: 100%;
	height: auto;
	min-height: 550px;
}

.ab-body {
	padding: 70px 0 0px;
	position: relative;
	margin-top: 0px;
}

.ab-body .pa1 {
	position: relative;
	margin-right: 0;
}

.ab-body .img1 {
	background: url('/css/images/a11.jpg') no-repeat center;
	background-size: cover;
	width: 100%;
	height: 780px;
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 0px;
	margin-top: 0px;
}

.ab-body .img1 video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ab-body .pa1 .bg1 {
	width: 550px;
	height: 200px;
	padding: 45px 0px 50px 50px;
}

.ab-body .pa1 .bg1 b {
	font-size: 28px;
	padding-bottom: 0px;
}

.ab-body .pa1 .bg1 p {
	font-size: 16px;
}

.ab-body .bg1 {
	background: url(/css/images/bg11a.png) no-repeat center top;
	width: 700px;
	height: 250px;
	background-size: 100%;
	position: relative;
	z-index: 9;
	left: 0px;
	bottom: -280px;
	bottom: auto;
	padding: 45px 0px 50px 120px;
	color: #fff;
}

.ab-body .bg1 b {
	display: block;
	font-size: 38px;
	padding-bottom: 10px;
	font-family: Montserrat,Arial,sans-serif;
}

.ab-body .bg1 p {
	color: #eee;
	text-transform: capitalize;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 20px;
}

.ab-body .a1 {
	padding: 50px 0;
	display: block;
	padding-top: 120vh;
	opacity: 0;
	position: relative;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.ab-body .a1.on {
	opacity: 1;
}

.ab-body .a1.on .fl p strong {
	transform: translateY(-5vh);
}

.ab-body .a1 .fl {
	width: 100%;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	z-index: 9;
	position: relative;
}

.ab-body .a1.on .fl {
	margin-top: -15vh;
	margin-top: 5vh;
}

.ab-body .a1 .fl:after {
	content: '';
	display: none;
	width: calc(100% - 70px);
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, #fff, rgb(255 255 255 / 38%));
}

.about1 .digital {
	background: #fff;
	border-radius: 50px;
	padding: 50px 40px 0;
	transform: translateY(-10vh);
}

.about1 .digital a {
	display: block;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.about1 .digital a span {
	display: block;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	background: #1d75ac;
	/*background: linear-gradient(to left, #77d5cc, rgb(241 255 254) 50%);*/
	color: #0c7268;
	color: #fff;
	border: 1px solid #d2f8f5;
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-top: 50px;
	border-radius: 60px;
}

.about1 .digital a:hover span {
	background: #fff;
	color: #009688;
}

.about1 .digital .rt {
	width: 100%;
}

.about1 .digital .li {
	display: block;
	margin-bottom: 20px;
	border: 2px solid #333;
	border: 1px solid #c5c5c5;
	padding: 20px;
	border-radius: 20px;
	width: 31%;
	float: left;
	height: 250px;
	margin-right: 1.5%;
	margin-left: 0.5%;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.about1 .digital .li .svg {
	position: absolute;
	right: 20px;
	top: 35px;
	width: 50px;
	height: 50px;
}

.about1 .digital .li.li1 .svg svg {
	width: 53px;
	height: 53px;
}

.about1 .digital .li .svg svg {
	fill: #88a4a7;
	width: 47px;
	height: 47px;
}

.about1 .digital b {
	font-size: 58px;
	color: #1d75ac;
	display: block;
	font-family: Montserrat,Arial,sans-serif;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.about1 .digital p {
	font-size: 16px;
	color: #333;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.about1 .digital .li:hover {
	background: linear-gradient(323deg, #ffffff, #01c3a8) border-box;
	border: 1px solid #fefefe;
}

.about1 .digital .li:hover svg {
	fill: #fff;
}

.about1 .digital .li:hover b,
.about1 .digital .li:hover p {
	color: #fff;
}

.culture {
	background: url('/css/images/50.jpg') no-repeat center;
	background-size: cover;
	height: 720px;
	border-radius: 0px;
	padding: 0px 0;
}

.culture  ul {
	display: flex;
}

.culture li {
	height: 100%;
	width: 100%;
	padding: 300px 50px 100px 10%;
	height: 720px;
	text-align: left;
	border-right: 0px solid #4b6f8a;
	color: #fff;
}

.culture li:nth-child(1) {
	background: url('/css/images/ab5.jpg') no-repeat center;
	background-size: cover;
}

.culture li:nth-child(2) {
	background: url('/css/images/ab8.jpg') no-repeat center;
	background-size: cover;
}

.culture li:nth-child(3) {
	background: url('/css/images/ab7.jpg') no-repeat center;
	background-size: cover;
}

.culture li p {
	font-size: 16px;
	text-transform: capitalize;
	opacity: 0;
	padding-top: 150px;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.culture li:hover p {
	opacity: 1;
	padding-top: 10px;
}

.culture li:hover span {
	opacity: 1;
	margin-top: -20px;
}

.culture span {
	font-size: 36px;
	display: block;
	padding-bottom: 20px;
	text-transform: capitalize;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.culture li:last-child {
	border: 0;
}

.ab-body .a1 .fl p {
	color: #fff;
	font-size: 16px;
	padding-right: 20px;
	margin-right: 50px;
	padding-bottom: 70px;
}

.ab-body .a1 .fl p span {
	border-left: 2px solid #fff;
	padding-left: 30px;
	font-family: Montserrat,Arial,sans-serif;
	display: block;
	font-size: 18px;
}

.ab-body .a1 .fl p strong {
	font-family: Montserrat,Arial,sans-serif;
	display: block;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
	position: relative;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.ab-body .a1 .fl p::-webkit-scrollbar {
	position: absolute;
	right: 0;
	top: 0;
	width: 6px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ab-body .a1 .fl p:hover::-webkit-scrollbar {
}

.ab-body .a1 .fl p::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #cccccc;
	opacity: 0.2;
}

.ab-body .a1 .fl p::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background-color: #1d75ac;
	border-radius: 10px;
	opacity: .2;
}

.ab-body .a1 .fl p::-webkit-scrollbar-thumb:hover {
	opacity: 0.8;
}

.ab-body .a2 {
	width: 910px;
	margin: 50px auto 50px;
}

.ab-body .a2 .log {
	float: left;
	width: 240px;
	margin-right: 0;
	padding-bottom: 0px;
	position: relative;
}

.ab-body .a2 .log:last-child {
	margin-right: 0;
}

.ab-body .a2 .log .b {
	color: #1d75ac;
	font-size: 182px;
	height: 400px;
	display: block;
	text-align: center;
	text-transform: capitalize;
	font-weight: bold;
	text-indent: -9999px;
	background: url('/css/images/log-1.png') no-repeat left top;
	background-size: contain;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.ab-body .a2 .log2 {
	width: 245px;
}

.ab-body .a2 .log1 .b {
	background: url('/css/images/log-1a.png') no-repeat center top;
	background-size: contain;
}

.ab-body .a2 .log1:hover .b {
	background: url('/css/images/log-1.png') no-repeat center top;
	background-size: contain;
}

.ab-body .a2 .log2 .b {
	background: url('/css/images/log-2a.png') no-repeat center top;
	background-size: contain;
}

.ab-body .a2 .log2:hover .b {
	background: url('/css/images/log-2.png') no-repeat center top;
	background-size: contain;
}

.ab-body .a2 .log3 {
	width: 265px;
	margin-left: -50px;
}

.ab-body .a2 .log3 .b {
	background: url('/css/images/log-3a.png') no-repeat center top;
	background-size: contain;
}

.ab-body .a2 .log3:hover .b {
	background: url('/css/images/log-3.png') no-repeat center top;
	background-size: contain;
}

.ab-body .a2 .log4 {
	width: 235px;
	margin-left: -30px;
}

.ab-body .a2 .log4 .b {
	background: url('/css/images/log-4a.png') no-repeat center top;
	background-size: contain;
}

.ab-body .a2 .log4:hover .b {
	background: url('/css/images/log-4.png') no-repeat center top;
	background-size: contain;
}

.ab-body .a2 .log .sm {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	text-align: center;
	opacity: 0.1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	filter: grayscale(100%);
}

.ab-body .a2 .log:hover .sm {
	opacity: 1;
	filter: grayscale(0%);
}

.ab-body .a2 .log .sm b {
	font-size: 26px;
	color: #1d75ac;
	display: block;
	color: #fff;
	text-transform: capitalize;
	padding-bottom: 5px;
}

.ab-body .a2 .log .sm p {
	font-size: 18px;
	color: #666;
	color: #fff;
	height: 60px;
}

.ab-body .a2 .log .sm::before {
	content: '';
	display: block;
	position: absolute;
	top: -40px;
	left: 50%;
	width: 2px;
	height: 35px;
	background: #1d75ac;
	background: #fff;
}

.ab-body .w90 {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.about1 {
	position: relative;
	z-index: 99;
	background: #fff;
	margin-top: 200px;
}

.about1.on .w90 {
	width: 100%;
	max-width: 100%;
}

.about1.on .w90 .a3 {
	border-radius: 0px;
}

.ab-body .a3 {
	background: url('/css/images/2645.jpg') no-repeat center;
	background-size: cover;
	background-size: cover;
	border-radius: 20px;
	height: 720px;
	height: auto;
	position: relative;
	padding: 150px 100px 100px;
	margin: 100px auto 0;
}

.ab-body .a3 h4 {
	color: #fff;
	font-size: 24px;
	text-align: center;
}

.ab-body .a3 .ab-stoy {
	color: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}

.ab-body .a3 .ab-stoy p {
	max-width: 1120px;
	padding: 0 50px;
	margin: 0 auto;
	font-size: 18px;
	display: block;
}

.ab-body .a3 li::after {
	content: '';
	display: block;
	width: 1px;
	height: 720px;
	background: #eee;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	opacity: 0.2;
}

.ab-body .a3 .h3 {
		/*position: absolute;
		left: 0;
		top: 80px;
		*/
	width: 100%;
	text-align: center;
	font-size: 48px;
	color: #fff;
	text-transform: capitalize;
	font-weight: bold;
	font-family: Montserrat,Arial,sans-serif;
}

.ab-body .a3 li {
	float: left;
	width: 25%;
	height: 720px;
	color: #fff;
	position: relative;
	text-align: center;
	padding-top: 280px;
}

.ab-body .a3 li:hover {
}

.ab-body .a3 li:last-child::after {
	display: none;
}

.ab-body .a3 li b {
	font-size: 28px;
	display: block;
	padding-bottom: 20px;
}

.ab-body .a3 li p {
	padding: 40px 8% 0;
	text-align: left;
	opacity: 0;
}

.ab-body .a3 li p span {
	font-size: 15px;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: block;
}

.ab-body .a3 li:hover span {
	opacity: 1;
	margin-top: -10px;
}

.ab-body .a4 {
	padding: 60px 0 90px;
}

.ab-body .a4 .bgg1 {
	position: relative;
}

.ab-body .a4 .bgg1::before,
		.ab-body .a4 .bgg1::after {
	content: '';
	display: block;
	width: 500px;
	height: 620px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background: url('/css/images/bgg1.png') no-repeat left top;
}

.ab-body .a4 .bgg1::after {
	left: auto;
	right: 0;
	background: url('/css/images/bgg2.png') no-repeat left top;
}

.ab-body .a4 .h3,
		.ab-body .a42 .h3 {
	text-align: center;
	text-align: center;
	font-size: 48px;
	color: #333;
	text-transform: capitalize;
	font-weight: bold;
	margin-bottom: 50px;
	font-family: Montserrat,Arial,sans-serif;
}

.ab-body .a42 {
	padding-top: 50px;
	background: #efefef;
	margin-top: 50px;
	padding-bottom: 80px;
	display: none;
}

.ab-body .a42 .h3 {
	margin-bottom: 10px;
	color: #222;
}

.ab-body .a42 .ul {
	margin-top: 50px;
	float: left;
	width: 50%;
	padding-left: 10%;
}

.ab-body .a42 .ul .em {
	color: #999;
	font-size: 12px;
}

.ab-body .a42 .ul b {
	font-size: 22px;
	text-align: left;
	display: block;
	color: #1d75ac;
	margin-bottom: 20px;
	font-weight: bold;
	font-family: Montserrat,Arial,sans-serif;
}

.ab-body .a42 .ul .li {
	display: block;
	border-left: 17px solid #1d75ac;
	margin-bottom: 20px;
	padding-left: 15px;
	height: 18px;
	line-height: 18px;
}

.ab-body .a4 .log-ul {
	margin: 20px auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.ab-body .a4 .log-ul2 {
	margin: 20px auto;
	margin-left: -100px;
}

.ab-body .a4 .log-ul li {
	background: #fff;
	padding: 30px 20px;
	height: 110px;
	width: 240px;
	overflow: hidden;
	margin: 0px 20px 0px;
	box-shadow: 0px 5px 15px #ddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ab-body .a4 .log-ul li img {
	display: block;
	width: 150px;
	margin: 0 auto;
	position: relative;
	transform: translateY(-0%);
}

.ab-body .a4 .log-ul li img.fa {
	width: 70px;
}

.ab-body .a4 .log-ul li img.zh {
	width: 135px;
}

.ab-body .a4 .log-ul li img.zh2 {
	width: 115px;
}

#marquee2, #marquee1, #marquee3, #marquee4 {
	width: 100%;
	overflow: hidden;
}

#marquee2, #marquee1, #div1, #marquee3,#marquee4
		.log-ul {
	display: flex;
}

.ab-body .a5 {
	/*background: #eee url(/css/images/bg5.png) no-repeat center;
	background-size: cover;*/
	padding: 0px 0 20px;
}

.ab-body .a5 .h3 {
	text-align: center;
	font-size: 48px;
	color: #333;
	text-transform: capitalize;
	font-weight: bold;
	margin-top: 60px;
	margin-bottom: 40px;
	font-family: Montserrat,Arial,sans-serif;
}

.ab-body .a5 .ul1 li {
	float: left;
	width: 22.7%;
	height: 500px;
	margin-right: 3%;
	background: url('/css/images/ab13.jpg') no-repeat center;
	background-size: cover!important;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
}

.ab-body .a5 .ul1 li:hover {
	filter: grayscale(0%);
}

.ab-body .a5 .ul1 li:nth-child(1) {
	background: url('/css/images/ab13.jpg') no-repeat center;
}

.ab-body .a5 .ul1 li:nth-child(2) {
	background: url('/css/images/ab14.jpg') no-repeat center;
}

.ab-body .a5 .ul1 li:nth-child(3) {
	background: url('/css/images/ab16.jpg') no-repeat center;
}

.ab-body .a5 .ul1 li:nth-child(4) {
	background: url('/css/images/ab17.jpg') no-repeat center;
}

.ab-body .a5 .ul1 li a {
	display: block;
	width: 100%;
	height: 500px;
	display: flex;
	align-items: flex-end;
	position: relative;
}

.ab-body .a5 .ul1 li a::after,
.ab-body .a5 .ul1 li a::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 300px;
	background: linear-gradient(to top, #000, rgb(0 0 0 / 0%));
	opacity: .4;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ab-body .a5 .ul1 li a::before {
	opacity: 0;
	background: linear-gradient(to top, #1d75ac, rgb(0 0 0 / 0%));
}

.ab-body .a5 .ul1 li:hover a::before {
	opacity: 0.7;
	height: 500px;
}

.ab-body .a5 .ul1 li a b {
	font-size: 22px;
	display: block;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #fff;
	position: relative;
	z-index: 3;
	text-transform: capitalize;
}

.ab-body .a5 .ul1 li:last-child {
	margin-right: 0;
}

.ab-body .a5 .ul1 li:nth-child {
}

.ab-body .a6 {
	padding: 100px 0 100px;
}

.ab-body .a6 .fl,
.ab-body .a6 .rt {
	width: 50%;
}

.ab-body .a6 .fl.img {
	height: 500px;
	padding-right: 50px;
}

.ab-body .a6 .fl.img img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.ab-body .a6 .swiper-slide {
	display: block;
	width: 100%;
	height: 560px;
	position: relative;
}

.ab-body .a6 .swiper-slide::before {
	content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	content: '';
	width: 170px;
	height: 170px;
	display: block;
	background: linear-gradient(135deg, #fff, #fff 50%, transparent 50%, transparent 100%);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 1;
	z-index: 99;
}

.ab-body .a6 .swiper-slide::after {
	content: '';
	position: absolute;
	right: -1px;
	bottom: -1px;
	content: '';
	width: 170px;
	height: 170px;
	display: block;
	background: linear-gradient(315deg, #fff, #fff 50%, transparent 50%, transparent 100%);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 1;
	z-index: 99;
}

.ab-body .a6 .li1 {
	background: url('/css/images/ab16.jpg') no-repeat center;
	background-size: cover;
}

.ab-body .a6 .li2 {
	background: url('/css/images/ab14.jpg') no-repeat center;
	background-size: cover;
}

.ab-body .a6 .li3 {
	background: url('/css/images/ab17.jpg') no-repeat center;
	background-size: cover;
}

.ab-body .a6 .li4 {
	background: url('/css/images/ab18.jpg') no-repeat center;
	background-size: cover;
}

.ab-body .a6 .rt {
	padding-top: 0px;
	padding-left: 50px;
	margin-top: -20px;
}

.ab-body .a6 .rt b {
	text-align: left;
	font-size: 38px;
	color: #333;
	text-transform: capitalize;
	font-weight: bold;
	margin-bottom: 30px;
	display: block;
	font-family: Montserrat,Arial,sans-serif;
}

.ab-body .a6 .rt p {
	color: #666;
	padding-bottom: 50px;
}

.ab-body .a6 .rt .more2 {
	margin-top: 150px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ab-body .a6 .rt .ul {
	padding: 0px 0 30px;
}

.ab-body .a6 .rt .ul .li {
	display: block;
	border-left: 17px solid #1d75ac;
	margin-bottom: 20px;
	padding-left: 15px;
	height: 18px;
	line-height: 18px;
}

.ab-body .a6 .rt .p {
	display: block;
	font-size: 18px;
	color: #1d75ac;
}

.cpm-mu {
	border-top: 0px solid #aaa;
	padding-top: 5px;
}

.cpm-mu h4 {
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 10px;
	display: block;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.cpm-mu h4 svg {
	display: inline-flex;
	width: 21px;
	height: 21px;
	margin-right: 6px;
}

.cpm-mu ul {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
}

.cpm-mu li {
	margin-right: 10px;
	margin-bottom: 15px;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.cpm-mu li.on a,
.cpm-mu li:hover a {
	background: #009688;
	color: #fff;
}

.cpm-mu li a {
	display: block;
	background: #d8e6e2;
	color: #366a65;
	font-size: 15px;
	border: 1px solid #efefef;
	padding: 7px 22px;
	border-radius: 30px;
	text-align: center;
	background: linear-gradient(to right bottom, #ddfbf9, rgb(255 255 255) 100%);
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.cpm-mu li:first-child a {
	padding: 10px 30px;
}

body .cpm-mu .ul3 {
	margin: 10px 0 30px 5px;
}

body .cpm-mu .ul3 a {
	background: none;
	color: #333;
	padding: 2px 10px;
	border: 0;
	font-size: 20px;
	border-radius: 0;
	border-bottom: 3px solid #fff;
}

body .cpm-mu .ul3 a:hover,
body .cpm-mu .ul3 .on a {
	color: #009688;
	color: #222;
	border-bottom: 3px solid #009688;
}

.sup2 {
	background: #f5f5f5;
	background: #fff;
	padding: 50px 0;
}

.sup2 .pro-list {
	background: none;
	display: flex;
}

.sup2 .ft-1 {
	width: 300px;
	float: left;
	background: #fff;
	border: 0px solid #eee;
	padding: 10px 10px;
	background-color: #f5f5f5;
}

.sup2 .ft-1 ul {
	padding: ;
}

.sup2 .ft-2 {
	float: right;
	width: calc(100% - 350px);
	border-left: 0px solid #e1e1e1;
	padding-left: 40px;
}

.sup-list {
	margin-top: 50px;
	padding-bottom: 50px;
}

.sup-list .li {
	margin-bottom: 30px;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	width: 32%;
	height: 500px;
	margin-right: 2%;
	float: left;
}

.sup-list .li:nth-child(3n) {
	margin-right: 0;
}

.sup-list .li a {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 25px 20px 25px;
	font-size: 18px;
	border: 1px solid #ddd;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	font-weight: bold;
}

.sup-list .li a .a1 {
	height: 110px;
	line-height: 30px;
	background: url('/css/images/pdf.png') no-repeat right 45px;
	padding-right: 60px;
	background-size: 42px;
	position: relative;
	font-size: 16px;
	line-height: 1.5;
	padding-top: 40px;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.sup-list .li a .a1 span {
	font-size: 12px;
	color: #666;
	display: block;
	padding-top: 5px;
	text-transform: uppercase;
}

.sup-list .li a .a1:before {
	content: '';
	display: none;
	width: 1px;
	height: 100%;
	background: #ccc;
	position: absolute;
	right: 60px;
	top: 0px;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.sup-list .li a .a1:after {
	content: '';
	display: block;
	background: #2bcbc1 url(/css/images/down2.png) no-repeat center;
	background-size: 22px;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0px;
	border-radius: 0px;
	top: -50px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.sup-list .li a .img {
	height: 300px;
	overflow: hidden;
}

.sup-list .li a .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
/*		top: 50%;
		transform: translateY(-50%);*/
}

.sup-list .li a .a1 .img {
	width: 100%;
	display: block;
}

.sup-list .li a:hover {
	background: #1d75ac;
	color: #fff;
	-webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
	box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
}

.sup-list .li a:hover span {
	color: #fff;
}

.sup-list .li a:hover .a1 {
	background: url('/css/images/pdf2.png') no-repeat right 45px;
	background-size: 42px;
}

.sup-list .li a:hover .a1:after {
	background: #fff url('/css/images/down.png') no-repeat center;
	background-size: 22px;
	top: -30px;
}

.jo-body {
	padding: 50px 0;
	background: #fff;
}

.jo-body .a1 .fl,
.jo-body .a1 .rt {
	width: 50%;
}

.jo-body .a1 {
	margin-bottom: 120px;
}

.jo-body .a12 {
	margin-bottom: 150px;
}

.jo-body .a1 .wenz {
	width: 40%;
	display: flex;
	padding-top: 100px;
	justify-content: flex-start;
	flex-direction: column;
}

.jo-body .a1 .wenz b {
	display: block;
	font-size: 26px;
	padding-left: 0px;
	line-height: 50px;
	font-weight: bold;
}

.jo-body .a1 .wenz b svg,
.jo-body .a1 .wenz.rt b svg {
	display: block;
	width: 80px;
}

.jo-body .a1 .wenz.rt {
	text-align: right;
	justify-content: flex-end;
	padding-top: 120px;
	position: relative;
}

.jo-body .a1 .wenz.rt svg {
	position: absolute;
	right: 0;
	top: 0;
}

.jo-body .a1 .wenz.rt b {
	text-align: right;
	padding-right: px;
	padding-left: 0px;
}

.jo-body .a1 .wenz p {
	display: block;
	margin-top: 50px;
}

.jo-body .a1 .img {
	width: 55%;
	height: 450px;
	background: url('/css/images/jb2.jpg') no-repeat left top;
	background-size: cover;
	border-radius: 20px;
}

.jo-body .a12 .img {
	background: url('/css/images/join3.jpg') no-repeat left top;
	background-size: cover;
}

.jo-body .a2 {
}

.jo-body .ttt {
	padding-top: 50px;
	font-size: 22px;
	text-align: center;
	padding-bottom: 80px;
	font-weight: normal;
	font-style: normal;
}

.jo-body .ttt b {
	color: #1d75ac;
	font-size: 22px;
	text-decoration: underline;
	padding-left: 10px;
	font-family: Montserrat,Arial,sans-serif;
}

.jo-body .a2 .tt a {
	text-align: center;
	width: 100%;
	display: flex;
	justify-content: space-between;
	text-transform: capitalize;
	border: 1px solid #ccc;
	border-bottom: 0;
}

.jo-body .a2 .tt:last-child a {
	border-bottom: 1px solid #ccc;
}

.jo-body .a2 .tt a.active,
.jo-body .a2 .tt a:hover {
	background: #1d75ac;
	color: #fff;
}

.jo-body .a2 .tt0 {
	font-weight: bold;
	background: #f5f5f5;
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	border: 1px solid #ccc;
	border-bottom: 0;
}

.jo-body .a2 .tt .aa {
	width: 100%;
	text-align: center;
	height: 120px;
	line-height: 120px;
	font-weight: bold;
	font-size: 20px;
}

.jo-body .a2 .tt0 .aa {
	font-size: 15px;
	height: 60px;
	line-height: 60px;
}

.jo-body .a2 .tt .zk {
	width: 100%;
	display: block;
	background: #fff;
	border: 1px solid #ccc;
	border-top: 0;
	padding: 30px 40px;
}

.jo-body .a2 .tt .tt-1,
.jo-body .a2 .tt .tt-2 {
	float: left;
	width: 45%;
}

.jo-body .a2 .tt .tt-1 {
	width: 55%;
}

.jo-body .a2 .tt .tt-2 {
	padding-left: 50px;
}

.jo-body .a2 .tt b {
	color: #333;
	text-transform: capitalize;
}

.jo-body .a2 .tt p {
	color: #666;
	padding-top: 20px;
	line-height: 2;
}

.shej {
	width: 225px;
	display: flex;
	justify-content: flex-end;
	padding-top: 0px;
}

.shej a {
	display: inline-block;
/*	background:  #222 url('/css/images/f1.png') no-repeat center;*/
	width: 37px;
	height: 37px;
	border: 1px solid #2ad7c9;
	margin: 0 0px 0 10px;
	border-radius: 10px;
	opacity: 1;
	position: relative;
 /*   background: linear-gradient(to left top, #16938f, rgb(35 222 206) 100%);
	background: linear-gradient(to left top, #00c6ae, rgb(94 255 241) 100%);*/
	border: 1px solid #1d80cf;
/*
	background: linear-gradient(to left top, #d3fef9, rgb(255 255 255) 100%);*/
}

.shej a:hover {
	background: linear-gradient(to left top, #1cb39f, rgb(85 250 217) 100%);
	background: #1d80cf;
}

.shej a:hover svg {
	fill: #fff;
}

.shej a svg {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 7px;
	left: 8px;
	fill: #1d80cf;
}

.shej a.f1 svg {
	width: 18px;
	height: 18px;
}

.shej a.f2 svg {
}

.shej a .w2 {
	background: #fff  url('/images/weixin.jpg') no-repeat center 5px;
	background-size: 92px;
	width: 110px;
	height: 115px;
	display: block;
	position: absolute;
	top: 39px;
	left: -40px;
	display: none;
}

.shej a:hover .w2 {
	display: block;
}

.shej a .w2 span {
	display: block;
	height: 20px;
	width: 100%;
	text-align: center;
	color: #777;
	font-size: 13px;
	padding-top: 97px;
	text-transform: capitalize;
}
/*.shej a.f2{
	background:#222  url('/css/images/f2.png') no-repeat center;
}
.shej a.f3{
	background: #222 url('/css/images/wei.png') no-repeat center;
	background-size: 26px;
 
}
.shej a.f4{
	background: #222 url('/css/images/f4.png') no-repeat center; 
}*/
/*.shej a.f1 {
	background-color: #0d6efd;
	border: 1px solid #0d6efd; 
}
.shej a.f2 {
	background-color: #020202!important;
	border: 1px solid #020202; 
}
.shej a.f3 {
	background-color: #ff0000!important;
	border: 1px solid #ff0000; 
}
.shej a.f4 {
	background-color: #0077b5!important;
	border: 1px solid #0077b5; 
}*/
.shej a:hover {
	opacity: .8;
}

.master_hide #header {
	position: fixed;
	background: #fff;
	height: 90px;
	border-bottom: 1px solid #ccc;
	height: 70px;
}

.master_hide #header .logo {
	margin-left: 6px;
	margin-top: 18px;
}

#header .menu1 li .a {
	padding: 13px 5px 10px;
	margin-top: 16px;
	display: block;
	height: 63px;
}

#header .menu1 li .a.d {
	padding-right: 20px;
}

.master_hide #header .menu1 li .a {
	height: 55px;
	padding: 5px 5px 10px;
	padding-right: 20px;
}

.master_hide #header .menu1 .down {
	top: 69px;
}

.master_hide .menu1 li .d:after {
	top: 5px;
	background: url(/images/down.png) no-repeat center 10px;
	background-size: 10px;
}

#header .rt .so, 
#header .rt .lang, 
#header .rt .cont {
	margin-top: 50px;
	margin-top: 32px;
}

.master_hide #header .rt .lang {
	margin-top: 22px;
}

.menu1 li:hover .down {
	opacity: 1;
	visibility: visible;
}

.menu1 li .d:after {
	content: '';
    /* display: inline-flex; */
	width: 20px;
	height: 20px;
	background: url(/images/down2.png) no-repeat center 10px;
	background-size: 10px;
	position: absolute;
	right: 0;
	top: 10px;
}

#header:hover .menu1 li .d:after {
	background: url(/images/down.png) no-repeat center 10px;
	background-size: 10px;
}

#header .menu1 li:hover .d:after {
	background: url(/images/down3.png) no-repeat center 10px;
	background-size: 10px;
}

.mySwiper-s2 .swiper-button-next:after,
	.mySwiper-s2 .swiper-button-prev:after,
	.mySwiper-s3 .swiper-button-prev:after,
	.mySwiper-s3 .swiper-button-next:after {
	color: #666;
	font-size: 20px;
}

.mySwiper-s2 .swiper-button-next,
	.mySwiper-s2 .swiper-button-prev,
	.mySwiper-s3 .swiper-button-prev,
	.mySwiper-s3 .swiper-button-next {
	right: 50px;
	top: 50px;
	background: #f5f5f5;
	border: 1px solid #555;
	width: 60px;
	height: 60px;
	line-height: 60px;
	display: block;
	text-align: center;
	margin-top: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 10px;
}

.mySwiper-s2 .swiper-button-next:hover, 
	.mySwiper-s2 .swiper-button-prev:hover,
	.mySwiper-s3 .swiper-button-prev:hover, 
	.mySwiper-s3 .swiper-button-next:hover {
	background: #1d75ac;
	border: 1px solid #1d75ac;
}

.mySwiper-s2 .swiper-button-prev, 
		.mySwiper-s2 .swiper-rtl .swiper-button-next,
		.mySwiper-s3 .swiper-button-prev, 
		.mySwiper-s3 .swiper-rtl .swiper-button-next {
	left: auto;
	right: 120px;
}

.mySwiper-s2 .swiper-button-next:hover:after, 
	.mySwiper-s2 .swiper-button-prev:hover:after,
	.mySwiper-s3 .swiper-button-next:hover:after, 
	.mySwiper-s3 .swiper-button-prev:hover:after {
	color: #fff;
}

.s8 .mySwiper-s3 .swiper-button-prev {
	right: 80px;
	left: auto;
	top: -95px;
}

.s8 .mySwiper-s3 .swiper-button-next {
	right: 0px;
	left: auto;
	top: -95px;
}

.s2.s8 .ul li.swiper-slide-active .pa span,
		.s2.s8 .ul li.swiper-slide-active .pa b {
	opacity: 1!important;
}

.s8 .ul li .pa 
	.s2.s8 .ul li a::before {
	opacity: 0 !important;
}

.s2.s8 .ul li.swiper-slide-active a::before,
		.s2.s8 .ul li:hover a::before,
	.s8 .ul li:hover a,
	.s8 .ul li:hover .pa span,
	.s8 .ul li:hover .pa b,
	.s8 .ul li:hover .pa p {
	opacity: 1!important;
}

.s2.s8 .ul li.swiper-slide-active a::before,
		.s2.s8 .ul li:hover a::before {
/*		opacity: 0.5!important;*/
}

.s8 .ul li:hover .pa {
	top: 0px;
}

.s2.s8 .ul li a::before {
	opacity: 0;
}

.w90.pr {
	position: relative;
}

.w90.pr .autoplay-progress {
	position: absolute;
	left: 0%;
	bottom: 20vh;
	z-index: 10;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: var(--swiper-theme-color);
	color: #1d75ac;
	display: none;
}

.autoplay-progress span {
	display: block;
	text-indent: -9999px;
	width: 34px;
	height: 34px;
	border: 3px solid #fff;
	border-radius: 50%;
	opacity: .9;
}

.autoplay-progress svg {
	--progress: 0;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 10;
	width: 100%;
	height: 100%;
	stroke-width: 4px;
	stroke: var(--swiper-theme-color);
	fill: none;
	stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
	stroke-dasharray: 125.6;
	transform: rotate(-90deg);
}

.down-pro {
	width: 100%;
	position: absolute;
	top: 110px;
	left: 0;
	background: #fff;
	border-top: 1px solid #eee;
	-webkit-transition: all 0s ease;
	transition: all 0s ease;
	opacity: 0;
	visibility: hidden;
}

.down-pro .fl2 {
	padding: 50px 0;
}

.down-pro .fl2 a {
	color: #555;
	display: block;
	width: 31%;
	float: left;
	margin-right: 3%;
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #000;
	padding: 20px;
	border-radius: 10px;
}

.down-pro .fl2 a:nth-child(3n) {
	margin-right: 0;
}

.down-pro .fl2 a:hover {
	background: #eee;
}

.down-pro .fl2 a .img-i {
	height: 58px;
	width: 58px;
	display: block;
	position: relative;
	float: left;
}

.down-pro .fl2 a .fl3 {
	float: left;
	width: calc(100% - 82px);
	margin-left: 15px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
}

.down-pro .fl2 a .img-i img {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -20px;
	z-index: 3;
	width: 40px;
	padding-top: 2px;
}

.down-pro .fl2 a p {
	display: block;
	letter-spacing: 0;
	color: #555;
	line-height: 1.3;
	padding-top: 4px;
	font-size: 13px;
	font-weight: normal;
}

.down-pro .fl2 a .img-i:before {
	content: '';
	display: block;
	height: 58px;
	width: 58px;
	background: #1d75ac;
	border-radius: 50%;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0%;
}

.down-pro .fl2 a .img-i:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0%;
	z-index: 3;
	width: 55px;
	height: 55px;
	padding-top: 0px;
	background-size: 35px!important;
}

.down-pro.sol-d  .fl2 a .img-i:after {
	background-size: 25px!important;
}

.down-pro .fl2 a .img-i:after {
	background: url(/css/images/ico2/Control_Valve.png) no-repeat center 7px;
	background-size: 40px!important;
}

.down-pro .fl2 a:nth-child(2) .img-i:after {
	background: url(/css/images/ico2/ball_valve.png) no-repeat center 58%;
	background-size: 40px!important;
}
	/*
	.down-pro .fl2 a:nth-child(3) .img-i:after {
		background:   url(/css/images/ico2/Special_Ball.png) no-repeat center 70%;
		background-size: 42px!important;
	}
	*/
.down-pro .fl2 a:nth-child(3) .img-i:after {
	background: url(/css/images/ico2/Slab_Gate.png) no-repeat center;
	background-size: 20px!important;
}

.down-pro .fl2 a:nth-child(4) .img-i:after {
	background: url(/css/images/ico2/Butterfly_Valve.png) no-repeat center 77%;
	background-size: 25px!important;
}

.down-pro .fl2 a:nth-child(5) .img-i:after {
	background: url(/css/images/ico2/Plug_Valve.png) no-repeat center 5px;
	background-size: 52px!important;
}

.down-pro .fl2 a:nth-child(6) .img-i:after {
	background: url(/css/images/ico2/Universal_Valve.png) no-repeat center 5px;
	background-size: 44px!important;
}

.down-pro .fl2 a:nth-child(7) .img-i:after {
	background: url(/css/images/ico2/Compact_Forged_Steel_Valve.png) no-repeat center 61%;
	background-size: 37px!important;
}

.down-pro .fl2 a:nth-child(8) .img-i:after {
	background: url(/css/images/ico2/Cryogenic_Valve.png) no-repeat center 50%;
	background-size: 48px!important;
}

.down-pro .fl2 a:nth-child(9) .img-i:after {
	background: url(/css/images/ico2/Special_Valves.png) no-repeat center 70%;
	background-size: 40px!important;
}

.down-pro.sol-d .fl2 a:nth-child(1) .img-i:after {
	background: url(/css/images/ico1.png) no-repeat center;
}

.down-pro.sol-d .fl2 a:nth-child(2) .img-i:after {
	background: url(/css/images/l2.png) no-repeat center 55%;
	background-size: 32px!important;
}

.down-pro.sol-d .fl2 a:nth-child(3) .img-i:after {
	background: url(/css/images/l3.png) no-repeat center 60%;
	background-size: 28px!important;
}

.down-pro.sol-d .fl2 a:nth-child(4) .img-i:after {
	background: url(/css/images/l4.png) no-repeat center 60%;
	background-size: 27px!important;
}

.down-pro.sol-d .fl2 a:nth-child(5) .img-i:after {
	background: url(/css/images/l5.png) no-repeat 55% 60%;
	background-size: 32px!important;
}

.down-pro.sol-d .fl2 a:nth-child(6) .img-i:after {
	background: url(/css/images/l6.png) no-repeat center 60%;
	background-size: 29px!important;
}

.menu1 li:hover .down-pro {
	opacity: 1;
	visibility: visible;
	z-index: 9;
}

.master_hide .menu1 li:hover .down-pro {
	top: 68px;
}

.master_hide .menu1 li:hover .down-pro {
	top: 66px;
}

.home-pr.z99 {
	z-index: 999;
	position: relative;
	background: #efefef;
}

.s1 {
	padding: 0px 0 15vh;
	min-height: 890px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: #f5f5f5;
	background: #fff;
	position: relative;
}

.s1 .img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 440px;
	background: url('/css/images/02.jpg') no-repeat left bottom;
	background: url('/css/images/02.jpg') no-repeat center bottom;
	background-size: 100%;
}

.s1 {
	width: 100%;
	margin: 0 auto;
	height: 840px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.s1 .on2 {
	padding-top: 180px;
}

.s1 .video-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	transform-origin: center center;
/*transition: transform 1s ease, opacity 1s ease;*/
}

.s1  .video-wrap video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.s1.on .video-wrap {
	width: 50%;
	border-radius: 20px;
	transform: scale(0.8);
}

.s1.on .video-wrap.on3 video {
	transform: translateY(200px);
	border-radius: 20px;
	height: calc(100% - 150px);
}

.s1 .flex {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	justify-content: center;
}

.s1 .flex.on2 h3 {
	color: #333;
	color: #fff;
	padding-top: 50px;
}

.s1 .flex .p {
	color: #333;
	font-size: 16px;
	line-height: 1.4;
	padding: 5px 0;
	padding: 5px 120px 0 0;
	margin-bottom: 6px;
}

.s1 .flex.on2 li em,
			.s1 .flex.on2 li p,
			.s1 .flex.on2 .p {
	color: #000;
	color: #fff;
}

.s1 .w90 {
	position: relative;
	z-index: 99;
	padding: 20vh 0 0;
	width: 100%;
	margin: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.s1.on .w90 {
	padding-top: 25vh;
}

.s1 h3,
		.s1 h4,
		.about1 .digital h3,
		.history h3 {
	font-size: 38px;
	display: block;
	line-height: 1.2;
	font-weight: 600;
	padding: 20px 0 10px;
	color: #fff;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.s1 h3 {
	color: #007bc1;
	font-size: 20px;
	padding: 0;
	font-family: 'Roboto', sans-serif, Source Han Sans CN, PingFangSC, PingFang SC-Semibold, Hiragino Sans GB, -apple-system, Segoe UI, Microsoft YaHei, "STSong", "SimSun", Arial, sans-serif;
}

.s1 h4 {
	color: #333;
	font-size: 38px;
	padding: 10px 0 35px;
}

.about1 .digital h3,
		.history h3 {
	color: #333;
	padding-bottom: 50px;
	padding-top: 0;
	text-transform: capitalize;
}

.history h3 {
	padding-bottom: 20px;
}

.history h3 p {
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	font-family: Roboto,Source Han Sans CN, PingFangSC, PingFang SC-Semibold, Hiragino Sans GB, -apple-system, Segoe UI, Microsoft YaHei, "STSong", "SimSun", Arial, sans-serif;
	padding-top: 10px;
	color: #333;
}

.s1 ul {
	margin-right: 100px;
	margin-top: 40px;
}

.s1 li {
	border-top: 1px solid #1d75ac;
	padding-top: 45px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	float: left;
	width: 23%;
	margin-right: 2%;
	margin-bottom: 0px;
}

.s1 li:hover {
	border-top: 1px solid #333;
}

.s1 li .pr {
	width: 100%;
	padding-right: 0px;
}

.s1 li .ww.pr {
	width: 190px;
}

.s1 li .ww2.pr {
	width: 180px;
}

.s1 li .mm.pr {
	width: 120px;
}

.s1 li .ss.pr {
	width: 70px;
}

.s1 li strong {
	font-size: 56px;
	color: #007bc1;
	font-family: Montserrat,Arial,sans-serif;
	display: inline-block;
	font-style: italic;
}

.s1 li em {
	font-size: 28px;
	text-transform: capitalize;
	/*position: absolute;
right: 0;
display: block;
bottom: 8px;*/
	display: inline-block;
	color: #222;
	padding-left: 10px;
}

.s1 li p {
	font-size: 15px;
	color: #333;
	padding-bottom: 5px;
	text-transform: capitalize;
	height: 30px;
	margin-top: 10px;
	font-weight: bold;
}

.h-pro .swiper {
	width: 100%;
	height: 100%;
}

.h-pro .swiper-slide {
	display: flex;
	justify-content: center;
}

.h-pro .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.h-pro .swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.h-pro .swiper-slide {
	background-size: cover;
	background-position: center;
}

.h-pro .mySwiper2 {
	height: 100%;
	width: 100%;
	position: relative;
	margin-top: 0px;
}

.h-pro .mySwiper2 .swiper-slide {
	padding: 250px 0 0;
	padding-top: 35vh;
	height: calc(100vh - 300px);
	height: 980px;
	height: 100vh;
	min-height: 100vh;
	overflow: hidden;
	position: relative;
}

.h-pro .mySwiper2 .swiper-slide .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.h-pro .mySwiper2 .swiper-slide .bg:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, #000000, #00000042 50%);
	opacity: .4;
	opacity: 0.2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.h-pro .mySwiper2 .swiper-slide .bg video {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.h-pro .mySwiper2 .swiper-slide:before {
	content: '';
	display: block;
	width: 100vw;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background-image: linear-gradient(to right bottom, #41d0ff6b, #83fff89c 50%, rgb(22 149 138) 100%);
	background-image: linear-gradient(to right top, rgb(0 0 0) 10%, rgb(11 102 169 / 75%) 60%);
	background-image: linear-gradient(to right bottom, rgb(0 85 191) 10%, rgb(0 146 255 / 47%) 60%);
	border-radius: 0%;
	opacity: 1;
	z-index: 9;
	webkit-transition: all .4s ease;
	transition: all .4s ease;
	opacity: 0;
	display: none;
}

.h-pro .mySwiper2 .swiper-slide.li2:before {
	background-image: linear-gradient(to right bottom, rgb(24 200 180) 10%, rgb(0 64 255 / 18%) 60%)
}

.h-pro .mySwiper2 .swiper-slide.li3:before {
	background-image: linear-gradient(to right bottom, rgb(73 94 199) 10%, rgb(81 81 81 / 52%) 60%)
}
/*.h-pro .mySwiper2 .swiper-slide:after {
	content: '';
	display: block;
	width: 100vw;
	height: 100vw;
	left: -105vw;
	top: -103vw;
	position: absolute;
	    background-image: linear-gradient(to left bottom, #6dfff1, #d5fffc9c 50%, #ffffff);
		background-image: linear-gradient(to left bottom, #6dfff100, #d5fffc47 50%, #ffffff);
		background-image: linear-gradient(to right bottom, #ffffff00, #ffffff9c 50%, rgb(22 149 138 / 11%) 100%);
    border-radius: 100%;
    opacity: 0.6;
	z-index: 7;webkit-transition: all 1.4s ease;
    transition: all 1.4s ease;
	opacity: 0;
}*/
/*.h-pro .mySwiper2 .swiper-slide.swiper-slide-active:after
{
	 left: -71vw;
	top: -60vw; 	opacity: 1;
}*/
.h-pro .mySwiper2 .swiper-slide.swiper-slide-active:before {
/*	left: -69vw;
	top: -64vw;*/
	left: 0;
	top: 0;
	opacity: 1;
}

.h-pro .mySwiper2 .swiper-slide .w90 {
	position: relative;
	z-index: 1110;
	max-width: 100%;
}

.h-pro .mySwiper2 .swiper-slide.li1 {
/*	background:  url('/css/images/anl2.jpg') no-repeat center;
	background-size: cover;*/
}

.h-pro .mySwiper2 .swiper-slide.li2 {
	/*background:  url('/css/images/anl22.jpg') no-repeat center;
	background-size: cover;*/
}

.h-pro .mySwiper2 .swiper-slide.li3 {
	background: url('/images/a3.jpg') no-repeat center;
	background-size: cover;
}

.h-pro .mySwiper2 .swiper-slide.li4 {
	background: url('/css/images/case4.jpg') no-repeat center;
	background-size: cover;
}

.h-pro .mySwiper {
	height: 100%;
	box-sizing: border-box;
	padding: 10px 0 0;
	height: 110px;
	margin: 0 auto 0px;
	width: 85%;
	position: absolute;
	bottom: 25px;
	z-index: 99;
	transform: translateX(-50%);
	left: 50%;
	border-bottom: 0px solid #fff;
}

.h-pro .mySwiper .swiper-slide {
	cursor: pointer;
	opacity: 0.6;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-size: 18px;
	height: 50px;
	line-height: 60px;
	color: #fff;
	letter-spacing: 0px;
	font-weight: bold;
	border: 0;
	border-bottom: 2px solid #fff;
	position: relative;
	z-index: 99;
	text-transform: uppercase;
	width: 32%!important;
	letter-spacing: 1px;
	margin: 0 1px;
	font-family: 'Roboto', sans-serif;
}

.h-pro .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
	color: #1d75ac;
	border-bottom: 1px solid #1d75ac;
	color: #fff;
	border-bottom: 2px solid #fff;
}

.h-pro .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.h-pro.pro-body .rt-1 {
	width: 100%;
	float: none;
	padding-bottom: 0;
}

.h-pro.pro-body .rt-1 .fl-2 {
	float: left;
	width: calc(100% - 0);
	padding-left: 4%;
}

.h-pro.pro-body .h2 {
	padding-bottom: 10px;
	padding-top: 20px;
	text-align: center;
}

.h-pro.pro-body .h2.clearfix b {
	font-size: 24px;
	font-size: 48px;
	float: none;
	width: 100%;
}

.h-pro.pro-body .fl-2 h2 {
	font-size: 52px;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
	padding-bottom: 10px;
		/* font-family: Montserrat,Arial,sans-serif; */
	-webkit-transition: all 1.4s ease;
	transition: all 1.4s ease;
	margin-left: -4px;
	text-transform: capitalize;
}

.h-pro.pro-body .fl-2 h2::after {
	content: '';
	display: block;
	width: 10px;
	height: 3px;
	background: linear-gradient(to right, #19ffe9, rgb(163 252 255) 50%);
	background: #fff;
	border-radius: 10px;
	margin: 20px 0 0 4px;
	-webkit-transition: all 3s ease;
	transition: all 3s ease;
}

.h-pro.pro-body .swiper-slide-active h2::after {
	width: 80px;
}

.h-pro.pro-body .fl-2 .more-button {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.h-pro.pro-body .fl-2 .more2 {
	margin-top: 50px;
	background: none;
	color: #1d75ac;
	color: #fff;
	border: 1px solid #fff;
	margin-right: 25px;
}

.h-pro.pro-body .fl-2 .more2:hover {
	background: linear-gradient(to right bottom, #74fff2, rgb(255 255 255) 100%);
	color: #1d75ac;
	color: #fff;
	background: #1d75ac;
	border: 1px solid #1d75ac;
}

.h-pro.pro-body .fl-2 .p {
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	max-width: 1000px;
	padding-right: 0px;
	overflow: hidden;
	letter-spacing: 0.5px;
	display: -webkit-box;
	-webkit-transition: all 1.4s ease;
	transition: all 1.4s ease;
	padding-right: 100px;
	text-transform: capitalize;
	margin-top: 20px;
	margin-bottom: 100px;
	font-family: 'Roboto', sans-serif;
	line-height: 1.3;
}

.h-pro.pro-body .swiper-button-next,
.h-pro.pro-body .swiper-button-prev {
	top: auto;
	right: auto;
	left: 0%;
	bottom: 50px;
	color: #000;
	border: 1px solid #000;
	border-radius: 0;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	display: block;
	text-align: center;
	margin: 0;
	/*background: hsl(0deg 0% 0% / 15%);*/
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: none;
}

.h-pro.pro-body .swiper-button-next:hover,
.h-pro.pro-body .swiper-button-prev:hover {
	background: hsl(0deg 0% 100% / 5%);
	background: #1d75ac;
	border: 1px solid #1d75ac;
	color: #fff;
}

.h-pro.pro-body .swiper-button-next,
.s8 .swiper-button-next {
	left: calc(0% + 64px);
}

.h-pro.pro-body .swiper-button-prev {
	left: 0
}

.h-pro.pro-body .swiper-button-next::after,
.h-pro.pro-body .swiper-button-prev::after {
	font-size: 20px;
}

.sideMenu ul .nLi.on .sub {
	display: block;
}

.sideMenu ul .nLi .sub {
	display: none;
}

.sideMenu .nLi .a2 {
	position: relative;
	right: 0;
	top: 0px;
}

.sideMenu .nLi {
	position: relative;
}

.sideMenu .nLi .a2 svg {
	display: block;
	width: 20px;
	height: 20px;
	fill: #009688;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sideMenu .nLi .a2 .jian,
.sideMenu .nLi .a2 .jia {
	position: absolute;
	right: 0;
	top: 22px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sideMenu .nLi .a2 .jian,
.sideMenu .nLi.on .a2 .jia {
	opacity: 0;
}

.sideMenu .nLi .a2 .jia,
.sideMenu .nLi.on .a2 .jian {
	opacity: 1;
}

.dialog__content.open1 .close_ {
	position: relative;
	padding-top: 90px;
	background-size: contain;
	height: 160px;
	width: 520px;
	margin-bottom: 100px;
}

.dialog__content.open2 .close_ {
	font-size: 36px;
	padding-top: 70px;
}

.dialog__content.open1  h4 {
	padding-left: 0;
}

.dialog__content.open1 {
	position: relative;
	opacity: 1;
	top: auto;
	right: auto;
	left: auto;
	bottom: auto;
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding-bottom: 0px;
	border-top: 1px solid #eee;
	display: none;
}

.dialog__content.open1 .tx2 {
	height: auto;
	overflow: initial;
	max-width: 100%;
	padding: 0;
	margin: 50px auto;
}

.open1 .tx2 .li .img {
	width: 350px;
	margin: 20px 0 0;
}

.open1 .tx2a .li .img {
	width: 550px;
	margin: 20px 0 0;
}

.open1 .tx2 .li .img img {
	width: 100%;
	display: block;
	border-radius: 5px;
}

.open1.li2,
.open1.li4 {
	background: #efefef;
}

.open1.li2 .tx2 .li,
.open1.li3 .tx2 .li {
	width: 33%;
}

.open1.li3 .tx2 .li,
.open1.li4 .tx2 .li {
	width: 50%;
}

.dialog__content.open1 .pa {
	position: absolute;
	right: 0px;
	top: 5%;
	font-size: 18px;
}

.dialog__content.open1 .pa .img img {
	width: 500px;
}

.open1.li3 .p .clear {
	margin-bottom: 30px;
}

.open1.li3 .p .fl {
	width: 150px;
	margin-right: 10px;
}

.open1.li3 .p .rt {
	width: calc(100% - 160px);
	float: left;
	margin-bottom: 20px;
}

.open1.li3 .p .fl img {
	width: 100%;
	border-radius: 4px;
}

.open1.li3 .tx2 .li:nth-child(1) {
	width: 60%;
}

.open1.li3 .tx2 .li:nth-child(2) {
	width: 40%;
}

.h-jin .fl {
	width: 40%;
}

.h-jin .rt {
	width: 60%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	flex-wrap: nowrap;
}

.h-jin .rt .li {
	/* float: left; */
	width: 25%;
	text-align: center;
}

.h-jin .rt .li .svg {
	width: 100%;
	height: 50px;
	/* display: block; */
	text-align: center;
}

.h-jin .rt .li .svg.m svg {
	width: 40px;
	height: 40px;
	margin-top: 3px;
}

.h-jin .rt .li .svg.s svg {
	width: 50px;
	height: 50px;
}

.h-jin .rt .li .svg svg {
	fill: #1d75ac;
	width: 45px;
	height: 45px;
	margin: 0 auto;
	display: block;
}

.h-jin .rt .li .span {
	display: block;
	width: 100%;
	text-align: center;
}

.h-jin.h-Careers .rt .li .span {
}

.join-n .a3 {
	height: 350px;
	width: 100%;
	float: left;
	color: #fff;
	position: relative;
}

.join-n .a3 .a31 {
	float: left;
	width: 33.3333%;
	background: url('/css/images/j5.jpg') no-repeat  80%;
	background-size: cover;
	height: 100%;
}

.join-n .a3 .a31b {
	background: url('/css/images/j6.jpg') no-repeat left center;
	background-size: cover;
}

.join-n .a3 .a31c {
	background: url('/css/images/j7.jpg') no-repeat left bottom;
	background-size: cover;
}

.join-n .a3 .a31a .b {
	padding-top: 80px;
}

.join-n .a3 .a31a .span {
	padding-top: 80px;
}

.join-n .a1,
.join-n .a2 {
	background: url('/css/images/j1.jpg') no-repeat center top;
	background-size: cover;
	height: 600px;
	width: 50%;
	float: left;
	color: #fff;
	position: relative;
}

.join-n .a1 .li {
	float: left;
	width: 33%;
}

.join-n .b {
	font-size: 28px;
	font-family: Roboto;
	padding-top: 100px;
	padding-left: 70px;
}

.join-n .a2 .b {
	padding-top: 60px;
}

.join-n .a1 .b {
	padding-top: 0px;
	padding-bottom: 30px;
	font-size: 28px;
}

.join-n .a1 .cc {
	font-family: Montserrat,Arial,sans-serif;
	padding-top: 100px;
	padding-left: 70px;
	padding-top: 60px;
	padding-bottom: 10px;
	font-size: 34px;
}

.join-n .a1 .b:after {
	content: '';
	display: block;
	width: 30px;
	height: 5px;
	background: #fff;
	display: block;
	margin-top: 10px;
	margin-left: 4px;
}

.join-n .span {
	font-family: Montserrat,Arial,sans-serif;
	padding-top: 120px;
	padding-left: 70px;
	font-size: 38px;
	text-transform: capitalize;
}

.join-n .a2 .span {
	padding-top: 30px;
}

.join-n .span span {
	font-size: 20px;
	padding-left: 3px;
}

.join-n .a1 .span {
	padding-top: 20px;
}

.join-n .a1:before,
.join-n .a21:before,
.join-n .a22:before,
.join-n .a23:before,
.join-n .a3 .a31:before {
	content: '';
	display: block;
	width: 100%;
	height: 60%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(to top, #000, rgb(0 0 0 / 0%));
	opacity: .6;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.join-n .a1:before {
	height: 100%;
	background-image: linear-gradient(to top right, #000, rgb(0 0 0 / 0%));
	opacity: .6;
}

.join-n .a3 .a31:before,
.join-n .a22:before,
.join-n .a23:before,
.join-n .a21:before {
	opacity: .3;
}

.join-n .a21,
.join-n .a21a {
	position: relative;
}

.join-n .a2 .pr,
.join-n .a3 .a31 .pr {
	z-index: 2;
}

.join-n .p {
	font-size: 18px;
	padding-left: 70px;
}

.join-n .a21,
.join-n .a21a {
	width: 100%;
	height: 300px;
	background: url('/css/images/j2.jpg') no-repeat center 20%;
	background-size: cover;
}

.join-n .a21a {
	background: none;
}

.join-n .a22,
.join-n .a23 {
	width: 50%;
	height: 300px;
	float: left;
}

.join-n .a21a .a22 .span,
.join-n .a21a .a23 .span {
	padding-top: 150px;
}

.join-n .a22 {
	background: url('/css/images/j3.jpg') no-repeat center;
	background-size: cover;
}

.join-n .a23 {
	background: url('/css/images/j4.jpg') no-repeat center;
	background-size: cover;
}

.join-n2 .w90 {
	padding: 50px 0 50px;
	border-top: 1px solid #ccc;
}

.join-n2 {
	padding: 100px 0;
}

.join-n2 .fl {
	display: block;
	font-size: 26px;
	height: 50px;
	line-height: 30px;
	font-weight: bold;
	width: 50%;
}

.join-n2 .rt {
	float: right;
	width: 50%;
}

.join-n2 .rt ul li {
	float: left;
	width: 50%;
	height: 18px;
	line-height: 18px;
	border-left: 17px solid #1d75ac;
	margin-bottom: 20px;
	padding-left: 15px;
}

.join-n2 .rt ul li .br {
	display: none;
}

.yyui_tab ul {
	position: absolute;
	top: 540px;
	left: 0px;
	z-index: 9;
	width: 50%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	background: #fff;
	justify-content: space-between;
}

.yyui_tab ul li {
	color: #fff;
	width: 25%;
	height: 60px;
	line-height: 20px;
	font-size: 13px;
	border-right: 1px solid #ccc;
	padding: 10px 10px 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: #fff;
	color: #222;
}

.yyui_tab ul li:last-child {
	border-right: 0;
}

.yyui_tab ul li i {
	display: block;
	font-size: 15px;
}

.yyui_tab ul li.yyui_tab_title_this {
	background: #2028bd;
	color: #fff;
}

.yyui_tab > .yyui_tab_content {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.yyui_tab > .yyui_tab_content_this {
	display: block;
	opacity: 1;
	visibility: initial;
}

#p22 .a1 {
	background: url(/css/images/ab-1.jpg) no-repeat center top;
	background-size: cover;
}

#p22 .a21 {
	background: url(/css/images/j3.jpg) no-repeat center 20%;
	background-size: cover;
}

#p23 .a1 {
	background: url(/css/images/ab-4.jpg) no-repeat center top;
	background-size: cover;
}

#p23 .a21 {
	background: url(/css/images/j4.jpg) no-repeat center 20%;
	background-size: cover;
}

#p24 .a1 {
	background: url(/css/images/ab-3.jpg) no-repeat center top;
	background-size: cover;
}

#p24 .a21 {
	background: url(/css/images/j2.jpg) no-repeat center 20%;
	background-size: cover;
}

.join-n  .a1 .after,
.join-n .a21 .after,
.join-n .a22 .after,
.join-n .a23 .after,
.join-n .a3 .a31 .after,
.join-n .yyui_tab_content .a1 .after,
.join-n .yyui_tab_content .a21 .after,
.join-n .yyui_tab_content  .a22 .after,
.join-n .yyui_tab_content  .a23 .after,
.join-n .yyui_tab_content  .a3 .a31 .after {
	display: block;
	background: #2028bd;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.join-n .yyui_tab_content_this .a1 .after,
.join-n .yyui_tab_content_this .a21 .after,
.join-n .yyui_tab_content_this .a22 .after,
.join-n .yyui_tab_content_this .a23 .after,
.join-n .yyui_tab_content_this .a3 .a31 .after {
	width: 0;
}

.cont2 .fl {
	width: calc(95% - 500px);
	width: 50%;
	float: right;
	margin-left: 5%;
}

.cbody .img5 {
	position: absolute;
	left: -70%;
	top: 100px;
}

.cbody .fl .c.c1 .img {
	width: 100%;
}

.cbody .fl .c.c1 .rtt {
	width: 100%;
}

.cont2 .rt-map {
	float: left;
	width: 500px;
	width: 45%;
	margin-top: 50px;
	border: 0px solid #eee;
	padding: 40px 40px;
	overflow: hidden;
	backdrop-filter: blur(.3rem);
	background-color: rgba(235, 235, 235, .9);
}

.cont2 .rt-map iframe {
	border: 0;
}

.cbody .cnt-1 {
	width: 100%;
	background: #fff;
}

.cbody .cnt-1 {
	padding: 10px 0 0px;
}

.cbody .cnt-1 .tt1 {
	font-size: 32px;
	font-family: Montserrat,Arial,sans-serif;
	padding: 10px 0 15px;
	color: #333;
	text-align: center;
}

.cbody .cnt-1 .tt2 {
	font-size: 18px;
	color: #333;
	text-align: center;
	max-width: 900px;
	margin: 0 auto 50px;
}

.cbody .cnt-1 .w900 {
	width: 1024px;
	position: relative;
	margin: 0 auto;
	z-index: 99;
}

.cbody .cnt-1 .w900 .img {
	width: 1024px;
}

.cbody .cnt-1 .w900 .img img {
	width: 100%;
}

.pit {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.pita {
	position: absolute;
	margin-right: 11px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	vertical-align: middle;
	cursor: pointer;
}

.pita a {
	display: block;
	width: 120px;
	height: 100%
}

.pita span {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	margin: -4px 0 0 -4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #259488;
	opacity: 1;
	cursor: pointer;
}

.pita span::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	-webkit-box-shadow: inset #21af9d 0 0 5px;
	box-shadow: inset #21af9d 0 0 5px;
	content: '';
	opacity: 1;
	-webkit-animation: warn 5s ease .3s infinite;
	animation: warn 5s ease .3s infinite;
}

.pita span:hover:after {
}

.pin_text {
	position: absolute;
	top: 0;
	right: 100%;
	left: auto;
	padding-right: 5px;
	padding-left: 0;
	color: #111;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 14px;
	line-height: 22px;
	display: none;
}

.l1 .pin_text {
	font-size: 14px;
	right: auto;
	left: 30px;
	display: block;
}

body .l1 .pin_text i {
	font-size: 12px;
	display: block;
	margin: 0;
	width: auto;
	background: none;
	height: auto;
}

.l2 .pin_text {
	font-size: 15px;
}

.l3 .pin_text {
	font-size: 12px;
	top: -3px
}

.l3.pita {
	width: 16px;
	height: 16px;
	opacity: .8;
}

.l3.pita span {
	margin: -3px 0 0 -3px;
	width: 6px;
	height: 6px
}

.l3.pita span::after {
	display: none;
}

.pita.china {
	top: 44.9%;
	left: 79.1%;
}

.pita.ch2 {
	top: 42.9%;
	left: 79.1%;
}

.pita.ch3 {
	top: 35.9%;
	left: 74.1%;
}

.pita.china span {
}

.pita {
	border: 1px solid #51ded2;
}

.pita.eu {
	left: 63%;
	top: 27%;
}

.pita.taiguo.eu {
	left: 61%;
	top: 50%;
}

.pita.na {
	left: 17%;
	top: 40%;
}

.pita.na2 {
	left: 46%;
	top: 45%;
}

.pita.na3 {
	left: 87%;
	top: 77%;
}

.pita.sa {
	left: 51%;
	top: 30%;
}

.pita.af {
	left: 62%;
	top: 50%;
}

.pita.af .pin_text {
	right: auto;
	left: 23px;
}

.pita.au {
	left: 59%;
	top: 43%;
}

.pita.dibai {
	left: 33%;
	top: 72%;
}

.pita.malai {
	top: 33%;
	left: 53%;
}

.pita.eu span::after {
	-webkit-animation: warn3 5s ease-out .1s infinite;
	animation: warn3 5s ease-out .1s infinite;
}

.pita.taiguo span::after {
	display: none
}

.pita.na span::after {
	-webkit-animation: warn3 3s ease-in .5s infinite;
	animation: warn3 3s ease-in .5s infinite;
}

.pita.af span::after {
	-webkit-animation: warn4 5s ease-out .1s infinite;
	animation: warn4 5s ease-out .1s infinite;
}

.pita.au span::after {
	-webkit-animation: warn5 7s ease-out .1s infinite;
	animation: warn5 7s ease-out .1s infinite;
}

.pita.sa span::after {
	-webkit-animation: warn6 4s ease-out .1s infinite;
	animation: warn6 4s ease-out .1s infinite;
}

@keyframes warn {
	0% {
		opacity: .3;
		-webkit-transform: scale(.1);
		transform: scale(.1);
	}

	5% {
		opacity: 1;
	}

	to {
		opacity: .1;
		-webkit-transform: scale(44);
		transform: scale(44);
	}
}

@keyframes warn2 {
	0% {
		opacity: .3;
		-webkit-transform: scale(.1);
		transform: scale(.1);
	}

	5% {
		opacity: 1;
	}

	to {
		opacity: .2;
		-webkit-transform: scale(8);
		transform: scale(8);
	}
}

@keyframes warn3 {
	0% {
		opacity: .3;
		-webkit-transform: scale(.1);
		transform: scale(.1);
	}

	5% {
		opacity: 1;
	}

	to {
		opacity: .3;
		-webkit-transform: scale(18);
		transform: scale(18);
	}
}

@keyframes warn4 {
	0% {
		opacity: .2;
		-webkit-transform: scale(.1);
		transform: scale(.1);
	}

	5% {
		opacity: 1;
	}

	to {
		opacity: .2;
		-webkit-transform: scale(15);
		transform: scale(15);
	}
}

@keyframes warn5 {
	0% {
		opacity: .2;
		-webkit-transform: scale(.1);
		transform: scale(.1);
	}

	5% {
		opacity: 1;
	}

	to {
		opacity: .2;
		-webkit-transform: scale(5);
		transform: scale(5);
	}
}

@keyframes warn6 {
	0% {
		opacity: .2;
		-webkit-transform: scale(.1);
		transform: scale(.1);
	}

	5% {
		opacity: 1;
	}

	to {
		opacity: .2;
		-webkit-transform: scale(15);
		transform: scale(15);
	}
}

.s39.s3 .scp ul,
.s39.s3 .scp li {
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.s39.s3 .scp ul:hover  li {
	width: 25%;
	opacity: .3;
}

.s39.s3 .scp li:hover {
	width: 50%!important;
	opacity: 1!important;
}

.fenye {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 40px;
}

.fenye select {
	display: none;
}

.fenye ul {
	margin: 0 auto;
	text-align: center;
	display: block;
}

.fenye li a {
	display: block;
	padding: 6px 12px;
	margin-left: 10px;
	background: #FFF;
	color: #0fc7b5;
	line-height: 25px;
	font-size: 15px;
	border-radius: 3px;
	border: 2px solid #0fc7b5;
	text-transform: capitalize;
}

.fenye li a:hover {
	padding: 6px 12px;
	border: 2px solid #1a7269;
	background: #1a7269;
	color: #fff;
}

.fenye .thisclass a {
	display: block;
	color: #fff;
	padding: 6px 12px;
	border: 2px solid #1a7269;
	background: #1a7269;
	color: #fff;
}

.fenye .pageinfo {
	display: none
}

.layout.bg-gray {
	margin-top: 110px;
	padding: 50px 0;
	background: #f1f1f1;
}

.layout.bg-gray .line .text-yellow {
	display: block;
	font-size: 32px;
	color: #1d75ac;
	border-bottom: 1px solid #aaa;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

.padding-big-top {
	margin-top: 20px;
}

.padding-big-bottom {
	margin-bottom: 20px;
}

.normal-list {
	padding-bottom: 50px;
}

.normal-list li {
	position: relative;
	display: block;
	background: #FFF;
	margin-bottom: 20px;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	width: 19.2%;
	height: 350px;
	float: left;
	margin-right: 1%;
}

.normal-list li a {
}

.normal-list li a span {
	display: block;
	font-size: 16px;
	color: #111;
}

.normal-list li:nth-child(5n) {
	margin-right: 0;
}

.normal-list li a {
	display: block;
	text-align: center;
	font-size: 13px;
	line-height: 24px;
	padding: 25px 10px 25px;
	color: #333;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}

.normal-list li span {
/*color:#888888;position:absolute;right:30px;top:28px*/
}

.normal-list li:hover {
	background: #1d75ac;
	color: #FFF;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}

.normal-list li:hover a,.normal-list li:hover span {
	color: #FFF
}

.normal-list li.dot:hover a:before {
	background: #fff;
}

.normal-list li.dot:hover a {
	color: #fff;
	font-size: 13px;
}

.normal-list li.dot a {
	position: relative;
	color: #888888;
}

.normal-list li.dot a:before {
	content: '';
	display: none;
	position: absolute;
	left: 30px;
	background: #ececec;
	width: 7px;
	height: 7px;
	top: 35px;
	border-radius: 50%
}

.normal-list li .img {
	width: 100%;
	height: 200px;
	background-color: #fff;
	background-size: 120px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
}

.normal-list li .img a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
}

.normal-list li .rt {
	float: none;
}

.ul-ab {
	margin: 0 0px;
	width: 100%;
	background: #eee;
	margin-bottom: 50px;
	position: relative;
	z-index: 9;
	display: none;
}

.master_hide .ab-body {
}

.ab-body4 .ul-ab {
	margin-bottom: 0;
}

.ul-ab .ul {
	position: relative;
}

.ul-ab .pa2 {
	position: absolute;
	right: 0;
	top: 0px;
	font-size: 14px;
	color: #aaa;
}

div.ul-ab .pa2 a {
	font-size: 14px;
	color: #888;
	padding: 0 5px 0px 5px;
}

div.ul-ab .pa2 a:first-child {
	padding-left: 30px;
}

div.ul-ab .pa2 a::before {
	display: none;
}

div.ul-ab .pa2 a.aa::before,
div.ul-ab .pa2 a.aa:hover:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	left: 0;
	top: 5px;
	border-radius: 0%;
	border: 0;
	background-color: none;
	background-image: url(/css/images/sprite_pc.png);
	background-position: center;
	width: 10px;
	height: 10px;
	background-size: 10px;
	background-repeat: no-repeat;
}

div.ul-ab .pa2 a.aa::before {
	background-size: 20px;
	width: 20px;
	top: 7px;
	left: 2px;
	height: 20px;
}

.ul-ab .ul {
	text-align: left;
	display: block;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	flex-wrap: nowrap;
}

.ul-ab .ul::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ul-ab .ul a:after {
	content: '';
	display: none;
	width: 1px;
	height: 100%;
	background: #ddd;
	position: absolute;
	right: -50%;
	top: 0;
}

.ul-ab .ul a:last-child:after {
	display: none;
}

.ul-ab .ul a:nth-child(4):after {
	right: -30%;
}

.ul-ab .ul a {
	display: inline-block;
	height: 32px;
	position: relative;
	line-height: 33px;
	text-align: left;
	padding: 0 20px 0px 20px;
	font-size: 13px;
	color: #555;
	position: relative;
	text-transform: capitalize;
}

.ul-ab .ul a:before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	border-radius: 50%;
	border: 2px solid #aaa;
	top: 11px;
	left: 2px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ul-ab .ul a:hover,
.ul-ab .ul a.on {
	color: #1d75ac;
}

.ul-ab .ul a:hover:before,
.ul-ab .ul a.on:before {
	background: #1d75ac;
	border: 2px solid #1d75ac;
}

.ques05 {
	background: #1d75ac;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 9;
	font-size: 20px;
	-webkit-transition: all 0s ease;
	transition: all 0s ease;
	opacity: 0.8;
}

.ques05:hover {
	opacity: 1;
}

.jidi1 .fl .ques05 {
	bottom: 200px;
}

.jidi1.qua1 .fl .ques05 {
	bottom: 70px;
}

.jidi1.qua1 .ques05.active {
	bottom: 140px;
}

.jidi1.qua1 {
}

.jidi1 .ques05.active {
	bottom: 250px;
}

.jidi1.team1 .ques05.active {
	bottom: 320px;
}

.jidi1 .rt .p3 .ques05,
.jidi1 .rt .p32 .p2  .ques05 {
	top: 10px;
	bottom: auto;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}

.jidi1 .rt .p32 .p2.w2 p {
	bottom: 80px;
}

.jidi1 .rt .p32 .p2 p {
	bottom: 48px;
}

.jidi1 .rt .p32 .p2.w2 .ques05 {
}

.jidi1 .rt .p3 .ques05.active {
}

.qua1 .rt .p2.w100 p {
	bottom: 148px;
}

.qua2 .w100 .ques05 {
	top: 260px;
}

.qua2 .w100 .ques05.active {
	top: 260px;
}

.ques05.active .aa,
.ques05 .bb {
	display: none;
}

.ques05.active .bb {
	display: block;
}

.jidi1 {
	width: 100%;
}

.jidi1 .fl {
	background: url('/css/images/ab-2a.jpg') no-repeat center bottom;
	width: 50%;
	background-size: cover;
	height: 1200px;
	color: #fff;
	padding: 0 50px 20px 70px;
}

.jidi1 .fl .ul {
	margin: 50px 0 0;
}

.jidi1 .fl .ul.f2 .li {
	width: 49%;
}

.jidi1 .fl .ul.f2 .li:nth-child(2) {
	padding-left: 10%;
}

.jidi1 .fl .ul .li {
	float: left;
	width: 33%;
	position: relative;
}

.jidi1 .fl .ul .li b {
	font-size: 38px;
	font-family: Montserrat,Arial,sans-serif;
	font-weight: 600;
}

.jidi1 .fl .ul .li b em {
	font-size: 18px;
}

.jidi1 .fl .ul .li p {
	font-size: 16px;
}

.jidi1 .fl .ul .li::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #fff;
	position: absolute;
	right: 10%;
	bottom: 0;
}

.jidi1 .fl .ul .li:last-child:after {
	display: none;
}

.jidi1 .rt {
	width: 50%;
	height: 1200px;
	color: #fff;
	position: relative;
}

.jidi1 .rt .p3:before,
.jidi1 .fl:before,
.jidi1 .p2:before,
.qua2 .fl-50:before,
.qua2 .w100:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: linear-gradient(to top, #000 , rgb(0 0 0 / 0%));
	opacity: .8;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.qua2 .fl-50:before,
.qua2 .w100:before {
	opacity: 1;
}

.jidi1 .rt .p3:hover:before,
.qua2 .p4:hover:before,
.qua2 .p5:hover:before,
.jidi1 .fl:hover:before,
.jidi1 .rt .p32 .p2.w100:hover:before {
	opacity: 1;
}

.jidi1 .rt .p2:hover:before {
	opacity: 1;
}

.jidi1 .rt .p2.w2:hover:before {
	opacity: 1;
}

.jidi1 .rt .p3 {
	padding: 300px 30px 30px;
	padding: 550px 30px 30px;
	padding-right: 0;
	position: relative;
	z-index: 2;
	height: 750px;
	width: 100%;
	overflow: hidden;
	background: url('/css/images/jidi2.jpg') no-repeat center bottom;
	background-size: cover;
}

.jidi1 .rt .p3.pat400 {
	padding-top: 500px;
}

.jidi1 .rt .p3 .pp {
	padding-bottom: 50px;
	padding-top: 10px;
	font-size: 16px;
}

.jidi1 .rt .p32 {
	height: 450px;
	position: relative;
	z-index: 2;
	width: 100%;
}

.jidi1 .rt .p32 .p2 {
	padding: 310px 30px 30px;
	float: left;
	width: 40%;
	height: 450px;
	background: url('/css/images/jidi3.jpg') no-repeat center;
	background-size: cover;
}

.team1 .rt .p3 {
	background: url('/css/images/ab22.jpg') no-repeat center bottom;
	background-size: cover;
	padding: 620px 30px 30px;
}

.team1 .fl {
	background: url('/css/images/ab21.jpg') no-repeat center bottom;
	background-size: cover;
}

.jidi1 .rt .p32 .p2.w100 {
	width: 100%;
	float: none;
	padding-top: 250px;
}

.jidi1.team1 .rt .p32 .p2 {
	background: url('/css/images/ab23.jpg') no-repeat center;
	background-size: cover;
	padding-top: 350px;
}

.jidi1 .rt .p32 .p2.w2 {
	width: 60%;
	background: url('/css/images/jidi4.jpg') no-repeat center;
	background-size: cover;
}

.jidi1 .rt .p3 .li {
	float: left;
	width: 30.3333%;
	margin-right: 3%;
	height: 100%;
	position: relative;
	z-index: 2;
	padding-top: 10px;
	margin-bottom: 50px;
	border-top: 1px solid #fff;
}

.jidi1 .rt .p3 .li b {
	font-size: 16px;
}

.jidi1 .rt .p3 .f2 .li {
	width: 47%;
}

.jidi1 .rt p {
	font-size: 13px;
	line-height: 1.4;
	padding-top: 10px;
	font-size: 14px;
	line-height: 1.4;
	position: absolute;
	bottom: 47px;
	left: 0;
	background: rgb(255 255 255 / 75%);
	padding: 20px;
	color: #111;
}

.jidi1 .rt .p3.pat400 p {
	background: rgb(255 255 255 / 85%);
}

.jidi1.qua1 .rt p {
	bottom: 67px;
	width: 100%;
}

.jidi1 .rt strong,
.qua2 .w100  strong {
	font-size: 24px;
	padding-bottom: 20px;
}

.jidi1 .rt .p2 strong {
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	border-top: 1px solid #fff;
	display: block;
}

.jidi1 .rt .p32 .p2.w2 strong,
.jidi1 .rt .p32 .p2 strong {
	font-size: 20px;
}

.jidi1 .rt .p32 .p2.w2  b {
	font-size: 16px;
}

.jidi1 .rt .p2 .b {
	padding-bottom: 10px;
}

.jidi1 .rt b {
	display: block;
	font-size: 24px;
	padding-right: 40px;
	padding-bottom: 10px;
	color: #fff;
}

.jidi1 .rt b em {
	display: block;
	font-size: 14px;
	font-style: italic;
}

.jidi1 .fl .b1 {
	font-size: 38px;
	font-family: Montserrat,Arial,sans-serif;
	padding-top: 750px;
}

.jidi1.qua1 .fl .b1 {
	padding-top: 950px;
}

.jidi1 .fl .p1 {
	font-size: 26px;
	padding: 3px 0 20px;
}

.jidi1 .fl .p1,
.jidi1 .fl p {
}

.jidi1 .rt .p32 .p2.pat100 {
	padding-top: 140px;
}

.jidi1 .rt .p32 .p2.w100 .more2 {
	margin-top: 50px;
	width: 500px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.qua1 .rt .p2.w100 {
	background: url('/css/images/ab-1.jpg') no-repeat center bottom;
	background-size: cover;
}

.qua1 .rt  .p3 {
	background: url('/css/images/jidi2.jpg') no-repeat center;
	background-size: cover;
}

.qua1 .fl {
	background: url('/css/images/ab17.jpg') no-repeat center;
	background-size: cover;
}

.qua2 .w100 {
	position: relative;
	background: url(/css/images/ab24.jpg) no-repeat center;
	background-size: cover;
	height: 620px;
	color: #fff;
	width: 100%;
	padding: 70px 50px 50px;
	position: relative;
}

.qua2 .fl-50 {
	float: left;
	background: url(/css/images/ab25.jpg) no-repeat center bottom;
	width: 50%;
	background-size: cover;
	height: 500px;
	color: #fff;
	padding: 400px 50px 50px;
	position: relative;
}

.qua2 .fl-50 p {
	font-size: 14px;
	line-height: 1.4;
	position: absolute;
	bottom: 47px;
	left: 0;
	background: #ffffff;
	padding: 20px;
	color: #111;
}

.qua2 .rt-50 {
	background: url(/css/ca1.jpg) no-repeat center;
	background-size: cover;
}

.qua2 .fl-50 b {
	font-size: 18px;
	display: block;
	padding-bottom: 10px;
}

.qua2 .fl-50 strong,
	.qua2 .w100 strong {
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	border-top: 1px solid #fff;
	display: block;
	font-size: 24px;
}

.qua2 .w100 .ul {
	padding: 30px 0 0;
	border-top: 1px solid #fff;
}

.qua2 .w100 .ul2 {
	padding: 0px 0 0;
	border-top: 0px solid #fff;
}

.qua2 .w100 .ul .li {
	float: left;
	width: 18.5%;
	margin-right: 1.8%;
	font-size: 14px;
	position: relative;
}

.qua2 .w100 .ul .li::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
}

.qua2 .w100 .ul .li:last-child::after {
	display: none;
}

.qua2 .w100 .ul .li:last-child {
	margin-right: 0%;
}

.qua2 .w100 .ul b {
	display: block;
}

.qua2 .w100 .ul b em {
	font-size: 18px;
	display: block;
	padding-bottom: 5px;
}

.qua2 .w100 .pp p {
	float: left;
	width: 50%;
	padding-right: 50px;
}

.qua2 .w100 .pp p:nth-child(2) {
	float: left;
	width: 40%;
}

.qua2 .fl-50 p,
	.qua2 .w100 p {
	font-size: 15px;
	line-height: 1.6;
}

.qua2 .w100 .pp {
	padding-bottom: 80px;
	padding-top: 20px;
}

.href-aa {
	margin: 0 auto 0;
	padding: 100px 0 100px;
	text-align: center;
}

.href-aa a {
	display: inline-block;
	margin: 0 40px;
}

.href-aa a.more2 {
	width: 500px;
}

.href-aa a.more3 {
	width: 500px;
}

.history {
	padding: 130px 0px 80px;
	background: url(/css/images/history_bg.png) no-repeat top -448px left;
	background-attachment: fixed;
}

.history .w88 {
	padding: 0 10%;
	max-width: 1680px;
	width: 100%;
	margin: 0 auto;
}

.history h3 {
}

.ab-history-main {
	border-top: 1px solid rgba(65,105,226,.2);
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
}

.ab-history-year {
	position: sticky;
	top: 50px
}

.ab-history-year .bgg {
	background: url(/css/images/earth.png) no-repeat;
	position: absolute;
	width: 500px;
	height: 504px;
	left: -3%;
	bottom: -70vh;
}

.ab-history-year .item {
	-webkit-transform: scale(0.64);
	transform: scale(0.64);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	color: #1a6bab;
	color: #555;
	-webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
	margin-top: 0px;
	cursor: pointer
}

.ab-history-year .item a {
	font-size: 32px;
}

.ab-history-year .current a {
	color: #5bcac0;
	font-size: 48px;
}

.ab-history-year .current {
	-webkit-transform: scale(1);
	transform: scale(1);
	color: #1a6bab;
	margin-top: 0
}

.ab-history-year {
	width: 40%;
	padding-top: 50px;
}

.ab-history-right {
	width: 75%;
	padding-top: 50px;
}

.ab-history-item {
	display: block!important;
}

.ab-history-item:first-child {
	display: block
}

.ab-history-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ab-history-pic {
	width: 35%;
	max-width: 480px;
	border-radius: 30px
}

.ab-history-pic::before {
	padding-top: 71.875%
}

.ab-history-stage {
	width: 100%;
	position: relative
}

.ab-history-stage::before {
	content: "";
	display: block;
	position: absolute;
	left: 8px;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: rgba(65,105,226,.2)
}

.ab-history-list li {
	position: relative;
	z-index: 10;
	margin-bottom: 50px;
}

.ab-history-list li .item-box {
	border-bottom: 1px solid #ddd;
	padding-bottom: 50px;
}

.ab-history-list .item-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: 80px;
}

.ab-history-list .item-intro {
	margin-top: -5px;
	max-width: calc(100% - 50px)
}

.ab-history-list .item-round {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #4169e2;
	position: relative;
	margin-right: 30px;
	z-index: 20
}

.ab-history-list .item-round::after {
	content: "";
	display: block;
	position: absolute;
	left: 16px;
	top: 50%;
	width: 20px;
	height: 1px;
	background-color: #4169e2
}

.ab-history-list .item-title {
	line-height: 1.5;
	margin-top: 0.3em
}

.ab-history-list .history_img {
	margin: 0 0 15px 0;
	text-align: center;
}

.ab-history-list .history_img img {
	margin: 0 0 20px 0;
	width: 60%;
	width: 360px;
	max-width: 500px;
	border-radius: 6px;
	display: block;
	margin-left: 138px;
}

.ab-history-list .history_img img.w300 {
	width: 360px;
}

.ab-history-list .history_year {
	width: 136px;
	font-size: 22px;
	font-weight: 700;
	color: #191919;
	line-height: 30px;
	position: relative;
	float: left;
}

.ab-history-list .history_cont {
	width: calc(100% - 136px);
	float: left;
}

.ab-history-list .history_cont p {
	position: relative;
	padding: 10px 0 0;
	padding-left: 29px;
	line-height: 1.6;
	font-size: 16px;
}

.history_cont p:before {
	position: absolute;
	left: 0;
	top: 30px;
	width: 22px;
	height: 2px;
	border-radius: 10%;
	background: #229187;
	content: '';
}

.history_cont p span {
	font-size: 18px;
	text-transform: capitalize;
}

.history_year span {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: block;
	position: absolute;
	left: -85px;
	top: 50%;
	transform: translateY(-50%);
}

.history_year span::before {
	background-color: #32a298;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: block;
	top: 50%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
}

.history_year span::after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-color: #81f2e8;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: .5;
}

@media(min-width: 1025px) {
	.ab-history-year .item:hover {
		color: #4169e2
	}
}

@media(max-width: 1440px) {
	.ab-history-list .item-round {
		width: 12px;
		height: 12px
	}

	.ab-history-list .item-round::after {
		left: 12px;
		margin-top: -1px
	}
}

@media(max-width: 1024px) {
	.ab-history-year {
		width: 160px
	}
}

@media(max-width: 650px) {
	.ab-history-pic,.ab-history-stage {
		width: 100%
	}

	.ab-history-stage {
		margin-top: 30px
	}

	.ab-history-year {
		width: 130px
	}

	.ab-history-right {
		width: calc(100% - 130px)
	}
}

.line {
	border: 2px solid #fff;
	width: 650px;
	height: 650px;
	display: block;
	position: absolute;
	left: 50%;
	top: 60px;
	border-radius: 50%;
	transform: translateX(0%);
	margin-left: -325px;
	position: absolute;
	animation: myRotate 10s linear infinite;
}

.slideCircle {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #e60012;
	position: absolute;
	top: 30px;
	left: 150px;
	z-index: 99999;
	background-image: linear-gradient(to right, #d01502, #e34126, #eb5215, #fe650e 50%, #ffffff 50%);
	background-image: linear-gradient(to right, #028ed0, #26dce3, #15ebba, #0efe82 50%, #ffffff 50%);
	background-size: 200% 100%;
}

.cen {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

@keyframes myRotate {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.banp1 {
	position: relative;
}

.banp1:before {
	content: '';
	display: none;
	border: 1px solid #fff;
	width: 650px;
	height: 650px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50px;
	opacity: .5;
	border-radius: 50%;
	transform: translateX(-52%);
	-webkit-animation: hx1 5s infinite;
	animation: hx1 5s infinite;
}

.banp1:after {
	content: '';
	display: none;
	border: 1px solid #fff;
	width: 650px;
	height: 650px;
	display: block;
	position: absolute;
	left: 50.5%;
	top: 60px;
	opacity: .5;
	border-radius: 50%;
	transform: translateX(-50%);
}

@keyframes hx1 {
	0% {
		top: 50px;
		transform: translateX(-52%);
	}

	50% {
		width: 660px;
		height: 660px;
		border-radius: 48%;
		top: 54px;
		transform: translateX(-48%);
	}

	100% {
		top: 50px;
		transform: translateX(-52%);
	}
}

.case_list {
	padding: 50px 0;
}

.case_list .h1 h1 {
	padding-bottom: 50px;
	font-size: 36px;
}

.case_ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.case_ul li {
	width: 32%;
	margin-right: 1%;
	margin-bottom: 20px;
}

.case_ul li:nth-child(n3) {
	margin-right: 0%;
}

.case_ul li a {
	display: block;
	height: 410px;
	background: #efefef;
	overflow: hidden;
}

.case_ul li a:hover {
	border-radius: 0 0 150px 0;
}

.case_ul li a:hover .img {
	transform: scale(1.05);
}

.case_ul li a .img {
	height: 250px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.case_ul li .span {
	padding: 20px;
}

.case_ul li .span b {
	font-size: 20px;
	line-height: 1.5;
	overflow: hidden;
	white-space: break-spaces;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	font-weight: normal;
	font-style: normal;
}

.case_ul li .span p {
	padding-top: 10px;
	color: #666;
	font-size: 14px;
	line-height: 1.3;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: break-spaces;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
}

.case_ul li .span .strong {
	padding-top: 25px;
	font-size: 16px;
	color: #666;
}

.case_ul li .span .strong strong {
	color: #f18700;
	font-size: 26px;
	font-weight: bold;
	padding-right: 3px;
}

.case-by {
	padding: 20px 0 20px;
}

.case-by .fl2 {
	width: 30%;
	float: left;
	font-size: 22px;
	font-weight: bold;
	color: #222;
}

.case-by .rt2 {
	width: 70%;
	float: right;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.case-by .rt2 .dw {
	width: calc(50% - 20px);
	padding-bottom: 20px;
	border-bottom: 1px solid #aaa;
	margin-bottom: 20px;
	margin-left: 20px;
}

.case-by .rt2 .dw span {
	display: block;
	color: #777;
	font-size: 14px;
}

.case-by .rt2 .dw p {
	display: block;
	color: #333;
	font-size: 16px;
}

.case-by .rt2 .p2 {
	display: block;
	margin-left: 20px;
	color: #555;
	font-size: 16px;
}

.master_hide2 .pro-body2 #c1 {
	/*background: #000;    
	background: url(/css/images/probg4.jpg) no-repeat  center fixed;
	background-size:cover*/
}

.master_hide2 .pro-body2 #c1 .imgbg {
	opacity: 1;
	z-index: 1;
}

.master_hide2 .pro-body2 #c1 .b {
	color: #fff;
}

.master_hide2 .pro-body2 #c1 .rt-a {
	color: #fff;
}

.ul5-p ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.ul5-p ul li {
	display: flex;
	width: 48%;
	margin-right: 1%;
	margin-bottom: 20px;
	font-size: 14px;
	border: 1px solid #eee;
	padding: 30px 20px;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
	border-radius: 10px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ul5-p ul li:hover {
	border: 1px solid transparent;
}

.ul5-p ul li:hover:before {
	opacity: 1;
}

.ul5-p ul li:before {
	position: absolute;
	content: "";
	top: -2px;
	left: -2px;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	z-index: 4;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border: 3px solid transparent;
	-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
	background: linear-gradient(0deg, #fff, #fff, #fff, #01c3a8, #01c3a8) border-box;
}

.ul5-p ul li svg {
	fill: #111;
	width: 60px;
	height: 60px;
	display: block;
	margin-bottom: 20px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.master_hide2 .ul5-p ul li svg {
	fill: #fff;
}

.ul5-p ul li strong {
	display: block;
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
}

.fw-serch {
	padding: 70px 0 0;
	width: 100%;
	max-width: 1820px;
	margin: 20px auto;
	background: #fff;
	text-align: center;
	display: block;
	position: relative;
}

.fw-serch .img {
	width: 100%;
	height: 780px;
	margin: 0px 0;
}

.fw-serch .p1,
	 	 .fw-serch .p2 {
	font-size: 18px;
}

.fw-serch  .so form {
	width: 680px;
	margin: 20px auto 40px;
}

.fw-serch .p2 {
	font-size: 14px;
	margin: 0 auto;
	padding: 30px 2px;
	color: #555;
	width: 650px;
	margin-left: 40px;
	background: #f5f5f5;
}

.fw-serch .p2 img {
	padding: 0 0 10px;
}

.fw-serch .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.fw-serch .so .sear-inpu {
	border: 1px solid #aaa;
}

.fw-serch .w90 {
	margin: 50px auto 0;
	background: #fff;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -400px;
	z-index: 99;
	padding: 50px;
	width: 800px;
	border-radius: 10px;
	box-shadow: 1px 3px 8px #666;
}

.fw-serch h2 {
	padding: 0 0 10px;
	font-size: 24px;
	color: #111;
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	align-content: center;
}

.fw-serch h2 svg {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	display: inline-flex;
}

.fw-serch .bd1::before {
	content: '';
	display: block;
	width: 3px;
	height: 25px;
	background: #009688;
	margin: 0px auto 10px;
}


@media (max-width: 1500px) {
	#header .w90 .fl {
		width: calc(100% - 200px);
	}

	.s1 ul {
		margin-right: 20px;
	}

	.h-pro.pro-body .fl-2 .more2 {
		margin-top: 20px;
	}

	.s1 .more2 {
		margin: 50px 0 10px 0px;
	}
	
	#header .logo {
		width: 180px;
		background-size: 180px!important;
	}
	.master_hide #header .logo {
		margin-top: 20px;
	}
	.s10 .ul li .pa b {font-size: 18px;}
	.s10 .ul li {height: 265px;}
	.s10 .ul li .pa span {display: none;}
}