﻿/*通用类*/

* {

	margin: 0;

	padding: 0;

}



body {

	margin: 0 auto;

	font-size: 14px;

	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;

	background: #fff;

	text-align: justify;

	color: #010000;

	position: relative;

}



h1,

h2,

h3 {

	font-weight: 500;

}



img {

	border: none;

}



a {

	cursor: pointer;

	color: #333;

	text-decoration: none !important;

	outline: none;

}



a:hover {

	color: #006bb7;

}



ul {

	list-style-type: none;

}



em {

	font-style: normal;

}



.lt {

	float: left;

}



.rt {

	float: right;

}



input.sub,

label {

	border: none;

	cursor: pointer;

}



input,

textarea {

	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;

	outline: none;

}



table {

	border-collapse: collapse;

}



table td,

table th {

	padding: 0;

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

	color: #ccc;

}



input::-moz-placeholder,

textarea::-moz-placeholder {

	/* Mozilla Firefox 19+ */

	color: #ccc;

}



input:-moz-placeholder,

textarea:-moz-placeholder {

	/* Mozilla Firefox 4 to 18 */

	color: #ccc;

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

	/* Internet Explorer 10-11 */

	color: #ccc;

}



div.clear {

	font: 0px Arial;

	line-height: 0;

	height: 0;

	overflow: hidden;

	clear: both;

}



.clearfix::after {

	content: "";

	display: block;

	clear: both;

}



/*header 开始*/

header {

	height: 85px;

	width: 100%;

	padding: 0 20%;

	/* 	border-bottom: 1px solid #000; */

	position: fixed;

	top: 0;

	left: 0;

	box-sizing: border-box;

	z-index: 99;

}



header .logo {

	float: left;

	width: 20%;

	height: 100%;

}



header .logo img {

	width: 100%;

	height: 85px;

}



.language {

	float: right;

}



nav {

	float: right;

}



nav ul li {

	float: left;

	padding: 0 30px;

	position: relative;

}



.nav ul li.erji {

	position: absolute;

	top: 100%;

	left: 0;

	background-color: #fff;

}



nav ul li a {

	height: 85px;

	display: block;

	line-height: 85px;

	font-size: 18px;

	position: relative;

	color: #fff;

}



nav ul li a::after {

	display: block;

	content: "";

	width: 0%;

	height: 3px;

	background-color: #D91B23;

	position: absolute;

	bottom: 0;

	left: 50%;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

}



nav ul li a:hover {

	color: #D91B23;

}



nav ul li a:hover::after {

	left: 0%;

	width: 100%;

}



nav ul li .erji {

	position: absolute;

	top: 100%;

	left: 0;

	background-color: #fff;

	width: 100%;

	display: none;

}



nav ul li .erji a {

	display: block;

	color: #333;

	text-align: center;

	display: block;

	height: 70px;

	line-height: 70px;

}



nav ul li .erji a::after {

	display: none;

}



nav ul li:hover .erji {

	display: block;

}



nav ul li .erji a:hover {

	color: #D91B23;

}



.language {

	margin-left: 40px;

	border: 1px solid #fff;

	padding: 5px;

	border-radius: 20px;

	color: #fff;

	margin-top: 26px;

}



header:hover {

	background-color: #fff;

}



header:hover nav ul li a {

	color: #333;

}



header:hover .language {

	border: 1px solid #D91B23;

	color: #D91B23;

}



header.hover {

	background-color: #fff;

}



header.hover nav ul li a {

	color: #333;

}



header.hover .language {

	border: 1px solid #D91B23;

	color: #D91B23;

}



.sj_banner {

	display: none;

}



.banner {

	max-height: 1000px;

	min-height: 1000px;

	position: relative;

	overflow: hidden;

}



.banner video {

	width: 100%;

	z-index: -1;

	position: relative;

}



.banner .text {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;





	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

}



.banner .text h3 {

	color: #fff;

	font-size: 60px;

	font-weight: bold;
	



}



.banner .text .wenzi {

	text-align: center;

}



.banner .text a {

	display: inline-block;

	width: 160px;

	height: 40px;

	border: 3px solid #fff;

	line-height: 40px;

	color: #fff;

	margin: 30px;

	font-size: 20px;

	border-radius: 5px;

}



.banner .text a:hover {

	color: #D91B23;

	border: 3px solid #D91B23;

}



.banner .text a.more1 {

	color: #fff;

	background-color: #D91B23;

	border: 3px solid #D91B23;

}



.banner .text a.more1:hover {

	color: #D91B23;

	background-color: #fff;

	border: 3px solid #fff;

}



.main {

	width: 1550px;

	margin: 0 auto;

}



.fp_box_1 {

	padding: 40px 0 55px 0;

	background-color: #fff;

	border-bottom: 1px solid #ebebeb;

}



.fp_box_1 .left {

	width: 50%;

	float: left;

	text-align: left;

}



.fp_box_1 .left h3 {

	color: rgb(68, 68, 68);

	font-family: "Microsoft YaHei";

	font-size: 30px;

	margin-bottom: 25px;

}



.fp_box_1 .left h3 strong {

	color: rgb(68, 68, 68);

	font-family: "Microsoft YaHei";

	font-size: 36px;

}



.fp_box_1 .left p {

	color: rgb(128, 128, 128);

	font-size: 14px;

}



