@charset "utf-8";

/*banner*/
.banner {
	position: relative;
}

.banner .slides a {
	display: block;
	width: 100%;
	height: 792px;
	overflow: hidden;
}

.banner .flex-direction-nav {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 2;
	width: 1256px;
	margin-left: -628px;
	text-align: right;
}

.banner .flex-direction-nav li {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
}

.banner .flex-direction-nav a {
	display: block;
	width: 46px;
	height: 41px;
	overflow: hidden;
	border-right: 1px solid #1A1A1A;
}

.banner .flex-prev {
	background: url(../images/btn_prev_banner.jpg) no-repeat center center #000;
}

.banner .flex-next {
	background: url(../images/btn_next_banner.jpg) no-repeat center center #000;
}

.title {
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	padding: 25px 0;
	font-size: 42px;
	color: #464646;
	text-align: center;
}

.title span {
	color: #000;
}

.title em {
	color: #FB9A00;
}

/*about*/
.about {
	padding: 25px 0;
}

.about .container {
	width: 1096px;
	padding-top: 20px;
}

.about td {
	width: 20%;
	font-size: 14px;
	text-align: center;
}

.about td p {
	line-height: 62px;
	font-size: 60px;
	color: #182D6E;
}

.about .clearfix {
	margin-top: 45px;
}

.about .num {
	width: 184px;
}

.about .num li {
	margin-bottom: 21px;
}

.about .num a {
	display: block;
	padding: 10px;
}

.about .num a:hover {
	color: #fff;
	background-color: #FBB400;
}

.about .num h2,
.about .num h3,
.about .num h4 {
	font-weight: normal;
}

.about .num h2 {
	line-height: 46px;
	font-size: 24px;
	text-align: right;
}

.about .num h3 {
	text-align: right;
}

.about .num p {
	color: #fff;
}

.about .num p span {
	font-size: 14px;
}

.about .num h4 {
	font-size: 24px;
	font-family: simsun;
	font-weight: normal;
	color: #fff;
	text-align: right;
}

.about-intro {
	width: 408px;
	height: 273px;
	overflow: hidden;
	padding: 24px 24px 0;
}

.about-intro h2 {
	position: relative;
	margin-bottom: 78px;
	font-size: 22px;
	font-weight: normal;
	color: #424242;
}

.about-intro h3 {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: normal;
	color: #fff;
}

.white h2 {
	color: #fff;
}

.about-intro h2:after {
	position: absolute;
	top: 50px;
	left: 4px;
	width: 1px;
	height: 50px;
	background-color: #454545;
	content: "";
}

.white h2:after {
	background-color: #fff;
}

.about-intro p {
	font-size: 14px;
	color: #333;
}

.white p {
	color: #fff;
}

/*product*/
.product {
	width: 100%;
	overflow: hidden;
}

.product li {
	float: left;
	width: 20%;
	overflow: hidden;
}

.product a {
	position: relative;
	display: block;
	height: 296px;
}

.product img {
	min-width: 100%;
	object-fit: cover;
}

.product h3 {
	position: absolute;
	top: 18px;
	left: 26px;
	font-size: 18px;
	font-weight: bold;
	color: #FBB400;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s cubic-bezier(ease);
}

.product a:hover h3 {
	top: -30px;
}

.product .desc {
	position: absolute;
	top: 0;
	left: -100%;
	width: 60%;
	height: 100%;
	overflow: hidden;
	padding-left: 26px;
	background-color: rgba(251, 180, 0, .88);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E0FBB400, endColorstr=#E0FBB400);
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s cubic-bezier(ease);
}

.product a:hover .desc {
	left: 0;
}

.product .desc-pd {
	padding: 32px 25px 0 0;
}

.product h2 {
	font-size: 28px;
	font-weight: normal;
}

.product p {
	line-height: 22px;
}

.product ins {
	display: block;
	width: 21px;
	height: 21px;
	overflow: hidden;
	margin-top: 32px;
	background: url(../images/icon.png) no-repeat;
}

/*advantage*/
.advantage {
	width: 100%;
	overflow: hidden;
	background: url(../images/bg_advantage.jpg) repeat;
}

.advantage-list {
	margin: 0 170px;
}

.advantage-list li {
	float: left;
	width: 25%;
	text-align: center;
}

.advantage-list a {
	position: relative;
	display: block;
	width: 100%;
	height: 284px;
	overflow: hidden;
	padding-top: 56px;
}

