@charset "utf-8";



/* CSS Document */



#banner {
	position: relative;
	margin-top:150px;
}



#banner .owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	padding: 0;
	width: 36px;
	height: 46px;
}



#banner .owl-theme .owl-controls .owl-buttons .owl-prev {
	left: 1%;
	background: url('../images/left.png') no-repeat center center;
}



#banner .owl-theme .owl-controls .owl-buttons .owl-next {
	right: 1%;
	background: url('../images/right.png') no-repeat center center;
}



#banner2.mbpt {
	display: none;
	position: relative;
}



#banner2 .owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	padding: 0;
	width: 36px;
	height: 46px;
}



#banner2 .owl-theme .owl-controls .owl-buttons .owl-prev {
	left: 1%;
	background: url('../images/left.png') no-repeat center center;
}



#banner2 .owl-theme .owl-controls .owl-buttons .owl-next {
	right: 1%;
	background: url('../images/right.png') no-repeat center center;
}



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



	#banner.pcpt {
		display: none;
	}



	#banner2.mbpt {
		display: block;
	}



}



body .owl-theme {
	position: relative;
	overflow: hidden;
}



body .owl-theme .owl-controls .owl-nav [class*=owl-] {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 46px;
	margin-top: -23px;
	transition: all 0.3s linear;
	opacity: 0;
	filter: alpha(opacity=0);
}



body .owl-theme .owl-controls .owl-nav .owl-prev {
	left: -100px;
	background: url('../images/left.png') no-repeat center center;
}



body .owl-theme .owl-controls .owl-nav .owl-next {
	right: -100px;
	background: url('../images/right.png') no-repeat center center;
}



body .owl-theme .owl-dots {
	position: absolute;
	left: 0;
	bottom: 5px;
	text-align: center;
	width: 100%;
}



body .owl-theme .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	margin: 5px;
}



body .owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	background: #fff;
	border: 1px solid #f67c01;
}



body .owl-theme .owl-dots .owl-dot.active span,
body .owl-theme .owl-dots .owl-dot:hover span {
	background: #f67c01;
}



body .owl-theme:hover .owl-controls .owl-nav .owl-prev {
	left: 20px;
	opacity: 1;
	filter: alpha(opacity=100);
}



body .owl-theme:hover .owl-controls .owl-nav .owl-next {
	right: 20px;
	opacity: 1;
	filter: alpha(opacity=100);
}



.ban-left {
	float: left;
}



.ban-form {
	position: fixed;
	display: none !important;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 12px 0;
	z-index: 8;
	background-image: url('../images/icon/hsbg.png');
}



.myform1 {
	float: right;
	margin: 7px auto;
}



.myform1 .form-item {
	width: 230px;
	height: 55px;
	overflow: hidden;
	float: left;
	border: 1px solid #e9e9e9;
	border-right: none;
	position: relative;
}



.myform1 .form-item:nth-child(3) {
	border-right: 1px solid #e9e9e9;
}



.myform1 .form-label {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	text-align: center;
}



.myform1 .form-label .iconfont {
	font-size: 24px;
	color: #999;
	line-height: 53px;
	height: 53px;
}



.myform1 .form-inner {
	padding-left: 60px;
	background: #fff;
}



.myform1 .form-inner input {
	width: 100%;
	height: 53px;
	line-height: 53px;
	padding: 0 10px;
	font-size: 16px;
	color: #333;
	border: none;
}



.myform1 .form-submit {
	margin-left: 14px;
	border: none;
	width: 180px;
}



.myform1 .form-submit .btn-form {
	font-size: 16px;
	color: #fff;
	line-height: 53px;
	height: 55px;
	text-align: center;
	background: #c0000b;
	border: none;
	width: 100%;
}



.myform1 .form-submit .btn-form img {
	margin-left: 10px;
}



.colse-btn {
	z-index: 9;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 0;
	color: #fff;
	width: 30px;
	height: 30px;
	background: url(../images/colse.png) no-repeat center;
	background-size: 100%;
}







.section {
	padding: 4% 0 40px;
}



.Title {
	text-align: center;
	margin-bottom: 20px;
}



.Title h2 {
	font-size: 36px;
	color: #fff;
	line-height: 50px;
}



.Title p {
	margin-top: 6px;
	font-size: 18px;
	color: #fff;
	line-height: 30px;
}

 
 

/* #pro_center */



#pro_center .layout {
	margin-top: 3%;
}



#pro_center .layout .lf_part {
	width: 360px;
	background: #eaeaea;
}



#pro_center .layout .lf_part .tit_hd,
#pro_center .layout .lf_part .tit_top {
	color: #fff;
	background: #004596;
}



#pro_center .layout .lf_part .tit_hd {
	padding: 12px 10px;
	align-items: center;
	box-sizing: border-box;
	border-bottom: 27px solid #eaeaea;
}



#pro_center .layout .lf_part .tit_hd b {
	font-size: 25px;
	display: inline-block;
}



#pro_center .layout .lf_part .tit_hd span {
	font-size: 18px;
	color: #fff;
	font-family: arial;
}



#pro_center .layout .lf_part .tit_top {
	padding: 7px 19px;
	box-sizing: border-box;
}



#pro_center .layout .lf_part .tit_top b {
	display: inline-block;
	font-size: 18px;
}



#pro_center .layout .lf_part .series_item ul {
	padding: 4% 5%;
	background: #eaeaea;
}



#pro_center .layout .lf_part .series_item ul li {
	margin-bottom: 13px;
	padding-left: 20px;
	font-size: 16px;
	border-bottom: 1px solid #6c6d6c;
	box-sizing: border-box;
	background: url(../images/icon_01.png)no-repeat left top 5px
}



#pro_center .layout .lf_part .series_item ul li a {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}



#pro_center .layout .rt_part {
	width: calc(100% - 380px);
	width: -webkit-calc(100% - 380px);
}