.fp_box_1 .rii {

	width: 16%;

	float: right;

	text-align: right;

	line-height: 100px;

	font-size: 18px;

	font-weight: bold;

}



.fp_box_1 .rii a img {

	float: left;

}



.fp_box_1 .rii a:hover {

	color: #D91B23;

}



.fp_box_2 {

	padding: 85px 0 0 0;

	background-color: #E6E6E6;

}



.fp_box_2 img {

	width: 100%;

}



.fp_box_2 .swiper-slide {

	background-color: #fff;

	padding: 20px;

	box-sizing: border-box;

}



.fp_box_2 .swiper-slide:hover {

	box-shadow: 0px 1px 14.56px 1.44px rgba(153, 153, 153, 0.4)

}



.fp_box_2 .swiper-slide img {

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

}



.fp_box_2 .swiper-slide:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	/*兼容-webkit-引擎浏览器*/

	-moz-transform: scale(1.1);

}



.fp_box_2 .swiper-slide p {

	text-align: center;

	font-size: 18px;

	color: #222;

	position: relative;

	z-index: 2;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}



.fp_box_2 .swiper-slide:hover p {

	color: #D91B23;

}



.fp_box_2 .main {

	position: relative;

	padding-bottom: 85px;

}



.fp_box_2 .swiper-button-next {

	width: 60px;

	height: 60px;

	background: url(../images/you.png) no-repeat center;

	background-size: 60px 60px;

	right: -80px;

	left: auto;

	top: 40%;

}



.fp_box_2 .swiper-button-prev {

	width: 60px;

	height: 60px;

	background: url(../images/zuo.png) no-repeat center;

	background-size: 60px 60px;

	left: -80px;

	right: auto;

	top: 40%;

}



.fp_box_2 .swiper-pagination {

	width: 100%;

	padding-top: 30px;

}



.fp_box_2 .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	margin: 0 5px;

	display: inline-block;

	border-radius: 100%;

	background: none;

	border: 3px solid #fff;

	opacity: 1;

}



.fp_box_2 .swiper-pagination-white .swiper-pagination-bullet-active {

	background: #fff;

}



.fp_box_3 {

	padding: 110px 0;

	background: url(../images/fp3.jpg) no-repeat fixed;

	background-size: 100% 100%;

	height: 600px;



}



.fp_box_3 .left {

	width: 70%;

	float: left;

	background: rgba(0, 0, 0, 0.3);

	padding: 70px;

	border-radius: 0 50px 0 50px;

	box-sizing: border-box;

}



.fp_box_3 .left h3 {

	font-size: 34px;

	color: #fff;

	font-weight: 700;

	margin-top: 60px;

}



