/*
KISSY CSS Reset
*/
@font-face
{
	font-family: font500;
	src: url('Roboto-Regular-14.ttf')
}
@font-face
{
	font-family: font600;
	src: url('Roboto-Bold-3.ttf')
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
/* text formatting elements 文本格式元素 */
fieldset,
lengend,
button,
input,
textarea,
/* form elements 表单元素 */
th,
td {
	/* table elements 表格元素 */
	margin: 0;
	padding: 0;
	font-size: 14px;
}


body,
button,
input,
select,
textarea {
	/* for ie */
	/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
	font: 14px/1.4 font500;
	/* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 {
	font-size: 18px;
	/* 18px / 12px = 1.5 */
}

img {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	vertical-align: middle;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h4,
h5,
h6 {
	font-size: 100%;
}

address,
cite,
dfn,
em,
var,
i {
	font-style: normal;
}

/* 将斜体扶正 */
code,
kbd,
pre,
samp,
tt {
	font-family: "Courier New", Courier, monospace;
}

/* 统一等宽字体 */
small {
	font-size: 12px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */
img {
	max-width: 100%;
}

/* 重置列表元素 */
ul,
ol {
	list-style: none;
}

/* 重置文本格式元素 */
a {
	text-decoration: none;
	color: #000;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

a:hover {
	text-decoration: none;
	color: #ff774e;
}

/* 重置表单元素 */
input,
select,
textarea,
button {
	outline: medium;
}

legend {
	color: #000;
}

/* for ie6 */
fieldset,
img {
	border: none;
}

/* img 搭车：让链接里的 img 无边框 */
input {
	vertical-align: middle;
	border: none;
	background: none;
	outline: none;
}

/* 注：optgroup 无法扶正 */
button,
input,
select,
textarea {
	font-size: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	border: none;
	height: 1px;
}

* {
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
	min-width: 320px;
	color: #000;
}
html,body{
	overflow-x: hidden;
}

/*设置左右浮动*/
.fl {
	float: left;
}

.fr {
	float: right;
}




/*清楚浮动*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#menu .gb{
	position: absolute;
	right: 20px;
	top: 20px;
}
#menu .gb img{
	width: 20px;
	height: 20px;
}
#menu{
	background: #282828;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	opacity: 0;
	display: none;
	transform: translate(-100%,0);
	z-index: -100;
		height: 100vh;
		padding-top: 60px;
}
.f2,.f3{
	display: none;
	padding-left: 20px;
}
.leftMenu li.hasChild.open .f2{
	display: block;
	height: auto !important;
}
.leftMenu li.hasChild.open li.hasChild.open .f3{
	display: block;
	height: auto !important;
	}
.menu-open{
	transform: translate(0,0) !important;
	display: block !important;
	opacity: 1 !important;
	z-index: 9000000 !important;
}
.leftMenu li{
	line-height: 50px;
	border-bottom: 1px #242643 solid;
}
.leftMenu li a{
	display: block;
	padding: 0 15px;
	color: #fff;
	
	font-size: 16px;
	box-sizing: border-box;
	
	overflow: hidden;
}
.leftMenu li.hasChild>a{
	color: #fff;
	position: relative;
}
.leftMenu li.hasChild>a::after{
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../img/j1.png) no-repeat;
	content: "";
	width: 20px;
	height: 20px;
}
.leftMenu li.hasChild.open>a::after{
	background: url(../img/j2.png) no-repeat;
}



.header {
	height: 80px;
	line-height: 80px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}

.w1170 {
	max-width: 1200px;
	padding: 0 15px;
	margin: 0 auto;
}

#index-swiper img {
	width: 100%;
}

#index-swiper .swiper-button-next:after,
#index-swiper .swiper-button-prev:after {
	font-size: 30px;
}

#index-swiper .swiper-button-next {
	right: 25px;
}

#index-swiper .swiper-pagination .swiper-pagination-bullet {
	width: 21px;
	height: 21px;
	background: url(../img/s1.png) no-repeat center;
	opacity: 1;
	background-color: transparent;
}

#index-swiper .swiper-pagination .swiper-pagination-bullet-active {
	background: url(../img/s2.png) no-repeat center;
}

.nav-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	z-index: 900000;
	position: relative;
}

.logo img {
	height: 52px;
	width: auto;
	/* margin-right: 80px; */
}

.rightNav {
	display: flex;
	justify-content: space-between;
}

.navDiv {
	display: flex;
	align-items: center;

}
.navDiv  li{
	position: relative;
}
.head_fx .nav-box .topsubNav{
	top: 60px;
}
.head_fx .nav-box .topsubNav a{
	height: 40px;
	line-height: 40px;
}


.topsubNav{
		position: absolute;
		left: 0;
		top: 80px;
		background: #ff774e;
		border-radius: 0 0 10px 10px;
		padding-left: 15px;
		padding-right: 15px;
		display: none;
		padding-top: 10px;padding-bottom: 10px;
	}
	.topsubNav a{
		display: block;
		height: 48px;
		line-height: 48px;
		color: #fff;
		font-size: 14px;
		text-transform:capitalize;
		white-space: nowrap;
	}
	.topsubNav a:hover{
		opacity: .5;
	}
.topsubNav a+a{
	border-top: 1px #ff916e solid;
}
.navDiv a.topnav {
	height: 40px;
	line-height: 40px;
	font-size: 17px;
	font-family: font600;
	font-weight: 600;
	margin: 0 20px;
	border-bottom: 3px #fff solid;
	display: inline-block;
}

.navDiv a.topnav:hover,
.navDiv a.on.topnav,.navDiv  li:hover a.topnav{
	color: #ff774e;
	border-bottom-color: #ff774e;
}
.navDiv  li:hover .topsubNav{
	display: block;
}

.dx {
	text-transform: uppercase
}

.topRight {
	display: flex;
	justify-content: space-around;
}

.top-soso {
	position: relative;
	z-index: 9999;
	padding: 0 10px;
	/* margin-right: 50px; */
}

.sosoBox {
	padding: 10px 20px;
	position: absolute;
	top: 80px;
	right: 0;
	/* right: 158px; */
	background: #ff774e;
	width: 304px;
	border-radius: 0 0 15px 15px;

	justify-content: space-between;
	align-items: center;
	z-index: -100;
	height: 0;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	opacity: 0;
}
.sosoBox.show {
	opacity: 1;
	height: 60px;
}

.soimg {
	cursor: pointer;
}

.sosoBox input {
	width: 230px;
	padding: 0 10px;
	background: #fff;
	border-radius: 15px;
	height: 40px;
	line-height: 40px;
}

.so-btn {
	background: url(../img/btn2.png);
	width: 23px;
	height: 25px;
	border: none;
}

.yybtn {
	color: #ff774e;
	font-size: 15px;
	position: relative;
	cursor: pointer;
	background: url(../img/yy.png) no-repeat right center;
	padding-right: 20px;
	z-index: 900;
}
.rm{
	margin-left: 20px;
	cursor: pointer;
	display: none;
}
.rm img{
	height: 24px;
}
.yyabs {

	background: #ff774e;
	border-radius: 0 0 15px 15px;
	position: absolute;
	top: 80px;
	right: 0;
	padding: 15px 0;
	opacity: 0;
	display: none;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.yyabs a {
	display: block;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	padding: 0 15px;
}

.yyabs a:hover {
	background: rgba(0, 0, 0, 0.2);
}

.fwb {
	font-weight: bold;
}

.yybtn:hover .yyabs {
	opacity: 1;
	display: block;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.pt70 {
	padding-top: 70px;
}

.pb70 {
	padding-bottom: 70px;
}

.pagePop {
	background: #fff;
	padding: 30px 35px;
	position: fixed;
	z-index: 9000;
	right: 0;
	bottom: 0;
	width: 375px;
	box-shadow: 0 0 15px rgba(127, 127, 127, .2);
	display: none;
}

.pagePop h3 {
	font-size: 24px;
	color: #151a33;
	font-weight: 500;
	margin-bottom: 10px;
}

.pagePop p {
	margin-bottom: 10px;
	font-size: 12px;
	color: #ababab;
	line-height: 1.6;
}

.pagePop a {
	color: #ff774e;
}

.pagePop a:hover {
	opacity: .8;
}

.pop-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}

.pop-btn a {
	height: 46px;
	width: 138px;
	line-height: 46px;
	text-align: center;
	font-size: 14px;
	border-radius: 23px;
	border: 1px #d9d9d9 solid;
	color: #333333;
}

.pop-btn a:hover {
	color: #fff;
	background: #ff774e;
	border-color: #ff774e;
	box-shadow: 0 0 5px rgba(127, 127, 127, .2);
}

.text-hide {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}


.d-flex {
	display: flex;
}

/* 垂直水平居中 */
.d-flex-center-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 垂直居中 */
.d-flex-center {
	display: flex;
	align-items: center;
}

.d-flex-start {
	display: flex;
	align-items: flex-start;
}

/* 两端对齐 */
.d-flex-between {
	display: flex;
	justify-content: space-between;
}

/* 水平居中 */
.d-flex-justify-center {
	display: flex;
	justify-content: center;
}

/* 垂直居中两端对齐 */
.d-flex-center-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-row-reverse {
	flex-direction: row-reverse;
}

.flex-1 {
	flex: 1;
}

.flex-column {
	flex-direction: column;
}

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

.flex-shrink {
	flex-shrink: 0;
}

.cf:after {
	clear: both;
	display: table;
	content: " "
}

.tc {
	text-align: center;
}

a.a-gd {
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	font-size: 14px;
	color: #333;
	height: 48px;
	line-height: 48px;
	padding: 0 25px;
	border-radius: 24px;
}

.fz30 {
	font-size: 30px;
}

.fw500 {
	font-weight: 500;
}

.txt-ab {
	color: #ABABAB;
}
.txt-81 {
	color: #818181;
}
.mt15 {
	margin-top: 15px;
}

.mt8 {
	margin-top: 8px;
}

.fz14 {
	font-size: 14px;
}
.index-cp{
	margin-left: -1%;
}
.index-cp li {
	width: 24%;
	margin-top: 26px;
	margin-left: 1%;
}
.cpabottom{
	display: none !important;
}
.border-radius15 {
	border-radius: 15px;
}

.p15 {
	padding: 15px;
}

.index-cp li a {
	display: block;

	border: 1px #d9d9d9 solid;
}

.index-cp .pic {
	text-align: center;
	height: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;

}

.index-cp .pic img {
	max-height: 100%;
}

.index-cp li a:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	transform: translate(0, -8px);
	border-color: #ff774e;
}

.box2 {
	background: #f8f8f8;
}
.about-img .index-vod{
	width: 100%;
}
.about-img .index-vod video{
	width: 100%;
}
.index-vod {
	width: 600px;
	overflow: hidden;
	position: relative;
	margin-right: 40px;
}

.index-vod video {
	width: 600px;
}

.default__controls {
	display: none !important;
}

.default__button--big {
	border: 0;
	line-height: 1;
	color: #00CF7D;
	text-align: center;
	outline: 0;
	padding: 0;
	cursor: pointer;
	position: absolute;
	opacity: 1;
	visibility: visible;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	transition: all .2s;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	width: 100px;
	height: 100px;
	background: url(../img/vbt.png);
}

.is-playing .default__button--big {
	background: none;
}

.txt-main {
	color: #ff774e;
}

.index-abtxt {
	max-width: 500px;
}

.fz18 {
	font-size: 18px;
}

.index-abtxt .ab-txt {
	line-height: 1.6;
	overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 8;
	    line-clamp: 8;
	    -webkit-box-orient: vertical;
}
.alr-tj .swp-btn{
	display: none;
}
.alr-tj  .cp-xt{
	max-width: 100%;
	overflow: hidden;
}
.fz12 {
	font-size: 12px;
}
.lx-input h2{
	margin-top: 20px;
}

.ab-a {
	display: block;
	width: 140px;
	height: 54px;
	background: #ff774e;
	text-align: center;
	line-height: 54px;
	border-radius: 27px;
	color: #fff;
	opacity: .8;
	box-shadow: 0 0 10px rgba(0, 91, 193, .3);
}

.ab-a:hover {
	color: #fff;
	opacity: 1;
}

.mb15 {
	margin-bottom: 15px;
}

.box3 {
	background: url(../img/box3.png) no-repeat center;
}

#indexCases {
	margin-left: -120px;
	margin-right: -120px;
	margin-top: 40px;
	position: relative;
}

#indexCases .swiper-button-next,
#indexCases .swiper-button-prev {
	width: 56px;
	height: 56px;
	background: #f4f4f4;
	border-radius: 100%;
	border: none;
	outline: none;
}

#indexCases .swiper-button-next:hover,
#indexCases .swiper-button-prev:hover {
	background: #ff774e;
	color: #fff;
	box-shadow: 0 0 10px rgba(0, 91, 193, .3);
}

