body {
	font-size: 14px;
	color: #333;
	background: #fff;
}

.wrap {
	width: 100%;
	overflow: hidden;
}

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

dl {
	margin: 0;
}

dt {
	font-weight: normal;
}

ul,
li {
	list-style-type: none;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0
}

a {
	color: #333;
	outline: none;
	text-decoration: none;
	-o-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

a:hover {
	text-decoration: none;
	color: #82cdd3;
	outline: none;
}

a:focus {
	text-decoration: none;
	color: inherit;
	outline: none;
}

img {
	border: 0;
	vertical-align: middle;
	transition: all 0.6s;
}

table {
	border-collapse: collapse;
}

input,
button,
select {
	border: 0;
	outline: none;
	-webkit-appearance: none;
}

/*公共样式勿删除*/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	zoom: 1;
}

.f_b {
	font-weight: bold;
}

.v_m {
	vertical-align: middle;
}

.v_t {
	vertical-align: top;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.d_n {
	display: none;
}

input[type="checkbox"] {
	vertical-align: middle;
	margin-right: 7px;
}

input[type="checkbox"]:after {
	content: '√';
	color: #fff;
	background: #fff;
	display: inline-block;
	width: 17px;
	height: 17px;
	text-align: center;
	line-height: 17px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

input[type="checkbox"]:checked:after {
	border: 1px solid #82cdd3;
	background: #82cdd3;


}

.t_c {
	text-align: center;
}

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

.flex_item {
	flex: 1;
}

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

.header {
	position: relative;
}

.header .bg {
	position: absolute;
	left: 0;
	top: 100%;
	background: #f6fbfb;
	height: 205px;
	width: 100%;
	z-index: 99;
	display: none;
	border-top: 1px solid #eee;
}

.header .bg.on {
	display: block;
}

.header .logo {
	float: left;
	width: 245px;
	border-right: 1px solid #eee;
	margin-top: 20px;
}

.header .fr {
	width: 930px;
}

.header .top {
	line-height: 34px;
	border-bottom: 1px solid #eee;
	font-size: 12px;
	color: #888888;
}

.header .top i {
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/home_03.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 13px;
}

.header .top .ico2 {
	background-position: -613px 0;
}

.header .top .ico3 {
	background-position: -711px 0;
}

.header .top .pr20 {
	padding-right: 25px;
}

.header .nav {
	display: flex;
	align-items: center;
	text-align: center;
}

.header .nav>li {
	flex: 1;
	position: relative;
}

.header .nav>.dropdown:hover .dropdown-menu {
	display: block;
}

.header .nav>li>a {
	display: inline-block;
	padding: 20px 10px;
	border-bottom: 2px solid #fff;
}

.header .nav>li.on>a,
.header .nav>li:hover>a {
	color: #82cdd3;
	border-bottom: 2px solid #82cdd3;
}

.header .nav>li .dropdown-menu {
	position: absolute;
	top: 61px;
	min-width: 520px;
	left: -40px;
	z-index: 101;
	padding: 20px 0 0 30px;
	text-align: left;
	display: none;
}

.header .nav>li .dropdown-menu a {
	display: inline-block;
	width: 130px;
	line-height: 36px;
	border: 1px solid #eee;
	margin: 0 30px 20px 0;
	text-align: center;
	background: #fff;
}

.header .nav>li .dropdown-menu a:hover {
	color: #fff;
	background: #82cdd3;
	border: 1px solid #82cdd3;
}

.header .search {
	width: 180px;
	display: flex;
	align-items: center;
	border: 1px solid #eee;
	border-radius: 5px;
	margin-left: 30px;
}

.header .search i {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url(../images/home_03.png) -885px -53px no-repeat;
}

.header .search .form {
	line-height: 34px;
	padding-left: 10px;
	width: 100%;

}

.header .search .btn {
	width: 50px;
	height: 34px;
	background: none;
}

.leftside_kf {
	width: 56px;
	position: fixed;
	right: 15px;
	top: 50%;
	z-index: 99;
}

.leftside_kf>ul>li {
	position: relative;
}

.leftside_kf>ul>li>a {
	background: #858585;
	display: block;
	color: #fff;
	border-radius: 5px;
	margin: 1px 0;
	padding: 10px 0;
	text-align: center;
	font-size: 12px;
}

.leftside_kf>ul>li:hover>a {
	background: #82cdd3;
}

.leftside_kf>ul>li i {
	display: inline-block;
	background-image: url(../images/home_20.png);
	background-repeat: no-repeat;
	width: 26px;
	height: 22px;
}

.leftside_kf>ul>li .ico2 {
	background-position: 0 -58px;
}

.leftside_kf>ul>li .ico3 {
	background-position: 0 -116px;
}

.leftside_kf>ul>li:hover .dropdown-menu {
	display: block;
}

.leftside_kf>ul>li .dropdown-menu {
	position: absolute;
	background: #fff;
	top: 0;
	right: 70px;
	width: 220px;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #e0e1e5;
	line-height: 24px;
	display: none;
}

.leftside_kf>ul>li .dropdown-menu img {
	margin-right: 10px;
}

.leftside_kf>ul>li .dropdown-menu:after {
	content: '';
	display: block;
	width: 5px;
	height: 10px;
	background: url(../images/jt_03.jpg) center no-repeat;
	position: absolute;
	right: -5px;
	top: 10px;
}

.footer {
	background: #f5f5f5;
}

.footer .a {
	padding: 20px;
	border: 1px solid #eee;
	line-height: 34px;
}

.footer a {
	color: #777;
}

.footer .a h3 {
	font-weight: bold;
}

.footer .a .box {
	float: left;
	width: 145px;
}

.footer .a .box-1 {
	width: 226px;
}

.footer .a .box:last-child {
	text-align: center;
	width: 121px;
	float: right;
}

.footer .a .box p {
	color: #999;
}

.footer .b {
	padding: 15px 0;
	color: #777777;
	line-height: 28px;
}

.footer .b a {
	padding: 0 6px;
	border-left: 1px solid #ddd;
}

.footer .b a:first-child {
	border: none;
	padding-left: 0;
}

.homepage .a .swiper-button-next {
	width: 45px;
	height: 45px;
	background: url(../images/ico_05.png) center no-repeat rgba(130, 205, 211, 0.6);
	border-radius: 3px;
}

.homepage .a .swiper-button-prev {
	width: 45px;
	height: 45px;
	background: url(../images/ico_03.png) center no-repeat rgba(130, 205, 211, 0.6);
	border-radius: 3px;
}

.homepage .a .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
	margin-bottom: 10px;
}

.homepage .a .swiper-pagination-bullet-active {
	background: none;
	width: 18px;
	height: 18px;
	border: 2px solid #fff;
	margin-bottom: 7px;
}

.swiper-container3 .swiper-pagination-bullet {
	background: #fff;
}

.homepage .b {
	border-bottom: 1px solid #eee;
	padding-bottom: 40px;
}

.homepage .b ul {
	margin: 0 -12px;
}

.homepage .b li {
	float: left;
	width: 33.333%;
	padding: 12px;
}

.homepage .b li a {
	display: block;
	position: relative;
	height: 383px;
	overflow: hidden;
}

.homepage .b li a span {
	font-size: 22px;
	color: #fff;
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translate(-50%, 0);
}
.homepage .b li a:hover img{
	transform: scale(1.2);
}
.homepage .b li img {
	width: 100%;
	height: 383px;
	
}

.homepage .b .title,
.homepage .c .title {
	text-align: center;
	padding: 40px 0 15px;
}
.homepage .c .box{
	background: #f0f0f0;
}
.homepage .b .title h3,
.homepage .c .title h3 {
	font-size: 26px;
	margin-bottom: 6px;
}

.homepage .b .title h4,
.homepage .c .title h4 {
	color: #b8b8b8;
}

.homepage .c .btn {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 354px;
	height: 352px;
	z-index: 99;
}

.homepage .c .swiper-container img {
	width: 100%;
	height: 519px;
}

.homepage .c .swiper-button-next {
	width: 34px;
	height: 60px;
	background: url(../images/ico_05.png) center no-repeat rgba(255, 255, 255, 0.4);
	right: 0;
}

.homepage .c .swiper-button-prev {
	width: 34px;
	height: 60px;
	background: url(../images/ico_03.png) center no-repeat rgba(255, 255, 255, 0.4);
	left: 0;
}

.homepage .d {
	padding: 50px 0;
	background: url(../images/bg.png) center no-repeat;
	background-size: cover;
}

.homepage .d ul {
	margin: 0 -10px;
}

.homepage .d ul li {
	float: left;
	width: 33.333%;
	padding: 10px;
}

.homepage .d img,
.homepage .d video {
	width: 100%;
	height: 318px;
}

.homepage .d video {
	background: #000;
}

.homepage .d .box {
	height: 318px;
	overflow: hidden;
	position: relative;
	background: #f1f1f1;
}
.homepage .d .box:hover>img{
	transform: scale(1.2);
}
.homepage .d .box>span {
	position: absolute;
	left: 50%;
	bottom: 30px;
	color: #fff;
	transform: translate(-50%, 0);
	font-size: 26px;
	z-index: 99;
}

.homepage .d .box dl {
	padding: 30px;
}

.homepage .d .box dl dt {
	font-size: 26px;
}

.homepage .d .box dl dt span {
	font-size: 14px;
	color: #b8b8b8;
}

.homepage .d .box dl dt:after {
	content: '';
	display: block;
	width: 52px;
	height: 3px;
	background: #82cdd3;
	margin: 10px 0 20px;
}

.homepage .d .box dl p {
	line-height: 28px;
	color: #5a5a5a;
	margin-bottom: 20px;
}

.homepage .d .box dl a {
	display: inline-block;
	width: 118px;
	height: 40px;
	text-align: center;
	color: #fff;
	line-height: 40px;
	background: #82cdd3;
}

.homepage .e {
	padding: 50px 0;
}

.homepage .e .title {
	display: flex;
	align-items: center;
	margin-bottom: 15px;

	border-left: 5px solid #82cdd3;
	padding-left: 10px;
}

.homepage .e .title .flex_item {
	font-size: 30px;
}

.homepage .e .title span {
	font-size: 14px;
	color: #b8b8b8;
}

.homepage .e .left {
	float: left;
	width: 795px;
}

.homepage .e .left .pic {
	float: left;
	width: 320px;
	position: relative;
}

.homepage .e .left .pic img {
	width: 100%;
	height: 350px;
}
.homepage .e .left .pic a {
	display: block;
	height: 350px;
	overflow: hidden;
}
.homepage .e .left .pic a:hover img{
	transform: scale(1.2);
}
.homepage .e .left .pic p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
}