.fp_box_3 .left p {

	line-height: 2;

	display-radio: -webkit-box;

	font_radio: 2;

	font-size: 14px;

	color: #fff;

	margin-top: 20px;

	-webkit-line-clamp: 4;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.fp_box_3 .left a {

	display: block;

	position: relative;

	overflow: hidden;

	text-align: center;

	box-sizing: border-box;

	width: 140px;

	padding: 12px 8px;

	background_radio: 2;

	border_radio: 1;

	font_radio: 2;

	radius_radio: 1;

	display-radio: block;

	font-size: 14px;

	background-color: #e62129;

	margin-top: 40px;

	margin-bottom: 30px;

	color: #fff;

	border-radius: 10px;

}



.fp_box_3 .rii {

	width: 25%;

	float: right;

	padding-top: 30px;

}



.fp_box_3 .rii .wenzi {

	display: block;

	width: 100%;

	margin-bottom: 20px;

	text-align: center;

	padding: 22px 20px 22px;

	background-color: #d82129;

	border-radius: 0 30px;

}



.fp_box_3 .rii .wenzi h3 {

	font-size: 32px;

	color: #fff;

	margin-bottom: 15px;

}



.fp_box_3 .rii .wenzi h3 small {

	font-size: 12px;

}



.fp_box_3 .rii .wenzi p {

	color: #fff;

	font-size: 20px;

}



.fp_box_4 {

	height: 555px;

	overflow: hidden;

	position: relative;

}



.fp_box_4>video {

	width: 100%;

}



.fp_box_4 .text {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 2;

	padding-top: 80px;
	background-color: rgba(0, 0, 0, 0.8);

}



.fp_box_4 .text .title {

	text-align: center;

}



.fp_box_4 .text .title>img {

	width: 30px;

	height: 30px;

}



.fp_box_4 .text .title h3 {

	color: rgb(255, 255, 255);

	font-family: "Microsoft YaHei";

	text-align: center;

	font-size: 30px;

	margin: 15px 0;

}



.fp_box_4 .text .title p {

	color: #fff;

	font-size: 15px;

}



.fp_box_4 .text ul {

	margin-left: -15px;

	margin-right: -15px;

}



.fp_box_4 .text ul li {

	width: 25%;

	float: left;

	margin-top: 30px;

	text-align: center;

	padding: 0px 15px;

	box-sizing: border-box;



	position: relative;

}



.fp_box_4 .text ul li>div {

	padding: 45px 15px;

	box-sizing: border-box;

	overflow: hidden;

	position: relative;

}



.fp_box_4 .text ul li>div::after {

	display: block;

	content: "";

	width: 100%;

	height: 100%;

	background: #D91B23;

	z-index: 2;

	position: absolute;

	bottom: 100%;

	left: 0;

	z-index: -1;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}



.fp_box_4 .text ul li:hover>div::after {

	bottom: 0%;

}



.fp_box_4 .text ul li img {

	width: 56px;

}



.fp_box_4 .text ul li h3 {

	font-size: 22px;

	margin: 30px 0 40px 0;

	color: #fff;

}



.fp_box_4 .text ul li p {

	font-size: 16px;

	color: #fff;

	line-height: 1.8;

}



.fp_box_5 .title {

	padding: 100px 0 30px 0;

	text-align: center;

}



.fp_box_5 .title>img {

	width: 30px;

}



.fp_box_5 .title h3 {

	color: rgb(68, 68, 68);

	font-family: "Microsoft YaHei";

	text-align: center;

	font-size: 30px;

}



.fp_box_5 .title h3 strong {

	color: rgb(68, 68, 68);

	font-family: "Microsoft YaHei";

	font-size: 40px;

}



.fp_box_5 .title p {

	margin-top: 15px;

	font-size: 16px;

	color: grey;

	line-height: 1.6;

	text-align: left;

	max-width: 888px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 40px;

}



.lunbo {

	background-color: #ECECEC;

}



.lunbo .swiper-slide {

	position: 30px;

	box-sizing: border-box;

}



.lunbo .swiper-slide .pic {

	width: 50%;

	float: left;

	padding: 50px;

	box-sizing: border-box;

	text-align: center;

}



.lunbo .swiper-slide .pic img {

	width: 600px;

	height: 350px;

	object-fit: cover;

}



.lunbo .swiper-slide .text {

	width: 50%;

	float: right;

	padding: 50px;

	box-sizing: border-box;

	padding-top: 100px;

}



.lunbo .swiper-slide .text h3 {

	font-size: 26px;

	font-family: Microsoft YaHei;

	color: #000;

	line-height: 1.4;

}



.lunbo .swiper-slide .text h3:hover a {

	color: #D91B23;

}



.lunbo .swiper-slide .text em {

	display: block;

	width: 120px;

	height: 2px;

	background-color: #D91B23;

	margin: 30px 0;

}



.lunbo .swiper-slide .text p {

	line-height: 1.8;

	font-size: 18px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}



.lunbo .swiper-slide .text span {

	display: block;

	margin-top: 30px;

}



.lunbo .swiper-button-next.swiper-button-white {

	width: 60px;

	height: 60px;

	background: url(../images/you.png) no-repeat center;

	background-size: 60px 60px;

	top: 85%;

	right: 5%;

}



.lunbo .swiper-button-prev.swiper-button-white {

	width: 60px;

	height: 60px;

	background: url(../images/zuo.png) no-repeat center;

	background-size: 60px 60px;

	top: 85%;

	left: 85%;

}



.fp_box_5 {

	padding-bottom: 80px;

}



.fp_box_6 {

	padding: 80px;

	background: url(../images/bg.jpg) no-repeat fixed;

	background-size: 100% 100%;

}



.fp_box_6 .left {

	width: 45%;

	float: left;

}



.fp_box_6 .left h4 {

	color: #fff;

	font-size: 60px;

}



.fp_box_6 .left h3 {

	font-size: 30px;

	margin-bottom: 20px;

	color: #fff;

}



.fp_box_6 .left h3 strong {

	font-size: 35px;

}



.fp_box_6 .left p {

	line-height: 2;

	font-size: 16px;

	color: #fff;

}



.fp_box_6 .rii {

	width: 50%;

	float: right;

	background-color: rgba(0, 0, 0, 1);

	padding: 40px 20px;

	box-sizing: border-box;

}



.fp_box_6 .rii .win50 {

	float: left;

	padding: 0 20px;

	box-sizing: border-box;

	width: 50%;

	margin-bottom: 25px;

}



.fp_box_6 .rii .win50 input {

	width: 100%;

	height: 40px;

	padding-left: 10px;

	box-sizing: border-box;

}



.fp_box_6 .rii textarea {

	width: 94.5%;

	margin-left: 2.8%;

	padding: 10px;

	box-sizing: border-box;

	height: 120px;

}



.fp_box_6 .rii button {

	width: 94.8%;

	margin-left: 2.8%;

	margin-top: 25px;

	height: 40px;

	border: none;

	font-size: 16px;

	color: #fff;

	background: #D91B23;

}



footer {

	padding: 80px 0 40px;

	background-color: #1E1E1E;

}



footer .left {

	width: 50%;

	float: left;

}



footer .left ul li {

	width: 20%;

	float: left;

}



footer .left ul li h3 {

	font-size: 20px;

	color: #fff;

	font-weight: bold;

	margin-bottom: 30px;

}



footer .left ul li a {

	display: block;

	margin-top: 15px;

	font-size: 16px;

	color: #777;

}



footer .left ul li a:hover {

	color: #fff;

}



footer .dizhi {

	width: 30%;

	margin-left: 2%;

	float: left;

}



footer .dizhi h3 {

	font-size: 20px;

	color: #fff;

	font-weight: bold;

	margin-bottom: 30px;

}



footer .dizhi p {

	display: block;

	margin-top: 15px;

	font-size: 16px;

	color: #777;

}



footer .dizhi p img {

	width: 20px;

	float: left;

	margin-right: 5px;

}



footer .erweima {

	float: right;

	width: 18%;

	text-align: center;

}



footer .erweima img {

	max-width: 180px;

}



.footer {

	padding: 10px 0;

	background-color: #1E1E1E;

	line-height: 60px;

	color: #fff;

	font-size: 18px;

}



.footer .main {

	border-top: 1px solid #777;

	padding: 10px 0;

}



.footer img {

	height: 60px;

	float: left;

	margin-right: 50px;

}



.footer a {

	color: #fff;

}



.footer a:hover {

	color: #D91B23;

}



/* two */

.banner_two {

	height: 570px;

	overflow: hidden;

}



.fp_box_7 {

	height: 65px;

	background-color: #EDEDED;

}



.fp_box_7 .rii {

	width: 50%;

	float: left;

	line-height: 65px;

}



.fp_box_7 .rii a {

	display: inline-block;

	margin-right: 50px;

	font-size: 18px;

}



.fp_box_7 .rii a:hover {

	color: #E71A0F;

}



.fp_box_7 .left {

	width: 50%;

	float: right;

	line-height: 65px;

}



.fp_box_7 .left img {

	width: 20px;

}



.fp_box_7 .left a {

	display: inline-block;

	margin: 0 5px;

	color: #E71A0F;

}



.fp_box_7 .left a:nth-child(1) {

	padding-left: 25px;

	background: url(../images/home.png) no-repeat left;

	background-size: 20px;

}



.fp_box_8 {

	margin: 50px 0;

}



.fp_box_8 .left {

	width: 40%;

	float: left;

}



.fp_box_8 .gallery-top .swiper-slide {

	border: 1px solid #ccc;

	padding: 15px;

	box-sizing: border-box;

	text-align: center;

}



.fp_box_8 .gallery-top .swiper-slide img {

	width: 80%;

}



.fp_box_8 .gallery-thumbs img {

	width: 100%;

}



/* */

.fp_box_8 .swiper-container {

	width: 100%;

	height: 300px;

	margin-left: auto;

	margin-right: auto;

}



.fp_box_8 .swiper-slide {

	background-size: cover;

	background-position: center;

}



.fp_box_8 .gallery-top {

	height: 80%;

	width: 100%;

}



.fp_box_8 .gallery-thumbs {

	height: 20%;

	box-sizing: border-box;

	padding: 10px 0;

}



.fp_box_8 .gallery-thumbs .swiper-slide {

	width: 14%;

	height: 100%;

	opacity: 1;

	border: 1px solid #ccc;

	text-align: center;

}



.fp_box_8 .gallery-thumbs .swiper-slide-active {

	opacity: 1;

	border: 1px solid #D91B23;

}



.fp_box_8 .rii {

	width: 55%;

	float: right;

}



.fp_box_8 .rii h3 {



	font-size: 24px;

	font-family: Microsoft YaHei;

	color: #4d4a4a;

	font-weight: 700;

	margin-top: 10px;



}



.fp_box_8 .rii .shu {

	display: flex;

	flex-wrap: wrap;

	flex-direction: row;

	width: auto;

	padding-top: 10px;

	padding-bottom: 10px;

	margin-bottom: 5px;

	padding-left: 10px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-width: 1px;

	border-color: #ececec;

	padding-right: 10px;

	margin: 15px 0;

}



.fp_box_8 .rii .shu span {

	flex: 0 0 15%;

	display: inline-block;

	padding-right: 0;

	color: #606060;

	font-size: 14px;

}



.fp_box_8 .rii .shu em {

	flex: 0 0 15%;

	display: inline-block;

	padding-right: 0;

	flex: 1;

	max-width: 100%;

	max-height: 100%;

	color: #999;

}



.fp_box_8 .rii p {

	font-size: 14px;

	font-weight: 400;

	color: #666;

	line-height: 2;

	padding-bottom: 30px;

	border-bottom: 1px solid #ccc;

	padding-top: 10px;

}



.fp_box_8 .rii a {

	display: block;

	position: relative;

	overflow: hidden;

	text-align: center;

	box-sizing: border-box;

	border-radius: 5px;

	height: 50px;

	line-height: 50px;



	background-color: #e71a0f;

	width: 160px;

	max-width: none;

	display-radio: block;

	color: #fff;

	margin-top: 30px;

}



.fp_box_8 .swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

	background: url(../images/you.png) no-repeat center;

	background-size: 40px 40px;

	width: 40px;

	height: 40px;

	right: 20px;

	left: auto;

}