#indexCases .swiper-pagination {
	display: none;
}

.cp-swiper {
	max-width: 1170px;
	margin: 0 auto;
}

.cp-swiper a {
	display: block;
}

.cp-swiper .pic {
	overflow: hidden;
	position: relative;
}

.cp-swiper .pic img {
	width: 100%;
}

.cp-swiper .pic .abs {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .6) url(../img/ahbg.png) center no-repeat;
	opacity: 0;
}

.cp-swiper a:hover .abs {
	opacity: 1;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}


.box4 {
	background: #fff;
}

.mt40 {
	margin-top: 40px;
}

.index-nimg {
	margin-right: 30px;
	width: 600px;
	height: 426px;
	position: relative;
	overflow: hidden;
}

.index-nimg img {
	width: 600px;
	height: 426px;
}

.index-nimg:hover img {
	transform: scale(1.15);
}

.nabs {
	height: 70px;
	line-height: 70px;
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 10px;
	background: rgba(0, 0, 0, .7);
	color: #fff;
	display: flex;
	justify-content: space-between;
}

.w100 {
	width: 100px;
}

.tr {
	text-align: right;
}

.indexRbox a {
	background: #f8f8f8;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 26px;
	height: 88px;
}

.indexRbox a:nth-child(4) {
	margin-bottom: 0;
}

