body {
	font-family: "harmonyos", sans-serif;
	background-color: #f6f6f6;
}

.bold {
	font-family: "futura", sans-serif;

}

* {
	margin: 0;
	padding: 0;
	outline: none;
	;
	box-sizing: border-box;
}

#toolbarContainer {
	display: none;
}

/*调用外部字体*/
@font-face {
	font-family: myFirstFont;
	src: url('../font/Poppins-Regular.ttf');
}

@font-face {
	font-family: bold;
	src: url('../font/Poppins-Bold.ttf');
}

@font-face {
	font-family: bold2;
	src: url('../font/Poppins-Medium.ttf');
}

@font-face {
	font-family: bold3;
	src: url('../font/Poppins-Light.ttf');
}



@font-face {
	font-family: "harmonyos";
	src: url('../font/harmonyos.woff2') format('woff2'),
		url('../font/harmonyos.woff') format('woff'),
		url('../font/HarmonyOS.ttf') format('truetype');
}


@font-face {
	font-family: "futura";
	src: url('../font/futura.woff2') format('woff2'),
		url('../font/futura.woff') format('woff'),
		url('../font/Futura.ttf') format('truetype');
}



.bold {
	    font-family: "futura", sans-serif;
}

.bold2 {
	font-family: bold2;
}

.bold3 {
	font-family: bold3;
}

body {
	font-size: 14px;
	overflow-x: hidden;
	padding-top: 65px;
}

li,
a,
i {
	text-decoration: none;
	list-style: none;
	font-style: normal;
}

input,
button,
textarea {
	border: none;
}

table {
	border-collapse: collapse;
}

h5,
h4,
h3,
h2,
h1 {
	font-weight: normal;
	line-height: 100%;
}

a,
a * {
	transition: all 0.5s;
}

img {
	transition: all 0.8s !important;
	max-width: 100%;
	border: none;
	/*防止图片模糊*/
	image-rendering: -moz-crisp-edges;
	/* Firefox */
	image-rendering: -o-crisp-edges;
	/* Opera */
	image-rendering: -webkit-optimize-contrast;
	/*Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	/* IE (non-standard property) */
}

.swiper-button-next,
.swiper-button-prev {
	content: '' !important;
	opacity: 1 !important;
	cursor: pointer;
}

.swiper-button-next::after,
.swiper-button-prev::after {
	content: '' !important;
}

/*鼠标经过动画*/
/* wow fadeInDown2*/
/* wow fadeInUp2*/
/*tr-title title-flex 文字效果*/
/* onion-tstime onion-tfty 文字效果*/
/* wow fadeInUp" data-wow-delay="0.2s"*/
/* wow zoomIn*/
/*可以加入 data-wow-duration（动画持续时间）和 data-wow-delay（动画延迟时间）属性，如：*/
/*.nydh2 p a:before, .nydh2 p a:after{content: '';width: 0;height: 100%;    opacity: 0;position: absolute;top: 0;z-index: -1;transition: all 0.3s;-webkit-transition: all 0.3s;background-color: #e60012;}
.nydh2 p a:hover:before, .nydh2 p a:hover:after{width: 50%;opacity: 1;}
.nydh2 p a:before{left: 50%;}
.nydh2 p a:after{right: 50%;}*/
/*鼠标经过动画*/

/*-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);*/

/*a标签邮箱链接*/
/*mailto:*/

/*a标签发送短信*/
/*sms:*/

/*新窗口打开*/
/*target="_blank"*/

/*input邮箱格式*/
/*email*/

/*放大镜*/
/*class="pirobox_gall"*/

/*数字滚动*/
/*myTargetElement*/

/*
鼠标经过加框
.cpzx-b a i{display:block;position:absolute;background:#fe1e24;}
.cpzx-b a .i1{width:0px;height:1px;right:0px;top:0px;}
.cpzx-b a .i2{width:1px;height:0px;left:0px;top:0px;}
.cpzx-b a .i3{width:0px;height:1px;left:0px;bottom:0px;}
.cpzx-b a .i4{width:1px;height:0px;right:0px;bottom:0px;}
.cpzx-b a:hover .i1,.cpzx-b a:hover .i3{width:100%}
.cpzx-b a:hover .i2,.cpzx-b a:hover .i4{height:100%}
*/


/*视频动画*/
/*.gywm-r p::before, .gywm-r p::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #1b80d6;content: '';top:0;left:0}
.gywm-r p::before{animation: scale 2s infinite; }
.gywm-r p::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(4);opacity:0;}}*/




/*图片左右不停晃动*/
/*@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.footer-r1 h3 img{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}*/

/*元素上下不停动*/
/*@-webkit-keyframes rotation2{
    0%{transform: translateY(0px);}
    50%{transform: translateY(5px);}
    100%{transform: translateY(0px);}
}
p{animation: rotation2 1.5s linear infinite;-moz-animation: rotation2 1.5s linear infinite;-webkit-animation: rotation2 1.5s linear infinite;-o-animation: rotation2 1.5s linear infinite;}
*/

/*去掉动画*/
.wow2 {
	visibility: initial !important;
	animation-duration: initial !important;
	animation-delay: initial !important;
	animation-iteration-count: initial !important;
	animation-name: initial !important;
}

/*电脑段头部开始*/

/**/
.preloader {
	background: #FFFFFF;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	/* display: block!important; */
}

.preloader .bottle-border {
	width: 60px;
	height: 125px;
	position: absolute;
	left: -60px;
	bottom: 0;
	background: #fff;
	z-index: 2;
}