.fp_box_8 .swiper-button-prev.swiper-button-white,

.swiper-container-rtl .swiper-button-next.swiper-button-white {

	background: url(../images/zuo.png) no-repeat center;

	background-size: 40px 40px;

	width: 40px;

	height: 40px;

	left: 20px;

}



.fp_box_9 {

	border: 1px solid #ccc;

	margin-bottom: 60px;

	box-sizing: border-box;

}



.fp_box_9 .text {

	width: 90%;

	margin: 0 auto;

	padding-bottom: 100px;

}



.fp_box_9 h3 {

	background-color: #F5F5F5;

	font-size: 22px;

	text-align: center;

	padding: 20px 0;

}



.fp_box_9 p {

	padding: 10px;

	box-sizing: border-box;

	font-size: 18px;

	line-height: 2;

}



.fp_box_9 span {

	display: block;

	font-size: 16px;

	color: #333;

	font-weight: bold;

	margin-top: 40px;

}

.fp_box_9 table{

	width: 100%;

	margin-top: 5px;

}

.fp_box_9 table td{

	width: 50%;

	height: 40px;

	border: 1px solid #ccc;

	text-align: center;

	color: #777;

}

.fp_box_9 table tr:nth-child(2n){

	background-color: #CCCCCC;

}

.fp_box_10 h3{

	margin-top: 20px;

	    font-size: 26px;

	    font-family: Microsoft YaHei;

	    color: #333;

	    line-height: 1;

		border-bottom: 1px solid #F5F5F5;

		padding-bottom: 20px;

}