.homepage .e .left .pic p span {
	display: block;
}

.homepage .e .left ul {
	margin-left: 340px;
}

.homepage .e .left ul li {
	border-bottom: 1px dashed #ddd;
	padding: 10px 0;
}

.homepage .e .left ul li:first-child {
	padding-top: 0;
}

.homepage .e .left ul li dd {
	line-height: 22px;
	color: #999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.homepage .e .left ul li dt {
	display: flex;
	align-items: center;
	margin-bottom: 6px;
}

.homepage .e .left ul li dt a {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.homepage .e .left ul li .data {
	color: #c6a47e;
}

.homepage .e .right {
	float: right;
	width: 380px;
}

.homepage .e .right .box {
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 20px;
}

.homepage .e .right .box .form {
	width: 100%;
	margin-bottom: 7px;
	line-height: 40px;
	background: #f3f3f3;
	padding: 0 15px;
}

.homepage .e .right .box select.form {
	background: url(../images/jt.png) 95% center no-repeat #f3f3f3;
}

textarea {
	border: none;
	outline: none;
	font-family: auto;
}

.homepage .e .right .btn {
	width: 120px;
	height: 40px;
	background: #82cdd3;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}


/**/
.banner_info {
	height: 345px;
	position: relative;
	text-align: center;
	color: #fff;
	background: url(../images/2_02.jpg) center no-repeat;
}

.banner_info dl {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translate(0, -50%);
	font-size: 22px;
}

.banner_info dl dt {
	font-size: 66px;
}

.banner_info dl p {
	font-size: 32px;
	margin: 15px 0;
}

.hurre {
	margin: 20px 0;
}

.hurre li {
	float: left;
	line-height: 38px;
	min-width: 92px;
	padding: 0 15px;
	background: url(../images/2_06.png) center no-repeat;
	text-align: center;

}

.hurre li:first-child {
	width: 38px;
	background: none;
	min-width: auto;
	padding: 0;

}

.hurre li:last-child {
	background: url(../images/2_07.png) left center no-repeat #e6f5f6;
	border-radius: 0 38px 38px 0;
}

.tabtitle {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.tabtitle .container {
	border-left: 1px solid #eee;
}

.tabtitle a {
	float: left;
	font-size: 16px;
	line-height: 56px;
	padding: 0 27px;
	position: relative;
	border-right: 1px solid #eee;
	cursor: pointer;
}

.tabtitle a.on {
	background-color: #82cdd3;
	color: #fff;
}

.tabtitle a.on:after {
	content: '';
	width: 0;
	height: 0;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 5px solid #82cdd3;
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
}

.tabbox {
	padding: 50px 0 0;
}

.about_01 .a {
	text-align: center;
}

.about_01 .a h2 {
	font-size: 26px;
}

.about_01 .a h2:after {
	content: '';
	display: block;
	width: 98px;
	border-bottom: 2px solid #82cdd3;
	margin: 30px auto;
}

.about_01 .a p {
	line-height: 32px;
	color: #5a5a5a;
	margin: 30px 0;
}

.about_01 .a ul {
	margin: -10px;
}

.about_01 .a li {
	float: left;
	width: 33.333%;
	padding: 10px;
}
.about_01 .a li:hover img{
	transform: scale(1.2);
}
.about_01 .a li img {
	width: 100%;
	height: 280px;
}

.about_01 .b {
	background: #f9f9f9;
	padding: 50px 0;
	margin-top: 50px;
}

.about_01 .b p {
	float: right;
	line-height: 32px;
	color: #5a5a5a;
	width: 420px;
}

.about_01 .b img {
	width: 730px;
	height: 362px;
}

.about_01 .c {
	background: #82cdd3;
	color: #fff;
	padding: 40px 0;
}

.about_01 .c dt {
	font-size: 24px;
}

.about_01 .c dd {
	line-height: 26px;
	margin-top: 15px;
}

.about_01 .c .btn {
	display: block;
	width: 150px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	background-color: #333333;
}

.about_02 {
	text-align: center;
}

.about_02 .title {
	font-size: 34px;
	background: url(../images/bg1.png) bottom no-repeat;
	padding-bottom: 40px;
}

.about_02 li,
.about_02 li p,
.about_02 li h5 {
	display: inline-block;
	vertical-align: top;
}

.about_02 ul {
	margin: 80px 0 150px;
	font-size: 16px;
	color: #5a5a5a;
}

.about_02 ul p {
	font-size: 26px;
	padding-right: 20px;
	line-height: 28px;
	color: #333;
}

.about_02 ul li {
	padding: 0 50px;
	position: relative;
}

.about_02 ul li:after {
	content: '';
	display: block;
	border-left: 1px solid #999;
	height: 96px;
	position: absolute;
	top: 0;
	left: 0;
}

.about_02 ul li:first-child:after {
	border: none;
}

.about_03 li {
	float: left;
	width: 25%;
	padding: 10px;
	text-align: center;
}

.about_03 li a {
	display: block;
	border: 1px solid #eee;
	margin-bottom: 10px;
	overflow: hidden;
}
.about_03 li a:hover img{
	transform: scale(1.2);
}
.about_03 li p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.about_03 li a img {
	width: 100%;
	height: 318px;
}

.about_03 li ul {
	margin: -10px;
}

.page {
	padding: 30px 0;
	text-align: center;
}

.page a {
	display: inline-block;
	width: 35px;
	line-height: 35px;
	border: 1px solid #eee;
	border-radius: 3px;
	margin: 0 6px;
	color: #666;
}

.page a.on,
.page a:hover {
	background-color: #82cdd3;
	border: 1px solid #82cdd3;
	color: #fff;
}

.tabtitle_info {
	text-align: center;
	padding-bottom: 30px;
}

.tabtitle_info span {
	width: 125px;
	line-height: 42px;
	background: #b8b8b8;
	font-size: 16px;
	display: inline-block;
	color: #fff;
	margin: 0 5px;
	cursor: pointer;
	border-radius: 42px;
}

.tabtitle_info span.on {
	background: #82cdd3;
}

.about_04 ul {
	margin: -10px;
}

.about_04 li {
	float: left;
	width: 20%;
	padding: 10px;
}

.about_04 li a {
	display: block;
	border: 1px solid #eee;
	overflow: hidden;
}
.about_04 li a:hover img{
	transform: scale(1.2);
}
.about_04 li img {
	width: 100%;
	height: 117px;
}

.about_04 p {
	margin: 50px 0 80px;
}

.about_05 {
	padding-bottom: 80px;
	position: relative;
}

.about_05 .swiper-button-next,
.about_05 .swiper-button-prev {
	width: 27px;
	height: 27px;
	border-radius: 50%;
	border: 1px solid #82cdd3;
	text-align: center;
	line-height: 27px;
	background: none;
	top: 0;
}

.about_05 .swiper-button-prev {
	left: 94%;
}

.about_05 .swiper-button-prev:before {
	content: '';
	display: block;
	border-bottom: 1px solid #82cdd3;
	width: 12px;
	position: absolute;
	left: -12px;
	top: 13px;
}

.about_05 .swiper-button-next:before {
	content: '';
	display: block;
	border-bottom: 1px solid #82cdd3;
	width: 12px;
	position: absolute;
	right: -12px;
	top: 13px;
}

.about_05 .swiper-button-next:hover,
.about_05 .swiper-button-prev:hover {
	background: #82cdd3;
}

.about_05 .swiper-button-next:hover i,
.about_05 .swiper-button-prev:hover i {
	border-color: #fff;
}

.about_05 .swiper-button-next i {
	display: inline-block;
	vertical-align: middle;
	height: 10px;
	width: 10px;
	border-width: 1px 1px 0 0;
	border-color: #82cdd3;
	border-style: solid;
	-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
	transform: matrix(.71, .71, -.71, .71, 0, 0);
	margin: -4px 0 0 -4px;
}

.about_05 .swiper-button-prev i {
	display: inline-block;
	vertical-align: middle;
	height: 10px;
	width: 10px;
	border-width: 0 0 1px 1px;
	border-color: #82cdd3;
	border-style: solid;
	-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
	transform: matrix(.71, .71, -.71, .71, 0, 0);
	margin: -4px -4px 0 0;
}

.about_05 .flex {
	align-items: stretch;
	position: relative;
}

.about_05 .flex>div {
	padding: 10px 0;
}

.about_05 .flex:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 118px;
	border-left: 1px solid #82cdd3;
}

.about_05 .flex b {
	display: block;
	width: 80px;
	line-height: 32px;
	background-color: #d1d1d1;
	color: #fff;
	text-align: center;
	font-size: 18px;
	margin-right: 30px;
}

.about_05 .flex.on b {
	background: #82cdd3;
}

.about_05 .flex>.line {
	padding: 17px 0;
	position: relative;
	z-index: 3;
}

.about_05 .flex>.green {
	padding: 18px 20px;
	color: #82cdd3;
}

.about_05 .flex h3 {
	font-size: 16px;
	margin-top: 8px;
}

.about_05 .flex .box {
	padding-left: 30px;
}

.about_05 .flex .box img {
	max-width: 100%;
	margin: 20px 0;
}

.about_06 ul {
	margin: 10px;
}

.about_06 li {
	float: left;
	width: 25%;
	padding: 10px;
}

.about_06 li a {
	display: block;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}
.about_06 li a:hover img{
	transform: scale(1.2);
}
.about_06 li a img {
	width: 100%;
	height: 201px;
}

.about_06 li p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.about_06 li a span {
	position: absolute;
	color: #fff;
	right: 5px;
	bottom: 10px;
	font-size: 12px;
}

.about_07 table {
	width: 100%;
}

.about_07 table tr {
	border-bottom: 1px solid #eee;
}

.about_07 table td,
.about_07 table th {
	padding: 20px 0;
	text-align: center;
}

.about_07 table th {
	font-weight: normal;
	background: #f6f6f6;
	color: #a8a8a8;
}

.about_07 .more {
	display: inline-block;
	width: 110px;
	line-height: 40px;
	border-radius: 40px;
	color: #c6a57c;
	border: 1px solid #c6a57c;
}

.about_07 .more:hover {
	background: #c6a57c;
	color: #fff;
}

.about_08 {
	padding: 0 0 50px;
}

.about_08 .title {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 50px;
}

.about_08 ul {
	margin-bottom: 50px;
}

.about_08 li {
	float: left;
	width: 33.333%;
	text-align: center;
	padding: 50px 0;
	font-size: 16px;
}

.about_08 li:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.about_08 li h3 {
	font-size: 20px;
	margin: 20px 0;
}

.about_08 li i {
	display: inline-block;
	width: 43px;
	height: 46px;
	background-image: url(../images/2-08_03.png);
	background-repeat: no-repeat;
}

.about_08 li .ico2 {
	background-position: -408px 0;
}

.about_08 li .ico3 {
	background-position: -820px 0;
}

/**/
.videoitem .left {
	float: left;
	width: 846px;
}

.videoitem .left .hd,
.newsitem .hd {
	text-align: center;
	padding: 15px 0 30px;
}

.videoitem .left .hd h5,
.newsitem .hd h5 {
	color: #999;
	margin-top: 15px;
}

.videoitem .left .hd h1,
.newsitem .hd h1 {
	font-size: 22px;
}

.videoitem .left .bd,
.newsitem .bd {
	padding: 30px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.videoitem .left .bd video,
.videoitem .left .bd img {
	width: 100%;
}

.videoitem .left .ft {
	margin: 30px 0;
}

.videoitem .left .ft a {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.videoitem .right {
	float: right;
	width: 318px;

}

.videoitem .right .box {
	border: 1px solid #eee;
	padding-top: 20px;
	margin-bottom: 20px;
}

.videoitem .right .title {
	font-size: 20px;
	border-left: 3px solid #82cdd3;
	padding-left: 10px;
	line-height: 20px;
}

.videoitem .right .ul1,
.videoitem .right .ul3 {
	padding: 10px 15px 0;
}

.videoitem .right .ul1 li,
.videoitem .right .ul3 li {
	line-height: 50px;
	border-bottom: 1px solid #eee;
}

.videoitem .right .ul1 li:last-child,
.videoitem .right .ul2 li:last-child,
.videoitem .right .ul3 li:last-child {
	border: none;
}

.videoitem .right .ul1 li a {
	display: block;
	color: #666666;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.videoitem .right .ul1 li a:after {
	content: " ";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-width: 1px 1px 0 0;
	border-color: #c8c8cd;
	border-style: solid;
	-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
	transform: matrix(.71, .71, -.71, .71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 2px;
}

.videoitem .right .ul1 li a:hover {
	color: #333;
}

.videoitem .right .ul1 li a:hover:after {
	border-color: #333;
}

.videoitem .right .ul2 li {
	border-bottom: 1px solid #eee;
	padding: 15px 0;
}

.videoitem .right .ul2 {
	padding: 0 15px;
}
.videoitem .right .ul2 li .flex>div:first-child{
	height: 84px;
	overflow: hidden;
	margin-right: 15px;
}
.videoitem .right .ul2 li .flex>div:first-child:hover .pic{
	transform: scale(1.2);
}
.videoitem .right .ul2 li .pic {
	width: 120px;
	height: 84px;
	
}

.videoitem .right .ul2 li h4 {
	line-height: 25px;
	margin-bottom: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.videoitem .right .ul2 li span {
	color: #999;
}

/**/
.videoitem {
	padding-bottom: 40px;
}

.videoitem .left .pic {
	width: 100%;
}

.videoitem .left dl {
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}

.videoitem .left dl dt {
	font-weight: bold;
	font-size: 22px;
}

.videoitem .left dl dd p {
	font-size: 16px;
	margin: 10px 0 15px;
}

.videoitem .left dl dd p a {
	font-size: 12px;
	margin-left: 30px;
	color: #00457d;
}

.videoitem .left dl dd h5 span {
	padding: 0 20px;
	border-left: 1px solid #ddd;
	color: #666666;
}

.videoitem .left dl dd h5 span:first-child {
	border: none;
	padding-left: 0;
}

.videoitem .left .title {
	font-weight: bold;
	font-size: 18px;
	border-left: 3px solid #82cdd3;
	padding-left: 10px;
	line-height: 18px;
	margin: 20px 0 15px;
}

.videoitem .left .a ul {
	line-height: 30px;
}

.videoitem .right .ul3 li a {
	display: flex;
	align-items: center;
	color: #a8a8a8;
}

.videoitem .right .ul3 li a p {
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.videoitem .right .ul3 li a:hover {
	color: #333;
}

/**/
.banner_info-4 {
	background: url(../images/4-1_02.jpg) center no-repeat;
}

.Advantages {
	padding-bottom: 50px;
}

.Advantages .title {
	border-right: 3px solid #c6a47e;
	font-weight: bold;
}

.Advantages .title p {
	color: #c6a47e;
	font-size: 16px;
}

.Advantages .title b {
	display: block;
	font-size: 32px;
	margin-top: 15px;
}

.Advantages .flex {
	margin-top: 50px;
}

.Advantages .flex .box {
	height: 140px;
	overflow: hidden;
}

.Advantages .flex .box p {
	line-height: 28px;
	color: #787878;
}

.Advantages .flex h4 {
	font-weight: bold;
	font-size: 20px;
}

.Advantages .flex h4:after {
	content: '';
	display: block;
	width: 50px;
	border-bottom: 3px solid #82cdd3;
	margin: 20px 0;
}

.Advantages .flex h2 {
	font-weight: bold;
	font-size: 32px;
	margin-bottom: 20px;
}

.pl50 {
	padding-left: 50px;
}

.pr50 {
	padding-right: 50px;
}

/**/
.banner_info-5 {
	background: url(../images/5_02.jpg) center no-repeat;
}

.tiyan {
	padding-bottom: 50px;
}

.tiyan li {
	float: left;
	padding: 10px;
	width: 33.333%;
}

.tiyan li .box {
	position: relative;
	overflow: hidden;
}
.tiyan li:hover img{
	transform: scale(1.2);
}
.tiyan li p {
	margin-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tiyan li img {
	width: 100%;
	height: 277px;
}

.tiyan li a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}

.tiyan li a dl {
	position: absolute;
	left: 20px;
	bottom: 20px;
	right: 20px;
	color: #fff;
	border-left: 1px solid #9c9b99;
}

.tiyan li a dl dt {
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #9c9b99;
	padding: 0 20px;
	line-height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tiyan li a dl dd {
	padding: 0 20px;
	color: #c6a57c;
	line-height: 29px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tiyan li:hover a {
	display: block;
}

/**/
.banner_info-6 {
	background: url(../images/6-1_02.jpg) center no-repeat;
}

.caselist ul {
	margin: -10px;
}

.caselist li {
	float: left;
	padding: 10px;
	width: 25%;
	text-align: center;
}

.caselist li a {
	display: block;
	background: #f5f5f5;
}

.caselist li img {
	width: 100%;
	height: 220px;
}
.caselist li .pic,.videoitem .right .ul4 li .pic{
	overflow: hidden;
}
.caselist li:hover img,.videoitem .right .ul4 li:hover img{
	transform: scale(1.2);
}
.caselist li p {
	line-height: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/**/
.videoitem .right .ul4 {
	padding: 0 20px;
}

.videoitem .right .ul4 li:last-child {
	border: none;
}

.videoitem .right .ul4 li {
	padding: 15px 0;
	border-bottom: 1px solid #eee;
	text-align: center;
}

.videoitem .right .ul4 li p {
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.videoitem .right .ul4 li img {
	width: 100%;
	height: 218px;
}

/**/
.banner_info-7 {
	background: url(../images/7-1_02.jpg) center no-repeat;
}

.newsitem {
	padding: 0 50px;
}

.newsitem .bd p {
	line-height: 28px;
	margin-bottom: 20px;
}

.newsitem .bd img {
	display: block;
	margin: 20px auto;
}

.newsitem .bd h4 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

.newsitem .ft {
	padding: 20px 0 30px;
}

.newsitem .ft .flex_item:last-child,
.videoitem .left .ft .flex_item:last-child {
	text-align: right;
}

.newsitem .ft .flex_item:first-child a,
.videoitem .left .ft .flex_item:first-child a {
	color: #999999;
}

.videoitem .left .newslist li {
	padding: 15px 0;
}

.videoitem .left .newslist li .pic {
	width: 300px;
	height: 200px;
	overflow: hidden;
	margin-right: 15px;
}
.videoitem .left .newslist li:hover img{
	transform: scale(1.2);
}
.videoitem .left .newslist li img {
	width: 100%;
	height: 200px;
}

.videoitem .left .newslist li dl {
	border: none;
	padding: 0;
}

.videoitem .left .newslist li dt {
	font-size: 18px;
	font-weight: normal;
	color: #5a5a5a;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 15px;
}

.videoitem .left .newslist li span {
	color: #b8b8b8;
	font-size: 16px;
}

.videoitem .left .newslist li p {
	line-height: 26px;
	color: #999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 14px;
	margin: 20px 0 0;
}

.videoitem .left .newslist li a:hover p,
.videoitem .left .newslist li a:hover span {
	color: #333;
}

/**/
.banner_info-8 {
	background: url(../images/8-1_02.jpg) center no-repeat;
}

/**/
.banner_info-9 {
	background: url(../images/9-3_02.jpg) center no-repeat;
	height: 520px;
}

.banner_info-9 dl {
	width: 70%;
}

.infopage .left {
	float: left;
	width: 300px;

}

.infopage .left>ul {
	background: #f5f5f5;
	font-size: 16px;
}

.infopage .left>ul>li {
	line-height: 56px;
	border-bottom: 2px solid #fff;
}

.infopage .left>ul>li>a {
	display: block;
	padding-left: 25px;
	position: relative;
}

.infopage .left>ul>li>a:after {
	content: " ";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-width: 1px 1px 0 0;
	border-color: #333;
	border-style: solid;
	-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
	transform: matrix(.71, .71, -.71, .71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 20px;
}

.infopage .left>ul>li>a:hover,
.infopage .left>ul>li>a.on {
	color: #fff;
	background: #82cdd3;
}

.infopage .left>ul>li>a:hover:after,
.infopage .left>ul>li>a.on:after {
	border-color: #fff;
}

.infopage .right {
	float: right;
	width: 868px;
}

.infopage .right table {
	border: 1px solid #eee;
	width: 100%;
	text-align: center;
}

.infopage .right table td,
.infopage .right table th {
	line-height: 40px;
}

.infopage .right table tr {
	border-bottom: 1px solid #eee;
}

.infopage .right table tr:last-child {
	border: none;
}

.infopage .right table th {
	background: #f1f1f1;
}

/**/

.loginbg {
	background: url(../images/10_02.jpg) center no-repeat;
	height: 600px;
	position: relative;
}

.loginbox {
	width: 460px;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 25px 25px 40px;
}

.loginbox .title {
	font-size: 24px;
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
	padding-bottom: 15px;
}

.loginbox .bd {
	padding: 0 20px;
}

.loginbox .flex {
	border: 1px solid #ddd;
	padding: 0 20px;
	margin-top: 25px;
	border-radius: 5px;
}

.loginbox .form {
	line-height: 60px;
	height: 60px;
	width: 100%;
	font-size: 16px;
	padding-left: 15px;
}

.loginbox p {
	margin-top: 15px;
	font-size: 16px;
}

.loginbox .btn {
	width: 100%;
	font-size: 16px;
	border-radius: 5px;
	color: #fff;
	background: #82cdd3;
	height: 52px;
	margin-top: 30px;
}

/**/
.searvice .title {
	text-align: center;
	background: url(../images/bg1.png) bottom center no-repeat;
	padding-bottom: 40px;
	margin: 50px 0 30px;
}

.searvice .title h2 {
	font-size: 34px;
}

.searvice .title h4 {
	color: #888888;
	margin-top: 10px;
}

.searvice .box .center {
	padding: 0 50px;
}

.searvice .box dl {
	padding: 0 20px;
}

.searvice .box dd {
	line-height: 30px;
	position: relative;
	z-index: 3;
}

.searvice .box dt {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}

.searvice .box .pic {
	width: 265px;
	height: 190px;
}

.searvice .box {
	position: relative;
	margin: 80px 0;
}

.searvice .box:after {
	content: '';
	display: block;
	border-left: 3px solid #82cdd3;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -2px;
}

.searvice .box>.flex {
	margin-top: -50px;
}

.searvice .box>.flex .flex {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}

.searvice .box .p_img {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
}

.searvice .box .p_img1 {
	left: auto;
	right: 0;
}

/**/
.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 102;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	left: 0;
}

.loginbox .t_r {
	text-align: right;
}

.loginbox .t_r a {
	color: #888888;
}

.green {
	color: #82cdd3;
}

.loginbox ul {
	line-height: 24px;
	margin-top: 20px;
}

.loginbox li a {
	text-decoration: underline;
}

.loginbox .form-1 {
	padding-left: 0;
}

.loginbox .btn1 {
	width: 136px;
	height: 48px;
	font-size: 16px;
	color: #fff;
	background: #82cdd3;
}

button {
	cursor: pointer;
}

/**/
.infopage_9 {
	padding: 50px 0 0;
}

.infopage .left .box {
	border: 1px solid #eee;
	margin-top: 15px;
	padding: 20px 0 15px;
}

.infopage .left .box .title {
	font-size: 20px;
	border-left: 3px solid #82cdd3;
	padding-left: 10px;
	line-height: 20px;
	margin-bottom: 15px;
}

.infopage .left .box a {
	display: block;
	text-align: center;
}

.infopage .left .box a img {
	width: 257px;
	height: 257px;
	margin-bottom: 10px;
}

.infopage .left .box .swiper-pagination {
	bottom: 0;
}

.infopage .left .box .swiper-container {
	padding-bottom: 20px;
}

.infopage .left .box .swiper-pagination-bullet-active {
	background-color: #82cdd3;
}

.infopage .left .box p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.infopage .right .list li {
	display: flex;
	align-items: center;
	line-height: 50px;
	border-bottom: 1px solid #eee;
	color: #5a5a5a;
}

.infopage .right .list li a {
	display: block;
	color: #5a5a5a;
	background: url(../images/9-3_05.png) left center no-repeat;
	padding-left: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/**/
.infopage .right .list1 {
	margin: -12px;
}

.infopage .right .list1 li,
.infopage .right .list2 li {
	float: left;
	width: 33.333%;
	padding: 12px;
}

.infopage .right .list1 li img {
	width: 100%;
	height: 273px;
}

.infopage .right .list1 li .box,
.infopage .right .list2 li .box {
	position: relative;
	overflow: hidden;
}
.infopage .right .list1 li:hover img,
.infopage .right .list2 li:hover img{
	transform: scale(1.2);
}
.infopage .right .list1 li p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 12px;
	display: none;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.infopage .right .list1 li a,
.infopage .right .list2 li .btn {
	display: none;
	width: 91px;
	line-height: 28px;
	line-height: 28px;
	color: #fff;
	border-radius: 3px;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../images/9-4_06.png) 5px center no-repeat rgba(0, 0, 0, 0.5);
	padding: 0 5px 0 25px;
}

.infopage .right .list1 li:hover a,
.infopage .right .list1 li:hover p,
.infopage .right .list2 li:hover .btn {
	display: block;
}

.c_8 {
	color: #888;
}

/**/
.infopage .right .list2 li img {
	width: 100%;
	height: 209px;
}

.infopage .right .list2 li span {
	color: #fff;
	font-size: 12px;
	position: absolute;
	right: 5px;
	bottom: 5px;
}

.infopage .right .list2 li p {
	margin-top: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/**/
.videoitem1 {
	padding: 30px 0 50px;
}

.videoitem1 .left {
	float: left;
	width: 800px;
}

.videoitem1 .left video,
.videoitem1 .left img {
	width: 100%;
}

.videoitem1 .left h1 {
	font-size: 22px;
	margin-bottom: 20px;
}

.videoitem1 .right {
	float: right;
	width: 370px;
	margin-top: 49px;
}

.videoitem1 .right .btn {
	display: block;
	background-color: #82cdd3;
	margin: 0 auto 30px;
	width: 240px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	border-radius: 50px;
}

.videoitem1 .right ul {
	line-height: 34px;
	color: #666;
	background-color: #f3f4f7;
	padding: 15px 20px;
}

.videoitem1 .right ul span {
	color: #999999;
}

/**/
.banner_info-3 {
	background: url(../images/3-1_02.jpg) center no-repeat;


}

.banner_info-3 dl {
	width: 1200px;
	text-align: right;
	left: auto;
	right: 50%;
	margin-right: -600px;
}

.proitem {
	margin: 50px 0 80px;
	position: relative;
}

.proitem .pic {
	width: 610px;
	height: 610px;
}

.proitem .box {
	background-color: #fff;
	width: 660px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	padding: 45px;
	color: #666;
}

.proitem .box dl {
	line-height: 24px;
	padding-top: 20px;
}

.proitem .box dl dt {
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.proitem .box dl dd {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.proitem .box .title span {
	font-size: 24px;
	color: #333;
	padding-right: 10px;
}

.proitem .box .title:after {
	content: '';
	display: block;
	border-bottom: 2px solid #82cdd3;
	width: 98px;
	margin-top: 15px;
}

/**/
.proitem1 .a {
	width: 1028px;
	margin: 0 auto;
	padding: 30px 0;
}

.proitem1 .a .left {
	float: left;
	width: 531px;
}

.proitem1 .a img {
	width: 100%;
}

.proitem1 .a .right {
	float: right;
	width: 447px;
}

.proitem1 .a .right dl {
	padding: 0 50px 50px 0;
}

.proitem1 .a .right dl dd {
	line-height: 28px;
}

.proitem1 .a .right dl dt {
	font-size: 24px;
	font-weight: bold;
	color: #82cdd3;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.proitem1 .b {
	border: 1px solid #eee;
	margin: 30px 0 60px;
	text-align: center;
}

.proitem1 .b .title {
	background: #f7f7f7;
}

.proitem1 .b .title a {
	display: block;
	font-weight: bold;
	color: #fff;
	background-color: #81ccd2;
	line-height: 50px;
	width: 220px;
}

.proitem1 .b ul {
	padding: 10px;
}

.proitem1 .b li {
	float: left;
	width: 25%;
	padding: 10px;
}
.proitem1 .b li .pic{
	overflow: hidden;
	margin-bottom: 10px;
}
.proitem1 .b li img {
	width: 100%;
	height: 279px;
	
}
.proitem1 .b li:hover img{
	transform: scale(1.2);
}
.proitem1 .b li p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/**/
.product01 ul {
	margin: -17px;
}

.product01 li {
	float: left;
	width: 33.33%;
	padding: 17px;
	text-align: center;
}

.product01 li p {
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 13px;
}
.product01 li .pic{
	overflow: hidden;
}
.product01 li:hover img{
	transform: scale(1.2);
}
.product01 li img {
	width: 100%;
	height: 377px;
}

.SMC .flex {
	align-items: stretch;
	padding-bottom: 30px;
	padding-top: 50px;
}

.SMC .flex dl {
	padding-left: 20px;
}

.SMC .flex dt {
	font-size: 20px;
	line-height: 34px;
	margin-bottom: 10px;
}

.SMC .flex dd {
	line-height: 30px;
	color: #5a5a5a;
}

.SMC .a .left {
	float: left;
	width: 650px;
	margin-left: 30px;
}

.SMC .a .right {
	float: right;
	width: 422px;
}

.SMC img {
	max-width: 100%;
}

.SMC .a {
	padding-bottom: 50px;
}

.SMC .b {
	padding-bottom: 30px;
}

.SMC .b li {
	float: left;
	width: 50%;
	border-top: 1px solid #eee;
	padding-bottom: 30px;
}

.tabtitle_info-1 {
	border-bottom: 1px solid #82cdd3;
	padding: 0;
	margin-bottom: 30px;
}

.tabtitle_info-1 span {
	border-radius: 5px 5px 0 0;
	background: #f4f4f4;
	border: 1px solid #ddd;
	color: #333;
	font-size: 14px;
	border-bottom: none;
	position: relative;
}

.tabtitle_info-1 span.on {
	background-color: #fff;
	border: 1px solid #82cdd3;
	border-bottom: none;
}

.tabtitle_info-1 span.on:after {
	content: '';
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.tabtitle_info-1 span.on:before {
	content: '';
	display: block;
	width: 100%;
	border-bottom: 2px solid #82cdd3;
	position: absolute;
	top: 0;
	left: 0;
}

/**/
.SMC1 .a .left {
	float: left;
}

.SMC1 .a .left li {
	float: left;
	margin-right: 9px;
}

.SMC1 .a .right {
	float: right;
	width: 450px;
}

.SMC1 p {
	line-height: 30px;
	color: #5a5a5a;
	margin-top: 15px;
}

.SMC1 .title {
	font-size: 20px;
	border-left: 3px solid #82cdd3;
	padding-left: 10px;
	line-height: 20px;
	margin-top: 30px;
}

.SMC1 .b {
	padding: 30px 0;
}

.SMC1 .c {
	padding-bottom: 50px;
}

.SMC1 .c li {
	float: left;
	margin-left: 18px;
}

.SMC1 .a .left li:first-child,
.SMC1 .c li:first-child {
	margin: 0;
}

.SMC1 .d ul {
	margin: 15px -6px 30px;
}

.SMC1 .d li {
	float: left;
	width: 20%;
	padding: 6px;
}

.SMC1 .d li img {
	width: 100%;
	height: 340px;
}

/**/
.zhuti {
	padding: 0 0 50px;
}

.zhuti li {
	width: 25%;
	float: left;
	overflow: hidden;
	position: relative;
	-o-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.zhuti li .pic {
	width: 650px;
	height: 650px;
}
.zhuti li.thi{width: 16.6666666666666%;}
.zhuti li.on {
	width: 50%;
}

.zhuti li a {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.zhuti li.on a {
	display: none;
}

.zhuti li dl {
	position: absolute;
	color: #fff;
	left: 30px;
	bottom: 30px;
	right: 30px;
	z-index: 2;
}

.zhuti li dl dt {
	font-size: 24px;
	width: 24px;
}

.zhuti li dl dd {
	font-size: 16px;
	line-height: 28px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-top: 20px;
	display: none;
}

.zhuti li.on dt {
	width: auto;
}

.zhuti li.on dd {
	display: -webkit-box;
}


/**/
.p4-cir {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}
.p4-cir-1 {
    -webkit-animation: player-icon-run 5s 0s linear infinite;
    -o-animation: player-icon-run 5s 0s linear infinite;
    animation: player-icon-run 5s 0s linear infinite;
}
.p4-cir-2 {
    -webkit-animation: player-icon-run2 4s 0s linear infinite;
    -o-animation: player-icon-run2 4s 0s linear infinite;
    animation: player-icon-run2 4s 0s linear infinite;
}
.p4-cir-4 {
    -webkit-animation: player-icon-run3 5s 0s linear infinite;
    -o-animation: player-icon-run3 6s 0s linear infinite;
    animation: player-icon-run3 6s 0s linear infinite;
}
.p4-cir-3 {
    -webkit-animation: player-icon-run3 6s 0s linear infinite;
    -o-animation: player-icon-run3 6s 0s linear infinite;
    animation: player-icon-run3 6s 0s linear infinite;
}
.p4-cir-5 {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
/*ani*/
@-webkit-keyframes fadeout-right-ani{
	0%{opacity:1; -webkit-transform: translate3d(0, 0, 0);}
	100%{opacity:0; -webkit-transform: translate3d(10px, 0, 0);}
}


@keyframes player-icon-run {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes player-icon-run {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes player-icon-run2 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes player-icon-run2 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes player-icon-run3 {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        -o-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }

    50%{
    	-webkit-transform: scale(0.7) rotate(180deg);
        -ms-transform: scale(0.7) rotate(180deg);
        -o-transform: scale(0.7) rotate(180deg);
        transform: scale(0.7) rotate(180deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(-360deg);
        -ms-transform: scale(1) rotate(-360deg);
        -o-transform: scale(1) rotate(-360deg);
        transform: scale(1) rotate(-360deg);
    }
}

@-webkit-keyframes player-icon-run3 {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        -o-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }

    50%{
    	-webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1) rotate(-360deg);
        -ms-transform: scale(1) rotate(-360deg);
        -o-transform: scale(1) rotate(-360deg);
        transform: scale(1) rotate(-360deg);
    }
}

/*0117*/
.Advantages-1 .flex{
	align-items: stretch;
	border-bottom: 1px solid #ddd;
	padding: 40px 0;
}
.Advantages-1 .flex h4{
	font-size: 24px;
}
.Advantages-1 .flex li{
	line-height: 28px;
	/* background: url(../images/4-1_10.jpg) left center no-repeat; */
	padding-left: 15px;
	color: #5a5a5a;
}
.Advantages-1 .last{
	text-align: center;
	padding: 40px 0;
}
.Advantages-1 .last img{
	width: 432px;
	height: 600px;
}
.Advantages-1 .last h4{
	font-weight: bold;
	font-size: 24px;
}
.Advantages-1 .last h4:after {
    content: '';
    display: block;
    width: 50px;
    border-bottom: 3px solid #82cdd3;
    margin: 20px auto;
}