#pro_center .layout .rt_part:after {
	content: "";
	width: 32%;
}



#pro_center .layout .rt_part .pro_item {
	margin-bottom: 25px;
	width: 32%;
}



#pro_center .layout .rt_part .pro_item:nth-last-child(-n + 3) {
	margin-bottom: 0;
}



#pro_center .layout .rt_part .pro_item .img {
	border: 1px solid #dadada;
	box-sizing: border-box;
}



#pro_center .layout .rt_part .pro_item .tit {
	padding: 9px;
	font-size: 16px;
	background: #e2e2e4;
	text-align: center;
	box-sizing: border-box;
}



#pro_center .layout .rt_part .pro_item .tit p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}



#pro_center .layout .rt_part .pro_item .tit a {
	display: block;
	color: #141414;
}







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



	#pro_center .layout .lf_part {
		width: 280px;
	}



	#pro_center .layout .lf_part .tit_hd b {
		font-size: 20px;
	}



	#pro_center .layout .lf_part .tit_hd span {
		font-size: 14px;
	}



	#pro_center .layout .lf_part .tit_top b {
		font-size: 16px;
	}



	#pro_center .layout .lf_part .series_item ul li {
		font-size: 14px;
	}



	#pro_center .layout .rt_part {
		width: calc(100% - 300px);
		width: -webkit-calc(100% - 300px);
	}



}



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



	#pro_center .layout .lf_part {
		width: 100%;
	}

	.about-ul p {
		white-space: normal;
		text-overflow: ellipsis;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.about-ul .number {
		font-size: 30px;
	}

	#pro_center .layout .lf_part .series_item ul {
		display: none;
	}



	#pro_center .layout .rt_part {
		margin-top: 30px;
		width: 100%;
	}



	#pro_center .layout .rt_part .pro_item .tit {
		font-size: 14px;
	}



}



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



	#pro_center .layout .lf_part .tit_hd {
		justify-content: flex-end;
		padding: 10px;
		border-bottom-width: 1px;
	}



	#pro_center .layout .lf_part .tit_hd b {
		display: none;
	}



	#pro_center .layout .lf_part .tit_top {
		padding: 4px 10px;
	}



	#pro_center .layout .lf_part .tit_top b {
		font-size: 14px;
	}



	#pro_center .layout .lf_part .series_item ul {
		padding: 4% 2%;
	}



	#pro_center .layout .lf_part .series_item ul li {
		margin-bottom: 10px;
	}



	#pro_center .layout .lf_part .series_item ul li:nth-last-child(1) {
		margin-bottom: 0;
	}



	#pro_center .layout .rt_part .pro_item {
		margin-bottom: 10px;
		width: 49%;
	}



	#pro_center .layout .rt_part .pro_item .tit {
		padding: 6px 4px;
	}



	#pro_center .layout .rt_part .pro_item:nth-last-child(-n + 3) {
		display: none;
	}



}



/* --------------pro_center end------------------ */







/* ------------home_reason------------ */



#home_season {
    background: url(../images/by_bg.jpg);
	background-size: cover;
	background-position: center;
	padding: 4.3% 0 0%;
}

#home_season

#home_season .layout {
	margin-top: 3%;
}

#home_season .layout li {
	position: relative;
}

#home_season .layout .pc {
	display: block;
}

#home_season .layout .m {
	display: none;
}

#home_season .layout li .info {
	text-align: left;
	top: -8%;
	position: absolute;
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
	left: 54%;
	width: 44%;
	height: 100%;
}

#home_season .layout li .info h5 {
	text-align: center;
	font-size: 30px;
	color: #ff8400;
	margin-bottom: 4%;
}

#home_season .layout li .info p {
	font-size: 16px;
	line-height: 28px;
	max-height:112px;
	overflow:hidden;
}

#home_season .layout li .btn {
	text-align: left;
	top: 38%;
	position: absolute;
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
	left: 73%;
	height: 100%;
}

#home_season .layout li .lt {
	left: 3%;
}

#home_season .layout li .rt {
	left: 20%;
}

#home_season .layout li .btn a {
	font-size: 14px;
	background: #fff;
	border-radius: 24px;
	padding: 5px 16px;
}

#home_season .layout li:nth-child(1) {
	margin-bottom: 24px;
}

#home_season .adv_item a {
	cursor: default;
}



#home_season .adv_item .img {
	position: relative;
	padding-bottom: 40%;
	width: 50%;
	transition: all .3s;
	overflow: hidden;
}



#home_season .adv_item .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	transition-duration: 2s;
}



#home_season .adv_item .part_text {
	padding: 7% 2% 2% 7%;
	width: 50%;
	box-sizing: border-box;
	transition: all .3s;
}

#home_season .adv_item .part_text .img_num {
	color: #ff8400;
	font-size: 80px;
	font-weight: 500;
}

#home_season .adv_item .part_text .tit {
	font-size: 30px;
	color: #000;
	font-weight: bold;
	margin: 0 auto;
	margin-left: 15px;
	display: flex;
	align-items: center;
}

#home_season .pt-list {
	margin-top: 1%;
}

#home_season .pt-list .fix {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#home_season .pt-list .fix li {
	width: 32.6%;
}

#home_season .pt-list .fix li:hover .img img {
	/* transform: scale(1.1); */
}

#home_season .pt-list .fix li .img img {
	/* transition: all 0.3s linear; */
	width: 100%;

}

/*  */
#home_season .pt-list .fix li .pt-item {
	/* background: #fff;
	border: 1px solid #e4e3e3; */
	padding: 20px;
	padding-bottom: 20px;
	position: relative;
}

#home_season .pt-list .info {

	text-align: left;
	top: 0;
	position: absolute;
	color: #0054a7;
	font-weight: bold;
	display: flex;
	align-items: center;
	left: 63%;
	right:5%;
	height: 100%;

}

