@media only screen and (max-width:641px){
@charset "utf-8";

/*首页*/
.header{ display:none;}

.swiper-container1 {
	overflow: hidden;
}
.gallery-top {
	width: 100%;
	height: calc(100vh - 50px);
	position:relative;
	z-index: 100;
}
.gallery-thumbs {
	width:100%;
	height: 100px;
	box-sizing: border-box;
	position:absolute;
	bottom:0;
	left:0;
	z-index:101;
}
.gallery-thumbs .swiper-slide {
	opacity: 1;
	background:url(../images/banner_bg2.webp) center center no-repeat;
	background-size:100% 100%;
	cursor:pointer;
}
.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	background:url(../images/banner_bg2_on.webp) center center no-repeat;
	background-size:100% 100%;
}

.banner{ width:100%; height:calc(100vh - 50px); overflow:hidden; position:relative;}
.banner1{ width:100%; height:calc(100vh - 50px); background-size:auto 100% !important;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.banner1_in{ max-width:90%; width:1500px; height:calc(100vh - 300px); margin:0 auto; position:relative;}
.banner2{ width:100%; overflow:hidden; text-align:left; margin-top:0;}
.banner2_1{ width:100%; overflow:hidden; font-size:16px; color:#d50c1c; line-height:30px;}
.banner2_2{ width:100%; overflow:hidden; font-size:22px; line-height:32px; color:#222023; font-weight:bold; margin-top:10px;}
.banner2_3{ display:block; width:120px; height:40px; line-height:40px; background:#d50c1c; text-align:center; font-size:14px; color:#FFF; margin-top:40px;}
.banner2_3 span{ font-family:"宋体"; margin-left:10px;}
.banner3{ position:absolute; left:0; bottom:0; width:100%; overflow:hidden;}
.banner3_1{ width:100%; font-size:16px; color:#FFF; line-height:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.banner3_2{ width:35px; height:35px; line-height:35px; background:#d50c1c; font-size:16px; color:#FFF; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:20px auto 0 auto;}
.banner_list{ width:90%; padding:0 5%; font-size:14px; color:#FFF; height:100px; line-height:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery-thumbs .swiper-slide-thumb-active .banner_list{ background:url(../images/banner_bg3.webp) center 70px no-repeat;} 

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#FFF;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:10px 0 5px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:30px; margin-left:3%;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF; text-align:left;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:92%; padding:0 4%; height:40px; line-height:40px; color:#333; font-size:14px; font-weight:bold;}
.mobile_nav_in>li>a>span{ float:right; width:10px; height:5px; background:url(../images/header7.webp) no-repeat; margin-top:17.5px;}
.mobile_nav_in1{ float:left; width:100%; border:none; height:40px; outline:none; font-size:14px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; outline:none; background:url(../images/index2.webp) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; margin-left:4%; width:96%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:95.8%; padding:12px 4.2% 10px 0; color:#333; font-size:14px;}
.mobile_nav_step2>li>a>span{ float:right; width:10px; height:5px; background:url(../images/header7.webp) no-repeat; margin-top:17.5px;}
.mobile_nav_step2_1{ font-size:14px; color:#666; line-height:20px;}
.mobile_nav_step2_1 span{ display:inline-block; width:34px; padding-left:15px; height:20px; line-height:20px; background:url(../images/nav3.webp) no-repeat; font-size:12px; color:#FFF; vertical-align:top; margin-left:5px;}
.mobile_nav_step2_2{ font-size:12px; color:#999; line-height:22px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; margin-left:4%; width:96%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step4>li>a{ float:left; display:block; width:95.8%; padding:0 4.2% 0 0; height:40px; line-height:40px; color:#333; font-size:14px;}
.mobile_nav_step4>li>a>span{ float:right; width:10px; height:5px; background:url(../images/header7.webp) no-repeat; margin-top:17.5px;}

.header_mobile1{ width:30px; height:30px; position:absolute; right:3%; bottom:8px;}
.header_mobile1 .span1{ display:block; height:2px; background:#d50c1c; width:30px; position:absolute; top:5px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:2px; background:#d50c1c; width:30px; position:absolute; top:14px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:2px; background:#d50c1c; width:30px; position:absolute; top:23px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.index_title{ display:table; margin:0 auto;}
.index_title1{ font-size:24px; line-height:34px; font-family:"Arial"; font-weight:bold; color:#eeeeee;}
.index_title2{ font-size:16px; line-height:26px; color:#d50c1c;}

.index1{ width:100%; overflow:hidden; padding:30px 0 50px 0; background:url(../images/index1_bg.webp) center center no-repeat #FFF;}
.index1_1{ width:1600px; max-width:94%; overflow:hidden; margin:0 auto;}
.index1_2{ width:100%; overflow:hidden; font-size:14px; color:#444444; line-height:24px; margin-top:30px;}
.index1_3{ width:100%; overflow:hidden;}
.index1_3 li{ float:left; overflow:hidden; position:relative; margin-top:20px;}
.index1_3 li:after{ content:""; position:absolute; width:1px; height:70px; background:#c4c6c6; right:0; top:18px;}
.index1_3 li:last-child:after{ display:none;}
.index1_3 li:nth-child(2):after{ display:none;}
.index1_3 li:nth-child(1){ width:48%; padding:0 1%;}
.index1_3 li:nth-child(2){ width:48%; padding:0 1%;}
.index1_3 li:nth-child(3){ width:48%; padding:0 1%;}
.index1_3 li:nth-child(4){ width:48%; padding:0 1%;}
.index1_4{ font-size:14px; color:#444444; line-height:24px;}
.index1_5{ font-size:24px; font-weight:bold; color:#d50c1c; line-height:34px;}
.index1_5 span{}

.index2{ width:100%; overflow:hidden; padding:30px 0 0 0; background:url(../images/index2_bg.webp) top center no-repeat #FFF; background-size:100% 360px;}
.index2_1{ width:1600px; max-width:94%; overflow:hidden; margin:0 auto;}
.index2 .index_title1{ color:#FFF;}
.index2 .index_title2{ color:#FFF;}

.index2_2{ width:100%; overflow:hidden; margin-top:10px;}
.index2_2 li{ float:left; width:100%; margin-right:0; height:auto; position:relative; margin-top:20px; background-size:auto 100% !important; text-align:left; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index2_2 li.on{ width:100%;}
.index2_2 li:last-child{ margin-right:0;}
.index2_2 .bg_black{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; background:url(../images/index2_bg2.webp) center center no-repeat; background-size:100% 100%; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index2_2 .bg_red{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; background:url(../images/index2_bg1.webp) center center no-repeat; background-size:100% 100%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index2_3{ width:100%; height:auto; position:relative; z-index:100; padding-bottom:100px; overflow:hidden;}
.index2_4{ float:left; margin-left:10%; overflow:hidden; width:80%; font-size:14px; color:#FFF; line-height:24px; margin-top:50px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index2_5{ float:left; margin-left:10%; overflow:hidden; width:80%; font-size:18px; color:#FFF; line-height:30px; margin-top:5px;}
.index2_6{ float:left; margin-left:10%; overflow:hidden; width:80%; font-size:14px; color:#FFF; line-height:24px; margin-top:20px; display:block;}
.index2_7{ position:absolute; left:10%; bottom:30px; display:block; height:35px;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.index2_2 li.on .bg_black{ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.index2_2 li.on .bg_red{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.index2_2 li.on .index2_4{ margin-left:10%; width:80%; margin-top:50px;}
.index2_2 li.on .index2_5{ margin-left:10%; width:80%;}
.index2_2 li.on .index2_6{ margin-left:10%; width:80%; display:block;}
.index2_2 li.on .index2_7{ left:10%;}

.index3{ width:100%; overflow:hidden; padding:30px 0 0 0;}
.index3_2{ display:table; margin:30px auto 0 auto;}
.index3_2 li{ float:left; margin:0 10px; width:130px; height:40px; line-height:40px; background:#eeeeee; font-size:15px; color:#000; cursor:pointer; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index3_2 li.on{ background:#d50c1c; color:#FFF;}

.index3_3{ width:100%; overflow:hidden; position:relative; height:400px; background:url(../images/index3_bg.webp) center center no-repeat; background-size:auto 100%; margin-top:30px;}
.swiper-container2 {
	margin:0 auto;
	width: 70%;
	height: 400px;
	overflow:hidden;
	border-right:1px solid #6a6a6d;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	position:relative;
	cursor:pointer;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.index3_bg_red{ position:absolute; width:calc(100% - 1px); height:100%; top:0; left:0; z-index:10; border-left:1px solid #6a6a6d;}
.index3_bg_red:after{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/index3_bg1.webp) bottom center no-repeat; background-size:100% 100%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index3_bg_red:before{ width:22px; height:12px; background:url(../images/index3_b.webp) center center no-repeat; content:""; position:absolute; z-index:1000; bottom:0; left:50%; margin-left:-11px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index3_4{ width:100%; height:auto; position:relative; z-index:100;}
.index3_5{ width:100%;}
.index3_6{ width:100%; height:30px; background-size:auto 30px !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index3_7{ width:100%; font-size:14px; color:#FFF; line-height:24px; margin-top:25px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index3_8{ width:100%; font-size:18px; color:#FFF; font-weight:bold; line-height:28px; margin-top:10px;}
.swiper-button-next2{ position:absolute; width:15%; height:100%; top:0; right:0; cursor:pointer; background:url(../images/index3_r.webp) center center no-repeat; background-size:30px 30px; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
.swiper-button-prev2{ position:absolute; width:15%; height:100%; top:0; left:0; cursor:pointer; background:url(../images/index3_l.webp) center center no-repeat; background-size:30px 30px; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
.swiper-container2 .swiper-slide:hover .index3_bg_red:after{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-container2 .swiper-slide:hover .index3_6{ margin-top:-20px;}
.swiper-container2 .swiper-slide:hover .index3_7{ margin-top:45px;}
.swiper-container2 .swiper-slide:hover .index3_bg_red:before{ display:block; bottom:25px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-container2 .swiper-slide{ pointer-events:auto !important;}

.index4{ width:100%; overflow:hidden; padding:30px 0 30px 0; background:url(../images/index4_bg.webp) center top no-repeat; background-size:auto 100%;}
.index4_1{ width:1600px; max-width:98%; overflow:hidden; margin:0 auto;}
.index4 .index_title1{ color:#d9d8d8;}

.index4_2{ width:100%; overflow:hidden; margin-top:20px;}
.index4_2 li{ float:left; overflow:hidden; background:#FFF; margin:10px 1.5% 0 1.5%; padding:0 5% 0 5%; width:37%; min-height:160px; padding-bottom:30px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; cursor:pointer; text-align:left; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index4_2 li:nth-child(2n+1){ clear:left;}
.index4_3{ width:100%; overflow:hidden; height:30px; margin-top:25px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index4_4{ width:100%; overflow:hidden; font-size:16px; line-height:26px; color:#1f1f1f; margin-top:10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index4_5{ width:100%; overflow:hidden; font-size:14px; line-height:24px; color:#666; margin-top:10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index4_2 li:nth-child(1) .index4_3{ background:url(../images/index4_1.webp) left center no-repeat; background-size:auto 25px;}
.index4_2 li:nth-child(2) .index4_3{ background:url(../images/index4_2.webp) left center no-repeat; background-size:auto 25px;}
.index4_2 li:nth-child(3) .index4_3{ background:url(../images/index4_3.webp) left center no-repeat; background-size:auto 25px;}
.index4_2 li:nth-child(4) .index4_3{ background:url(../images/index4_4.webp) left center no-repeat; background-size:auto 25px;}
.index4_2 li:nth-child(5) .index4_3{ background:url(../images/index4_5.webp) left center no-repeat; background-size:auto 25px;}
.index4_2 li:hover{ margin-top:10px;}
.index4_2 li:nth-child(1):hover .index4_3{ background:url(../images/index4_1_on.webp) left center no-repeat; background-size:auto 25px;}
.index4_2 li:nth-child(2):hover .index4_3{ background:url(../images/index4_2_on.webp) left center no-repeat; background-size:auto 25px;}
.index4_2 li:nth-child(3):hover .index4_3{ background:url(../images/index4_3_on.webp) left center no-repeat; background-size:auto 25px;}
.index4_2 li:nth-child(4):hover .index4_3{ background:url(../images/index4_4_on.webp) left center no-repeat; background-size:auto 25px;}
.index4_2 li:nth-child(5):hover .index4_3{ background:url(../images/index4_5_on.webp) left center no-repeat; background-size:auto 25px;}
.index4_2 li:hover .index4_4{ color:#d50c1c;}
.index4_2 li:hover .index4_5{ color:#d50c1c;}

.index5{ width:100%; overflow:hidden; padding:30px 0 30px 0; background:url(../images/index5_bg.webp) center -400px no-repeat;}
.index5_1{ width:1600px; max-width:94%; overflow:hidden; margin:0 auto;}
.index5_2{ display:block; max-width:98%; margin:30px auto 0 auto; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; -webkit-box-shadow:0px 0px 5px #eee; -moz-box-shadow:0px 0px 5px #eee; box-shadow:0px 0px 5px #eee;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}

.index6{ width:100%; overflow:hidden; padding:30px 0 30px 0; background:#f9f9f9;}
.index6_1{ width:1600px; max-width:94%; margin:0 auto;}
.index6_top{ float:left; width:100%; overflow:hidden; margin-top:30px; -webkit-box-shadow:0px 0px 10px #eee; -moz-box-shadow:0px 0px 10px #eee; box-shadow:0px 0px 10px #eee;}
.index6_bottom{ float:right; width:100%; margin-top:30px;}

.swiper-container4 {
	width: 100%;
	height: auto;
	position: relative;
}
.swiper-container4 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
  
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next4{ position:absolute; top:82px; margin-top:0; right:0; left:auto !important; width:40px; height:65px; background:url(../images/index6_3.webp) repeat; z-index:10; cursor:pointer;}
.swiper-button-next4:after{ content:""; position:absolute; top:0; left:0; background:url(../images/index6_5.webp) center center no-repeat; width:100%; height:100%;}
.swiper-button-prev4{ position:absolute; top:82px; margin-top:0; left:0; width:40px; height:65px; background:url(../images/index6_3.webp) repeat; z-index:10; cursor:pointer;}
.swiper-button-prev4:after{ content:""; position:absolute; top:0; left:0; background:url(../images/index6_4.webp) center center no-repeat; width:100%; height:100%;}
.index6_top1{ width:100%; overflow:hidden; display:block;}
.index6_top2{ width:100%; height:240px; background-size:auto 100% !important;}
.index6_top3{ width:90%; overflow:hidden; padding:0 5% 30px 5%; text-align:left;}
.index6_top4{ width:100%; overflow:hidden; font-size:16px; color:#111; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index6_top5{ width:calc(100% - 30px); padding-left:30px; overflow:hidden; font-size:15px; color:#999; line-height:28px; background:url(../images/index6_2.webp) left center no-repeat; background-size:auto 18px; margin-top:10px;}
.index6_top6{ width:100%; overflow:hidden; border-top:1px solid #eeeeee; margin-top:20px; height:48px; line-height:24px; font-size:14px; color:#444444; padding-top:15px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;  /*总共几行*/
	-webkit-box-orient: vertical;
}
.index6_top1:hover .index6_top4{ color:#d50c1c;}

.index6_bottom1{ width:90%; padding:25px 5% 7px 5%; overflow:hidden; background:#FFF; -webkit-box-shadow:0px 0px 10px #eee; -moz-box-shadow:0px 0px 10px #eee; box-shadow:0px 0px 10px #eee; text-align:left;}
.index6_bottom1:nth-child(2){ margin-left:0; margin-top:30px;}
.index6_bottom_title{ float:left; margin-left:4px; font-size:16px; color:#444444; height:20px; line-height:20px; border-left:4px solid #d50c1c; padding-left:12px;}
.index6_bottom2{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.index6_bottom2 li{ float:left; width:100%; border-top:1px solid #eeeeee;}
.index6_bottom2 li a{ display:block; width:100%; overflow:hidden; padding:14px 0 10px 0;}
.index6_bottom3{ float:left; width:60px;}
.index6_bottom4{ width:100%; font-size:16px; color:#cececc; line-height:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index6_bottom5{ width:100%; font-size:14px; color:#999999; line-height:25px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index6_bottom6{ float:right; width:calc(100% - 60px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#444; line-height:45px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index6_bottom2 li a:hover .index6_bottom4{ color:#d50c1c;}
.index6_bottom2 li a:hover .index6_bottom5{ color:#d50c1c;}
.index6_bottom2 li a:hover .index6_bottom6{ color:#d50c1c;}

.join_us{ width:100%; overflow:hidden; background:url(../images/join_us_bg.webp) center center no-repeat; background-size:auto 100%;}
.join_us1{ width:1600px; max-width:94%; margin:0 auto; overflow:hidden; padding:30px 0;}
.join_us2{ float:left; width:100%; overflow:hidden; text-align:left;}
.join_us2_1{ width:100%; overflow:hidden; font-size:18px; font-weight:bold; color:#FFF; line-height:28px;}
.join_us2_2{ width:100%; overflow:hidden; font-size:14px; color:#FFF; line-height:24px; margin-top:12px;}
.join_us3{ float:right; display:block; width:120px; height:40px; line-height:40px; border:1px solid #FFF; font-size:15px; color:#FFF; margin-top:15px;}

.footer{ width:100%; overflow:hidden;}
.footer_top{ width:100%; overflow:hidden; background:#f9f9f9;}
.footer_top_in{ width:1600px; max-width:94%; margin:0 auto; overflow:hidden; padding:30px 0 30px 0;}
.footer_top1{ float:left; overflow:hidden; width:100%;}
.footer_top1_1{ float:left; display:block; height:30px;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.footer_top1_2{ float:left; clear:both; font-size:14px; color:#b0b0b0; text-align:left; line-height:24px; margin-top:20px;}
.footer_top1_3{ float:left; clear:both; font-size:15px; color:#000; font-weight:bold; line-height:30px; margin-top:20px; width:100%; text-align:left;}
.footer_top1_4{ float:left; display:block; width:40px; height:40px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-top:15px; margin-right:10px;}
.footer_top1_4.weixin{ background:url(../images/footer1.webp) center center no-repeat #d71418;}
.footer_top1_4.weibo{ background:url(../images/footer2.webp) center center no-repeat #e4e4e4;}
.footer_top2_out{ float:right; width:68%; padding-left:6%;}
.footer_top2{ float:left; overflow:hidden; width:15%; margin-left:1%; display:none;}
.footer_bottom{ width:100%; overflow:hidden; background:#d70c1e;}
.footer_bottom_in{ width:1600px; max-width:94%; margin:0 auto; overflow:hidden; font-size:12px; color:#FFF; text-align:left; line-height:24px; padding:15px 0;}
.footer_bottom_in a{ color:#FFF;}
.footer_bottom_in a:hover{ text-decoration:underline;}
.footer_bottom_in1{ float:right;}

.neye_banner{ width:100%; height:200px; overflow:hidden; background-size:auto 100% !important; position:relative;}
.neye_banner1{ width:1600px; max-width:94%; height:200px; overflow:hidden; margin:0 auto;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.neye_banner_title{ float:left; overflow:hidden; width:100%; margin-top:-30px;}
.neye_banner_title1{ float:left; font-size:24px; line-height:34px; font-family:"Arial"; color:#d50c1c; font-weight:bold;}
.neye_banner_title2{ float:left; clear:both; font-size:16px; line-height:26px; color:#444444;}

.neiye_nav{ position:absolute; bottom:0; left:0; width:100%; height:50px; background-color: rgba(0, 0, 0, 0.5); display:none;}

.about_list{ width:100%; overflow:hidden; position:relative;}
.about_l{ float:left; width:100%; overflow:hidden; padding:20px 0 0 0;}
.about_l1{ float:left; font-size:16px; line-height:30px; color:#d50c1c; position:relative; margin-left:3vw; left:0;}
.about_l2{ display:none;}
.about_r{ float:right; width:97%; overflow:hidden; text-align:left; padding:20px 0 20px 3%;}
.about_r_bg1{ background:url(../images/about1_1.webp) 0px 30px no-repeat;}

.about1_1{ width:calc(100% - 3vw); max-width:100%; font-size:16px; font-weight:bold; color:#444; line-height:26px;}
.about1_2{ width:calc(100% - 3vw); max-width:100%; font-size:14px; color:#444444; line-height:24px; margin-top:10px;}
.about1_2 img{ display:block; max-width:100%;}
.about1_3{ width:calc(100% - 3vw); max-width:100%; overflow:hidden; text-align:center; padding-bottom:30px;}
.about1_3 li{ float:left; overflow:hidden; margin-top:20px; margin-bottom:0; position:relative;}
.about1_3 li:after{ content:""; position:absolute; right:0; top:20px; width:1px; height:70px; background:#cccccc;}
.about1_3 li:nth-child(1){ width:calc(50% - 1px); text-align:center;}
.about1_3 li:nth-child(2){ width:calc(50% - 1px);}
.about1_3 li:nth-child(3){ width:calc(50% - 1px);}
.about1_3 li:nth-child(4){ width:calc(50% - 1px);}
.about1_3 li:nth-child(2):after{ display:none;}
.about1_3 li:nth-child(4):after{ display:none;}
.about1_4{ font-size:14px; line-height:24px; color:#444;}
.about1_5{ font-size:24px; font-weight:bold; color:#d50c1c;}
.about1_6{ width:calc(100% - 3vw); max-width:100%; overflow:hidden; margin-top:10px;}
.about1_6 li{ float:left; width:calc(46% - 4px); margin-right:8px; background:url(../images/about1_3.webp) 10% 30px no-repeat #f4f4f4; background-size:auto 30px; line-height:24px; padding:0 2%; height:160px; margin-top:10px;}
.about1_6 li:nth-child(2n){ margin-right:0;}
.about1_7{ width:100%; overflow:hidden; font-size:14px; color:#d50c1c; margin-top:70px;}
.about1_8{ width:100%; overflow:hidden; font-size:14px; color:#444;}
.about1_9{ width:calc(100% - 3vw); max-width:100%; font-size:15px; color:#d50c1c; line-height:28px; margin-top:10px; font-weight:bold; padding:20px 0;}

.about_list_bg{ background:#f4f4f4;}
.about_l3{ display:none;}
.about2_1{ width:calc(100% - 3vw); max-width:100%; overflow:hidden; margin-top:-15px;}
.about2_1 li{ float:left; width:calc(100% - 10px); padding:20px 0; overflow:hidden; margin:5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; cursor:pointer;}
.about2_2{ float:left; font-size:16px; font-weight:bold; color:#444444; line-height:40px; height:30px; padding-left:50px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about2_2_1{ background:url(../images/about2_1.webp) 5px bottom no-repeat; background-size:auto 30px;}
.about2_2_2{ background:url(../images/about2_2.webp) 5px bottom no-repeat; background-size:auto 30px;}
.about2_2_3{ background:url(../images/about2_3.webp) 5px bottom no-repeat; background-size:auto 30px;}
.about2_3{ float:left; clear:both; padding-right:10%; font-size:14px; color:#444; line-height:24px; margin-top:15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about2_1 li:hover{ background:#FFF; -webkit-box-shadow:0px 0px 10px #eee; -moz-box-shadow:0px 0px 10px #eee; box-shadow:0px 0px 10px #eee;}
.about2_1 li:hover .about2_2{ color:#d50c1c; margin-left:5%;}
.about2_1 li:hover .about2_3{ padding-left:5%; padding-right:5%;}
.about2_1 li:hover .about2_2_1{ background:url(../images/about2_1_on.webp) 5px bottom no-repeat; background-size:auto 30px;}
.about2_1 li:hover .about2_2_2{ background:url(../images/about2_2_on.webp) 5px bottom no-repeat; background-size:auto 30px;}
.about2_1 li:hover .about2_2_3{ background:url(../images/about2_3_on.webp) 5px bottom no-repeat; background-size:auto 30px;}

.about_list_bg1{ background:#f7f7f7; -webkit-box-shadow:0px 0px 10px #eee; -moz-box-shadow:0px 0px 10px #eee; box-shadow:0px 0px 10px #eee;}
.about_list_bg1 .about_r{ background:url(../images/about4_3.webp) bottom center no-repeat #FFF; background-size:100% auto;}

.tab{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.tab li{ width:100%; text-align:left; overflow:hidden; cursor:pointer; position:relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.tab li:after{ content:""; position:absolute; height:1px; width:50%; background:#FFF; right:-50%; top:50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.tab span{ float:left; display:block; position:relative; font-size:15px; color:#444; margin-left:3vw; left:0; height:50px; line-height:50px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.tab li.on{ background:#d50c1c;}
.tab li.on span{ color:#FFF;}
.tab li.on:after{ right:0;}

.swiper-container5 {
	float:left;
	width:1220px;
	max-width:97%;
	height: auto;
	position:relative;
	overflow:hidden;
}
.swiper-container5 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
  
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.about3_1{ width:100%; overflow:hidden; margin-left:0;}
.swiper-container6 {
	float:left;
	width: 100%;
	height: auto;
	position:relative;
	overflow:hidden;
	margin-top:30px;
}
.swiper-container6 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
  
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next6{ float:right; width:45px; height:45px; background:url(../images/about4_2.webp) center center no-repeat #717171; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-right:5px; outline:none; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-size:auto 20px;}
.swiper-button-prev6{ float:right; width:45px; height:45px; background:url(../images/about4_1.webp) center center no-repeat #717171; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-right:20px; outline:none; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-size:auto 20px;}
.swiper-button-next6:hover{ background:url(../images/about4_2.webp) center center no-repeat #d50c1c; background-size:auto 20px;}
.swiper-button-prev6:hover{ background:url(../images/about4_1.webp) center center no-repeat #d50c1c; background-size:auto 20px;}
.about3_2{ float:left; width:100%; overflow:hidden; margin-top:10px; padding-bottom:100px;}
.about3_2 li{ float:left; width:calc(50% - 5px); margin-right:10px; margin-top:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden;}
.about3_2 li:nth-child(2n){ margin-right:0;}
.about3_2 li a{ display:block; width:90%; padding:0 5%; text-align:left; height:45px; line-height:45px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#333; background:#f7f7f7; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about3_2 li a:hover{ background:#d50c1c; color:#FFF;}

.business_list{ width:100%; overflow:hidden; position:relative;}
.business_list li:nth-child(2n){ background:#f4f4f4;}
.business_list1{ width:1600px; max-width:94%; overflow:hidden; margin:0 auto;}
.business_l{ float:left; width:100%; overflow:hidden; padding:20px 0 0 0;}
.business_l1{ float:left; font-size:16px; line-height:30px; color:#d50c1c;}
.business_l2{ display:none;}
.business_r{ float:right; width:100%; overflow:hidden; text-align:left; padding:20px 0;}
.business_r1{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#444; line-height:30px;}
.business_r2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#444; line-height:24px; margin-top:10px;}
.business_r2 img{ display:block; max-width:100%;}

.network{ width:100%; overflow:hidden; background:url(../images/network2.webp) bottom center no-repeat; background-size:100% auto; padding:20px 0 30px 0;}
.network1{ width:1600px; max-width:94%; margin:0 auto;}
.network2{ width:100%; font-size:16px; color:#d50c1c; line-height:30px; text-align:left;}
.network3{ width:100%; overflow:hidden; margin-top:20px; -webkit-box-shadow:0px 0px 10px #eee; -moz-box-shadow:0px 0px 10px #eee; box-shadow:0px 0px 10px #eee; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.network3 img{ display:block; width:100%;}
.network4{ display:block; width:100%; overflow:hidden; margin-top:10px;}
.network4 li{ float:left; clear:both; margin-left:20px; margin-top:10px;}
.network4 li a{ color:#666; font-size:13px;}
.network4 li a span{ font-family:"宋体";}
.networkIn{ width:100%; overflow:hidden; padding-bottom:30px;}
.networkIn1{ display:block; width:94% !important; float:left; margin:3vw 0 0 3%;}
.networkIn2{ float:right; width:94%; padding:0 3%; overflow:hidden; text-align:left;}
.networkIn3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#454545; line-height:30px; white-space:nowrap; text-overflow:ellipsis; height:50px; position:relative; margin-top:20px;}
.networkIn3:before{ position:absolute; bottom:0; left:0; z-index:10; width:100%; height:1px; background:#ececec; content:"";}
.networkIn3:after{ position:absolute; bottom:0; left:0; z-index:100; width:50%; height:1px; background:#d50c1c; content:"";}
.networkIn4{ float:left; overflow:hidden; font-size:14px; color:#454545; line-height:24px; margin-top:25px;}

.innovation_title{ width:1600px; max-width:94%; margin:0 auto; overflow:hidden; text-align:left; font-size:16px; line-height:30px; color:#d50c1c;}
.innovation1{ width:100%; overflow:hidden; background:url(../images/innovation_bg.webp) bottom center no-repeat; background-size:100% auto; padding:20px 0 40px 0;}
.innovation1_1{ width:100%; background:#b2b2b2; margin-top:20px; height:120px;}

.gallery-thumbs2 { margin:0 auto; width:1600px; max-width:80%; box-sizing: border-box; height:160px; position:relative; overflow:hidden;}
.gallery-thumbs2 .swiper-slide{ height:140px; opacity:1; cursor:pointer;}
.innovation1_2{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width:100%; height:140px; position:relative; overflow:hidden;}
.innovation1_2:after{}
.innovation1_2 img{ display:block; height:30px; margin:20px auto 0 auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.innovation1_3{ width:100%; font-size:15px; line-height:24px; color:#FFF; margin-top:10px;}
.innovation1_4{ width:100%; font-size:15px; font-weight:bold; line-height:24px; color:#FFF;}
.innovation1_2 .arrow{ width:22px; height:12px; background:url(../images/innovation3.webp) center center no-repeat; background-size:auto 8px; position:absolute; bottom:10px; left:50%; margin-left:-11px; display:none;}
.gallery-thumbs2 .swiper-slide-thumb-active{ opacity:1;}
.gallery-thumbs2 .swiper-slide-thumb-active .innovation1_2{ background:#d50c1c;}
.gallery-thumbs2 .swiper-slide-thumb-active .innovation1_2 img{ margin-top:25px;}
.gallery-thumbs2 .swiper-slide-thumb-active .innovation1_2 .arrow{ display:block;}
.gallery-top2{ margin:50px auto 0 auto; width:1400px; overflow:hidden; max-width:94%;}
.gallery-top2 .swiper-slide .innovation1_5{ width:100%; overflow:hidden;}
.swiper-container8{ width:100%; height:auto; overflow:hidden; position:relative;}
.swiper-container8 .swiper-slide { text-align: center; font-size: 18px; background: none;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next8{ position:absolute; z-index:10; bottom:20px; right:3%; width:45px; height:45px; background:url(../images/about4_2.webp) center center no-repeat #b1b1b1; background-size:auto 20px; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.swiper-button-prev8{ position:absolute; z-index:10; bottom:20px; right:calc(3% + 60px); width:45px; height:45px; background:url(../images/about4_1.webp) center center no-repeat #b1b1b1; background-size:auto 20px; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.swiper-button-next8:hover{ background:url(../images/about4_2.webp) center center no-repeat #d50c1c; background-size:auto 20px;}
.swiper-button-prev8:hover{ background:url(../images/about4_1.webp) center center no-repeat #d50c1c; background-size:auto 20px;}
.innovation1_6{ width:100%; overflow:hidden;}
.innovation1_7{ display:block; width:100%;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.innovation1_8{ width:100%; min-height:200px; padding-bottom:80px; overflow:hidden; background:#f1f1f1; margin-top:30px; text-align:left;}
.innovation1_9{ float:left; margin-left:3%; font-size:16px; font-weight:bold; color:#444; line-height:30px; margin-top:20px;}
.innovation1_10{ float:left; clear:both; margin-left:3%; font-size:14px; color:#444; line-height:24px; margin-top:10px; width:94%;}

.swiper-button-next7{ display:block; width:10%; height:120px; position:absolute; right:0; top:0; background:url(../images/about4_2.webp) center center no-repeat;}
.swiper-button-prev7{ display:block; width:10%; height:120px; position:absolute; left:0; top:0; background:url(../images/about4_1.webp) center center no-repeat;}

.innovation2{ width:100%; overflow:hidden; padding:0 0 30px 0; position:relative;}
.innovation2_1{ width:100%; background:#b2b2b2; margin-top:20px; height:100px; position:relative;}
.innovation2_1 .gallery-thumbs2{ height:120px;}
.innovation2_1 .gallery-thumbs2 .swiper-slide{ height:120px;}
.innovation2_1 .innovation1_2{ height:120px;}
.innovation2_scroll3{ position:absolute; left:0; top:-50px;}
.innovation2_2{ width:100%; overflow:hidden;}
.innovation2_2 img{ display:block; max-width:100%;}

.join1{ width:100%; overflow:hidden;}
.join1_1{ width:1600px; margin:0 auto; overflow:hidden; padding:20px 0;}
.join1_l{ float:left; width:100%; overflow:hidden;}
.join1_l1{ float:left; font-size:16px; line-height:30px; color:#d50c1c;}
.join1_l2{ display:none;}
.swiper-button-prev9{ float:right; clear:right; display:block; width:45px; height:45px; background:url(../images/join2_1.webp) center center no-repeat #717171; background-size:20px auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; outline:none; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin-top:0;}
.swiper-button-next9{ float:right; clear:right; display:block; width:45px; height:45px; background:url(../images/join2_2.webp) center center no-repeat #717171; background-size:20px auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; outline:none; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin-top:10px;}
.swiper-button-prev9:hover{ background:url(../images/join2_1.webp) center center no-repeat #d50c1c; background-size:20px auto;}
.swiper-button-next9:hover{ background:url(../images/join2_2.webp) center center no-repeat #d50c1c; background-size:20px auto;}

.join1_r{ float:right; width:100%; overflow:hidden;}
.swiper-container9 {
	margin-top: 10px;
	width: 100%;
	height: 480px;
	overflow:hidden;
}
.swiper-container9 .swiper-slide {
	width:100%;
	text-align: center;
	font-size: 18px;
	background: #fff;
  
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container9 .swiper-slide a{ display:block; width:94%; padding:0 3%; height:45px; line-height:45px; background:#f4f4f4; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; font-size:14px; color:#333; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.swiper-container9 .swiper-slide a:hover{ color:#d50c1c;}

.join2{ width:100%; overflow:hidden; background:url(../images/join4.webp) bottom center no-repeat #131d27; background-size:100% auto;}
.join2_1{ width:1600px; max-width:94%; margin:0 auto; overflow:hidden; padding:20px 0;}
.join2_2{ float:left; width:100%; font-size:16px; line-height:30px; color:#d50c1c; text-align:left;}
.join2_3{ float:left; width:100%; overflow:hidden; margin-top:20px; position:relative;}
.swiper-container10 {
	margin:0 auto;
	width: calc(100% - 120px);
	height: auto;
	overflow:hidden;
}
.swiper-container10 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
  
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container10 .swiper-slide a{ display:block; width:100%;}
.swiper-container10 .swiper-slide a .join2_4{ display:block; width:100%;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.swiper-container10 .swiper-slide a .join2_5{ color:#FFF; text-align:left; font-size:15px; line-height:30px; margin-top:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%;}
.swiper-button-next10{ position:absolute; top:50%; margin-top:-23px; right:0; display:block; width:45px; height:45px; background:url(../images/about4_2.webp) center center no-repeat #717171; background-size:auto 20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; outline:none; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.swiper-button-prev10{ position:absolute; top:50%; margin-top:-23px; left:0; display:block; width:45px; height:45px; background:url(../images/about4_1.webp) center center no-repeat #717171; background-size:auto 20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; outline:none; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.swiper-button-next10:hover{ background:url(../images/about4_2.webp) center center no-repeat #d50c1c; background-size:auto 20px;}
.swiper-button-prev10:hover{ background:url(../images/about4_1.webp) center center no-repeat #d50c1c; background-size:auto 20px;}

.join3{ width:100%; overflow:hidden; background:url(../images/join6.webp) bottom center no-repeat #ffffff; background-size:100% auto;}
.join3_1{ width:1600px; max-width:94%; margin:0 auto; overflow:hidden; padding:20px 0 100px 0;}
.join3_2{ width:100%; font-size:16px; line-height:30px; color:#d50c1c; text-align:left;}
.map{ width:1300px; height:240px; margin:20px auto 0 auto; clear:both; overflow:hidden; max-width:100%;}
.join3_3{ width:1300px; overflow:hidden; margin:10px auto 0 auto; max-width:100%;}
.join3_3 li{ float:left; font-style:italic; line-height:25px; padding-left:30px; margin-left:0; margin-top:20px; margin-right:0; text-align:left; width:100%;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.join3_3 li.telephone{ background:url(../images/join5_1.webp) left 0 no-repeat; background-size:auto 25px;}
.join3_3 li.email{ background:url(../images/join5_2.webp) left 0 no-repeat; background-size:auto 25px;}
.join3_3 li.address{ background:url(../images/join5_3.webp) left 0 no-repeat; background-size:auto 25px;}
.join3_3 li:last-child{ margin-right:0;}
.join3_4{ float:left; font-size:14px; color:#d50c1c;}
.join3_5{ float:left; font-size:14px; margin-left:10px; width:calc(100% - 70px);}
.join3_5.num{ font-size:18px; font-weight:bold; font-family:"Arial"; color:#d50c1c;}

.join2.news4{ background:#f4f4f4;}
.join2.news4 .join2_5{ color:#111111 !important;}

.join1.news5 .swiper-container9 .swiper-slide a{ display:block; width:calc(97% - 45px); padding:0 3% 0 45px; height:45px; line-height:45px; background:url(../images/news5.webp) 15px center no-repeat #f4f4f4; background-size:auto 18px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; font-size:14px; color:#333; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.join1.news5 .swiper-container9 .swiper-slide a:hover{ background:url(../images/news5_1.webp) 15px center no-repeat #d50c1c; background-size:auto 18px; color:#FFF;}

.news1{ width:100%; overflow:hidden;}
.news1_bg{ background:#f4f4f4;}
.news1_1{ width:1600px; max-width:94%; margin:0 auto; overflow:hidden; padding:20px 0;}
.news1_l{ float:left; width:100%; overflow:hidden;}
.news1_r{ float:right; width:100%;}

.news2{ width:calc(90% - 20px); margin:15px auto 0 auto; padding:10px 5%; overflow:hidden; background:#FFF; -webkit-box-shadow:0px 0px 10px #eee; -moz-box-shadow:0px 0px 10px #eee; box-shadow:0px 0px 10px #eee; text-align:left;}
.news2_1{ width:100%; overflow:hidden;}
.news2_1 li{ width:100%; overflow:hidden; border-bottom:1px solid #eeeeee;}
.news2_1 li a{ display:block; width:100%; overflow:hidden; padding:10px 0;}
.news2_2{ float:left; width:55px; overflow:hidden; margin-left:5px;}
.news2_3{ font-size:16px; line-height:22px; font-family:"Arial"; color:#cccccc; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.news2_4{ font-size:14px; line-height:22px; font-family:"Arial"; color:#999999; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.news2_5{ float:left; width:calc(100% - 60px); font-size:14px; color:#444; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.news2_1 li a:hover .news2_3{ color:#d50c1c;}
.news2_1 li a:hover .news2_4{ color:#d50c1c;}
.news2_1 li a:hover .news2_5{ color:#d50c1c;}

.swiper-container11 {
	margin:10px auto 0 auto;
	width: 100%;
	height: calc(56vw + 125px);
	overflow:hidden;
}
.swiper-container11 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
  
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container11 .swiper-slide a{ display:block; width:100%; overflow:hidden;}
.news1_2{ float:left; width:100%; overflow:hidden;}
.news1_2 img{ display:block; width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.news1_3{ float:left; width:100%; padding-left:0; text-align:left; margin-top:10px;}
.news1_4{ float:left; width:100%; overflow:hidden; font-size:15px; color:#111111; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.news1_5{ float:left; font-size:14px; font-family:"Arial"; color:#999999; background:url(../images/index6_2.webp) left center no-repeat; background-size:auto 16px; line-height:20px; padding-left:25px; margin-top:5px;}
.news1_6{ float:left; width:100%; overflow:hidden; border-top:1px solid #eeeeee; margin-top:10px; font-size:14px; color:#444444; line-height:24px; padding-top:8px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.swiper-container11 .swiper-slide a:hover .news1_2 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.swiper-container11 .swiper-slide a:hover .news1_4{ color:#d50c1c;}

}