.advantage-list h2 {
	margin: 15px 0;
	font-size: 16px;
	font-weight: normal;
}

.advantage-list p {
	line-height: 16px;
	color: #343434;
}

.advantage-list .desc {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: left;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s cubic-bezier(ease);
}

.advantage-list a:hover .desc {
	left: 0;
}

.advantage-list .desc img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
}

.advantage-list .desc h3 {
	position: relative;
	margin: 40px 20% 38px 10%;
	font-size: 30px;
	font-weight: normal;
	color: #FBB400;
}

.advantage-list .desc p {
	position: relative;
	line-height: 22px;
	margin: 0 20% 0 10%;
	color: #FBB400;
}

.advantage-list .desc ins {
	position: relative;
	display: block;
	width: 21px;
	height: 21px;
	overflow: hidden;
	margin: 32px 0 0 10%;
	background: url(../images/icon.png) no-repeat 0 -21px;
}

/*witness*/
.witness {
	width: 100%;
	overflow: hidden;
	background-color: #E8E8E8;
}

.witness-cont {
	width: 655px;
	margin: 0 auto;
}

.witness-list {
	position: relative;
	width: 100%;
	height: 165px;
	margin-top: 60px;
	background-color: #BFBFBF;
}

.witness-list .flex-viewport {
	top: -12px;
	width: 1045px;
	padding-top: 12px;
	margin: 0 auto;
}

.witness-list .slides li {
	position: relative;
}

.witness-list .slides a {
	display: table-cell;
	width: 209px;
	height: 165px;
	text-align: center;
	vertical-align: middle;
}

.witness-list .flex-direction-nav a {
	position: absolute;
	top: 0;
	width: 56px;
	height: 165px;
	line-height: 165px;
	overflow: hidden;
	font-size: 50px;
	font-family: simsun;
	color: #000;
	text-align: center;
}

.witness-list .flex-next {
	right: 0;
}

.witness-list li.selected ins {
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -12px;
	border-width: 12px;
	border-style: solid;
	border-color: transparent transparent #BFBFBF;
}

/*news*/
.news .container {
	width: 1256px;
	margin: 0 auto;
}

.news li {
	float: left;
	width: 314px;
	overflow: hidden;
}

.news a {
	display: block;
	background-color: #E9E9E9;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s cubic-bezier(ease);
}

.news a:hover {
	background-color: #FBB400;
}

.news .desc {
	height: 200px;
	padding: 36px 34px 0;
}

.news img {
	width: 100%;
	height: 236px;
}

.news h2 {
	line-height: 26px;
	font-size: 14px;
	font-weight: normal;
}

.news time {
	display: block;
	line-height: 26px;
	font-size: 14px;
	font-family: Arial;
}

.news p {
	margin-top: 5px;
	color: #363636;
}

.news ins {
	display: block;
	width: 5px;
	height: 8px;
	overflow: hidden;
	margin-top: 25px;
	background: url(../images/icon.png) no-repeat 0 -42px;
}

/*contact*/
.contact {
	width: 100%;
	height: 590px;
	overflow: hidden;
	margin-top: 126px;
	background: url(../images/bg_contact.jpg) no-repeat center 0;
}

.contact .container {
	width: 1256px;
	padding-top: 103px;
	margin: 0 auto;
}

.contact-cont {
	width: 298px;
	height: 393px;
	line-height: 24px;
	padding: 0 0 0 42px;
	margin-right: 14px;
	color: #FBB400;
	background: url(../images/bg_contact_cont.jpg) no-repeat;
}

.contact-cont h2 {
	padding: 45px 0;
	font-size: 30px;
	font-weight: normal;
}

.contact-cont h3 {
	margin-bottom: 28px;
	font-size: 18px;
	font-weight: normal;
}

.contact-cont a {
	display: block;
	width: 21px;
	height: 21px;
	overflow: hidden;
	margin-top: 40px;
	background: url(../images/icon.png) no-repeat 0 -21px;
}

@media (max-width: 1260px) {

	.banner,
	.about,
	.product,
	.advantage,
	.witness,
	.news,
	.contact {
		width: 1260px;
	}
}

.ai{
	position: fixed;
	right: 30px;
    bottom: 50px;
    width: 50px;
	height: auto;
}
.ai:hover{
	transform: scale(1.2);
}