.fp_box_10 ul {

	margin-left: -15px;

	margin-right: -15px;

}

.fp_box_10 ul li{

	width: 25%;

	float: left;

	padding: 0 15px;

	box-sizing: border-box;

	margin: 30px 0;

}

.fp_box_10 ul li a{

	display: block;

	padding: 15px;

	box-sizing: border-box;

	border: 1px solid #ccc;

	border-radius: 20px;

	text-align: center;

}

.fp_box_10 ul li .pic{

	width: 95%;

	border-bottom: 1px solid #ccc;

	margin: 0 auto;

	margin-bottom: 20px;

	overflow: hidden;

	position: relative;

}

.fp_box_10 ul li .pic::after{

	display: block;

	content: "";

	width: 100%;

	height: 1px;

	bottom: 0;

	left: 0;

	background-color: #E71A0F;

	-webkit-transition: all 0.3s;

	    -moz-transition: all 0.3s;

	    -o-transition: all 0.3s;

	    transition: all 0.3s;

}

.fp_box_10 ul li:hover .pic::after{

	display: block;

	content: "";

	width: 0%;

	

	

}

.fp_box_10 ul li .pic img{

	width: 90%;

	-webkit-transition: all 0.3s;

	    -moz-transition: all 0.3s;

	    -o-transition: all 0.3s;

	    transition: all 0.3s;

}

.fp_box_10 ul li:hover .pic img{

	transform:scale(1.1);-webkit-transform:scale(1.1);  /*兼容-webkit-引擎浏览器*/-moz-transform:scale(1.1); 

}





.fp_box_10 ul li p{

	font-size: 16px;

}



.fp_box_10 ul li:hover p{

	color: #E71A0F;

}

.fp_box_11{

	padding: 50px 0;

	background-color: #F7F7F7;

}

.fp_box_11 h3{

	margin-top: 20px;

		    font-size: 26px;

		    font-family: Microsoft YaHei;

		    color: #333;

		    line-height: 1;

			border-bottom: 1px solid #ccc;

			padding-bottom: 20px;

	

}



.fp_box_11 textarea{

	width: 100%;

	height: 150px;

	border: 1px solid #ccc;

	padding: 10px;

	box-sizing: border-box;

}

.fp_box_11 .inp{

	    display: flex;

	    justify-content: space-between;

	    align-items: center;



}

.fp_box_11 .inp {

	margin-top: 20px;

}

.fp_box_11 .inp input{

	width: 48%;

	height: 40px;

	border: 1px solid #ccc;

	padding-left: 10px;

	box-sizing: border-box;

}

.fp_box_11 button{

	width: 100%;

	height: 40px;

	margin-top: 30px;

	background-color: #535353;

	border: 1px solid #535353;

	color: #fff;

	font-size: 16px;

}

@media only screen and (max-width:2200px) {}



@media only screen and (max-width:2000px) {

	header .logo img {

		width: 100%;

		height: auto;

		margin-top: 16px;

	}



	header {

		height: 85px;

		width: 100%;

		padding: 0 10%;

		/* border-bottom: 1px solid #000; */

		position: fixed;

		top: 0;

		left: 0;

		box-sizing: border-box;

		z-index: 99;

	}



	.banner {

		max-height: 1080px;

		min-height: 1080px;

		position: relative;

		overflow: hidden;

	}



}



@media only screen and (max-width:1800px) {}



@media only screen and (max-width:1600px) {

	.banner {

		max-height: 768px;

		min-height: 768px;

		position: relative;

		overflow: hidden;

	}



	header {



		padding: 0 5%;



	}



	.main {

		width: 1300px;

		margin: 0 auto;

	}



	.fp_box_1 .rii {

		width: 22%;

		float: right;

		text-align: right;

		line-height: 100px;

		font-size: 18px;

		font-weight: bold;

	}



	.fp_box_3 {

		padding: 50px 0 0;



	}



	.fp_box_4 video {

		width: 100%;

		background-color: #000;

		height: 100%;

	}



	.lunbo .swiper-slide .pic img {

		width: 100%;

		height: 350px;

		object-fit: cover;

	}



}



@media only screen and (max-width:1400px) {

	.banner {

		max-height: 720px;

		min-height: 720px;

		position: relative;

		overflow: hidden;

	}



	.banner .text h3 {

		color: #fff;

		font-size: 43px;

		font-weight: bold;

	}



	.main {

		width: 1100px;

		margin: 0 auto;

	}



	nav ul li {

		float: left;

		padding: 0 15px;

		position: relative;

	}



	.lunbo .swiper-button-prev.swiper-button-white {



		left: 80%;

	}



	.fp_box_4 .text ul li>div {

		padding: 25px 15px;

	}



	footer .left ul li a {

		display: block;

		margin-top: 15px;

		font-size: 14px;

		color: #777;

	}



	footer .dizhi p {

		display: block;

		margin-top: 15px;

		font-size: 14px;

		color: #777;

	}



	.footer {

		font-size: 14px;

	}

}



