/*头部样式*/
.head {
	position: relative;
	top: 0;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	z-index: 9999;
	transition: all 0.3s ease-out;
	/* background: rgba(0, 0, 0, 0.6); */
	background-color: #fff;
	left: 50%;
	  transform: translateX(-50%);
}

.w1400{
    width: 1400px;
    margin: 0 auto;
}
.mess_a {
	cursor: pointer;
}

.container {
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
}

.logo {
	float: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 60px;
	padding-top: 40px;
}

.logo a {
	display: flex;
}

.logo .logo_text {
	display: none;
	height: 28px;
}

.logo .logo_text .p1 {
	background: #f79414;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	padding: 0 10px;
	/*display: inline-block;*/
	border-radius: 3px;
	max-width: 95px;
	text-align: center;
}

.logo .logo_text .p2 {
	font-size: 12px;
	color: #f79414;
	line-height: 1.2;
}

.logo img {
	max-width: 226px;
}

.logo img.logo1 {
	display: none;
}

a.head_a {
	margin-top: 33px;
	display: block;
	float: right;
	width: 120px;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
	background: #f79414;
	border-radius: 10px;
	text-align: center;
	margin-left: 45px;
	overflow: hidden;
	position: relative;
}

a.head_a:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-animation: wave 1.3s infinite;
	animation: wave 1.3s infinite;
	z-index: 1;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

.mores {
	position: relative;
	overflow: hidden;
}

.mores:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-animation: wave 1.3s infinite;
	animation: wave 1.3s infinite;
	z-index: 1;
}

.h_tel {
	float: right;
	font-size: 18px;
	color: #ffffff;
	padding-left: 34px;
	background: url(../images/tel1.png) no-repeat left center;
	line-height: 60px;

}

.nav {
	display: flex;
	padding: 0 3%;
	/*padding-right:8%;*/
	float: right;
	justify-content: space-between;
}

.nav li {
	display: block;
	padding: 20px 30px;
}

.nav li a.a1 {
	display: flex;
	font-size: 18px;
	color: #000;
	text-align: center;
	line-height: 60px;
}

.nav li a.a1 i {
	display: inline-block;
	width: 9px;
	/*    height: 100%;*/
	background: url(../images/down2.png) no-repeat center;
	margin-left: 5px;
}

.nav li:hover a.a1 {
	color: #555;
}

.nav li:hover a.a1 i {
	background: url(../images/down_h.png) no-repeat center;
}

.nav li .b_nav {
	display: none;
	position: absolute;
	top: 100px;
	left: 0px;
	z-index: 999;
	background-color: #eee;
	width: 100%;
	border-top: 1px solid #eee;
	padding: 40px 0;
}

.nav li .b_nav a {
	display: block;

}

.nav li .b_nav .container {
	display: flex;
	max-width: 100%;
}

.nav li .b_nav .nav_l {
	width: 38.5%;
	float: right;
	display: none;
}

.nav li .b_nav .nav_l .img1 {
	display: none;

}

.nav li .b_nav .nav_r {
	/*width: 61.5%;*/
	width: 100%;
	float: left;
	/*display: flex;*/
	/*flex-wrap: wrap;*/
}

.nav li .b_nav .nav_r a {
	width: 100%;
	/*border-right: 1px solid #eee;  */
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	position: relative;
	float: left;
	color: #555;
}


.nav li .b_nav .nav_r a:after {
	content: '';
	position: absolute;
	right: 0;
	top: 15%;
	width: 1px;
	height: 70%;
	background: #eee;
}

.nav li .b_nav .nav_r a:last-child {
	border: none;
}

.nav li .b_nav .nav_r a:last-child:after {
	display: none;
}

.nav li .b_nav .nav_r a .img2 {
	transition: all 0.3s ease-out;
	
}
.nav li .b_nav .nav_r .img2 {
	transition: all 0.3s ease-out;
	border-bottom: 1px solid #000;
	height: 180px;
}
.nav li .b_nav .nav_r .img2 img {
	width: 250px;
}

.nav li .b_nav .nav_r h3 {
	font-size: 18px;
	color: #333;
	padding-top: 22px;
	font-weight: bold;
	
}

.nav li .b_nav .nav_r p {
	font-size: 14px;
	color: #333;
	line-height: 30px;
}

.nav li .b_nav .nav_r p a {
	color: #333;
	text-align: left;
}

.nav li .b_nav a:hover {
	color: #f79414;
}

.nav li .b_nav .nav_r a.cur .img2 {
	margin-top: -10px;
}


#c-header.c-head-hide {
	position: relative;
	top: 0;
	background: #fff;
	box-shadow: 0px 0px 5px #ccc;
}

#c-header.c-head-hide .logo .logo2 {
	display: none;
}

#c-header.c-head-hide .logo .logo1 {
	display: inline-block;
}

#c-header.c-head-hide .h_tel {
	color: #333333;
	background: url(../images/tel1_h.png) no-repeat left center;
}

#c-header.c-head-hide .nav li a {
	color: #333;
}

#c-header.c-head-hide .nav li a:hover {
	color: #f79414;
}

#c-header.c-head-hide .nav li a i {
	background: url(../images/down2.png) no-repeat center;
}

#c-header.c-head-hide .nav li .a1:hover {
	color: #f79414;
}

#c-header.c-head-hide .nav li:hover a i {
	background: url(../images/down_h.png) no-repeat center;
}

#c-header.c-head-hide.c-head-move {
	padding: 0;
}

#c-header.c-head-hide.c-head-move .nav li .b_nav {
	top: 100px;
}

#c-header.c-head-hidden {
	display: none;
}


.m_nav {
	display: none;
	float: right;
	margin-right: 30px;
}

.m_nav a {
	display: block;
	margin: 0 8px;
	font-size: 14px;
	color: #fff;
	line-height: 60px;
}

#c-header.c-head-hide .m_nav a,
#c-header.news_head .m_nav a {
	color: #333;
}

.mores2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 40px auto 0;
}

.mores2 a {
	display: inline-block;
	/*    max-width: 200px;*/
	line-height: 50px;
	font-size: 15px;
	color: #fff;
	background: #f79414;
	border-radius: 25px;
	margin: 0 10px;
	text-align: center;
	padding: 0 15px;
	position: relative;
	overflow: hidden;
}

.mores2 a:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-animation: wave 1.3s infinite;
	animation: wave 1.3s infinite;
	z-index: 1;
}

.mores2 a:hover {
	text-decoration: underline;
}





/* 咨询弹框 */
@font-face {
	font-family: webfont;
	src: url(../fonts/webfont.woff);
}

.consulta {
	width: 718px;
	height: 368px;
	margin: 0 auto;
	background: rgba(232, 94, 2, 0.96);
	/*background: rgba(31, 154, 237, 0.96);*/
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -359px;
	margin-top: -160px;
	display: none !important;
	z-index: 990;
}

.consultaEwm {
	position: absolute;
	right: 50px;
	width: 33%;
	bottom: 105px;
	text-align: center;
	display: flex;
	align-items: center;
}

.consultaEwm>img {
	width: 108px;
}

.consultaEwm img:first-child {
	margin-right: 8%;
}

.consultaEwm p {
	color: #fff;
	margin-top: 14px;
	display: inline-block;
	text-align: left;
	line-height: 1.4;
}

.consultaEwm p img {
	width: 24px;
	display: block;
	margin-bottom: 14px;
}

.consultRight {
	width: calc(100% - 100px);
	margin: 0 50px;
	z-index: 9;
}

.consultRight h2 {
	color: #fff;
	font-size: 30px;
	margin-top: 50px;
	margin-bottom: 3px;
	line-height: 1.4;
}

.consultRight p {
	font-family: webfont, "Microsoft Yahei";
	color: #fff;
	font-size: 24px;
	font-weight: 100;
	letter-spacing: 2px;
	margin-bottom: 24px;
	line-height: 1.6;
}

#form1 .form1_input input {
	display: block;
	width: 50%;
	margin-top: 12px;
	border: none;
	height: 40px;
	line-height: 40px;
	padding: 0 13px;
	outline: none;
}

.consultRight a {
	cursor: pointer;
	display: inline-block;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 17px;
	padding: 10px 10px;
	color: #fff;
	font-size: 16px;
	width: 21%;
	text-align: center;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	line-height: 1.4;
}

.mess_btn3 {
	margin-top: 17px;
}

.mess_btn3 input {
	cursor: pointer;
	display: inline-block;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;

	padding: 10px 10px;
	color: #fff;
	font-size: 16px;
	width: 21%;
	text-align: center;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	line-height: 1.4;
	outline: none;
	background: none;
}

.mess_btn3 a {
	cursor: pointer;
	display: inline-block;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 10px;
	color: #fff;
	font-size: 16px;
	width: 21%;
	text-align: center;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	line-height: 1.4;
	outline: none;
	background: none;
	margin-left: 15px;
}

/*.consultRight a.ind_submit{
    background: #fff;
    color: #000;
    }*/

.consultRight a:hover {
	background: #fff;
	color: #000;
}

.conk {
	position: absolute;
	border: 1px solid #fff;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	margin-top: 10px;
	margin-left: 10px;
	z-index: -1;
}

.ys_clock {
	position: absolute;
	top: 11px;
	right: 10px;
	color: #000;
	font-size: 36px;
	background: #fff;
	height: 36px;
	line-height: 36px;
	width: 36px;
	text-align: center;
	cursor: pointer;
}


#c-banner1 .swiper-slide video {
	object-fit: fill;
	width: 100%;
	height: 100%;
	display: block;
}

.banner_text7 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 99;
	font-size: 32px;
	color: #fff;
	line-height: 1.6;
	font-weight: bold;
}

.banner_text7 p:nth-child(1) {
	font-size: 52px;
	/*color: #f79414;*/
	/*font-weight: bold;*/
}


.banner_text8 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 99;
	color: #fff;
	line-height: 1.6;
	text-align: center;
}

.banner_text8 h3 {
	font-size: 60px;
}

.banner_text8 p {
	font-size: 46px;
}

.banner_text9 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 99;
	color: #fff;
	line-height: 1.6;
	/*    text-align: center;  */
}

.banner_text9 .ys_logo {
	max-width: 187px;
}

.banner_text9 h3 {
	font-size: 60px;
}

.banner_text9 p {
	font-size: 30px;
}

.banner_text9 a.a1 {
	display: inline-block;
	position: relative;
	z-index: 2;
	padding: 0 16px;
	font-size: 20px;
	line-height: 50px;
	color: #fff;
	font-weight: bold;
	margin-top: 20px;
}

.banner_text9 a.a1 i {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background: #d30301;
	vertical-align: middle;
	margin-right: -25px;
	transition: all 0.4s ease-out;
}

.banner_text9 a.a1 em {
	position: relative;
	display: inline-block;
	margin-left: 25px;
	font-style: normal;
}

.banner_text9 a.a1:hover i {
	width: 100%;
}

.banner_text9 a.a2 {
	display: flex;
	align-items: center;
	max-width: 176px;
	height: 54px;
	font-size: 15px;
	color: #4c4c4c;
	margin-top: 90px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 27px;
	font-family: "puhui65";
}

.banner_text9 a.a2 i {
	display: block;
	position: relative;
	width: 54px;
	height: 54px;
	/*    background:url(../images/cn_more1.png) no-repeat center;*/
	margin-right: 28px;
	transform: rotate(-45deg);
	transition: all 0.3s ease-out;
}

.banner_text9 a.a2 i div {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background: url(../images/cn_more2.png) no-repeat center #d30301;
	position: relative;
	z-index: 8;
}

.banner_text9 a.a2 i img {
	display: inline-block;
	position: relative;
	z-index: 8;
}

.banner_text9 a.a2 i:after,
.banner_text9 a.a2 i:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background: #d30301;
	-ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	transition: all 1s ease-out;
	z-index: 1;
	opacity: 0.1;

	/*    -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);*/
}

.banner_text9 a.a2:hover i {
	transform: rotate(0deg);
}

.banner_text9 a.a2:hover i:after {
	-ms-transform: scale(3);
	-webkit-transform: scale(3);
	-moz-transform: scale(3);
	-o-transform: scale(3);
	transform: scale(3);
	/*    opacity: 0.03; */
}

.banner_text9 a.a2:hover i:before {
	-ms-transform: scale(2);
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	/*    opacity: 0.05;*/
	/*    animation: big1 1s linear infinite;*/
}

/*.banner_text9 a.a2 i:before{
    animation-delay: 0.6s;
}
.banner_text9 a.a2 i:after{
    animation-delay: 0s; 
}*/
/*@keyframes big1 { 
    from {
        transform: scale(1, 1); 
        opacity: 0.8;
    } 
    to {
        transform: scale(1.8, 1.8); 
        opacity: 0;
    } 
}*/
.banner_text9 a.a2.a3 {
	background-color: rgba(255, 255, 255, 0.3);
	color: #fff;
}

.banner_text9 a.a2.a3 i div {
	background: url(../images/cn_more3.png) no-repeat center #fff;
}

.banner_text9 a.a2.a3 i:after,
.banner_text9 a.a2.a3 i:before {
	background: #fff;
}

.banner_text9 a.a2.a4 {
	background-color: rgba(255, 255, 255, 0.3);
	color: #4c4c4c;
}

.banner_text9 a.a2.a4 i div {
	background: url(../images/cn_more2.png) no-repeat center #248f57;
}

.banner_text9 a.a2.a4 i:after,
.banner_text9 a.a2.a4 i:before {
	background: #248f57;
}

.banner_text9 a.a2.a5 {
	background-color: rgba(255, 255, 255, 0.3);
	color: #4c4c4c;
}

.banner_text9 a.a2.a5 i div {
	background: url(../images/cn_more2.png) no-repeat center #ed0007;
}

.banner_text9 a.a2.a5 i:after,
.banner_text9 a.a2.a4 i:before {
	background: #ed0007;
}

.banner_text9 .ys_logo2 {
	max-width: 277px;
}

.case_detail3_1 {
	padding: 68px 0 95px;
	background: #f5f5f5;
}

.case_detail3_1 .container {
	display: flex;
	flex-wrap: wrap;
}

.case_detail3_1 .img {
	width: 40.8%;
}

.case_detail3_1 .text {
	width: 59.2%;
	padding: 0 90px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #fff;
}

.case_detail3_1 .text p {
	font-size: 19px;
	color: #4c4c4c;
	line-height: 1.8;
}

.case_detail3_1 .text p strong {
	font-size: 30px;
	color: #333333;
	display: block;
	margin-bottom: 10px;
}

.case_detail3_1_2 {
	padding-top: 130px;
	display: flex;
	flex-wrap: wrap;
}

.case_detail3_1_2 .text1 {
	width: 40.8%;
	font-size: 50px;
	color: #333333;
	line-height: 1.2;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.case_detail3_1_2 .text2 {
	width: 59.2%;
	font-size: 26px;
	color: #333333;
}

.case_detail3_1_2 .text2 p {
	margin-bottom: 10px;
}

.case_detail3_2 {
	background: url(../images/ys_bg1.jpg) no-repeat center;
	background-size: cover;
	padding: 105px 0;
}

.case_detail3_2 .container {
	max-width: 1365px;
}

.case_detail3_2 h1 {
	font-size: 130px;
	color: #141821;
	overflow: hidden;
	-webkit-text-stroke: 1px #fff;
	color: transparent;
	/*    white-space: nowrap; */
	/*    text-overflow: ellipsis;*/
	/*    overflow: hidden;*/
	line-height: 1;
	text-transform: uppercase;
	width: 130%;
}

.case_detail3_2 .text {
	text-align: center;
	padding: 40px 0 65px;
}

.case_detail3_2 .text p {
	font-size: 16px;
	color: rgba(255, 255, 255, .7);
}

.case_detail3_2 .text strong {
	font-size: 32px;
	color: #ffffff;
	display: block;
	margin-bottom: 10px;
}

#c-banner3 {}

#c-banner3 .swiper-slide {
	position: relative;
	margin-top: 12px;
	cursor: pointer;
}

#c-banner3 .swiper-slide a img:nth-child(1) {
	/*  transition: all 0.1s ease-out;*/
}

#c-banner3 .swiper-slide a img:nth-child(2) {
	position: absolute;
	top: 50%;
	margin-top: -23px;
	left: 50%;
	margin-left: -23px;
	width: 46px;
	height: 46px;
	z-index: 9;
	/*    transition: all 0.1s ease-out;*/
}

#c-banner3 .swiper-slide a img:nth-child(3) {
	display: none;
	/*    transition: all 0.1s ease-out;*/
}

#c-banner3 .swiper-slide a {
	display: block;
	transition: all 0.3s ease-out;
}

#c-banner3 .swiper-slide p {
	width: 100px;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background-color: rgba(0, 0, 0, .6);
	border-radius: 5px 0 5px 0;
	/*    transition: all 0.1s ease-out;*/
}

#c-banner3 .swiper-slide a:hover {
	margin-top: -12px;
}

#c-banner3 .swiper-slide a:hover img:nth-child(1) {
	display: none;
}

#c-banner3 .swiper-slide a:hover img:nth-child(2) {
	visibility: hidden;
}

#c-banner3 .swiper-slide a:hover img:nth-child(3) {
	display: inline-block;
}

#c-banner3 .swiper-slide a:hover p {
	display: none;
}

.case_detail3_3 {}

.case_detail3_3_top {
	display: flex;
	flex-wrap: wrap;
	padding: 135px 0 20px;
}

.case_detail3_3_top .text {
	text-transform: uppercase;
	width: 66.5%;
	background: #d30301;
	padding: 60px 46px 30px;
	color: #fff;
}

.case_detail3_3_top .text .case_t1 {}

.case_detail3_3_top .text .case_t1 .p1 {
	font-size: 60px;
	line-height: 1;
}

.case_detail3_3_top .text .case_t1 .p2 {
	font-size: 30px;
	padding: 5px 0 40px;
}

.case_txt1 {
	float: right;
	font-size: 16px;
}

.case_detail3_3_top .img {
	width: 33.5%;
}

.case_detail3_3_top .img img {
	width: 100%;
	height: 100%;
}

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

.case_detail3_3_ul li {
	text-transform: uppercase;
	width: 33.33333%;
	padding: 24px 42px;
}

.case_detail3_3_ul li:nth-child(1) {
	background: #ff0000;
	color: #fff;
}

.case_detail3_3_ul li:nth-child(2) {
	background: #333;
	color: #fff;
}

.case_detail3_3_ul li:nth-child(3) {
	background: #ebebeb;
	color: #333;
}

.case_detail3_3_ul li .case_t1 {
	font-size: 20px;
	margin-bottom: 5px;
}

.case_detail3_3_ul li .case_txt1 {
	font-size: 12px;
	float: right;
}

.case_detail3_3_bottom {
	display: flex;
	flex-wrap: wrap;
	padding: 100px 0;
}

.case_detail3_3_bottom .txt1 {
	text-transform: uppercase;
	font-family: "arial";
	width: 32%;
	padding: 0 45px;
	color: #333333;
}

.case_detail3_3_bottom .txt1 .p1 {
	font-size: 60px;
	font-weight: bold;
	line-height: 1.2;
}

.case_detail3_3_bottom .txt1 .p2 {
	font-size: 30px;
}

.case_detail3_3_bottom .txt2 {
	width: 68%;
}

.case_detail3_3_bottom .txt2 .text2_top {
	display: flex;
	flex-wrap: wrap;
}

.case_detail3_3_bottom .txt2 .text2_top .text1 {
	font-size: 28px;
	color: #d30301;
	width: 32.5%;
	font-weight: bold;
	padding-right: 15px;
}

.case_detail3_3_bottom .txt2 .text2_top .text2 {
	font-family: "arial";
	color: #1a1a1a;
	width: 67.5%;
}

.case_detail3_3_bottom .txt2 .text2_top .text2 .p2 {
	font-size: 40px;
	font-weight: bold;
	line-height: 56px;
}

.case_detail3_3_bottom .txt2 .text2_top .text2 .p3 {
	font-size: 30px;
	font-weight: bold;
}

.case_detail3_3_bottom .txt2 .text2_top .text2 .p4 {
	font-size: 16px;
	line-height: 1.8;
}

.case_detail3_3_bottom .txt2 .text2_bottom {
	display: flex;
	flex-wrap: wrap;
	margin-top: 25px;
}

.case_detail3_3_bottom .txt2 .text2_bottom .text1 {
	font-size: 28px;
	color: #d30301;
	text-transform: uppercase;
	width: 32.5%;
	font-weight: bold;
	padding-right: 15px;
}

.case_detail3_3_bottom .txt2 .text2_bottom .text2 {
	font-family: "arial";
	color: #1a1a1a;
	width: 67.5%;
}

.case_detail3_3_bottom .txt2 .text2_bottom .text2 .p2 {
	font-size: 40px;
	font-weight: bold;
	line-height: 56px;
}

.case_detail3_3_bottom .txt2 .text2_bottom .text2 .p3 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.8;
}

.case_detail3_3_bottom .txt2 .text2_bottom .text2 .p4 {
	font-size: 20px;
	line-height: 1.8;
}


.case_detail3_4 {
	background: #f5f5f5;
	padding: 85px 0 0;
}

.case_detail_top {
	margin-bottom: 55px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.case_detail_top .case_t2 {}

.case_detail_top .case_t2 h2 {
	font-size: 135px;
	color: #d30301;
	line-height: 1;
	font-family: "AlibabaPuHui";
}

.case_detail_top .case_t2 .p1 {
	font-size: 50px;
	color: #333;
	font-weight: bold;
	line-height: 1.5;
}

.case_detail_top .case_t2 .p2 {
	font-size: 20px;
	color: #272727;
	line-height: 1;
}

.case_detail_top .p3 {
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	position: relative;
	margin-top: 170px;
	padding-top: 5px;
}

.case_detail_top .p3:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 2px;
	background: #d30301;
}

