@charset "UTF-8";
body {
	font-family:"思源黑体 CN";
	font-size:15px;
	color:#666666;
	text-align: justify;
	overflow-x:hidden;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
	display:block;
}
audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline; 
}
audio:not([controls]) {
	display:none;
	height:0;
}
[hidden],template {
	display:none;
}
svg:not(:root) {
	overflow:hidden;
}
ul,ol,li {
	padding:0;
	margin:0;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:500
}
:focus {
	outline:none;
}
img {
	border:0;
	max-width:100%;
	vertical-align:middle;
}
ul,ol,li {
	list-style:none;
}
a {
	text-decoration:none;
	background:0 0;
	color:inherit;
}
a:focus {
	text-decoration:none;
}
p {
	margin:0;
}
a:active,a:hover,a:focus {
	outline:0
}
b,strong {
	font-weight:700
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0;
	outline:0
}
button,select {
	text-transform:none
}
select {
	-webkit-appearance:none;
	border:none
}
hr {
	border:0;
	height:1px
}
table {
	border-spacing:0;
	border-collapse:collapse;
}
input {
	line-height:normal
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer;
}
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
	padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height:auto
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}
a {
	transition:all .5s ease;
}
a:hover {
	text-decoration:none;
	transition:all .5s ease;
}
@font-face {
	font-family:"helev";
	src:url("../fonts/helev.TTF");
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"sapie";
	src:url("../fonts/SAPIENTSANSMEDIUM.TTF");
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"barlow";
	src:url("../fonts/BarlowCondensed-Regular.woff2.ttf");
	font-weight:normal;
	font-style:normal;
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	font-weight:normal;
}
a:focus,a:hover {
	color:#153885;  
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.clear {
	clear:both;
}
.footH {
	height:48px;
	display:none;
}
.footFix {
	background:#d90c1a;
	padding:10px 0;
	display:none;
	justify-content:space-between;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:999;
	text-align:center;
	color:#fff;
}
.footFix>a {
	display:inline-block;
	width:33%;
	font-size:16px;
	color:#ffffff !important;
}
.footFix>a>i.iconfont {
	font-size:20px;
	margin-right:5px;
	color:#fff;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.swiper-pagination-bullet-active {
	background:#d90c1a !important;
}
.container {
	width:98%;
	max-width: 1520px;
	margin:0 auto;
	padding:0;
}
.containery {
	width:100%;
	max-width:1020px;
	margin:0 auto;
	padding:0;
}
.listen-top-menu-warp{
	position: fixed;
	width: 100%;
	min-height: 70%; 
	background: #fff;
	z-index: 0;
	opacity: 0;
	visibility: hidden;
	top: -100px;
	left: 0;
	border-bottom: 1px solid #f1f1f1;
	transition: all .5s ease;
}
.listen-top-menu-warp.open{
	z-index: 22001;
	opacity: 1;
	top: 0;
	visibility: visible;
	transition: all .5s ease;
}
.listen-top-head{
	width: 100%;
	padding: 14px 0 18px;   
	width: 100%; 
	top: 0;
	left: 0;
	background: rgba(255,255,255,1);  
	border-bottom: 1px solid #eceded;
	transition: all .5s ease;
}
.listen-top-head .Logo{
	float: left;
}
.head-close{
	float: right;
	line-height: 28px;
	font-size: 15px;
	color: #333333;
	position: relative;
	top: 9px;
	cursor: pointer;
}
.head-close i{
	font-size: 32px;
	position: relative;
	top: 5px;
	color: #c1000e;
	margin-left: 16px;
}
.listen-menu{
	padding: 100px 0;
}
.listen-menu .container{ 
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
}
.listen-menu .list{
	/*width: 16.66666%;
	float: left;*/
}
.listen-menu .list h4 a{
	font-size: 22px;
	color: #222222;
	line-height: 26px;
}
.listen-menu .list h4 a:hover{
	color: #e62129;
}
.listen-menu .list .link{
	margin-top: 20px;
}
.listen-menu .list .link > a{
	display: block;
	font-size: 18px;
	color: #a9a9a9;
	line-height: 36px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.listen-menu .list .link > a:hover{
	color: #c70e2d;
} 
.listen-menu .list .item ul{
	margin-bottom: 12px;
	display: none;
}
.listen-menu .list .item ul li a{
	display: block;
	padding-left: 24px;
	font-size: 14px;
	color: #a9a9a9;
	line-height: 28px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.listen-menu .list .item ul li a:hover{
	color: #333333;
}

/* head */
.headSearchWarp{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.6);
	z-index: 9009;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}
.headSearchWarp.open{
	opacity: 1;
	visibility: visible; 
	transition: all .5s ease;
}
.headSearch{
	position: fixed;
	top: -151px;
	opacity: 0;
	visibility: hidden;
	left: 0;
	background: #fff;
	z-index: 90090;
	width: 100%;
	padding: 50px 0;
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
	transition: all .5s ease;
}
.headSearch.open{
	opacity: 1;
	top: 0;
	visibility: visible;
	transition: all .5s ease;
}
.headSearch .container{
	max-width: 1000px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.headSearch input[type=text]{
	border: none;
	height: 50px;
	width: 90%;
	padding: 0;
	text-indent: 18px;
	float: left;
}
.headSearch .hsm {
    width: 10%;
    float: left;
    height: 50px;
    background: url(../images/ss-ico.jpg) no-repeat right 15px center;
    text-align: right;
    border: none;
    outline: none;
    padding-right: 5px;
    line-height: 50px;
    cursor: pointer;
}
.closeHs{
	position: absolute;
	cursor: pointer;
	right: -100px;
	top: -30px;
}
.closeHs i{
	font-size: 38px;
	color: #e7262d;
}
.closeHm{
	position: absolute;
	cursor: pointer;
	right: 50px;
	top: 30px;
	z-index: 9999;
}
.closeHm i{
	font-size: 28px;
	color: #e7262d;
}
.head {
	width:100%;
	background:rgba(255,255,255,0);
	border-bottom: 1px solid rgba(255,255,255,0.1);
	z-index:999; 
	top:0;
	position:fixed;
	left: 0;
	transition:all .5s ease;
}
.head.fixedbg {
	left:0;
	position: fixed;
	top: 0; 
	background:rgba(255,255,255,1);
	box-shadow:0 6px 15px 0 rgba(0,0,0,.1);
	transition:all .5s ease;
}  
.head .container{
	padding: 20px 0 18px;
}
.head .Logo{
	position: relative;
	float: left; width:18%;
}
.head .Logo img{
	z-index: 22; width:100%;
}
.head .Logo .op0{
	opacity: 0;
	z-index: -1;
}
.head .Logo #gcLogo2{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 33;
}
.WebLink{
	float: left;
	margin-left: 60px;
	margin-top: 20px;
}
.WebLink li{
	float: left;
	margin-left: 40px;
	position: relative;
}
.WebLink li a,.WebLink li > a{
	display: block;
	line-height:25px;
	font-size:20px;
	color: #fff;
}
.listen-lm-menu{
	position: absolute;
	width: 160px;
	left: 50%;
	top: 24px;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	margin-left: -80px;
	transition: all .5s ease;
} 
.WebLink li:hover .listen-lm-menu{
	opacity: 1;
	visibility: visible;
	z-index: 999;
	transition: all .5s ease;
}
.listen-lm-menu .h{
	height: 29px;
}
.listen-lm-menu .link{
	background: #fcfcfc;
/*	border-top: 4px solid #d11f27;*/
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1); 
}
.listen-lm-menu .link a{
	font-size: 15px;
	color: #555555;
	line-height: 47px;
	border-bottom: 1px solid #f2f2f2;
	display: block;
	overflow: hidden;
	text-align: center;
	max-height: 0;
    -webkit-transition: max-height 300ms ease;
    -moz-transition: max-height 300ms ease;
    -o-transition: max-height 300ms ease;
    transition: max-height 300ms ease;
}
.WebLink li:hover .listen-lm-menu .link a {
    max-height: 48px;
	transition: all .5s ease;
}
.WebLink li:hover .listen-lm-menu .link a:hover{
	background: #e8e8e8;
	color: #d90d1b;
}

.WebLink li::after{
	content: "";
	position: absolute;
	width: 10%;
	opacity: 0;
	left: 50%;
	margin-left: -5%;
	height: 5px;
	background: #d11f27;
	bottom: -28px; 
	transition: all .5s ease;
}
.WebLink li:hover::after{
	width: 100%;
	opacity: 1;
	left: 0;
	margin-left: 0;
	transition: all .5s ease;
}
.head.fixedbg .WebLink li > a{
	color: #222222;
}
.WebLink li:hover > a,
.WebLink li.on > a{
	color: #e64216 !important;
}
.head-yuyan{
	float: left;
	width: 86px;
	height: 32px;
	border: 1px solid rgba(255,255,255, 0.2);
	border-radius: 32px;
	text-align: center;
	color: #fff;
	position: relative;
	line-height: 29px;
	margin-left: 70px;
	margin-top: 14px;
	cursor: pointer;
	transition: all .5s ease;
}
.head.fixedbg .head-yuyan{
	color: #222;
	border: 1px solid rgba(0,0,0, 0.2);
	transition: all .5s ease;
}
.head-yuyan:hover{
	border-radius: 0;
	transition: all .5s ease;
}
.head-yuyan i{
	position: relative;
	top: 2px;
}
.head-yuyan .link{
	position: absolute;
	z-index: 99;
	width: 100%;
	top: 42px;
	left: -1px;
	visibility: hidden;
	opacity: 0;
	transition: all .5s ease;
}
.head-yuyan:hover .link{
	top: 30px;
	opacity: 1;
	visibility: visible;
}
.head-yuyan .link a{
	display: block;
	width: calc(100% + 2px);
	background: #ce4710;
	color: #fff;
	line-height: 30px;
	text-align: center;
}
.head-search{
	float: left;
	cursor: pointer;
	margin-top: 15px;
	margin-left: 48px;
}
.head-search i{
	font-size: 22px;
	color: #c44411;
}
.head-menu-d{
	float: right; display:none;
	margin-top: 7px;
	cursor: pointer;
}
.head-menu-d i{
	font-size: 32px;
	color: #c44411;
}

/* indexBanner */
.banner_mouse {
	display: block;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -11.5px;
	z-index: 88;
	margin-top: 50px;
	width: 23px;
	height: 40px;
	cursor: pointer;
	background: url(../images/banner_mouse_ico.png) no-repeat -23px 0px;
	-webkit-animation: nudgeMouse 1.6s linear infinite;
	animation: nudgeMouse 1.6s linear infinite;
}

.banner_mouse:after,
.banner_mouse:before {
	content: "";
	position: absolute;
}

.banner_mouse:before {
	width: 23px;
	height: 40px;
	background: url(../images/banner_mouse_ico.png) no-repeat 0px 0px;
	-webkit-animation: colorSlide 1.6s linear infinite;
	animation: colorSlide 1.6s linear infinite;
	top: 0;
	left: 0;
}

.banner_mouse:after {
	background-color: #ffffff;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	-webkit-animation: trackBallSlide 1.6s linear infinite;
	animation: trackBallSlide 1.6s linear infinite;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

@-webkit-keyframes colorSlide {
0% {
height:0;
}
90%{
height:40px;
}
}

@keyframes colorSlide {
0% {
height:0;
}
90%{
height:40px;
}
}
@-webkit-keyframes trackBallSlide {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-8px);
						transform: scale(1) translateY(-8px);
	}
	34% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(4px);
						transform: scale(0.9) translateY(4px);
	}
	68% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(16px);
						transform: scale(0.4) translateY(16px);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-8px);
						transform: scale(0.4) translateY(-8px);
	}
}
@keyframes trackBallSlide {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-8px);
						transform: scale(1) translateY(-8px);
	}
	34% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(4px);
						transform: scale(0.9) translateY(4px);
	}
	68% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(16px);
						transform: scale(0.4) translateY(16px);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-8px);
						transform: scale(0.4) translateY(-8px);
	}
}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

}
@keyframes nudgeMouse {
 0% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
	  50% {
	    -webkit-transform: translateY(8px);
	            transform: translateY(8px);
	  }
	  100% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
}
.syHbSwiper{
	position: relative;
	overflow: hidden;
}