.indexRbox .time {
	text-align: center;
	padding: 15px;
	color: #ff774e;
}

.n-tt {
	border-left: 1px #e1e1e1 solid;
	padding: 4px 15px;
	margin: 12px 0;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.hg1-6 {
	line-height: 1.6;
}

.fz42 {
	font-size: 42px;
}

.indexRbox a:hover .time {
	background: #ff774e;
	color: #fff;
}

.indexRbox a:hover {
	box-shadow: 0 0 15px rgba(127, 127, 127, .2);
	background-color: #fff;
}

.indexRbox a:hover .n-tt {
	border-color: transparent;
}

.box5 {
	padding-top: 45px;
}

.footer {
	margin-top: 45px;
}

.email {
	padding: 9px 15px;
	border: 1px #d9d9d9 solid;
	border-radius: 10px;

}

.email button {
	height: 46px;
	text-align: center;
	padding: 0 30px;
	font-size: 16px;
	color: #fff;
	border: none;
	background: #ff774e;
	border-radius: 10px;
	cursor: pointer;
}

.email input {
	min-width: 200px;
}

.box5-l {
	margin-right: 40px;
}

.footer {
	background: #282828;
	padding: 50px 0;
	color: #aeaebb;
}

.blogo {
	height: 52px;
	width: auto;
}

.copy-txt {
	margin-top: 15px;
	line-height: 2.2;
}

.mt20 {
	margin-top: 20px;
}

.fz22 {
	font-size: 22px;
}

.txt-fff {
	color: #fff;
}

.x {
	width: 32px;
	height: 2px;
	background: #ff774e;
	margin-top: 22px;
}

.a-item {
	margin-top: 10px;
}

.a-item a {
	white-space:nowrap;
	display: block;
	height: 40px;
	line-height: 40px;
	color: #fff;
	opacity: .6;
	padding-left: 24px;
	background: url(../img/abg2.png) no-repeat left center;
}

.a-item a:hover {
	opacity: 1;
}

.bnavItem {
	margin-left: 200px;
	max-width: 270px;
}

.a-item a.ab1 {
	background: url(../img/abb1.png) no-repeat left center;
	padding-left: 28px;
}

.a-item a.ab2 {
	background: url(../img/abb2.png) no-repeat left center;
	padding-left: 28px;
}

.a-item a.ab3 {
	background: url(../img/abb3.png) no-repeat left center;
	padding-left: 28px;
}

.banv-ico {
	display: flex;
}

.banv-ico a {
	width: 24px;
	height: 24px;
	margin-right: 30px;
	opacity: .6;
}

.banv-ico a.a-ico1 {
	background: url(../img/i1.png) no-repeat center;
}

.banv-ico a.a-ico2 {
	background: url(../img/i2.png) no-repeat center;
}

.banv-ico a.a-ico3 {
	background: url(../img/i3.png) no-repeat center;
}

.banv-ico a.a-ico4 {
	background: url(../img/i4.png) no-repeat center;
}

.banv-ico a:hover {
	opacity: 1;
}

.side-toolbar {}

#gototop {
	width: 72px;
	height: 72px;
	text-align: center;
	cursor: pointer;
	position: fixed;
	bottom: 50px;
	left: 50%;
	z-index: 10;
	margin-left: 660px;
	display: none;
	background-image: url(../img/t.png);
	background-repeat: no-repeat;
	background-position: center center
}