#home_season .pt-list .info h5 {
	color: #fff;
	font-size: 18px;
}

#home_season .pt-list .btn {

	text-align: left;
	top: 20%;
	position: absolute;
	color: #000;
	font-weight: bold;
	display: flex;
	align-items: center;
	left: 63%;
	left:5%;
	height: 100%;

}

#home_season .pt-list .btn a {
	font-size: 14px;
	background: #fff;
	border-radius: 24px;
	padding: 5px 8px;
}

footer .foot_mid .wrap .rt_part .mes_box .eml input::-webkit-input-placeholder {

	color: #aab2bd;

	font-size: 12px;

}

footer .foot_mid .wrap .rt_part .mes_box .eml textarea::-webkit-input-placeholder {

	color: #aab2bd;

	font-size: 12px;

}

#home_season .adv_item .part_text p {
	font-size: 14px;
	color: #666;
	line-height: 26px;
}



#home_season .adv_item:nth-child(even) .part_text {
	padding: 7% 2% 2% 10%;
}



#home_season .adv_item:nth-child(even) .part_text p.con {
	padding-right: 8%;
	box-sizing: border-box;
}

#home_season .adv_item:hover .img img {
	transform: scale(1.1);

	transition: all .3s;
}

@media only screen and (max-width:1600px) {
	#home_season .pt-list .info h5 {
		font-size: 16px;
	}

	#home_season .layout li .info h5 {
		font-size: 24px;
	}

	#home_season .layout li .info p {
		font-size: 13px;
	}
}

@media only screen and (max-width:1360px) {
	#home_season .pt-list .info {
		left: 60%;
	}

	#home_season .pt-list .btn {
		left: 60%;
	}

	#home_season .pt-list .btn a {
		font-size: 11px;

		padding: 2px 5px;
	}

	#home_season .pt-list .info h5 {
		font-size: 16px;
	}
}

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



	#home_season .adv_item .part_text {
		padding: 2%;
	}



	#home_season .adv_item .part_text .tit {
		font-size: 22px;
		margin: 0 0 10px;
	}



	#home_season .adv_item:nth-child(even) .part_text {
		padding: 2%;
	}



	#home_season .adv_item:nth-child(2) .part_text {
		background: url(../images/icon_02.png) no-repeat right -8px top 0;
	}



	#home_season .adv_item:nth-child(4) .part_text {
		background: url(../images/icon_03.png)no-repeat right -8px top -42px;
	}



}

@media only screen and (max-width:1080px) {
#banner {
	position: relative;
	margin-top:46px;
}



	#home_season .pt-list .fix li {
		width: 50%;
	}

	#home_season .layout .flex {
		background-color: #E7E6EE;
		padding-bottom: 24px;
	}

	#home_season .layout .pc {
		display: none;
	}

	#home_season .layout .m {
		display: block;
	}

	#home_season .layout .m img {
		width: 100%;
	}

	#home_season .layout li .info {
		position: initial;
		width: 94%;
		margin: 0 auto;
		margin-bottom: 3%;
		height: auto;
	}

	#home_season .layout li .info h5 {
		margin-bottom: 2%;
		margin-top: 2%;
	}

	#home_season .layout li .info p {
		font-size: 16px;
	}

	#home_season .layout li .btn {
		position: initial;
		justify-content: center;
	}

	#home_season .pt-list .info h5 {
		font-size: 18px;
	}

	#home_season .pt-list .btn a {
		font-size: 14px;
		padding: 5px 8px;
	}

	#home_season .layout li .info h5 {
		font-size: 22px;
	}

	#home_season .layout li .info p {
		line-height: 24px;
	}


}


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


	#home_season .pt-list .info h4 {
		font-size: 18px;
	}

	#home_season .adv_item .img {
		padding-bottom: 45%;
		width: 100%;
	}

	#home_season .pt-list .fix li {
		width: 100%;
	}

	#home_season .pt-list .fix li:nth-child(3) {}

	#home_season .pt-list .fix li:nth-child(2) {
		display: none;
	}

	#home_season .pt-list .fix li:nth-child(1) {
		display: none;
	}

	#home_season .adv_item .part_text {
		width: 100%;
		padding: 20px;
	}



	#home_season .adv_item .part_text .tit {
		font-size: 20px;
	}



	#home_season .adv_item:nth-child(odd) .img:after {
		right: initial;
		top: initial;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		border-left-color: transparent;
		border-top-color: transparent;
		border-right-color: transparent;
		border-bottom-color: #fff;
	}



	#home_season .adv_item:nth-child(even) .flx_w {
		flex-flow: column-reverse;
	}

}


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



	#home_season {
		padding: 20px 0 20px;
	}

	#home_season .layout li .info h5 {
		font-size: 18px;
	}

	#home_season .layout li .info p {
		font-size: 14px;
	}

	#home_season .pt-list .info {
		left: 63%;
	}

	#home_season .pt-list .info h5 {
		font-size: 14px;
	}

	#home_season .pt-list .btn a {
		font-size: 12px;
		padding: 2px 5px;
	}

	#home_season .pt-list .btn {
		top: 24%;

	}

	#home_season .adv_item .part_text {
		padding: 14px;
	}



	#home_season .adv_item .part_text .img_num img {
		width: 55px;
	}



	#home_season .adv_item:nth-child(even) .part_text {
		padding: 14px;
	}



	#home_season .adv_item:nth-child(2) .part_text {
		background: none
	}



	#home_season .adv_item:nth-child(4) .part_text {
		background: none
	}



	#home_season .adv_item:nth-child(even) .part_text p.con {
		padding-right: 0;
	}



	#home_season .adv_item .part_text .tit {
		font-size: 16px;
		margin-right: auto;
	}



	#home_season .adv_item .part_text p {
		font-size: 14px;
		line-height: 24px;
	}



}



/* ------------home_reason_end------------ */