.preloader .bottle-border:before {
	content: "";
	height: 0px;
	position: absolute;
	top: 120px;
	left: 11px;
	border-width: 0px 35px 77px;
	border-style: solid;
	border-color: transparent transparent #FFFFFF;
	z-index: 1;
	transform: rotate(149.5deg);
	display: none;
}

.preloader .bottle-border:after {
	content: "";
	height: 0px;
	position: absolute;
	top: 84px;
	left: -35px;
	border-width: 0px 35px 77px;
	border-style: solid;
	border-color: transparent transparent #FFFFFF;
	z-index: 1;
	transform: rotate(66.5deg);
}

.preloader .bottle-border2 {
	width: 100%;
	position: absolute;
	right: 0;
	top: 99%;
	height: 0;
	background: #fff;
	/*display: none;*/
	height: 20px;
	z-index: 3;
}

.preloader .bottle-border2:before {
	height: 0px;
	position: absolute;
	top: 102px;
	right: -20px;
	border-width: 0px 35px 77px;
	border-style: solid;
	border-color: transparent transparent #FFFFFF;
	z-index: 1;
	transform: rotate(94.15deg);
}

.preloader .bottle-border2:after {
	height: 0px;
	position: absolute;
	top: 81px;
	left: 4px;
	border-width: 0px 35px 77px;
	border-style: solid;
	border-color: transparent transparent #FFFFFF;
	z-index: 1;
	transform: rotate(66.5deg);
}

.preloader .loader {
	max-width: 102px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
}

.preloader .bottle {
	z-index: 2;
	overflow: hidden;
	/* transform: scale(1); */
	display: block;
}

.preloader #preloader-banner {
	border-radius: 0;
	height: 172px;
	background: transparent;
	overflow: hidden;
	backface-visibility: hidden;
	/* clip-path: polygon(25% 0px, 47% 0px, 46.00% 21.51%, 102% 55.85%, 74% 100.94%, 26% 100.95%, -1px 39.81%, 25px 21.51%); */
	/* -webkit-clip-path: polygon(25% 0px, 47% 0px, 46.00% 21.51%, 102% 55.85%, 74% 100.94%, 26% 100.95%, -1px 39.81%, 25px 21.51%); */
}

.preloader #preloader-banner .fill {
	animation-name: fillAction;
	animation-iteration-count: 1;
	animation-timing-function: cubic-bezier(.2, .6, .8, .4);
	animation-duration: 4s;
	animation-fill-mode: forwards;
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	position: relative;
	z-index: -1;
	top: -114px;
	width: 50px;
	left: 10px;
	overflow: hidden;
	height: 117px;
	transform: translate(0, 150px);
}

.preloader #preloader-banner #waveShape {
	animation-name: waveAction;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: 0.5s;
	width: 300px;
	height: 172px;
	fill: #243692;
}

.preloader-logo {
	position: absolute;
	top: 14px;
	left: 18px;
	width: 66px;
	height: 12px;
}

@keyframes fillAction {
	0% {
		transform: translate(0, 150px);
	}

	100% {
		transform: translate(0, -5px);
	}
}

@keyframes waveAction {
	0% {
		transform: translate(-150px, 0);
	}

	100% {
		transform: translate(0, 0);
	}
}

@keyframes line {
	from {
		width: 0px;
		left: 200px;
	}

	to {
		width: 380px;
		left: 0;
	}
}

@keyframes text1 {
	from {
		width: 10px;
		left: 200px;
	}

	to {
		width: 380px;
		left: 0;
	}
}

/**/

.zxly2 {
	background: #fff;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
	position: fixed;
	right: 35px;
	z-index: 9;
	bottom: 20%;
	width: 303px;
	padding: 24px 20px 26px 22px;
	display: none
}

.zxly2 a {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: -17px;
}

.zxly2 a img {
	display: block;
}

.zxly2 a:hover {
	transform: rotate(90deg)
}

.zxly2 h3 {
	color: #1d1d1f;
	font-size: 14px;
	margin-bottom: 15px;
	font-weight: bold;
}

.zxly2 p {
	color: #cdcdcd;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 18px;
}

.zxly2 p i {
	font-size: 0.2rem;
	padding-right: 5px;
	display: block;
	transform: scale(0.7);
	color: #bbbbbb;
}

.zxly2 input {
	width: 100%;
	margin-bottom: 10px;
	display: block;
	color: #000;
	padding: 0 13px;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	height: 32px;
}

.zxly2 input::placeholder,
.zxly2 textarea::placeholder {
	color: #b2b2b2;
}

.zxly2 dl {
	margin-bottom: 10px;
}

.zxly2 dl input {
	width: calc(100% - 70px);
	margin-bottom: 0
}

.zxly2 dl img {
	width: 60px;
	height: 32px;
	cursor: pointer;
}

.zxly2 textarea {
	width: 100%;
	margin-bottom: 10px;
	display: block;
	color: #000;
	padding: 13px;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	height: 62px;
}

.zxly2 button {
	color: #fff;
	font-size: 15px;
	border-radius: 3px;
	background: #343434;
	height: 35px;
	transition: all 0.5s;
	cursor: pointer;
	width: 100%
}

.zxly2 button:hover {
	background: #1d95d4;
}

.head {
	width: 100%;
	top: 0;
	z-index: 1000;
	background: #fff;
	transition: all 0.5s;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1000;box-shadow: 10px 14px 30px 0px rgba(0, 0, 0, 0.06);
}

.head-c {
	height: 65px;
}

.head-c.cur {
	background: #fff;
}

.head-c-l {
	display: flex;
	align-items: center;
	padding-right: 20px;
}

.head-c-l a {}

.head-c-l a img {
	/* width:94px; */
	display: block;
}

.head-c-r {
	float: right;
	display: flex;
	align-items: center;
}