.case_detail_4_img1 {
	background: url(../images/ys_bg7.jpg) no-repeat center;
	background-size: cover;
	padding: 105px 190px 95px;
}

.ys_t1 {
	color: #fff;
	text-align: center;
	margin-bottom: 65px;
	font-family: "AlibabaPuHui";
}

.ys_t1 .p1 {
	font-size: 60px;
	line-height: 1;
	font-weight: bold;
}

.ys_t1 .p2 {
	font-size: 30px;
}

#c-banner5 {
	background: #fff;
	border-radius: 10px;
}

.case_detail_4_img2 {
	margin: 70px 0 80px;
}

.index_about {
	padding: 110px 200px 90px;
	background: url(../images/bg1.jpg) no-repeat center bottom;
	background-size: cover;
	border: 2px solid #333;
	border-radius: 15px;
	text-align: center;
	font-family: "arial";
	margin: 70px 0 10px;
}

.index_about h2 {
	font-size: 48px;
	color: #333333;
	text-align: center;
	line-height: 1;
	margin-bottom: 30px;
	animation-delay: 0.3s;
}

.index_about .text {
	font-size: 24px;
	color: #666666;
	animation-delay: 0.6s;
}

.num_list2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 45px 0 110px;
	animation-delay: 0.9s;
}

.num_list2 li {
	padding: 0 75px;
	position: relative;
}

.num_list2 li:nth-child(1) {
	padding-left: 0;
}

.num_list2 li:last-child {
	padding-right: 0;
}

.num_list2 li:last-child:before {
	display: none;
}

.num_list2 li:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -40px;
	right: 0;
	width: 1px;
	height: 80px;
	background-color: #e0e0e0;
}

.num_list2 li .p1 {
	display: flex;
	flex-wrap: wrap;
}

.num_list2 li .p1 span {
	font-size: 46px;
	color: #1a1a1a;
	font-family: "宋体";
	font-weight: bold;
	line-height: 1.2;
}

.num_list2 li .p1 sup {
	font-size: 20px;
	color: #1a1a1a;
	line-height: 1;
}

.num_list2 li .p2 {
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
	color: #4c4c4c;
	line-height: 26px;
}

.num_list2 li .p2 em {
	display: inline-block;
}

.num_list2 li .p2 span {
	margin-left: 7px;
	font-size: 15px;
	color: #4c4c4c;
	line-height: 28px;
	display: inline-block;
}

.index_about a {
	overflow: visible;
	display: inline-block;
	margin-left: 0 auto;
	animation-delay: 1.2s;
}

.index_about a i {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	height: 70px;
	background: url(../images/player1.png) no-repeat;
	position: relative;
	cursor: pointer;
	margin-right: 30px;
}

.index_about a i:before,
.index_about a i:after {
	content: "";
	display: block;
	width: 72px;
	height: 72px;
	border: 1px dotted #df591e;
	border-radius: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	animation: videoDh 1.5s linear infinite;
	opacity: 0.8;
}

.index_about a i:before {
	animation-delay: 0.6s;
}

.index_about a i:after {
	animation-delay: 0s;
}

.index_about a span {
	display: inline-block;
	line-height: 1;
	font-size: 18px;
	color: #d30301;
	font-weight: bold;
	position: relative;
	bottom: 0px;
	left: 20px;
}

@keyframes videoDh {
	from {
		transform: scale(1, 1);
		opacity: 0.8;
	}

	to {
		transform: scale(1.8, 1.8);
		opacity: 0;
	}
}

.cboxOverlay {
	position: fixed;
	z-index: 10000;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	display: none;
}

.colorbox {
	position: fixed;
	width: 90%;
	height: 70%;
	top: 15%;
	left: 5%;
	background: #ffffff;
	z-index: 10001;
	display: none;
}

.colse_click {
	position: absolute;
	top: -30px;
	right: 0;
	width: 25px;
	height: 25px;
	background: url("../images/closeVideo.png") no-repeat center;
	cursor: pointer;
}

.colorbox iframe {
	width: 100%;
	height: 100%;
}


.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: 0;
	direction: ltr;
}

.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto;
}

.case_fixed_img {
	padding-top: 52%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 100;
	image-rendering: auto;
	image-rendering: crisp-edges;
}

.cf:before {
	content: '';
	display: table;
}

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

.case_fixed_img .before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 14%;
	background: #f4f4f4;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 0;
}

.case_fixed_img .after {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 14%;
	background: #f4f4f4;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 0;
}

.ys_linian {
	padding: 120px 0;
}

.ys_linian h3 {
	font-size: 40px;
	color: #333333;
}

.ys_linian .text {
	font-size: 20px;
	margin: 15px 0 110px;
	line-height: 1.6;
}

.ys_xcx {}

.case_t3 {
	text-align: center;
	margin-bottom: 35px;
}

.case_t3 h3 {
	font-size: 60px;
	color: #333;
	line-height: 1;
}

.case_t3 p {
	font-size: 30px;
	color: #272727;
}

.ys_xcx .cont {
	background: url("../images/ys_bg2.jpg") no-repeat center;
	padding: 285px 0;
	background-size: cover;
	background-attachment: fixed;
}

.ys_xcx .cont .text {
	float: right;
	max-width: 620px;
	color: #fff;
}

.ys_xcx .cont .text h3 {
	font-size: 70px;
	line-height: 1;
}

.ys_xcx .cont .text .p1 {
	font-size: 36px;
	margin: 10px 0 70px;
}

.ys_xcx .cont .text .txt {
	font-size: 16px;
	line-height: 1.8;
	color: #b2b2b2;
}

.case_detail3_5 {
	background: #f5f5f5;
	padding: 80px 0;
}

.dspyy {
	padding: 100px 0 0;
	text-align: center;
	background: #fff;
}

.dspyy h2 {
	font-size: 60px;
	color: #272727;
	line-height: 1;
}

.dspyy .text {
	padding: 35px 80px;
	font-size: 18px;
	color: #272727;
}

.dsp_cont1 {
	padding: 80px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.dsp_cont1 .img {
	width: 50%;
}

.dsp_cont1 .text {
	width: 50%;
	max-width: 610px;
	padding: 15px 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.dsp_cont1 .text h3 {
	font-size: 50px;
	color: #141821;
}

.dsp_cont1 .text p {
	font-size: 18px;
	color: #141821;
	line-height: 1.6;
}

.dspjj {
	padding: 80px 0 100px;
	background: #fff;
}

.case_t4 {
	text-align: center;
	margin-bottom: 50px;
}

.case_t4 h3 {
	font-size: 50px;
	color: #141821;
	line-height: 1.6;
}

.case_t4 p {
	font-size: 18px;
	color: #141821;
}

#c-banner4 .swiper-pagination {
	position: relative;
	margin-top: 60px;
	height: 4px;
	background: #e0e0e0;
}

#c-banner4 .swiper-pagination .swiper-pagination-progressbar-fill {
	background: #d30301;
}

.dspsj {
	background: url(../images/ys_bg4.png) no-repeat center #fff;
	background-size: cover;
}

.dspsj .container {
	display: flex;
	flex-wrap: wrap;
}

.dspsj .imgs {
	width: 50%;
	/*    text-align: center;*/
	padding: 0 30px 0 0;
}

.dspsj .imgs .img {
	display: none;
}

.dspsj .text {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.dspsj .text h2 {
	font-size: 50px;
	color: #333333;
	line-height: 1;
	margin-bottom: 55px;
}

.ys_tabli {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #d3d3d3;
}

.ys_tabli li {
	position: relative;
	line-height: 60px;
	padding: 0 10px;
	font-size: 26px;
	color: #333333;
	cursor: pointer;
}

.ys_tabli li.cur {
	color: #d30301;
}

.ys_tabli li.cur:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #d30301;
}

.ys_tab {
	display: none;
	font-size: 18px;
	color: #141821;
	margin: 25px 0 100px;
}

.dspsj a.more1 {
	display: flex;
	justify-content: center;
	width: 190px;
	line-height: 56px;
	font-size: 20px;
	color: #fff;
	background: #d30301;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.dspsj a.more1 i {
	display: block;
	width: 9px;
	background: url(../images/more3.png) no-repeat center;
	margin-left: 25px;
}

.dspsj a.more1:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-animation: wave 1.3s infinite;
	animation: wave 1.3s infinite;
	z-index: 1;
}

.dsyy {
	background: url(../images/ys_bg5.jpg) no-repeat center;
	/*    background-size: cover;*/
	height: 1000px;
	background-attachment: fixed;
}

.dsyy .cont {
	padding: 110px 0 50px;
	max-width: 646px;
	color: #fff;
}

.case_t5 {}

.case_t5 h2 {
	font-size: 135px;
	line-height: 1;
	font-family: "AlibabaPuHui";
}

.case_t5 .p1 {
	font-size: 50px;
	line-height: 1.5;
}

.case_t5 .p2 {
	font-size: 20px;
	line-height: 1;
}

.dsyy .cont .text {}

.dsyy .cont .text h3 {
	font-size: 46px;
	margin: 60px 0 10px;
}

.dsyy .cont .text .txt {
	font-size: 16px;
}

.dsyy_sd {
	padding: 75px 0 120px;
}

.dsyy_sd h2 {
	text-align: center;
	font-size: 50px;
	color: #333333;
	line-height: 1;
	margin-bottom: 55px;
}

.dsyy_sd span {
	color: #d30301;
}

.dsyy_sd ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 1285px;
	margin: 0 auto;
}

.dsyy_sd ul li {
	margin-bottom: 16px;
	background: #fff;
	width: 23.5%;
	margin-right: 2%;
	text-align: center;
	padding: 45px 35px 30px;
}

.dsyy_sd ul li:nth-child(4n) {
	margin-right: 0;
}

.dsyy_sd ul li .img {
	width: 80px;
	height: 80px;
	margin: 0 auto;
}

.dsyy_sd ul li:nth-child(1) .img {
	background: url('../images/css_sprites.png') -2px -2px;
}

.dsyy_sd ul li:nth-child(2) .img {
	background: url('../images/css_sprites.png') -2px -86px;
}

.dsyy_sd ul li:nth-child(3) .img {
	background: url('../images/css_sprites.png') -170px -2px;
}

.dsyy_sd ul li:nth-child(4) .img {
	background: url('../images/css_sprites.png') -2px -170px;
}

.dsyy_sd ul li:nth-child(5) .img {
	background: url('../images/css_sprites.png') -170px -170px;
}

.dsyy_sd ul li:nth-child(6) .img {
	background: url('../images/css_sprites.png') -254px -86px;
}

.dsyy_sd ul li:nth-child(7) .img {
	background: url('../images/css_sprites.png') -2px -254px;
}

.dsyy_sd ul li:nth-child(8) .img {
	background: url('../images/css_sprites.png') -170px -254px;
}

.dsyy_sd ul li h3 {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	margin: 11px 0;
	line-height: 24px;
}

.dsyy_sd ul li p {
	margin-bottom: 13px;
	font-size: 16px;
	color: #999;
	line-height: 24px;
}

.dsyy_sd ul li a {
	display: flex;
	border: 1px solid #ebebeb;
	width: 132px;
	line-height: 40px;
	font-size: 14px;
	color: #BBBBBB;
	border-radius: 25px;
	margin: 0 auto;
	justify-content: center;
}

.dsyy_sd ul li a i {
	display: block;
	width: 12px;
	height: 12px;
	margin-right: 8px;
	background: url('../images/css_sprites.png') -458px -94px;
	position: relative;
	margin-top: 14px;
}

.dsyy_sd ul li:hover a {
	color: #fff;
	background: #E62129;
	border: 1px solid #E62129;
}

.dsyy_sd ul li:hover a i {
	background-position: -458px -138px;
}

.ys_4 {
	background: url(../images/ys_bg6.jpg)no-repeat center;
	background-size: cover;
	padding: 130px 0 180px;
	position: relative;
}

.ys_4 .cont {
	position: relative;
	z-index: 9;
	width: 45%;
	color: #fff;
}

.ys_4 .cont h3 {
	font-size: 50px;
	line-height: 1;
	margin: 290px 0 35px;
}

.ys_4 .img {
	position: absolute;
	right: 0;
	top: 105px;
	width: 62.5%;
	z-index: 8;
}

.ys_img2 {
	padding: 35px 0 0;
}

.ys_img3 {
	padding: 105px 0 85px;
}

.ys_huace {
	/*    background:url(../images/ys_bg7.jpg);*/
	background: #e4e4e4;
	padding: 25px 0 100px;
}

.huace_img {
	text-align: center;
	margin-bottom: 60px;
}

.customers-2.swiper-container {
	padding: 25px 0;
}

.ys_bottom {
	padding: 105px 0;
	text-align: center;
}

.ys_bottom p {
	font-size: 70px;
	color: #171b23;
	line-height: 1;
	margin-bottom: 45px;
	text-transform: uppercase;
}

.ys_bottom a.more1 {
	display: flex;
	justify-content: center;
	width: 300px;
	line-height: 56px;
	font-size: 20px;
	color: #fff;
	background: #f79414;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	text-transform: uppercase;
}

.ys_bottom a.more1 i {
	display: block;
	width: 9px;
	background: url(../images/more3.png) no-repeat center;
	margin-left: 35px;
}

.ys_bottom a.more1:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-animation: wave 1.3s infinite;
	animation: wave 1.3s infinite;
	z-index: 1;
}


.index1 {
	padding: 0px;
	background-size: cover;
	text-align: center;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}


.gray {
	background-color: #efefef;
	border-top: 10px solid #fff;
}

.in-pro {
	display: flex;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
}

.in-pro .p2 {
	border-right: 10px solid #fff;
	width: 33.3%;
	padding-top: 50px;
}

.in-pro .p2:last-of-type {
	border-right: none;
}

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

.tit h3 {
	font-size: 40px;
	line-height: 50px;
	color: #f79414;
	font-family: "arial";
}

.tit h4 {
	font-size: 35px;
	line-height: 50px;
	color: #f79414;
	font-family: "arial";
}

.tit .txt {
	font-size: 24px;
	color: #000;
	font-weight: 300;
	line-height: 1.6;
	margin: 10px 0 25px;
}

.tit a {
	display: inline-block;
	font-size: 15px;
	color: #555;
	border-radius: 20px;
	border: 1px solid #ccc;
	padding: 0 20px;
	margin-top: 30px;
}

.tit a:hover {
	background-color: #f79414;
	border: 1px solid #f79414;
	color: #fff;
}

.index1 .num_list {
	width: 670px;
	display: flex;
	flex-wrap: wrap;
	float: right;
	margin-top: 10px;
}

.num_list li {
	width: 301px;
	height: 201px;
	background: url(../images/yq2.png) no-repeat center;
	background-size: contain;
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 99;
	margin-right: 33.5px;
}

.num_list li:last-child {
	margin-right: 0;
}

.num_list li:before {
	content: '';
	position: absolute;
	top: -3px;
	left: 3px;
	width: 195px;
	height: 195px;
	background: url(../images/yq1.png) no-repeat center;
	background-size: contain;
	-webkit-animation: spin 3s linear infinite;
	/*    margin:-87.5px 0 0 -87.5px;*/

}

.num_list li p.p1 {
	font-size: 25px;
	color: #fff;
	line-height: 1;
}

.num_list li p.p1 span {
	font-size: 52px;
}

.num_list li p.p2 {
	font-size: 18px;
	color: #fff;
	font-weight: 300;
}

.indexad1 {
	height: 800px;
		margin: 0 auto;
		overflow: hidden;
		width: 100%;
		text-align: center;
}




.cls {
	clear: both;
}
.index2 {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}
.index2 .about {
	display: flex;
	justify-content: center;
}
.index2 .about {
	display: flex;
	justify-content: center;
}
.index2 .about .about-r {
	display: flex;
	width: 595px;
	padding: 30px 20px;
	justify-content: center;
	align-items: center;
	background-color: #f79413;
	flex-wrap: wrap;
}
.index2 .about .about-r .youshi {
	display: flex;
	width: 100%;
	align-items: center;
}
.index2 .about .about-r .youshi i{
	width: 60px;
	display: block;
}
.index2 .about .about-r .youshi h3{
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	display: block;
	width: 280px;
	margin: 0;
	line-height: 25px;
}
.abbg {
	background: #ebebeb url(../images/abbg.jpg) no-repeat center top;
	padding: 100px 0;
}

.aboutinfo {
	text-align: left;
	width: 100%;
	margin: 0 auto;
}

.aboutinfo h1 {
	font-size: 30px;
	padding: 30px 0;
	padding-bottom: 0px;
	color: #000;
}

.black {
	color: #000;
}

.orange {
	color: #f79414;
}

.aboutinfo p {
	font-size: 14px;
}

.ab-cert {
	float: right;
	margin: 10px 0 0 20px;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}




.index2_top {
	width: 100%;
	min-height: 615px;
	position: relative;
}

.index2_tab {
	/*    display: none;*/
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
}

.index2_tab.cur {
	opacity: 1;
}

.index2_tab .swiper-container {
	width: 100%;
	height: 100%;
}

#c-banner2 .swiper-slide,
.index2_tab .swiper-container .swiper-slide {
	padding: 60px 8% 60px 5.5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*align-items:center;*/
}

#c-banner2 .swiper-slide .img,
.index2_tab .swiper-container .swiper-slide .img,
.index2_tab .swiper-container .swiper-slide .img {
	width: calc(100% - 580px);
	padding-right: 30px;
	transition: 1.3s 0.2s;
	transform: translateX(-30%);
	opacity: 0;
}

/*#c-banner2 .swiper-slide-active .img,*/
/*.index2_tab .swiper-container .swiper-slide-active .img,*/
.index2_tab.cur .swiper-container .swiper-slide-active .img {
	transform: translateX(0%);
	opacity: 1;
}

#c-banner2 .swiper-slide .text {
	width: 580px;
	color: #fff;
	position: relative;

}

#c-banner2 .swiper-slide .text h3 {
	font-size: 46px;
	font-family: "arial";
	margin-bottom: 20px;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 70px;
	opacity: 0;
}

#c-banner2 .swiper-slide .text h3 a {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

#c-banner2 .swiper-slide .text .txt {
	opacity: 0;
}

#c-banner2 .swiper-slide .text .txt a {
	display: block;
	color: #fff;
	position: relative;
	font-weight: 300;
	line-height: 35px;

	transition: all 0.6s ease-out;
}

#c-banner2 .swiper-slide .text .txt a:before {
	content: '-';
	position: absolute;
	left: 0;
	top: 0px;
	opacity: 0;
	transition: all 0.6s ease-out;
}

#c-banner2 .swiper-slide .text .txt a:hover {
	padding-left: 10px;
	transition: all 0.6s;
}

#c-banner2 .swiper-slide .text .txt a:hover:before {
	opacity: 1;
	transition: all 0.6s;
}


.index2_tab .text2 {
	width: 580px;
	color: #fff;
	position: absolute;
	top: 130px;
	right: 8%;
	z-index: 99;
}

.index2_tab .text2 h3 {
	font-size: 46px;
	font-family: "arial";
	margin-bottom: 20px;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 70px;
}

.index2_tab .text2 h3 a {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-animation: Tmouse2 0.6s ease-in-out infinite alternate;
	-moz-animation: Tmouse2 0.6s ease-in-out infinite alternate;
	-o-animation: Tmouse2 0.6s ease-in-out infinite alternate;
	animation: Tmouse2 0.6s ease-in-out infinite alternate;
	/*transition: all 0.4s ease-out;*/
}

/*.index2_tab .text2 h3 a:hover{*/
/*    right:15px;*/
/*}*/
@-webkit-keyframes Tmouse2 {
	0% {
		right: 0;
	}

	100% {
		right: 10px;
	}
}

@-moz-keyframes Tmouse2 {
	0% {
		right: 0;
	}

	100% {
		right: 10px;
	}
}

@-o-keyframes Tmouse2 {
	0% {
		right: 0;
	}

	100% {
		right: 10px;
	}
}

@keyframes Tmouse2 {
	0% {
		right: 0;
	}

	100% {
		right: 10px;
	}
}

.index2_tab .text2 .txt a {
	display: block;
	color: #fff;
	position: relative;
	font-weight: 300;
	line-height: 35px;
	font-size: 16px;
	transition: all 0.6s ease-out;
}

.index2_tab .text2 .txt a:before {
	content: '-';
	position: absolute;
	left: 0;
	top: 0px;
	opacity: 0;
	transition: all 0.6s ease-out;
}

.index2_tab .text2 .txt a:hover {
	padding-left: 10px;
	transition: all 0.6s;
}

.index2_tab .text2 .txt a:hover:before {
	opacity: 1;
	transition: all 0.6s;
}

.index2_num {
	position: absolute;
	bottom: 10px;
	right: 0;
	color: #fff;
	font-weight: 300;
	opacity: 0;
	transition: all 0.6s ease-out;
}

.index2_num em:nth-child(1) {
	font-size: 50px;
	line-height: 1;
}

.index2_num em:nth-child(2) {
	font-size: 20px;
	opacity: .6;
}

#c-banner2 .swiper-slide-active .index2_num {
	opacity: 1;
}

#c-banner2 .swiper-button-prev,
.index2_tab .swiper-container .c-prev {
	position: absolute;
	top: 100%;
	left: 60%;
	width: 12px;
	height: 21px;
	background: url(../images/left1.png) no-repeat center;
	margin-top: -101px;
	margin-left: -32px;
	z-index: 99;
}

#c-banner2 .swiper-button-next,
.index2_tab .swiper-container .c-next {
	position: absolute;
	top: 100%;
	right: 40%;
	width: 12px;
	height: 21px;
	background: url(../images/right1.png) no-repeat center;
	margin-top: -101px;
	margin-right: -64px;
	z-index: 99;
}