/*-------------- slogan_banner-------------- */



.slogan_banner {
	background: #f67c01;
}



.slogan_banner .flx_w {
	align-items: center;
}



.slogan_banner .hot_line {
	text-align: right;
	color: #fff;
}



.slogan_banner .hot_line p {
	margin-bottom: 6px;
	font-size: 16px;
}



.slogan_banner .hot_line b {
	font-size: 20px;
	display: block;
	font-family: arial;
}



.slogan_banner .hot_line .more span {
	display: inline-block;
	margin-top: 9px;
	background: #ffa200;
	padding: 7px 17px;
	border-radius: 5px;
	color: #fff;
}



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



	.slogan_banner .lf_part {
		width: 100%;
		text-align: center;
	}



	.slogan_banner .rt_part {
		padding-bottom: 2%;
		width: 100%;
		text-align: center;
	}



	.slogan_banner .rt_part .hot_line {
		text-align: center;
	}



}



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



	.slogan_banner {
		display: none;
	}



}



/*------------------------ slogan_banner_end --------- */



/* ----------- home_about -------------- */



#home_about {
	padding: 5.5% 0 6%;
}



#home_about .lf_part {
	padding: 3.5% 2%;
	width: 60%;
	background: url(../images/about_bg01.jpg)no-repeat center/cover;
	color: #f67c01;
	box-sizing: border-box;
}



#home_about .lf_part .tit_hd .cn {
	font-size: 36px;
}



#home_about .lf_part .tit_hd .en {
	font-size: 28px;
	text-transform: uppercase;
	font-family: arial;
	font-weight: bold;
}



#home_about .lf_part .con {
	margin-top: 8px;
	font-size: 14px;
	line-height: 30px;
}



#home_about .lf_part .con p:nth-last-child(1) {
	margin-top: 5px;
	font-size: 16px;
	font-weight: bold;
}



#home_about .lf_part .more span {
	display: inline-block;
	margin-top: 2.7%;
	padding: 7px 28px;
	color: #fff;
	box-sizing: border-box;
	font-size: 16px;
	border-radius: 6px;
	background: #f67c01;
}



#home_about .rt_part {
	width: 40%;
	background: #f67c01;
}



#home_about .rt_part .img {
	position: relative;
	overflow: hidden;
}



#home_about .rt_part .img:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -50%;
	width: 30px;
	height: 200%;
	background: linear-gradient(to right, transparent, rgba(255, 255, 255, .6), transparent);
	transform: rotateZ(-45deg) translateX(500px);
}



@keyframes slideTo {



	from {
		transform: rotateZ(-45deg) translateX(500px);
	}



	to {
		transform: rotateZ(-45deg) translateX(-500px);
	}



}



#home_about .rt_part .img:hover:after {
	animation: slideTo 1s 0s 1 ease;
}



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



	#home_about .lf_part .tit_hd .cn {
		font-size: 24px;
	}



	#home_about .lf_part .tit_hd .en {
		font-size: 20px;
	}



	#home_about .lf_part .con {
		line-height: 24px;
	}



}



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



	#home_about .lf_part {
		padding: 30px 3% 40%;
		width: 100%;
	}



	#home_about .rt_part {
		width: 100%;
	}



}



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



	#home_about {
		padding: 30px 0 40px;
	}



}



/* ----------- home_about_end -------------- */



/****** case ******/



#case {
	padding: 4% 0 4.5%;
	background: url(../images/by_bg.jpg);
	background-size: cover;
	background-position: center;
}



.case-Tab-Tit {
	margin-bottom: 40px;
	text-align: center;
}



.case-Tab-Tit li {
	display: inline-block;
	margin: 0 5px;
}



.case-Tab-Tit li a {
	display: inline-block;
	font-size: 16px;
	color: #000;
	padding: 0 15px;
	line-height: 48px;
	border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #dadada;
	background: #f9f8f8;
}



.case-Tab-Tit li.cur a {
	background: #f67c01;
	color: #fff;
	border: 1px solid #f67c01;
}



.case-Box {
	position: relative;
	margin-top: 3.5%;
}



.case-ul li {
	width: 24%;
}



.case-ul li:nth-child(2n+1) {
	float: left;
}



.case-ul li:nth-child(2n) {
	float: right;
}



.case-Box .Item {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
}



.case-Box .Item img {
	transition: all 0.3s linear;
	width: 100%;
}



.case-Box .Item h3 {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	background-image: url('../images/icon/black.png');
	font-size: 16px;
	color: #fff;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-weight: 500;
}



.case-Box .Item:hover img {
	transform: scale(1.1);
}



.case-owl {
	width: 50%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}



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



	#case {
		padding: 20px 0;
	}



}







/****** Quotation ******/



#Quotation {
	background: #e2e2e2 url('../images/bjbg.png') no-repeat center center;
}



.check-house,
.check-time,
.choosebjway li,
.ele_bt {
	cursor: pointer;
}



.con h1,
.con h3 {
	font-weight: 400;
}



i {
	font-style: normal;
}



.con_t {
	font-size: 24px;
	padding-bottom: 15px;
}



.con_bj {
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 10px #ccc;
	background-image: url('../images/bsbg.png');
}



.con_bj h3 {
	font-size: 20px;
	margin-bottom: 20px;
}



.con_bj_cal {
	position: relative;
	width: 50%;
	padding: 80px 40px 80px 200px;
	border-right: 1px solid #eee;
	float: left;
}



.bj_form {
	width: 370px;
	font-size: 14px;
}



.bj_form .label {
	font-size: 16px;
	color: #333;
	text-align: left;
	margin-left: 0;
}



.mod_form .label {
	width: 100px;
	padding-right: 8px;
	float: left;
	text-align: right;
	line-height: 34px;
}



.bj_res_t,
.bj_res_t b,
.calc-btn em,
.ele_bt {
	text-align: center;
}