.head-c-r-l {
	float: left;
}

.head-c-r-l>ul {}

.head-c-r-l>ul>li {
	float: left;
	position: relative;
	margin: 0px 25px;
}


.head-c-r-l>ul>li:nth-child(2) .head-c-r-l-b,.head-c-r-l>ul>li:nth-child(3) .head-c-r-l-b{display:none;}


.head-c-r-l-t a {
	color: #000;
	line-height: 65px;
	position: relative;
	font-size: 16px;
	font-family: 'harmonyos';
	font-weight: bold;
}

.head-c-r-l-t a p {}

.head-c-r-l>ul>li.active .head-c-r-l-t a,
.head-c-r-l-t a:hover {
	color: #666;
}

.head-c-r-l-b {
	position: absolute;
	z-index: 100;
	background: rgba(255,255,255,0.85);
	/* box-shadow: 1px 1px 10px #9c9393; */
	top: 100% !important;
	max-height: 0;
	transition: all 0.5s;
	left: 0;
	-webkit-transform: translateY(0%) translateX(-50%);
	transform: translateY(0%) translateX(0%);
	overflow: hidden;
	min-width: 100%;
}

.head-c-r-l>ul li:hover .head-c-r-l-b {
	max-height: 100vh;
	transition: all 0.5s;
}

.head-c-r-l-b ul {
	width: auto;
}

.head-c-r-l-b ul li {}

.head-c-r-l-b ul li a {
	display: block;
	padding: 12px 30px;
	color: #252525;
	white-space: nowrap;
	/* text-align:  center; */
	text-transform: capitalize;
	font-size: 14px;
}

.head-c-r-l-b ul li a:hover {
	/* color: #fff; */
	background: #f5f5f5;
}

.head-c-r-l-t ul li {}

.head-c-r-l-t ul li a {}

.head-c-r-r {
	margin-left: 10px;
}

.head-c-r-r p {
	margin-right: 0px;
	cursor: pointer;
}

.head-c-r-r p img {
	display: block;
	width: 100%;
}

.head-c-r-r .flex-jc {
	color: #fff;
	font-size: 12px;
	width: 100px;
	height: 30px;
	background: #222;
	border-radius: 5px;
}
.head-c-r-r .flex-jc:hover{	background: #000;}

.head-c-r-r .language {
    margin-left:20px;
	margin-right:20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
	height: 65px;
}

.head-c-r-r .language ul {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: red;
    width: auto;
    top: 100%;
	padding: 0px 20px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .85);
    display: none;
}


.head-c-r-r .language:hover ul {
    display: block;
}


.head-c-r-r .language ul li a {
    font-size: 12px;
    line-height: 36px;
    color: #666;
    white-space: nowrap;
    display: block;
    text-align: left;
    transition: .4s;padding-left: 30px;
}



.head-c-r-r .language  .yytb1{background: url(../image/yytb01.png) no-repeat left center;}
.head-c-r-r .language  .yytb2{background: url(../image/yytb02.png) no-repeat left center;}
.head-c-r-r .language  .yytb3{background: url(../image/yytb03.png) no-repeat left center;}



.head-c-r-r .language ul li a:hover{  color: #000;}



.head-c-r-r .language a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #fff;

    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}



.head-c-r-r .language a img {
    margin-right:0;
    width: 18px;
	    height: 18px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	-webkit-filter: invert(0.8);
	    filter: invert(0.8);
}





.head-c-r-r a img {
	margin-right: 13px;
}

.ssk {
	position: fixed;
	width: 100%;
	top: 65px;
	left: 0;
	background: #fff;
	display: none;
	z-index: 99;
}

.ssk-s {
	padding: 32px 0 80px 0;
}

.ssk-t {
	margin-bottom: 40px;
	position: relative;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

.ssk-t form {
	display: flex;
}

.ssk-t form button {
	width: 35px;
	height: 30px;
	background: none;
	fill: var(--r-globalnav-search-icon-fill);
	cursor: pointer;
	/* color: #f00; */
	opacity: 0.6;
	transition: all 0.5s
}

.ssk-t form button:hover {
	opacity: 1
}

.ssk-t form input {
	width: calc(100% - 40px);
	height: 30px;
	color: #333336;
	font-size: 16px;
	font-family: "harmonyos", sans-serif;
}

.ssk-t form input::placeholder {
	color: #6e6e73;
}

.ssk-t a {
	position: absolute;
	right: 0;
	top: 0
}

.ssk-b {}

.ssk-b h3 {
	margin-bottom: 20px;
}

.ssk-b dl {}

.ssk-b dl a {
	display: flex;
	align-items: center;
	padding-left: 10px;
	color: #343437;
	height: 24px;
}

.ssk-b dl a p {
	margin-right: 10px;
	padding-top: 5px;
}

.ssk-b dl a .img1 {
	opacity: 0.6;
}

.ssk-b dl a .img2 {
	display: none;
}

.ssk-b dl a:hover {
	background: #f5f5f7;
}

.ssk-b dl a:hover .img1 {
	opacity: 1;
}

.ssk-b dl a:hover .img2 {}

/*电脑端头部结束*/

/*电脑端尾部开始*/
.footer {
	background: #f5f5f7;
	padding-top: 80px;
	font-size: 12px;
	position: relative;
	z-index: 1;
}

.footer-t {
	padding-bottom: 90px;
}

.footer-t dl {}

.footer-t dl h3 {
	font-size: 14px;
	margin-bottom: 24px;
	color: #000;
	font-weight: bold;
}



.footer-t .cs_gap_y_30 {
    gap: 12px 0;
}


@media (min-width: 768px){
.footer-t .col-md-6 {
    flex: 0 0 auto;
    width: 50%;        padding: 0px 6px;
}

}


@media (min-width: 992px){
.footer-t .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;        padding: 0px 6px;
}

}