#c-banner2 .swiper-pagination,
.index2_tab .swiper-container .swiper-pagination {
	width: 580px;
	left: calc(100% - 8% - 580px);
	/*    margin-left: calc(-580px - 220px);*/
	top: calc(100% - 60px);
	text-align: right;
	color: #fff;
	font-weight: 300;
	font-style: italic;
	background: rgba(255, 255, 255, .2);
	height: 2px;
}

#c-banner2 .swiper-pagination .swiper-pagination-progressbar-fill {
	background: rgba(255, 255, 255, 1);
}

.inbanner{
	height: 800px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.c-line-box {
	width: 580px;
	height: 2px;
	position: absolute;
	right: 8%;
	bottom: 58px;
	z-index: 999;
	background: rgba(255, 255, 255, .2);
}

.c-line {
	background: rgba(255, 255, 255, 1);
	width: 100%;
	height: 2px;
}

.index2_tab .swiper-container .swiper-pagination {
	width: 580px;
	left: calc(100% - 8% - 580px);
	top: calc(100% - 120px);
	text-align: right;
	color: #fff;
	font-weight: 300;
	font-style: italic;
	background: none;
	/*    background:rgba(255,255,255,.2);
    height: 2px;*/
}

.index2_tab .swiper-container .swiper-pagination .swiper-pagination-current {
	font-size: 50px;
	line-height: 1;
	/*    position: relative;
    top: -60px;*/
}

.index2_tab .swiper-container .swiper-pagination .swiper-pagination-total {
	font-size: 20px;
	opacity: .6;
	/*    position: relative;
    top: -60px;*/
}


.index2_ul {
	border-left: 1px solid #f0f0f0;
	display: flex;
}

.index2_ul li {
	padding: 40px 15px 20px;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	text-align: center;
	width: 19%;
	transition: all 0.4s ease-out;
	cursor: pointer;
}

.index2_ul li .img {
	height: 50px;
	line-height: 50px;
}

.index2_ul li h3 {
	font-size: 22px;
	color: #1a1a1a;
	margin: 12px 0 0px;
}

.index2_ul li p {
	font-size: 14px;
	line-height: 1.6em;
	height: 3.2em;
	color: #4c4c4c;
}

.index2_ul li.cur {
	box-shadow: 10px 10px 20px #eee;
	width: 24%;
}

.index2_ul li.cur h3 {
	color: #f79414;
}


.index3 {
	padding: 100px 0;
}

.solution {
	width: 1400px;
	margin: 0 auto;
}

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

.case_list li {
	width: 24%;
}

.solution2 li {
	width: 24%;
	height: 365px;
	overflow: hidden;
}

.solution2 li a .img {
	position: relative;
	height: 365px;
	overflow: hidden;
}

.case_list li a {
	color: #fff;
	display: block;
	position: relative;
}

.case_list li a .img {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}


.case_list li a .img2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	display: none;
}

.case_list li a .img2 img {
	/*    max-height: 52px;*/
	max-width: 365px;
	margin: 0 auto;
}

.case_list li a .text2 {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.case_list li a .text2 div{
	height: 400px;
}
.case_list li a .text div{
	height: 400px;
}
.case_list li a span{
	border: 1px solid #fff;
	border-radius: 20px;
	width: 120px;
	text-align: center;
	font-size: 18px;
	margin: 0 auto;
}
.case_list li a .text2 h3 {
	font-size: 22px;
	line-height: 1.2;
}


.case_list li a:hover .text2 {
	opacity: 0;
}

.case_list li a:hover .text-over {
	opacity: 1;
	color: #f79413;
}
.case_list li a:hover span{
	border: 1px solid #f79413;
}

.case_list li a .text2 p {
	font-size: 15px;
}

.case_list li a .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 8;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
}

.case_list li a .text3 {
	opacity: 1;
	color: #f79413;
}

.case_list li a .text4 {
	opacity: 0;
}

.case_list li a .text .img3 {
	text-align: center;
	display: none;
}

.case_list li a .text .img3 img {
	/*width: 60%;*/
	/*max-width: ;*/
	transform: scale(0.8);
}

.case_list li a .text h3 {
	font-size: 22px;
	line-height: 1.2;
}

.case_list li a .text p {
	font-size: 15px;
}

.case_list li a .text p.p1 {
	font-size: 22px;
	font-weight: bold;
}

.case_list li a .text i {
	font-style: normal;
}

.case_list li a:before {
	content: '';
	position: absolute;
	left: 20px;
	top: 20px;
	width: 0;
	height: 1px;
	background: #fff;
	z-index: 9;
	transition: all 0.4s ease-out;
	opacity: .3;
}

.case_list li a:after {
	content: '';
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 0;
	height: 1px;
	background: #fff;
	z-index: 9;
	transition: all 0.4s ease-out;
	opacity: .3;
}

.case_list li a .img:before {
	content: '';
	position: absolute;
	left: 20px;
	top: 20px;
	width: 1px;
	height: 0;
	background: #fff;
	z-index: 9;
	transition: all 0.4s ease-out;
	opacity: .3;
}

.case_list li a .img:after {
	content: '';
	position: absolute;
	right: 20px;
	top: 20px;
	width: 1px;
	height: 0;
	background: #fff;
	z-index: 9;
	transition: all 0.4s ease-out;
	opacity: .3;
}

.case_list li a:hover .img img {
	transform: scale(1.2);
}

.case_list li a:hover .img2 {
	opacity: 0;
}

.case_list li a:hover .text {
	opacity: 1;
	color: #f79413;
}


/* .case_list li a:hover:before,
.case_list li a:hover:after {
	width: calc(100% - 40px);
}

.case_list li a:hover .img:before,
.case_list li a:hover .img:after {
	height: calc(100% - 40px);
} */
.media {
	width: 400px;
	text-align: center;
	margin: 0 auto;
}

.medialist {
	width: 200px;
	margin: 0 30px;
	text-align: center;
}

.medialist a h3 {
	font-size: 18px;
}

.medialist a:hover {
	color: #f79413;
}

.medialist img {
	width: 100%;
}








.pro1 {
	width: 100%;
	height: 565px;
	overflow: hidden;
}


.pro1 a .img {
	position: relative;
	height: 565px;
	overflow: hidden;
}

.pro1 a {
	color: #fff;
	display: block;
	position: relative;
}

.pro1 a .img {
	position: relative;
}


.pro1 a .text2 {

	text-align: center;
	width: 100%;
	height: 100%;
	color: #555;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 40px;
}

.pro1 a .text2 h3 {
	font-size: 40px;
	line-height: 2.2;
	color: #f79413;
}

.pro1 a:hover .text2 {
	opacity: 1;
}

.pro1 a .text2 p {
	font-size: 15px;
}

.pro1 a .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 8;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
}


.pro1 a .text h3 {
	font-size: 40px;
	line-height: 2.4;
}

.pro1 a .text p {
	font-size: 16px;
	padding: 10px 20px 35px;
}

.pro1 a .text p.p1 {
	font-size: 22px;
	font-weight: bold;
}

.pro1 a .text i {
	font-style: normal;
}

.pro1 a:before {
	content: '';
	position: absolute;
	left: 20px;
	top: 20px;
	width: 0;
	height: 1px;
	background: #fff;
	z-index: 9;
	transition: all 0.4s ease-out;
	opacity: .3;
}

.pro1 a:after {
	content: '';
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 0;
	height: 1px;
	background: #fff;
	z-index: 9;
	transition: all 0.4s ease-out;
	opacity: .3;
}

.pro1 a .img:before {
	content: '';
	position: absolute;
	left: 20px;
	top: 20px;
	width: 1px;
	height: 0;
	background: #fff;
	z-index: 9;
	transition: all 0.4s ease-out;
	opacity: .3;
}

.pro1 a .img:after {
	content: '';
	position: absolute;
	right: 20px;
	top: 20px;
	width: 1px;
	height: 0;
	background: #fff;
	z-index: 9;
	transition: all 0.4s ease-out;
	opacity: .3;
}

.pro1 a:hover .img img {
	transform: scale(1.1);
}

.pro1 a:hover .img2 {
	opacity: 0;
}

.pro1 a:hover .text {
	opacity: 1;
	color: #f79413;
}




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

.pro2 {
	width: 33.3%;
	height: 700px;
	overflow: hidden;
	border-right: 10px solid #fff;
}


.pro2 a .img {
	position: relative;
	height: 700px;
	overflow: hidden;
}

.pro2 a {
	color: #fff;
	display: block;
	position: relative;
}

.pro2 a .img {
	position: relative;
}


.pro2 a .text2 {

	text-align: center;
	width: 100%;
	height: 100%;
	color: #555;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 40px;
}

.pro2 a .text2 h3 {
	font-size: 40px;
	line-height: 70px;
	color: #f79413;
}

.pro2 a:hover .text2 {
	opacity: 1;
}

.pro2 a .text2 p {
	font-size: 15px;
}

.pro2 a .text {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 8;
	text-align: center;

	opacity: 0;
}


.pro2 a .text h3 {
	font-size: 40px;
	line-height: 70px;
}

.pro2 a .text p {
	font-size: 16px;
	padding: 10px 20px 35px;
}

.pro2 a .text p.p1 {
	font-size: 22px;
	font-weight: bold;
}

.pro2 a .text i {
	font-style: normal;
}

.pro2 a:before {
	content: '';
	position: absolute;
	left: 20px;
	top: 20px;
	width: 0;
	height: 1px;
	background: #fff;
	z-index: 9;
	transition: all 0.4s ease-out;
	opacity: .3;
}

.pro2 a:after {
	content: '';
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 0;
	height: 1px;
	background: #fff;
	z-index: 9;
	transition: all 0.4s ease-out;
	opacity: .3;
}

.pro2 a .img:before {
	content: '';
	position: absolute;
	left: 20px;
	top: 20px;
	width: 1px;
	height: 0;
	background: #fff;
	z-index: 9;
	transition: all 0.4s ease-out;
	opacity: .3;
}

.pro2 a .img:after {
	content: '';
	position: absolute;
	right: 20px;
	top: 20px;
	width: 1px;
	height: 0;
	background: #fff;
	z-index: 9;
	transition: all 0.4s ease-out;
	opacity: .3;
}

.pro2 a:hover .img img {
	transform: scale(1.1);
}

.pro2 a:hover .img2 {
	opacity: 0;
}

.pro2 a:hover .text {
	opacity: 1;
	color: #f79413;
}







.index4 {
	padding: 130px 0 200px;
}

.service {
	background: #ebebeb url(../images/servicebg.jpg) no-repeat center top;
	padding: 100px 0;
}

.white {
	color: #fff;
}

.ser-ico {
	display: flex;
	width: 800px;
	margin: 60px auto;
	justify-content: space-between;
}

.ser-ico a {
	display: block;
	width: 350px;
	padding: 30px 0;
	text-align: center;
	color: #fff;
	border-radius: 20px;
	border: 2px solid #fff;
}

.ser-ico a:hover {
	display: block;
	width: 350px;
	padding: 30px 0;
	text-align: center;
	color: #fff;
	border-radius: 20px;
	border: 2px solid #f79414;
	background-color: #f79414;
}

.ser-ico a h3 {

	font-size: 30px;
	line-height: 50px;
}

.index4 .text1 {
	text-align: center;
	margin-bottom: 50px;
}

.index4 .text1 h2 {
	font-size: 40px;
	color: #333333;
	font-family: "arial";
	line-height: 1.6;
}

.index4 .text1 .p1 {
	font-size: 24px;
	margin: 0 0 15px;
}

.index4 .text1 a {
	font-size: 18px;
	color: #f79414;
	font-family: "arial";
	font-weight: bold;
}

.index4 .text1 a:hover {
	text-decoration: underline;
}

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

.news_list1 li {
	width: 32%;
	margin-right: 2%;
}

.news_list1 li:nth-child(3n) {
	margin-right: 0;
}

.news_list1 li a {
	display: block;
}

.news_list1 li a .p1 {
	font-size: 18px;
	color: #666666;
	margin: 22px 0 18px;
}

.news_list1 li a h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 26px;
	color: #282828;
	line-height: 1.5;
	font-weight: normal;
}

.news_list1 li a:hover .img img {
	transform: scale(1.2);
}

.news_list1 li a:hover h3 {
	color: #0d9dff;
	text-decoration: underline;
}



.news .container {
	display: flex;
	padding: 50px 0;
	width: 1400px;
	margin: 0 auto;
	justify-content: space-between;
}

.news-l {
	width: 48%;
}

.news-l .tit h1 {
	font-size: 50px;
	text-align: left;
	line-height: 50px;
	color: #f79414;
}

.news-l .tit h3 {
	font-size: 40px;
	line-height: 50px;
	text-align: left;
	color: #f79414;
}

.news-l .tit p {
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	color: #555;
}

.news-l-con ul li {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.news-l-con-img {
	width: 30%;
}

.news-l-con-dt {
	width: 67%;
}

.news-l-con-dt h3 {
	font-size: 20px;
	font-weight: bold;
}

.news-l-con-dt p {
	line-height: 22px;
}

.news-l-con-dt span {
	margin-top: 20px;
	display: block;
	color: #888;
}

.news-l-con-img img {
	width: 100%;
}

.news-r {
	width: 48%;
}

.news-r-t img {
	width: 100%;
}

.news-r h3 {
	font-size: 25px;
	color: #555;
	text-align: left;
	margin: 10px 0;
}

.news-r-con a {
	background: url(../images/star.jpg) no-repeat left center;
	padding-left: 30px;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
}


.index6 {
	background-color: #f7f8f8;
	padding: 50px 0;
}

.partner ul {
	display: flex;
	width: 1400px;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-around;
}

.partner ul li {
	width: 19%;
	margin-top: 3%;
}

/* 底部预约 */
.foot_par {
	margin: -80px 0;
}

.foot_par_con {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 12px 5% 12px 6.5%;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: url(../images/b_bj.png) no-repeat center/cover;
}

.foot_par_con .c-item:nth-child(1),
.foot_par_con .c-item:nth-child(3) {
	flex-shrink: 0;
}

.foot_par_con .c-item:nth-child(2) {
	padding-left: 70px;
	width: 100%;
}

.foot_par_con .c-item:nth-child(3) {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}

.foot_par_con .c-item:nth-child(3) .c-text2 {
	margin-right: 25px;
	text-align: right;
	font-size: 20px;
	color: #fff;
}

.foot_par_con .c-item:nth-child(3) .c-text2 p:last-child {
	font-size: 14px;
	line-height: 1.6;
}

.foot_par_con .c-book {
	/*    width: 10%;*/
	margin: -52px 0;
}

.foot_par_con .c-code {
	max-width: 171px;
}

.foot_par_con .c-title {
	margin-bottom: .2rem;
	font-weight: bold;
	font-size: 46px;
	color: #fff;
	line-height: 1;
	margin-bottom: 10px;
}

.foot_par_con .c-text {
	font-size: 20px;
	color: #fff;
	line-height: 1.6;
	font-weight: 300;
}



footer {
	background: #000;
}

.foot {
	padding: 20px 0 50px;
}

.foot_t {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}

.foot-t-l {
	width: 20%;
}

.foot-t-r {
	display: flex;
	width: 20%;
	justify-content: space-between;
	align-items: flex-end;
}

.foot_l {
	float: left;
	width: calc(100% - 460px);
	max-width: 1080px;
	padding-right: 30px;
}

.foot_b {
	display: flex;
	padding-top: 30px;
	justify-content: space-between;
}

.foot-b-l {
	width: 70%;
}

.foot-b-l ul {
	display: flex;
	justify-content: space-between;
}

.foot-b-l ul li {
	width: 22%;
}

.foot-b-l ul li:nth-child(3) {
	width: 18%;
}

.foot-b-l ul li a {
	color: #eee;
}

.foot-b-l ul li a:hover {
	color: #f79414;
}

.foot-b-l ul li h3 {
	font-size: 25px;
	color: #f79414;
}

.foot-b-r {
	width: 30%;
	position: relative;
}

.search-in {
	border: 1px solid #fff;
	background-color: none;
	border-radius: 30px;
	padding: 15px;
	background: #000;
	color: #fff;
	width: 100%;
}

.btn-s {
	position: absolute;
	right: 15px;
	top: 8px;
	border: none;
	background: none;
	cursor: pointer;
}

.foot-b-r-b {
	color: #ccc;
	font-size: 14px;
	margin-top: 10px;
}

.foot-b-r-b span {
	display: block;
}

.foot-b-r-b img {
	width: 20px;
	margin-right: 10px;
}

.foot_more {
	padding-bottom: 65px;
}

.foot_more li {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.foot_more_t {
	font-size: 15px;
	color: #808080;
	width: 105px;
}

.foot_more_a {
	width: calc(100% - 105px);
	display: flex;
	flex-wrap: wrap;
}

.foot_more_a a {
	font-size: 15px;
	color: #808080;
	display: block;
	margin-right: 18px;
}

.foot_more_a a:last-child {
	margin-right: 0;
}

.foot_more_a a:hover {
	color: #fff;
}

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

.foot_contact li {
	width: 28%;
	margin-right: 8%;
	display: flex;
	flex-wrap: wrap;
}

.foot_contact li:last-child {
	margin-right: 0;
}

.foot_contact li .foot_contact_t {
	width: 90px;
	font-size: 18px;
	color: #cccccc;
	line-height: 1.6;
}

.foot_contact li .foot_contact_text {
	width: calc(100% - 90px);
}

.foot_contact li .foot_contact_text .p1 {
	font-size: 13px;
	color: #808080;
	height: 3.2em;
	line-height: 1.6em;
}

.foot_contact li .foot_contact_text .p2 {
	font-size: 20px;
	color: #ffffff;
	padding: 15px 0 0;
	line-height: 1.6;
}

.foot_contact li .foot_contact_text .p3 {
	font-size: 16px;
	color: #b0b0b0;
}

.foot_r {
	float: right;
	width: 460px;
}

.foot_r h2 {
	font-size: 46px;
	color: #fff;
	line-height: 1.2;
}

.foot_r .p1 {
	font-size: 22px;
	color: #b2b2b2;
	margin: 20px 0 60px;
}

.foot_r a.more1 {
	display: flex;
	justify-content: center;
	width: 190px;
	line-height: 56px;
	font-size: 20px;
	color: #fff;
	background: #f79414;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.foot_r a.more1 i {
	display: block;
	width: 9px;
	background: url(../images/more3.png) no-repeat center;
	margin-left: 25px;
}

.foot_r a.more1:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-animation: wave 1.3s infinite;
	animation: wave 1.3s infinite;
	z-index: 1;
}

.f_share {
	display: flex;
	margin-top: 40px;
}

.f_share a {
	width: 40px;
	height: 40px;
	position: relative;
	margin-right: 15px;
	cursor: pointer;
}

.f_share a .img1 {
	width: 120px;
	height: 120px;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -60px;
	z-index: 99;
	opacity: 0;
	z-index: -99;
	background: #fff;
}

.f_share a .img1:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #fff;
	position: absolute;
	top: -9px;
	left: 50%;
	margin-left: -8px;
}

.f_share a:hover .img1 {
	opacity: 1;
	z-index: 99;
}

.f_link {
	font-size: 15px;
	color: #808080;
	padding: 0 0 50px 0;
}

.f_link a {
	margin-left: 20px;
	display: inline-block;
	font-size: 15px;
	color: #808080;
}

.f_link a:hover {
	color: #fff;
}
.center{
	text-align: center;
}
.copyright {
	padding: 14px 0;
	font-size: 16px;
	color: #fff;
	background-color: #f79414;
}

.copyright a {
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.copyright a:hover {
	color: #fff;
}

.copyright_l {
	float: left;
	max-width: 60%;
}

.copyright_r {
	float: right;
	max-width: 40%;
}

.m_message {
	display: none;
}

.m_message .message ul li:nth-child(1) {
	display: none;
}



/*----- Common css ------*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.di {
	_display: inline;
}

.fwn {
	font-weight: normal;
}

.dib {
	*display: inline;
	_zoom: 1;
	_display: inline;
	_font-size: 0px;
}

.f_none {
	display: none;
}



/*------------内页-------------------*/
.n_banner {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.n_banner img {
	width: 100%;
	margin: 0 auto
}

.banner_text2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 99;
	color: #fff;
	font-family: "arial";
	font-weight: bold;
}

.banner_text2 .p1 {
	font-size: 50px;
}

.banner_text2 .p2 {
	font-size: 20px;
}




.sevice_list {}

.sevice_list li {
	align-items: center;
}

.sevice_list li .container {
	display: flex;
	flex-wrap: wrap;
	/*    width: 100%;*/
}

.sevice_list li .img {
	width: 50%;
}

.sevice_list li .text {
	width: 50%;
	color: #fff;
}

.sevice_list li .text h3 {
	font-size: 50px;
	font-family: "arial";
	line-height: 1;
}

.sevice_list li .text .txt {
	margin: 25px 0 0px;
}

.sevice_list li .text .txt .p1 {
	font-size: 18px;
	color: #fff;
	opacity: .5;
	max-width: 625px;
	line-height: 1.6;
}

.sevice_list li .text .txt .p2 {
	display: flex;
	margin: 50px 0 90px;
}

.sevice_list li .text .txt .p2 span {
	display: block;
	position: relative;
	font-size: 18px;
	padding-left: 18px;
	margin-right: 40px;
}

.sevice_list li .text .txt .p2 span:last-child {
	margin-right: 0;
}

.sevice_list li .text .txt .p2 span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-top: -5px;
}

.sevice_list li .text .txt .p2 span:nth-child(1):before {
	background: #ff0000;
}