.bj_form .element {
	width: 370px;
	position: relative;
	padding-bottom: 18px;
	height: 49px;
}



.bj_form .select {
	width: 320px;
	padding-left: 5px;
	height: 36px;
}



.bj_form .select_s {
	width: 260px;
}



.bj_form .select_s_s {
	width: 78px;
	margin-bottom: 10px;
}



.bj_form .text {
	width: 260px;
	border: 1px solid #cccccc;
}



.bj_form .area_text {
	width: 260px;
	padding: 7px 20px 7px 10px;
	color: #000000;
}



.bj_form .text_wrap {
	position: static;
}



.bj_form .text_wrap .text_lbl {
	left: 11px;
}



.bj_form .text_wrap .unit {
	margin-left: -32px;
	color: #bbb;
}



.bj_form .form_error {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
}



.ele_b {
	margin-left: -10px;
}



.ele_bt {
	float: left;
	width: 120px;
	height: 32px;
	line-height: 32px;
	margin-right: 10px;
	border: 1px solid #ddd;
}



.ele_bt_on {
	color: #f36f20;
	border-color: #f36f20;
}



.calc-btn {
	position: absolute;
	top: 155px;
	right: -65px;
	display: block;
	width: 130px;
	height: 130px;
	background: #003d;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	z-index: 15;
}



.calc-btn-ie,
.ico-line-btn {
	width: 140px;
	height: 140px;
	right: -71px;
	display: block;
	position: absolute;
}



.calc-btn-ie,
.ico-line-btn {
	width: 140px;
	height: 140px;
	right: -71px;
	display: block;
	position: absolute;
}



.calc-btn em {
	display: block;
	font-size: 20px;
	color: #fff;
	width: 44px;
	height: 60px;
	margin: 40px auto 0;
}



.circle-animate {
	position: absolute;
	top: 145px;
	right: -75px;
	width: 150px;
	height: 150px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fdcc9a;
	z-index: 12;
	-webkit-animation: scale-three2 1.5s ease infinite;
	-moz-animation: scale-three2 1.5s ease infinite;
	-o-animation: scale-three2 1.5s ease infinite;
	animation: scale-three2 1.5s ease infinite;
	animation-fill-mode: both;
}



/*右边*/



.result-wechat-hotad {
	width: 50%;
	float: right;
	padding: 80px 0;
}



.result-wechat-hotad .calputer_tit {
	width: 380px;
	margin: 10px auto;
}



.result-wechat-hotad .num {
	font-size: 30px;
	color: #db0000;
}



.result-wechat-hotad .bj_res_ul {
	width: 380px;
	height: 250px;
	padding: 40px 0;
	background: #fff;
	margin: 0 auto;
	text-align: center;
}



.result-wechat-hotad .bj_res_ul li {
	font-size: 16px;
	height: 40px;
	line-height: 40px;
}



.calputer_tit span {
	margin-left: 10px;
	color: #db0000;
	font-size: 14px;
}







@keyframes scale-three2 {



	0% {
		transform: scale(1);
		opacity: .8;
	}



	100% {
		transform: scale(1.3);
		opacity: 0;
	}



}







@-webkit-keyframes scale-three2 {



	0% {
		-webkit-transform: scale(1);
		opacity: .7;
	}



	100% {
		-webkit-transform: scale(1.3);
		opacity: 0;
	}



}







@-moz-keyframes scale-three2 {



	0% {
		-moz-transform: scale(1);
		opacity: .7;
	}



	100% {
		-moz-transform: scale(1.3);
		opacity: 0;
	}



}







@-o-keyframes scale-three2 {



	0% {
		-o-transform: scale(1);
		opacity: .7;
	}



	100% {
		-o-transform: scale(1.3);
		opacity: 0;
	}



}







/****** Aboutus ******/



#Aboutus {
	background: #000 url('../images/about_bg.jpg') no-repeat center;
	padding: 3.6% 0 3.5%;
}



#Aboutus .main {
	align-items: center;
}



#Aboutus .left {
	width: 52%;
	float: initial;
}



#Aboutus .left .Title {
	text-align: left;
}



#Aboutus .left .Title h2,
#Aboutus .left .Title p {
	color: #fff;
}



#Aboutus .left .Title p {
	font-size: 16px;
}



#Aboutus .right {
	width: 39%;
	float: initial;
}



.about-intro {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 20px;
}



.about-intro p:nth-child(2) {
	margin-top: 3.5%;
}



.about-intro .more {
	display: inline-block;
	color: #fe8400;
}



.about-ul {
	border-bottom: 1px solid #2f2e2f;
}



.about-ul li {
	float: left;
	width: 25%;
	text-align: center;
	padding: 40px 0;
}



.about-ul strong {
	display: block;
	font-weight: 500;
}



.about-ul .number {
	font-size: 50px;
	color: #ff8400;
	line-height: 80px;
	font-family: Arial;
}



.about-ul .jia {
	font-size: 50px;
	color: #ff8400;
	line-height: 80px;
	font-family: Arial;
}



.about-ul .year {
	font-size: 18px;
	color: #fff;
	line-height: 60px;
}



.about-ul p {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	text-align: center;
}



.about-list {
	margin: 0 -20px;
}



.about-list li {
	float: left;
	width: 50%;
}



.about-list .Item {
	padding: 26px 20px;
	text-align: center;
	background-image: url('../images/about_bs.png');
	margin: 30px 20px;
	transition: all 0.3s linear;
}



.about-list .Item h3 {
	font-size: 16px;
	color: #adadad;
	line-height: 30px;
	margin: 0 auto;
	font-weight: 500;
}



.about-list li .Item:hover {
	background: #ff8400;
}



.about-list li .Item:hover h3 {
	color: #fff;
}



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



	.about-intro {
		font-size: 14px;
		line-height: 28px;
	}



	.about-list li {
		margin: 5px 0;
	}



}



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

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

	.about-list .Item h3 {
		font-size: 14px;
		line-height: 24px;
	}

}



