.footer-t .cs_form_field {
    background-color: #fff;
	width: 100%;
	    padding: 10px 20px;
	    border: 1px solid #ddd;
	    border-radius: 5px;
	    outline: none;
	    resize: none;
	    -webkit-transition: all 0.4s ease;
	    transition: all 0.4s ease;font-family: "harmonyos", sans-serif;
}

input, textarea {
    color: var(--heading-color);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}



.footer-t .cs_btn.cs_style_1 {
    border: none;
    margin-top: 10px;
}

.cs_btn.cs_style_1.cs_color_1 {
    background-color: #111;
    color: #fff;    border-radius: 5px;font-family: "harmonyos", sans-serif;
}

.cs_btn.cs_style_1 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 17px;
    font-weight: 500;
    padding: 11px 28px;
    line-height: 1.6em;
    gap: 8px;
    line-height: 1.6em;
    border-radius: 1.6em;
}




.footer-t dl dt {
	line-height: 32px;
}

.footer-t dl dt a {
	color: #545455;
}

.footer-t dl dt a:hover {
	color: #0367cc;
}

.footer-t dl p {
	color: #545455;
	line-height: 24px;
	margin-bottom: 18px;
	width: 250px;
}

.footer-t dl form {
	
	
}

.footer-t dl form input {
	height: auto;
	color: #6f6f70;
	width: calc(100% - 34px);
	background: #f5f5f7;
	padding-left: 10px;
}

.footer-t dl form input::placeholder {
	color: #6f6f70;
}

.footer-t dl form button {
	    width: 100%;
	    height: 40px;
	background: none;
	cursor: pointer;
}

.footer-c {
	padding-bottom: 21px;
	padding-top: 30px;
	border-top: 1px solid #ced0d3;
}

.footer-c dt {}

.footer-c dt img {
	margin-right: 40px;
}

.footer-c dt a {
	color: #6f6f70;
	display: block;
	margin-right: 20px;
}

.footer-c dd {}

.footer-c dd a {
	display: block;
	margin-left: 18px;
}

.footer-c dd a:hover {
	transform: translateY(-10px);
}

.footer-b {
	border-top: 1px solid #ced0d3;
	padding: 17px 0 44px 0;
	color: #6f6f70;
}

.footer-b dl {}

.footer-b dl a {
	color: #6f6f70;
}

.footer-b dl a:hover {
	color: #0367cc;
}

.footer-b dl i {
	display: block;
	width: 1px;
	height: 14px;
	background: #9f9fa0;
	margin: 0 10px;
}

.footer-b dl i:last-child {
	display: none;
}

.footer {}

/*电脑端尾部结束*/

.w1 {
	width: 1500px;
	margin: 0 auto;
}

/*搜索框样式开始*/
.sousou3 {
	position: fixed;
	z-index: 1;
	background: rgba(000, 000, 000, 0.4);
	width: 100%;
	top: 65px;
	left: 0px;
	display: none;
	z-index: 1003;
	text-align: center;
}

.sousou3 input {
	width: 40%;
	height: 40px;
	line-height: 40px;
	background: #fff;
	box-sizing: border-box;
	text-indent: 1em;
	border-radius: 2px;
	border: none;
	font-size: 14px;
}

.sousou3 .input2 {
	width: 80px;
	/* margin-left:-80px; */
	cursor: pointer;
	padding-left: 0px;
	color: #fff;
	font-size: 14px;
	background: #1d95d4;
	border-radius: 0px;
	outline: none;
	text-indent: 0;
	height: 40px;
	cursor: pointer;
}

.sousou3 form {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
}

.sousou3 i {
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	margin-left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 40px;
	border-radius: 50px;
	background: #1d95d4;
	height: 30px;
	border-radius: 30px;
}

/*搜索框样式结束*/

/*底部按钮开始*/
.dbdh {
	width: 100%;
	position: fixed;
	bottom: 0px;
	background: #222;
	overflow: hidden;
	box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.1);
	display: none;
	z-index: 120;
}

.dbdh ul li {
	float: left;
	width: 25%;
	text-align: center;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	padding: 10px 0;
	cursor: pointer;
}

.dbdh ul li:last-child {
	border: none;
	width: 25%;
}

.dbdh ul li.active {
	background: #fff;
}

.dbdh ul li.active a {
	color: #1d95d4;
}

.dbdh ul li a {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}

.dbdh ul li i {
	display: block;
	margin-bottom: 5px;
}

/*底部按钮结束*/

/*点击弹出视频开始*/
.video {
	cursor: pointer;
}

#fade {
	display: none;
	background: #000000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .80;
	z-index: 9999;
}

.top_popupbox {
	max-width: 80%;
	width: 1200px;
	height: auto;
	border-radius: 8px;
	background-repeat: no-repeat;
	display: none;
	/* Hidden as default */
	float: left;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99999;
	opacity: 1px;
	background: #fff;
	-webkit-transform: translateY(-50%) translateX(-50%);
	background: #000;
	transform: translateY(-50%) translateX(-50%);
}

.popupbox i,
.top_popupbox i {
	background: url("../image/guanbi.png") no-repeat center #000;
	padding: 16px;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	z-index: 3;
	height: 40px;
}

iframe#sp {
	width: 100%;
	height: 400px;
	display: block;
}

video#sp {
	width: 100%;
	max-height: 80vh;
	display: block;
}

/*点击弹出视频结束*/

/*图片不停旋转动画*/
@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}

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

