@charset "utf-8";
/*-- 全局reset
-------------------------------------------*/

html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, object, code, legend, button, input, textarea, label, th, td, a, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body {
	font: 12px/1.5 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif';
	color: #333;
	background-color: #181818;
}
/*清除内外边距*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
/*设置默认字体*/
:focus {
	outline: 0;
}
ul, ol {
	list-style: none;
}
/*重置列表*/
fieldset, img {
	border: 0 none;
	vertical-align: top;
}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup {
	font-style: normal;
	font-weight: normal;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {
	font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
 *font-size: 100%;
	outline: none;
}
/*
form label {
    cursor: pointer;
}
*/

textarea {
	resize: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*重置表格*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
a {
	color: #333;
	text-decoration: none;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
}
a:hover {
	text-decoration: none;
}
a.special, .special a {
	color: #1eb37b;
}
a.special:hover, .special a:hover {
	color: #1eb37b;
	text-decoration: none;
}
/*--清除浮动
-------------------------------------------*/
.cf:before, .cf:after, .clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.cf:after, .clearfix:after {
	clear: both;
}
.cf, .clearfix {
	clear: both;
 *zoom: 1;
}
/* 隐藏 居中 */

.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.show {
	display: block;
}
.hide {
	display: none !important;
}
/*文字隐藏,省略号*/
.ti, .te {
	white-space: nowrap;
	overflow: hidden;
}
.ti {
	text-indent: -999em;
}
.te {
	text-overflow: ellipsis;
}
/*公告*/
.gg {
	position: absolute;
	bottom: 0;
	width: 80%;
	max-width: 560px;
	right: 10%;
	background: #fff;
	z-index: 999
}
.sw_xw .swiper-slide {
	padding: 0 40px;
	box-sizing: border-box;
	padding-bottom: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.sw_xw h3 {
	font-size: 20px;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.sw_xw p {
	font-size: 14px;
	line-height: 24px;
	color: #999;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}
.sw_xw .swiper-button-next {
	left: auto;
	right: 10%;
	bottom: 10px;
	top: auto;
	background:url(../images/h_yj.jpg) center no-repeat
	
	
	 
}
.sw_xw .swiper-button-prev {
	left: auto;
	right: 20%;
	bottom: 10px;
	top: auto;
	background:url(../images/h_zj.jpg) center no-repeat
}
.bt {
	transition: all 0.5s ease-in-out;
	transform: translate(0px, 200px);
	opacity: 0;
}
.active .bt {
	opacity: 1;
	transform: translate(0px, 0px);
	transition-delay: 0.5s;
}
.syj {
	position: absolute;
	right: 10%;
	width: 30%;
	height: auto;
	bottom: 0;
	z-index: 0;
	text-align: right
}
.syj:before{ content:""; position:absolute; background:url(../images/guang.png) center no-repeat; background-size:auto; width:100%; height:auto; min-height:300px; right:20%; top:-5%; z-index:-1
}

.syj img {
	width: 100%;
	height: auto;
	max-width: 261px;
}
.syj {
	transition: all 0.5s ease-in-out;
	transform: translate(0px, 200px);
	opacity: 0;
}
.active .syj {
	opacity: 1;
	transform: translate(0px, 0px);
	transition-delay: 0.5s;
}
.zuo {
	float: left;
	width: 325px;
	height: 10px;
	overflow: hidden
}
.guanyu {
	width: 770px;
	float: left;
	position: relative;
	z-index: 1
}
.guanyu h1 {
	display: block;
	font-size: 25px;
	color: #fff;
	line-height: 30px;
}
.guanyu h1 em {
	display: block;
	text-transform: uppercase;
	font-style: normal;
	color: #818181;
	font-size: 12px;
	line-height:20px;
}
.guanyu p {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	margin: 30px 0
}
.guanyu i {
	display: block;
	width: 50%;
	height: auto;
	max-width: 346px;
}
.guanyu i img {
	width: 100%;
	height: auto
}
.guanyu h1 {
	transition: all 0.5s ease-in-out;
	transform: translate(200px, 0px);
	opacity: 0;
}
.active .guanyu h1 {
	opacity: 1;
	transform: translate(0px, 0px);
	transition-delay: 0.5s;
}
.guanyu p {
	transition: all 0.5s ease-in-out;
	transform: translate(-200px, 0px);
	opacity: 0;
}
.active .guanyu p {
	opacity: 1;
	transform: translate(0px, 0px);
	transition-delay: 0.5s;
}
.bt {
	float: left;
	width: 129px;
	writing-mode: vertical-rl;
	writing-mode:tb-rl;
	box-sizing: border-box;
	padding-top: 18vh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 120
	
}
.bt:after {
	content: "";
	bottom: -50px;
	writing-mode: horizontal-tb;
	display: block;
	background: #f8ba05;
	width: 45px;
	height: 5px;
	position: absolute;
	left: 50px
}
.index_main .section3 .bt:after {
	background: #fff
}
.index_main .section5 .bt:after {
	background: #fff
}
.bt .title {
	font-size: 22px;
	display: block;
	line-height: 27px;
	margin: 0;
	text-align: left;
	color: rgba(255,255,255,.7);
}
.bt .subtitle {
	color: rgb(255, 255, 255);
	font-family: "Arial Black", Gadget, sans-serif;
	line-height: 55px;
	font-size: 40px;
	text-align: left;
	display: inline-block;
}
.zuo2 {
	float: left;
	width: 325px;
	position: relative;
	height: 100%;
	background-image: linear-gradient(50deg, #e9c535, #e8d14d);
}
 @media only screen and (max-width: 1400px) {
.zuo {
	width: 200px
}
.zuo2 {
	width: 200px
}

.syj:before{ background-size:100% auto;width:100%; height:auto; min-height:200px; right:30%; top:3%; z-index:-1
}


}
 @media only screen and (max-width: 1024px) {
.zuo {
	width: 0
}
.zuo2 {
	width: 0;
	height: 0
}
.bt {
	float: none;
	width: 96%;
	margin: 0 auto;
	height: auto;
	writing-mode: horizontal-tb;
	box-sizing: border-box;
	padding-top: 0vh;
	position: inherit;
	left: 0;
	top: 0;
	z-index: 120;
	 margin-top:70px; margin-bottom:20px
}
.guanyu {
	width: 96%;
	margin: 0 auto;
	float: none;
	margin-top: 20px;
}
.bt:after {
	content: "";
	bottom: 0px;
	writing-mode: horizontal-tb;
	display: block;
	background: #f8ba05;
	width: 45px;
	height: 2px;
	position: absolute;
	left: 0px
}
.bt .subtitle {
	line-height: 35px;
	font-size: 25px;
}
.guanyu h1 {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}
.guanyu p {
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 23px;
	margin: 20px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden
}

.syj:before{ background-size:100% auto;width:100%; height:auto; min-height:200px; right:50%; top:2%; z-index:-1
}

.index_main .section3 .bt:after {
	background: #f8ba05
}
.index_main .section5 .bt:after {
	background: #f8ba05
}

}
 @media only screen and (max-width: 768px) {
.bt .subtitle {
	line-height: 35px;
	font-size: 20px;
}
.syj:before{  right:50%; top:10%; min-height:100px;z-index:-1
}
}
/*业务*/
	
.srt {
	float: right;
	width: calc(100% - 325px)
}
.yewu {
	width: 90%;
	margin: 0 auto;
	max-width: 1175px;
	margin: 0 auto;
	margin-top: 110px;
	position: relative;
}
.yewu i {
	width: 100%;
	height: auto;
}
.yewu i img {
	width: 100%;
	height: auto
}
.yewu {
	transition: all 0.5s ease-in-out;
	transform: translate(0px, 200px);
	opacity: 0;
}
.active .yewu {
	opacity: 1;
	transform: translate(0px, 0px);
	transition-delay: 0.5s;
}
.yewu p {
	display: block;
	transition: all 0.6s
}
.yewu > div:hover p {
	transform: rotate(360deg);
	color: #e9c636;
	transition: all 0.6s
}
.yewu p a {
	display: block;
	color: #fff;
	text-decoration: none;
}
.yewu .y1 {
	left: 18px;
	top: 80px;
	font-size: 25px;
	width: 162px;
	line-height: 162px;
	text-align: center;
	position: absolute;
	z-index: 99;
	box-sizing: border-box;
	color: #fff;
}
.yewu .y2 {
	left: 414px;
	top: 150px;
	font-size: 25px;
	width: 162px;
	line-height: 162px;
	text-align: center;
	position: absolute;
	z-index: 99;
	color: #fff;
	box-sizing: border-box;
}
.yewu .y3 {
	left: 545px;
	top: 25px;
	font-size: 20px;
	width: 125px;
	line-height: 125px;
	text-align: center;
	position: absolute;
	z-index: 99;
	color: #fff;
	box-sizing: border-box;
}
.yewu .y4 {
	left: 733px;
	top: 300px;
	font-size: 20px;
	width: 125px;
	line-height: 125px;
	text-align: center;
	position: absolute;
	z-index: 99;
	color: #fff;
	box-sizing: border-box;
}
.yewu .y5 {
	left: 1004px;
	top: 400px;
	font-size: 25px;
	width: 162px;
	line-height: 162px;
	text-align: center;
	position: absolute;
	z-index: 99;
	color: #fff;
	box-sizing: border-box;
}
.yewu .y6 {
	left: 660px;
	top: 540px;
	font-size: 25px;
	width: 162px;
	line-height: 162px;
	text-align: center;
	position: absolute;
	z-index: 99;
	color: #fff;
	box-sizing: border-box;
}
.yewu .y7 {
	left: 260px;
	top: 585px;
	font-size: 25px;
	width: 162px;
	line-height: 162px;
	text-align: center;
	position: absolute;
	z-index: 99;
	color: #fff;
	box-sizing: border-box;
}
.yewu .y8 {
	left: 180px;
	top: 455px;
	font-size: 20px;
	width: 135px;
	line-height: 135px;
	text-align: center;
	position: absolute;
	z-index: 99;
	color: #fff;
	box-sizing: border-box;
}
.yewu .y9 {
	left: 445px;
	top: 385px;
	font-size: 30px;
	color: #000;
	width: 200px;
	line-height: 200px;
	text-align: center;
	position: absolute;
	z-index: 99;
	color: #fff;
	box-sizing: border-box;
}
.yewu .y9 p a {
	color: #000
}
.yewu2 {
	width: 96%;
	position: relative;
	padding-bottom: 96%;
	display: none;
	margin: 0 auto;
	margin-top: 20px;
}
.yewu2 ul li {
	position: absolute;
	width: 23%;
	padding-bottom: 23%;
	background: #fff;
	border-radius: 50%;
	text-align: center;
}
.yewu2 ul li p {
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px
}
.yewu2 ul .yw1 {
	width: 50%;
	padding-bottom: 50%;
	text-align: center;
	color: #fff;
	font-size: 25px;
	background-image: linear-gradient(50deg, #e9c535, #e8d14d);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}
.yewu2 ul .yw1 p {
	font-size: 30px
}
.yewu2 ul .yw2 {
	top: 0;
	left: 50%;
	transform: translateX(-50%)
}
.yewu2 ul .yw3 {
	top: 10%;
	right: 5%;
}
.yewu2 ul .yw4 {
	top: 38%;
	right: 0;
}
.yewu2 ul .yw5 {
	top: 66%;
	right: 5%;
}
.yewu2 ul .yw6 {
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
}
.yewu2 ul .yw7 {
	left: 5%;
	top: 66%
}
.yewu2 ul .yw8 {
	left: 0;
	top: 38%
}
.yewu2 ul .yw9 {
	left: 5%;
	top: 10%
}
 @media only screen and (max-width: 1660px) {
.yewu .y1 {
	left: 1.5%;
	top: 20%;
	font-size: 18px;
	width: 13.7%;
	line-height: inherit
}
.yewu .y2 {
	left: 35%;
	top: 29%;
	font-size: 18px;
	width: 13.7%;
	line-height: inherit
}
.yewu .y3 {
	left: 46.5%;
	top: 10%;
	font-size: 14px;
	width: 10%;
	line-height: inherit
}
.yewu .y4 {
	left: 62.5%;
	top: 47%;
	font-size: 14px;
	width: 10%;
	line-height: inherit
}
.yewu .y5 {
	left: 85.5%;
	top: 62%;
	font-size: 18px;
	width: 13.7%;
	line-height: inherit
}
.yewu .y6 {
	left: 56%;
	top: 80%;
	font-size: 18px;
	width: 13.7%;
	line-height: inherit
}
.yewu .y7 {
	left: 22.5%;
	top: 87%;
	font-size: 18px;
	width: 13.7%;
	line-height: inherit
}
.yewu .y8 {
	left: 16%;
	top: 68%;
	font-size: 14px;
	width: 10%;
	line-height: inherit
}
.yewu .y9 {
	left: 40%;
	top: 62%;
	font-size: 20px;
	color: #000;
	width: 13.7%;
	line-height: inherit
}
}
 @media only screen and (max-width: 1400px) {
.srt {
	float: right;
	width: calc(100% - 200px)
}
}
 @media only screen and (max-width: 1024px) {
.srt {
	float: none;
	width: 96%;
	margin: 0 auto;
	margin-top: 30px
}
.yewu {
	margin-top: 0
}
}
 @media only screen and (max-width: 768px) {
.yewu {
	display: none;
}
.yewu2 {
	display: block
}
}

/*新闻*/
.news {
	width: 100%;
	margin-top: 200px;
	padding-bottom: 200px
}
.news .swiper-slide {
	padding: 0 50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding-bottom: 100px
}
.news .tp {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.news .tp img {
	width: 100%;
	height: auto;
	display: block;
	transition: all 2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
}
.news .swiper-slide:hover .tp img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.news h3 {
	font-size: 16px;
	margin-bottom: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #fff
}
.news h3 a {
	color: #fff
}
.news .swiper-slide:hover h3 a {
	color: #fff;
}
.news p {
	font-size: 14px;
	line-height: 24px;
	color: #999;
	height:48px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}
.news em {
	font-size: 12px;
	line-height: 40px;
	color: #616161;
	margin-top: 5px;
}
.news i {
	display: block;
	height: 1px;
	background: #fff;
	width: 0;
	margin-top: 10px;
	transition: all 0.6s
}
.news .swiper-slide:hover i {
	width: 100%;
	transition: all 0.6s
}

.news .swiper-button-next {
	left: 45%;
	right: auto;
	bottom: 100px;
	top: auto;
	background-image:url(../images/left.png);
	background-size:26px auto;

}

.news .swiper-button-prev {
	left: auto;
	right:  45%;
	bottom: 100px;
		top: auto;
	background-image:url(../images/right.png);
	background-size:26px auto;

}
.news:after {
	content: "";
	width: 1px;
	height: 20px;
	background: #5e5e5e;
	position: absolute;
	left: 50%;
		bottom: 110px;
	
}
 @media only screen and (max-width: 1024px) {
.news {
	width: 100%;
	margin-top: 0;
	padding-bottom: 50px
}
}
 @media only screen and (max-width: 640px) {
.news .swiper-slide {
	padding: 0 25px;
	padding-bottom: 30px
}
.news .swiper-button-next {
	left: 0;
	right: auto;
	bottom: 50%;
	
}
.news .swiper-button-prev {
	right: 0;
	left:auto;
	bottom: 50%;

}
.news:after {
	content: "";
	width: 0px;
	height: 20px;
	background: #5e5e5e;
	position: absolute;
	left: 50%;
	bottom: 15px
}
}
/*团队*/
.td {
	float: right;
	width: calc(100% - 325px);
		position:absolute;
	right:0;
	height:100%;
	top:0
}
.renwu {
	width: 100%; height:100%;
	
}
.renwu .swiper-slide {
	padding: 0;
	width:100%;
	height:100%;
	position:relative;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	
}
.renwu i {
	width: 100%;
	display:block;
	position:relative;
	height:100%;
	overflow: hidden;
	
}
.renwu i img {
	
	position:absolute;
	left:50%;
	top:0;
	height:100%;
	width: auto;
	min-width:100%;
	display: block;
	transition: all 2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
	transform:translateX(-50%)
}


.renwu .swiper-slide:hover .rwjs{ display:block; background:rgba(0,0,0,0.8); width:100%; bottom:0; transition:all 0.6s} 
.renwu .swiper-slide .rwjs{ position:absolute;background:rgba(0,0,0,0.8); bottom:-200px; height:200px; z-index:55; color:#fff; width:100%; padding:20px; box-sizing:border-box; display:none; transition:all 0.6s; text-align:center}
.renwu .swiper-slide .rwjs h3 a{ color:#fff; }
.renwu .swiper-slide .rwjs p{ display:block; line-height:25px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin:15px 0; height:50px;  overflow:hidden}
.renwu .swiper-slide .rwjs em{ font-style:normal; font-size:14px;}
.renwu .swiper-slide .rwjs span a{ display:block; color:#f8ba05; border:#f8ba05 1px solid; width:80px; border-radius:10px; margin:0 auto}


.renwu .swiper-button-next {
	left: 50px;
	right: auto;
	bottom: 45%;
	top: auto;
	background-color:rgba(0,0,0,0.8);
	background-image:url(../images/left.png);
	background-size:20px auto;

}

.renwu .swiper-button-prev {
	left: auto;
	right:  50px;
	bottom: 45%;
	top: auto;
	background-color:rgba(0,0,0,0.8);
	background-image:url(../images/right.png);
	background-size:20px auto;

}

 @media only screen and (max-width: 1400px) {
.td {
	float: right;
	width: calc(100% - 200px);
	position: relative;
	height: 100%
}
}
 @media only screen and (max-width: 1024px) {

.td {
	float: none;
	width: 96%;
	position: relative;
	height: auto;
	margin:0 auto;
}
.renwu {
	width: 100%; height:auto;
	
}

.renwu .swiper-slide {
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	 position:relative;
	 width:100%; height:auto
	
	
}
.renwu  .swiper-slide  i{ display:block; position:relative; width:100%; height:auto; padding-bottom:180%; overflow:hidden}



}




.foot {
	background: rgba(0,0,0,0.7);
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 50px;
	text-align: center;
	z-index: 99
}

.foot2{
	background: rgba(0,0,0,0.7);
	color: #fff;
	bottom: 0;
	width: 100%;
	line-height: 50px;
	text-align: center;
	z-index: 99;
	margin-top:50px;
	position:fixed;
	bottom:0

}


 @media only screen and (max-width: 768px) {

.foot { font-size:12px; line-height:23px; padding:5px 0

}

.foot2{
	margin-top:20px; font-size:12px; line-height:23px; padding:5px 0


}


}

/*关于页面*/

.fenge{ height:120px; overflow:hidden}
.fenge2{ height:100px; overflow:hidden}
.tuwen{ width:96%; margin:0 auto; max-width:1200px;}
.gy1{ overflow:hidden}
.gy1 h1{ display:block; width:270px; float:left; margin:0; padding:0; color:#f8ba05; font-size:25px}
.gy1 h1 em{ color:#fff; font-size:16px; padding-left:10px}
.gy1 p{ display:block; width:calc(100% - 300px); float:right; color:#fff; font-size:14px; line-height:35px }

.gy2{ border-top:#404040 1px solid; margin:50px 0;}
.product-number-info {
    position: relative;
}

.product-number-info .product-number-inner {
    width: 96%;
	max-width:1200px;
    margin: 0 auto;
}

.product-number-info ul {
    padding: 85px 0;
}

.q {
    zoom: 1; }

.product-number-info li {
    float: left;
    width: 20%;
    height: 90px;
    border-left: 1px solid #404040;
    color: #fff;
    padding-top: 1px;
	text-align:center
}

.product-number-info li:first-child {
    border: none;
}

.product-number-info li b {
    font-weight: 400;
    font-size: 45px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 15px 0 10px;
	color:#777777
	
	
}

.product-number-info li p {
    font-size: 16px; color:#777777
}

.product-number-info li b i {
    font-style: normal; color:#f8ba05
}

.product-number-info li b sup {
    position: absolute;
    font-size: 20px;
    right: -15px;
    top: -3px;
}

.product-number-info li.li-2 b, .product-number-info li.li-2 p {
 
}

.product-number-info li b em {
    font-style: normal;
    font-size: 28px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -4px;
}



.gy3{ font-size:14px; line-height:30px; color:#fff;}
.gy3 img{ max-width:100%; height:auto}

.video-wrap{width: 100%;position: relative;overflow: hidden;height: 700px;background: #000000;}
.video-wrap video{width:100%;height:100%;object-fit: contain}
.video-controls-bg{position: absolute;width: 100%;height: 65px;left: 0;bottom: 0;background: #000000;opacity: .6;filter: alpha(opacity=60);z-index: -1;}
.video-controls{position: absolute;width: 100%;height: 65px;box-sizing: border-box;padding-top: 5px;left: 0;bottom: -75px;z-index: 3;transition: all ease .4s;}
.loading-line{position: absolute;top: 0;background: rgba(255,255,255,.6);width: 100%;height: 4px;left: 0;}
.loading-line em{position: relative;display: block;width: 1%;height: 4px;background: #ff4444;}
.loading-line span{display: block;position: absolute;left: 1%;margin-left: -10px;width: 10px;height: 16px;top: 50%;margin-top: -8px;background: #FFFFFF;cursor: pointer;}
.video-btn{width: 55px;height: 60px;background-image: url(../images/play.png);background-position: center;background-repeat: no-repeat;background-size: 16px 24px;cursor: pointer;display: inline-block;}
.play{background-image: url(../images/pause.png) !important;}
.pause{background-image: url(../images/play.png) !important;}
.video-time{display: inline-block;line-height: 60px;color: #FFFFFF;vertical-align: top;}
.video-fullscreen{width: 55px;height: 60px;background-image: url(../images/fullscreen.png);background-position: center;background-repeat: no-repeat;background-size: 24px 24px;cursor: pointer;float: right;}
.video-fullscreen-active{position: fixed !important;width: 100%;height: 100%;top: 0;left: 0;background: #000000;}

 @media only screen and (max-width: 1024px) {
	 
.gy2{ border-top:#404040 1px solid; margin:30px 0;}
	 .gy1 h1{ display:block; width:100%; float:none; margin-bottom:20px;  font-size:20px}
.gy1 h1 em{ color:#fff; font-size:14px; padding-left:10px}
.gy1 p{ display:block; width:100%; float:none; color:#fff; font-size:14px; line-height:25px }
	 
	 .product-number-info li {
    float: left;
    width: 33.3333333333333%;
    height: 90px;
    border-left: 0px solid #404040;
    color: #fff;
    padding-top: 1px;
	text-align:center;
	margin-bottom:20px
}

.product-number-info li.li-4 {
	width:50%
	
   
}

.product-number-info li.li-5 {
	width:50%
}

 }
 
 @media only screen and (max-width: 768px) {
	 
	 .product-number-info li b {

    font-size: 30px;

	
	
}
.gy2{ border-top:#404040 1px solid; margin:20px 0;}
.product-number-info li p {
    font-size: 12px; color:#777777
}

.product-number-info ul {
    padding: 25px 0;
}
	
	
	.fenge{ height:80px; overflow:hidden} 
 }
 
 /*业务*/
 
 .ywlb{ width:96%; margin:0 auto; max-width:1200px; }
 .ywlb ul li{ border-bottom:#303030 1px solid; padding:20px 15px; transition:all 0.6s; box-sizing:border-box; overflow:hidden}
  .ywlb ul li:hover{ background:#222; transition:all 0.6s}
 .ywlb ul li i{ display:block; float:left; width:25%; height:auto; overflow:hidden; border-radius:10px;} 
 .ywlb ul li i img{ width:100%; height:auto; transition:all 0.6s}
  .ywlb ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}
 .ywlb ul li .ywzi{ float:right; width:70%;}
 .ywlb ul li .ywzi h3{ font-size:23px; color:#fff; }
  .ywlb ul li:hover .ywzi h3{ color:#f8ba05}
  .ywlb ul li .ywzi p{ display:block; margin:15px 0; font-size:14px; color:#888888; line-height:25px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}
  
   .ywlb ul li .ywzi span{ color:#888888}
   
.paging{width:100%; margin:30px auto ; text-align:center; overflow:hidden;}
.paging span {line-height:32px; color:#fff; background-color:#313131; text-align:center; font-size:14px;width:auto; padding:0 10px; height:32px; margin:0 3px; display:inline-block; border-radius:5px; text-decoration:none;}

.paging a {line-height:32px; color:#fff; background-color:#313131; text-align:center; font-size:14px;width:auto; padding:0 10px; height:32px; margin:0 3px; display:inline-block; border-radius:5px; text-decoration:none;}

.paging a:hover{background-color:#f8ba05;  color:#fff;text-decoration:none}
.paging a.on{background-color:#f8ba05; color:#fff;text-decoration:none;}
@media only screen and (max-width:1024px) {
 .ywlb ul li i{ display:block; float:left; width:30%; height:auto; overflow:hidden; border-radius:10px;} 

 .ywlb ul li .ywzi{ float:right; width:65%;}
	
.paging{margin:20px auto 30px auto ;}
.paging a{line-height:32px; font-size:14px;  margin:0 3px; }


}


@media only screen and (max-width:768px) {
 .ywlb ul li i{ display:block; float:none; width:100%; height:auto; overflow:hidden; border-radius:10px;} 
 .ywlb ul li .ywzi{ float:none; width:100%;}
 .ywlb ul li .ywzi h3{ font-size:16px; color:#fff; }
}

/*案例*/

.ndh{ text-align:center; color:#a8a8a8; font-size:16px; margin-bottom:30px;}
.ndh a{ padding:0 10px; color:#a8a8a8}
.ndh a:hover{  color:#fff; text-decoration:underline}

.allb{ width:96%; margin:0 auto;}
.allb ul li{ float:left; width:31%; margin:1%; display:block}
.allb ul li i{ display:block; width:100%; padding-bottom:56%; position:relative; overflow:hidden}
.allb ul li i img{ position:absolute; left:0; top:0; width:100%; height:100%;  transition:all 0.6s}

.allb ul li .bj{ height:110px; width:100%; position:relative}
.allb ul li .alzi{ position:absolute; top:0; width:100%; left:0; padding-top:0px; overflow:hidden}
.allb ul li .alzi h3{ color:#fff; font-size:20px}
.allb ul li .alzi p{ display:block;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; color:#828282}
.allb ul li .alzi span{ display:block; transform:translateY(100px);color:#fff;  transition:all 0.6s;}
.allb ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}

.allb ul li:hover .alzi{ background:#f8ba05; left:0; padding:20px;padding-top:0px;  box-sizing:border-box; transition:all 0.6s;box-shadow: 0px 0px 10px rgba(0,0,0,0.45); top:-30px; z-index:99}
.allb ul li:hover .alzi span{ display:block;transform:translateY(0px);  transition:all 0.6s}
.allb ul li:hover .alzi p{ color:#fff;}

@media only screen and (max-width:1024px) {
	.allb ul li{ float:left; width:48%; margin:1%;}
	.allb ul li .alzi h3{ color:#fff; font-size:16px}
}

@media only screen and (max-width:768px) {
	.allb ul li{ float:none; width:100%; margin:0%;}
	
	.ndh{ text-align:center; color:#a8a8a8; font-size:12px; margin-bottom:15px;}
	
}

.weizhi{ width:96%; margin:0 auto; border-bottom:#464646 1px solid; max-width:1200px; margin-bottom:40px; line-height:45px; color:#acacac}
.xiangqing{ width:96%; margin:0 auto;  max-width:1200px; color:#bbbbbb; font-size:14px; line-height:35px}
.xiangqing h3{ font-size:25px; color:#fff; display:block; text-align:center}


.slide{
		width: 100%;
		max-width:1200px;
		margin:0 auto;
		min-height: 180px;
		overflow: hidden;
		position: relative;
	

	}
	.slide .img{
		overflow: hidden;
		position: absolute;
		transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
	}
	.slide .img img{
		width: calc(100% - 14px);
		height: calc(100% - 14px);
		margin: 7px;
	}
	.slide .img1{
		width: 30%;
		height: 30%;
		top: 35%;
		left: -50%;
		z-index: 1;
	}
	.slide .img2{
		width: 50%;
		height: 50%;
		top: 25%;
		left: -20%;
		z-index: 2;
	}
	.slide .img3{
		width: 70%;
		height: 70%;
		top: 15%;
		left: 15%;
		z-index: 3;
	}
	.slide .img4{
		width: 50%;
		height: 50%;
		top: 25%;
		left: 60%;
		z-index: 2;
	}
	.slide .img5{
		width: 30%;
		height: 30%;
		top: 35%;
		left: 110%;
		z-index: 1;
	}

.xleft{ position:absolute; left:0; top:45%; z-index:999}
.xright{ position:absolute; right:0; top:45%;z-index:999}

.xleft img{ width:46px; height:67px;}
.xright img{ width:46px; height:67px;}

@media only screen and (max-width:1024px) {
.xleft img{ width:23px; height:34px;}
.xright img{ width:23px; height:34px;}
}

@media only screen and (max-width:768px) {

.xiangqing{ font-size:12px; line-height:23px}
.xiangqing h3{ font-size:16px; color:#fff; display:block; text-align:center}
}






.hezuo{ font-size:14px; line-height:30px; width:96%; max-width:1200px; margin:0 auto}
.hezuo h3{ color:#fff; display:block; text-align:center; margin-bottom:20px}
.hezuo ul { text-align:center; font-size:0; margin:40px 0}
.hezuo ul li{ display:inline-block; width:10%; margin:0.5% 1%; }
.hezuo ul li a{ display:block}
.hezuo ul li i{ display:block; width:100%; padding-bottom:70%; position:relative;background:#fff;  border-radius:20px 0px 20px 0px; position:relative; transition:all 0.6s; overflow:hidden}
.hezuo ul li:hover i{ transform:translateY(-5px); transition:all 0.6s;box-shadow: 0px 0px 10px rgba(255,255,255,0.75);  border-radius:0px 20px 0px 20px;}
.hezuo ul li img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%;}

.hezuo ul li:nth-child(2n){  }



@media only screen and (max-width:1024px) {
.hezuo ul li{ display:inline-block; width:14%; margin:0.5% 1%; }

}


@media only screen and (max-width:768px) {
.hezuo ul li{ width:23%; }

}








.xwlb{ width:96%; margin:0 auto; max-width:1600px}
.xwlb ul li{ float:left; width:31%; margin:1%;}

.xwlb ul li .tp {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.xwlb ul li .tp img {
	width: 100%;
	height: auto;
	display: block;
	transition: all 2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
}
.xwlb ul li .swiper-slide:hover .tp img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.xwlb ul li h3 {
	font-size: 16px;
	margin-bottom: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #fff
}
.xwlb ul li h3 a {
	color: #fff
}
.xwlb ul li .swiper-slide:hover h3 a {
	color: #fff;
}
.xwlb ul li p {
	font-size: 14px;
	line-height: 24px;
	color: #999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height:48px;
}
.xwlb ul li em {
	font-size: 12px;
	line-height: 40px;
	color: #616161;
	margin-top: 5px;
}
.xwlb ul li i {
	display: block;
	height: 1px;
	background: #fff;
	width: 0;
	margin-top: 10px;
	transition: all 0.6s;
	margin-top:10px;
}
.xwlb ul li:hover i {
	width: 100%;
	transition: all 0.6s
}




@media only screen and (max-width:1024px) {
.xwlb ul li{ float:left; width:48%; margin:1%;}

}

@media only screen and (max-width:768px) {
.xwlb ul li{ float:none; width:100%; margin:1% 0;}

}



.lxwm{ width:96%; margin:0 auto; max-width:1200px}
.lx1{ float:left; width:45%}
.lx1 ul li{ margin-bottom:50px; overflow:hidden}
.lx1 ul li i{ display:block; float:left; width:50px;}
.lx1 ul li i img{ width:40px; height:auto}
.lx1 ul li p{ display:block; float:left; width:calc(100% - 50px); color:#fff; font-size:14px;  }
.lx1 ul li p em{ display:block; color:#888}
.lx1 ul li img{ width:100%; height:auto; max-width:165px}


.lx2{ float:right; width:50%;}
.lx2 ul li{ margin-bottom:30px}
.lx2 .bd1{ width:47%; float:left; margin-right:3%;}
.lx2 .bd1 input{ background:none; color:#fff; border-bottom:#464646 1px solid; width:100%; line-height:30px; height:30px}
.lx2 .bd2 textarea{background:none; color:#fff; border-bottom:#464646 1px solid;  width:97%; margin-right:3%; height:150px}

.tijiao{ background:#f8ba05; width:110px; line-height:40px; text-align:center; border:0; color:#000; cursor:pointer; transition:all 0.6s}
.tijiao:hover{ background:#fff; transition:all 0.6s}


@media only screen and (max-width:768px) {

.lx1{ float:none; width:100%}
.lx1 ul li{ margin-bottom:20px; overflow:hidden}
.lx1 ul li i{ display:block; float:left; width:40px;}
.lx1 ul li i img{ width:30px; height:auto}
.lx1 ul li p{ display:block; float:left; width:calc(100% - 40px); color:#fff; font-size:14px;  }



.lx2{ float:none; width:100%;}
.lx2 ul li{ margin-bottom:15px}
.lx2 .bd1{ width:100%; float:none; margin-right:0;}
.lx2 .bd2 textarea{background:none; color:#fff; border-bottom:#464646 1px solid;  width:100%; margin-right:0; height:150px}




}


.kefu{ position:fixed; right:10px; bottom:10px; z-index:999999}
.kefu ul li{ width:40px; height:40px; position:relative; background:rgba(0,0,0,0.5); margin-top:10px; border-radius:20px}
.kefu ul li img{ width:40px; height:auto}
.kefu ul li:hover{ background:#f8ba05}
.fixePop {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
	display: none;
	
}


.fixepop_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
.fixepop_div {
	position: relative;
	margin: 0px auto;
	background: rgb(0, 0, 0,0.7);
 width: 96%;
	max-width:600px;
	margin:0 auto;
	top: 30%;
	min-height: 20px;
	z-index: 1;
	padding-bottom:30px
}
.closetc {
	position: absolute;
	cursor: pointer;
	top: -17px;
	right: -20px;
	z-index: 1;
}
.fixepopt {
	position: relative;
	height: 40px;
	text-align: center;
	color: rgb(255, 255, 255);
}
.fixepopt p {
	font-size: 28px;
	line-height: 28px;
	padding: 18px 0px 8px;
}
.fixepopt span {
	line-height: 14px;
}
.fixepopt img {
	position: absolute;
	top: 5px;
	right: 20px;
	height:30px;
	 width:auto
}


.resError {
	color: red;
	width: 100%;
	display: block;
	font-size: 12px;
	margin-bottom: 12px;
	height: 12px;
	padding-left: 73px;
	text-align: center;
	font-style: normal;
}
.tc_box {
	width: 100%;
	margin: 0px auto;
	padding: 20px ;
	box-sizing:border-box;
	text-align:center;
}
.tc_box h3{
	display:block;
	width:100%;
	text-align:center;
	font-size:14px;
	 color:#fff;
	 margin-bottom:30px;
	 line-height:25px

}




 @keyframes msg-animate {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-webkit-keyframes msg-animate {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-moz-keyframes msg-animate {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}

@media only screen and (max-width:768px) {
.kefu ul li{ width:30px; height:30px; position:relative; background:rgba(0,0,0,0.5); margin-top:10px; border-radius:20px}
.kefu ul li img{ width:30px; height:auto}
	
}