.sevice_list li .text .txt .p2 span:nth-child(2):before {
	background: #ffae00;
}

.sevice_list li .text .txt .p2 span:nth-child(3):before {
	background: #f79414;
}

.sevice_list li .text .txt .p2 span:nth-child(4):before {
	background: #666;
}

.sevice_list li .text a {
	display: block;
	font-size: 20px;
	color: #fff;
	width: 160px;
	line-height: 56px;
	background: #f79414;
	border-radius: 10px;
	text-align: center;
}

.sevice_list li:nth-child(1) {
	background: url(../images/fw1.jpg) no-repeat center;
	background-size: cover;
	padding: 195px 0 120px;
}

.sevice_list li:nth-child(2) {
	background: #fdfdfd;
	padding: 5px 0 50px;
}

.sevice_list li:nth-child(2) .container {
	flex-direction: row-reverse;
}

.sevice_list li:nth-child(2) .text {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.sevice_list li:nth-child(2n) .text h3 {
	color: #333333;
}

.sevice_list li:nth-child(2n) .text .txt .p1 {
	color: #666666;
	opacity: 1;
}

.sevice_list li:nth-child(2n) .text .txt .p2 {
	color: #666666;
}

.sevice_list li:nth-child(3n) {
	background: #f1592a;
	padding: 100px 0 110px;
}

.sevice_list li:nth-child(3n) .text {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.sevice_list li:nth-child(3) .img img {
	max-height: 428px;
}

.sevice_list li:nth-child(4) {
	background: #f8ebe1;
	padding: 50px 0;
	background: url(../images/fw4.jpg) no-repeat center;
	background-size: cover;
}

.sevice_list li:nth-child(4) .img img {
	max-height: 540px;
}

.sevice_list li:nth-child(4) .container {
	flex-direction: row-reverse;
}

.sevice_list li:nth-child(4) .text {
	display: flex;
	flex-direction: column;
	justify-content: center;
}


/*service1*/
.banner_text4 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 99;
	font-size: 20px;
	color: #fff;
}

.banner_text4 h3 {
	font-size: 50px;
	font-family: "arial";
}

.banner_text4 p {
	font-size: 20px;
	margin: 5px 0 70px;
	font-family: "arial";
	font-weight: bold;
	max-width: 625px;
	line-height: 1.6;
	width: 55%;
}

.banner_text4 a {
	display: block;
	width: 160px;
	line-height: 55px;
	font-size: 20px;
	color: #f79414;
	border-radius: 10px;
	background: #fff;
	text-align: center;
	font-family: "arial";
	font-weight: bold;
}

.banner_text4 a:hover {
	color: #fff;
	background: #f79414;
}

.service1_1 {
	padding: 65px 0 120px;
}

.service1_1 .container {
	max-width: 1344px;
}

.service1_1 h2 {
	text-align: center;
	margin-bottom: 65px;
}

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

.service1_list li {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 20px;
	position: relative;
}

.service1_list li:nth-child(2n) {
	margin-right: 0;
}

.service1_list li .img {
	border-radius: 10px;
}

.service1_list li .text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	z-index: 9;
	padding: 0 50px 30px;
}

.service1_list li .text h3 {
	font-size: 36px;
	line-height: 1.6;
}

.service1_list li .text p {
	font-size: 18px;
	line-height: 1.6;
}

.service1_list li:hover .img img {
	transform: scale(1.1);
}

.service1_3 {
	padding: 110px 0 95px;
	position: relative;
	/*    background:url(../images/service1_bg2.jpg) no-repeat center;
    background-size: cover;*/
}

.service1_3 .t2 {
	color: #fff;
}

.t2 {
	text-align: center;

}

.t2 h2 {
	font-size: 40px;
	font-family: "arial";
}

.t2 p {
	font-size: 18px;
	line-height: 1.6;
}

.service1_list2 {
	display: flex;
	flex-wrap: wrap;
	padding: 70px 0;
}

.service1_list2 li {
	transition: all 0.4s ease-out;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 30px;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 10px;
	padding: 25px 50px;
}

.service1_list2 li:nth-child(1) {
	width: 49%;
	padding: 25px 70px 32px 50px;
}

.service1_list2 li:nth-child(2) {
	width: 49%;
	margin-right: 0;
	padding: 25px 70px 32px 50px;
}

.service1_list2 li:last-child {
	margin-right: 0%;
}

.service1_list2 li h3 {
	font-size: 26px;
	margin-bottom: 5px;
}

.service1_list2 li p {
	font-size: 18px;
	line-height: 1.6;
}

.service1_3_img {
	transition: all 0.5s ease-out;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.service1_3_img .img1 {
	display: none;
	height: 100%;
	width: 100%;
	transition: all 0.5s ease-out;
}

.service1_3_img .img1 img {
	transition: all 0.5s ease-out;
	opacity: 0;
}

.service1_3 a {
	display: block;
	width: 190px;
	line-height: 50px;
	margin: 0 auto;
	background: #f79414;
	font-size: 20px;
	color: #fff;
	text-align: center;
	border-radius: 10px;
}

.service1_list2 li:hover,
.service1_list2 li.cur {
	background: #f79414;
	border: 1px solid #f79414;
}

.service1_4 {
	padding: 105px 0 115px;
}

.t3 {
	text-align: center;
	margin-bottom: 50px;
}

.t3 h2 {
	font-size: 40px;
	color: #333333;
	font-family: "arial";
	line-height: 1.6;
}

.t3 h2 span,
.t3 .p1 font {
	color: #f79414;
}

.t3 .p1 {
	font-size: 24px;
	margin: 0 0 15px;
}

a.more_a {
	display: block;
	width: 190px;
	line-height: 55px;
	font-size: 17px;
	color: #fff;
	border-radius: 10px;
	background: #f79414;
	text-align: center;
	margin: 40px auto 0;
	/*    font-family: "arial";
    font-weight: bold;*/
}

.service1_5 {
	padding: 100px 0 120px;
	background: #f8f8f8;
}

.service1_6 .message2 {
	padding: 100px 0 185px;
}

/*服务方案*/
.service2_case {
	padding-bottom: 132px;
}

.service2_case .container {
	max-width: 1336px;
}

.service2_case_list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 70px;
}

.service2_case_list li {
	position: relative;
}

.service2_case_list li .text {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	/*height: ;*/
	color: #fff;
	text-align: center;
}

.service2_case_list li .img {
	border-radius: 20px;
}

.service2_case_list li .text h3 {
	font-size: 36px;
	font-family: "puhui85";
	line-height: 1.4;
}

.service2_case_list li .text p {
	font-size: 22px;
	line-height: 1.6em;
	height: 3.2em;
	margin-top: 5px;
}

.service2_case_list li:hover .img img {
	transform: scale(1.1);
}

/*.service2_case_list li:hover .video_code3 img{*/
/*    max-width: ;*/
/*}*/
.service2_case_list li:hover .video_code3 {
	opacity: 1;
}

.service2_case2 {
	background: url(../images/service2_case2_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 135px 0 686px;
}

.service2_top {
	margin-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.service_t1 {}

.service_t1 h2 {
	font-size: 50px;
	color: #272727;
	font-family: "苹方";
	line-height: 1.4;
}

.service_t1 h2 span {
	color: #ef2223;
}

.service2_top .p3 {
	font-size: 30px;
	color: #333333;
	/*font-weight: bold;*/
	position: relative;
	margin-top: 12px;
	padding-top: 5px;
	font-family: "苹方";
}

.service2_top .p3:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 2px;
	background: #d30301;
}

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

.service2_case2_list dl {
	background: url(../images/service2_case2_bg2.jpg) no-repeat top center #fff;
	background-size: cover;
	width: 49%;
	max-width: 770px;
	border-radius: 20px;
	padding: 75px 55px;
	min-height: 360px;
}

.service2_case2_list dl dt {
	font-size: 34px;
	color: #ef1213;
	font-family: "puhui85";
	line-height: 1.4;
	font-weight: bold;
}

.service2_case2_list dl dd {
	font-size: 16px;
	color: #666666;
	line-height: 1.8;
	margin-top: 26px;
}

.video_service {}

.video_service1 {
	padding: 130px 0 0;
}

.service_t2 {
	font-size: 50px;
	color: #272727;
	line-height: 1;
	font-family: "苹方";
}

.video_service1_list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 15px;
	margin-top: 55px;
}

.video_service1_list li {}

.video_service1_list li dl {
	height: 120px;
	border-radius: 10px;
	background: #f2f2f2;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.video_service1_list li:last-child dl {
	height: 100%;
}

.video_service1_list li dl:nth-child(even) {
	margin-top: 15px;
}

.video_service1_list li dl dt {
	width: 69px;
	height: 69px;
	line-height: 69px;
	background: #ef1213;
	border-radius: 50%;
	font-size: 26px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: -14px;
	right: -14px;
}

.video_service1_list li dl:hover {
	background: #ef1213;
}

.video_service1_list li dl:hover dt {
	background: #ef1213;
}

.video_service1_list li dl dd {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 15px 40px;
	font-size: 24px;
	color: #333333;
	line-height: 1.6;
}

.video_service1_list li dl:hover dd {
	color: #fff;
}

.video_service1_imgs {
	display: flex;
	flex-wrap: wrap;
	margin-top: 88px;
}

.video_service1_imgs li {
	margin-right: 36px;
	width: 61.7%;
	margin-bottom: 36px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.video_service1_imgs li:nth-child(2n) {
	margin-right: 0;
}

.video_service1_imgs li:nth-child(2),
.video_service1_imgs li:nth-child(3) {
	width: calc(38.3% - 36px);
}

.video_service1_imgs li .img {
	border-radius: 20px;
}

.video_service1_imgs li p {
	position: absolute;
	bottom: 10px;
	left: 0;
	padding: 0 55px;
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	width: 100%;
}

.video_service1_imgs li:hover .img img {
	transform: scale(1.1);
}

.video_service2 {
	padding: 105px 0 70px;
}

.video_service2 .container {
	position: relative;
}

.video_service2 .service_t2 {
	position: absolute;
	top: 50px;
	left: 0;
}

.video_service3 {
	background: url(../images/video_service3_bg1.jpg) no-repeat center;
	background-size: cover;
	padding: 128px 0 155px;
}

.video_service3 .text {
	width: 41%;
}

.video_service3 .text .p1 {
	margin: 75px 0 25px;
	font-size: 20px;
	color: #272727;
	line-height: 1.6;
}

.video_service4 {
	padding: 150px 0 95px;
	background: #f2f2f3;
}

.video_service4 .video_service4_img1 {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 55px;
}

.video_service4 .video_service4_img1 img {
	max-width: 70%;
}

#video_service4_scroll {
	/*padding-bottom: 57px;*/
}

#video_service4_scroll .swiper-slide {
	position: relative;
}

.video_code {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(13, 157, 255, .9);
	z-index: 8;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
	padding: 5%;
}

.video_code img {
	max-height: 100%;
	/* max-width: 100%; */
	max-width: 150px;
	margin: 0 auto;
}

#video_service4_scroll .swiper-slide:hover .video_code1 {
	opacity: 1;
}

#video_service4_scroll .img {
	border-radius: 20px;
}

#video_service4_scroll .swiper-scrollbar {
	height: 4px;
	border-radius: 2px;
	margin-top: 54px;
}

#video_service4_scroll .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #d30301;
	margin-top: -2px;
	border-radius: 4px;
	height: 8px;
	overflow: hidden;
}

.video_service5 .container {
	position: relative;
}

.video_service5 .service_t2 {
	position: absolute;
	left: 0;
	top: 120px;
}

.video_service6 {
	padding: 145px 0 0;
}

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

.video_service6_li {
	width: 55%;
	max-width: 814px;
	border-bottom: 2px solid #d3d3d3;
	display: flex;
	justify-content: space-between;
}

.video_service6_li p {
	font-size: 26px;
	color: #333333;
	position: relative;
	cursor: pointer;
	padding-bottom: 5px;
}

.video_service6_li p:after {
	content: '';
	height: 4px;
	width: 0%;
	background: #d92523;
	position: absolute;
	bottom: -2px;
	left: 0;
}

.video_service6_li p.cur {
	color: #d30301;
}

.video_service6_li p.cur:after {
	width: 100%;
}

.video_service6_cont {
	margin-top: 60px;
}

.video_service6_tab {
	display: none;
	padding: 68px 84px;
	border-radius: 20px;
	background: #eeeeee;
}

.service2_3 .case_list li a .img {
	border-radius: 20px;
}

.case_list2 li {
	position: relative;
}

.case_list li:hover .video_code2 {
	opacity: 1;
}

.service1_2 {
	background: url(../images/service1_bg1.jpg) no-repeat center top;
	text-align: center;
	background-size: cover;
	position: relative;
}

.service1_2 h2.t1 {
	display: none;
	line-height: 1.4;
}

.service1_2 .cont {
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

.service1_2 dl {
	width: 200px;
	color: #fff;
	position: absolute;
	text-align: left;
}

/*.service1_2 dl{
    position:static;
    text-align:left!important;
    width:47%!important;
    float:left;
    margin-bottom:30px;
    margin-right:5%;
}*/
.service1_2 dl:nth-of-type(2n) {
	margin-right: 0px;
}

.service1_2 dt {
	font-weight: 700;
	margin-bottom: 10px;
}

.service1_2 .con01 {
	top: 14.5%;
	left: 12%;
}

.service1_2 .con02 {
	top: 14.5%;
	left: 67%;
}

.service1_2 .con03 {
	top: 45.5%;
	left: 2%;
	text-align: right;
}

.service1_2 .con04 {
	top: 45.5%;
	left: 77%;
	text-align: right;
}

.service1_2 .con05 {
	top: 75%;
	left: 10%;
}

.service1_2 .con06 {
	top: 75%;
	left: 73%;
}

.service1_2>h3 {
	display: none;
}

.yuan_bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #fff;
	opacity: 0.4;
	width: 475px;
	height: 475px;
	border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
	animation: morph 6s linear infinite;
	will-change: border-radius;
}

.yuan_bg:before,
.yuan_bg:after {
	content: "";
	display: block;
	width: 490px;
	height: 490px;
	position: absolute;
	left: 0px;
	top: 0px;
	border: 1px solid #fff;
	border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
	will-change: border-radius;
	animation-delay: 100ms;
}

.yuan_bg:before {
	animation: morph 10s linear infinite;
	animation-delay: 400ms;
}

@keyframes morph {

	0%,
	100% {
		border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
	}

	34% {
		border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
	}

	67% {
		border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
	}
}

.fnt_30 {
	font-size: 30px;
	line-height: 1.3;
}

.fnt_18 {
	font-size: 18px;
	line-height: 1.6;
}


/*service2*/
.banner_text4_2 a {
	display: block;
	width: 160px;
	line-height: 55px;
	font-size: 20px;
	color: #fff;
	border-radius: 10px;
	background: #f79414;
	text-align: center;
	font-family: "arial";
	font-weight: bold;
	position: relative;
	overflow: hidden;
}

.banner_text4_2 a:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-animation: wave 1.3s infinite;
	animation: wave 1.3s infinite;
	z-index: 1;
}

.service2_1 {
	padding: 40px 0 85px;
}

.service2_1 .container {
	max-width: 1344px;
}

.service2_2 {
	padding: 110px 0 80px;
	background: #f7f7f7;
}

.service2_2 .container {
	max-width: 1200px;
	height: 728px;
	background: url(../images/v_value.png) no-repeat center 112px;
}

.service2_2 h2.t1 {
	margin-bottom: 70px;
	text-align: center;
}

.service2_2 dl {
	float: left;
	width: 430px;
	height: 208px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 25px rgb(67 88 171 / 16%);
	margin-bottom: 40px;
	border: 1px solid #ebecf2;
	position: relative;
}

.service2_2 dl:nth-of-type(2n) {
	float: right;
}

.service2_2 dl dt {
	position: absolute;
	top: 74px;
	right: -31px;
	width: 61px;
	height: 61px;
	border-radius: 61px;
	background: #f79414;
	color: #fff;
	text-align: center;
	line-height: 61px;
	font-weight: bold;
	font-size: 26px;
}

.service2_2 dl dd {
	text-align: right;
	padding-right: 60px;
}

.service2_2 dl dd h3 {
	line-height: 100%;
	font-size: 26px;
	color: #333333;
	font-weight: bold;
	padding-top: 44px;
	padding-bottom: 24px;
}

.service2_2 dl dd h3 span {
	padding-left: 18px;
}

.service2_2 dl dd p {
	line-height: 100%;
	color: #666666;
	font-size: 16px;
}

.service2_2 dl dd p span {
	display: block;
	padding: 12px 0;
}

.service2_2 dl:nth-of-type(2n) dt {
	right: inherit;
	left: -31px;
}

.service2_2 dl:nth-of-type(2n) dd {
	text-align: left;
	padding-right: 0;
	padding-left: 60px;
}

.service2_3 {
	padding: 100px 0 80px;
}

.service2_4 .message2 {
	padding: 0px 0 185px;
}


.service3_1 {
	padding: 40px 0 110px;
}

.t5 {
	width: 74%;
	max-width: 1180px;
	margin: 0 auto;
	text-align: center;
	font-size: 32px;
	color: #272727;
	font-family: "arial";
	line-height: 1.4;
	font-weight: bold;
}

.service3_list {
	display: flex;
	justify-content: center;
	margin-top: 70px;
}

.service3_list li {
	margin-right: 12px;
}

.service3_list li:last-child {
	margin-right: 0;
}

.service3_2 {
	text-align: center;
}

.service3_2 .img {
	margin-top: 40px;
}

.service4_1 {
	padding: 40px 0 95px;
}

.t2 h2 span {
	color: #f79414;
}

.service4_1 .t2 .p1 {
	max-width: 1310px;
	margin: 20px auto 40px;
}

.service4_li {
	text-align: center;
	margin-bottom: 40px;
}

.service4_li a {
	font-family: "arial";
	font-size: 14px;
	color: #333333;
	display: inline-block;
	padding: 0px 20px;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	line-height: 36px;
	margin-right: 20px;
}

.service4_li a:last-child {
	margin-right: 0px;
}

.service4_li a:hover {
	background: #f79414;
	color: #fff;
	border: 1px solid #f79414;
}

.service4_li a.on {
	background: #f79414;
	color: #fff;
	border: 1px solid #f79414;
}

.service4_tab {
	padding: 40px 35px;
	background: #fff;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, .1);
	display: none;
}

.service4_tab .content_txt_left {
	width: 29%;
	float: left;
}

.service4_tab .content_txt_left img {
	width: 100%;
}

.service4_tab .content_txt_right {
	float: left;
	width: 60%;
	margin-left: 5%;
}

.service4_tab .content_txt_right .txt_right_title {
	font-size: 20px;
	color: #333;
	text-align: center;
	font-weight: bolder;
	margin-bottom: 35px;
}

.service4_tab .content_txt_right .txt_right_txt {
	border-bottom: 1px solid #bbbbbb;
	padding-bottom: 30px;
	height: 134px;
}

.service4_tab .content_txt_right .txt_right_txt a {
	display: inline-block;
	width: 25%;
	margin-bottom: 16px;
	margin-right: -5px;
	color: #333;
}

.service4_tab .content_txt_right .txt_right_txt a img {
	margin-right: 6px;
}

.service4_tab .content_txt_right .txt_right_more {
	text-align: right;
}

.service4_tab .content_txt_right .txt_right_more a {
	display: inline-block;
	width: 142px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 18px;
	background: #f79414;
	color: #fff;
	border-radius: 5px;
	margin-top: 25px;
}


.service4_2 {}

.service4_2 .s_xcx_con02 {
	max-width: 1280px;
}

.s_xcx_con02 dl {
	position: relative;
	color: #fff;
}

.s_xcx_con02 dd img {
	width: 100%;
}

.s_xcx_con02 dt {
	position: absolute;
	left: 0;
	top: 90px;
	width: 100%;
	z-index: 2;
}

.s_xcx_con02 .dt_con {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto
}

.s_xcx_con02 .dt_con .p {
	padding-bottom: 50px;
	border-bottom: 1px dotted #fff;
	margin-bottom: 50px;
}

.s_xcx_con02 .dt_con p {
	margin-top: 15px;
}

.s_xcx_con02 .dt_con .ul h4 {
	float: left;
	width: 24%;
}

.s_xcx_con02 .dt_con .ul ul {
	float: left;
	width: 76%;
}

.s_xcx_con02 .dt_con .ul ul li {
	float: left;
	width: 200px;
	font-weight: 700;
	margin-bottom: 25px;
}

.s_xcx_con02 .dt_con .ul ul li span {
	display: inline-block;
	padding: 7px 0 0 20px;
}

.fnt_24 {
	font-size: 24px;
}



.service4_3 {
	background: #f5f5f5;
	padding: 105px 0 0;
}

.service4_3 .container {
	max-width: 1350px;
}

.service4_3 .t3 {
	margin-bottom: 90px;
}

.service4_3 .cont {}

.service4_3 .cont .text {
	width: 65.5%;
	max-width: 755px;
	float: left;
}

.service4_3 .cont .text .txt {
	font-size: 16px;
}

.service4_3 .cont .text ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 714px;
	margin-top: 45px;
}

.service4_3 .cont .text ul li {
	width: 33.333%;
	background: #fff;
	padding: 30px 20px;
	text-align: center;
	border-right: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	position: relative;
	z-index: 1;
}

.service4_3 .cont .text ul li .img {
	line-height: 60px;
}

.service4_3 .cont .text ul li p {
	font-size: 18px;
	color: #4c4c4c;
}

.service4_3 .cont .text ul li:hover {
	box-shadow: 0px 0px 15px #eee;
	z-index: 9;
}

.service4_3 .cont .img1 {
	width: 34.5%;
	float: right;
}