.pageBan {
	text-align: center;
	position: relative;
}

.pageBan h2 {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.pageBan h4 {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 80%;
	transform: translate(-50%, -50%);
}

.fz40 {
	font-size: 40px;
}

.mt12 {
	margin-top: 12px;
}

.about-txt {
	width: 570px;
	margin-right: 60px;
}

.mbx {
	line-height: 24px;
}

.about-img {
	overflow: hidden;
	
}
.about-img  img{
	box-shadow: 0 0 15px rgba(127, 127, 127, .2);
	border-radius: 15px;
	width: 100%;
	 height: auto;
}
.mt50 {
	margin-top: 50px;
}

.about-ry {
	position: relative;
}

.mt35 {
	margin-top: 35px !important;
}

.about-ry .pic {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;

}
.ry-swiper{
	padding-top: 10px;
}
.ry-swiper .swiper-pagination{
	display: none;
}

.about-ry .pic:hover {
	box-shadow: 0 0 15px rgba(127, 127, 127, .2);
}

.swiper-button-next.swp-btn,
.swiper-button-prev.swp-btn {
	width: 40px;
	height: 40px;
	background: #F4F4F4;
	border-radius: 20px;
	border: none;
	outline: none;

}

.swiper-button-next.swp-btn {
	top: 23px;
}

.swiper-button-prev.swp-btn {
	left: auto;
	top: 23px;
	right: 70px;
}

.swiper-button-next.swp-btn:after,
.swiper-button-prev.swp-btn:after {
	font-size: 16px;
}

.about-ry {
	padding-bottom: 40px;
}

.swiper-button-next.swp-btn:hover,
.swiper-button-prev.swp-btn:hover {
	background: #ff774e;
	color: #fff !important;
	box-shadow: 0 0 15px rgba(127, 127, 127, .2);
}
.swiper-button-next.swp-btn:hover::after,
.swiper-button-prev.swp-btn:hover::after {
	color: #fff !important;
}


.about-sz {
	background: #ff774e;
	padding-top: 50px;
	padding-bottom: 50px;
}

.fz36 {
	font-size: 36px;
}

.fz16 {
	font-size: 16px;
}

.abolut-rjz {
	padding-top: 50px;
	padding-bottom: 50px;
}

.time-box {
	width: 160px;
	height: 50px;
	background: #ff774e;
	border-radius: 15px;
	text-align: center;
	margin: 0 auto;
	line-height: 50px;
	z-index: 30;
	position: relative;
}

.sjr-box {
	position: relative;

}

.sjr-box::after {
	position: absolute;
	background: #f8f8f8;
	content: "";
	width: 4px;
	left: 50%;
	top: 0;
	margin-left: -2px;
	z-index: 10;
	bottom: 0;
}

.item-box {
	position: relative;
	padding-top: 50px;
	padding-bottom: 40px;
}

.tiem-item {
	width: 46%;
	background: #f8f8f8;
	border-radius: 15px;
	padding: 20px;
	margin-top: -20px;
	position: relative;
	float: right;
}

.tiem-item::after {
	border: solid transparent;
	content: ' ';
	height: 0;
	right: 100%;
	position: absolute;
	width: 0;
	border-width: 15px;
	border-right-color: #f8f8f8;
	top: 50%;
	margin-top: -15px;
}
#team-swiper .swiper-pagination{
	display: none;
}
.tiem-item:hover {
	background: #fff;
	box-shadow: 0 0 25px rgba(127, 127, 127, .2);
}
.tiem-item:hover .txt-ab{color: #000;}
.tiem-item:hover::after {
	border-right-color: #fff;
}

.tiem-item:hover h3 {
	color: #ff774e;
}

.item-box2 {
	position: relative;
	display: none;
}

.item-box2:nth-child(1),
.item-box2:nth-child(2),
.item-box2:nth-child(3),
.item-box2:nth-child(4) {
	display: block;
}

.item-box.all .item-box2 {
	display: block;
}

.item-yq {
	position: absolute;
	z-index: 30;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -20px;
}

.item-box .item-box2:nth-child(odd) .tiem-item {
	float: left;
}

.item-box .item-box2:nth-child(odd) .tiem-item::after {
	left: 100%;
	border-right: 0;
	border-left-color: #f8f8f8;
}

.item-box .item-box2:nth-child(odd) .tiem-item:hover::after {
	border-left-color: #fff;
}

.gd-abs {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	z-index: 40;
	cursor: pointer;
	background: url(../img/gd.png);
}

.gd-abs.all {
	background: url(../img/gd2.png);
}

.about-boxx {
	background: #f8f8f8;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: -45px;
}

.about-team {
	position: relative;
}

.teambox {
	border-radius: 15px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 15px rgba(127, 127, 127, .2);
}

#team-swiper {
	padding: 10px;
}