/****** Promise ******/



/* #Serviceflow { background: url('../images/lcbg.jpg') no-repeat center bottom; height: 594px; position: relative; padding-top: 90px; overflow: hidden; }



#Serviceflow .Title h2 { color: #fff; }



#Serviceflow .Title p { color: #fff; }



.flow-list { width: 1200px; position: absolute; left: 50%; margin-left: -595px; bottom: 0; height: 365px; overflow: hidden; }



.flow-list .flow-Item { float: left; width: 25%; text-align: center; position: relative; color: #fff; padding: 0 35px; }



.flow-list .flow-Item h3 { line-height: 40px; font-size: 18px; color: #fff; text-align: center; margin: 10px auto; }



.flow-list .flow-Item p { font-size: 14px; color: #ececec; line-height: 20px; text-align: center; }



.flow-list .flow-Item:after { content: ""; position: absolute; right: -60px; top: 64px; height: 1px; width: 120px; display: block; background: #595858; }



.flow-list .flow-Item.Item04:after { display: none; } */







/****** News ******/



#News {    
	background: url(../images/by_bg.jpg);
	background-size: cover;
	background-position: center;
	}



.news-nav {
	width: auto;
	margin: 2% auto 2.5%;
	text-align: center;
	justify-content: center;
}



.news-nav li {
	display: inline-block;
	width: 150px;
	height: 46px;
	text-align: center;
}



.news-nav li a {
	display: block;
	color: #fff;
	line-height: 46px;
	font-size: 16px;
	border: 1px solid #e8e8e8;
}



.news-nav li.cur a {
	background: #f67c01;
	color: #fff;
	border: none;
}



.news-box-ul {
	margin: 0 -6px;
}



.news-box-ul li {
	float: left;
	width: 33.33%;
}



.news-box-ul .Item {
	margin: 6px;
	position: relative;
}



.Item-text {
	background: #f7f7f7;
	padding: 30px 25px 10px;
	transition: all 0.3s linear;
}



.Item-text h3 {
	font-size: 18px;
	color: #000;
	font-weight: 500;
	line-height: 30px;
	height: 30px;
	white-space: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}



.Item-text p {
	margin-bottom: 20px;
	font-size: 14px;
	color: #666;
	line-height: 27px;
	height: auto;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}



.Item-text .Intro {
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 10px;
}



.Item-text .date {
	float: left;
}



.Item-text .date strong {
	font-size: 36px;
	color: #868686;
	display: block;
	line-height: 1;
	font-family: 'PingFangSCB1183c7671f5a8d';
}



.Item-text .date span {
	font-size: 12px;
	color: #868686;
	line-height: 33px;
	display: block;
}



.Item-text .icon-right01 {
	float: right;
	font-size: 30px;
	color: #999;
	margin-top: 10px;
	font-weight: bold;
}



.Item-text:hover h3,
.Item-text:hover .icon-right01 {
	color: #f67c01;
}



.Item-text:hover {
	box-shadow: 0 0 5px 1px #e1e1e1;
}



.HostNews .Intro {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	padding: 20px 25px;
	background-image: url('../images/icon/black.png');
}



.HostNews .Intro h3 {
	width: 80%;
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	font-weight: 500;
}



.HostNews .icon-right01 {
	float: right;
	color: #fff;
	font-size: 30px;
}



.HostNews .pic {
	overflow: hidden;
}



.HostNews .pic img {
	width: 100%;
	transition: all 0.3s linear;
}



.HostNews:hover .pic img {
	transform: scale(1.1);
}



.news-more {
	transition: all 0.3s linear;
	box-shadow: 0 0 5px 1px #ededed;
	font-size: 16px;
	color: #ff8400;
	line-height: 60px;
	display: block;
	background: #fff;
	width: 240px;
	padding: 0 40px;
	margin: 60px auto;
}



.news-more .iconfont {
	font-size: 16px;
	float: right;
	font-weight: bold;
}



.news-more:hover {
	background: #ff8400;
	color: #fff;
}







#Brand {
	background: #efeeed;
	padding: 30px 0 50px;
}



#Brand .Title {
	margin-bottom: 20px;
}



.Brandlist {
	margin: 0 -7px;
}



.Brandlist li {
	float: left;
	width: 14.28%;
}



.Brandlist .pic {
	overflow: hidden;
	margin: 7px;
}































@media (max-width: 1600px) {



	.Title h2 {
		font-size: 24px;
	}

	#home_season .adv_item .part_text .img_num {
		font-size: 66px;
	}

	#home_season .adv_item .part_text .tit {
		font-size: 24px;
	}

	.con_bj_cal {
		padding-left: 100px;
	}



	.result-wechat-hotad .bj_res_ul {
		margin-right: 100px;
	}



	.result-wechat-hotad .calputer_tit {
		margin-right: 100px;
	}



	.aboout-form h2 {
		font-size: 26px;
	}



	.Item-text {
		padding-top: 15px;
	}

	.Item-text p {
		height: 54px;
		padding-bottom: 10px;
	}



	.Item-text .date strong {
		font-size: 32px;
	}



	.about-ul .number {
		font-size: 66px;
	}



	#Aboutus {
		padding: 80px 0;
	}







	.qindian {
		height: 525px;
		background-size: auto 100%;
	}



	.qindian .container {
		height: 525px;
	}



	.qindian .jine {
		width: 150px;
		bottom: 100px;
	}



	.qindian .btn-js {
		left: 590px;
		bottom: 90px;
	}



	.qindian form {
		width: 260px;
		top: 250px;
	}



	.qindian form p {
		white-space: normal;
		font-size: 16px;
	}



	.qindian form button {
		margin-bottom: 10px;
	}



	.Choice-list .Item .Intro {
		height: 250px;
	}







	.myform1 .form-item {
		width: 200px;
	}



	.ban-left .img1 {
		width: 150px;
	}



	.ban-left .img2 {
		width: 230px;
	}



	.myform1 .form-submit {
		width: 160px;
	}



}