.service4_4 {
	padding: 110px 0 0;
}

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

.service4_list2 li {
	width: 24.25%;
	margin-right: 1%;
	background: #f7f7f7;
	padding: 70px 40px 70px 45px;
}

.service4_list2 li:last-child {
	margin-right: 0;
}

.service4_list2 li .img {}

.service4_list2 li h3 {
	font-size: 24px;
	color: #333333;
	margin: 15px 0 10px;
}

.service4_list2 li p {
	font-size: 14px;
	color: #666666;
	line-height: 1.8;
}


/*2025-04-27 品牌视觉*/
.service5_1 {}

/*.service5_1_top{*/
/*    overflow-x: auto;*/
/*    -webkit-overflow-scrolling: touch;    */
/*}*/
/*.service5_1_top::-webkit-scrollbar{*/
/*    width:6px;*/
/*    height:3px;*/
/*    background-color:#004ea2;*/
/*}*/
/*.service5_1_top::-webkit-scrollbar-track{*/
/*    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);*/
/*    background-color:#eee;*/
/*}*/
/*.service5_1_top::-webkit-scrollbar-thumb{*/
/*    width:6px;*/
/*    height:3px;*/
/*    background-color:#0071bd;*/
/*}*/
.service5_li {
	padding: 75px 0 45px;
	display: flex;
	justify-content: center;
}

.service5_li a {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.service5_li a i {
	font-style: normal;
	font-size: 80px;
	color: #0071bd;
	line-height: 1;
}

.service5_li a font {
	width: 298px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	font-size: 24px;
	color: #5a738f;
	line-height: 1.4;
	padding: 5px 10px;
	border: 1px solid #a9cde5;
	line-height: 1.4;
	border-radius: 5px;
	margin-left: 10px;
}

.service5_li a span {
	padding: 0 60px 0 70px;
}

.service5_li a.on font {
	background: #0071bd;
	border: 1px solid #0071bd;
	color: #fff;
}

.service5_tab_c {
	background: #f2f5f7;
}

.service5_tab {
	display: none;
	padding: 65px;
	border-top: 2px solid #a9cde5;
}

.service5_tab_list1,
.service5_tab_list2 {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 21px 23px;
}

.service5_tab strong {
	margin-right: 5px;
}

.service5_tab_list1 li,
.service5_tab_list2 dl dt {
	height: 58px;
	display: flex;
	align-items: center;
	background: #fff;
	font-size: 16px;
	color: #5a738f;
	line-height: 1.4;
	padding: 5px 10px 5px 22px;
}

.service5_tab_list2 dl dd p {
	height: 58px;
	display: flex;
	align-items: center;
	border: 2px solid #fff;
	font-size: 16px;
	color: #5a738f;
	line-height: 1.4;
	padding: 5px 10px 5px 22px;
	margin-top: 23px;
}


.service5_2 {
	padding: 124px 0 115px;
}

.service5_2 .img {
	margin-top: 45px;
	text-align: center;
	border-top: 2px solid #7fb8de;
}

.service5_3 {
	padding: 115px 0 120px;
	background: url(../images/servide5_3_bg.png) no-repeat center;
	background-size: cover;
}

.service5_3 .img {
	margin-top: 120px;
	text-align: center;
}

.service5_4 {
	padding: 100px 0 108px;
}

.service5_scroll {
	position: relative;
}

#service5_scroll {}

.service5_scroll_cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.service5_scroll_cont .text {
	width: 38.5%;
	padding-top: 20px;
	padding-right: 85px;
}

.service5_scroll_cont .text .img1 {}

.service5_scroll_cont .text .p1 {
	padding: 45px 0 65px;
	line-height: 1.4;
	margin-bottom: 20px;
	border-bottom: 1px solid #7f7f7f;
	font-size: 21px;
	color: #000000;
	font-family: "puhui65";
}

.service5_scroll_cont .text .txt {
	font-size: 15px;
	color: #5a738f;
	text-align: justify;
}

.service5_scroll_cont .imgs {
	width: 61.5%;
}

.service5_scroll .service5_prev,
.service5_scroll .service5_next {
	width: 55px;
	height: 55px;
	margin-top: -27.5px;
}

.service5_scroll .service5_prev {
	left: -96px;
	background: url(../images/service5_left1.jpg) no-repeat center;
	background-size: contain;
}

.service5_scroll .service5_prev:hover {
	transform: rotate(-180deg);
	background: url(../images/service5_right1.jpg) no-repeat center;
	background-size: contain;
}

.service5_scroll .service5_next {
	right: -96px;
	transform: rotate(-180deg);
	background: url(../images/service5_left1.jpg) no-repeat center;
	background-size: contain;
}

.service5_scroll .service5_next:hover {
	transform: rotate(-0deg);
	background: url(../images/service5_right1.jpg) no-repeat center;
	background-size: contain;
}

.service5_scroll .service5_pagination {
	position: relative !important;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 68px;
}

.service5_scroll .service5_pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #bdc7d2;
	margin: 0 8px;
	opacity: 1;
}

.service5_scroll .service5_pagination .swiper-pagination-bullet-active {
	background: #0071bd;
}


#service5_scroll .service5_prev1,
#service5_scroll .service5_next1 {
	width: 30px;
	height: 54px;
	margin-top: -27px;
}

#service5_scroll .service5_prev1 {
	left: 55px;
	background: url(../images/service5_left2.png) no-repeat center;
}

#service5_scroll .service5_prev1:hover {
	transform: rotate(-180deg);
	background: url(../images/service5_right2.png) no-repeat center;
}

#service5_scroll .service5_next1 {
	right: 55px;
	transform: rotate(-180deg);
	background: url(../images/service5_left2.png) no-repeat center;
}

#service5_scroll .service5_next1:hover {
	transform: rotate(-0deg);
	background: url(../images/service5_right2.png) no-repeat center;
}

#service5_scroll .service5_pagination2 {
	bottom: 20px;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 9;
	text-align: center;
}

#service5_scroll .service5_pagination2 .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	margin: 0 8px;
	opacity: .4;
}

#service5_scroll .service5_pagination2 .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}

.service5_5 {}

.service5_5 .img {
	margin-top: 35px;
	text-align: center;
}

.service5_6 {
	padding: 120px 0 290px;
}

.message3.container {
	max-width: 954px;
}

.message3 .message2_t h2 {
	line-height: 1.6;
	margin-bottom: 40px;
	/*font-weight: normal;*/
}

.message3 .message2_t p {
	max-width: 695px;
}

.message3 a.add_more1 {
	width: 220px;
}


.yxtg_list {
	padding: 20px 0 140px;
}

.yxtg_list li {
	margin-bottom: 120px;
}

.yxtg_list li.container {
	max-width: 1350px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.yxtg_list li:nth-child(2) {
	flex-direction: row;
}

.yxtg_list li .img {
	float: right;
	width: 53%;
}

.yxtg_list li .text {
	float: left;
	width: 42%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px 0 20px 5%;
}

.yxtg_list li .text h2 {
	font-size: 50px;
	font-family: "arial";
	line-height: 1;
}

.yxtg_list li .text h2 span {
	color: #f79414;
}

.yxtg_list li .text p {
	font-size: 18px;
	color: #666666;
	max-width: 420px;
	font-weight: bold;
	line-height: 1.6;
	margin: 32px 0 100px;
}

.yxtg_list li .text a {
	display: block;
	width: 156px;
	line-height: 56px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	background: #f79414;
}

.banner_text6 {}

.banner_text6 h2 {
	color: #333333;
	font-size: 50px;
	font-family: "arial";
}

.banner_text6 h2 span {
	color: #f79414;
}

.banner_text6 p {
	font-size: 20px;
	color: #666666;
	/*    max-width: 625px;*/
}

.banner_text6 a {
	display: block;
	width: 160px;
	line-height: 55px;
	font-size: 20px;
	color: #fff;
	border-radius: 10px;
	background: #f79414;
	text-align: center;
	font-family: "arial";
	font-weight: bold;
	overflow: hidden;
	position: relative;
}

.banner_text6 a:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-animation: wave 1.3s infinite;
	animation: wave 1.3s infinite;
	z-index: 1;
}

.yxtg1_1 {
	padding: 30px 0 50px;
}

.yxtg1_1 .container {
	max-width: 1300px;
}

.yxtg_list1 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 70px;
}

.yxtg_list1 li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 47%;
	margin-right: 6%;
	margin-bottom: 70px;
}

.yxtg_list1 li:nth-child(2n) {
	margin-right: 0%;
}

.yxtg_list1 li .img {
	width: 145px;
}

.yxtg_list1 li .text {
	width: calc(100% - 145px);
}

.yxtg_list1 li .text h3 {
	font-family: "arial";
	font-size: 28px;
	color: #333333;
	line-height: 1.6;
}

.yxtg_list1 li .text p {
	font-size: 18px;
	color: #666666;
	line-height: 1.6;
}

.yxtg1_2 {
	padding: 135px 0 120px;
	background: #f7f7f7;
}

.yxtg1_2 .container {
	display: flex;
	flex-wrap: wrap;
}

.yxtg1_tab {
	width: 50%;
}

.yxtg1_tab .img {
	display: none;
}

.yxtg1_2_r {
	width: 50%;
	padding-left: 110px;
}

.yxtg1_2_r_t {}

.yxtg1_2_r_t h2 {
	font-size: 40px;
	color: #333333;
	font-family: "arial";
	line-height: 1;
}

.yxtg1_2_r_t p {
	font-size: 24px;
	color: #666666;
	padding: 10px 0 40px;
}

.yxtg_list2 {}

.yxtg_list2 li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 15px 40px;
	margin-bottom: 10px;
	cursor: pointer;
}

.yxtg_list2 li .num1 {
	width: 95px;
	font-size: 60px;
	color: #c7c7c7;
	line-height: 1;
}

.yxtg_list2 li .text {
	width: calc(100% - 95px);
}

.yxtg_list2 li .text .p1 {
	font-size: 26px;
	color: #333333;
	line-height: 1.4;
}

.yxtg_list2 li .text .p2 {
	font-size: 15px;
	margin-top: 5px;
	color: #808080;
	line-height: 1.6;
}

.yxtg_list2 li.cur {
	background: #f79414;
}

.yxtg_list2 li.cur .num1 {
	color: #fff;
}

.yxtg_list2 li.cur .text .p1 {
	color: #fff;
}

.yxtg_list2 li.cur .text .p2 {
	color: #fff;
}

.yxtg_message1 {
	background: #f7f7f7;
}

.yxtg1_1 .t2 p {
	font-size: 24px;
	max-width: 1340px;
	margin: 10px auto 0;
	line-height: 1.6;
}

/*yxtg2*/
.yxtg2_1 .container {
	max-width: 1580px;
}

.yxtg2_1_c {
	padding: 90px 0 0;
}

.yxtg2_1_img {
	width: 33%;
	float: left;
	text-align: center;
}

.yxtg2_1_img .img {
	display: none;
}

.yxtg_list3 {
	float: right;
	width: 67%;
	padding-left: 120px;
}

.yxtg_list3 li {
	padding: 35px 42px;
	position: relative;
	cursor: pointer;
}

.yxtg_list3 li .text {}

.yxtg_list3 li .p1 {
	font-size: 16px;
	/*color: #999999;*/
}

.yxtg_list3 li .p1 span {
	color: #f79414;
	font-family: "arial";
	font-weight: bold;
	margin-right: 5px;
	font-size: 26px;
}

.yxtg_list3 li .p2 {
	font-size: 16px;
	color: #4c4c4c;
}

.yxtg_list3 li.cur {
	background: #f5f5f5;
}

.yxtg_list3 li.cur:before {
	content: '';
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -20px;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-right: 20px solid #f5f5f5;
	border-bottom: 20px solid transparent;
}

.yxtg2_2 {
	padding: 120px 0;
}

.yxtg2_2 .container {
	max-width: 1290px;
}

.t6 {
	text-align: left;
	text-transform: uppercase;
	position: relative;
	background: url(../images/t6_bg1.png) no-repeat left center;
	background-size: contain;
	padding: 15px 0 45px;
	margin-bottom: 25px;
}

/*.yxtg2_2 .t6:before{
    content:"SEO";
    position: absolute;
    top:0;
    left:0;
    font-size: ;
    color: #;
    line-height: 1;
}*/
.t6 h2 {
	font-size: 60px;
	color: #333;
	font-family: "arial";
	line-height: 1;
	margin-bottom: 20px;
}

.t6 h2 span {
	color: #f79414;
}

.t6 p {
	font-size: 24px;
	color: #666666;
	line-height: 1.6;
}

.yxtg2_2 img1 {
	text-align: center;
}

.yxtg3_1 {
	padding: 50px 0 80px;
}

.ab_t2 {
	color: #333333;
	font-size: 34px;
	text-align: center;
	line-height: 1.4;
	font-weight: bold;
	font-family: "arial";
	width: 74%;
	max-width: 990px;
	margin: 0 auto;
}

.ab_t2 span {
	color: #f79414;
}

.yxtg_list4 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 65px;
}

.yxtg_list4 li {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 30px;
	position: relative;
	cursor: pointer;
}

.yxtg_list4 li:nth-child(4n) {
	margin-right: 0;
}

.yxtg_list4 li h3 {
	font-size: 36px;
	color: #fff;
	font-family: "arial";
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.yxtg_list4 li:hover .img img {
	transform: scale(1.1);
}

.yxtg3_2 {
	padding: 0 0 85px;
}

.yxtg3_2 .container {
	max-width: 1460px;
}

.ab_t1 h2 span {
	color: #f79414;
}

.yxtg_list5 {
	display: flex;
	flex-wrap: wrap;
	padding: 75px 0 40px;
}

.yxtg_list5 li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: #f7f7f7;
	width: 48%;
	margin-right: 4%;
	padding: 36px 65px;
	margin-bottom: 35px;
}

.yxtg_list5 li:nth-child(2n) {
	margin-right: 0;
}

.yxtg_list5 li .img {
	width: 105px;
}

.yxtg_list5 li .text {
	color: #323232;
	width: calc(100% - 105px);
	padding-left: 50px;
}

.yxtg_list5 li .text h3 {
	font-size: 24px;
	font-family: "arial";
}

.yxtg_list5 li .text p {
	font-size: 16px;
}

.yxtg3_2 a {
	position: relative;
	display: block;
	width: 190px;
	line-height: 55px;
	font-size: 20px;
	color: #fff;
	background: #f79414;
	border-radius: 10px;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
}

.yxtg3_3 {
	padding: 85px 0 95px;
}

.yxtg3_3 .container {
	max-width: 1440px;
}

.yxtg_list6 {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
}

.yxtg_list6 li {
	text-align: center;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
	background: #f7f7f7;
	padding: 30px 60px;
}

.yxtg_list6 li:nth-child(3n) {
	margin-right: 0;
}

.yxtg_list6 li h3 {
	/*    font-weight: normal;*/
	margin: 12px 0;
	font-size: 24px;
	color: #333;
	line-height: 1;
}

.yxtg_list6 li p {
	color: #666;
	line-height: 1.8;
	font-size: 16px;
}


.yxtg4_1 {
	padding: 30px 0 0px;
}

.yxtg4_1 .container {
	max-width: 1342px;
}

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

.yxtg4_list1 li {
	position: relative;
	width: calc(50% - 10px);
	margin-bottom: 20px;
	margin-right: 20px;
}

.yxtg4_list1 li:nth-child(2n) {
	margin-right: 0;
}

.yxtg4_list1 li .img {
	overflow: hidden;
}

.yxtg4_list1 li .img img {
	transition: all 0.5s ease-out;
	width: 100%;
}

.yxtg4_list1 li .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 47px;
	color: #fff;
	z-index: 9;
}

.yxtg4_list1 li .text h3 {
	font-size: 32px;
	line-height: 1.4;
}

.yxtg4_list1 li .text p {
	font-size: 18px;
	color: #e0e0e0;
	line-height: 1.6;
	margin-top: 5px;
}

.yxtg4_list1 li:hover .img img {
	transform: scale(1.1);
}

.yxtg4_2 {
	padding: 90px 0 150px 0;
}

.yxtg4_2 .t3 h2 {
	line-height: 1.4;
}

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

.yxtg4_list2 li {
	position: relative;
	width: 13%;
	margin-right: 1.5%;
}

.yxtg4_list2 li:nth-child(7n) {
	margin-right: 0;
}

.yxtg4_list2 li .img {}

.yxtg4_list2 li .img img {
	border-radius: 8px;
	width: 100%;
}

.yxtg4_list2 li p {
	display: flex;
	flex-direction: column;
	width: 80%;
	border-radius: 6px;
	position: absolute;
	bottom: -35px;
	left: 10%;
	background: #fff;
	padding: 18px 16px;
	box-sizing: border-box;
	box-shadow: 0px 6px 25px 1px rgba(37, 37, 89, 0.16);
	transition: All 0.3s ease-in-out;
	-webkit-transition: All 0.3s ease-in-out;
	-moz-transition: All 0.3s ease-in-out;
	-o-transition: All 0.3s ease-in-out;
	font-size: 18px;
	color: #1a1a1a;
	line-height: 1.6;
	text-align: center;
}

.yxtg4_list2 li:hover p {
	bottom: 0;
	width: 100%;
	left: 0;
	background: rgba(255, 255, 255, .9);
}

.yxtg4_3 {
	background: url(../images/pc_xcp.jpg) center;
	/*background-size: cover;*/
	background-attachment: fixed;
	width: 100%;
	height: 600px;
}

.yxtg4_3 img {
	opacity: 0;
}

.yxtg4_4 {
	padding: 80px 0 0;
}

.yxtg4_4_scroll {
	width: 95%;
	margin-left: 5%;
}

#yxtg4_scroll1 {
	padding-bottom: 58px;
}

#yxtg4_scroll1 .swiper-slide .img {
	border: 4px solid #1a1a1a;
	border-radius: 10px;
}

#yxtg4_scroll1 .swiper-slide .img img {
	transition: all 0.5s ease-out;
}

#yxtg4_scroll1 .swiper-slide .img:hover img {
	transform: scale(1.1);
}

#yxtg4_scroll1 .swiper-pagination {
	width: 90%;
	top: auto;
	bottom: 0;
	height: 4px;
	background: #e0e0e0;
	border-radius: 2px;
}

#yxtg4_scroll1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #f79414;
}

.yxtg4_5 {
	padding: 75px 0 0px;
}

.yxtg4_5 .t3 .p2 {
	max-width: 760px;
	margin: 0 auto;
	font-size: 18px;
	color: #141821;
	line-height: 1.6;
	padding-top: 10px;
	text-align: center;
}

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

.yxtg4_list3 li {
	width: 31%;
	margin-right: 3%;
	margin-bottom: 30px;
	text-align: center;
}

.yxtg4_list3 li:nth-child(3n) {
	margin-right: 0;
}

.yxtg4_list3 li a {
	display: block;
	position: relative;
}

.yxtg4_list3 li .img {
	position: relative;
	border-radius: 10px;
}

.yxtg4_list3 li a .img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 8;
	background: rgba(0, 0, 0, .1);
}

.yxtg4_list3 li .img .img1 {
	transition: all 0.5s ease-out;
}

.yxtg4_list3 li:hover .img .img1 {
	transform: scale(1.1);
}

.v-player {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -29.5px;
	margin-left: -29.5px;
	width: 59px;
	height: 59px;
	background: url(../images/x-player.png) no-repeat center;
	background-size: contain;
	z-index: 9;
}

.yxtg4_list3 li h3 {
	font-size: 22px;
	color: #333333;
	line-height: 1.6;
	margin-top: 15px;
}

.sort1 {
	display: flex;
	justify-content: space-between;
	padding: 50px 0 0px;
	border-bottom: 2px solid #555;
	margin-bottom: 50px;
	position: relative;
}

.sort1 li {}

.sort1 li a {
	display: block;
	line-height: 55px;
	margin: 0 20px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	position: relative;
	bottom: -4px;

}

.sort1 li a:hover,
.sort1 li a.cur {
	border-bottom: 6px solid #f79414;
	color: #f79414;
}



.sort3 {
	display: flex;
	flex-wrap: wrap;
	padding: 50px 0 0px;
	border-bottom: 2px solid #555;
	margin-bottom: 50px;
	position: relative;
}

.sort3 li {}

.sort3 li a {
	display: block;
	line-height: 55px;
	margin: 0 20px;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	position: relative;
	bottom: -4px;

}

.sort3 li a:hover,
.sort3 li a.cur {
	border-bottom: 6px solid #f79414;
	color: #f79414;
}




.case_list2 {}

.case_list2 li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 40px;
}

.case_list2 li:nth-child(3n) {
	margin-right: 0%;
}

.case_list2 li .img img {
	width: 100%;
}

/*.case_list3 li a .text{*/
/*    opacity: 1;*/
/*}*/
.case_list.case_list2 li .text2 h3 {
	font-size: 24px;
}

/*.case_list.case_list2 li .text2 p{
    font-size: 16px;
}*/
.bottom1 {
	text-align: center;
	padding: 100px 0 195px;
}

.bottom1 p.p1 {
	font-size: 24px;
	color: #808080
}

.bottom1 h2 {
	font-size: 40px;
	color: #333;
	font-family: "arial";
	line-height: 1.4;
	margin-bottom: 50px;
}

.bottom1 h2 span {
	color: #f79414;
}

.bottom1 a.more1 {
	display: flex;
	justify-content: center;
	width: 290px;
	line-height: 56px;
	font-size: 20px;
	color: #fff;
	background: #f79414;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.bottom1 a.more1 i {
	display: block;
	width: 9px;
	background: url(../images/more3.png) no-repeat center;
	margin-left: 32px;
}