@media only screen and (max-width:1200px) {

	.main {

		width: 900px;

		margin: 0 auto;

		padding: 0 15px;

		box-sizing: border-box;

	}



	.fp_box_3 .left {

		padding: 25px;

	}



	.fp_box_3 .rii .wenzi {

		display: block;

		width: 100%;

		margin-bottom: 20px;

		text-align: center;

		padding: 10px 10px 10px;

		background-color: #d82129;

		border-radius: 0 30px;

	}



	.fp_box_3 {

		height: 483px;

	}



	footer .erweima img {

		max-width: 110px;

	}



	footer .left ul li a {

		display: block;

		margin-top: 15px;

		font-size: 12px;

		color: #777;

	}



	footer .left ul li h3 {

		font-size: 16px;

		color: #fff;

		font-weight: bold;

		margin-bottom: 30px;

	}



	footer .dizhi h3 {

		font-size: 16px;

		color: #fff;

		font-weight: bold;

		margin-bottom: 30px;

	}



	footer .dizhi p {

		display: block;

		margin-top: 15px;

		font-size: 12px;

		color: #777;

	}



	.footer {

		font-size: 12px;

	}



	.fp_box_2 {

		padding: 50px 0 0 0;

		background-color: #E6E6E6;

	}



	.fp_box_2 .swiper-pagination-bullet {

		width: 8px;

		height: 8px;



		border: 1px solid #fff;



	}



	.fp_box_2 .swiper-button-next {

		display: none;

	}



	.fp_box_2 .swiper-button-prev {

		display: none;

	}



	.fp_box_1 .rii a img {

		float: left;

		width: 66px;

		margin-top: 18px;

	}



	.fp_box_1 .rii {

		width: 20%;

		float: right;

		text-align: right;

		line-height: 100px;

		font-size: 16px;

		font-weight: bold;

	}



	.fp_box_1 {

		padding: 20px 0 20px 0;

		background-color: #fff;

		border-bottom: 1px solid #ebebeb;

	}



	.fp_box_4 video {

		display: none;

	}



	.fp_box_4 {

		background-color: #202E43;

	}



	.fp_box_4 .text ul li img {

		width: 36px;

	}



	.fp_box_4 .text ul li h3 {

		font-size: 18px;

		margin: 16px 0 16px 0;

		color: #fff;

	}



	.fp_box_4 .text ul li p {

		font-size: 14px;

		color: #fff;

		line-height: 1.6;

	}



	.fp_box_3 {



		background: url(../images/fp3.jpg) no-repeat fixed;

		background-size: auto 100%;

		height: 450px;

	}

	.fp_box_7{

		height: auto;

	}

	.fp_box_7 .left {

	    float: left;

		width: 100%;

	}

	.fp_box_7 .rii{

		float: left;

		width: 100%;

		border-top: 1px solid #ccc;

	}

	.fp_box_8 .rii .shu span {

	    flex: 0 0 25%;

	    display: inline-block;

	    padding-right: 0;

	    color: #606060;

	    font-size: 14px;

	}

	.fp_box_8 .rii p {

	    font-size: 12px;

	    font-weight: 400;

	    color: #666;

	    line-height: 2;

	    padding-bottom: 10px;

	    border-bottom: 1px solid #ccc;

	    padding-top: 0px;

	}

	.fp_box_8 .rii a {

	    display: block;

	    position: relative;

	    overflow: hidden;

	    text-align: center;

	    box-sizing: border-box;

	    border-radius: 5px;

	    height: 40px;

	    line-height: 40px;

	    background-color: #e71a0f;

	    width: 160px;

	    max-width: none;

	    display-radio: block;

	    color: #fff;

	    margin-top: 20px;

	}

	.fp_box_9 p {

	    padding: 10px;

	    box-sizing: border-box;

	    font-size: 15px;

	    line-height: 1.6;

	}

}



@media only screen and (max-width: 1000px) {

	.main {

		width: 100%;

		margin: 0 auto;

		padding: 0 15px;

		box-sizing: border-box;

	}



	nav {

		display: block;

		position: absolute;

		top: 85px;

		height: 1000px;

		width: 100%;

		background-color: #fff;

		z-index: 100;

		left: 0;

		display: none;

	}



	nav ul li {

		width: 100%;

		float: none;

		border-bottom: 1px solid #ccc;

	}



	nav ul li a {

		color: #333;

		width: 20%;

	}



	nav ul li .erji {

		position: static;

	}



	nav ul li a:hover::after {

		display: none;

	}



	nav.hover {

		display: block;

	}



	.on {

		float: right;

		margin-top: 24px;

		width: 30px;

		height: 30px;

		position: relative;

	}



	.on span {

		display: block;

		width: 30px;

		height: 1px;

		margin-top: 8px;

		background-color: #000;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		-o-transition: all 0.3s;

		transition: all 0.3s;

	}



	.on.hover span:nth-child(1) {

		transform: rotate(45deg);

		top: 8px;

		position: absolute;

	}



	.on.hover span:nth-child(2) {

		display: none;

	}



	.on.hover span:nth-child(3) {

		transform: rotate(-45deg);

		top: 8px;

		position: absolute;

	}



	header {

		background-color: #fff;

	}



	header .language {

		border: 1px solid #D91B23;

		color: #D91B23;

	}



	.fp_box_3 .rii .wenzi {

		box-sizing: border-box;

	}



	.fp_box_2 .swiper-pagination {

		width: 95%;

	}



	.fp_box_6 .left {

		width: 30%;

		float: left;

	}



	.fp_box_6 .rii {

		width: 66%;



	}

}