/* indexService */
.indexService{
	padding:60px 0 0 0;
	background: url(../images/sy-fw-back.jpg) no-repeat top right;
}
.indexService .sy-gc-h2{
	text-align: left;
}
.indexService .sy-gc-h2 span::after{
	opacity: 0;
}
.sy-fw-show{
	padding-bottom:60px;
	position: relative;
}
.syFwPag{
	position: absolute;
	right: 0;
	bottom: 18px;
}
.syFwPag .swiper-pagination-bullet{
	margin-left: 10px;
}
.syFwN,
.syFwP{
	position: absolute;
	width: 44px !important;
	height: 44px !important;
	border-radius: 100%;
	background: rgba(240,94,37,0) !important;
	border: 1px solid #c4c4c4;
	color: #000000;
	bottom: 0 !important;
	top: auto !important;
	margin-top: 0 !important;
	display: flex;
    justify-content: center;
    align-items: center;
	transition: all .5s ease;
}
.syFwN:hover,
.syFwP:hover{
	color: #fff;
	background: rgba(240,94,37,1) !important;
	border: 1px solid #f05e25;
	transition: all .5s ease;
}
.syFwP{
	left: 0 !important;
}
.syFwN{
	right: auto !important;
	left: 58px !important;
}
.syFwSwiper{
	margin-top:50px;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom:40px;
}
.sy-fw-list{
	padding: 6px 44px 40px; float:left; width:33.33%;
	border-left: 1px solid #e4e4e4;
	position: relative;
}
.sy-fw-list::after{
	content: "";
	position: absolute;
	width: 1px;
	height: 18px;
	left: -1px;
	top: 58px;
	z-index: 55;
	background: #d90c1a;
	transition: all .5s ease;
}
.sy-fw-list:hover::after{
	top: 0;
	height: 100%;
	transition: all .5s ease;
}
.sy-fw-list .ico{
	width: 101px;
	height: 101px;
	position: relative;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
} 
.sy-fw-list .ico #img2{
	position: absolute;
	z-index: 22;
}
.sy-fw-list .tit{
font-weight:bold;
	font-size: 24px;
	line-height: 28px;
	color: #333333;
	text-align: center;
	height: 28px;
	margin: 20px 0 15px;
	transition: all .5s ease;
}
.sy-fw-list:hover .tit{
	color: #ce4710;
	transition: all .5s ease;
}
.sy-fw-list .sub{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.sy-fw-list .more{
	width: 150px;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	margin:20px auto 0;
	background: #eaeaea;
	text-align: center;
	color: #555555;
	font-size: 16px;
	border-radius: 3px;
	transition: all .5s ease;
}
.sy-fw-list:hover .more{
	color: #fff;
	background: linear-gradient(to left, #f15d27, #e02e20);
	transition: all .5s ease;
}
.sy-fw-list .more span{
	width: 70%;
	display: block;
	float: left;
	border-right: 1px dashed #d0d0d0;
}
.sy-fw-list .more i{
	display: block;
	width: 30%;
	float: right;
}

/* indexAdvantage */
.indexAdvantage{
	padding: 10px 0 60px;
	background-size:cover;
}
.indexAdvantage .sy-gc-h6{
	width: 96%;
	max-width: 855px;
	margin: 28px auto 0;
}
.sy-ys-show{
	margin-top:20px;
	padding-top:20px;  
}
.sy-ys-show .box{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
}
.sy-ys-show .lb{
	width: 22%;
	background: #f26228;
	border-radius: 8px;
	height: 185px;
	position: relative;
	overflow: hidden;
	padding: 30px 0 0 30px;
}
.sy-ys-show .lb:nth-of-type(2n+2){
}
.sy-ys-show .lb .tit{
	font-size: 24px;
	line-height: 28px;
	color: #fff;
}
.sy-ys-show .lb .num{
	color: #fff;
	margin-top: 14px;
	font-weight: bold;
	font-size: 16px;
}
.sy-ys-show .lb .num span{
	font-family: "barlow";
	font-size: 64px;
	line-height: 60px;
	text-shadow: 0px 0px 7px rgba(52, 255, 204, 0.1);
	background: linear-gradient(180deg, #fff 16%, #fafafa 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; 
}
.sy-ys-show .lb .num sup{
	font-family: "barlow";
	position: relative;
	font-size: 28px;
	line-height: 25px;
	top: -25px;
	margin-left: 5px;
	text-shadow: 0px 0px 7px rgba(52, 255, 204, 0.1);
	background: linear-gradient(180deg, #fff 36%, #fafafa 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; 
}
.sy-ys-show .lb:nth-child(1) .num sup{
	font-size: 38px;
}
.sy-ys-show .lb i{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 50px;
	color: #fafafa;
	line-height: 50px;
	right: 30px;
	bottom: 25px;
}

/* indexTeam */
.indexTeam{
	background: url(../images/sy-td-back.jpg) no-repeat bottom center;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 75px;
	padding-left: 0;
}
.indexTeam .container{
	max-width: 1550px;
}
.indexTeam .sy-gc-h6{
	text-align: center;
}
.syTdSwiper{
	overflow: hidden;
	position: relative;
	margin-top: 55px;
	padding: 15px 15px 115px;
}
.sy-td-list{
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
	border-radius: 20px;
    transition: all .5s ease;
}
.sy-td-list .info{
	padding: 25px 34px 26px;
	background: url(../images/sy-td-line.png) no-repeat left 14px top 33px;
}
.sy-td-list .info .tit{
	font-size: 22px;
	line-height: 28px;
	color: #333333;
	font-weight: bold;
}
.sy-td-list .info .sub{
	font-size: 16px;
	line-height: 28px;
	color: #666666;
	margin-top: 6px;
}
.syTdPag{
	width: calc(100% - 30px) !important;
	left: 15px !important;
	top: auto !important;
	bottom: 58px !important;
}
.syTdSwiper .swiper-pagination-progressbar{
	height: 2px !important;
	background: #d90c1a !important; 
}
.syTdPag .swiper-pagination-progressbar-fill{
	height: 7px !important;
	border-radius: 50px !important;
	top: -3px !important;
	background: #d90c1a !important;
}
.syTd-kzq{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 140px;
	height: 35px;
}
.syTdN,
.syTdP{
	background: none !important;
	width: 35px !important;
	height: 35px !important;
	display: flex;
    justify-content: center;
    align-items: center;
}
.syTdP{
	left: 0 !important;
}
.syTdN{
	right: 0 !important;
}
.swiper-num{
	text-align: center;
	top: -2px;
	font-family: "helev";
	position: relative;
}
.swiper-num .active{
	font-size: 20px;
	color: #d90c1a;
	font-weight: bold;
}

/* indexCooperate */
.indexCooperate{
	background: url(../images/sy-kh-back.jpg) no-repeat bottom center;
	background-size: cover;
	padding: 72px 0 65px;
}
.indexCooperate .sy-gc-h6{
	text-align: center;
}
.syKhSwiper{
	position: relative;
	overflow: hidden;
	margin-top: 75px;
	padding-bottom: 70px;
}
.syKhSwiper .swiper-slide{
	height: 460px;
	position: relative;
}
.syKhSwiper .swiper-slide .lb{
	width: 11.1842%;
	height: 39%;
	background: url(../images/sy-kh-bk.png) no-repeat center center;
	display: flex;
    justify-content: center;
    align-items: center;
	overflow: hidden;
	position: absolute;
	background-size: contain;
}
.syKhSwiper .swiper-slide .lb img{
	width: 75.4%;
}
.syKhSwiper .swiper-slide .lb img:hover{transform: scale(1.15);transition: all 1.5s;}
.syKhSwiper .swiper-slide .lb:nth-child(1){
	left: 13%;
	top: 0;
}
.syKhSwiper .swiper-slide .lb:nth-child(2){
	left: 23.4%;
	top: 0;
}
.syKhSwiper .swiper-slide .lb:nth-child(3){
	left: 33.8%;
	top: 0;
}
.syKhSwiper .swiper-slide .lb:nth-child(4){
	left: 44.2%;
	top: 0;
}
.syKhSwiper .swiper-slide .lb:nth-child(5){
	left: 54.6%;
	top: 0;
}
.syKhSwiper .swiper-slide .lb:nth-child(6){
	left: 65%;
	top: 0;
}
.syKhSwiper .swiper-slide .lb:nth-child(7){
	left: 75.4%;
	top: 0;
}
.syKhSwiper .swiper-slide .lb:nth-child(8){
	left: 7.8%;
	top: 30%;
}
.syKhSwiper .swiper-slide .lb:nth-child(9){
	left: 18.2%;
	top: 30%;
}
.syKhSwiper .swiper-slide .lb:nth-child(10){
	left: 28.6%;
	top: 30%;
}
.syKhSwiper .swiper-slide .lb:nth-child(11){
	left: 39%;
	top: 30%;
}
.syKhSwiper .swiper-slide .lb:nth-child(12){
	left: 49.4%;
	top: 30%;
}
.syKhSwiper .swiper-slide .lb:nth-child(13){
	left: 59.8%;
	top: 30%;
}
.syKhSwiper .swiper-slide .lb:nth-child(14){
	left: 70.2%;
	top: 30%;
}
.syKhSwiper .swiper-slide .lb:nth-child(15){
	left: 80.6%;
	top: 30%;
}
.syKhSwiper .swiper-slide .lb:nth-child(16){
	left: 13%;
	top: 60%;
}
.syKhSwiper .swiper-slide .lb:nth-child(17){
	left: 23.4%;
	top: 60%;
}
.syKhSwiper .swiper-slide .lb:nth-child(18){
	left: 33.8%;
	top: 60%;
}
.syKhSwiper .swiper-slide .lb:nth-child(19){
	left: 44.2%;
	top: 60%;
}
.syKhSwiper .swiper-slide .lb:nth-child(20){
	left: 54.6%;
	top: 60%;
}
.syKhSwiper .swiper-slide .lb:nth-child(21){
	left: 65%;
	top: 60%;
}
.syKhSwiper .swiper-slide .lb:nth-child(22){
	left: 75.4%;
	top: 60%;
}

/* indexAbout */
.indexAbout{
	padding: 50px 0 60px;
	position: relative;
	background: url(../images/honor-back1.jpg) no-repeat top left;
}
.indexAbout::after{
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
}
.indexAbout::before{
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
}
.indexAbout .container{
	position: relative;
	z-index: 99;
}
.sy-abt-left{
	width: 48.3552%;
	float: left;
}
.indexAbout .sy-gc-h2{
	text-align: left;
	color: #000;
	margin-top:0px;
}
.indexAbout .sy-gc-h2 span::after{
	opacity: 0;
}
.indexAbout .sy-gc-h2 span::before{
	background: url(../images/sy-h2-b.png) no-repeat center center;
}
.sy-abt-left h4{
	font-size: 20px;
	color: #000;
	line-height:20px;
	margin: 28px 0 35px;
}
.sy-abt-left h5{
	font-size: 16px;
	color: #555; font-weight:normal;
	line-height: 30px;
	margin-top:15px;
}
.sy-abt-left .more{
	margin-top:20px;
}
.sy-abt-left .more a{
	display: inline-block;
	line-height: 32px;
	padding-left: 52px;
	background: url(../images/sy-abt-more.png) no-repeat left center;
	color: #000;
	font-size: 16px;
}
.sy-abt-left .more a:hover{
	padding-left: 72px;
}
.sy-abt-num{
	margin-top:30px;
	color: #000;
	overflow: hidden;
}
.sy-abt-num .lb{
	float: left;
	margin-left: 66px;
	border-top: 1px solid #d90c1a;
	min-width: 120px;
	padding-top: 14px;
	font-size: 16px;
}
.sy-abt-num .lb:first-child{
	margin-left: 0;
}
.sy-abt-num .lb .num span{
	font-family: barlow;
	font-size: 48px;
	line-height: 38px;
}
.sy-abt-num .lb .num sup{
	font-size: 30px;
	position: relative;
	top: -16px;
}
.sy-abt-num .lb:nth-child(3) .num sup{
	font-size: 22px;
}
.sy-abt-num .lb:last-child .num sup{
	font-size: 22px;
}
.sy-abt-num .lb .txt{
	font-size: 18px;
	line-height: 25px;
	margin-top: 16px;
}
.sy-abt-right{
	width: 46.843%;
	float: right;
	text-align:center;
	position: relative;
}
.sy-abt-right img{border-radius:0%;}
.sy-abt-right .sub{
	font-size: 24px;
	color: #222222;
	line-height: 30px;
	position: absolute;
	padding-left: 42px;
	bottom: -15px; margin-left:20px;
}
.sy-abt-right .sub::after{
	content: "";
	position: absolute;
	width: 11px;
	height: 11px;
	border: 3px solid #ce4710;
	border-radius: 100%;
	left: 20px;
	top: 11px;
}
.sy-abt-right .sub span{
	color: #dd124d; 	
}
/* indexNews */
.indexNews{
	padding: 74px 0 90px;
	background: url(../images/sy-news-back.jpg) no-repeat top center;
	background-size: cover;
}
.indexNews .sy-gc-h6{
	text-align: center;
}
.indexNews .container{
	margin-top: 42px;
}
.sy-news-left{
	width: 50.329%;
	float: left;
}
.sy-news-left .info-box{
	overflow: hidden;
	margin-top: 35px;
}
.sy-news-left .info-box .time{
	width: 80px;
	text-align: center;
	float: left;
	height: 80px;
	background: #f26228;
	color: #fff;
	font-family: arial;
	font-size: 14px;
}
.sy-news-left .info-box .time .day{
	font-size: 32px;
	line-height: 40px;
	margin: 8px 0 2px;
}
.sy-news-left .info-box .info{
	width: 86%;
	float: right;
	padding-right: 30px;
}
.sy-news-left .info-box .info .tit{
	font-size: 24px;
	line-height: 28px;
	color: #222222;
	transition: all .5s ease;
}
.sy-news-left:hover .info-box .info .tit{
	color: #f26228;
	transition: all .5s ease;
}
.sy-news-left .info-box .info .sub{
	font-size: 16px;
	line-height: 28px;
	color: #666666;
	height: 56px;
	margin-top: 12px;
}
.sy-news-left .info-box .info .more{
	width: 69px;
	height: 69px;
	border: 1px solid #d3d3d3;
	border-radius: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
	margin-top: 25px;
	transition: all .5s ease;
}
.sy-news-left:hover .info-box .info .more{
	border: 1px solid #f26228;
	transition: all .5s ease;
}
.sy-news-left .info-box .info .more i{
	position: relative;
	z-index: 22;
	font-size: 16px;
	color: #fff;
	transition: all .5s ease;
}
.sy-news-left:hover .info-box .info .more i{
	font-size: 26px;
	transition: all .5s ease;
}
.sy-news-left .info-box .info .more::after{
	content: "";
	position: absolute;
	z-index: 11;
	width: 26px;
	height: 26px;
	border-radius: 100%;
	background: #f26228;
	transition: all .5s ease;
}
.sy-news-left:hover .info-box .info .more::after{
	width: 100%;
	height: 100%;
	transition: all .5s ease;
}
.sy-news-right{
	width: 48.8157894%;
	float: right;
}
.sy-news-right .box1{
	overflow: hidden;
}
.sy-news-right .box1 .pic{
	width: 49.0566%;
	float: left;
}
.sy-news-right .box1 .info{
	width: 48%;
	float: right;
}
.sy-news-right .info .time{
	font-family: arial;
	font-size: 15px;
	line-height: 20px;
	color: #333333;
}
.sy-news-right .info .tit{
	font-size: 24px;
	font-weight: bold;
	color: #222222;
	line-height: 30px;
	height: 60px;
	margin: 14px 0 14px;
	transition: all .5s ease;
}
.sy-news-right .box1:hover .info .tit{
	color: #f26228;
	transition: all .5s ease;
	transition: all .5s ease;
}
.sy-news-right .info .sub{
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	height: 52px;
}
.sy-news-right .info .more{
	width: 25px;
	height: 25px;
	background: #f26228;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	margin-top: 12px;
}
.sy-news-right .box2{
	overflow: hidden;
	margin-top: 20px;
}
.sy-news-right .box2 .lb{
	width: 49.0566%;
	float: left;
}
.sy-news-right .box2 .lb:nth-child(2){
	float: right;
}
.sy-news-right .box2 .lb .info{
	margin-top: 24px;
}

/* about */
.about{
	padding: 60px 0 60px;
}
.about .pic{
	width: 38%;
	float: left;
}
.about-cont{
	width: 54%; margin-right:1%;
	float: right;
}
.about-cont .txt-h2{
	font-size: 22px;
	color: #d90c1a;
	line-height: 30px;
	margin: 10px 0 15px;
}
.about-line1{
	width: 100%;
	height: 36px;
	background: url(../images/about-yh1.jpg) no-repeat left center;
	position: relative;
}
.about-line1::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 20px;
	z-index: -1;
	background: #e9e9e9;
}
.about-line2{
	width: 100%;
	height: 36px;
	background: url(../images/about-yh2.jpg) no-repeat right center;
	position: relative;
}
.about-line2::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 20px;
	z-index: -1;
	background: #e9e9e9;
}
.about-cont .cont{
	font-size: 16px;
	color: #555555;
	line-height:30px;
	margin:20px 0;
}
.about .num-box{
	overflow: hidden;
	margin-top: 22px;
	margin-top: 20px;
}
.about .num-box .lb{
	margin-left: 65px;
	float: left;
	background: url(../images/abt-num-bk.png) no-repeat left top;
}
.about .num-box .lb:first-child{
	margin-left: 0;
}
.about .num-box .lb .num{
	font-size: 16px;
	color: #d90c1a;
	margin-top: 20px;
}
.about .num-box .lb .num span{
	font-family: "barlow";
    font-size: 48px; letter-spacing:2px;
    line-height: 40px;
	font-weight: bold;
    text-shadow: 0px 0px 7px rgb(52 255 204 / 10%);
    background: linear-gradient(180deg, #f26228 16%, #d70619 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about .num-box .lb .num sup{
	font-size: 28px;
    text-shadow: 0px 0px 7px rgb(52 255 204 / 10%);
    background: linear-gradient(180deg, #f26228 16%, #d70619 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	position: relative;
	top: -20px;
}
.about .num-box .lb:nth-child(3) .num sup,
.about .num-box .lb:nth-child(4) .num sup{
	font-size: 20px;
}
.about .num-box .lb .txt{
	font-size: 16px;
	color: #555555;
	margin-top: 25px;
}
/* history */
.history{
	padding: 70px 0 100px;
	background: url(../images/history-back.jpg) no-repeat top center;
	background-size: cover;
}
.history .year{
	font-size: 100px;
	line-height: 92px;
	text-shadow: 0px 0px 7px rgb(52 255 204 / 10%);
    background: linear-gradient(180deg, #f26228 16%, #d70619 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	writing-mode:tb-rl;
	font-family: "barlow";
	float: left;
}
.history-nr{
	margin-top: 58px;
	overflow: hidden;
	position: relative;
}
.history-ul-warp{
	float: left;
	width: 40.5%;
	margin-left: 44px;
	position: relative;
}
.history-ul-warp::after{
	content: "";
	position: absolute;
	width: 13px;
	height: 13px;
	background: #d90c1a;
	top: 0;
	left: 0;
	z-index: 999;
	border-radius: 100%;
}
.history-ul{
	height: 731px;
	padding-left: 42px;
	overflow: auto;
	position: relative;
}
.history-li{
	border-bottom: 1px solid #cccaca;
	padding-bottom: 20px;
	margin-bottom: 17px;
	overflow: hidden;
}
.history-li:last-child{
	margin-bottom: 0;
}
.history-li .info{ 
	text-align: left;
}
.history-li .info .nf{
	font-family: "barlow";
	font-size: 48px;
	color: #d90c1a;
	line-height: 48px;
}
.history-li .info .sub{
	font-size: 16px;
	color: #555555;
	line-height: 28px;
	margin-top: 14px;
}
.history-li .info .sub p{
	padding-left: 18px;
	position: relative;
}
.history-li .info .sub p::after{
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	background: #d9d8d7;
	border-radius: 100%;
	left: 0;
	top: 10px;
}
.history-li .pic{
	width: 31.5%;
	float: right;
}
.history-nr .pic2{
	width: 42.368421%;
	height: 100%;
	right: 0;
	top: 0;
	position: absolute;
	border-bottom-right-radius: 30px;
	overflow: hidden;
}
.history-nr .pic2 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.culture{
	padding:40px 0 40px;
}
.culture .container{
	max-width: 1450px;
}
.culture ul{
	overflow: hidden;
}
.culture ul li{
	overflow: hidden;
	width: 46.9%;
	float: left;
	margin-bottom: 60px;
	position: relative;
}
.culture ul li:nth-of-type(2n+2){
	float: right;
}
.culture ul li .num{
	font-family: barlow;
	font-size: 72px;
	font-weight: bold;
	color: #da5822;
	line-height: 70px;
	position: absolute;
	z-index: 33;
	top: 32px;
	left: 75px;
}
.culture ul li .pic{
	width: 35%;
	max-width: 213px;
	position: absolute;
	top: 65px;
	left: 0;
	z-index: 22;
}
.culture ul li .info{
	width: 77.2059%;
	float: right;
	height: 318px;
	background: #f7f7f7;
	padding: 40px 70px 25px 100px;
}
.culture ul li .info .tit{
	font-size: 28px;
	line-height: 35px;
	color: #222222;
}
.culture ul li .info .cont{
	font-size: 18px;
	color: #777777;
	line-height: 28px;
	margin-top: 32px;
}
.culture ul li .info .cont p{
	padding-left: 16px;
	margin-bottom: 6px;
	position: relative;
	display: block;
	width: 50%;
	float: left;
}
.culture ul li .info .cont p.p2{
	width: 100%;
	float: none;
}
.culture ul li .info .cont p::after{
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	border: 1px solid #de343f;
	border-radius: 100%;
	left: 0;
	top: 12px;
}
.group{
	padding:80px 0 40px;
	background: url(../images/tdhd-back.jpg) no-repeat bottom center;
	background-size: cover;
}
.gc-ny-left{
	width:12%;
	float: left;
}
.gc-ny-left ul{
	margin-top:40px; 
	padding-bottom: 120px;
	background: url(../images/tdhd-l-line.jpg) repeat-y left 9px top; 
}
.gc-ny-left ul li{
	position: relative;
	top: -11px;
}
.gc-ny-left ul li a{
	display: block;
	line-height: 28px;
	margin-bottom: 26px;
	padding-left: 32px;
	font-size: 18px;
	color: #222222;
}
.gc-ny-left ul li.on a{
	background: url(../images/tdhd-dot.png) no-repeat left center;
	color: #de343f;
}
.gc-ny-left ul li:hover a{
	color: #de343f;
}
.tdhd-right{
	overflow: hidden;
	width: 86%;
	float: right;
}
.tdhd-right li{
	width: 23%;
	float: left;
	margin-left:1%;
	margin-right:1%;
	overflow: hidden;
	border-radius: 12px;
	background: #f1f1f1;
	margin-bottom:40px;
}
.tdhd-right1 li:nth-of-type(2n+2){
	float: right;
	position: relative;
}
.tdhd-right li .tit{
	line-height:50px;
	text-align: center;
	color: #333333;
	font-size: 18px;white-space: nowrap;
}

/* news */
.news{
	padding:50px 0 ;
} 
.news ul li{
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 24px;
	margin-bottom: 24px;
	position: relative;
	overflow: hidden;
}
.news ul li .pic{
	width: 22%;
	float: left;
	overflow: hidden;
}
.news ul li .info{
	position: absolute;
	width: 76%;
	height: 100%;
	right: 0;
	top: 0;
	overflow: hidden;
}
.news ul li .info .t{
	float: left;
	width: 34%;
}
.news ul li .info .tit{
	font-size: 24px;
	color: #333333;
	line-height: 28px;
	transition: all .5s ease;
}
.news ul li:hover .info .tit{
	color: #d90c1a;
	transition: all .5s ease;
}
.news ul li .info .time{
	font-family: "helev";
	font-size: 18px;
	color: #888888;
	line-height:28px;
	margin-top:5px;
}
.news ul li .info .sub{
	width: 100%; 
	font-size:16px;
	color: #555555;
	line-height:24px;
	display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news ul li .more{
	position: absolute;
	font-size: 16px; right:0;
	color: #d90c1a;
	bottom: 26px;
}
.news ul li .more i{
	font-size: 18px;
	margin-left: 12px;
	position: relative;
	top: 1px;
}
.newsDe{
	padding: 40px 0 40px;
}
.newsDe .container{
	max-width: 1180px;
}
.newsDe .title{
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	line-height: 40px;
	color: #333333;
}
.newsDe .time{
	text-align: center;
	font-size: 16px;
	color: #777777;
	line-height: 25px;
	border-bottom: 1px solid #e6e6e5;
	padding-bottom: 20px;
	margin-top: 22px;
}
.newsDe .cont{
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	margin-top: 28px;
}
.dePage{
	border-top: 1px solid #e6e6e5;
	padding-top: 35px;
	margin-top: 55px;
}
.dePage a{
	display: block;
	width: 48%;
	background-color: #f1f1f1;
	float: left;
	font-size: 16px;
	color: #333333;
	line-height: 28px;
	padding: 22px 35px;
}
.dePage a:nth-child(2){
	float: right;
}
.dePage a span{
	width: 100%;
	display: inline-block;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.dePage a:hover{
	color: #fff;
	background: #d90c1a;
}

/* service */
.service-h2{
font-size:30px;
font-weight:600;
	color: #222222;
	text-align: center;
}
.service-h3{
	font-size:30px;
	line-height:36px;
	color: #222222;
	text-align:left;
	margin-bottom:20px; margin-top:20px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #d90c1a; display:inline-block;
}
.service-h6{
	text-align: center;
	font-size: 18px;
	line-height:28px;
	color: #666666;
	margin-top:10px;
}
.service-xm1{padding:30px 0 20px;}
.service-xm1 ul{width:100%;margin-bottom:20px;border:1px solid #ebebeb;box-shadow:0 5px 10px 0 hsla(0,0%,94.1%,.5);overflow: hidden;}
.service-xm1 ul li{width:20%;height:36px;border-left:1px solid hsla(0,0%,59.2%,.1);border-top:1px solid hsla(0,0%,59.2%,.1);border-right:1px solid hsla(0,0%,59.2%,.1);border-bottom:1px solid hsla(0,0%,59.2%,.1);padding:0 10px;font-size:16px;line-height:36px;color:#333;text-align:left;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden; float:left;}
.service-xm1 ul li:last-child{border-right:none}
.service-xm1 h3{width:100%;font-size:30px;font-weight:600;line-height:40px;color:#222;text-align:center;margin-bottom:20px;}
.service-xm1x{padding:30px 0 20px;}
.service-xm1x ul{width:100%;margin-bottom:20px;border:1px solid #ebebeb;box-shadow:0 5px 10px 0 hsla(0,0%,94.1%,.5);overflow: hidden;}
.service-xm1x ul li{width:25%;height:36px;border-left:1px solid hsla(0,0%,59.2%,.1);border-top:1px solid hsla(0,0%,59.2%,.1);border-right:1px solid hsla(0,0%,59.2%,.1);border-bottom:1px solid hsla(0,0%,59.2%,.1);padding:0 10px;font-size:16px;line-height:36px;color:#333;text-align:left;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden; float:left;}
.service-xm1x ul li:last-child{border-right:none}
.service-xm1x h3{width:100%;font-size:30px;font-weight:600;line-height:40px;color:#222;text-align:center;margin-bottom:20px;}
.service-xm1 .service-h2{float: left;}
.service-xm1 .cont{
	font-size: 16px;
	color: #555555;
	line-height: 32px;
	width: 100%;
	float: right;
}
.sv-item-table{width:100%;margin-bottom:20px;border:1px solid #ebebeb;box-shadow:0 5px 10px 0 hsla(0,0%,94.1%,.5)}
.sv-item-table tr td{width:20%;height:36px;border-right:1px solid hsla(0,0%,59.2%,.1);border-bottom:1px solid hsla(0,0%,59.2%,.1);padding:0 10px;font-size:14px;color:#666;text-align:left;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;}
.sv-item-table tr td:last-child{border-right:none}
.sv-item-table tr:last-child td{border-bottom:none}
.service-xm2{padding: 40px 0 40px;background:#eeeeee;}
.service-xm2 .tit{width:100%;
	background: #fff;
	height:170px;
	overflow:hidden;
	border-top:4px solid #d90c1a;
	margin-bottom:20px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	box-shadow: 0 4px 15px 0 rgb(242 98 40 / 40%);
    transition: all .5s ease;
	padding-top:20px;
	padding-right:40px;
	padding-bottom:20px;
	padding-left:40px;
	z-index:10;
}
.service-xm2 .tit a{
	font-size:20px;
	text-align:center;
	color: #333333;
	line-height:30px;
}
.service-xm2 .tit p{ margin-top:10px; margin-bottom:10px;}
.service-xm2 .listBox{font-size:16px;display:flex;flex-wrap:wrap;align-items:flex-end;width:411px;height:382px;position:relative}
.service-xm2 .iconBox{text-align:center;position:absolute;overflow:hidden;transform:scale(1);transition:all .1s linear}
.service-xm2 .iconBox img{width:72px;height:72px;margin-bottom:22px;margin-top:100px}
.service-xm2 .iconBox .iconTitle{font-size:22px;color:#1e1e1e;font-weight:700}
.service-xm2 .descBox{overflow:hidden;transition:all .2s linear;padding:20px;background:#fff;box-shadow:0 4px 15px 0 rgba(242 98 40 / 60%);position:absolute;width:100%;opacity:0;transform:scale(.5); top:0px; left:0px;border-radius:10px;z-index:20;}
.service-xm2 .descBox .titleBox{line-height:30px;font-size:22px;font-weight:700;color:#1e1e1e;margin-bottom:10px}
.service-xm2 .descBox .titleBox img{width:44px;height:44px;margin-right:15px;vertical-align:middle;position:relative}
.service-xm2 .descBox .desc{color:#555;line-height:22px;margin-bottom:0px}
.service-xm2 .descBox .serviceTitle{color:#555;font-weight:700;margin-bottom:6px}
.service-xm2 .descBox .serviceList{color:#555;display:flex;line-height:26px}
.service-xm2 .descBox .serviceList .left{width:168px}
.service-xm2 .pdg:hover .descBox{transform:scale(1);opacity:1}
.service-xm2 .pdg:hover .tit{opacity:0;transform:scale(.5)}
.service-zscq{
	padding: 40px 0 50px;
	background: url(../images/zscq-back.jpg) no-repeat bottom center;
	background-size: cover; overflow:hidden;
}
.service-zscq .box{
	margin-top:30px;
	overflow:hidden;
}
.service-zscq .tu{
	display: block;
	width: 44.7%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
}
.service-zscq .tu .fw-tu1{
	-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 18s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 18s;
    -webkit-animation: rotate 18s linear infinite;
    -moz-animation: rotate 18s linear infinite;
    -o-animation: rotate 18s linear infinite;
    animation: rotate 18s linear infinite;
}
.service-zscq .tu .fw-tu2{
	position: absolute;
	max-width: 42%;
}
.service-zscq .box .lb{
	width: 23%;
	margin-left:1%;
	margin-right:1%;
	float:left;
	overflow: hidden;
	z-index: 99;
	background: url(../images/hc1.png) 50% no-repeat;
	background-size: cover;
	padding-top: 20px;
	padding-right: 28px;
	padding-bottom: 30px;
	padding-left: 28px;
}
.service-zscq .box .lb:hover{transform:scale(1.1);transition:all 1.0s linear}
.service-zscq .box .lb .pic{transition: all .5s ease; text-align:center;}
.service-zscq .box .lb:hover .pic{
	transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transition: all .5s ease;
}
.service-zscq .box .lb .info{
	width: 100%;
	float: left;
}
.service-zscq .box .lb .info .tit{
	font-size: 22px;
	line-height:50px;
	color: #333333;
	text-align: center;
}
.service-zscq .box .lb .info .sub{
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	margin-top:0px;
}
.service-lc{
	padding:50px 0 0px;
	background: url(../images/sy-td-back.jpg) no-repeat bottom center;
	background-size: cover;
}
.service-lc .service-h2,
.service-lc .service-h6{
	color: #000;
}
.fwlcSwiper{
	position: relative;
	overflow: hidden;
	margin-top:50px;
	padding-bottom:30px;
}
.fwlcSwiper .swi{float:left; width:20%; margin-bottom:20px;}
.fwlcSwiper .swi .ico{
	text-align: center;
	position: relative;
	display: flex; padding:10px;
    justify-content: center;
    align-items: center;
}
.fwlcSwiper .swi .ico #img2{
	position: absolute;
	z-index: 33;
}
.fwlcSwiper .swi .ico:hover #img2{
	transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transition: all .5s ease;
}
.fwlcSwiper .swi .ico:hover{transform:scale(1.1);transition:all 1.0s linear}
.fwlcSwiper .swi .ico #img2 img{max-width:90% !important;}
.fwlcSwiper .swi .tit{
	text-align: center;
	font-size: 18px;
	color: #000;
	line-height: 28px;
	margin-top: 20px; margin-bottom:20px;
}
.fwlcN,
.fwlcP{
	width: 50px !important;
	height: 50px !important;
	color: #222;
	border-radius: 100%;
	background: #fff !important;
	display: flex;
    justify-content: center;
    align-items: center;
	top: auto !important;
	bottom: 0 !important;
	margin-top: 0 !important;
	transition: all .5s ease;
}
.fwlcP{
	left: 46% !important;
}
.fwlcN{
	right: 46% !important;
}
.fwlcN:hover,
.fwlcP:hover{
	background: #d90c1a !important;
	color: #fff;
	transition: all .5s ease;
}
.service-al{
	padding:40px 0 60px;
	background: url(../images/khal-back.jpg) no-repeat bottom center;
	background-size: cover;
}
.khalSwiper{
	position: relative;
	overflow: hidden;
	padding-bottom:40px;
	margin-top:40px;
}
.khalSwiper .swiper-slide{
	height: 320px;
	width: 100%;
	position: relative;
}
.khalSwiper .swiper-slide .lb{
	width: 11.1842%;
	height: 58%;
	background: url(../images/sy-kh-bk.png) no-repeat center center;
	display: flex;
    justify-content: center;
    align-items: center;
	overflow: hidden;
	position: absolute;
	background-size: contain;
}
.khalSwiper .swiper-slide .lb img{
	width: 75.4%;
}
.khalSwiper .swiper-slide .lb:nth-child(1){
	top: 0;
	left: 8%;
}
.khalSwiper .swiper-slide .lb:nth-child(2){
	top: 0;
	left: 18.4%;
}
.khalSwiper .swiper-slide .lb:nth-child(3){
	top: 0;
	left: 28.8%;
}
.khalSwiper .swiper-slide .lb:nth-child(4){
	top: 0;
	left: 39.2%;
}
.khalSwiper .swiper-slide .lb:nth-child(5){
	top: 0;
	left: 49.6%;
}
.khalSwiper .swiper-slide .lb:nth-child(6){
	top: 0;
	left: 60%;
}
.khalSwiper .swiper-slide .lb:nth-child(7){
	top: 0;
	left: 70.4%;
}
.khalSwiper .swiper-slide .lb:nth-child(8){
	top: 0;
	left: 80.8%;
}
.khalSwiper .swiper-slide .lb:nth-child(9){
	top: 43%;
	left: 3%;
}
.khalSwiper .swiper-slide .lb:nth-child(10){
	top: 43%;
	left: 13.4%;
}
.khalSwiper .swiper-slide .lb:nth-child(11){
	top: 43%;
	left: 23.8%;
}
.khalSwiper .swiper-slide .lb:nth-child(12){
	top: 43%;
	left: 34.2%;
}
.khalSwiper .swiper-slide .lb:nth-child(13){
	top: 43%;
	left: 44.6%;
}
.khalSwiper .swiper-slide .lb:nth-child(14){
	top: 43%;
	left: 55%;
}
.khalSwiper .swiper-slide .lb:nth-child(15){
	top: 43%;
	left: 65.4%;
}
.khalSwiper .swiper-slide .lb:nth-child(16){
	top: 43%;
	left: 75.8%;
}
.khalSwiper .swiper-slide .lb:nth-child(17){
	top: 43%;
	left: 86.2%;
}

.service-alx{
	padding:10px 0 10px;
	overflow: hidden;
	background-size: cover;
}
.khalSwiperx{
	position: relative;
	overflow: hidden; min-height:1940px;
	padding-bottom:40px;
	margin-top:40px;
}
.khalSwiperx .lb{
	width: 170px;
	height:180px;
	background: url(../images/sy-kh-bk.png) no-repeat center center;
	display: flex;
    justify-content: center;
    align-items: center;
	overflow: hidden;
	position: absolute;
	background-size: contain;
}
.khalSwiperx .lb img{
	width: 75.4%;
}
.khalSwiperx .lb:nth-child(1){
	top: 0;
	left: 0;
}
.khalSwiperx .lb:nth-child(2){
	top: 0;
	left: 170px;
}
.khalSwiperx .lb:nth-child(3){
	top: 0;
	left: 340px;
}
.khalSwiperx .lb:nth-child(4){
	top: 0;
	left: 510px;
}
.khalSwiperx .lb:nth-child(5){
	top: 0;
	left: 680px;
}
.khalSwiperx .lb:nth-child(6){
	top: 0;
	left: 850px;
}
.khalSwiperx .lb:nth-child(7){
	top: 140px;
	left: 85px;
}
.khalSwiperx .lb:nth-child(8){
	top: 140px;
	left: 255px;
}
.khalSwiperx .lb:nth-child(9){
	top: 140px;
	left: 425px;
}
.khalSwiperx .lb:nth-child(10){
	top: 140px;
	left: 595px;
}
.khalSwiperx .lb:nth-child(11){
top: 140px;
	left: 765px;
}
.khalSwiperx .lb:nth-child(12){
top: 280px;
	left: 0px;
}
.khalSwiperx .lb:nth-child(13){
top: 280px;
left: 170px;
}
.khalSwiperx .lb:nth-child(14){
top: 280px;
	left: 340px;
}
.khalSwiperx .lb:nth-child(15){
top: 280px;
	left: 510px;
}
.khalSwiperx .lb:nth-child(16){
top: 280px;
	left: 680px;
}
.khalSwiperx .lb:nth-child(17){
top: 280px;
	left: 850px;
}
.khalSwiperx .lb:nth-child(18){
top: 420px;
	left: 85px;
}
.khalSwiperx .lb:nth-child(19){
top: 420px;
	left: 255px;
}
.khalSwiperx .lb:nth-child(20){
top: 420px;
left: 425px;
}
.khalSwiperx .lb:nth-child(21){
top: 420px;
left: 595px;
}
.khalSwiperx .lb:nth-child(22){
top: 420px;
left: 765px;
}
.khalSwiperx .lb:nth-child(23){
top: 560px;
left: 0px;
}
.khalSwiperx .lb:nth-child(24){
top: 560px;
left: 170px;
}
.khalSwiperx .lb:nth-child(25){
top: 560px;
	left: 340px;
}
.khalSwiperx .lb:nth-child(26){
top: 560px;
	left: 510px;
}
.khalSwiperx .lb:nth-child(27){
top: 560px;
	left: 680px;
}
.khalSwiperx .lb:nth-child(28){
top: 560px;
left: 850px;
}
.khalSwiperx .lb:nth-child(29){
top: 700px;
left: 85px;
}
.khalSwiperx .lb:nth-child(30){
top: 700px;
	left: 255px;
}
.khalSwiperx .lb:nth-child(31){
top: 700px;
left: 425px;
}
.khalSwiperx .lb:nth-child(32){
top: 700px;
left: 595px;
}
.khalSwiperx .lb:nth-child(33){
top: 700px;
left: 765px;
}
.khalSwiperx .lb:nth-child(34){
top: 840px;
left: 0px;
}
.khalSwiperx .lb:nth-child(35){
top: 840px;
left: 170px;
}
.khalSwiperx .lb:nth-child(36){
top: 840px;
	left: 340px;
}
.khalSwiperx .lb:nth-child(37){
top: 840px;
	left: 510px;
}
.khalSwiperx .lb:nth-child(38){
top: 840px;
	left: 680px;
}
.khalSwiperx .lb:nth-child(39){
top: 840px;
left: 850px;
}

.khalSwiperx .lb:nth-child(40){
top: 980px;
left: 85px;
}
.khalSwiperx .lb:nth-child(41){
top: 980px;
	left: 255px;
}
.khalSwiperx .lb:nth-child(42){
top: 980px;
left: 425px;
}
.khalSwiperx .lb:nth-child(43){
top: 980px;
left: 595px;
}
.khalSwiperx .lb:nth-child(44){
top: 980px;
left: 765px;
}
.khalSwiperx .lb:nth-child(45){
top: 1120px;
left: 0px;
}
.khalSwiperx .lb:nth-child(46){
top: 1120px;
left: 170px;
}
.khalSwiperx .lb:nth-child(47){
top: 1120px;
	left: 340px;
}
.khalSwiperx .lb:nth-child(48){
top: 1120px;
	left: 510px;
}
.khalSwiperx .lb:nth-child(49){
top: 1120px;
	left: 680px;
}
.khalSwiperx .lb:nth-child(50){
top: 1120px;
left: 850px;
}

.khalSwiperx .lb:nth-child(51){
top: 1260px;
left: 85px;
}
.khalSwiperx .lb:nth-child(52){
top: 1260px;
	left: 255px;
}
.khalSwiperx .lb:nth-child(53){
top: 1260px;
left: 425px;
}
.khalSwiperx .lb:nth-child(54){
top: 1260px;
left: 595px;
}
.khalSwiperx .lb:nth-child(55){
top: 1260px;
left: 765px;
}
.khalSwiperx .lb:nth-child(56){
top: 1400px;
left: 0px;
}
.khalSwiperx .lb:nth-child(57){
top: 1400px;
left: 170px;
}
.khalSwiperx .lb:nth-child(58){
top: 1400px;
	left: 340px;
}
.khalSwiperx .lb:nth-child(59){
top: 1400px;
	left: 510px;
}
.khalSwiperx .lb:nth-child(60){
top: 1400px;
	left: 680px;
}
.khalSwiperx .lb:nth-child(61){
top: 1400px;
left: 850px;
}

.khalSwiperx .lb:nth-child(62){
top: 1540px;
left: 85px;
}
.khalSwiperx .lb:nth-child(63){
top: 1540px;
	left: 255px;
}
.khalSwiperx .lb:nth-child(64){
top: 1540px;
left: 425px;
}
.khalSwiperx .lb:nth-child(65){
top: 1540px;
left: 595px;
}
.khalSwiperx .lb:nth-child(66){
top: 1540px;
left: 765px;
}
.khalSwiperx .lb:nth-child(67){
top: 1680px;
left: 0px;
}
.khalSwiperx .lb:nth-child(68){
top: 1680px;
left: 170px;
}
.khalSwiperx .lb:nth-child(69){
top: 1680px;
	left: 340px;
}
.khalSwiperx .lb:nth-child(70){
top: 1680px;
	left: 510px;
}
.khalSwiperx .lb:nth-child(71){
top: 1680px;
	left: 680px;
}
.khalSwiperx .lb:nth-child(72){
top: 1680px;
left: 850px;
}
/* customer */
.customer{
	padding:50px 0;
}
.hzkh-left{
	width: 13.815%;
	float: left;
	position: sticky;
	top: 0;
	background: url(../images/hzkh-line.jpg) repeat-y top left 8px;
	padding-bottom: 120px;
}
.hzkh-left.ptop{
	top: 130px;
} 
.hzkh-left a{
	display: block;
	position: relative;
	padding: 0 0 0 46px;
	font-size: 20px;
	color: #333333;
	line-height: 30px;
	margin-bottom: 30px;
	top: -15px;
}
.hzkh-left a:hover,
.hzkh-left a.on{
	color: #d90c1a;
}
.hzkh-left a::after{
	content: "";
	position: absolute;
	width: 12px;
	height: 1px;
	left: 9px;
	top: 50%;
	background: #dddcdc;
	z-index: 22;
	transition: all .5s ease;
}
.hzkh-left a:hover::after,
.hzkh-left a.on::after{
	width: 22px;
	background: #d90c1a;
	transition: all .5s ease;
}
.hzkh-left a::before{
	content: "";
	position: absolute;
	z-index: 33;
	width: 19px;
	height: 19px;
	background: url(../images/hzkh-dot.png) no-repeat center center;
	left: 0;
	top: 50%;
	margin-top: -9.5px;
	opacity: 0;
	transition: all .5s ease;
}
.hzkh-left a.on::before,
.hzkh-left a:hover::before{
	opacity: 1;
	transition: all .5s ease;
}
.hzkh-right{
	width: 	78.618421052%;
	float: right;
	margin-top: -20px;
}
.hzkh-right .sub{
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	margin-top: 28px;
}
.hzkh-right .row{
	margin-top:20px;
}
.hzkh-right .row .pdg{
	padding: 0 10px;
}
.hzkh-right .kh-list{
	border: 1px solid #eeeeee;
	margin-bottom: 20px;
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    transition: all .5s ease;
}
.hzkh-right .kh-list:hover{
	border: 1px solid #d90c1a;
    transition: all .5s ease;
}
@media (min-width: 992px){ 
	.hzkh-right .col-md-2 {
		width: 20%;
	}
}

/* honor */
.honor{
	padding: 40px 0 30px;
	background: url(../images/honor-back1.jpg) no-repeat top left;
}
.honor-top .container{
	background: url(../images/honor-line-back.png) no-repeat bottom center;
	background-size: 100%;
	padding-bottom: 35px;
}
.honor-top .info{
	width: 42.5%;
	float: left;
	margin-left: 25px;
	margin-top: 35px;
}
.honor-top .info .line{
	width: 30px;
	height: 2px;
	background: #d90d1b;
	margin: 28px 0 36px;
}
.honor-top .info .sub{
	font-size: 16px;
	color: #666666;
	line-height: 32px;
}
.honor-top .pic{
	width: 35.6%;
	float: right;
}
.honor-show{
	margin-top:30px;
}
.honor-list{
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 30px;
    transition: all .5s ease;
}
.honor-list::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	top: 0;
	left: 0;
	background: #d90d1b;
}
.honor-list .class{
	display: inline-block;
	line-height: 35px;
	text-align: center;
	padding: 0 20px;
	font-size: 16px;
	color: #fff;
	border-radius: 36px;
	background: linear-gradient(to left, #f15d27, #e02e20);
    transition: all .5s ease;
}
.honor-list .title{
	font-size: 30px;
	color: #222222;
	line-height: 38px;
	margin: 34px 0 30px;
    transition: all .5s ease;
}
.honor-list:hover .title{
	color: #e02e20;
    transition: all .5s ease;
}
.honor-list .pic{
	border: 1px solid #e6e5e5;
	background: #fff; margin-left:auto; margin-bottom:auto;
	padding: 10px; text-align:center;
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
}
.honor-list .pic img{ max-height:140px;}
.honor-list .more{
	font-size: 16px;
	line-height: 28px;
	color: #777777;
	margin-top:10px;
    transition: all .5s ease;
}
.honor-list:hover .more{
	color: #e02e20;
    transition: all .5s ease;
}
.honor-list .more i{
	margin-right: 12px;
	font-size: 22px;
	position: relative;
	top: 2px;
}

/* team */
.gl{
	position: relative;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
}
.glx::after{
	content: "";
	position: absolute;
	width:22%;
	z-index: 11;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/team-left-back.jpg) no-repeat top center;
	background-size: cover;
}
.gl .container{
	position: relative;
	z-index: 22;
}
.gl-info{
	width: 100%;
	float: left;margin-bottom:20px;
}
.gl-info .about-h2{
	color: #000;
}
.gl-info .sub{
	font-size: 16px;
	color: #333;
	opacity: 0.9;
	line-height:24px;
	margin-top:10px;
}
.gl-info .gc-ny-left{
	width: 100%;
	float: none;
}
.gl-info .gc-ny-left ul { 
    background: url(../images/team-line.png) repeat-y left 9px top;
}
.gl-info .gc-ny-left ul li a{
	color: #fff;
}
.gl-info .gc-ny-left ul li.on a,
.gl-info .gc-ny-left ul li:hover a{
    background: url(../images/team-dot.png) no-repeat left center;
    color: #fff;
}
.gl-show{
	width: 100%;
	float: left;
}
.gl-show{width:100%;overflow: hidden; }
.gl-show ul{width:100%;overflow: hidden;padding:10px;}
.gl-show ul li{
	overflow: hidden; 
	box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
	background: url(../images/team-list-back.jpg) no-repeat top right;
	margin-bottom: 30px;
    transition: all .5s ease;
	float:left;
	width:25%;background:#FFFFFF;
}
.gl-show ul li .pic{
	position: relative;
	width: 100%;
	float: left;
}
.gl-show ul li .pic img{
	width: 100%;
	object-fit: cover;
}
.gl-show ul li .info{
	width: 100%;
	float: left;
	margin-left:20px;
	margin-top:10px;
}
.gl-show ul li .info .tit{
	position: relative;
	font-size:20px;
	line-height:30px;
	font-weight: bold;
	color: #d90c1a;
}
.gl-show ul li .info .tit::after{
	content: "";
	position: absolute;
	width: 5px;
	height:24px;
	background: #d90d1b;
	left: -20px;
	top: 50%;
	margin-top:-14px;
}
.gl-show ul li .info .tit span{
	font-size: 16px;
	font-weight: normal;
	margin-left: 12px;
	text-shadow: 0px 0px 7px rgb(52 255 204 / 10%);
    background: linear-gradient(180deg, #f26228 16%, #d70619 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gl-show ul li .info .tit2{
	font-size: 18px;
	color: #222222;
	line-height: 28px;
	border-top: 1px dashed #ebebeb;
	padding-bottom:10px;padding-top:10px;
	margin-top:8px;
}
.gl-show ul li .cont{
position:absolute;
width:25%;
padding:20px;
	font-size: 16px;
	color: #666666;
	line-height:24px;
	margin-top:0px;
	display: -webkit-box;
    overflow: hidden;
	opacity:0;
}
.gl-show ul li:hover .cont{opacity:1;transform:scale(1.0);transition: all 2.0s ease;}
.gl-show ul li:hover .pic{opacity:0;transform:scale(1.0);transition: all 1.5s ease;}
/* team */
.team{
	position: relative;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
}
.teamx::after{
	content: "";
	position: absolute;
	width: 16%;
	z-index: 11;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/team-left-back.jpg) no-repeat top center;
	background-size: cover;
}
.team .container{
	position: relative;
	z-index: 22;
}
.team-info{
	width: 100%;
	float: left; margin-bottom:20px;
}
.team-info .about-h2{
	color: #000;
}
.team-info .sub{
	font-size: 16px;
	color: #333;
	opacity: 0.9;
	line-height: 24px;
	margin-top:10px;
}
.team-info .gc-ny-left{
	width: 100%;
	float: none;
}
.team-info .gc-ny-left ul { 
    background: url(../images/team-line.png) repeat-y left 9px top;
}
.team-info .gc-ny-left ul li a{
	color: #fff;
}
.team-info .gc-ny-left ul li.on a,
.team-info .gc-ny-left ul li:hover a{
    background: url(../images/team-dot.png) no-repeat left center;
    color: #fff;
}
.team-show{width:100%;overflow: hidden; }
.team-show ul{width:100%;overflow:hidden;padding:10px;}
.team-show ul li{
	overflow: hidden; 
	box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
	background: url(../images/team-list-back.jpg) no-repeat top right;
	margin-bottom: 30px;
    transition: all .5s ease;
	float:left;
	width:24%;
	background:#FFFFFF;
	margin-right:1.33%;
}
.team-show ul li:nth-child(4n){margin-right:0;}
.team-show ul li .pic{
	position: relative;
	width: 100%;
	float: left;
}
.team-show ul li .pic img{
	width: 100%;
	object-fit: cover;
}
.team-show ul li .pic img:hover{opacity:1;transform:scale(1.2);transition: all 2.0s ease;}
.team-show ul li .info{
	width:96%;
	float:left;
	margin-left:2%;
	margin-top:10px;
}
.team-show ul li .info .tit{
	position: relative;
	font-size:20px;
	line-height:30px;
	font-weight: bold;
	color: #d90c1a;
}
.team-show ul li .info .tit::after{
	content: "";
	position: absolute;
	width: 5px;
	height:24px;
	background: #d90d1b;
	left: -20px;
	top: 50%;
	margin-top:-14px;
}
.team-show ul li .info .tit span{
	font-size: 16px;
	font-weight: normal;
	margin-left: 12px;
	text-shadow: 0px 0px 7px rgb(52 255 204 / 10%);
    background: linear-gradient(180deg, #f26228 16%, #d70619 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.team-show ul li .info .tit2{
	font-size:14px;
	color: #222222;
	line-height:26px;
	border-top:1px dashed #ebebeb;
	margin-top:8px;
	height:140px;padding-top:5px;padding-bottom:5px;
}
.team-show ul li .cont{
    position:absolute;
    width:32%;
    padding:100px 40px;
	font-size:24px;
	color:#000;
	line-height:36px;
	margin-top:0px;
	display: -webkit-box;
    overflow: hidden;
	opacity:0;
}
.team-show ul li1:hover .cont{opacity:1;transform:scale(1.0);transition: all 2.0s ease;}
.team-show ul li1:hover .pic{opacity:0.3;transform:scale(1.0);transition: all 1.5s ease;}
/* recruit */
.recruit{
	height: 918px;
	background: url(../images/zp-back.jpg) no-repeat top center;
	background-size: cover;
}
.recruit .box{
	width: 100%;
	max-width: 510px;
	float: right;
	padding-top: 38%;
	margin-right: 50px;
}
.recruit .box .title{
	font-size: 42px;
	line-height: 58px;
	font-weight: bold;background:rgba(255,255,255,0.6);padding-left:10px; padding-right:10px;border-radius:5px;
}
.recruit .box .title span{
	text-shadow: 0px 0px 7px rgb(52 255 204 / 10%);
    background: linear-gradient(90deg, #d70619 16%, #f26228 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.recruit .box .sub{
	font-size: 16px;
	color: #555555;background:rgba(255,255,255,0.6);padding-left:10px; padding-right:10px;border-radius:5px;
	line-height: 32px;
	margin-top: 28px;
}
.recruit .box .link{
	overflow: hidden;
	margin-top: 90px;
}
.recruit .box .link a{
	display: block;
	width: 48.4313%;
	float: left;	
	line-height: 120px;
	text-align: center;
	background: url(../images/zp-a1.png) no-repeat center center;
	background-size: 100% 100%;
	font-size: 28px;
	color: #fff;
	font-weight: bold;
}
.recruit .box .link a:nth-child(2){
	background: url(../images/zp-a2.png) no-repeat center center;
	float: right;
}

/*join*/
.join{
	padding: 70px 0 60px; 
}
.join .about-h2{
	text-align: center;
}
.join .container{
	max-width: 1360px;
}
.join table{
	width: 100%;
	margin-top: 45px;
}
.join table tr:nth-child(1){
	background: linear-gradient(to left, #f05c25, #d90c1a);
	transition: all .5s ease;
}
.join table tr th{ 
	font-weight: bold;
	height: 58px;
	font-size: 18px;
	color: #fff;
	padding: 0 15px 0 35px;
}
.join table tr td{
	padding: 0 15px 0 35px;
	height: 65px;
	border-bottom: 1px solid #fff;
	background: #fff;
	font-size: 16px;
	color: #555555;
	min-width: 180px;
	cursor: pointer;
}
.join table tr:nth-of-type(2n+2) td{
	background: #f1f1f1;
}
.zpTck{
	width: 90% !important;
	max-width: 648px !important;
	height: 77% !important; 
	background: #fff !important;
}
.joinDe{
	padding: 20px;
}
.joinDe .clsname{
	font-size: 15px;
	color: #43559f;
	border: 1px solid #5060a5;
	padding: 0 15px;
	border: 1px solid #5060a5;
	border-radius: 30px;
	line-height: 27px;
	display: inline-block;
}
.joinDe .title{
	font-weight: bold;
	font-size: 36px;
	line-height: 42px;
	color: #000000;
	margin: 20px 0 18px;
}
.joinDe .addr{
	font-size: 15px;
	color: #666666;
	line-height: 22px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 20px;
}
.joinDe .content{
	font-size: 15px;
	line-height: 26px;
	color: #666666;
	margin-top: 26px;
}
.joinDe .content strong{
	font-size: 18px;
}
.joinDe .ljyp{
	width: 80%;
	margin: 38px auto 0;
	line-height: 62px;
	border-radius: 5px;
	background: linear-gradient(to left, #f05c25, #d90c1a);
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	display: block;
	text-align: center;
}

/* contact */
.contact{
	padding: 70px 0 75px;
}
.contact .about-h2{
	text-align: center;
}
.contact-show{
	overflow: hidden;
	margin-top: 58px;
	position: relative;
}
.contact-show .hd{
	width: 45%;
	float: left;
	height: 690px;
	overflow-y: auto;
}
.contact-show .hd ul {
	padding-right: 25px;
}
.contact-show .hd ul li{
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 0 15px;
	cursor: pointer;
	background: url(../images/lx-lr-back.jpg) no-repeat right -100% top;
	transition: all .5s ease;
}
.contact-show .hd ul li:hover,
.contact-show .hd ul li.on{
	padding: 15px 28px;
	border-bottom: 1px solid #d90c1a;
	background: #d90c1a url(../images/lx-lr-back.jpg) no-repeat right top;
	background-size: auto 100%;
	transition: all .5s ease;
}
.contact-show .hd ul li .title{
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	color: #333333;
	transition: all .5s ease;
}
.contact-show .hd ul li:hover .title,
.contact-show .hd ul li.on .title{
	color: #fff;
	transition: all .5s ease;
}
.contact-show .hd ul li .title i{
	font-size: 22px;
	position: relative; 
	font-weight: normal;
	color: #bcbbbb;
	margin-right: 12px;
	transition: all .5s ease;
}
.contact-show .hd ul li:hover .title i,
.contact-show .hd ul li.on .title i{
	color: #fff;
	transition: all .5s ease;
}
.contact-show .hd ul li .sub{
	font-size: 16px;
	color: #777777;
	line-height: 32px;
	margin-top: 12px;
	transition: all .5s ease;
}

.contact-show .hd ul li:hover .sub,
.contact-show .hd ul li.on .sub{
	color: #fff;
	transition: all .5s ease;
}
.contact-show .bd{
	position: absolute;
	width: 48%;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 88; 
}
.contact-show .bd ul{
	width: 100%;
	height: 100%;
}
.contact-show .bd ul li{
	width: 100%;
	height: 100%;
	border: 1px solid #efefee;
	position: relative;
}
.contact-show .bd ul li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.message{
	padding: 55px 0 120px;
	background: #f7f8f8 url(../images/message-back.jpg) no-repeat bottom center;
}
.message .about-h2{
	text-align: center;
}
.message .container{
	max-width: 1200px;
}
.msg-box .box{
	overflow: hidden;
	margin-top: 40px;
}
.msg-box .box input[type=text]{
	width: 100%;
	height: 48px;
	padding: 0 32px;
	background: #fff;
	border: 1px solid #dedede;
	outline: none;
	margin-bottom: 10px;
	font-size: 16px;
	color: #222;
}
.msg-box .box .l{
	width: 100%;
	overflow: hidden;
}
.msg-box .box .l .lb{
	width: 49%;
	float: left;
}
.msg-box .box .l .lb:nth-of-type(2n+2){
	float: right;
}
.msg-box .box .isCode{
	overflow: hidden;
	width: 25%;
	float: left;
}
.msg-box .box .isCode input[type=text]{
	width: 70%;
	float: left; 
}
.msg-box .box input[type=text].bt{
	background: #fff url(../images/bt-ico.jpg) no-repeat top 12px left 16px;
}
.msg-box .box .isCode #checkCode{
	width: 30%;
	cursor: pointer;
	font-size: 26px;
	color: #000;
	font-style: italic;
	float: right; 
	background: #fff;
	border: 1px solid #e8e8ea;
	height: 48px;
	line-height: 46px;
	text-align: center;
	border-left: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.msg-box .box textarea{
	min-width: 100%;
	max-width: 100%;
	min-height: 248px;
	max-height: 248px;
	background: #fff url(../images/bt-ico.jpg) no-repeat top 12px left 16px;
	border: 1px solid #dedede;
	padding: 14px 30px;
	font-size: 16px;
	color: #222;
	margin-bottom: 5px;
} 
.msg-box .box .an input{
	display: block;
	line-height: 48px;
	background: #d90d1b;
	text-align: center;
	font-size: 16px; border:0px;
	width: 160px;
	float: right;
	color: #fff;
	cursor: pointer;
} 
.msg-box .box .b{
	overflow: hidden;
	margin-top: 15px;
}

/* NY */
.about-h2{
	font-size:30px;
	line-height:40px; margin-bottom:30px;
	color: #222222; font-weight:bold;
}
.Nybanner{
	overflow: hidden;
}
.Nybanner img{
	width: 100%;
}
.Nylocation{
	border-bottom: 1px solid #e5e4e4;
	line-height: 62px;
}
.Nylocation .now-lm{
	float: left;
}
.Nylocation .now-lm a{
	display: block;
	float: left;
	padding: 0 26px;
	text-align: center;
	font-size: 18px;
	color: #222222;
}
.Nylocation .now-lm a:hover,
.Nylocation .now-lm a.on{
	background: #d90c1a;
	color: #fff;
}
.Nylocation .now-wz{
	float: right;
	background: url(../images/home-ico.png) no-repeat left center;
	padding-left: 24px;
	font-size: 16px;
	color: #666666;
}
.Nylocation .now-wz.fl{
	float: left;
}
.Nylocation .now-wz a{
	color: #666;
}
.Nylocation .now-wz a:hover{
	color: #d90c1a;
}

/*公用*/
.sy-gc-h2{
	text-align: center;
	font-size: 48px;
	line-height: 55px;
	color: #222;
	font-weight: bold;
}
.sy-gc-h2 red{
	color: #ce4710;
}
.sy-gc-h2 span{
	display: inline-block;
	position: relative;
}
.sy-gc-h2 span::after,
.sy-gc-h2 span::before{
	content: "";
	position: absolute;
	width: 128px;
	height: 23px;
	top: 50%;
	margin-top: -11.5px;
	z-index: 22;
}
.sy-gc-h2 span::after{
	background: url(../images/sy-h2-a.png) no-repeat center center;
	left: -150px;
}
.sy-gc-h2 span::before{
	background: url(../images/sy-h2-b.png) no-repeat center center;
	right: -150px;
}
.sy-gc-h6{
	font-size: 18px;
	line-height: 30px;
	color: #555555;
	margin-top: 28px;
}
.rotate180 {
	transform: rotate(180deg);
}
.text-line1{
	display: -webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.text-line2{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.gc-pic .pic{
	overflow: hidden;
}
.gc-pic img{
	width: 100%;
	transform: scale(1);
	transition: all .5s ease;
}
.gc-pic:hover img{
	transform: scale(1.12);
	transition: all .5s ease;
} 

/*footer*/
footer{
	background: #383838;
}
.foot-top .container{
	padding:50px 0 40px;
	border-bottom: 1px solid #4c4c4c;
}
.foot-top .item{
	float: left;
	margin-left:72px;
}
.foot-top .item:first-child{
	margin-left: 0;
}
.foot-top .item h4{
	font-size: 20px;
	color: #fff;
	line-height: 25px;
}
.foot-top .item .link{
	margin-top: 18px;
}
.foot-top .item .link a{
	display: block;
	font-size: 15px;
	color: #afafaf;
	line-height: 36px;
	width: 140px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.foot-top .item .link a:hover{
	color: #fff;
}
.foot-middle .container{
	padding: 40px 0 40px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	color: #fff;
}
.foot-middle .tel{
	float: left;
	font-size: 18px;
	color: #afafaf;
}
.foot-middle .tel i{
	font-size: 64px;
	opacity: 0.3;
	display: block;
	float: left;
	margin-right: 12px;
}
.foot-middle .tel a{
	font-family: "barlow";
	font-size: 39px;
	color: #fff;
	margin-bottom: 5px;
	line-height: 54px;
}
.f-ewm{
	float: right;
	margin-top: 18px;
}
.f-ewm .lb{
	float: left;
	width: 182px;
	height: 50px;
	line-height: 50px;
	background: rgba(255,255,255, 0.1);
	text-align: center;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
	transition: all .5s ease;
}
.f-ewm .lb:hover{
	background: rgba(255,255,255, 0.6);
	transition: all .5s ease;
}
.f-ewm .lb .ewm{
	position: absolute;
	width: 100%;
	left: 0;
	padding: 20px 0;
	bottom: 0;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}
.f-ewm .lb:hover .ewm{
	opacity: 1;
	bottom: 50px;
	visibility: visible;
	transition: all .5s ease;
}
.f-ewm .lb .ewm img{
	width: 150px;
	height: 150px;
}
.f-ewm .lb svg{
	position: relative;
	top: 5px;
	margin-right: 10px;
}
.foot-copy{
	line-height: 74px;
	font-size: 16px;
	color: #afafaf;
}
.foot-copy a{
	color: #afafaf;
}
.foot-copy a:hover{
	color: #fff;
}

/*MB - PC */
.isPc {
	display:block;
}
.isMobile {
	display:none !important;
}
/* 滚动  */
@-webkit-keyframes rotate {
	from {
	-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(360deg)
}
}@-moz-keyframes rotate {
	from {
	-moz-transform:rotate(0deg)
}
to {
	-moz-transform:rotate(360deg)
}
}@-o-keyframes rotate {
	from {
	-o-transform:rotate(0deg)
}
to {
	-o-transform:rotate(360deg)
}
}@keyframes rotate {
	from {
	transform:rotate(0deg)
}
to {
	transform:rotate(360deg)
}
}/*page*/
.Page {
	width:100%;
	text-align:center;
	line-height:24px;
	padding-top:20px;
}
.Page.tl {
	text-align:left;
}
.Page .disabled {
	border:1px solid #d8d8d8;
	padding:8px;
	font-size:14px;
	color:#d8d8d8;
	display:none;
	visibility:hidden;
}
.Page a {
	border:1px solid #f1f1f1;
	display:inline-block;
	min-width:40px;
	padding:8px;
	background:#f1f1f1;
	line-height:24px;
	text-align:center;
	font-size:14px;
	color:#333;
	position:relative;
	top:2px;
}
.Page a:hover {
	border:1px solid #f76b00;
}
.Page a.sy {
	color:#707072 !important;
}
.Page .current {
	background:#f76b00;
	display:inline-block;
	width:40px;padding:8px;
	text-align:center;
	line-height:24px;
	color:#fff;
	position:relative;
	top:2px;
	border:1px solid #f76b00;
	font-size:14px;
}
.Page .next,.Page .prev {
	width:65px;
}
.bsBox {
	width:auto !important;
	height:auto !important;
}
/*Webkit,Opera9.5+,Ie9+*/::selection {
	color:#fff;
	background: #2d4b76;
}
/*Mozilla Firefox*/::-moz-selection {
	color:#fff;
	background: #2d4b76;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
	width:6px;
	height:16px;
	background-color:#fff;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.4);
	/*border-radius:10px;
	*/
	background-color:#f2f2f2;
}
/*定义滑块 内阴影+圆角*/::-webkit-scrollbar-thumb {
	cursor:pointer;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
	background-color:rgba(217,12,26,1);
	border-radius:0;
}
::-webkit-scrollbar-thumb:hover {
	background-color:rgba(217,12,26,1);
}
::-webkit-scrollbar-thumb:active {
	background-color:rgba(217,12,26,1);
}
/*定义两端上下按钮*/
/*::-webkit-scrollbar-button {
	height:10px;
	width:10px;
	background:#ff6a07;
}
*/
.history-ul{
	direction:rtl
}
.history-ul::-webkit-scrollbar {
	width: 13px;
	border-radius:15px;
	position: relative;
}
.history-ul::-webkit-scrollbar-track {
	width: 13px;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);
	background: #f5f5f5 url("../images/history-line.png");
}	
.history-ul::-webkit-scrollbar-thumb{
	background: url("../images/history-line2.png");
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);
}
.history-ul::-webkit-scrollbar-thumb:hover{
	background: url("../images/history-line2.png");
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);
}
.history-ul::-webkit-scrollbar-thumb:active{
	background: url("../images/hisory-line2.png");
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);
}
.sroll_top {
	right:0.8%;
	bottom:6%;
	position:fixed;
	display:none;
	cursor:pointer;
	z-index:2999;
}
@-webkit-keyframes trackBallSlide {
	0% {
	opacity:1;
	-webkit-transform:scale(1) translateY(-8px);
	transform:scale(1) translateY(-8px);
}
34% {
	opacity:1;
	-webkit-transform:scale(1) translateY(4px);
	transform:scale(1) translateY(4px);
}
68% {
	opacity:0.2;
	-webkit-transform:scale(1) translateY(16px);
	transform:scale(1) translateY(16px);
}
100% {
	opacity:0.2;
	-webkit-transform:scale(1) translateY(-8px);
	transform:scale(1) translateY(-8px);
}
}@keyframes trackBallSlide {
	0% {
	opacity:1;
	-webkit-transform:scale(1) translateY(-8px);
	transform:scale(1) translateY(-8px);
}
34% {
	opacity:1;
	-webkit-transform:scale(1) translateY(4px);
	transform:scale(1) translateY(4px);
}
68% {
	opacity:0.2;
	-webkit-transform:scale(1) translateY(16px);
	transform:scale(1) translateY(16px);
}
100% {
	opacity:0.2;
	-webkit-transform:scale(1) translateY(-8px);
	transform:scale(1) translateY(-8px);
}
}.fancybox {
	margin-bottom:30px;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
	padding:0;
	margin:0;
	border:0;
	outline:none; 
	vertical-align:top;
}
.fancybox-wrap {
	overflow:unset !important;
}
.fancybox-wrap {
	position:absolute;
	top:0;
	left:0;
	z-index:8020;
}
.fancybox-skin {
	position:relative;
	background:#f9f9f9;
	color:#444;
	text-shadow:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.fancybox-opened {
	z-index:8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);
	-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
	box-shadow:0 10px 25px rgba(0,0,0,0.5);
}
.fancybox-outer,.fancybox-inner {
	position:relative;
}
.fancybox-inner {
	overflow:hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling:touch;
}
.fancybox-error {
	color:#444;
	margin:0;
	padding:15px;
	white-space:nowrap;
}
.fancybox-image,.fancybox-iframe {
	display:block;
	width:100%;
	height:100%;
}
.fancybox-image {
	max-width:100%;
	max-height:100%;
}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
	background-image:url(../images/fancybox_sprite.png);
}
#fancybox-loading {
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-22px;
	margin-left:-22px;
	background-position:0 -108px;
	opacity:0.8;
	cursor:pointer;
	z-index:8060;
}
#fancybox-loading div {
	width:44px;
	height:44px;
	background:url(../images/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
	position:absolute;
	top:-18px;
	right:-18px;
	width:36px;
	height:36px;
	cursor:pointer;
	z-index:8040;
}
.fancybox-nav {
	position:absolute;
	top:0;
	width:40%;
	height:100%;
	cursor:pointer;
	text-decoration:none;
	/*background:transparent url(../images/blank.gif);*/
	/* helps IE */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	z-index:8040;
}
.fancybox-prev {
	left:0;
}
.fancybox-next {
	right:0;
}
.fancybox-nav span {
	position:absolute;
	top:50%;
	width:36px;
	height:34px;
	margin-top:-18px;
	cursor:pointer;
	z-index:8040;
	visibility:hidden;
}
.fancybox-prev span {
	left:10px;
	background-position:0 -36px;
}
.fancybox-next span {
	right:10px;
	background-position:0 -72px;
}
.fancybox-nav:hover span {
	visibility:visible;
}
.fancybox-tmp {
	position:absolute;
	top:-99999px;
	left:-99999px;
	max-width:99999px;
	max-height:99999px;
	overflow:visible !important;
}
/* Overlay helper */

.fancybox-lock {
	overflow:visible !important;
	width:auto;
}
.fancybox-lock body {
	overflow:hidden !important;
}
.fancybox-lock-test {
	overflow-y:hidden !important;
}
.fancybox-overlay {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	display:none;
	z-index:8010;
	background:url(../images/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
	position:fixed;
	bottom:0;
	right:0;
}
.fancybox-lock .fancybox-overlay {
	overflow-x:hidden;
	overflow-y:scroll;
}
/* Title helper */

.fancybox-title {
	visibility:hidden;
	position:relative;
	text-shadow:none;
	z-index:8050;
}
.fancybox-opened .fancybox-title {
	visibility:visible;
}
.fancybox-title-float-wrap {
	position:absolute;
	bottom:0;
	right:50%;
	margin-bottom:-35px;
	z-index:8050;
	text-align:center;
}
.fancybox-title-float-wrap .child {
	display:inline-block;
	margin-right:-100%;
	padding:2px 20px;
	background:transparent;
	/* Fallback for web browsers that doesn't support RGBa */
	background:rgba(0,0,0,0.8);
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	text-shadow:0 1px 2px #222;
	color:#FFF;
	font-weight:bold;
	line-height:24px;
	white-space:nowrap;
}
.fancybox-title-outside-wrap {
	position:relative;
	margin-top:10px;
	color:#fff;
}
.fancybox-title-inside-wrap {
	padding-top:10px;
}
.fancybox-title-over-wrap {
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	padding:10px;
	background:#000;
	background:rgba(0,0,0,.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
	#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
	background-image:url(../images/fancybox_sprite@2x.png);
	background-size:44px 152px;
	/*The size of the normal image,half the size of the hi-res image*/
}
#fancybox-loading div {
	background-image:url(../images/fancybox_loading@2x.gif);
	background-size:24px 24px;
	/*The size of the normal image,half the size of the hi-res image*/
}
}/* 缩略图样式 */
#fancybox-thumbs {
	position:fixed;
	left:0;
	width:100%;
	overflow:hidden;
	z-index:8050;
}
#fancybox-thumbs.bottom {
	bottom:2px;
}
#fancybox-thumbs.top {
	top:2px;
}
#fancybox-thumbs ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}
#fancybox-thumbs ul li {
	float:left;
	padding:1px;
	opacity:0.5;
}
#fancybox-thumbs ul li.active {
	opacity:0.75;
	padding:0;
	border:1px solid #fff;
}
#fancybox-thumbs ul li:hover {
	opacity:1;
}
#fancybox-thumbs ul li a {
	display:block;
	position:relative;
	overflow:hidden;
	border:1px solid #222;
	background:#111;
	outline:none;
}
#fancybox-thumbs ul li img {
	display:block;
	position:relative;
	border:0;
	padding:0;
	max-width:none;
}
.wz-web-search {
	padding:50px 0 100px;
}
.wz-web-search ul {
	overflow:hidden;
}
.wz-web-search li {
	border-bottom:1px solid #ddd;
	padding:30px 0;
	width:46%;
	float:left;
	transition:all .5s ease;
}
.wz-web-search li:nth-of-type(2n+2) {
	float:right;
}
.wz-web-search li:hover {
	background:#c1422f;
	padding:30px;
	transition:all .5s ease;
}
.wz-web-search li .tit .t1 {
	font-size:22px;
	color:#333;
	transition:all .5s ease;
}
.wz-web-search li:hover .tit .t1 {
	color:#fff;
	transition:all .5s ease;
}
.wz-web-search li .url {
	font-size:14px;
	margin-top:10px;
	color:#c1422f;
	transition:all .5s ease;
}
.wz-web-search li:hover .url {
	color:#fff;
	transition:all .5s ease;
}

/*美化标签*/
.magic-radio,.magic-checkbox {
	position:absolute;
	display:none;
}
.magic-radio[disabled],.magic-checkbox[disabled] {
	cursor:not-allowed;
}
.magic-radio + label,.magic-checkbox + label {
	position:relative;
	display:block;
	padding-left:30px;
	cursor:pointer;
	vertical-align:middle;
	float: left;
	margin-right: 30px;
	font-size: 16px;
	color: #555555;
	font-weight: normal;
}
.magic-radio + label:hover:before,.magic-checkbox + label:hover:before {
	animation-duration:0.4s;
	animation-fill-mode:both;
	animation-name:hover-color;
}
.magic-radio + label:before,.magic-checkbox + label:before {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:20px;
	height:20px;
	content:'';
	border:1px solid #c0c0c0;
}
.magic-radio + label:after,.magic-checkbox + label:after {
	position:absolute;
	display:none;
	content:'';
}
.magic-radio[disabled] + label,.magic-checkbox[disabled] + label {
	cursor:not-allowed;
	color:#e4e4e4;
}
.magic-radio[disabled] + label:hover,.magic-radio[disabled] + label:before,.magic-radio[disabled] + label:after,
.magic-checkbox[disabled] + label:hover,.magic-checkbox[disabled] + label:before,.magic-checkbox[disabled] + label:after {
	cursor:not-allowed;
}
.magic-radio[disabled] + label:hover:before,.magic-checkbox[disabled] + label:hover:before {
	border:1px solid #e4e4e4;
	animation-name:none;
}
.magic-radio[disabled] + label:before,.magic-checkbox[disabled] + label:before {
	border-color:#e4e4e4;
}
.magic-radio:checked + label:before,.magic-checkbox:checked + label:before {
	animation-name:none;
}
.magic-radio:checked + label:after,.magic-checkbox:checked + label:after {
	display:block;
}
.magic-radio + label:before {
	border-radius:50%;
}
.magic-radio + label:after {
	top:6px;
	left:6px;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#01999c;
}
.magic-radio:checked + label:before {
	border:1px solid #01999c;
}
.magic-radio:checked[disabled] + label:before {
	border:1px solid #c9e2f9;
}
.magic-radio:checked[disabled] + label:after {
	background:#c9e2f9;
}
.magic-checkbox + label:before {
	border-radius:3px;
}
.magic-checkbox + label:after {
	top:2px;
	left:7px;
	box-sizing:border-box;
	width:6px;
	height:12px;
	transform:rotate(45deg);
	border-width:2px;
	border-style:solid;
	border-color:#fff;
	border-top:0;
	border-left:0;
}
.magic-checkbox:checked + label:before {
	border:#3e97eb;
	background:#3e97eb;
}
.magic-checkbox:checked[disabled] + label:before {
	border:#c9e2f9;
	background:#c9e2f9;
}

/* sybanner 特效 */ 
*,
::after,
::before {
  
}
.transi {
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
.color-linear {
  background: linear-gradient(45deg, #79bd28 0%, #fe9b38 100%);
}
.full {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.max-wid {
  width: 84%;
  max-width: 1600px;
  margin: auto;
}
.picCut {
  position: relative;
}
.picCut > img.Tpic {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  z-index: 10;
  display: none;
}
.picCut .cutItem {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  z-index: 11;
}
.picCut .cutItem > .cut {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  overflow: hidden;
}
.picCut .cutItem > .cut > img {
  position: absolute;
  top: 0;
  left: 0;
}
.component {
  margin: 0 auto;
  position: relative;
  margin-bottom: 0.4rem;
  max-width: 100%;
}
.component > ul {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
.component > ul > li {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  z-index: 9;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.component > ul > li > img {
  display: block;
  max-width: 100%;
  opacity: 0;
  max-height: 100%;
}
.component > ul .current {
  opacity: 1;
  pointer-events: auto;
  z-index: 10;
}
.component nav > a {
  position: absolute;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #5b4c5c;
  outline: none;
  overflow: visible;
  text-align: center;
  top: 50%;
  z-index: 1100;
  color: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.component nav .moveNext {
  right: 0;
}
.component .Tcon {
  position: absolute;
  width: 80%;
  height: 90%;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 11;
}
.component .Tcon > small {
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  width: max-content;
}
.component .Tcon > small > .Tpage {
  color: #fff;
  font-size: 0.2rem;
}
.component .Tcon .txtChange {
  position: relative;
  height: 100%;
  width: 100%;
}
.component .Tcon .txtChange > [data-txt] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 50%;
  height: max-content;
  color: #fff;
  text-align: center;
  font-size: 0.24rem;
  pointer-events: none;
  transition: all 0.4s;
  -webkit-perspective: 1600px;
  perspective: 1600px;
}
.component .Tcon .txtChange > [data-txt].on {
  opacity: 1;
  pointer-events: auto;
}
.component .Tcon .txtChange > [data-txt].txtHide {
  -webkit-animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.component .Tcon .txtChange > [data-txt].txtShow {
  -webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.component .Tcon .pageChange {
  position: absolute;
  width: max-content;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.component .Tcon .pageChange > li {
  background-color: #fff;
  display: inline-block;
  float: left;
  width: 0.3rem;
  height: 0.1rem;
  line-height: 0.1rem;
  margin: 0.2rem 0.2rem;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
.component .Tcon .pageChange > li.on {
  background-color: #000;
}
.component-small {
  width: 650px;
  height: 290px;
}
.component-small > ul {
  width: 450px;
}
.component-fullwidth {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  background: transparent;
}
.component-fullwidth > ul {
  overflow: hidden;
}
.component-fullwidth > ul > li {
  overflow: hidden;
}
.component-fullwidth > ul > li > img {
  min-width: 100%;
  max-width: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.component-transparent {
  width: 900px;
  height: 500px;
}
.component-transparent > ul {
  width: 112px;
}
.webGL-slider {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 5;
}
.webGL-slider > img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
}
.webGL-slider canvas {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  transform-origin: 50% 50%;
}
.webGL-slider .pagination {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5vw;
  z-index: 6;
  
}
.webGL-slider .pagination:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 45px;
    width: 2px;
    height: calc(100% - 20px);
    background-color: #ffffff;
}
.webGL-slider .pagination > [data-slide] {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    width: 16px;
    height: 16px;
    background-color: transparent;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    border-radius: 100%;
    padding: 0;
    cursor: pointer;
    position: relative;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    outline: none;
    padding-bottom: 80px;
	box-sizing: border-box;
}
.webGL-slider .pagination > [data-slide] > span {
    position: absolute;
    top: 0;
    height: 2px;
    width: 15px;
    background-color: rgba(255, 255, 255, 0.3);
    left: 30px;
}
.webGL-slider .pagination > [data-slide] > span:nth-of-type(1) {
    width: 25px;
    top: 10px;
    left: 20px;
}
.webGL-slider .pagination > [data-slide] > span:nth-of-type(2) {
    top: 18px;
}
.webGL-slider .pagination > [data-slide] > span:nth-of-type(3) {
    top: 26px;
}
.webGL-slider .pagination > [data-slide] > span:nth-of-type(4) {
    top: 34px;
}
.webGL-slider .pagination > [data-slide] > span:nth-of-type(5) {
    top: 42px;
}
.webGL-slider .pagination > [data-slide] > span:nth-of-type(6) {
    top: 50px;
    width: 20px;
    left: 25px;
}
.webGL-slider .pagination > [data-slide] > span:nth-of-type(7) {
    top: 58px;
}
.webGL-slider .pagination > [data-slide] > span:nth-of-type(8) {
    top: 66px;
}
.webGL-slider .pagination > [data-slide] > span:nth-of-type(9) {
    top: 74px;
}
.webGL-slider .pagination > [data-slide] > span:nth-of-type(10) {
    top: 82px;
}
.webGL-slider .pagination > [data-slide].lat {
    padding-bottom: 22px;
}
.webGL-slider .pagination > [data-slide].lat > span {
    display: none;
}
.webGL-slider .pagination > [data-slide].lat > span:nth-of-type(1) {
    display: inline-block;
    width: 25px;
    top: 10px;
    left: 20px;
}
.webGL-slider .pagination > [data-slide].lat2 > span:after{
    content: "";position: absolute;
    width: 100%;height: 100%;background-color: #fff;
    top: 0;left: 0;
}
.webGL-slider .pagination > [data-slide]:nth-of-type(2).go {
    color: #ffffff;
}
.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span {
    background-color: #ffffff;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(1) {
    transition-delay: 0s;
}
.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(2) {
    transition-delay: 0.4s;
}
.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(3) {
    transition-delay: 0.8s;
}
.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(4) {
    transition-delay: 1.2s;
}
.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(5) {
    transition-delay: 1.6s;
}
.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(6) {
    transition-delay: 2.0s;
}
.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(7) {
    transition-delay: 2.4s;
}
.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(8) {
    transition-delay: 2.8s;
}
.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(9) {
    transition-delay: 3.2s;
}
.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(10) {
    transition-delay: 3.6s;
}
.webGL-slider .pagination > [data-slide].on {
    color: #ffffff;
	box-sizing: border-box;
}
.webGL-slider .pagination > [data-slide].on > span {
    background-color: #ffffff;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.webGL-slider .pagination > [data-slide].on > span:nth-of-type(1) {
    transition-delay: 0s;
}
.webGL-slider .pagination > [data-slide].on > span:nth-of-type(2) {
    transition-delay: 0.4s;
}
.webGL-slider .pagination > [data-slide].on > span:nth-of-type(3) {
    transition-delay: 0.8s;
}
.webGL-slider .pagination > [data-slide].on > span:nth-of-type(4) {
    transition-delay: 1.2s;
}
.webGL-slider .pagination > [data-slide].on > span:nth-of-type(5) {
    transition-delay: 1.6s;
}
.webGL-slider .pagination > [data-slide].on > span:nth-of-type(6) {
    transition-delay: 2.0s;
}
.webGL-slider .pagination > [data-slide].on > span:nth-of-type(7) {
    transition-delay: 2.4s;
}
.webGL-slider .pagination > [data-slide].on > span:nth-of-type(8) {
    transition-delay: 2.8s;
}
.webGL-slider .pagination > [data-slide].on > span:nth-of-type(9) {
    transition-delay: 3.2s;
}
.webGL-slider .pagination > [data-slide].on > span:nth-of-type(10) {
    transition-delay: 3.6s;
}
.webGL-slider a.move-prev {
  position: absolute;
  bottom: 100%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  margin: 0;
  color: #fff;
  background-color: transparent;
  font-size: 24px;
  opacity: 0.6;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
.webGL-slider a.move-prev:hover {
  opacity: 1;
}
.webGL-slider a.move-next {
  position: absolute;
  top: 100%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  margin: 0;
  color: #fff;
  background-color: transparent;
  font-size: 24px;
  opacity: 0.6;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
.webGL-slider a.move-next:hover {
  opacity: 1;
} 
.fullMenu {
  position: fixed;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0 auto;
  pointer-events: none;
}
.fullMenu .menu-box {
  width: 100vw;
  height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 10vh;
  left: 0;
  /*pointer-events: none;*/
  z-index: 100;
}
.fullMenu .menu-box .menu-item {
  display: none;
}
.fullMenu .menu-box .menu-item .menu-list {
  color: #000;
  font-family: word;
  font-size: 24px;
  opacity: 1;
  display: block;
  margin: 0.25em 0;
  pointer-events: auto;
}
.menu-list a{
   color: #fff;
  display: block;
  line-height: 2;
}
.menu-list > a >i{
      font-size: 22px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px;
}
.menu-list > a{
  font-size: 24px;
}
.menu-list > div{
  display: none;
}
.menu-list > div >a{
  font-size: 18px;
  line-height: 2;
}

.fullMenu .menu-box .menu-item.is-opened {
  display: block;
  text-align: center;
  width: 100%;
}
.fullMenu .shape-overlays {
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
}
.fullMenu .shape-overlays .shape-overlays__path:nth-of-type(1) {
  fill: #000;
}
.fullMenu .shape-overlays .shape-overlays__path:nth-of-type(2) {
  fill: #1d1d1f;
}
.fullMenu .shape-overlays .shape-overlays__path:nth-of-type(3) {
  fill: #fe9b38;
}
/*animate补充动画*/
@keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    transform: translate3d(-10px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftSmall {
  animation-name: fadeInLeftSmall;
}
@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    transform: translate3d(10px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightSmall {
  animation-name: fadeInRightSmall;
}
@keyframes fadeInDownSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, -10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownSmall {
  animation-name: fadeInDownSmall;
}
@keyframes fadeOutDownSmall {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(0%, 10px, 0);
  }
}
.fadeOutDownSmall {
  animation-name: fadeOutDownSmall;
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, 10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpSmall {
  animation-name: fadeInUpSmall;
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
}
.scaleIn {
  animation-name: scaleIn;
}
.fadeIn {
  animation-delay: 0.3s;
  animation-timing-function: linear;
} 
 
/*基础结构*/
#bloc {
  position: relative;
  min-height: 100%;
}
#bloc #loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  background-color: #34495e;
}
#bloc #loader #loading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
} 

.pul_logo img{
  height: 100%;
  display: block;
} 
.full-menu {
  width: 64px;
  height: 64px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 4vh;
  right: 0;
  z-index: 110;
  border-radius: 50%;
  background-color: #fff;
  pointer-events: auto;
  color: #fe9b38;
  text-align: center;
  line-height: 64px;
  font-size: 32px;
  text-indent: 2px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} 
@keyframes menu_circle {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
}
#bloc footer #toTop {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  line-height: 0.5rem;
  text-align: center;
  background-color: #fe9b38;
}
#bloc footer .f-main {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#bloc footer .f-main .max-wid {
  padding: 1rem 0 0.5rem 0;
}
#bloc footer .f-main .max-wid > ul {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#bloc footer .f-main .max-wid > ul > li span {
  display: inline-block;
}
#bloc footer .f-main .max-wid > ul > li h3 {
  color: #cbcdd2;
}
#bloc footer .f-main .max-wid > ul > li p {
  color: #a5aab3;
}
#bloc footer .f-main .max-wid > ul > li i {
  vertical-align: sub;
  text-align: center;
  color: #a5aab3;
}
#bloc footer .web-msg {
  padding: 0.3rem 0;
  background-color: #3c434c;
  overflow: hidden;
}
#bloc footer .web-msg span {
  color: #818690;
}
#medio_dialog {
  z-index: 2000;
}
#medio_dialog .dialog_content {
  width: auto;
  max-width: inherit;
  min-width: inherit;
  padding: 2em;
}
#medio_dialog .dialog_content video {
  width: 70vw;
  object-fit: cover;
}
#medio_dialog .dialog_content [data-dialog-close] {
  position: absolute;
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  line-height: 0.38rem;
  text-align: center;
  right: 0rem;
  top: 0rem;
}
/*页面结构*/
img.classGo,
.pic.classGo {
  transition: all 1.2s ease-out;
  -webkit-transition: all 1.2s ease-out;
  -moz-transition: all 1.2s ease-out;
  -o-transition: all 1.2s ease-out;
  -ms-transition: all 1.2s ease-out;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  filter: blur(30px);
  visibility: visible!important;
}
img.classGo.go,
.pic.classGo.go {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  filter: blur(0);
}
#index .row {
  padding: 0.8rem 0;
}
#index .row .title {
  display: block;
}
#index .row .title > small {
  display: inline-block;
}
 #top {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
#top .indexBanner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}
 #top .indexBanner .webGL-slider {
  position: absolute;
}
 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  background: url(../images/banner-bg.png) center repeat rgba(0, 0, 0, 0.15);
}
.dis_bg {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  pointer-events: none;
}
.dis_bg img{
  width: 100%;
  display: block;
}

 #water {
  position: absolute;
  width: 23vw;
  top: 0;
  left: 0;
  margin: 0;
  height: 100%;
  z-index: 4;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  opacity: 0.8;
}
 #top .indexBanner .webGL-slider .txt-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}
.indexBanner .webGL-slider .txt-item > li {
  position: absolute;
  top: 50%;
  left: 10vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.indexBanner .webGL-slider .txt-item > li > p{ width:50px; height:1px; display:block; background:#fff; margin-top:10px;margin-top: 10px;
    margin-bottom: 5px;}
 .indexBanner .webGL-slider .txt-item > li > a {
  position: absolute;
  display: inline-block;
  top: 33vh;
  left: 0;
      border: 1px solid #fff;
    padding: 5px 15px;
}
 .indexBanner .webGL-slider .txt-item > li > a > i {
  font-size: 16px;
  opacity: 0;
  vertical-align: middle;
  display: inline-block;
  animation: fadeInLeftSmall 1.5s ease forwards;
  animation-delay: 1s;
}
.contact-show .go-dt{
	display: block;
	width: 100%;
	line-height: 64px;
	background: #999999;
	font-size: 18px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 999;
	transition: all .5s ease;
}
.contact-show .go-dt:hover{
	background: #e82318;
	transition: all .5s ease;
}
.contact-show .go-dt span{
	position: relative;
	width: 100%;
	display: inline-block;
}
.contact-show .go-dt span::after{
	content: "";
	position: absolute;
	left: 20px;
	width: 38%;
	height: 1px;
	top: 50%;
	background: #a3a3a3;
	transition: all .5s ease;
}
.contact-show .go-dt:hover span::after{
	background: rgba(255,255,255,0.6);
	transition: all .5s ease;
}
.contact-show .go-dt span::before{
	content: "";
	position: absolute;
	right: 20px;
	width: 38%;
	height: 1px;
	top: 50%;
	background: #a3a3a3;
	transition: all .5s ease;
}
.contact-show .go-dt:hover span::before{
	background: rgba(255,255,255,0.6);
	transition: all .5s ease;
}