.tp_dh {
	-webkit-transform: rotate(360deg);
	animation: rotation 3s linear infinite;
	-moz-animation: rotation 3s linear infinite;
	-webkit-animation: rotation 3s linear infinite;
	-o-animation: rotation 3s linear infinite;
}

/*wow*/
@-webkit-keyframes fadeInDown1 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDown1 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInDown1 {
	-webkit-animation-name: fadeInDown1;
	animation-name: fadeInDown1
}

@-webkit-keyframes fadeInDown2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDown2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInDown2 {
	-webkit-animation-name: fadeInDown2;
	animation-name: fadeInDown2
}

@-webkit-keyframes fadeInLeft1 {
	from {
		-webkit-transform: translate3d(-10%, 0, 0);
		transform: translate3d(-10%, 0, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes fadeInLeft1 {
	from {
		-webkit-transform: translate3d(-10%, 0, 0);
		transform: translate3d(-10%, 0, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.fadeInLeft1 {
	-webkit-animation-name: fadeInLeft1;
	animation-name: fadeInLeft1
}

@-webkit-keyframes fadeInLeft2 {
	from {
		-webkit-transform: translate3d(-5%, 0, 0);
		transform: translate3d(-5%, 0, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes fadeInLeft2 {
	from {
		-webkit-transform: translate3d(-5%, 0, 0);
		transform: translate3d(-5%, 0, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.fadeInLeft2 {
	-webkit-animation-name: fadeInLeft2;
	animation-name: fadeInLeft2
}

@-webkit-keyframes fadeInRight1 {
	from {
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes fadeInRight1 {
	from {
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.fadeInRight1 {
	-webkit-animation-name: fadeInRight1;
	animation-name: fadeInRight1
}

@-webkit-keyframes fadeInRight2 {
	from {
		-webkit-transform: translate3d(5%, 0, 0);
		transform: translate3d(5%, 0, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes fadeInRight2 {
	from {
		-webkit-transform: translate3d(5%, 0, 0);
		transform: translate3d(5%, 0, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.fadeInRight2 {
	-webkit-animation-name: fadeInRight2;
	animation-name: fadeInRight2
}

@-webkit-keyframes zoomLeft {
	from {
		-webkit-transform: scale3d(0.3, .3, .3);
		transform: scale3d(0.3, .3, .3);
		opacity: 0
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomLeft {
	from {
		-webkit-transform: scale3d(0.3, .3, .3);
		transform: scale3d(0.3, .3, .3);
		opacity: 0
	}

	50% {
		opacity: 1
	}
}

.zoomLeft {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation-name: zoomLeft;
	animation-name: zoomLeft
}

.zoomRight {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation-name: zoomLeft;
	animation-name: zoomLeft
}

@-webkit-keyframes fadeInUp1 {
	from {
		-webkit-transform: translate3d(0, 10%, 0);
		transform: translate3d(0, 10%, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes fadeInUp1 {
	from {
		-webkit-transform: translate3d(0, 10%, 0);
		transform: translate3d(0, 10%, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.fadeInUp1 {
	-webkit-animation-name: fadeInUp1;
	animation-name: fadeInUp1
}

@-webkit-keyframes fadeInUp2 {
	from {
		-webkit-transform: translate3d(0, 2%, 0);
		transform: translate3d(0, 2%, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes fadeInUp2 {
	from {
		-webkit-transform: translate3d(0, 2%, 0);
		transform: translate3d(0, 2%, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.fadeInUp2 {
	-webkit-animation-name: fadeInUp2;
	animation-name: fadeInUp2
}

@keyframes myfirst {
	0% {
		top: 0;
		left: 0
	}

	25% {
		top: 10px;
		left: 0
	}

	50% {
		top: 0;
		left: 0
	}

	100% {
		top: 0;
		left: 0
	}
}

@-moz-keyframes myfirst {
	0% {
		top: 0;
		left: 0
	}

	25% {
		top: 10px;
		left: 0
	}

	50% {
		top: 0;
		left: 0
	}

	100% {
		top: 0;
		left: 0
	}
}

@-webkit-keyframes myfirst {
	0% {
		top: 0;
		left: 0
	}

	25% {
		top: 10px;
		left: 0
	}

	50% {
		top: 0;
		left: 0
	}

	100% {
		top: 0;
		left: 0
	}
}

@-o-keyframes myfirst {
	0% {
		top: 0;
		left: 0
	}

	25% {
		top: 10px;
		left: 0
	}

	50% {
		top: 0;
		left: 0
	}

	100% {
		top: 0;
		left: 0
	}
}

.onion-tstime {
	-webkit-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

.onion-tfty {
	-webkit-transform: translateY(40px);
	-ms-transform: translateY(40px);
	transform: translateY(40px);
	opacity: .2;
}

.onion-ts {
	opacity: 0.1;
}

.title-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	line-height: 140% !important
}

@-webkit-keyframes aititle {
	0% {
		opacity: 0;
		-webkit-transform: translateY(70px);
		transform: translateY(70px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes aititle {
	0% {
		opacity: 0;
		-webkit-transform: translateY(70px);
		transform: translateY(70px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

/*wow*/

/*手机端头部开始*/
.sj_dh {
	background-color: rgb(255 255 255 / 97%);
	height: 48px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
	display: none;
}

#btn {
	background: none;
	border: none;
	outline: none;
	display: inline-block;
	z-index: 100;
	cursor: pointer;
	/* width: 15px; */
	position: fixed;
	top: 14px;
	right: 16px;
}

#btn span {
	display: block;
	width: 16px;
	height: 2px;
	background: hsl(0deg 0% 28%);
	margin: 5px 0px;
	transition: all 0.5s;
}

#btn .one {
	transform-origin: left center;
	transform: rotate(45deg);
	height: 1px;
	background: #000;
}

#btn .two {
	transform-origin: left bottom;
	transform: rotate(-45deg);
	margin-top: 10px;
	height: 1px;
	background: #000;
}

#btn #c {
	transition: all 0.5s;
	display: none;
	opacity: 0 !important;
}

.sj_logo {
	text-align: left;
	height: 48px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.sj_logo a {
	text-align: left;
	color: #f1c232;
	margin-left: 15px;
	display: block;
	max-width: calc(100% - 110px);
}

.sj_logo a img {
	max-height: 40px;
	display: block;
	width: 94px;
}

.en {
	text-align: center;
}

.en a {
	padding: 0 10%;
}

.navigation {
	width: 100%;
	top: 50px;
	background: #fff;
	position: fixed;
	left: 0;
	top: -100%;
	z-index: 99999;
	transition: all 0.5s;
	overflow: auto;
	max-height: 100%;
	height: 100vh;
	/* padding-top: 48px; */
	z-index: 10;
}

.kj {
	padding: 0px 0px;
	overflow: auto;
}

.kj>li {
	width: 100%;
	line-height: 50px;
	/* border-bottom: 1px solid #cecbcb; */
}

.kj>li:nth-child(1) {
	margin-top: 48px;
}

.kj .t {
	padding-left: 48px;
}

.kj li .t {
	line-height: 54px;
	font-size: 14px;
	overflow: hidden;
}

.kj li .t button {
	background: none;
	outline: none;
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	margin-top: 15px;
	padding: 0 12px;
	border-radius: 4px;
	background: #73659d;
	color: #fff;
	transition: all .36s ease;
	border: none;
}

.kj li div.t .arrow.up {
	background-image: url(../image/xx.png);
	transform: rotate(180deg);
}

.kj li div.t .arrow.down {
	background-image: url(../image/xx.png);
}

.kj li .t .arrow {
	display: block;
	width: 31px;
	height: 32px;
	background: no-repeat 0 center;
	float: right;
	margin-top: 9px;
	margin-right: 10px;
	transition: all 0.1s;
	background-image: url(../image/logo.png);
	display: none;
}

.kj .t2 {
	padding-left: 10px;
}

.kj li .t2 {
	line-height: 50px;
	font-size: 14px;
	overflow: hidden;
	display: flex;
	align-items: center;
	/* border-top: 1px solid #d3d3d3; */
	padding-left: 0;
}

.kj li .t2 a {
	color: #666;
	border: none !important;
	padding-left: 48px;
	font-size: 18px;
	line-height: 30px;
}

.kj li .t2 button {
	background: none;
	outline: none;
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	margin-top: 15px;
	padding: 0 12px;
	border-radius: 4px;
	background: #73659d;
	color: #fff;
	transition: all .36s ease;
	border: none;
}

.kj li div.t2 .arrow.up {
	background-image: url(../image/xx.png);
	transform: rotate(180deg);
}

.kj li div.t2 .arrow.down {
	background-image: url(../image/xx.png);
}

.kj li .t2 .arrow {
	display: block;
	width: 31px;
	height: 32px;
	background: no-repeat 0 center;
	float: right;
	margin-top: 9px;
	margin-right: 10px;
	transition: all 0.1s;
	background-image: url(../image/logo.png);
}

.kj li ul li {
	color: #727272;
	line-height: 40px;
}

.kj li ul li {
	color: #727272;
	line-height: 40px;
}

.kf .menu2 li {
	border-top: 1px solid #d3d3d3;
}

.menu2 {}

.kj li a {
	font-size: 14px;
	font-weight: bold;
	color: #222;
	display: block;
	float: left;
	font-size: 28px;
}

.kj li .menu li a {
	color: #666;
}

.kj li a:hover {
	color: #222;
}

.menu,
.menu2 {
	display: none;
}

.menu2 li {
	border-top: 1px solid #d3d3d3;
	/* margin-top: 2px; */
}

.menu li {
	overflow: hidden;
}

.menu li a {
	padding-left: 20px;
	overflow: hidden;
}

.menu2 li a {
	padding-left: 40px;
	overflow: hidden;
}

.kj li ul li a {
	display: block;
	border-top: 1px solid #d3d3d3;
	float: left;
	width: calc(100% - 20px);
}

.kj li ul li .menu2 li a {
	width: calc(100% - 40px);
	border: none;
}

.kj li ul li a {}

.label {
	padding: 0;
}

.sdfs {
	width: 100%;
	height: 500px;
	background: #f00;
}

.s_search {
	display: inline-block;
	z-index: 100;
	cursor: pointer;
	width: 10%;
	position: fixed;
	top: 15px;
	right: 1%;
	text-align: center;
}

.s_search a {
	color: #222;
	font-size: 18px;
}

.nav_active>a {
	color: #007f82 !important;
}

/*手机端头部结束*/

/*放大镜样式开始*/
table.jiaotong,
.jiaotong th,
.jiaotong td {
	border: 1px solid #eee;
	color: #333;
	line-height: 30px;
}

.jtsj {
	font-size: 18px;
	font-weight: 600;
	color: #222;
}

table.jiaotong {
	border-collapse: 0;
	border-spacing: 0;
	width: 100%;
}

.qdsj td {
	color: #222;
	font-weight: 600;
}

.piro_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	background: #000;
	display: none;
	z-index: 1001;
}

.loading span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	display: block;
	z-index: 100008;
	background: 0 0
}

.caption {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	display: block;
	padding: 0;
	cursor: text;
	background: #222
}

.piro_nav {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0;
	display: block;
	padding: 0;
	background: 0 0
}

.caption p {
	display: block;
	margin: 0;
	padding: 10px 28px 10px 38px;
	text-align: center;
	font-weight: 400;
	background: #000;
	color: #fff;
	font-size: 20px;
	display: none;
}

a.piro_close {
	position: absolute;
	top: 10%;
	right: 20%;
	height: 50px;
	width: 50px;
	background: url(../image/close_btn.png) no-repeat;
	cursor: pointer;
	z-index: 100006;
	background-size: 100% 100%;
}

a:hover.piro_close {
	/* background:url(../images/close_btn_h.png) no-repeat */
}

a.piro_next {
	position: absolute;
	top: 50%;
	width: 30px;
	height: 82px;
	right: 20%;
	text-indent: -999em;
	outline: 0;
	display: block;
	margin: -18px 0 0;
	background: url(../image/next.png) center no-repeat;
	border: 0;
	cursor: pointer;
	z-index: 1000000001;
	background-size: 100% auto;
}

a:hover.piro_next {
	/* background:url(../images/next_h.png) center right no-repeat */
}

a.piro_prev {
	position: absolute;
	top: 50%;
	width: 30px;
	height: 82px;
	left: 20%;
	text-indent: -999em;
	outline: 0;
	display: block;
	margin: -18px 0 0;
	background: url(../image/prev.png) center no-repeat;
	border: 0;
	cursor: pointer;
	z-index: 1000000000;
	background-size: 100% auto;
}

a:hover.piro_prev {
	/* background:url(../images/prev_h.png) center left no-repeat */
}

.pirobox_content {
	position: fixed;
	top: 0%;
	left: 0%;
	padding: 0;
	width: calc(100vw - 20px) !important;
	display: block;
	margin: 0 !important;
	height: 100vh;
	z-index: 100000000000000;
}

.pirobox_content tbody {
	width: 100%;
	display: block;
}

.pirobox_content img {
	height: auto !important;
	max-width: 90%;
	max-height: 90vh;
	width: auto !important;
}

.c_c {
	margin: 0;
	padding: 0;
}

.c_c div {
	width: 760px;
	/*height:560px;*/
	margin: 0;
	padding: 0;
	width: 100vw !important;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.box_img {
	position: absolute;
	z-index: 99995;
	background: url(https://www.unisinogroup.com/static/images/img_bg.png);
	width: 100%;
	top: 30px;
	left: 30px;
	height: 100%;
	padding: 0
}

.err_mess {
	position: absolute;
	bottom: 20px;
	color: #fff;
	padding: 0;
	margin: 0 0 0 20px;
	display: block
}

.err_mess a {
	color: red;
	font-weight: 700
}

.number {
	position: absolute;
	margin-left: 3px;
	height: 18px;
	width: 30px;
	padding: 3px;
	left: 0;
	color: #666;
	bottom: 1px;
	font-size: 11px
}

a:hover.link_to {
	background: url(https://www.unisinogroup.com/static/images/link_out_h.png) no-repeat
}

a:hover.play {
	background: url(https://www.unisinogroup.com/static/images/play_h.png) no-repeat
}

a.stop {
	position: absolute;
	top: 20px !important;
	top: 20px;
	left: 20px !important;
	left: 20px;
	width: 40px;
	height: 40px;
	margin: 0;
	outline: 0;
	display: block;
	background: url(https://www.unisinogroup.com/static/images/pause.png) no-repeat;
	text-indent: -999em;
	border: 0;
	cursor: pointer
}

a:hover.stop {
	background: url(https://www.unisinogroup.com/static/images/pause_h.png) no-repeat
}

@media (max-width:1200px) {
	.pirobox_content {
		width: 320px !important;
		margin-left: -160px !important;
		height: 80vh !important;
		position: fixed;
		left: 50%;
		top: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		margin-top: 0 !important;
		margin-left: 0 !important;
		transform: translateY(-50%) translateX(-50%);
	}

	.c_c div {
		width: 320px !important;
		display: flex;
		align-items: center;
		height: auto !important;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}

	.c_c div img {
		width: 100% !important;
		height: auto !important;
	}

	a.piro_close,
	a.piro_next {
		right: 10%;
	}

	a.piro_close {
		width: 30px;
		height: 30px;
	}

	a.piro_next {
		width: 20px;
		right: 30px;
	}

	a.piro_prev {
		width: 20px;
		left: 30px;
	}
}

/*放大镜样式结束*/

/*手机端尾部开始*/
.footer2 {
	display: none;
	padding: 15px;
	overflow: hidden;
	background: #1E1E1E;
	margin-bottom: 58px;
}

.footer2 ul {}

.footer2 ul li {}

.footer2 ul li:last-child .footer2-t {
	border: none;
}

.footer2 ul li span.down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.footer2-t {
	overflow: hidden;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.footer2-t a {
	display: block;
	overflow: hidden;
	width: calc(100% - 50px);
	float: left;
}

.footer2-t p {
	float: left;
	line-height: 40px;
	color: #EAEAEA;
}

.footer2-t span {
	float: right;
	display: block;
	/*background:#EAEAEA;*/
}

.footer2-t span img {
	width: 20px;
	line-height: 30px;
	margin-top: 10px;
}

.footer2-b {
	display: none;
}

.footer2-b a {
	display: block;
	line-height: 30px;
	color: #EAEAEA;
	text-indent: 10px;
}

/*手机端尾部结束*/
.hg {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	line-height: 140%;
}

.hg2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.hg3 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.hg4 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
}

.hg5 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	-webkit-box-orient: vertical;
}

.hg6 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	line-clamp: 6;
	-webkit-box-orient: vertical;
}

.hg7 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	line-clamp: 7;
	-webkit-box-orient: vertical;
}

.d-y {
	display: block;
}

.d-x {
	display: none !important;
}

.flex {
	display: flex;
}

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

.flex-jcr {
	justify-content: space-between;
}


.footer-t .w100{width: 30%;}


.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
   
}



.flex-jcc {
	justify-content: center;
}

.flex-ait {
	align-items: flex-start;
}

.flex-aic {
	align-items: center;
}

.flex-aib {
	align-items: flex-end;
}

.flex-jc {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width:1200px) {
	.ssk {
		top: 40px;
	}

	.preloader .loader {
		top: 40%;
	}

	/*.sj_dh,.footer2,.dbdh{display:block;}*/
	.footer-t dl {
		width: 50%;
	}

	.footer {
		margin-bottom: 60px;
	}

	body:before {
		content: '';
		width: 100%;
		height: 48px;
		display: block;
	}

	iframe#sp {
		width: 100%;
		height: 200px;
	}

	body {
		padding-top: 0 !important;
	}

	.t-c {
		text-align: center !important;
	}

	.d-x {
		display: block !important;
	}

	.d-y {
		display: none !important;
	}

	.display,
	.heat,
	.head {
		display: none !important
	}

	.l-h {
		line-height: 24px !important;
	}

	.d-x {
		display: block !important;
	}

	.w100 {
		width: 100% !important;
	}

	.w30,
	.top_popupbox {
		width: calc(100% - 30px) !important;
	}

	.sousou3 {
		top: 60px;
	}

	.sousou3 #Search {
		width: 50%;
		margin-left: 5px;
		border-radius: 0;
		width: calc(100% - 120px);
	}

	.h {
		height: auto !important;
	}

	.margin {
		margin: 40px auto !important;
	}

	.margin0 {
		margin: 0 !important
	}

	.margin1 {
		margin: 10px !important;
	}

	.margin2 {
		margin: 20px !important;
	}

	.margin3 {
		margin: 30px !important;
	}

	.margin4 {
		margin: 40px !important;
	}

	.m-l {
		margin-left: 0 !important
	}

	.m-l1 {
		margin-left: 10px !important
	}

	.m-l2 {
		margin-left: 20px !important
	}

	.m-l3 {
		margin-left: 30px !important
	}

	.m-l4 {
		margin-left: 40px !important
	}

	.m-r {
		margin-right: 0px !important
	}

	.m-r1 {
		margin-right: 10px !important
	}

	.m-r2 {
		margin-right: 20px !important
	}

	.m-r3 {
		margin-right: 30px !important
	}

	.m-r4 {
		margin-right: 40px !important
	}

	.m-t {
		margin-top: 0 !important
	}

	.m-t1 {
		margin-top: 10px !important;
	}

	.m-t2 {
		margin-top: 20px !important;
	}

	.m-t3 {
		margin-top: 30px !important;
	}

	.m-t4 {
		margin-top: 40px !important;
	}

	.m-b {
		margin-bottom: 0 !important
	}

	.m-b1 {
		margin-bottom: 10px !important;
	}

	.m-b2 {
		margin-bottom: 20px !important;
	}

	.m-b3 {
		margin-bottom: 30px !important;
	}

	.m-b4 {
		margin-bottom: 40px !important;
	}

	.padding {
		padding: 40px 15px !important;
		box-sizing: border-box;
	}

	.padding0 {
		padding: 0px !important;
	}

	.padding1 {
		padding: 10px !important;
	}

	.padding2 {
		padding: 20px !important;
	}

	.padding3 {
		padding: 30px !important;
	}

	.padding4 {
		padding: 40px !important;
	}

	.p-t {
		padding-top: 0px !important;
	}

	.p-t1 {
		padding-top: 10px !important;
	}

	.p-t2 {
		padding-top: 20px !important;
	}

	.p-t3 {
		padding-top: 30px !important;
	}

	.p-t4 {
		padding-top: 40px !important;
	}

	.p-b {
		padding-bottom: 0px !important;
	}

	.p-b1 {
		padding-bottom: 10px !important;
	}

	.p-b2 {
		padding-bottom: 20px !important;
	}

	.p-b3 {
		padding-bottom: 30px !important;
	}

	.p-b4 {
		padding-bottom: 40px !important;
	}

	.p-l {
		padding-left: 0px !important;
	}

	.p-l1 {
		padding-left: 10px !important;
	}

	.p-l2 {
		padding-left: 20px !important;
	}

	.p-l3 {
		padding-left: 30px !important;
	}

	.p-l4 {
		padding-left: 40px !important;
	}

	.p-t {
		padding-top: 0px !important;
	}

	.p-t1 {
		padding-top: 10px !important;
	}

	.p-t2 {
		padding-top: 20px !important;
	}

	.p-t3 {
		padding-top: 30px !important;
	}

	.p-t4 {
		padding-top: 40px !important;
	}

	.p-r {
		padding-right: 0px !important;
	}

	.p-r1 {
		padding-right: 10px !important;
	}

	.p-r2 {
		padding-right: 20px !important;
	}

	.p-r3 {
		padding-right: 30px !important;
	}

	.p-r4 {
		padding-right: 40px !important;
	}

	.f-s12 {
		font-size: 12px !important
	}

	.f-s14 {
		font-size: 14px !important
	}

	.f-s16 {
		font-size: 16px !important
	}

	.f-s18 {
		font-size: 18px !important
	}

	.f-s20 {
		font-size: 20px !important
	}

	.f-s22 {
		font-size: 22px !important
	}

	.f-s24 {
		font-size: 24px !important
	}

	.f-s26 {
		font-size: 26px !important
	}

	.f-s28 {
		font-size: 28px !important
	}
}