@media (max-width: 1360px) {



	.section {
		padding: 50px 0 60px;
	}



	.Title h2 {
		font-size: 22px;
	}

	#home_season .adv_item .part_text .img_num {
		font-size: 60px;
	}

	#home_season .adv_item .part_text .tit {
		font-size: 22px;
	}

	.Title p {
		font-size: 16px;
	}



	.aboout-form h2 {
		font-size: 20px;
	}



	.about-ul .number {
		font-size: 56px;
	}



	.about-ul .jia {
		font-size: 56px;
	}



	.about-ul .year {
		font-size: 18px;
	}



	.flow-list {
		width: 800px;
		margin-left: -394px;
	}



	.flow-list .flow-Item {
		margin-right: 0;
	}



	.flow-list .flow-Item .cn {
		font-size: 16px;
	}



	.Item-text h3 {
		margin-bottom: 20px;
	}



	.Item-text p {
		display: none;
	}



	.con_bj_cal {
		padding-left: 50px;
	}



	.bj_form .select_s {
		width: 200px;
	}



	.bj_form .area_text {
		width: 200px;
	}



	.result-wechat-hotad .bj_res_ul {
		width: 300px;
		margin-right: 50px;
	}



	.result-wechat-hotad .calputer_tit {
		width: 300px;
		margin-right: 50px;
	}



	.HostNews .Intro {
		padding: 10px;
	}



	.HostNews .Intro h3 {
		font-size: 14px;
	}



	.news-more {
		margin: 30px auto;
	}



	#Aboutus {
		padding: 60px 0;
	}







	.Home-link li p {
		font-size: 12px;
	}







	.Choice-list .Item h3 {
		font-size: 18px;
	}



	.Choice-list .Item .Intro {
		padding: 10px;
	}



	.qindian {
		height: 425px;
	}



	.qindian .container {
		height: 425px;
	}



	.qindian .jine {
		width: 120px;
		left: 100px;
		bottom: 80px;
	}



	.qindian .btn-js {
		left: 500px;
		left: 470px;
		bottom: 68px;
		width: 90px;
		height: 80px;
		padding: 10px 20px;
		font-size: 20px;
	}



	.qindian form {
		width: 210px;
		top: 200px;
		right: 68px;
	}



	.qindian form p {
		font-size: 14px;
	}



	.qindian form button {
		margin-top: 10px;
		line-height: 40px;
	}



	.Choice-list .Item .Intro {
		height: 250px;
	}







	.myform1 .form-item {
		width: 180px;
	}



	.ban-left {
		padding-top: 10px;
	}



	.ban-left .img1 {
		width: 120px;
	}



	.ban-left .img2 {
		width: 160px;
	}



	.myform1 .form-label {
		width: 40px;
	}



	.myform1 .form-inner {
		padding-left: 40px;
	}



	.myform1 .form-submit {
		width: 140px;
	}



	.myform1 .form-inner input {
		font-size: 14px;
	}



}







@media (max-width: 1025px) {



	.Title {
		margin-bottom: 20px;
	}



	.Title h2 {
		font-size: 18px;
		line-height: 1.5;
	}

	#home_season .adv_item .part_text .img_num {
		font-size: 58px;
	}

	#home_season .adv_item .part_text .tit {
		font-size: 18px;
	}

	.Title p {
		font-size: 14px;
		line-height: 1.5;
	}



	.section {
		padding: 30px 0 40px;
	}



	.myform1 {
		width: 100%;
	}



	.myform1 .form-item {
		width: 25%;
	}



	.myform1 .form-submit {
		margin: 0;
		width: 23%;
		float: right;
	}



	.adv-ul .Item h3 {
		font-size: 18px;
	}



	.adv-ul .Item p {
		line-height: 25px;
		height: 50px;
	}



	.case-Tab-Tit {
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%;
		margin-bottom: 20px;
	}



	.case-Tab-Tit ul {
		width: max-content;
	}



	#Serviceflow .container {
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%;
	}



	.flow-list {
		width: max-content;
	}



	#Aboutus {
		background-position: center bottom;
	}



	.about-list {
		padding-top: 30px;
		margin: 0 -5px;
	}



	.about-list .Item {
		margin: 0 5px;
	}



	.aboout-form {
		padding: 15px 20px;
	}



	.Team-Item {
		margin: 0 5px;
	}



	.con_bj_cal {
		padding: 40px 20px;
	}



	.result-wechat-hotad {
		padding: 40px 0;
	}



	.result-wechat-hotad .calputer_tit {
		margin-right: 20px;
		width: 260px;
	}



	.result-wechat-hotad .bj_res_ul {
		margin-right: 20px;
		width: 260px;
	}



	#Aboutus {
		padding: 50px 0;
	}



}







