@charset "utf-8";

/*统一的样式*/

/* reset */
*{margin:0;padding:0;list-style:none; font-size: 16px; box-sizing: border-box;} /*默认外边距 和 内边距*/ /*去圆点*/
img{border:none; vertical-align:bottom; max-width: 100%}

table {border-collapse:collapse;} /*边框会合并为一个单一的边框*/ /**/
button,input,select,textarea{font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/*字体系列 字体大小 字体样式 字体粗细 都继承父元素*/
.h1, .h2, .h3, .h4, .h5, .h6,span, h1, h2, h3, h4, h5, h6, p{margin: 0px; padding: 0px; font-size: inherit}
address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */
/*input:focus{box-shadow: 0 0 10px #999; outline: none;}   /*边框阴影*/  /*轮廓取消*/
/* link */
a{text-decoration:none; color: inherit; transition: 0s;}  /*清除超链接的下划线*/
a:hover{text-decoration:none; color: inherit;}
.clear{clear: both;}  /*清除浮动*/
/*统一的样式*/
ol, ul, dl{margin: 0px;}


html body {
	margin: 0px auto;
	max-width: 1920px;	
	min-width: 320px;
	font-size: 100%;
	font-family:  "微软雅黑", "Microsoft YaHei", "SimSun", "宋体";
}
main{font-size: 16px;}

/*=================样式           开始==========================*/
.box1{background: url('../images/box1.jpg')no-repeat center center; width: 100%; height: 675px;}

.tit{
	height: 226px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	background: url('../images/tit.png')no-repeat 47.5% center;
}
.box2{margin-top: 60px;}
.tit h5{
	font-family: Arial;
	color: #d83131;
	font-weight: normal;
	font-size: 24px;
	text-align: center;
	line-height: 120%;
}
.tit h6{
	font-weight: normal;
	font-size: 24px;
	text-align: center;
	line-height: 150%;
}

.tit p{
	font-family: Arial;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	color: #b3b3b3;
	text-align: center;
	line-height: 20px;
}

.tit span{
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	color: #3f3a3a;
	text-align: center;
	line-height: 24px;
	display: block
}
.tit div{margin-top: -12px}

.box2con1{background: url('../images/box2.jpg')no-repeat center center; width: 100%; height: 420px; margin-top: -10px; position: relative; z-index: 1;}
.box2con2 li{margin-bottom: 50px;}
.box2con2{padding-right: 15px; margin-top: -80px; position: relative; z-index: 2;}
.box2con2 li>div{width: 480px; height: 390px; background-color: #f6f6f7; float: left; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.box2con2 li>img{width: 705px; height: 390px; object-fit: cover; float: left;}
.box2con2 li:nth-of-type(2n+2)>div{float: right; background-color: #f6f7f7}

.box2con2 li>div h5{font-size: 20px; color: #000000; font-weight: normal;}
.box2con2 li>div p{
	font-size: 14px;
	color: #3f3f3f;
	line-height: 24px;
	text-align: center;
	margin: 12px 0px;
}

.box2con2 li>div div{width: 400px; display: flex; justify-content: center; align-items: center}
.box2con2 li>div div span{display: block; text-align: center; margin: 0 15px;  position: relative; color: #000; font-size: 14px;}

.box2con2 li>div div span.da{width: 116px;}
.box2con2 li>div div span.da::before{
	display: block;
	content: '';
	background: url('../images/box2_bg2.png')no-repeat center bottom;
	width: 100%;
	height: 166px;
	margin-bottom: 15px;
}

.box2con2 li>div div span.zhong{width: 89px;}
.box2con2 li>div div span.zhong::before{
	display: block;
	content: '';
	background: url('../images/box2_bg1.png')no-repeat center bottom;
	width: 100%;
	height: 166px;
	margin-bottom: 15px;
}

.box2con2 li>div div span.xiao{width: 63px;}
.box2con2 li>div div span.xiao::before{
	display: block;
	content: '';
	background: url('../images/box2_bg3.png')no-repeat center bottom;
	width: 100%;
	height: 166px;
	margin-bottom: 15px;
}

.box2con2 li>div div span.zhongzhong{width: 79px;}
.box2con2 li>div div span.zhongzhong::before{
	display: block;
	content: '';
	background: url('../images/box2_bg4.png')no-repeat center bottom;
	width: 100%;
	height: 166px;
	margin-bottom: 15px;
}

.box3{background: url('../images/box3_0.jpg')no-repeat center center; padding: 80px 0 300px; }
.tit2 i{display: block; background: url('../images/box3_1.png')no-repeat center center; height: 34px; margin-bottom: 15px;;}
.tit2 h5{
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 15px;
	line-height: 110%;
	text-align: center
}

.tit2 p{
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 110%;
	text-align: center
}

.box3 ul{margin-top: 80px; padding: 0 50px; position: relative;}
.box3 ul li{
	float: left;
	width: 20%;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

.box3 ul li i{
	display: block;
	width: 96px;
	height: 96px;
	border-radius: 30px;
	border: 1px solid #d83131;
	margin: 0 auto 30px;
}

.box3 ul li:nth-of-type(1) i::before{display: block; position: relative; z-index: 2; content: ''; width: 100%; height: 100%; background: url('../images/box3_3.png')no-repeat center center}
.box3 ul li:nth-of-type(2) i::before{display: block; position: relative; z-index: 2; content: ''; width: 100%; height: 100%; background: url('../images/box3_4.png')no-repeat center center}
.box3 ul li:nth-of-type(3) i::before{display: block; position: relative; z-index: 2; content: ''; width: 100%; height: 100%; background: url('../images/box3_5.png')no-repeat center center}
.box3 ul li:nth-of-type(4) i::before{display: block; position: relative; z-index: 2; content: ''; width: 100%; height: 100%; background: url('../images/box3_6.png')no-repeat center center}
.box3 ul li:nth-of-type(5) i::before{display: block; position: relative; z-index: 2; content: ''; width: 100%; height: 100%; background: url('../images/box3_7.png')no-repeat center center}

.box3 ul li.li_act i{background-color: #d83131; }
.box3 ul li.li_act i::before{filter: drop-shadow(rgb(255, 255, 255) 141px 0px 0px); left: -140px}

.box3 ul li p{
	position: absolute;
	top: 200px;
	background-color: rgba(169, 178, 181, 0.7);
	padding: 25px 40px;
	line-height: 150%;
	left: 50px;
	right: 50px;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: 0s;
}

.box3 ul li.li_act p{opacity: 1; text-align: left; visibility: visible; transition: 0.4s;}
.box3 ul li p::before{
	display: block;
	width: 18px;
	height: 8px;
	background: url('../images/box3_2.png')no-repeat center center;
	top: -8px;
	content: '';
	position: absolute;
	left: 92px;
}
.box3 ul li:nth-of-type(2) p::before{left: 310px;}
.box3 ul li:nth-of-type(3) p::before{left: 530px;}
.box3 ul li:nth-of-type(4) p::before{left: 752px;}
.box3 ul li:nth-of-type(5) p::before{left: 975px;}

.box4{margin-top: 15px;}
.box4 .tit{background: url(../images/tit.png)no-repeat 48.5% center;}

.box4_con{background: url('../images/box4_bg.png')no-repeat center center; height: 521px; width: 100%; margin-top: -30px; padding: 45px 0;}
.box4_con ul{
	border: 5px solid #f2f2f2;
	height: 100%;
	text-align: center;
	padding-top: 60px;
}

.box4_con ul h5{
	font-size: 24px;
	color: #000;
	font-weight: normal;
	text-align: center;
	line-height: 40px;
}


.box4_con ul h6{
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-align: center;
	line-height: 40px;
	padding-bottom
	: 45px;
}

.box4_con ul li{
	display: inline-block;
	width: 145px;
	margin: 0px 65px;
	font-size: 14px;
	text-align: center
}

.box4_con ul li i{
	width: 145px;
	height: 145px;
	display: block;
	margin: 0 auto 15px;
	border-radius: 50%;
	border: 1px solid #dadada;

} 

.box4_con ul li:nth-of-type(1) i{background: url('../images/box4_1.png')no-repeat center center}
.box4_con ul li:nth-of-type(2) i{background: url('../images/box4_2.png')no-repeat center center}
.box4_con ul li:nth-of-type(3) i{background: url('../images/box4_3.png')no-repeat center center}

.box5{background: url('../images/box5_bg.jpg')repeat center center; height: 642px;}
.box6{background: url('../images/box6_bg.jpg')repeat center center; margin: 55px 0; padding-top: 50px;}

.box6 .tit2 i { background: url(../images/box6_bg1.png)no-repeat center center; margin-bottom: 5px;}
.box6 .tit2 hr{width: 25px; height: 1px; border: 0px; background-color: #718188; margin: 0 auto; margin-top: -7px; margin-bottom: 7px;}

.box6_con{position: relative; background: url('../images/box6_7.png')no-repeat center center; width: 802px; height: 320px; margin: 45px auto 0px}
.box6_con li{border-radius: 15px; position: absolute; background-color: rgba(104, 118, 126, 0.9); line-height: 150%; padding: 0 10px; font-size: 16px; color: #fff; text-align: center}

.box6_con li:nth-of-type(1){position: absolute; top: 145px; left: 140px;}
.box6_con li:nth-of-type(2){position: absolute; top: 90px; left: 152px;}
.box6_con li:nth-of-type(3){position: absolute; top: 35px; left: 273px;}
.box6_con li:nth-of-type(4){position: absolute; top: 35px; right: 273px;}
.box6_con li:nth-of-type(5){position: absolute; top: 88px; right: 195px;}
.box6_con li:nth-of-type(6){position: absolute; top: 140px; right: 97px;}

.box6_con li p{
	position: absolute;
	top: 40px;
	background-color: rgba(169, 178, 181, 0.7);
	padding: 25px 40px;
	line-height: 150%;
	width: 625px;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: 0s;
	text-align: center;
	z-index: 5;
	left: -40px;
}

.box6_con li:hover p{opacity: 1;  visibility: visible; transition: 0.4s;}
.box6_con li p::before{
	display: block;
	width: 18px;
	height: 8px;
	background: url('../images/box3_2.png')no-repeat center center;
	top: -8px;
	content: '';
	position: absolute;
	
}
.box6_con li:nth-of-type(1) p::before{left: 77px;}
.box6_con li:nth-of-type(2) p::before{left: 90px;}
.box6_con li:nth-of-type(3) p::before{left: 235px;}
.box6_con li:nth-of-type(4) p::before{left: 365px;}
.box6_con li:nth-of-type(5) p::before{right: 150px;}
.box6_con li:nth-of-type(6) p::before{right: 80px;}

.box6_con li:nth-of-type(1) p{left: -40px;}
.box6_con li:nth-of-type(3) p{left: -175px;}
.box6_con li:nth-of-type(4) p{left: -318px;}
.box6_con li:nth-of-type(5) p{left: -430px;}
.box6_con li:nth-of-type(6) p{left: -475px;}


.battles { max-width: 1200px; margin: 0 auto; position: relative; margin-bottom: 45px; }
.battles > figure { width: 100%; }
.battles > figure > ul { width: 100%; display: flex; margin-bottom: 60px; }
.battles > figure > ul .title_text { width: 32%; background: #eef0f1; display: flex; flex-direction: column; padding-left: 75px; justify-content: center; }
.battles > figure > ul .title_text p { width: 100%; font-family: Arial; color: #ababab; font-size: 24px; }
.battles > figure > ul .title_text h3 { font-weight: normal; font-size: 22px; color: #262626; margin-bottom: 5px; }
.battles > figure > ul .title_text span { display: block; font-size: 16px; color: #777777; }
.battles > figure > ul .title_photo { width: 68%; }
.battles > figure > ul .title_photo img { display: block; }
.battles > figure > figcaption { width: 100%; display: flex; justify-content: space-between; }
.battles > figure > figcaption .ryz_Plist { width: 605px; }
.battles > figure > figcaption .ryz_Plist > .swiper-container { width: 100%; }
.battles > figure > figcaption .ryz_Plist > .swiper-container .swiper-wrapper { width: 100%; }
.battles > figure > figcaption .ryz_Plist > .swiper-container .swiper-wrapper .swiper-slide { width: 100%; }
.battles > figure > figcaption .ryz_Plist > .swiper-container .swiper-wrapper .swiper-slide a { display: block; width: 100%; height: 100%; }
.battles > figure > figcaption .ryz_Plist > .swiper-container .swiper-wrapper .swiper-slide a figure { width: 100%; }
.battles > figure > figcaption .ryz_Plist > .swiper-container .swiper-wrapper .swiper-slide a figure div {border: 1px solid #eee;  width: 100%; height: 100%; position: relative; padding: 49% 0; overflow: hidden; }
.battles > figure > figcaption .ryz_Plist > .swiper-container .swiper-wrapper .swiper-slide a figure div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.battles > figure > figcaption .ryz_Plist > .swiper-container .swiper-wrapper .swiper-slide a figure figcaption { font-size: 14px; color: #000000; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.battles > figure > figcaption .ryz_Plist .Photo_pag { width: 100%; position: relative; padding: 15px 0; margin-top: 10px;display: flex;justify-content: center;align-items: center}
.battles > figure > figcaption .ryz_Plist .Photo_pag .swiper-pagination { position: relative; display: flex; justify-content: center; align-items: center; }
.battles > figure > figcaption .ryz_Plist .Photo_pag .swiper-pagination .swiper-pagination-bullet { background: #777777; opacity: 1; margin: 0 4px; }
.battles > figure > figcaption .ryz_Plist .Photo_pag .swiper-pagination .swiper-pagination-bullet-active { background: #777777; }
/*.battles > figure > figcaption .ryz_Plist .Photo_pag .AllsNav { width: 100%; display: flex; justify-content: center; position: absolute; top: 5px; height: 1px; z-index: 13; }*/
.battles > figure > figcaption .ryz_Plist .Photo_pag i { display: block; font-size: 28px; color: #bababa; margin: 0 2%; cursor: pointer; outline: none;}
.battles > figure > figcaption .ryz_Tlist { width: 470px; position: relative; }
.battles > figure > figcaption .ryz_Tlist .swiper-container { width: 100%; position: relative; }
.battles > figure > figcaption .ryz_Tlist .swiper-container .swiper-wrapper { width: 100%; }
.battles > figure > figcaption .ryz_Tlist .swiper-container .swiper-wrapper .swiper-slide { border-bottom: 1px solid #d3d3d3; }
.battles > figure > figcaption .ryz_Tlist .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(3n) { border-bottom: none; }
.battles > figure > figcaption .ryz_Tlist .swiper-container .swiper-wrapper .swiper-slide a { display: block; width: 100%; height: 100%; padding: 30px 0; }
.battles > figure > figcaption .ryz_Tlist .swiper-container .swiper-wrapper .swiper-slide a h3 { font-size: 16px; color: #262626; font-weight: normal; }
.battles > figure > figcaption .ryz_Tlist .swiper-container .swiper-wrapper .swiper-slide a p { font-size: 14px; color: #7c7c7c; line-height: 1.7em; }
.battles > figure > figcaption .ryz_Tlist .Text_pag { position: relative; width: 100%; display: flex;justify-content: center;align-items: center;margin-top: 10px;}
.battles > figure > figcaption .ryz_Tlist .Text_pag .swiper-pagination { display: flex; justify-content: center; align-items: center; position: relative;  }
.battles > figure > figcaption .ryz_Tlist .Text_pag .swiper-pagination .swiper-pagination-bullet { background: #777777; opacity: 1; margin: 0 5px; }
.battles > figure > figcaption .ryz_Tlist .Text_pag .swiper-pagination .swiper-pagination-bullet-active { background: #777777; }
/*.battles > figure > figcaption .ryz_Tlist .Text_pag .AllsNav { width: 100%; position: absolute; top: 21px; display: flex; justify-content: center; align-items: center; height: 1px; z-index: 13; }*/
.battles > figure > figcaption .ryz_Tlist .Text_pag i { display: block; font-size: 28px; color: #bababa; margin: 0 2%; cursor: pointer; outline: none; }

.ryz_par4 > figure > ul .title_text { order: 2; }
.ryz_par4 > figure > ul .title_photo { order: 1; }
.ryz_par4 > figure > figcaption .ryz_Plist { order: 2; }
.ryz_par4 > figure > figcaption .ryz_Tlist { order: 1; }

.ryz_par6 > figure > ul .title_text { order: 2; }
.ryz_par6 > figure > ul .title_photo { order: 1; }
.ryz_par6 > figure > figcaption .ryz_Plist { order: 2; }
.ryz_par6 > figure > figcaption .ryz_Tlist { order: 1; }

.ryz_par7 { margin-bottom: 110px; }

.ryz_ft1 { width: 100%; background: url("../images/rft-1.jpg") no-repeat; background-size: cover; height: 460px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.ryz_ft1 h3 { font-size: 28px; font-weight: normal; color: #363636; text-align: center; margin-top: 50px; width: 36%; position: relative; margin-bottom: 15px; }
.ryz_ft1 h3:before { content: ''; display: block; width: 135px; height: 1px; background: #c1c6c9; position: absolute; left: 0; top: 50%; }
.ryz_ft1 h3:after { content: ''; display: block; width: 135px; height: 1px; background: #c1c6c9; position: absolute; right: 0; top: 50%; }
.ryz_ft1 p { font-size: 16px; color: #464646; text-align: center; margin-bottom: 10px; }

/*# sourceMappingURL=main.css.map */























/*=================样式           结束============================*/





/*=================部分公共样式            开始==========================*/
.wrapper {
	width: 100%;
	min-width: 320px;
	margin: auto;
	overflow: hidden;
}

.layout {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1200px){.layout{padding-left: 15px; padding-right: 15px;}}
.clearfix::after{
	clear: both;
	content: '';
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: block;
}
.ulclearfix ul::after{
	display: block;
	overflow: hidden;
	clear: both;
	width: 0px;
	height: 0px;
	content: '';
}

.liclearfix li::after{
	display: block;
	overflow: hidden;
	clear: both;
	width: 0px;
	height: 0px ;
	content: '';
}
body .swiper-container{overflow: hidden;}

/*=================部分公共样式            结束===================================*/