@media only screen and (max-width: 750px) {

	header {

		height: 60px;

	}



	header .logo {

		float: left;

		width: 50%;

		height: 100%;

	}



	header .logo img {

		width: 100%;

		height: auto;

		margin-top: 10px;

	}



	.on {



		margin-top: 12px;

	}



	.language {

		margin-left: 30px;

		border: 1px solid #fff;

		padding: 5px;

		border-radius: 20px;

		color: #fff;

		margin-top: 15px;

	}



	.banner {

		display: none;

	}



	.sj_banner {

		display: block;

		margin-top: 60px;

	}



	.sj_banner img {

		width: 100%;

	}



	.sj_banner .swiper-button-next.swiper-button-white {

		background: url(../images/you1.png) no-repeat center;

		width: 30px;

		height: 30px;

		background-size: 30px 30px;

	}



	.swiper-button-prev.swiper-button-white {

		background: url(../images/zuo1.png) no-repeat center;

		width: 30px;

		height: 30px;

		background-size: 30px 30px;

	}



	.fp_box_1 .left h3 {

		color: rgb(68, 68, 68);

		font-family: "Microsoft YaHei";

		font-size: 14px;

		margin-bottom: 5px;

	}



	.fp_box_1 .left h3 strong {

		color: rgb(68, 68, 68);

		font-family: "Microsoft YaHei";

		font-size: 18px;

	}



	.fp_box_1 .left p {

		color: rgb(128, 128, 128);

		font-size: 12px;

	}



	.fp_box_1 .rii {

		width: 40%;

		float: right;

		text-align: right;

		line-height: 50px;

		font-size: 14px;

		font-weight: bold;

	}



	.fp_box_1 .rii a img {

		float: left;

		width: 50px;

		margin-top: 5px;

	}



	.fp_box_2 {

		padding: 20px 0 0 0;

		background-color: #E6E6E6;

	}



	.fp_box_2 .main {

		position: relative;

		padding-bottom: 60px;

	}



	.fp_box_2 .swiper-pagination {

		width: 100%;

	}



	.fp_box_3 {

		background: url(../images/fp3.jpg) no-repeat fixed;

		background-size: 100% cover;

		height: auto;

	}



	.fp_box_3 .left {

		width: 100%;

		float: left;

		background: rgba(0, 0, 0, 0.3);

		padding: 10px;

		border-radius: 0 20px 0 20px;

		box-sizing: border-box;

		float: none;

	}



	.fp_box_3 {

		padding-bottom: 20px;

	}



	.fp_box_3 .left h3 {

		font-size: 20px;

		color: #fff;

		font-weight: 700;

		margin-top: 15px;

	}



	.fp_box_3 .left p {

		line-height: 1.5;

		display-radio: -webkit-box;

		font_radio: 2;

		font-size: 14px;

		color: #fff;

		margin-top: 13px;

		-webkit-line-clamp: 4;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		overflow: hidden;

	}



	.fp_box_3 .rii {

		width: 100%;

		float: right;

		float: none;

		padding-top: 30px;

	}



	.fp_box_3 .rii .wenzi h3 {

		font-size: 24px;

		color: #fff;

		margin-bottom: 10px;

	}



	.fp_box_4 {

		height: 600px;

	}



	.fp_box_4 .text {



		z-index: 2;

		padding-top: 20px;

	}



	.fp_box_4 .text ul li {

		width: 50%;

		float: left;

		margin-top: 30px;

		text-align: center;

		padding: 0px 15px;

		box-sizing: border-box;

		position: relative;

	}



	.fp_box_4 .text .title h3 {

		color: rgb(255, 255, 255);

		font-family: "Microsoft YaHei";

		text-align: center;

		font-size: 18px;

		margin: 15px 0;

	}



	.fp_box_4 .text ul li h3 {

		font-size: 18px;

		margin: 6px 0 6px 0;

		color: #fff;

	}



	.fp_box_4 .text ul li p {

		font-size: 12px;

		color: #fff;

		line-height: 1.6;

	}



	.fp_box_5 .title {

		padding: 20px 0 20px 0;

		text-align: center;

	}



	.fp_box_5 .title h3 {

		color: rgb(68, 68, 68);

		font-family: "Microsoft YaHei";

		text-align: center;

		font-size: 18px;

	}



	.fp_box_5 .title h3 strong {

		color: rgb(68, 68, 68);

		font-family: "Microsoft YaHei";

		font-size: 20px;

	}



	.fp_box_5 .title p {

		margin-top: 15px;

		font-size: 14px;

		color: grey;

		line-height: 1.6;

		text-align: left;

		max-width: 888px;

		margin-left: auto;

		margin-right: auto;

		margin-bottom: 40px;

	}



	.lunbo .swiper-slide .pic {

		width: 100%;

		float: left;

		padding: 50px;

		box-sizing: border-box;

		text-align: center;

	}



	.lunbo .swiper-slide .pic {

		width: 100%;

		float: left;

		padding: 10px;

		box-sizing: border-box;

		text-align: center;

	}



	.lunbo .swiper-slide .pic img {

		width: 100%;

		height: auto;

		object-fit: cover;

	}



	.lunbo .swiper-slide .text {

		width: 100%;

		float: right;

		padding: 50px;

		box-sizing: border-box;

		padding: 10px;

		padding-bottom: 40px;

	}



	.lunbo .swiper-slide .text h3 {

		font-size: 20px;

		font-family: Microsoft YaHei;

		color: #000;

		line-height: 1.4;

	}



	.lunbo .swiper-slide .text em {

		display: block;

		width: 120px;

		height: 2px;

		background-color: #D91B23;

		margin: 5px 0;

	}



	.lunbo .swiper-slide .text p {

		line-height: 1.8;

		font-size: 14px;

		overflow: hidden;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

	}



	.lunbo .swiper-button-prev.swiper-button-white {

		left: 70%;

		width: 30px;

		height: 30px;

		background: url(../images/zuo.png) no-repeat center;

		background-size: 30px 30px;

		top: 95%;



	}



	.lunbo .swiper-button-next.swiper-button-white {

		width: 30px;

		height: 30px;

		background: url(../images/you.png) no-repeat center;

		background-size: 30px 30px;

		top: 95%;

		right: 5%;

	}



	.fp_box_5 {

		padding-bottom: 30px;

	}



	.fp_box_6 .left {

		width: 100%;

		float: left;

	}



	.fp_box_6 {

		padding: 15px;

	}



	.fp_box_6 .rii {

		width: 100%;

		margin-top: 15px;

	}



	.fp_box_6 .rii {



		padding: 20px 20px;



	}



	.fp_box_6 .rii .win50 {

		float: left;

		padding: 0 8px;

		box-sizing: border-box;

		width: 100%;

		margin-bottom: 15px;

	}



	footer {

		padding: 30px 0 30px;

		background-color: #1E1E1E;

	}



	footer .left {

		width: 100%;

		float: left;

	}



	footer .left ul li h3 {

		font-size: 14px;

		color: #fff;

		font-weight: bold;

		margin-bottom: 30px;

	}



	footer .left ul li a {

		display: block;

		margin-top: 8px;

		font-size: 10px;

		color: #777;

	}



	footer .dizhi {

		width: 100%;

		margin-left: 0%;

		float: left;

		margin-top: 30px;

	}



	footer .erweima {

		float: right;

		width: 100%;

		margin-top: 30px;

		text-align: center;

	}



	.footer img {

		display: none;

	}



	.footer {

		font-size: 6px;

		line-height: 16px;

		text-align: center;

	}



	.fp_box_2 .swiper-pagination {

		width: 95%;

	}



	nav {

		top: 60px;

	}



	nav ul li a {

		height: 50px;

		display: block;

		line-height: 50px;

		font-size: 16px;

		position: relative;

		color: #fff;

	}



	nav ul li .erji a {

		display: block;

		color: #333;

		text-align: center;

		display: block;

		height: 50px;

		line-height: 50px;

	}

	.banner_two {

	    height: 150px;

	    overflow: hidden;

	    margin-top: 60px;

	}

	.fp_box_7 .left {

	    float: left;

	    width: 100%;

	    font-size: 8px;

		line-height: 30px;

	}

	.fp_box_7 .rii{

		line-height: 40px;

	}

	.fp_box_7 .rii a {

	    display: inline-block;

	    margin-right: 15px;

	    font-size: 12px;

		

	}

	.fp_box_8 .left {

	    width: 100%;

	    float: left;

	}

	.fp_box_8 .rii {

	    width: 100%;

	    float: right;

	}

	.fp_box_8 .rii h3 {

	    font-size: 22px;

	    font-family: Microsoft YaHei;

	    color: #4d4a4a;

	    font-weight: 700;

	    margin-top: 15px;

	}.fp_box_9 h3 {

    background-color: #F5F5F5;

    font-size: 20px;

    text-align: center;

    padding: 10px 0;

}.fp_box_9 p {

    padding: 10px;

    box-sizing: border-box;

    font-size: 13px;

    line-height: 1.4;

}.fp_box_9 table td {

    width: 50%;

    height: 35px;

    border: 1px solid #ccc;

    text-align: center;

    color: #777;

}.fp_box_9 .text {

    

    padding-bottom: 20px;

}.fp_box_10 h3 {

    margin-top: 0px;

    font-size: 22px;

    font-family: Microsoft YaHei;

    color: #333;

    line-height: 1;

    border-bottom: 1px solid #F5F5F5;

    padding-bottom: 10px;

}.fp_box_10 ul li {

    width: 50%;

    float: left;

    padding: 0 5px;

    box-sizing: border-box;

    margin: 15px 0;

}.fp_box_10 ul {

    margin-left: -5px;

    margin-right: -5px;

}

.fp_box_10 ul li p {

  min-height: 40px;

}

}