@media (max-width: 768px) {



	.Title {
		margin-bottom: 25px;
	}



	.news-nav {
		margin: 20px auto;
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%;
	}



	.ban-form {
		position: relative;
		display: none;
	}



	.myform1 .form-item {
		width: 50%;
	}



	.adv-ul .Item {
		padding: 15px 0 10px;
	}



	.adv-ul .Item h3 {
		font-size: 14px;
	}



	.adv-ul .Item p {
		display: none;
	}



	.about-ul .number {
		font-size: 40px;
	}



	.about-ul .jia {
		font-size: 36px;
	}



	.about-ul .year {
		font-size: 16px;
	}



	.case-ul li:nth-child(2n+1) {
		width: 49%;
	}



	.case-ul li:nth-child(2n) {
		width: 49%;
	}



	.case-owl {
		position: relative;
		width: 100%;
	}



	.about-ul li {
		padding: 10px 0 20px;
	}



	.aboout-form {
		background-size: 100%;
		height: auto;
	}



	#Aboutus .left {
		width: 100%;
	}



	#Aboutus .right {
		width: 100%;
	}



	.news-box-ul li {
		width: 100%;
	}



	#News .news-box-ul li .pic {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 65%;
		overflow: hidden;
	}



	#News .news-box-ul li .pic img {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
	}



	#News .HostNews .Intro h3 {
		width: 85%;
	}



	.Item-text {
		padding: 10px;
	}

	.HostNews .icon-right01 {
		line-height: 20px;
	}



	.Item-text h3 {
		margin: 0;
		float: left;
		width: 70%;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: block;
		overflow: hidden;
		font-size: 14px;
	}



	.Item-text .Intro {
		border: none;
		margin: 0;
	}



	.Item-text .date {
		display: none;
	}



	.Item-text .icon-right01 {
		position: absolute;
		right: 10px;
		top: 10px;
		margin: 0;
		font-size: 26px;
		line-height: 30px;
		height: 30px;
	}



	.result-wechat-hotad {
		display: none;
	}



	.con_bj_cal {
		width: 100%;
		padding: 15px;
	}



	.bj_form {
		width: 100%;
	}



	.form_line {
		width: 100%;
		position: relative;
	}



	.calputer_tit span {
		display: block;
	}



	.mod_form .label {
		float: none;
		display: block;
		font-size: 14px;
		line-height: 26px;
		text-align: left;
	}



	.bj_form .element {
		width: 100%;
	}



	.bj_form .select_s,
	.bj_form .area_text {
		width: 100%;
	}



	.calc-btn {
		position: relative;
		left: auto;
		top: auto;
		margin: 0;
	}



	.circle-animate {
		display: none;
	}



	.calc-btn {
		width: 100%;
		border-radius: 0;
		right: auto;
		line-height: 46px;
		height: 46px;
	}



	.calc-btn em {
		margin: 0;
		width: 100%;
		line-height: 46px;
		font-size: 16px;
	}



	.bj_form .text_wrap .unit {
		display: none;
	}



	#Aboutus {
		padding: 40px 0;
	}



	.flow-list {
		display: none;
	}



	.Service_flow_img {
		display: block;
	}



	.case-Box .Item {
		margin-bottom: 8px;
	}



	.Choice-list>ul>li {
		float: left;
		width: 98%;
	}



	.qindian {
		display: none;
	}



}







@media (max-width: 640px) {



	.myform1 .form-item {
		width: 100%;
	}



	.about-list .Item {
		padding: 10px;
	}



	.case-Box .Item h3 {
		font-size: 14px;
		line-height: 30px;
	}



	.culture .fl,
	.culture .fr {
		width: 100%;
	}



	#Aboutus {
		padding: 30px 0;
	}



	.news-more {
		margin: 15px auto;
	}



	.Choice-list>ul>li {
		float: left;
		width: 98%;
	}



	.case-Tab-Tit li a {
		font-size: 14px;
		padding: 0 10px;
	}



	body .owl-theme .owl-controls .owl-nav [class*=owl-] {
		display: none;
	}



}







@media (max-width: 480px) {



	.news-nav {
		width: 90%;

	}



	.news-nav li {
		width: 33.33%;
	}



	.Choice-list>ul>li {
		float: left;
		width: 98%;
	}



	.about-ul .number {
		font-size: 30px;
		line-height: normal;
	}



	.about-ul .jia {
		line-height: normal;
		font-size: 24px;
	}



}







@media (max-width: 380px) {



	.about-list li {
		width: 50%;
		margin-bottom: 10px;
	}



	.Choice-list>ul>li {
		float: left;
		width: 98%;
	}



}
/* 视频 */
 .pic {
	max-height: 700px;
	position: relative;
 
}

 .pic:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

 .pic:hover .button-svg {
	stroke-dashoffset: 0;
}

 .pic img {
	transition-duration: 2s;
}

 .play {
	position: absolute;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin-top: -0.55rem;
	margin-left: -0.55rem;
	cursor: pointer;
}

 .play svg {
	width: 100%;
	height: 100%;
}

 .play circle {
	cx: 0.55rem;
	cy: 0.55rem;
	r: 0.52rem;
}

 .play i {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #fff url(../images/play.png) no-repeat center center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -0.36rem;
	margin-left: -2.36rem;
	z-index: 10;
}

 .play .button-svg {
	stroke-dasharray: 251 251;
	stroke-dashoffset: 251;
	stroke: #fff;
	transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}
/* 弹出 */
.z_tanchuang{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:9999;}
.z_tanchuang .tbox{display:table-cell;background:rgba(0,0,0,0.8);text-align:center;vertical-align:middle}
.z_tanchuang .tbox .modal{background:white;padding:50px;display:block;border-radius:5px;position:relative;width:90%;max-width:1200px;max-height:90%;margin:0 auto}
.z_tanchuang .tbox .modal .out{position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../images/out.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer}
.z_tanchuang .tbox .modal .img{width:100%;max-width:600px;margin:0 auto}
.z_tanchuang .tbox .modal .img video{display:block;width:100%;max-width:100%;object-fit:cover;outline: none;}
.z_tanchuang .tbox .modal .img img{margin:0 auto}
.z_tanchuang .tbox .modal .out:hover{background:#fff url(../images/out2.png) center no-repeat;background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.z_tanchuang .tbox .modal2{padding:20px}
.z_tanchuang .tbox .modal .img{max-width:1200px}
.z_tanchuang.one{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scaleY(0.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one .tbox .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(0);-webkit-animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out .tbox .modal{animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards}
@keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@-webkit-keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@-webkit-keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@media(max-width:960px){
  .z_tanchuang .tbox .modal{padding:10px}
  .z_tanchuang .tbox .modal .out{width:30px;height:30px;top:-50px;right:-2px}
}