.teambox .pic {
	position: relative;
	overflow: hidden;
}

.teambox .pic img {
	width: 100%;
}

.teambox .pic-abs {
	background: rgba(0, 0, 0, .4) url(../img/jh.png) no-repeat center;
	position: absolute;
	z-index: 30;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: none;
}

.p20 {
	padding: 20px;
}

.mb5 {
	margin-bottom: 5px;
}
.mb8{margin-bottom: 8px;}

.team-r span {
	width: 34px;
	height: 34px;
	margin-left: 15px;
}
.mb40{
	margin-bottom: 40px;
}

.y1 {
	background: url(../img/y1.png);
}

.d1 {
	background: url(../img/d1.png);
}

.teambox:hover .y1 {
	background: url(../img/y2.png);
}

.teambox:hover .d1 {
	background: url(../img/d2.png);
}

.teambox:hover .pic-abs {
	display: block;
}

.teambox:hover h3 {
	color: #ff774e;
}

.tame-pop {
	position: fixed;
	z-index: -90000;
	background: rgba(0, 0, 0, .7);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tame-pop.show {
	z-index: 900000;
	opacity: 1;
}

.tame-pop.hide {
	transform: translate(0, -100%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}



.tame-popnr {
	width: 1200px;
	padding: 30px;
	border-radius: 20px;
	background: #fff;
	position: relative;
	
}

.gb-pop {
	position: absolute;
	right: 0;
	top: -30px;
	cursor: pointer;
}

.tame-popnr .x {
	margin-top: 5px;
	width: 50px;
	height: 4px;
}

.img {
	border-radius: 20px;
	overflow: hidden;
	margin-right: 46px;
}

.pop-txt1 {
	margin-top: 30px;
	height: 180px;
	overflow: auto;
	word-wrap:break-word
}

.tame-popjs a {
	opacity: .8;
}

.tame-popjs a:hover {
	opacity: 1;
}

.page-left {
	width: 272px;
	overflow: hidden;
}

.leftTit {
	height: 60px;
	line-height: 60px;
	background: #ff774e url(../img/icc.png) no-repeat 32px center;
	padding-left: 72px;
	color: #fff;
	border-radius: 15px 15px 0 0;
}

.left-navItem {
	border: 1px #d9d9d9 solid;
	border-top: none;
	border-radius: 0 0 15px 15px;
	overflow: hidden;
	padding: 10px 0;
}

.left-navItem ul li {}

.left-navItem ul li a {
	padding-left: 32px;
	font-size: 14px;
	display: block;
	height: 46px;
	line-height: 46px;
	position: relative;
	border-top: 1px #fff solid;
}

.left-navItem ul li .inactives::after,
.left-navItem ul li ul::after,
.left-navItem ul li .noItem::after {
	width: 5px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	content: "";
	background: #ff774e;
}

.left-navItem ul li .inactives {
	border-top: 1px #d9d9d9 solid;

}

.left-navItem ul li ul {
	position: relative;
	border-bottom: 1px #d9d9d9 solid;
}

.left-navItem ul li .inactive {
	background: url(../img/ar.png) no-repeat right center;
}

.left-navItem ul li .inactives {
	background: url(../img/ar2.png) no-repeat right center;
}

.left-navItem ul li .inactives {
	color: #ff774e;
}

.left-navItem ul li ul {
	display: none;
}

.left-navItem ul li ul li {}

.left-navItem ul li ul li ul {
	display: none;
}

.left-navItem ul li ul li a {
	padding-left: 45px;
}

.left-navItem ul li ul li ul li {}

.last {}

.left-navItem ul li ul li ul li a {
	padding-left: 65px;
}

.left-navItem ul li a.on {
	color: #ff774e;
}

.left-navItem ul li .noItem {
	background: url(../img/ar3.png) no-repeat right center;
	border-top: 1px #d9d9d9 solid;
	border-bottom: 1px #d9d9d9 solid;
}

.leftLxwm {
	background: #f8f8f8;
	border-radius: 15px;
	padding: 20px 25px;
}

.fz24 {
	font-size: 24px;
}

.leftLxwm .x {
	margin-top: 10px;
	width: 55px;
}

.lul li {
	height: 36px;
	line-height: 36px;
	padding-left: 40px;
}

.lul li.ly1 {
	background: url(../img/ly.png) no-repeat left center;
}

.lul li.ly2 {
	background: url(../img/ly2.png) no-repeat left center;
}

.lul li.ly3 {
	background: url(../img/ly3.png) no-repeat left center;
}

.lbtn {
	background: #ff774e;
	display: block;
	padding: 20px 0;
}

.lbtn img {
	display: inline-block;
	margin-right: 8px;
}

.lbtn:hover {
	color: #fff;
}

.page-left {
	margin-right: 30px;
}
.cpList{margin-left: -2%;}
.cpList li {
	width: 31.333%;
	margin-bottom: 20px;
	margin-left: 2%;
}

.cpList li .cpa {
	display: block;
	border-radius: 15px;
	overflow: hidden;
	border: 1px #d9d9d9 solid;
	padding: 10px;
	padding-bottom: 25px;
}

.cpList li .cpa:hover {
	border-color: #ff774e;
	background: #ff774e;
}

.cpList li .pic {
	background: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 15px;
	overflow: hidden;
	padding: 10px;
	height: 200px;
}

.cpList li .pic img {
	max-height: 100%;
}

.mt5 {
	margin-top: 5px;
}

.cpList li .cpa:hover h3,
.cpList li .cpa:hover p {
	color: #fff;
}

.mt10 {
	margin-top: 10px;
}

.page-page {
	margin-top: 25px;
}

.page-page a {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	text-align: center;
	line-height: 40px;
	background: #f8f8f8;
	margin: 0 4px;
	font-size: 15px;
}

.page-page a.on,
.page-page a:hover {
	background: #ff774e;
	color: #fff;
}

.gallery-top {
	max-width: 870px;
}
.gallery-top  .pic{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
	border: 1px #d9d9d9 solid;
	overflow: hidden;
	height: 500px;
	border-radius: 15px;
}
.swiper-button-next:after, .swiper-button-prev:after{
	color: #ff774e;
}
.gallery-top  .pic img{
	max-width: 100%;
	max-height: 100%;
}
.gallery-thumbs {
	max-width: 870px;
	box-sizing: border-box;
	padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
	border: 1px #d9d9d9 solid;
	border-radius: 15px;
	overflow: hidden;
	padding: 20px;
	opacity: .7;
	height: 180px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gallery-thumbs .swiper-slide img{
	max-height: 140px;
	max-width: 100%;
}
.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	border: 1px #ff774e solid;
}

.fz20{font-size: 20px;}
.cp-xxtop{
	border-bottom: 2px #d9d9d9 solid;
	padding-bottom: 20px;
	line-height: 1.8;
}
.cp-btn{
	background: #ff774e;
	width: 160px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	display: block;
}
.fz28{font-size: 28px;}
.mt30{margin-top: 30px;}
.article-txt{
	margin-top: 20px;
	line-height: 1.8;
	color: #ABABAB;
	font-size: 12px;
}
.article-txt p{
	margin-bottom: 10px;
}
.article-txt  img{
	display: block;
	margin: 15px auto;
	height: auto;
	max-width: 100%;
}
.article-txt ul,
.article-txt ol {
	list-style-type:square;
}
.article{
	padding-bottom: 20px;
	border-bottom: 2px #d9d9d9 solid;
}
.mbx-box{
	height: 64px;
	box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.align-c{
	align-items: center;
}

.mbx-left{
	line-height: 64px;
}
.mbx-ight{
	height: 38px;
	border: 1px #e1e1e1 solid;
	border-radius: 5px;
	padding: 0 20px;
	cursor: pointer;
	min-width: 190px;
	position: relative;
}
.mbx-ight i.ico1{background: url(../img/fx1.png) no-repeat;width: 18px;height: 18px;margin-right: 10px;}
.mbx-ight i.ico2{background: url(../img/fx3.png) no-repeat;width: 12px;height: 8px;margin-left: 10px;}
.ico2-1{background: url(../img/so.png) no-repeat;width: 20px;height: 20px;margin-left: 10px;border: none;}

.xlbox{
	position: absolute;
	left: -1px;
	top: 33px;
	right: -1px;
	border: 1px #e1e1e1 solid;
	background: #fff;
	padding: 10px;
	z-index: 900;
	display: none;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.xlbox a{
	display: block;
	line-height: 2.4;
	text-align: center;
	overflow: hidden;
}
.xlbox a:hover{
	font-weight: bold;
}
.mbx-ight:hover .xlbox{
	display: block; 
	opacity: 1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.alList{
	margin-left: -2.333%;
}
.alList li{
	width: 31%;
	margin-bottom: 25px;
	margin-left: 2.333%;
}
.alList li .pic{
	overflow: hidden;
	border-radius: 15px;
	height: 270px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.alList li .pic img{
	max-height: 100%;
	max-width: 100%;
}

.alList li .pic .al-abs{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.7) url(../img/ahbg.png) no-repeat center;
	display: none;
}
.alList li a{
	display: block;
}
.alList li a:hover .al-abs{
	display: block;
}
.ntinfo span{
	display: inline-block;
	margin-right: 20px;
}
.ntinfo span img{
	margin-right: 5px;
}

.al-article{
	font-size: 12px;
	color: #ababab;
	line-height: 1.8;
}
.al-article p{
	margin-bottom: 10px;
}
.al-article  img{
	display: block;
	margin: 15px auto;
	max-width: 100%;
	height: auto;
	border-radius: 15px;
}

.fx-box{
	padding-bottom: 20px;
	border-bottom: 2px #d9d9d9 solid;
}
.fx-box span{font-weight: bold;color: #000;}
.fx-box a{
	display: inline-block;
	margin-right: 6px;
}

.page-bt i{display:inline-block; padding: 0 6px;color: #ff774e;}
.page-bt  a{
	color: #ff774e;
}
.page-alr{
	width: 320px;
	overflow: hidden;
	margin-left: 30px;
}

.border-1{
	border: 1px #d9d9d9 solid;
}
.p25{padding: 25px;}

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

.caseA{
	padding: 20PX 0;
	border-top: 1px #d9d9d9 solid;
	line-height: 1.8;
	color: #ababab;
}
.mb20{
	margin-bottom: 20px;
}
.caseA img{
	width: 88px;
	height: 52px;
	margin-right: 20px;
}
.caseA:hover{
	color: #ff774e;
}
.araltop{
	padding-bottom: 5px;
	position: relative;
}
.alr-tj{
	border-top: 1px #d9d9d9 solid;
}

.alr-swiper .cpaa .pic{
	padding:25px 0;
}

.alr-tj .swiper-button-prev.swp-btn{
	right: 40px;
}
.alr-tj .swp-btn{
	background: transparent;
	width: 30px;
}
.alr-tj .swp-btn:hover{
	background: transparent;
	box-shadow: 0 0 0 rgba(255,255,255,.0);
}
.alr-tj .swp-btn:hover::after{
	color:#ff774e !important;
}
.alr-swiper{
	padding-bottom: 45px;
}

.sideMenu h3{
	height: 70px;
	background: #f8f8f8;
	padding: 0 30px;
	border-radius: 15px;
	margin-bottom: 20px;
}
.sideMenu h3 em{
	background: url(../img/q1.png) no-repeat;
	width: 36px;
	height: 24px;
	margin-right: 20px;
}
.sideMenu h3.on{
	background: #ff774e;
	color: #fff;
	margin-bottom: 0;
	border-radius: 15px 15px 0 0;
	box-shadow: 0 0 15px rgba(127, 127, 127, .2);
}
.sideMenu h3.on em{
	background: url(../img/q2.png) no-repeat;
}
.sideMenu div.q{
	display: none;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.8;
	padding: 30px;
	border-radius: 0 0 15px 15px;
	box-shadow: 0 0 15px rgba(127, 127, 127, .2);
	
}
.sideMenu h3 i{
	width: 17px;
	height: 11px;
	background: url(../img/q4.png) no-repeat;
	margin-left: 20px;
}
.sideMenu h3.on i{
	background: url(../img/q5.png) no-repeat;
}

.news-item{
	overflow: hidden;
	height: 178px;
	position: relative;
	margin-bottom: 25px;
	position: relative;
}
.news-img{
	width: 300px;
	height: 178px;
	margin-right: 50px;
	
}
.news-item .news-ico{
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background: url(../img/nj1.png) no-repeat center;
	margin: 0 40px;
}
.news-item:hover .news-ico{
	background:#ff774e url(../img/nj2.png) no-repeat center;
	box-shadow: 0 0 15px rgba(127, 127, 127, .2);
}
.news-tx{
	line-height: 1.8;
	height: 100%;
}
.mb10{
	margin-bottom: 10px;
}
.news-abs{
	margin-top: 21px;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #f6f6f6;
}
.news-nrs{
	height: 47px;
	overflow: hidden;
}
.news-item:hover .news-abs{
	background: #ff774e;
	color: #fff;
}
.news-item:hover{
	border-color: #fff;
	box-shadow: 0 0 15px rgba(127, 127, 127, .2);
}
.vode-list{
	width: 100%;
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 0 15px rgba(127, 127, 127, .2);
	margin-bottom: 25px;
}
.vode-list video{
	width: 100%;
	height: auto;
}
.v-box{
	width: 100%;
	height: auto;
	position: relative;
}
.v-btn{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.v-box.play .v-btn{
	opacity: 0;
}
.v-nrbox{
	padding: 20px;
}
.v-txt{
	line-height: 1.8;
}
.mr30{margin-right: 30px;}

.dowTable table{
	width: 100%;
}
.dowTable th{
	text-align: center;
	background: #f8f8f8;
	font-size: 16px;
	height: 70px;
	line-height: 70px;
}
.dowTable td{
	padding: 20px 0;
	border-bottom: 1px #e6e6e6 solid;
	text-align: center;
}

.d-img img{
	width: 100px;
	height: 68px;
	border-radius: 10px;
	margin: 0 30px 0 20px;
}
.adx{
	display: inline-block;
	background: url(../img/ax1.png) no-repeat;
	width: 50px;
	height: 30px;
}
.dowTable tbody tr:hover{
	box-shadow: 0 0 15px rgba(127, 127, 127, .2);
}
.dowTable tbody tr:hover a.adx{
	background: url(../img/ax2.png) no-repeat;
}
.lxwm-left{
	width: 400px;
	border-right: 1px #d9d9d9 solid;
	margin-right: 70px;
}
.mb50{margin-bottom: 50px;}
.lx-la img{
	margin-right: 10px;
}
.lx-fx .lx-aite{
	width: 40px;
	height: 40px;
	border-radius: 6px;
	margin-right: 26px;
}
.lx-fx .fxa1{
	background:#e1e1e1  url(../img/li1.png) no-repeat center;
}
.lx-fx .fxa1:hover{
	background: #ff774e url(../img/i1.png) no-repeat center;
}
.lx-fx .fxa2{
	background:#e1e1e1  url(../img/li2.png) no-repeat center;
}
.lx-fx .fxa2:hover{
	background: #ff774e url(../img/i2.png) no-repeat center;
}
.lx-fx .fxa3{
	background:#e1e1e1  url(../img/li3.png) no-repeat center;
}
.lx-fx .fxa3:hover{
	background: #ff774e url(../img/i3.png) no-repeat center;
}
.lx-fx .fxa4{
	background:#e1e1e1  url(../img/li4.png) no-repeat center;
}
.lx-fx .fxa4:hover{
	background: #ff774e url(../img/i4.png) no-repeat center;
}
.lx-txt{
	line-height: 1.8;
}
.inpt{
	width: 48%;
	height: 54px;
	padding: 0 15px;
}
.inpt input{
	width: 100%;
	font-size: 14px;
	
}
.mb30{margin-bottom: 30px;}
.textarea{
	width: 100%;
	padding: 20px;
}
.textarea textarea{
	width: 100%;
	border: none;
	height: 60px;
}
.lx-butt{
	width: 160px;
	height: 58px;
	border: none;
	background: #ff774e;
	cursor: pointer;
	display: block;
}

.jgBox{
	padding: 40px;
	box-shadow: 0 0 15px rgba(127, 127, 127, .2);
}
.red{color: #f00;}
.inpt span,.textarea span{padding-right: 6px;}
.jgBox .inpt{
	width: 32%;
}
.ml-aut{margin-left: auto;}
.mr-aut{margin-right: auto;}

.soCplist .cpList li{
	width: 23%;
}
.so-tab span{
	display: inline-block;
	font-size: 18px;
	margin-right: 20px;
}
.so-tab a{
	color: #ababab;
	font-size: 18px;
	margin-right: 20px;
}
.so-tab a:hover{
	color: #ff774e;
}

.head_fx{
	position: fixed;
	z-index: 90000;
	left: 0;
	right: 0;
	top: 0;
	height: 60px;
	line-height: 60px;
}
.head_fx .logo img{
	height: 40px;
}
.head_fx .nav-box{
	height: 60px;
	line-height: 60px;
}
.head_fx .sosoBox{top: 60px;}
.head_fx .yyabs{top: 60px;}
.page-rigth{
	overflow: hidden;
}


.imgshow{display:none;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;width:100%;height:100%;z-index:2019521}
.swiperbox{height:100vh;z-index:3;background:rgba(0,0,0,.6)}
.swiperbox img{width:initial;position:relative;z-index:2}
.swiper-zoom-container:before{width:100%;height:100%;content:' ';position:absolute;z-index:1;display:block;top:0;left:0;cursor:pointer}
.closebtn{position:absolute;z-index:22;width:60px;height:60px;right:20px;top:20px; cursor: pointer;}
.imgshow .swiper-slide{background:0 0}

.index-abtxt h3{font-weight: bold;}

input::-webkit-input-placeholder{
  color:#cccccc;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#cccccc;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#cccccc;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#cccccc;
  }
textarea::-webkit-input-placeholder{
  color:#cccccc;
}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#cccccc;
}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#cccccc;
}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#cccccc;
  }