.bottom1 a.more1:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-animation: wave 1.3s infinite;
	animation: wave 1.3s infinite;
	z-index: 1;
}

.mess_btn,
.mess_btn2 {
	display: none;
}

a.add_more1 {
	display: flex;
	justify-content: center;
	width: 190px;
	line-height: 56px;
	font-size: 20px;
	color: #fff;
	background: #f79414;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

a.add_more1 i {
	display: block;
	width: 9px;
	background: url(../images/more3.png) no-repeat center;
	margin-left: 22px;
}

a.add_more1:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-animation: wave 1.3s infinite;
	animation: wave 1.3s infinite;
	z-index: 1;
}

.banner_text3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 99;
	color: #fff;
}

.banner_text3 .container {
	padding: 0 60px;
}

.banner_text3 img {
	max-width: 50px;
}

.banner_text3 h1 {
	font-size: 50px;
	font-weight: normal;
	font-family: "arial";
	margin-bottom: 45px;
}

.banner_text3 a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.6);
	box-shadow: inset 0 0 0 white;
	transition: all .5s;
}

.banner_text3 a .icon {
	transition: all .5s;
	width: 22px;
	height: 22px;
	fill: #fff;
	position: relative;
	z-index: 3;
	margin: 0 auto;
}

.banner_text3 a:hover {
	transform: scale(1.1);
	box-shadow: inset 0 0 0 23px white;
}

.banner_text3 a:hover .icon {
	fill: #000;
}

.case_detail {
	background: #f7f7f7;

}

.case_detail .container {
	background: #fff;
	padding: 70px 0 140px;
	max-width: 1580px;
	margin-top: -70px;
	position: relative;
	z-index: 9;
}

.case_detail_t {
	padding: 0 6%;
	display: flex;
	flex-wrap: wrap;
}

.case_detail_t h2 {
	font-size: 50px;
	color: #333333;
	width: 45%;
}

.case_detail_t .text {
	width: 55%;
}

.case_detail_t .text .p1 {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	/*    font-family: "arial";*/
}

.case_detail_t .text .txt {
	font-size: 16px;
	color: #666666;
	margin: 0 0 60px;
}

.case_detail_t .text a {
	display: block;
	width: 160px;
	line-height: 42px;
	border-radius: 10px;
	border: 2px solid #f79414;
	font-size: 20px;
	color: #f79414;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
}

/*.case_detail_t .text a:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}*/
.case_detail_t .text a:hover {
	background: #f79414;
	color: #fff;
}

.case_detail_c {
	text-align: center;
	padding: 70px 5% 0;
}

.case_detail a.more_a2 {
	display: block;
	width: 220px;
	line-height: 55px;
	font-size: 18px;
	color: #fff;
	border-radius: 10px;
	background: #f79414;
	text-align: center;
	margin: 50px auto 0;
	position: relative;
	overflow: hidden;
}

.case_detail a.more_a2:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-animation: wave 1.3s infinite;
	animation: wave 1.3s infinite;
	z-index: 1;
}

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

.case_detail_more_l {
	width: 50%;
	/*    font-weight: bold;*/
	background: url(../images/c_bg1.jpg) no-repeat center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 30px;
}

.case_detail_more_l h3 {
	font-size: 56px;
	color: #fff;
	text-align: center;
	line-height: 1.4;
}

.case_detail_more_l a {
	display: block;
	width: 190px;
	line-height: 51px;
	border: 2px solid #fff;
	border-radius: 10px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	margin: 50px auto 0;
	transition: all 0.4s ease-out;
	/*    font-weight: normal;*/
}

.case_detail_more_l a:hover {
	background: #fff;
	color: #f79414;
}

.page1 {
	width: 50%;
	background-color: #000;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 36px;
}

.page1 a {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}

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

.page1 a .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 99;
	color: #fff;
	background: rgba(0, 0, 0, .5);
}

.page1 a .text h3 {
	font-size: 76px;
	font-weight: normal;
	font-family: "arial";
}

.page1 a .text p {
	font-size: 30px;
}

.page1 a .text h4 {
	font-size: 36px;
	color: #fff;
}

.page1 a:hover .img img {
	transform: scale(1.1);
}

.message2 {
	padding: 140px 0 200px;
	max-width: 1110px;
}

.message2_t {
	text-align: center;
	margin-bottom: 30px;
}

.message2_t h2 {
	font-size: 40px;
	color: #333;
	font-family: "arial";
}

.message2_t h2 span {
	color: #f79414;
}

.message2_t p {
	font-size: 24px;
	color: #808080;
	max-width: 845px;
	margin: 10px auto 0;
	line-height: 1.4;
}

.message2 ul {
	display: flex;
	flex-wrap: wrap;
	margin: 50px 0 60px;
	display: none;
}

.message2 ul li {
	width: 32%;
	margin-right: 2%;
	font-size: 18px;
	color: #b2b2b2;
}

.message2 ul li input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 10px;
	font-size: 18px;
	color: #b2b2b2;
	line-height: 62px;
	padding: 0 18px;
}

.message2 ul li:last-child {
	margin-right: 0;
}

.mess_btn2 {
	width: 190px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: #f79414;
	border-radius: 10px;
}

.mess_btn2 input {
	display: block;
	width: 100%;
	line-height: 56px;
	border: none;
	outline: none;
	font-size: 20px;
	color: #fff;

	/*border-radius:10px;*/
	background: none;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	z-index: 10;
	padding: 0 24px;
	text-align: left;
}

.mess_btn2:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-animation: wave 1.3s infinite;
	animation: wave 1.3s infinite;
	z-index: 1;
}

.mess_btn2:after {
	content: '';
	position: absolute;
	right: 18px;
	top: 50%;
	width: 9px;
	height: 17px;
	background: url(../images/more3.png) no-repeat center;
	z-index: 9;
	margin-top: -8.5px;
}


.h80 {
	height: 80px;
}

#c-header.news_head {
	position: fixed;
	top: 0;
	background: #fff;
	box-shadow: 0px 0px 5px #ccc;
	padding: 10px 0;
}

#c-header.news_head .logo .logo2 {
	display: none;
}

#c-header.news_head .logo .logo1 {
	display: inline-block;
}

#c-header.news_head .h_tel {
	color: #333333;
	background: url(../images/tel1_h.png) no-repeat left center;
}

#c-header.news_head .nav li a {
	color: #333;
}

#c-header.news_head .nav li a i {
	background: url(../images/down2.png) no-repeat center;
}

#c-header.news_head .nav li:hover a {
	color: #f79414;
}

#c-header.news_head .nav li:hover a i {
	background: url(../images/down_h.png) no-repeat center;
}

.n_sort {
	background: #f7f7f7;
}

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

.sort2 li {
	margin-right: 65px;
}

.sort2 li:last-child {
	margin-right: 0;
}

.sort2 li a {
	font-size: 18px;
	color: #666666;
	line-height: 80px;
}

.sort2 li a:hover,
.sort2 li.cur a {
	color: #f79414;
}

.container2 {
	max-width: 1580px;
}

.sitemp {
	font-size: 16px;
	color: #666666;
	padding: 30px 0 50px;
}

.sitemp a {
	font-size: 16px;
	color: #666666;
}

.left1 {
	width: 50%;
	max-width: 780px;
	float: left;
	margin-bottom: 130px;
}

.news_list {}

.news_list li {
	margin-bottom: 65px;
}

.news_list li a {
	display: block;
}

.news_list li a h3 {
	font-size: 30px;
	color: #333333;
	line-height: 1.3;
	font-weight: normal;
}

.info_t {
	background: url(../images/news_logo.png) no-repeat left center;
	padding-left: 55px;
	display: flex;
	margin: 22px 0;
}

.info_t_l {}

.info_t_l .p1 {
	font-size: 14px;
	color: #9fa19f;
	line-height: 1.6;
}

.info_t_l .date1 {
	font-size: 14px;
	color: #9fa19f;
	line-height: 1.6;
}

.info_t_r {
	margin-left: 25px;
	font-size: 14px;
	line-height: 1.6;
	color: #808080;
	align-items: flex-end;
	display: flex;
}

.news_list li a .img img {
	width: 100%;
}

.news_list li a .info_c {
	line-height: 1.4;
	font-size: 14px;
	color: #808080;
	margin: 20px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news_list li a .more {
	font-size: 16px;
	color: #f79414;
	font-weight: bold;
	color: #f79414;
	font-family: "arial";
}

.news_list li a:hover h3 {
	color: #f79414;
}

.news_list li a:hover .img img {
	transform: scale(1.1);
}

.news_list li a:hover .more {
	text-decoration: underline;
}

.right1 {
	width: 30%;
	float: right;
	position: sticky;
	top: 100px;
}

.right1 h2 {
	font-size: 18px;
	color: #808080;
	padding: 15px 0;
}

.news_list2 {
	padding: 50px 0;
}

.news_list2 li {
	margin-bottom: 28px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}



.protit {
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 20px;
	width: 60%;
	padding: 40px;
	margin-top: 100px;
	text-align: left;
}

.protit h3 {
	font-size: 30px;
	color: #f79414;
	line-height: 1.2;
}

.protit h5 {
	font-size: 24px;
	color: #fff;
	margin: 0;
	line-height: 40px;
	font-weight: normal;
}

.protit p {
	color: #fff;
	font-weight: normal;
}

.protit a {
	color: #fff;
	background-color: #f79414;
	padding: 5px 20px;
	border-radius: 20px;
	margin-top: 20px;
	display: block;
	width: 200px;
	text-align: center;
	font-size: 18px;
}

.news_list2 li .img {
	width: 30%;
	border-radius: 20px;
	height: 350px;
	overflow: hidden;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	align-items: center;
}

.news_list2 li .img img {
	width: 100%;
	object-fit: cover;
	vertical-align: middle;
}

.news_list2 li .pro-r {
	width: 67%;
}

.news_list2 li a h3 {
	font-size: 45px;
	font-weight: bold;
	color: #f79414;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news_list2 li h5 {
	font-size: 28px;
	color: #000;
	line-height: 50px;
	margin: 0;
	font-weight: bold;
}

.news_list2 li p {
	font-size: 18px;
	color: #000;
	line-height: 28px;
	margin: 0;
	font-weight: normal;
	margin-bottom: 40px;
}

.promore {
	border: 1px solid #555;
	border-radius: 30px;
	padding: 10px 80px;
	text-align: center;
	font-size: 20px;
}

.promore:hover {
	border: 1px solid #f79414;
	background-color: #f79414;
	color: #fff;
	border-radius: 30px;
	padding: 10px 80px;
	text-align: center;
}



.news_list3 {}

.news_list3 li {
	margin-bottom: 28px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #fff;
	padding: 40px;
}

.news_list3 li .img {
	width: 30%;
}

.news_list3 li .img img {
	width: 100%;
}

.news_list3 li .pro-r {
	width: 67%;
}

.news_list3 li .pro-r span {
	font-size: 16px;
}

.news_list3 li a h3 {
	font-size: 24px;
	color: #000;
	line-height: 1.8;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news_list3 li a h3:hover {
	color: #f79414;
}

.news_list3 li h5 {
	font-size: 16px;
	color: #f79414;
	font-weight: normal;
}

.news_list3 li p {
	font-size: 15px;
	color: #000;
	font-weight: normal;
	margin-bottom: 40px;
}






.news_list4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px;
	background-color: #fff;
	margin-bottom: 40px;
}

.news_list4 li {
	margin-bottom: 28px;
	width: 31%;
}

.news_list4 li .img {
	width: 100%;
}

.news_list4 li .img img {
	width: 100%;
}

.news_list4 li .pro-r {
	width: 100%;
}

.news_list4 li .pro-r span {
	font-size: 14px;
	margin-top: 20px;
}

.news_list4 li a h3 {
	font-size: 16px;
	color: #555;
	line-height: 1.4;
	margin-top: 10px;
}

.news_list4 li a h3:hover {
	color: #f79414;
}

.news_list4 li h5 {
	font-size: 16px;
	color: #f79414;
	font-weight: normal;
}

.news_list4 li p {
	font-size: 15px;
	color: #000;
	font-weight: normal;
	margin-bottom: 40px;
}




.news_detail {}

.news_detail h1 {
	font-size: 30px;
	font-weight: bold;
	color: #333;
	line-height: 1.4;
	margin-bottom: 20px;
}

.news_detail .content {
	font-size: 16px;
	margin-bottom: 30px;
}

.m_h60 {
	height: 60px;
	display: none;
}


.banner_text3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*    text-align:center;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 99;
	color: #fff;
}

.banner_text3 h3 {
	font-size: 50px;
	font-family: "arial";
}

.banner_text3 p {
	font-size: 26px;
	font-weight: bold;
	font-family: "arial";
	width: 50%;
	max-width: 750px;
	line-height: 1.6;
	margin-top: 10px;
}

#about1 {
	text-align: center;
	background: url(../images/abbg2.jpg);
	padding: 110px 0;
}

#about1 h2 {
	font-size: 80px;
	color: #fff;
}

#about1 .text {
	font-size: 24px;
	color: #eee;

	max-width: 1325px;
	margin: 0 auto;
	line-height: 1.8;
	padding: 10px 0 75px;
	font-weight: normal;
}

#about1 .num_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

}

#about2 {
	padding: 50px 0;
}

#about2 .container {
	display: flex;
	flex-wrap: wrap;
}

#about2 .container .img {
	width: 50%;

}

#about2 .container .img img {
	width: 100%;
	border-radius: 30px;
}

#about2 .container .text {
	width: 50%;
	display: flex;
	flex-direction: column;
	padding: 0px 2% 30px 2%;
}

#about2 .container .text h3 {
	text-align: left;
}


#about2 .container .text .txt {
	font-size: 18px;
	color: #555;
	line-height: 1.6;
	margin-top: 30px;
	text-align: left;
}

#about2 .container .text .txt p {
	word-break: break-word;
}

#about2 .container .txt2 {
	font-size: 16px;
	color: #555;
	line-height: 30px;
	margin: 30px 0;
}

#about3 {
	padding: 0px 0 90px;
}

.ab_t1 {
	text-align: center;
}

.ab_t1 h2 {
	font-size: 40px;
	color: #333333;
	font-family: "arial";
	line-height: 1.6;
}

.ab_t1 p {
	font-size: 24px;
	color: #666666;
}

.parnter_list {
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
}

.parnter_list li {
	width: 11.1875%;
	margin-right: 1.5%;
	margin-bottom: 15px;
}

.parnter_list li:nth-child(8n) {
	margin-right: 0;
}

#about4 {
	padding: 200px 0 250px;
	background: url(../images/a_bg1.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
	text-align: center;
	background-attachment: fixed;
}

#about4 h2 {
	font-size: 50px;
	margin-bottom: 10px;
}

#about4 p {
	font-size: 24px;
	line-height: 1.6;
}

#about5 {
	padding: 105px 0;
}

#about5 .p1 {
	color: #333333;
	font-size: 34px;
	text-align: center;
	line-height: 1.4;
	font-weight: bold;
}

#about5 ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 70px;
}

#about5 ul li {
	margin-bottom: 25px;
	width: 32%;
	margin-right: 2%;
	background: #f5f6fa;
	padding: 55px 50px;
	display: flex;
}

#about5 ul li:nth-child(3n) {
	margin-right: 0;
}

#about5 ul li .img1 {
	width: 140px;
	border-right: 1px solid #e0e0e0;
}

#about5 ul li p {
	width: calc(100% - 140px);
	font-size: 25px;
	color: #333333;
	line-height: 1.6;
	padding-left: 30px;
}

#about6 {
	padding: 120px 0 90px;
	background: url(../images/a_bg2.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
	background-attachment: fixed;
}

#about6 h2 {
	font-size: 36px;
	max-width: 675px;
	font-family: "arial";
	line-height: 1.5;
	margin-bottom: 55px;
}

#about6 a {
	display: block;
	font-size: 20px;
	color: #fff;
	width: 160px;
	line-height: 56px;
	background: #f79414;
	border-radius: 10px;
	text-align: center;
}

#about7 {
	text-align: center;
	padding: 120px 0 140px;
}

#about7 h2 {
	font-size: 40px;
	color: #333333;
	font-family: "arial";
}

#about7 h2 span {
	color: #2fa1ee;
}

#about7 p {
	font-size: 24px;
	color: #808080;
	max-width: 845px;
	margin: 10px auto 45px;
	line-height: 1.6;
}

#about7 p span {
	display: block;
}

#about7 a {
	display: flex;
	justify-content: center;
	font-size: 20px;
	color: #fff;
	width: 190px;
	line-height: 56px;
	background: #f79414;
	border-radius: 10px;
	text-align: center;
	margin: 0 auto;
}

#about7 a i {
	display: inline-block;
	width: 7px;
	background: url(../images/more3.png) no-repeat center;
	margin-left: 30px;
}

.ab_banner_text a {
	display: none;
	width: 100px;
	line-height: 35px;
	height: 35px;
	font-size: 14px;
	color: #fff;
	border-radius: 10px;
	background: #f79414;
	text-align: center;
	font-family: "arial";
	font-weight: bold;
	position: relative;
	overflow: hidden;
	border: none;
	margin: 10px 0 0;
}

.about_job {
	width: 100%;
	padding: 30px 7.8% 160px;
}

.about_job li {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	background: #fff;
	margin-bottom: 20px;
	cursor: pointer;
}

.about_job li .tbox {
	width: 50%;
	float: left;
	padding: 20px 5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*padding-top:129px;*/
}

.about_job li .tbox .t1 {
	font-size: 36px;
	font-weight: bold;
	color: #222;
}

.about_job li .tbox .t2 {
	font-size: 14px;
	line-height: 24px;
	color: #222;
	width: 65%;
	margin-top: 24px;
	text-align: left;
}

.about_job li .tbox .more {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 2px solid #222;
	background: url(../images/aicon4.png) center center no-repeat;
	display: block;
	transition: all ease .5s;
	margin-top: 35px;
}

.about_job li .tbox .more:hover {
	background: #222 url(../images/aicon3.png) center center no-repeat;
}

.about_job li .img {
	width: 50%;
	float: right;
	overflow: hidden;
}

.about_job li .img img {
	width: 100%;
	transition: all 1s ease-out;
}

.about_job li:hover .img img {
	transform: scale(1.1);
	transition: all 1s;
}

.about_job li:nth-child(2n) {
	flex-direction: row;
}

.job_conts {}

.job_conts .job-info {
	display: none;
}

.job_conts .job-info.cur {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.job-info {
	position: fixed;
	width: 100%;
	height: 100%;
	padding: 30px 15%;
	background: rgba(0, 0, 0, .5);
	z-index: 99999;
	top: 0;
	left: 0;
}

.job-info .box {
	width: 100%;
	position: relative;
	background: #fff;
	padding: 52px 50px 50px;
}

.job-info .box .title {
	font-size: 36px;
	font-weight: bold;
	color: #222;
	line-height: 1;
}

.job-info .box .txt {
	font-size: 14px;
	line-height: 30px;
	color: #222;
	margin-top: 40px;
}

.job-info .box .txts {
	font-size: 14px;
	line-height: 30px;
	color: #222;
	margin-top: 30px;
}

.job-info .box .txts span {}

.job-info .box .email {
	width: 100%;
	height: 70px;
	background: #f7f7f7;
	line-height: 70px;
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 50px;
}

.job-info .box .back {
	position: absolute;
	top: 40px;
	right: 50px;
	width: 50px;
	height: 50px;
	background: url(../images/aicon6.png) center center no-repeat;
}

#contact1 {
	padding: 100px 0 0;
}

h2.t1 {
	font-size: 40px;
	color: #333;
	font-family: "arial";
}

h2.t1 span {
	color: #2fa1ee;
}

.contact_list {
	margin-top: 55px;
	display: flex;
	flex-wrap: wrap;
}

.contact_list li {
	width: 23.5%;
	margin-right: 2%;
	box-shadow: 0px 0px 10px #e5e5e5;
	padding: 25px 35px;
}

.contact_list li:last-child {
	margin-right: 0;
}

.contact_list li h3 {
	font-size: 26px;
	color: #666666;
	padding-bottom: 5px;
	font-weight: 500;
}

.contact_list li .text {
	padding-top: 5px;
	border-top: 1px solid #eee;
}

.contact_list li p {
	margin-top: 10px;
	padding-left: 26px;
}

.contact_list li .p1 {
	font-size: 16px;
	color: #666666;
	background: url(../images/c_icon1.png) no-repeat 2px 2px;
	line-height: 1.5;
	/*    height: 40px;*/
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.contact_list li .p2 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	background: url(../images/c_icon2.png) no-repeat left center;
	line-height: 30px;
}

.contact_list li .p3 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	background: url(../images/c_icon3.png) no-repeat left center;
	line-height: 30px;
}

.contact_list li .txt {
	display: flex;
	flex-wrap: wrap;
}

.contact_list li .txt .img1 {
	width: 47%;
	margin-right: 6%;
}

.contact_list li .txt .img1:last-child {
	margin-right: 0;
}

#contact2 {
	padding: 140px 0 220px;
}

#contact2 .img {
	width: 50%;
	float: left;
}

#contact2 .contact2 {
	width: 50%;
	float: right;
	padding-left: 30px;
}

#contact2 .contact2 h2.t1 {
	line-height: 1;
}

.message ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 65px;
}

.message ul li {
	width: 100%;
	position: relative;
	margin-bottom: 30px;
}

.message ul li:nth-child(1) {
	width: 48%;
	margin-right: 4%;

}

.message ul li:nth-child(2) {
	width: 48%;
}

.message ul li input {
	width: 100%;
	background: #f5f5f5;
	border: none;
	outline: none;
	line-height: 65px;
	font-size: 16px;
	color: #b2b2b2;
	padding: 0 18px 0 45px;
	display: block;
	position: relative;
}

.message ul li textarea {
	width: 100%;
	background: #f5f5f5;
	border: none;
	outline: none;
	line-height: 65px;
	height: 120px;
	font-size: 16px;
	color: #b2b2b2;
	padding: 0 18px 0 45px;
	display: block;
	position: relative;
	font-family: "pingfang";
}

*::-webkit-input-placeholder {
	color: #b2b2b2;
}

*:-moz-placeholder {
	/* FF 4-18 */
	color: #b2b2b2;
}

*::-moz-placeholder {
	/* FF 19+ */
	color: #b2b2b2;
}

*:-ms-input-placeholder {
	/* IE 10+ */
	color: #b2b2b2;
}

*::-webkit-textarea-placeholder {
	color: #b2b2b2;
}

*:-ms-textarea-placeholder {
	/* IE 10+ */
	color: #b2b2b2;
}

.message ul li:nth-child(1):before {
	content: '';
	position: absolute;
	left: 18px;
	top: 50%;
	width: 18px;
	height: 20px;
	margin-top: -10px;
	background: url(../images/mess_icon1.png) no-repeat left center;
	z-index: 9;
}

.message ul li:nth-child(2):before {
	content: '';
	position: absolute;
	left: 18px;
	top: 50%;
	width: 20px;
	height: 19px;
	margin-top: -10px;
	background: url(../images/mess_icon2.png) no-repeat left center;
	z-index: 9;
}

.message ul li:nth-child(3):before {
	content: '';
	position: absolute;
	left: 18px;
	top: 50%;
	width: 18px;
	height: 22px;
	margin-top: -11px;
	background: url(../images/mess_icon3.png) no-repeat left center;
	z-index: 9;
}

.message ul li:nth-child(5):before,
.message ul li:last-child:before {
	content: '';
	position: absolute;
	left: 18px;
	top: 23px;
	width: 20px;
	height: 20px;
	margin-top: 0px;
	background: url(../images/mess_icon4.png) no-repeat left center;
	z-index: 9;
}

.mess_btn {
	width: 220px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	background: #f79414;
}

.mess_btn input {
	display: block;
	width: 100%;
	line-height: 56px;
	border: none;
	outline: none;
	font-size: 20px;
	color: #fff;

	/*border-radius:10px;*/
	background: none;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	padding: 0 24px;
	text-align: left;
	cursor: pointer;
	z-index: 10;
}

.mess_btn:before {
	content: '';
	position: absolute;
	right: 18px;
	top: 50%;
	width: 9px;
	height: 17px;
	background: url(../images/more3.png) no-repeat center;
	z-index: 9;
	margin-top: -8.5px;
}

.mess_btn:after {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-animation: wave 1.3s infinite;
	animation: wave 1.3s infinite;
	z-index: 1;
}


h1.title {
	font-size: 22px;
	color: #333;
	text-align: center;
	padding: 2em 0 0.5em 0;
	font-weight: normal;
}

.info_title {
	text-align: center;
	font-size: 14px;
	color: #666;
	padding-bottom: 1em;
	border-bottom: 1px dashed #dcdcdc;
	margin-bottom: 2em;
}

h3.tag {
	font-size: 14px;
	color: #666;
	font-weight: normal;
}

.page {
	font-size: 14px;
	color: #666;
}

.page a {
	font-size: 14px;
	color: #666;
}


.x_yxtg {
	background: #f7f7f7;
	padding: 70px 0 230px;
}

.x_yxtg ul {
	display: flex;
	flex-wrap: wrap;
}

.x_yxtg ul li {
	width: 32%;
	margin-right: 2%;
}

.x_yxtg ul li:last-child {
	margin-right: 0;
}

.x_yxtg ul li .img {}

.x_yxtg ul li .text {
	padding: 30px 30px 50px 30px;
	background: #fff;
}

.x_yxtg ul li .text h2 {
	font-size: 28px;
	color: #333;
}

.x_yxtg ul li .text p {
	font-size: 16px;
	line-height: 1.8;
	margin: 5px 0 30px;
}

.x_yxtg ul li .text a {
	display: block;
	font-size: 16px;
	color: #fff;
	width: 120px;
	line-height: 46px;
	background: #f79414;
	border-radius: 10px;
	text-align: center;
}

.x_yxtg ul li:hover .img img {
	transform: scale(1.1);
}


.pageController {
	text-align: center;
	color: #505050;
	margin: 0 auto;
	margin: 50px 0;
	line-height: 24px;
}

.pageController a {
	display: inline-block;
	background-color: #f5f5f5;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	line-height: 48px;
	margin: 3px;
	font-size: 15px;
	transition: all 0.3s ease-out;
}

.pageController a:hover {
	background-color: #f79414;
	color: #fff;
	text-decoration: none;
	border: #efefef 1px solid;
}

.pageController .currPage {
	background-color: #f79414;
	color: #ff0000;
	border: #efefef 1px solid;
}

.pageController .t1 {
	float: left;
	margin-right: 3px;
	width: 50px;
	height: 50px;
	line-height: 48px;
	white-space: nowrap;
	display: none;
}

.pageController .t2 {
	vertical-align: middle;
	line-height: 39px;
}

.pageController .t2 #current {
	display: inline-block;
	line-height: 48px;
	background-color: #f79414;
	vertical-align: middle;
	border: 1px solid #f79414;
	color: #fff;
	/*padding: 5px 8px;*/
	margin-right: 3px;
	margin-left: 3px;
	width: 50px;
	font-size: 15px;
}

.pageController .t1 span {
	/*padding-left:4px;
    padding-right:4px;*/
	width: 50px;
}

.pageController select {
	height: 24px;
	vertical-align: middle;
	text-align: center;
	line-height: 24px;
	display: none;
}

.pageController select option {
	vertical-align: middle;
}


.m_f_fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #ff0000;
	color: #fff;
	z-index: 9999;
	justify-content: center;
	width: 100%;
	display: none;

}

.m_f_fixed a {
	flex: 1;
	font-size: 14px;
	color: #fff;
	display: block;
	text-align: center;
	padding: 8px 0 0;
}

.m_f_fixed a img {
	width: 20px;
	display: block;
	margin: 0 auto 0px;
}

#gotop {
	position: fixed;
	right: 0;
	bottom: 30px;
	cursor: pointer;
}


/*客服1*/
.client-2 {
	position: fixed;
	right: -170px;
	top: 50%;
	z-index: 900;
}

.client-2 li a {
	text-decoration: none;
}

.client-2 li {
	margin-top: 1px;
	clear: both;
	height: 71px;
	position: relative;
	background: #222;
}

.client-2 li i {
	background: url(../images/fx.png) no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0px auto;
	text-align: center;
}

.client-2 li p {
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
}

.client-2 .my-kefu-qq i {
	background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
	background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
	background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
	background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
	background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
	display: none;
}

.client-2 .my-kefu-ftop i {
	width: 33px;
	height: 35px;
	background-position: -27px -51px;
}

.client-2 .my-kefu-left {
	float: left;
	width: 77px;
	height: 47px;
	position: relative;
}

.client-2 .my-kefu-tel-right {
	font-size: 16px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 14px;
}

.client-2 .my-kefu-right {
	width: 20px;
}

.client-2 .my-kefu-tel-main {
	background: #222;
	color: #fff;
	height: 56px;
	width: 247px;
	padding: 9px 0 6px;
	float: left;
}

.client-2 .my-kefu-main {
	background: #222;
	width: 97px;
	height: 56px;
	position: relative;
	padding: 9px 0 6px;
	float: left;
}

.client-2 .my-kefu-weixin-pic {
	position: absolute;
	left: -140px;
	top: -24px;
	display: none;
	z-index: 333;
}

.my-kefu-weixin-pic img {
	width: 140px;
	height: 140px;
}


/* 右侧浮窗 客服2 */

#c-right-fixed {
	display: none;
	position: fixed;
	top: 50%;
	right: 2px;
	z-index: 905;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#c-right-fixed a {
	position: relative;
	right: 0;
	/*margin-bottom: 2px;*/
	display: flex;
	align-items: center;
	width: 70px;
	height: 70px;
	text-align: center;
	color: #777;
	background: #fff;
	z-index: 9;
}

#c-right-fixed a:last-child {
	margin-bottom: 0;
}

#c-right-fixed a:nth-child(3) {
	/*z-index: 2;*/
}

#c-right-fixed .c-wrap {
	border: 1px solid #ebebeb;
	padding: 11px 0;
	width: 70px;
	height: 70px;
	flex: 0 0 70px;
	transition: all .5s;
	position: relative;
	z-index: 10;
	background: #fff;
}

#c-right-fixed .c-wrap img {
	height: 28px;
}

#c-right-fixed .c-wrap img:nth-child(2),
#c-right-fixed a:hover .c-wrap img:nth-child(1) {
	display: none;
}

#c-right-fixed a:hover .c-wrap img:nth-child(2) {
	display: inline-block;
}

#c-right-fixed .c-title {
	padding-top: 5px;
	font-size: 12px;
	line-height: 1;
}

#c-right-fixed a:last-child .c-title {
	font-family: "Arial";
	font-weight: bold;
}

#c-right-fixed .c-text {
	flex: 0 0 auto;
	width: 170px;
	font-weight: bold;
	font-size: 20px;
	line-height: 40px;
	border-left: 1px solid #fff;
	color: #fff;
	transition: all .5s;
}

#c-right-fixed .c-img {
	position: absolute;
	right: -300px;
	top: -1px;
	z-index: -1;
	padding: 5px;
	width: 148px;
	border: 1px solid #eff1f5;
	background: #fff;
	transition: .5s;
	box-shadow: 0 0 50px rgba(0, 0, 0, .1);
}

#c-right-fixed .c-img::before {
	content: "";
	position: absolute;
	top: 34px;
	right: -8px;
	border-left: 8px solid #fff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	z-index: 8;
}

#c-right-fixed .c-img img {
	width: 100%;
}

#c-right-fixed .c-img .c-text2 {
	padding: 5px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #777;
}

#c-right-fixed a .c-box {
	position: absolute;
	top: 0;
	left: 0;
	padding: 11px 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	background: #fff;
	transition: all .5s;
	overflow: hidden;
}

#c-right-fixed a:hover .c-wrap {
	color: #fff;
	border-color: #f79414;
	background: #f79414;
}

#c-right-fixed a:last-child .c-wrap {
	color: #fff;
	border-color: #f79414;
	background: #f79414;
}

#c-right-fixed a:first-child:hover .c-box {
	width: 250px;
	height: 70px;
	-webkit-transform: translateX(-180px);
	transform: translateX(-180px);
	overflow: none;
	background: #f79414;
}

#c-right-fixed a:hover .c-img {
	right: 84px;
}




/*客服3*/
.Fast_contact {
	height: 265px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -132.5px;
	z-index: 97
}

.Fast_contact ul li.onlineservice_li {
	width: 48px;
	height: 48px;
	position: relative;
	text-align: center;
	margin-bottom: 5px;
	background-color: #d9d9d9;
}

.Fast_contact ul>li.onlineservice_li>a {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-top: 10px;
}

.Fast_contact ul>li:hover .onlineservice_tips {
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
}

.onlineService_qq {
	background-image: url("../images/Fast.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}

.onlineService_form {
	background-image: url("../images/fastForm.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}

.Fast_contact ul>li.onlineservice_li>a.onlineService_tel {
	width: 30px;
	height: 30px;
	background-image: url("../images/fastPhone.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}

.onlineService_whatsApp {
	background-image: url("../images/Fast.png");
	background-repeat: no-repeat;
	background-position: 0 -139px;
}

.onlineService_email {
	background-image: url("../images/Fast.png");
	background-repeat: no-repeat;
	background-position: 0 -111px;
}

.onlineService_skype {
	background-image: url("../images/Fast.png");
	background-repeat: no-repeat;
	background-position: 0 -28px;
}

.onlineService_wechat {
	background-image: url("../images/Fast.png");
	background-repeat: no-repeat;
	background-position: 0 -266px;
}

.for_wechat span {
	display: block;
	text-align: center;
}

.onlineservice_tips {
	padding: 5px 8px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	position: absolute;
	right: 58px;
	top: 6px;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transition: all .4s;
	transition: all .4s;
}

.onlineservice_tips li {
	width: auto;
	height: auto;
	white-space: nowrap;
}

.onlineservice_tips li a {
	display: block;
	min-height: 22px;
	text-align: center;
	line-height: 22px;
	color: #737578;
	font-size: 15px;
}

.onlineservice_tips li a.for_wechat {
	height: auto;
}

.onlineservice_tips li a.for_wechat img {
	max-width: 240px;
}

.onlineservice_tips li a:hover {
	text-decoration: underline;
}

.onlineservice_tips:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 1px solid #ccc;
	border-color: transparent #ccc #ccc transparent;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	right: -6px;
	top: 10px;
	background-color: #fff;
}



.n_banner2 {
	height: 640px;
	background-image: url(../images/b1.jpg);
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.szyxm1cz {
	width: 50%;
	text-align: center;
}

.szm1t1 {
	font-size: 38px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.szm1hr {
	margin: 20px auto;
	width: 150px;
	height: 3px;
	background: #fff;
}

.szm1t2 p {
	font-size: 16px;
	color: #fff;
	/*margin-bottom: 15px;*/
}

.szm1t2 span {
	margin: 0 20px;
	display: inline-block;
}

.n_banner2cz {
	width: 50%;
	text-align: center;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.w1300 {
	width: 1300px;
	margin: 0 auto;
}

.yxffl .szyxm4let1 p {
	color: #231815;
}

.yxffl .szyxm4let2 p {
	color: #4c4948;
}

.yxffl .szyxm4lehr {
	background: #f79414;
}

.yxffl>div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.yxffl>div>* {
	width: 47%;
}

.yxffl {
	padding: 100px 0;
}


.yxffls1 {
	padding: 100px 0;
}

.yxffl_tit {
	text-align: center;
	font-size: 38px;
	color: #231815;
	position: relative;
	font-weight: bold;
	padding-bottom: 20px;
}

.yxffl_tit:after {
	content: "";
	width: 100px;
	height: 3px;
	background: #f79414;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.yxffl_text {
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
	margin: 50px 0;
	color: #4c4948;
}

.yxffls1img {
	display: block;
	margin: 0 auto;
}


.yxffls2 {
	padding: 130px 0 60px;
	text-align: center;
}

.yxffl_t1 {
	display: inline-block;
	align-items: center;
	justify-content: center;
	border: 1px solid #231815;
	border-radius: 50px;
	padding: 0 10px;
}

.yxffl_t1 img {
	margin-right: 5px;
	height: 40px;
	padding: 10px 0;
}

.yxffl_t1 * {
	display: inline-block;
	vertical-align: middle;
}

.yxffl_t1 span {
	font-size: 16px;
	color: #231815;
}

.yxffl_text2 {
	line-height: 2;
	margin: 30px 0;
	font-size: 18px;
	color: #4c4948;
}

.yxffl_t3 {
	font-size: 50px;
	font-weight: bold;
	color: #f79414;
	margin: 20px 0;
}

.yxffl_t4 {
	font-size: 30px;
	font-weight: bold;
	color: #231815;
}

.yxffls2>div>img {
	display: block;
	margin: 20px auto;
}


.yxffl1 {
	padding: 80px 0;
	background-image: url(../images/b2.jpg);
	background-size: cover;
	background-position: center;
}

.yxffl1>div {
	display: flex;
	justify-content: space-between;
}

.yxffl1.yxffl .szyxm4lehr {
	background: #fff;
}

.szyxm4le {
	width: 46%;
}

.szyxm4ri {
	width: 48%;
}

.szyxm4let1 {
	line-height: 1.3;
	font-size: 34px;
	font-weight: bold;
	color: #fff;
	text-align: left;
}

.yxffl1 .szyxm4let1 p,
.yxffl1 .szyxm4let2 p {
	color: #fff;
}

.szyxm4lehr {
	margin: 30px 0;
	width: 140px;
	height: 4px;
	background: #fff;
}

.szyxm4let2 {
	text-align: left;
	color: #fff;
}

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

.szyxm4let2 h6 {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.szyxm4rit1 {
	display: flex;
	align-items: center;
	justify-content: center;
}

.szyxm4ri>img {
	margin-top: 140px;
}

.yxffl_t1.bai span {
	color: #fff;
}

.yxffl_t1.bai {
	border-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.szyxm4rit1>img {
	margin-left: 10px;
}



.yxffl3 {
	background-image: url(../images/b3.jpg);
	background-size: cover;
	background-position: center;
}

.yxffl5 {
	background-image: url(../images/b4.jpg);
	background-size: cover;
	background-position: center;
}

.yxffl7 {
	background-image: url(../images/b5.jpg);
	background-size: cover;
	background-position: center;
}

.yxffl9 {
	background-image: url(../images/b6.jpg);
	background-size: cover;
	background-position: center;
}

.hbg .szyxm4let1 p {
	color: #fff;
}

.hbg .szyxm4let2 p {
	color: #fff;
}

.hbg .szyxm4lehr {
	background: #fff;
}

.hbg .szyxm4rit1 {
	justify-content: flex-start;
}

.hbg .szyxm4rit1 img {
	margin-left: 0;
	margin-right: 20px;
}

.hbg .szyxm4rit1 {
	margin-bottom: 60px;
}

.yxffls3>div {
	position: relative;
}

.yxffls3 {
	padding: 60px 0 100px;
	background-image: url(../images/b7.jpg);
	background-size: cover;
	background-position: center;
}

.yxffls3con {
	margin: 60px auto 0;
	width: 910px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.yxffls3con a {
	margin-bottom: 30px;
	width: 20%;
	text-align: center;
}

.yxffls3con a img {
	max-width: 100%;
}

.xf17 {
	position: absolute;
	left: 0;
	top: 0;
}

.xf18 {
	position: absolute;
	right: 0;
	top: 0;
}

.yxffl_tit.bai p {
	color: #fff;
}

.yxffl_tit.bai:after {
	background: #fff;
}

.sz7cvn {
	width: 95%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.sz7cvn a {
	font-size: 16px;
	color: #4c4948;
	margin-right: 20px;
}

.sz7cvn a span {
	color: #f79414;
}

.yxffls4>div {
	position: relative;
}

.sz7t1 {
	font-size: 24px;
	color: #484849;
	margin: 40px 0 0;
	text-align: center;
	line-height: 1.4;
}

.sz7t1 p {
	font-size: 40px;
	color: #231815;
}

.yxffls4 {
	padding: 80px 0;
}

.sz7cvn {
	margin: 50px auto 0;
}

.yxffls4>div>img {
	display: block;
	margin: 0 auto;
}

.xf18 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.c-modal-main {
	width: 718px;
	/*background:rgba(232, 94, 2, 0.96);*/
	background: #e83f3f;
	padding: 18px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(1);
	z-index: 150;
	overflow: hidden;
	transition: all 0.6s;
	overflow: hidden;
	max-width: 92%;
	max-height: 92%;
	color: #fff;
}

.c-modal-main .main {
	width: 100%;
	border: 1px dotted rgba(255, 255, 255, 0.9);
	padding-top: 60px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

.c-modal-close {
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 1;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	opacity: .9;
	transition: opacity .3s, transform .3s;
	color: #ddd;
}

.c-modal-close img {
	width: 30px;
}

.c-modal-main.contactbox .main .tc_top {
	display: flex;
	justify-content: space-between;
}

.c-modal-main.contactbox .main .tc_top .tc_left {
	width: 360px;
	padding-top: 10px;
}

.c-modal-main .main .tc_top .tc_left .h1 {
	font-family: hb;
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 30px;
	font-weight: bold;
}

.c-modal-main .main .tc_top .tc_left .h2 {
	font-family: hb;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 30px;
	font-weight: bold;
}

.c-modal-main .main .tc_top .tc_left .h3 {
	font-family: "Microsoft JhengHei";
	margin-top: 7px;
	font-size: 18px;
	line-height: 32px;
}

.c-modal-main .main .tc_top .tc_right {
	width: 180px;
}

.c-modal-main .main .tc_top .tc_right img {
	width: 100%;
	margin-bottom: 55px;
}

.c-modal-main .main .tc_top .tc_right .btn {
	width: 100%;
	line-height: 48px;
	border: 1px solid #fff;
	text-align: center;
	font-size: 14px;
	font-family: hr;
	display: block;
	color: #fff;
	transition: all 0.5s;
	border-radius: 0;
	padding-left: 0;
}

.c-modal-main .main .tc_top .tc_right .btn:hover {
	background-color: #fff;
	border-color: transparent;
	color: #000;
}


.c-modal-main .tit {
	font-size: 28px
}

.c-modal-main .text {
	font-size: 36px;
	margin-bottom: 10px
}

.c-modal-main .form {
	border: 2px solid #fff;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.c-modal-main .ps {
	font-size: 14px;
	color: #fff;
	padding-left: 22px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/suo.png);
	background-size: auto 18px;
	margin-top: 10px;
}

.c-modal-main .iconfont {
	color: #bcbcbc;
	line-height: 44px;
	width: 46px;
	text-align: center;
	font-size: 30px
}

.c-modal-main .submit {
	border: none;
	outline: none;
	background: #e83f3f;
	padding: 0;
	width: 100px;
	height: 42px;
	background-size: 20px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	margin-right: 3px;
}

.c-modal-main .input {
	width: calc(100% - 155px);
	height: 50px;
	line-height: 1.5;
	border: none;
	padding: 0 20px;
	outline: none;
	color: #000;
	font-size: 16px;
	background: none
}

.c-modal-main::-moz-placeholder {
	color: #aaa
}

.c-modal-main::-webkit-input-placeholder {
	color: #aaa
}

.c-modal-main:-ms-input-placeholder {
	color: #aaa
}

.c-modal-main .info {
	font-size: 14px;
	margin-top: 8px;
	padding-right: 25%;
	position: relative
}

.c-modal-main .tel {
	color: #FFFFFF;
	margin-top: 50px;
	font-size: 32px;
	line-height: 40px;
	font-family: gilroy-semibold;
	font-weight: bold;
}

.c-modal-main .ewm {
	width: 80px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -40px
}

.tc_right_code {}


.new-float {
	position: fixed;
	right: -13px;
	top: 50%;
	z-index: 5000000;
	width: 63px;
	height: 50%;


}

.new-float li {
	position: relative;
	width: 46px;
	height: 46px;
	margin-bottom: 3px;
	line-height: 20px;
	color: #fff;
	background-color: #f79414;
	border-radius: 10px;
	text-align: center;

}

.new-float li.hover {
	/*overflow: hidden;*/

}

.new-float li a {
	display: inline-block;
	color: #fff;

}

.new-float li a.tit {
	width: 46px;
	height: 46px;
	padding: 0;
	color: #fff;
	font-size: 12px;
	box-sizing: border-box;
	position: relative;
	z-index: 99999;

}

.new-float li p {
	position: relative;
	z-index: 2;
	height: 27px;
	padding-top: 30px;
	cursor: pointer;

}

.new-float li.fi {
	position: relative;
}

.new-float li.fi img {
	display: none;
	position: absolute;
	top: 0;
	left: -168px;
	max-width: 160px;
	/*opacity: 0;*/
}

.new-float li.fi .tit img {
	display: block;
	position: relative;
	top: 10px;
	left: 10px;
	width: 30px;
	/*opacity: 0;*/
}
.new-float li.top {
	position: absolute;
	bottom: 10px;
}
.new-float li.fi:hover img {
	display: block;
}

.new-float li.fi a {
	background: url(../images/on_line.png) no-repeat 0px 0px;

}

.new-float li.fxx a {
	background: url(../images/on_line.png) no-repeat 0px -172px;
}

.new-float li.tp a {
	background: url(../images/on_line.png) no-repeat 0px -227px;
}

.new-float li.zx a {
	background: url(../images/on_line.png) no-repeat 0px -0px;
}

.new-float li.th a {
	background: url(../images/on_line.png) no-repeat 0px -57px;

}

.new-float li.fo a.tit {
	background: url(../images/on_line.png) no-repeat 0px -114px;

}

.new-float li.fo img {
	width: 55%;
	vertical-align: middle;
	margin-top: 10px;
}

.new-float li.fif p {
	background: url(../img/bg_float05.png) no-repeat;

}

.new-float li .tel {
	position: absolute;
	left: 74px;
	top: 0;
	z-index: 1;
	width: 184px;
	height: 46px;
	font-size: 16px;
	color: #fff;
	background: #f79414;
	border-radius: 10px;
	line-height: 46px;
	cursor: pointer;
	transition: all 0.5s ease-out;
	z-index: 99998;
}
.new-float li .email {
	position: absolute;
	left: 74px;
	top: 0;
	z-index: 1;
	width: 240px;
	height: 46px;
	font-size: 16px;
	color: #fff;
	background: #f79414;
	border-radius: 10px;
	line-height: 56px;
	cursor: pointer;
	transition: all 0.5s ease-out;
	z-index: 99998;
}

.new-float a.mof {
	display: inline-block;
	width: 78px;
	height: 71px;
	padding: 12px 11px 0 12px;
	margin-top: 10px;
	*margin-top: 7px;
	background: url(../images/on_line.png) no-repeat 0px -239px;
	font-size: 15px;
	line-height: 22px;
	color: #fff;

}

.new-float li:hover .tel {
	left: -184px;
}
.new-float li:hover .email {
	left: -234px;
}


.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

/*架构库*/
.template-wrap {
	padding: 50px 0 200px;
}

.template-wrap .filter-item {
	overflow: hidden;
}

.template-wrap .filter-item.filter-item-industry a {
	/*    width: 131px;*/
	margin: 8px 10px 8px 0;
}

.template-wrap .filter-item a {
	display: inline-block;
	line-height: 28px;
	font-size: 14px;
	cursor: pointer;
	margin-bottom: 15px;
	text-align: center;
	background: #f8f8f8;
	border: 1px solid #f8f8f8;
	padding: 0 20px;
}

.template-wrap .filter-item a.active {
	background: #f5fcff;
	color: #00abee;
	border-color: #a6e2f9;
}

.template-lists {
	margin-top: 30px;
}

.template-lists .template-pro {
	padding: 0 15px;
	width: 25%;
	float: left;
	position: relative;
	margin-bottom: 25px
}

.template-lists-item .img {
	display: block;
	position: relative;
	border: 1px solid #e5e5e5
}

.template-lists-item .img img {
	width: 100%
}

.template-lists-item .img .isnew {
	width: auto;
	max-width: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.template-lists-item .img .preview {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 9
}

.template-lists-item .img .preview .sec {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 59%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.template-lists-item .img .preview .sec a {
	width: 122px;
	height: 36px;
	display: block;
	border-radius: 20px;
	background: #03a9f4;
	color: #fff;
	font-size: 13px;
	line-height: 36px;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin: 0 4px
}

.template-lists-item .img .preview .sec a:hover {
	background: #0083cc
}


.template-lists-item .img .preview span {
	height: 36px;
	display: block;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	line-height: 36px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 47%;
	-webkit-transform: translateY(-30%);
	transform: translateY(-50%);
	text-transform: Uppercase
}


.template-lists-item .text {
	position: relative;
	padding: 15px;
	-webkit-transition: all .3s;
	transition: all .3s;
	line-height: 14px
}

.template-lists-item .text .numbering {
	font-size: 14px;
	font-weight: 200;
	margin: 0;
	color: #444;
	width: 100%;
	padding-bottom: 4px
}

.template-lists-item .text .hits .iconfont {
	position: relative;
	top: 2px
}



.template-lists-item:hover {
	-webkit-transition: all .3s;
	transition: all .3s
}

.template-lists-item:hover .img .preview {
	opacity: 1
}

.template-lists-item:hover .text {
	background: #fff
}

.template-lists-item:hover .text h3 a span {
	color: #03a9f4
}


#preview-body {
	overflow-y: hidden;
	background: #f6f6f6;
	min-height: 100vh;
}

body,
html {
	scroll-behavior: smooth;
}

#preview-body {
	overflow-y: hidden;
	background: #f6f6f6;
	min-height: 100vh
}

#preview-bar {
	position: fixed;
	z-index: 99999;
	top: 0;
	width: 100%;
	height: 58px;
	background: #fff;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

#preview-bar .response-icon {
	float: left;
	width: 30%;
	padding: 0 2.5%;
	line-height: 56px
}

#preview-bar .response-icon a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
	font-size: 14px;
	color: #949494
}

#preview-bar .response-icon a.active,
#preview-bar .response-icon a.active .iconfont,
#preview-bar .response-icon a:not(.no-hover):hover,
#preview-bar .response-icon a:not(.no-hover):hover .iconfont {
	color: #03a9f4
}

#preview-bar .response-icon .iconfont {
	font-size: 34px;
	color: #949494;
	line-height: 1;
	vertical-align: middle;
	margin-right: 5px
}

#preview-bar .preview-change {
	float: right;
	margin-right: 100px
}

#preview-bar .preview-change span {
	display: inline-block;
	width: 62px;
	height: 32px;
	line-height: 32px;
	border-radius: 3px;
	background: #666;
	color: #fff;
	font-size: 16px;
	text-align: center;
	position: relative;
	vertical-align: middle;
	cursor: pointer
}

#preview-bar .preview-change span a {
	font-size: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

#preview-bar .preview-change span:hover {
	background: #03a9f4
}

#preview-bar .preview-info {
	float: right;
	margin-top: 17px;
	margin-right: 5.72916667%
}

#preview-bar .preview-info span {
	display: inline-block;
	vertical-align: middle
}

#preview-bar .preview-info a.ljgm {
	width: 110px;
	line-height: 26px;
	border-radius: 20px;
	background: #03a9f4;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	margin-right: 20px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

#preview-bar .preview-info a.ljgm:hover {
	background: #0083cc
}

#preview-bar .preview-info .number {
	color: #111;
	font-size: 16px;
	text-transform: uppercase;
	margin-right: 25px
}

#preview-bar .preview-info .number:after {
	content: "|";
	color: #999;
	margin-left: 25px
}

#preview-bar .preview-info .number i {
	margin-right: 5px
}

#preview-bar .preview-info .web-tag {
	position: relative;
	line-height: 25px;
	padding: 0 10px;
	background: #f6f5f5;
	border-right: 2px;
	font-size: 13px;
	color: #747474
}

#preview-bar .preview-info .web-tag i {
	margin-right: 5px
}

.preview-toggle {
	position: absolute;
	width: 40px;
	height: 40px;
	top: calc(50% - 20px);
	right: 2.08333333%
}

.preview-toggle .hidden-iocn {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	line-height: 40px;
	cursor: pointer
}

.preview-toggle .hidden-iocn .iconfont {
	font-size: 35px;
	color: #000
}

.preview-toggle .show-icon {
	position: absolute;
	z-index: 999;
	top: 49px;
	right: -100%;
	width: 58px;
	height: 58px;
	background: url(../images/preview-bg.png);
	text-align: right;
	display: none;
	cursor: pointer
}

.preview-toggle .show-icon .iconfont {
	font-size: 30px;
	color: #fff
}

#preview-iframe {
	position: relative;
	z-index: 50;
	top: 58px;
	height: 100%;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}


.soflex {
	display: flex;
	justify-content: center;
}




.poster-main {
	position: relative;

}

.poster-main a,
.poster-main img {
	display: block;
	width: 100%;
	height: 100%;
}

.poster-main img {}

.poster-main .poster-list {
	width: 100%;
	height: 700px;
}

.poster-main .poster-list .poster-item {
	width: 700px;
	height: 500px;
	position: absolute;
	left: 0;
	top: 0;

}

.poster-main .poster-btn {
	position: absolute;
	top: 0;
	cursor: pointer;
	filter: opacity(.5) brightness(1);
}

.poster-main .poster-btn:hover {
	filter: opacity(1) brightness(2);
}

.poster-main .poster-prev-btn {
	left: -140px;
	background: url(../images/left.png) no-repeat center center;
}

.poster-main .poster-next-btn {
	right: -140px;
	background: url(../images/right.png) no-repeat center center;
}

.poster-item-title {
	font-size: 18px;
	text-align: center;
	line-height: 48px;
	display: block;
}

.faq {
	padding: 50px 0;
}

.faq h1 {
	margin: 0;
	line-height: 2;
	text-align: center;
}

.faq h2 {
	margin: 0 0 0.5em;
	font-weight: normal;
}

.faq input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.faq .row {
	display: flex;
}

.faq .row .col {
	flex: 1;
}

.faq .row .col:last-child {
	margin-left: 1em;
}

/* Accordion styles */
.faq .tabs {

	overflow: hidden;
}

.faq .tab {
	width: 100%;
	color: white;
	overflow: hidden;
	margin-bottom: 10px;

}

.faq .tab-label {
	display: flex;
	justify-content: space-between;
	padding: 1em;
	background: #eeeeee;
	font-weight: bold;
	color: #000;
	font-size: 18px;
	cursor: pointer;
	border-radius: 8px 8px 0 0;
	/* Icon */
}

.faq .tab-label:hover {
	background: #f79414;
	color: #fff;
}

.faq .tab-label::after {
	content: "❯";
	width: 1em;
	height: 1em;
	text-align: center;
	transition: all 0.35s;
	color: #000;
}

.faq .tab-content {
	max-height: 0;
	padding: 0 1em;
	color: #2c3e50;
	background: white;
	transition: all 0.35s;
	border: 1px solid #f79414;
	border-radius: 0 0 8px 8px;
	font-weight: bold;
}

.faq .tab-close {
	display: flex;
	justify-content: flex-end;
	padding: 1em;
	font-size: 0.75em;
	background: #2c3e50;
	cursor: pointer;
}

.faq .tab-close:hover {
	background: #f79414;
	color: #fff;
}

.faq input:checked+.tab-label {
	background: #f79414;
	color: #fff;
}

.faq input:checked+.tab-label::after {
	transform: rotate(90deg);
}

.faq input:checked~.tab-content {
	max-height: 100vh;
	padding: 1em;
	font-weight: bold;
}

.flexcenter {

	justify-content: center;
	align-items: center;
}




.ul-process {
	margin: 55px 0;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

.ul-process li {
	width: 24%;
	position: relative;
	background-color: #fff;
	padding: 20px;
	border: 2px solid #f8f8f8;
}

.ul-process li h3 {
	font-size: 24px;
}

.ul-process li:after {
	content: '';
	position: absolute;
	right: -14px;
	top: 50%;
	background: url(../images/disc.png) no-repeat;
	width: 26px;
	height: 2px;
}

.ul-process li .circle {
	width: 100%;
	height: 300px;
	text-align: center;
}

.ul-process li:last-child:after {
	display: none;
}

.ul-process li span {
	display: block;
	height: 140px;
	background: url(../images/dl1.jpg) center center no-repeat;
}

.ul-process li.s1 span {
	background-image: url(../images/dl1.jpg);
}

.ul-process li.s2 span {
	background-image: url(../images/dl2.jpg);
}

.ul-process li.s3 span {
	background-image: url(../images/dl3.jpg);
}

.ul-process li.s4 span {
	background-image: url(../images/dl4.jpg);
}

.ul-process li:hover {
	border: 2px solid #f79413;
}

.ul-process li.s1:hover span {
	background-image: url(../images/dl1.jpg);
}

.ul-process li.s2:hover span {
	background-image: url(../images/dl2.jpg);
}

.ul-process li.s3:hover span {
	background-image: url(../images/dl3.jpg);
}

.ul-process li.s4:hover span {
	background-image: url(../images/dl4.jpg);
}

.ul-process li.s5:hover span {
	background-image: url(../images/lc5_h.png);
}

.ul-process li.s6:hover span {
	background-image: url(../images/lc6_h.png);
}

.ul-process li.s7:hover span {
	background-image: url(../images/lc7_h.png);
}

.ul-process li.s8:hover span {
	background-image: url(../images/lc8_h.png);
}


.news {
	background-color: #fff;
	padding: 50px;
	margin-bottom: 50px;
}


.contact {
	display: flex;
	justify-content: space-between;
	padding: 80px 0;
}

.contact-l {
	width: 50%;
}

.contact-l .tit {
	text-align: left;
}

.contact-l .txt {
	font-size: 14px;
	line-height: 50px;
}

.contact-l .txt a {
	font-size: 16px;
	line-height: 50px;
	padding: 0;
	border: none;
	color: #f79413;
	font-weight: bold;
}

.contact-l .txt a:hover {
	background: none;
	border: none;
	color: #f79413;
}

.society a {
	background-color: #f79413;
	border-radius: 50%;
	text-align: center;
	padding: 13px 10px;
}

.contact-r {
	width: 45%;
	background-color: #eee;
	border-radius: 20px;
	min-height: 300px;
	padding: 30px;
}

.contact-ly {
	width: 100%;
	background-color: #eee;
	border-radius: 20px;
	min-height: 300px;
	padding: 30px;
	margin: 50px auto;
}

.lx-form {
	padding: 3% 10%;
}

.lx-form input {
	width: 100%;
	border: none;
	background-color: #fff;
	border-radius: 20px;
	line-height: 50px;
	padding-left: 20px;
	margin-bottom: 20px;
}

.lx-form textarea {
	width: 100%;
	border: none;
	background-color: #fff;
	border-radius: 20px;
	line-height: 50px;
	padding-left: 20px;
	margin-bottom: 20px;
}

.lx-form button {
	background-color: #f79413;
	border-radius: 20px;
	text-align: center;
	border: none;
	width: 100%;
	color: #fff;
	line-height: 50px;
	cursor: pointer;
	font-size: 18px;
}

.search {
	position: absolute;
	top: 60px;
	right: 0;
	width: 300px;
}

.search input {
	background: #cdcdcd;
}

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

.message .inp {
	width: 48%;
}

.message button {
	background-color: #f79413;
	border-radius: 20px;
	text-align: center;
	border: none;
	width: 300px;
	margin: 0 auto;
	color: #fff;
	line-height: 50px;
	cursor: pointer;
	font-size: 18px;
}

.container-qp table {
	width: 1400px;
	margin: 0 auto;
}

.container-qp table tr td {
	border: 1px solid #000;
	line-height: 35px;
	font-size: 16px;
	color: black;
}

.container-qp table .firstRow {
	background-color: #282828;
	color: #fff;
}

.container-qp table .firstRow td {
	color: #fff;
}

.container-qp table tr:hover {
	background-color: #f79413;
	cursor: pointer;
}
.container-qp .cate3 tr:hover {
	background-color: #fff;
	cursor: pointer;
}
.container-qp .cate3 .firstRow:hover {
	background-color: #282828;
	color: #fff;
}
.container-qp .cate3 .firstRow td:hover {
	background-color: #f79413;
	color: #fff;
}

.fanye {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 50px auto;
}

.fanye-l {
	width: 43%;
	background: url(../images/jl.jpg) left center no-repeat;
	padding-left: 60px;
	font-size: 18px;
}

.fanye-m {
	width: 14%;
}

.fanye-m a {
	width: 100%;
	padding-left: 50px;
	background: #f79413 url(../images/btl.jpg) no-repeat 20px center;
	border-radius: 20px;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	line-height: 50px;
	cursor: pointer;
	font-size: 22px;
	display: block;
}

.fanye-r {
	width: 43%;
	background: url(../images/jr.jpg) right center no-repeat;
	padding-right: 60px;
	text-align: right;
	font-size: 18px;
}
.cheng{
	color: #f79413;
}
.pro01{
	background-color: #f79413;
	padding: 80px 0;
}
.pro01-con{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pro01-con-l{
	width: 695px;
}
.pro01-con-l img{
	width: 100%;
	border: 3px solid #fff;
}
.pro01-con-r{
	width: 660px;
	align-items: center;
}
.pro01-con-r p{
	font-size: 22px;
	color:#f3f3f3;
	line-height: 35px;
	font-weight: normal;
}
.pro03-con p{
	font-size: 22px;
	color:#f3f3f3;
	line-height: 35px;
	font-weight: normal;
}
.pro01-con-r h5{
	font-size: 28px;
	color:#fff;
	margin: 0;
}
.proh1{
	font-size: 68px;
	color:#fff;
	line-height: 80px;
}
.pro01-2-h1{
	font-size: 48px;
	color:#fff;
	line-height: 80px;
}
.pro01-2-h1 span{
	color: #f79413;
}

.pro01-2{
	background: url(../images/probg011.jpg) no-repeat;
	height: 800px;
	padding-top: 240px;
}
.pro02-2{
	background: url(../images/probg022.jpg) no-repeat;
	height: 800px;
	padding-top: 240px;
}
.pro04-2{
	background: url(../images/probg044.jpg) no-repeat;
	height: 800px;
	padding-top: 240px;
}
.pro05-2{
	background: url(../images/probg055.jpg) no-repeat;
	height: 800px;
	padding-top: 240px;
}
.pro01-2-con{
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	border-radius: 20px;
	padding: 60px 30px;
	text-align: center;

}
.pro06-2-con{
	padding: 60px 30px;
	text-align: center;

}
.pro06-2-1{
	background: url(../images/p06-2-1.jpg) no-repeat;
	height: 700px;
	padding-top: 350px;
}
.pro06-2-h1{
	font-size: 48px;
	color:#000;
	line-height: 80px;
}
.pro06-2-1 p{
	font-size: 18px;
	color:#555;
	line-height: 30px;
}
.pro06-1-1{
	background: url(../images/p06-1-1.jpg) no-repeat;
	height: 700px;
	padding-top: 250px;
}
.pro01-2-con p{
	font-size: 20px;

}

.orangebutton{
    background-color: #f79413;
    border-radius: 20px;
    text-align: center;
    width: 300px;
    margin: 0 auto;
    color: #fff;
    line-height: 60px;
    font-size: 30px;
	display: block;
	margin-top: 50px;
}
.orangebutton:hover{
    
    color: #fff;

}
.swtit{
	position: absolute;
	top: 100px;
	font-size: 60px;
	color: #f79413;
	right: 300px;
	z-index: 999;
	width: 1000px;
	line-height: 80px;
}
.swtit2{
	position: absolute;
	top: 180px;
	font-size: 30px;
	color: #fff;
	right: 360px;
	z-index: 999;
	width: 900px;
	line-height: 40px;
}
.in44{
	position: relative;
}
.in44 .txt{
	position: absolute;
	bottom: 50px;
	right: 100px;
	display: block;
	width: 850px;
	text-align: left;
	color: #fff;
	font-size: 30px;
	line-height: 40px;
}
.in44 H3{
	position: absolute;
	bottom: 180px;
	right: 100px;
	font-size: 80px;
	display: block;
	width: 850px;
	text-align: left;
}
.white{
	color: #fff;
}


.prodt06{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.prodt06 .p06item{
	width: 45%;
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.prodt06 .p06item .p06item-l{
	width: 40%;
	height: 250px;
	margin-right: 20px;
}
.prodt06 .p06item .p06item-r{
	width: 60%;
}
.prodt06 .p06item .p06item-r h3{
	font-size: 30px;
	color: #f79413;
}
.prodt06 .p06item .p06item-m{
	background-color: #f79413;
	height: 250px;
	border-radius: 20px;
	width: 100%;
	padding: 30px;
}
.prodt06 .p06item .p06item-m h3{
	font-size: 30px;
	color: #fff;
}
.prodt06 .p06item .p06item-m p{
	font-size: 18px;
	color: #fff;
}