body{overflow-x: hidden;}

.head_whole{width: 100%;height: 90px; background:#fff;position: fixed;top: 0;left: 0;z-index: 99;}

.head{width: 85%;margin: 0 auto;}

.head_right{margin-top: 20px;}

.nav1{margin-top: 20px;}

.nav1 ul li{float: left;font-size: 16px;margin: 0 40px;}

.nav1 ul li a {  color: #333;}

.nav1 ul li:hover a{color: #0069b7;text-decoration: none;}

.nav1 ul li.active a{color: #0069b7;}

.logo{width: 415px;}

.phone{border-left: 1px solid #c2c2c2;padding-left: 40px;}

/* about */
.con p {display: none;}
.timeline{display: none;}

.topimg{margin-top: 90px;}

.topimg img{vertical-align: middle;display: block;}

.nav2{width: 100%;height: 70px;background: #f6f5f5;line-height: 70px;}

.nav2_con{width: 1340px;margin: 0 auto;}

.nav2_con_list a{font-size: 14px;color: #838383;margin:0 15px;}

.nav2_con_list a:nth-child(1){font-size: 16px;color: #333;margin: 0 0 0 15px;}

.nav2_con_list a:hover{color: #0069b7;}

.nav2_con_list a:nth-child(1):hover{color: #333;}

.link img{margin-right: 5px;width: 15px;}

.section4_con_top{text-align: center;}

.section4_con_top_title{font-size: 48px;color: #333;}

.section4_con_top p{color: #838383;font-size: 16px;text-align: center;}

.section4_con_center{width: 480px;margin: 20px auto 10px;}

.line1{width: 190px;height: 1px;background: #838383;margin-top: 25px;}

.section4_icon{width: 50px;height: 50px;margin: 0 10px;}

.about_con_whole{background: url(../images/bg7.jpg) 100% 100% no-repeat;padding-top: 75px;}

.about_con{width: 1340px;margin: 0 auto;padding-bottom: 30px;}

.about_con_left{width: 60%;margin-top: 80px;}

.about_con_right{width: 30%;}

.about_con_left p{line-height: 30px;font-size: 16px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:8;overflow: hidden;}
.about_con_left1{height: 270px;overflow-y: auto;padding-right: 10px;}
 /*滚动条样式*/
 .about_con_left1::-webkit-scrollbar {/*滚动条整体样式*/
	width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}
.about_con_left1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,105,183,0.2);
	background: rgba(0,105,183,0.2);
}
.about_con_left1::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(212,237,255,0.2);
	border-radius: 0;
	background: rgba(212,237,255,0.2);
}
.section2_about_list{margin-bottom: 60px;}

.section2_about_list ul li{float: left;width: 180px;margin: 55px 40px 0 0;}

.section2_con p{font-size: 16px;color: #838383;line-height: 35px;}

.section2_about_list_title{color: #333333;font-size: 16px;}

.section2_about_list_number{font-size: 48px;font-weight: bold;color: #ae1103;}

.section2_about_list_wan{font-size: 14px;font-weight: normal;color: #333;margin-left: 10px;margin: 48px 0 0 10px;}

.honor_whole{background: url(../images/bg8.jpg) 100% 100%;padding: 80px 0 50px;}

.honor{width: 1340px;margin: 0 auto;}

.honor_left{width: 30%;}

.honor_left_text{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;margin-top: 40px;}

.honor_left p{font-size: 14px;line-height: 25px;}

.honor_right{width: 60%;margin-top: -30px;}

.speech{width: 1340px;margin: 80px auto;}

.speech_img{position: relative;margin-top: 200px;height: 650px;}

.speech_img ul li{position: absolute;width: 335px;height: 290px;overflow: hidden;}

.speech_img ul li:nth-child(2){top: 305px;}

.speech_img ul li:nth-child(3){top: -150px;left: 270px;}

.speech_img ul li:nth-child(4){top: 160px;left: 270px;}

.speech_img ul li:nth-child(5){top: 0;left: 540px;}

.speech_img ul li:nth-child(6){top: 310px;left: 540px;}

.speech_img ul li:nth-child(7){top: -150px;left: 810px;}

.speech_img ul li:nth-child(8){top: 160px;left: 810px;}

.speech_img ul li:nth-child(9){top: 0;left: 1080px;}

.speech_img ul li:nth-child(10){top: 310px;left: 1080px;}

.speech_img ul li img{transition: 1s}

.speech_img ul li:hover img{transition: 1s;transform: scale(0.9);}



.footer{background: #444444;}

.footer-link { padding: 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}

.footer-link dl { float: left; margin-right: 60px;}

.footer-link dt { line-height: 45px;color: #fff;font-size: 16px;}

.footer-link dd { line-height: 25px;color: #fff;font-size: 12px;}

.footer-link a { color: #f3f3f3; text-decoration: none;font-size: 12px;}

.footer-link a:hover { color: #31a5e7;}

.copyright { padding: 20px 0; text-align: center;color: #fff;}
.copyright a{ color:#fff;}

#fp-nav ul li:first-child, #fp-nav ul li:last-child { display: none;}

.center-wrap { position: relative; z-index: 1; width: 1230px; margin: 0 auto ;}

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

.foot_contect{width: 230px;margin:12px 0 0 120px}

.foot_contect_title{font-size: 16px;;color: #fff;}

.foot_contect_phone{font-size: 28px;color: #fff;margin: 10px 0 5px 0;}

.foot_contect_text{color: #f3f3f3;font-size: 14px;line-height: 25px;margin-top: 15px;}

.ewm{text-align: center;margin-right: 20px;}

.ewm div{color: #fff;margin-top: 10px;}

.sport_dd{

    position: relative;

    background:url(../images/bg9.jpg) no-repeat;

    background-size: 100% 50%;

    padding: 3.125% 0 3.125%;

}



.sp_dd_ttt{

    text-align: center;

}

.sp_dd_ttt h3{

    color: #fff;

    font-size: 36px;

    margin-bottom: 20px;

}

.sport_dd_contt{

    position: relative;

    margin: 3.125% auto 0;

    background: #fff;

    border-radius: 30px;

    padding: 50px 50px 30px;

    box-shadow: 0 2px 10px rgba(0,0,0,.5);

    width: 65%;

}

.sport_dd_contt ul{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.sport_dd_contt ul li{

    width: 49%;

    margin-bottom: 15px;

}

.sport_dd_contt ul li img{

    width: 100%;

}

/* 荣誉banner */

  .timeline .swiper-container {

	height: 600px;

	width: 100%;

	position: relative;

  }

  .timeline .swiper-wrapper {

	transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;

  }

  .timeline .swiper-slide {

	position: relative;

	color: #fff;

	overflow: hidden;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center center;

  }

  .timeline .swiper-slide::after {

	content: "";

	position: absolute;

	z-index: 99;

	right: -115%;

	bottom: -10%;

	width: 100%;

	height: 100%;

	/* background-color: rgba(255,255, 255, 0.7);

	box-shadow: -230px 0 150px 60vw rgba(255, 255,255, 0.7); */

	/* border-radius: 100%; */

  }

  .timeline .swiper-slide .slide_img {

	display: block;

	font-style: italic;

	font-size: 42px;

	margin-bottom: 50px;

	-webkit-transform: translate3d(20px, 0, 0);

			transform: translate3d(20px, 0, 0);

	color: #d4a024;

	font-weight: 300;

	opacity: 0;

	transition: .2s ease .4s;

  }

  .timeline .swiper-slide-active .slide_img {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

			transform: translate3d(0, 0, 0);

	transition: .4s ease 1.6s;

  }

  .timeline .swiper-slide-content {

	position: absolute;

	text-align: center;

	width: 80%;

	max-width: 310px;

	right: 60%;

	top: 13%;

	-webkit-transform: translate(50%, 0);

			transform: translate(50%, 0);

	font-size: 12px;

	z-index: 99;

  }

  .timeline .swiper-slide .timeline-year {

	display: block;

	font-weight: bold;

	font-size: 42px;

	margin-bottom: 50px;

	-webkit-transform: translate3d(20px, 0, 0);

			transform: translate3d(20px, 0, 0);

	color: #333;

	font-weight: 300;

	opacity: 0;

	transition: .2s ease .4s;

  }

  .timeline .swiper-slide .timeline-title {

	font-size: 26px;

	margin: 0 0 30px;

	opacity: 0;

	-webkit-transform: translate3d(20px, 0, 0);

			transform: translate3d(20px, 0, 0);

	transition: .2s ease .5s;

  }

  .timeline .swiper-slide .timeline-text {

	line-height: 1.5;

	opacity: 0;

	-webkit-transform: translate3d(20px, 0, 0);

			transform: translate3d(20px, 0, 0);

	transition: .2s ease .6s;

  }

  .timeline .swiper-slide-active .timeline-year {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

			transform: translate3d(0, 0, 0);

	transition: .4s ease 1.6s;

  }

  .timeline .swiper-slide-active .timeline-title {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

			transform: translate3d(0, 0, 0);

	transition: .4s ease 1.7s;

  }

  .timeline .swiper-slide-active .timeline-text {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

			transform: translate3d(0, 0, 0);

	transition: .4s ease 1.8s;

  }

  .timeline .swiper-pagination {

	right: 15% !important;

	height: 400px;
	overflow-x:hidden;
	overflow-y:auto;
	margin-top: 30px;

	display: none;

	flex-direction: column;

	justify-content: center;

	font-style: italic;

	font-weight: 300;

	font-size: 18px;

	z-index: 1;

  }

  .timeline .swiper-pagination::before {

	content: "";

	position: absolute;

	left: -30px;

	top: 0;

	height: 100%;

	width: 1px;

	background-color: rgba(0, 0, 0, 0.1);

  }

  .timeline .swiper-pagination-bullet {

	width: auto;

	height: auto;

	text-align: center;

	opacity: 1;

	background: transparent;

	color: #333;

	margin: 15px 0 !important;

	position: relative;

  }

  .timeline .swiper-pagination-bullet::before {

	content: "";

	position: absolute;

	top: 8px;

	left: -32.5px;

	width: 6px;

	height: 6px;

	border-radius: 100%;

	background-color: #333;

	-webkit-transform: scale(0);

			transform: scale(0);

	transition: .2s;

  }

  .timeline .swiper-pagination-bullet-active {

	color: #333;

  }

  .timeline .swiper-pagination-bullet-active::before {

	-webkit-transform: scale(1);

			transform: scale(1);

  }

  .timeline .swiper-button-next,

  .timeline .swiper-button-prev {

	background-size: 20px 20px;

	top: 15%;

	width: 20px;

	height: 20px;

	margin-top: 0;

	z-index: 2;

	transition: .2s;

  }

  .timeline .swiper-button-prev {

	left: 8%;

	background-image: url("../images/top.png") no-repeat;

  }

  .timeline .swiper-button-prev:hover {

	-webkit-transform: translateX(-3px);

			transform: translateX(-3px);

  }

  .timeline .swiper-button-next {

	right: 8%;

	background-image: url("../images/down1.png") no-repeat;

  }

  .timeline .swiper-button-next:hover {

	-webkit-transform: translateX(3px);

			transform: translateX(3px);

  }

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

	.timeline .swiper-slide::after {

	  right: 0;

	  bottom: 0;

	  width: 100%;

	  height: 10%;

	 

	}

	.timeline .swiper-slide-content {

	  right: 50%;

	  top: 50%;

	  -webkit-transform: translateY(-50%);

			  transform: translateY(-50%);

	  width: 450px;

	  font-size: 11px;

	  text-align: right;

	}

	.timeline .swiper-slide .timeline-year {

	  margin-bottom: 0;

	  font-size: 32px;

	  width: 360px;

	  font-weight: bold;

	}

	.timeline .swiper-slide .timeline-title {

	  font-size: 26px;

	  margin: 20px 0 50px;

	  width: 360px;

	}

	.timeline .swiper-pagination {

	  display: flex;

	}

	.timeline .swiper-button-prev {

	  top: 15%;

	  left: auto;

	  right: 15%;



	}



	.timeline .swiper-button-next {

	  top: auto;

	  bottom: 5%;

	  right: 15%;

	  

	}

	

  }

  @media screen and (min-width: 1024px) {

	.timeline .swiper-slide::after {

		right: 0;

		bottom: 0;

		width: 100%;

		height: 100%;

	  box-shadow: -230px 0 150px 39vw rgba(255, 255, 255, 0.7);

	}

	.timeline .swiper-slide-content {

	  right: 50%;

	}

  }

  .slide_img{

	  width: 360px;height: 210px;

	  -webkit-transform: translate3d(20px, 0, 0);

			   transform: translate3d(20px, 0, 0);

	   color: #d4a024;

	  

  }

	  .slide_img{width: 360px;height: 210px;}

/* swiper */







@media (max-width:1200px){

	.head_whole{display: none;}

	.xymob-head{display: block;}

	

}

@media (min-width:1200px){

	.xymob-head{display: none;}

}





/*手机端头部*/

.xymob-head {

	position: fixed;

	top: 0;

	z-index: 9;

	left: 0;

	right: 0;

	background: rgba(255, 255, 255, 1);

  }

  

  .xymob-head-box {

	position: relative;

	height: 60px;

  }

  

  .xymob-head-box .xymob-logo {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	margin: auto;

	width: 70%;

	height: 30px;

	text-align: center;

  }

  

  .xymob-head-box .xymob-logo h1, .xymob-head-box .xymob-logo a {

	display: inline;

	font-size: 0;

  }

  

  .xymob-head-box .xymob-logo img {

	height: 35px;

  }

  

  .xymob-navbtn {

	position: absolute;

	z-index: 9;

	top: 0;

	bottom: 0;

	right: 0;

	left: 0;

	margin: auto 0 auto 27px;

	width: 30px;

	height: 20px;

  }

  

  .xymob-navbtn span, .xymob-navbtn:after, .xymob-navbtn:before {

	display: block;

	height: 2px;

	width: 100%;

	background: #333;

	-webkit-transition: all .5s;

	transition: all .5s;

  }

  

  .xymob-navbtn span {

	margin: 7px 0;

  }

  

  .xymob-navbtn:after, .xymob-navbtn:before {

	content: '';

	-webkit-transform-origin: 7.5%;

			transform-origin: 7.5%;

  }

  

  .xymob-navbtn.clicked span {

	-webkit-transform: translateX(-100%);

			transform: translateX(-100%);

	opacity: 0;

  }

  

  .xymob-navbtn.clicked:after {

	-webkit-transform: rotate(-45deg);

			transform: rotate(-45deg);

  }

  

  .xymob-navbtn.clicked:before {

	-webkit-transform: rotate(45deg);

			transform: rotate(45deg);

  }

  

  .xymob-search-btn {

	position: absolute;

	z-index: 9;

	right: 0;

	top: 0;

	bottom: 0;

	width: 14%;

	text-align: center;

	line-height: 60px;

  }

  

  .xymob-search-btn .icon-font {

	display: block;

	width: 100%;

	height: 100%;

  }

  

  .xymob-search-btn .icon-font:after {

	background-position: -30px -210px;

  }

  

  .xymob-menu {

	display: none;

	position: absolute;

	z-index: 9999;

	left: 0;

	right: 0;

	height: 100vh;

	background: #0760ba;

	padding: 0 10%;

  }

  

  .xymob-menu .xymob-menu-box {

	height: 100vh;

	overflow: auto;

	padding-bottom: 80px;

  }

  

  .xymob-nav > li {

	border-bottom: 1px solid #ccc;

	position: relative;

  }

  

  .xymob-nav > li > a {

	display: block;

	line-height: 50px;

	font-size: 16px;

	color: #fff;

  }

  

  .xymob-nav .xymob-menu-jt {

	position: absolute;

	width: 20%;

	height: 50px;

	line-height: 50px;

	right: 0;

	top: 0;

	text-align: center;

	z-index: 9;

  }

  

  .xymob-nav .xymob-menu-jt .icon-font {

	display: block;

	width: 100%;

	height: 100%;

  }

  

  .xymob-nav .xymob-menu-jt .icon-font:after {

	background-position: -30px -240px;

  }

  

  .xymob-nav .xymob-menu-jt.clicked .icon-font:after {

	background-position: -30px -270px;

  }

  

  .xymob-nav .xymob-sub-menu {

	background: #1E1E1E;

	display: none;

  }

  

  .xymob-nav .xymob-sub-menu > li {

	border-top: 1px dashed #2b2b2b;

  }

  

  .xymob-nav .xymob-sub-menu > li > a {

	display: block;

	font-size: 14px;

	color: rgba(255, 255, 255, 0.8);

	line-height: 40px;

	text-indent: 2em;

  }

  

  .xymob-dlbtn {

	margin-top: 40px;

  }

  

  .xymob-dlbtn a {

	text-align: center;

	display: block;

	width: 100%;

	height: 40px;

	line-height: 40px;

	background: #292e39;

	color: #fff;

	font-size: 16px;

	border-radius: 5px;

  }

  

  .xymob-dlbtn a i {

	display: inline-block;

	vertical-align: middle;

	width: 30px;

	height: 30px;

	margin-right: 5px;

  }

  

  .xymob-dlbtn a .icon-dl:after {

	background-position: -30px -540px;

  }

  

  .xymob-dlbtn a .icon-pn:after {

	background-position: -30px -600px;

  }

  

  .xymob-dlbtn a .icon-tc:after {

	background-position: -30px -570px;

  }

  

  .xymob-dlbtn .zx-btn {

	margin-top: 10px;

	background: none;

	border: 1px solid #fff;

  }

  

  .xymob-search {

	position: fixed;

	z-index: 99999;

	left: 100%;

	bottom: 0;

	top: 0;

	width: 100%;

	background: #151515;

	padding: 15px 15% 0 15%;

	-webkit-transition: all .5s;

	transition: all .5s;

  }

  

  .xymob-search .xymob-search-close-btn {

	position: absolute;

	top: 27px;

	left: 30px;

	width: 30px;

	height: 30px;

	text-align: center;

	line-height: 30px;

  }

  

  @media (max-width: 420px) {

	.xymob-search .xymob-search-close-btn {

	  left: 15px;

	}

  }

  

  .xymob-search .xymob-search-close-btn i {

	width: 100%;

	height: 100%;

	display: block;

  }

  

  .xymob-search .xymob-search-close-btn i:after {

	background-position: -30px -300px;

  }

  

  .xymob-search .xymob-search-box {

	height: 50px;

	border-bottom: 2px solid #2d2d2d;

  }

  

  .xymob-search .xymob-search-box input[type="text"] {

	width: 80%;

	float: left;

	background: none;

	border: none;

	outline: none;

	color: rgba(255, 255, 255, 0.3);

	font-family: "Microsoft YaHei";

	font-size: 16px;

	height: 50px;

  }

  

  .xymob-search .xymob-search-box #s_btn {

	width: 20%;

	height: 50px;

	outline: none;

	border: none;

	cursor: pointer;

	font-size: 0;

	background: none;

	border: none;

  }

  

  .xymob-search .xymob-search-box #s_btn .icon-font {

	display: block;

	width: 100%;

	height: 100%;

  }

  

  .xymob-search .xymob-search-box #s_btn .icon-font:after {

	background-position: -30px -210px;

  }

  

  .xymob-search .xymob-seaerch-wz span,

  .xymob-search .xymob-seaerch-wz a {

	display: block;

	font-size: 14px;

	color: rgba(255, 255, 255, 0.9);

	line-height: 45px;

	border-bottom: 1px solid #2b2b2b;

  }

  

  .xymob-search.clicked {

	left: 0;

  }

  

  .x-header {

	 position: absolute;

	 background: #ffffff;

	 top: 0px;

	 width: 100%;

	 height: 68px;

	 z-index: 9999;

	 box-shadow: 0 0 10px #999;

  }

  

  .x-logo {

	float: left;

	max-width: 31.3125%;

	line-height: 68px;

	height: 68px;

  }

  

  .x-logo a {

	display: block;

  }

  

  .x-header-right {

	float: right;

	width: 25%;

	text-align: right;

  }

  

  .x-header-right #formsearch,

  .x-header-right .x-login {

	display: inline-block;

	vertical-align: middle;

  }

  

  .x-header-right #formsearch {

	width: calc(100% - 100px);

	position: relative;

  }

  

  .x-header-right #formsearch:before {

	content: '|';

	position: absolute;

	left: 36px;

	top: 5px;

  }

  

  .x-header-right #formsearch #s_btn {

	float: left;

	outline: none;

	border: none;

	width: 35px;

	height: 30px;

	font-size: 0;

	background-image: url(../images/icon_spirit.png);

	background-color: transparent;

	background-repeat: no-repeat;

	background-position: 0 -210px;

  }

  

  .x-header-right #formsearch #keyword {

	float: left;

	background: none;

	outline: none;

	border: none;

	width: calc(100% - 35px);

	color: rgba(0, 0, 0, 0.8);

	margin-top: 5px;

	height: 20px;

	padding-left: 10px;

  }

  

  .x-header-right .x-login {

	font-size: 14px;

	color: #000000;

	line-height: 1.6;

	line-height: 30px;

  }

  

  .x-header-right .x-login .username {

	max-width: 75px;

	vertical-align: -10px;

	display: inline-block;

  }

  

  .x-header-right .x-login a {

	color: #000;

  }

  

  .x-header-right .x-login a:hover {

	color: #ab001a;

  }

  

  /* 扥路 */

  .xa-login {

	position: absolute;

	width: 50%;

	text-align: right;

	top: 0;

	right: 8.33333333%;

  }

  

  .x-language{

	  float: right;

	  width: auto;

	  padding-left: 20px;

	  border-left: 1px solid #e0e0e0;

	  height: 68px;

	  line-height: 68px;

	  font-size: 14px;

	  color: #333333;

	  margin-right: 2.125%;

	  overflow: hidden;

  }

  

  .x-language a{

	  font-size: 14px;

	  color: #333333;

	  text-transform: uppercase;

  }

  

  .x-language a:hover{

	  color: #ae2224;

  }

  

  /* 导航样式 */

  .x-menu {

	width: auto;

	float: right;

	padding-right: 15px;

  }

  

  .x-menu > li {

	float: left;

	/*position: relative;*/

	margin: 0 .15vw;

  }

  

  .x-menu > li > a {

	display: block;

	padding: 0 .8vw;

	font-size: 14px;

	color: #333333;

	line-height: 68px;

	height: 68px;

	overflow: hidden;

  }

  

  .x-menu>li>a>h3 {

	  font-weight: 400;

	  font-size: 14px;

	  color: #333333;

	  text-transform: uppercase;

	  height: 68px;

	  line-height: 68px;

  }

  

  .x-menu>li>a>span {

	  display: block;

	  text-align: center;

  }

  

  .x-menu>li>a:hover>h3 {

	  margin-top: -68px;

  }

  

  .x-menu>li.active>a>h3 {

	  margin-top: -68px;

  }

  

  .x-menu > li > a:hover {

	color: #ae2224;

  }

  

  .x-menu > li.active > a {

	color: #ae2224;

  }

  

  .x-menu > li:after {

	content: '';

	position: absolute;

	z-index: 100;

	width: 100%;

	left: 0;

	height: 0px;

	opacity: 0;

	top: 100%;

  }

  

  .x-menu > li:hover .x-sub-menu {

	opacity: 1;

	visibility: visible;

	-webkit-transform: translateY(0);

	transform: translateY(0);

  }

  

  .x-sub-menu {

	position: absolute;

	z-index: 99;

	width: 50%;

	right: 0%;

	top: 68px;

	background: #3f3f3f;

	border-radius: 0px;

	padding: 10px 0;

	opacity: 0;

	visibility: hidden;

	-webkit-transform: translateY(20px);

	transform: translateY(20px);

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

	  display: flex;

	  justify-content: left;

	  padding-left: 15px;

	  padding-right: 15px;

  }

  

  .x-sub-menu > li{

	  display: inline-block;

	  text-align: center;

	  padding: .5em .8em;

  }

  

  .x-sub-menu > li > a {

	display: block;

	text-align: center;

	line-height: 2;

	font-size: 14px;

	color: #fff;

  }

  

  .x-sub-menu > li > a:hover {

	

	font-weight: bold;

  }

  

  

  @media (max-width:1100px){

	  .x-logo{

		  width:20.125%;

	  }

  }



  /* contact */

.contact_list_whole{width: 100%;padding:20px 0 0}

.contact_list{width: 1160px;background: #fff;padding:0 20px 0;height: 220px;margin:0 auto}

.contact_list ul li{float: left;text-align: center;width: 21.5%;margin:0 20px}

.contact_list ul li:hover .contact_list_img{transition: 1s;transform: translateY(10px);}

.contact_list ul li:hover .contact_list_title{transition: 1s;transform: translateY(10px);}

.contact_list ul li:hover .contact_list_text{transition: 1s;transform: translateY(10px);}

.contact_list_img{width: 72px;height: 72px;margin:0 auto;transition: 1s;}

.contact_list_title{margin:20px 0;transition: 1s;}

.contact_list_text{line-height: 20px;transition: 1s;}

.contact_con{width: 1200px;margin:80px auto;}

.contact_text{text-align: center;font-size: 14px;margin: 25px 0 40px;}

.contact_input input{width: 575px;height: 50px;border:1px solid #e3e3e3;padding-left: 10px;margin-bottom: 20px;}

.contact_input1 input{width: 1200px;border:1px solid #e3e3e3;padding-left: 10px;height: 50px;margin-bottom: 20px;}

.contact_input2 textarea{width: 1200px;border:1px solid #e3e3e3;padding: 10px 0 0 10px;height: 200px;outline: none;resize: none;}

.contact_input3 input{width: 240px;height: 50px;border:1px solid #e3e3e3;padding: 10px 0 0 10px;}

.true{width: 240px;height: 50px;border:1px solid #424242;text-align: center;line-height: 50px;}

.yan{margin-top: 20px;}

.ma{margin:10px 0 0 10px}

.about_title{font-size: 38px;font-weight: bold;text-align: center;}

.line{width: 45px;height: 5px;background: #858585;margin:15px auto 0}

.about_title1{width: 180px;height: 50px;border:1px solid #000;text-align: center;line-height: 50px;margin:45px auto 40px}

.map_tu{width: 1200px;margin: 0 auto;}

.map{width:100%;height:552px;frameborder:0; overflow:hidden; border:0; margin:0; padding:0; margin:0 auto}

.map_whole{width:99%;height:550px;border:#ccc solid 1px;}

.product_whole{width: 1200px;margin: 80px auto;}

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

.view_img img{ width:100%; height:250px; display:block;margin: 0 auto;}

.view_info{ overflow: hidden; padding: 30px 0;text-align: center;}

.view_date{ font-size: 16px; color: #ae1103;}

.view_info h5{ font-size: 18px;transition: 1s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.view_des{ line-height: 26px; max-height: 78px; overflow: hidden; margin: 25px 0 15px; color: #555;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}

.view_all{ display: inline-block; padding-bottom: 5px; position: relative; font-size: 16px; color: #ccc;}

.view_info_line{width: 0;height: 2px;background: #ae1103;transition: 1s;}

.product_con ul li{border-radius: 10px;margin-bottom: 30px;width: 31%;float: left;background: #fff;height: 350px;}

.product_con ul li:nth-child(3n-1){margin: 0 40px 30px;}

.product_con ul li:hover .view_all{color: #ae1103;}

.product_con ul li:hover .view_info h5{color: #ae1103;}

.product_con ul li:hover{box-shadow: 5px 5px 10px #ccc;background: #f7f7f7;}

.product_con ul li:hover .view_info_line{width: 300px;margin: 10px auto;transition: 1s;}

/*.product_con ul li:hover .view_img img{transition: 1s;transform: scale(1.2);} */



.news_whole{width: 1200px;margin: 80px auto;}

.news_con{margin-top: 50px;}

.view_img1{ width: 470px; height:305px;margin-right: 35px;overflow: hidden;}

.view_img1 img{ width:470px; height:305px; display:block;}

.view_info1{ overflow: hidden; padding-top: 50px;margin-left: 20px;width: 50%;}

.view_date1{ font-size: 16px; color: #ae1103;}

.view_info1 h5{ font-size: 18px;transition: 1s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.view_des1{ line-height: 26px; max-height: 78px; overflow: hidden; margin: 25px 0 15px; color: #555;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}

.view_all1{ display: inline-block; padding-bottom: 5px; position: relative; font-size: 16px; color: #ccc;}

.news_con ul li{border-radius: 10px;margin-bottom: 30px;background: #fff;height: 305px;}

.news_con ul li:hover .view_all1{color: #ae1103;}

.news_con ul li:hover{box-shadow: 5px 5px 10px #ccc;background: #f7f7f7;}





.pages{margin:55px auto;display: flex;justify-content: center;}

.pages_left{width: 40px;height: 40px;background: #f2f2f2;text-align: center;}

.pages_left img{width: 20px;margin-top: 10px;}

.pages_num{width: 40px;height: 40px;background: #ee1e24;color:#fff;text-align: center;font-size: 16px;line-height: 40px;margin:0 10px}

.pages_num a{color:#fff}

.pages_right{width: 40px;height: 40px;background: #f2f2f2;;text-align: center;}

.pages_right img{width: 20px;margin-top: 10px;}



.show_con{width: 1200px;margin: 80px auto;}

.show_con p{ font-size:15px; line-height:25px; text-align:center; margin-bottom:40px;}

.show_con_list1 ul li{float: left;text-align: left;margin-bottom:35px;}

.show_con_list1 ul li .zoom{width:380px;height:256px;overflow: hidden;position: relative;}

.show_con_list1 ul li .zoom img{width: 100%;height: 100%;}

.show_con_list1 ul li img{transition: all 1s;display: block;vertical-align: middle;}

.show_con_list1 ul li:nth-child(3n-1){margin:0 20px;}

.mask{width:100%;height:252px;background:rgba(18,80,140,0.4);position: absolute;top:0;left:0; z-index: 1;border:2px solid #00833e;opacity: 0; transition: all 1.2s ease}

.maskimg{position: absolute;top:50%;margin-top:-52px;left:50%;margin-left: -52px; z-index: 2;opacity: 0; }

.show_con_list1 ul li img:hover{transform: scale(1.2);cursor: pointer;}

.show_con_list1 ul li .zoom:hover .mask{opacity: 1;width:99%}

.show_con_list1 ul li .zoom:hover .maskimg{opacity: 1;}

.show_con_list1 ul li a{color:#424242}



/* product_detail */

.detial_con{width: 1200px;margin:40px auto 0}

.detial_con_img{text-align: center;margin:35px auto 10px;width: 60%;}

.product_name{font-size: 20px;text-align: center;color: #7d7d7d;color:#333;padding-bottom:20px;margin-bottom: 30px; border-bottom:1px dashed #dadada;}

.product_text{font-size: 16px;color: #666666;line-height: 30px;}

.product_text p{font-size: 16px;line-height: 30px;}

.product_detail_list{margin-top: 60px;}

.product_detail_list ul li{float: left;width: 32%;height: 435px;margin-bottom: 40px;}

.product_detail_list ul li:nth-child(3n-1){margin:0 20px 20px}

.product_title{width: 1200px;margin:0 auto 30px;font-size: 28px;border-top:1px dashed #dadada;border-bottom:1px dashed #dadada;padding:20px 0}

.list_bottom{margin-top:10px}

.list_bottom_name{font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 350px;}

.list_bottom_xing{font-size: 16px;color:#787878;margin: 5px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 350px;}

.product_con_list_img{width:372px;height: 297px;overflow: hidden;}

.product_con_list_img img{width:372px;height: 297px;}

.product_con_list_img img{-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;-ms-transition: 1s;transition: 1s;}

.product_detail_list ul li:hover .list_bottom_name{color:#ee1e24;}



/* new_detail */

.detial_con_title{text-align: center;font-size: 20px;}

.detial_con_p{margin:30px auto;width: 80%;}

.detial_con_p p{font-size: 16px;line-height: 30px;color: #333;}

/* 动画 */

.section4_con_top{opacity: 0; transition: 1s;transform: translateY(30px);}

.section4_con_top.animated_visible{ opacity: 1;transform: translateY(0);}

.about_con_left{opacity: 0; transition: 1s;transform: translateX(-30px);}

.about_con_left.animated_visible{ opacity: 1;transform: translateX(0);transition-delay: 0.5s;}

.about_con_right{opacity: 0; transition: 1s;transform: translateX(30px);}

.about_con_right.animated_visible{ opacity: 1;transform: translateX(0);transition-delay: 0.8s;}

.honor_left{opacity: 0; transition: 1s;transform: translateX(30px);}

.honor_left.animated_visible{ opacity: 1;transform: translateX(0);transition-delay: 0.8s;}

.honor_right{opacity: 0; transition: 1s;transform: translateX(30px);}

.honor_right.animated_visible{ opacity: 1;transform: translateX(0);transition-delay: 0.8s;}

.culture{opacity: 0; transition: 1s;transform: translateY(30px);}

.culture.animated_visible{ opacity: 1;transform: translateY(0);transition-delay: 0.8s;}

.speech_img_whole{opacity: 0; transition: 1s;transform: translateY(30px);}

.speech_img_whole.animated_visible{ opacity: 1;transform: translateY(0);transition-delay: 0.5s;} 



.product_con ul li{opacity: 1; transition: 0.5s;transform: translateY(30px)}

.product_con ul li.animated_visible{ opacity: 1;transform: translateY(0);}

.news_con ul li{opacity: 1; transition: 0.5s;transform: translateY(30px)}

.news_con ul li.animated_visible{ opacity: 1;transform: translateY(0);}

.show_con_list1 ul li{opacity: 1; transition: 1s;transform: translateY(30px)}

.show_con_list1 ul li.animated_visible{ opacity: 1;transform: translateY(0);transition-delay: 0.5s;}



.contact_list_whole{opacity: 0; transition: 1s;transform: translateY(30px)}

.contact_list_whole.animated_visible{ opacity: 1;transform: translateY(0);transition-delay: 0.5s;}

.map_tu{opacity: 0; transition: 1s;transform: translateY(30px)}

.map_tu.animated_visible{ opacity: 1;transform: translateY(0);transition-delay: 0.8s;}



.sp_dd_ttt{opacity: 0;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;-ms-transition: 1s;transition: 1s;-moz-transform: translateY(50px);-webkit-transform:translateY(50px);-o-transform: translateY(50px);transform:translateY(50px);}

.sp_dd_ttt.animated_visible{opacity: 1;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;-ms-transition:1s;transition: 1s;-moz-transform: translateY(0);-webkit-transform:translateY(0);-o-transform: translateY(0);transform:translateY(0);transition-delay: 0.5s;-moz-transition-delay:0.5s;-webkit-transition-delay:0.5s; -o-transition-delay: 0.5s;}

.sport_dd_contt{opacity: 0;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;-ms-transition: 1s;transition: 1s;-moz-transform: translateY(50px);-webkit-transform:translateY(50px);-o-transform: translateY(50px);transform:translateY(50px);}

.sport_dd_contt.animated_visible{opacity: 1;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;-ms-transition:1s;transition: 1s;-moz-transform: translateY(0);-webkit-transform:translateY(0);-o-transform: translateY(0);transform:translateY(0);transition-delay: 1s;-moz-transition-delay:1s;-webkit-transition-delay:1s; -o-transition-delay: 1s;}

@keyframes first {
    0%   {transform: translateY(30px);opacity: 0;}
    100% {transform: translateY(0);opacity: 1;}
}
@keyframes first1 {
    0%   {transform: translateX(-30px);opacity: 0;}
    100% {transform: translateX(0);opacity: 1;}
}
@keyframes first2 {
    0%   {transform: translateX(30px);opacity: 0;}
    100% {transform: translateX(0);opacity: 1;}
}

@media (max-width:1780px){

	.head{width: 90%;}

	.logo{width: 20%;margin-top: 15px;}

	.head_right{width: 75%;}

	.nav1 ul li{margin: 0 30px;}

	.speech_img{transform: scale(0.9);margin-left:-30px;}

}



@media (max-width:1520px){

	.speech_img{transform: scale(0.9);}

}

@media (max-width:1410px){

	.head{width: 90%;}

	.logo{width: 20%;margin-top: 20px;}

	.head_right{width: 78%;}

	.nav1 ul li{margin: 0 25px;}

	.honor{width: 80%;}

	.honor_right{width: 60%;}

	

}



@media (max-width:1370px){

.about_con{width: 80%;}

.section2_about_list ul li{width: 150px;}

.section2_about_list_number{font-size: 30px;}

.section2_about_list_wan{margin-top: 16px;}

.about_con_right{margin-top: 50px;}

.speech_img{transform: scale(0.8);}

.nav2_con{width: 80%;}

.speech{width: 80%;}

.speech_img{margin-left: -150px;margin-top:120px}

}

@media (max-width:1301px){

	.logo{width: 20%;margin-top: 25px;}

	.nav1 ul li{margin: 0 20px;}

	.section2_about_list ul li{width: 120px;}

.section2_about_list_number{font-size: 30px;}

.section2_about_list_wan{margin-top: 16px;}

.speech_img{transform: scale(0.7);margin-left: -200px;}

.center-wrap{width: 90%;}

.slide_img{width: 320px;height: 220px;margin-left: 40px;}

.slide_img img{width: 100%;height: auto;}

}



@media (max-width:1200px){

	.center-wrap{transform: scale(0.9);}

	.slide_img{width: 320px;height: 220px;margin-left: 40px;}

.slide_img img{width: 100%;height: auto;}

.product_whole{width: 90%;}

.news_whole{width: 90%;}

.view_info{width: 45%;}

.product_con ul li:nth-child(3n-1){margin: 0 30px 25px;}

.show_con{transform: scale(0.9);margin: 40px auto;}

.speech{width: 70%;margin: 80px auto 0;}

.speech_img{margin-left: -280px;margin-top:80px}

.map_whole{width: 90%;margin: 0 auto;}

.map{width:100%;height:400px;frameborder:0; overflow:hidden; border:0; padding:0; margin:30px auto 0}

.map_tu{width:90%;margin: 0 auto;}

}

@media (max-width:1170px){

	.show_con{width: 90%;}

	.show_con_list1 ul li{width: 47%;margin-bottom: 20px;}

	.show_con_list1 ul li:nth-child(3n-1){margin:0}

	.show_con_list1 ul li:nth-child(2n){margin: 0 0 20px 20px;}

	.show_con_list1 ul li .zoom{width: 100%;height: auto;}

	.mask{height: 100%;}

	.view_info1{width: auto;}

	.product_con ul li{width: 45%;}

	.product_con ul li:nth-child(3n-1){margin: 0}

	.product_con ul li:nth-child(2n){margin: 0 30px 30px;}

	.view_info{width: 100%;}

	.detial_con{width: 90%;}

}

@media (min-width:750px){.m_nav2{display: none;}}

@media (max-width:751px){
	.product_con ul li:nth-child(2n){margin: 0 0 30px;}
	.timeline .swiper-slide-content{right: 45%;width: 100%;}
	.timeline .swiper-button-next{right: 0;}
	#main{display: none;}
	.timeline{display: block;}

.m_nav2_title{font-size: 16px;font-weight: bold;}

.m_nav2{background: #f6f5f5;padding: 20px 15px;}

.banner2{width: 75%;margin: 2px 0 0 5px;}

.slide1{font-size: 14px;color: #838383;}

.topimg{margin-top: 60px;}

.nav2{height: auto;line-height:40px;display: none;}

.link{display: none;}

.nav2_con{width: 90%;}

.about_con_left{margin-top: 40px;}

.section4_con_top_title{font-size: 28px;}

.section4_con_center{width: 70%;}

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

.line1{width: 90px;}

.section4_icon{width: 35px;height: 35px;}

.about_con_whole{padding-top: 40px;}

.about_con{width: 90%;}

.about_con_left{width: 100%;}

.about_con_right{display: none;}

.section2_about_list ul li{width: 110px;margin: 55px 2px 0 0;}

.section2_about_list_number{font-size: 26px;}

.honor_left{width: 100%;}

.honor_right{width: 100%;}

.honor{width: 90%;}

.sport_dd_contt{padding:20px 15px 0px}

.slide_img{width: 300px;margin-left: -15px;}

.slide_img img{width: 300px;}

.speech{margin:40px auto 80px;width: 90%;}

.speech_img{transform: scale(0.6);margin: -70px 0 0 -90px;height: 1100px;}

.speech_img ul li:nth-child(5){top: 610px;left: 0;}

.speech_img ul li:nth-child(6){top: 920px;left: 0;}

.speech_img ul li:nth-child(7){top: 465px;left: 270px;}

.speech_img ul li:nth-child(8){top: 770px;left: 270px;}

.speech_img ul li:nth-child(9){top: 1075px;left: 270px;}

.speech_img ul li:nth-child(10){top: 1220px;left: 0;}

.detial_con_img{width: 100%;}

.footer_left{display: none;}

.foot_contect{margin: 10px 0 0 20px;}

.ewm{margin-top: 70px;}

.ewm img{width: 70px;}

.foot_contect{width: 220px;}

.foot_contect_text{font-size: 12px;}

.center-wrap{font-size: 14px;}



.view_img{width: 100%;height: auto;}

.view_img img{width: 100%;height: auto;}

.view_img1{width: 100%;height: auto;margin-right: 0;}

.view_img1 img{width: 100%;height: auto;}

.news_con ul li{height: auto;margin-bottom: 30px;background: #f7f7f7;}

.view_info{width:100%;padding-top: 20px;}

.view_info1{padding: 20px;width: 85%;margin-left: 0;}

.product_con{margin-top: 0;}

.product_whole{margin: 40px auto 80px;}

.news_con{margin-top: 0;}

.news_whole{margin: 40px auto 80px;}

.product_con ul li{height: auto;width: 100%;box-shadow: 5px 5px 10px #ccc;}

.product_con ul li:nth-child(3n-1){margin: 0 0 30px;}

.view_info h5{font-size: 20px;}

.show_con_list1 ul li{margin-bottom: 20px;}

.show_con_list1 ul li:nth-child(3n-1){margin: 0}

.show_con_list1 ul li:nth-child(2n){margin:0 0 20px 20px}

.show_con{width: 95%;margin: 40px auto 80px;transform: scale(1);}

.show_con p{ font-size:14px; line-height:25px; text-align:center; margin-bottom:10px;}

.show_con_list1 ul li .zoom{width: 100%;height: auto;}
#galpop-close{right: -10px;}



.contact_con{width:90%;margin: 40px auto 80px;}

.contact_list{width: 90%;}

.contact_list_whole{padding: 0;}

.contact_list ul li{width: 45%;margin: 20px 6px 0;}

.map_tu{width: 90%;margin: 0 auto;}

.map{width:335px;height:402px;frameborder:0; overflow:hidden; border:0; padding:0; margin:30px auto 0}

.detial_con{width: 90%;}

.detial_con_p{width: 100%;}

.product_detail_list ul li{width: 100%;}

.product_detail_list ul li:nth-child(3n-1){margin: 0 0 20px;}

#toolbar {display: none; }

.map_whole{width: 99%;height: 400px;}



}



/*左侧工具条*/

.icon-font:after {

	content: "";

	width: 30px;

	height: 30px;

	background-image: url(../images/icon_spirit.png);

	background-repeat: no-repeat;

	position: absolute;

	left: calc(50% - 15px);

	top: calc(50% - 15px);

  }



#toolbar {

	position: fixed;

	z-index: 9999;

	right: 0;

	bottom: 10%;

  }

  

  #toolbar li {

	margin-bottom: 3px;

	font-size: 0;

	width: 57px;

	height: 57px;

	right: 0;

	position: relative;

  }

  

  #toolbar li a {

	display: block;

	position: absolute;

	z-index: 9;

	right: 0;

	top: 0;

	width: 57px;

	height: 57px;

	overflow: hidden;

	background: #292e39;

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

	white-space: nowrap;

	font-size: 0;

  }

  

  #toolbar li .icon-font {

	display: inline-block;

	vertical-align: middle;

	width: 57px;

	height: 57px;

	background-color: #d9d9d9;

	position: relative;

  }

  

  #toolbar li .icon-qq:after {

	background-position: 0 -150px;

  }

  

  #toolbar li .icon-phone:after {

	background-position: 0 -90px;

  }

  

  #toolbar li .icon-ewm:after {

	background-position: 0 -30px;

  }

  

  #toolbar li .icon-message:after {

	background-position: 0 -120px;

  }

  

  #toolbar li .icon-top:after {

	background-position: 0 -60px;

  }

  

  #toolbar li .icon-wangwang:after {

	background-position: 0 0;

  }

  

  #toolbar li .wz {

	display: inline-block;

	line-height: 57px;

	font-size: 14px;

	color: #fff;

	vertical-align: middle;

	padding-left: 10px;

  }

  

  #toolbar li.ewm .ewm-box {

	position: absolute;

	z-index: 1;

	padding: 5px;

	background: #292e39;

	width: 110px;

	right: 120%;

	bottom: 0;

	opacity: 0;

	visibility: hidden;

	-webkit-transform: translateX(100%);

			transform: translateX(100%);

	-webkit-transition: all .7s;

	transition: all .7s;

  }

  

  #toolbar li.ewm .ewm-box p {

	margin-bottom: 0;

  }

  

  #toolbar li.ewm .ewm-box img {

	max-width: 100%;

  }

  

  #toolbar li.ewm .ewm-box:after {

	content: '';

	position: absolute;

	right: -5px;

	bottom: 20px;

	width: 0;

	height: 0;

	line-height: 0;

	font-size: 0;

	overflow: hidden;

	border-width: 5px;

	cursor: pointer;

	border-style: dashed dashed dashed solid;

	border-color: transparent transparent transparent #292e39;

	border-right: none;

  }

  

  #toolbar li.ewm:hover .icon {

	background-position: -57px -180px;

  }

  

  #toolbar li.ewm:hover .ewm-box {

	opacity: 1;

	visibility: visible;

	-webkit-transform: translateY(0);

			transform: translateY(0);

  }

  

  #toolbar li.backtop {

	cursor: pointer;

  }

  

  #toolbar li.backtop .iconfont {

	color: #fff;

	background-color: #292e39;

  }

  

  #toolbar li:hover a {

	width: 200px;

  }

  

  #toolbar li:hover .icon-font {

	background-color: #292e39;

  }

  

  #toolbar li:hover .icon-qq:after {

	background-position: -30px -150px;

  }

  

  #toolbar li:hover .icon-phone:after {

	background-position: -30px -90px;

  }

  

  #toolbar li:hover .icon-ewm:after {

	background-position: -30px -30px;

  }

  

  #toolbar li:hover .icon-message:after {

	background-position: -30px -120px;

  }

  

  #toolbar li:hover .icon-wangwang:after {

	background-position: -30px 0;

  }

  

  #toolbar li:hover .icon-top:after {

	background-position: -30px -60px;

  }


/* honor */

#about_intro #main .r {
	width: 100%;
	margin-top: 30px;
  }
  #about_intro #main #r1 .topic {
	margin-bottom: 40px;
  }
  #about_intro #main #r1 .wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	padding-bottom: 7vw;
  }
  #about_intro #main #r1 .wrap .col:nth-of-type(1) {
	width: 42%;
  }
  #about_intro #main #r1 .wrap .col:nth-of-type(2) {
	width: 42%;
	text-align: left;
  }
  #about_intro #main #r1 .wrap .col:nth-of-type(2) .note {
	text-align: left;
  }
  #about_intro #main #r1 .wrap .col:nth-of-type(2) .note > small {
	display: inline-block;
	margin-bottom: 18px;
  }
  #about_intro #main #r1 .wrap .col:nth-of-type(2) .note > div {
	font-size: 44px;
	color: #008c3f;
	line-height: 1;
	text-shadow: 0 8px 13px rgba(215, 12, 24, 0.15);
  }
  #about_intro #main #r1 .wrap .col:nth-of-type(2) .note > span {
	font-weight: bold;
	font-size: 17px;
  }
  #about_intro #main #r1 .wrap .col:nth-of-type(2) > a {
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
  }
  #about_intro #main #r1 .wrap .col:nth-of-type(2) > a > i {
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
  }
  #about_intro #main #r1 .wrap .col:nth-of-type(2) > a:hover {
	color: #008c3f;
  }
  #about_intro #main #r1 .wrap .col:nth-of-type(2) > a:hover > i {
	color: #008c3f;
  }
 

  #about_intro #main #r2 .other .dotItem > li {
	cursor: pointer;
  }
  #about_intro #main #r2 .other .dotItem > li > span {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	line-height: 12px;
	text-align: center;
	background-color: #e5e5e5;
	margin: 10px;
  }
  #about_intro #main #r2 .other .dotItem > li.on {
	pointer-events: none;
  }
  #about_intro #main #r2 .other .dotItem > li.on > span {
	background-color: #008c3f;
  }
  #about_intro #main #r2 .other .btnItem {
	position: absolute;
	width: 0.68rem;
	pointer-events: auto;
	height: 0.68rem;
	right: 5vw;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
  }
  #about_intro #main #r2 .other .btnItem > a {
	position: absolute;
	left: 0;
	top: 0;
	width: 0.68rem;
	height: 0.68rem;
	border-radius: 50%;
	line-height: 0.68rem;
	text-align: center;
	display: inline-block;
	background-color: #008c3f;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	font-size: 24px;
  }
  #about_intro #main #r2 .other .btnItem > a:last-of-type {
	transform: scale(-1);
  }
  #about_intro #main #r2 .other .btnItem > a:last-of-type:hover {
	transform: translateX(-6px) scale(-1);
  }
  #about_intro #main #r2 .other .btnItem > a.on {
	opacity: 1;
	visibility: visible;
  }
  #about_intro #main #r2 .other .btnItem > a:hover {
	transform: translateX(6px);
  }
  #about_intro #main #r2 .other > .bg {
	width: 45%;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	pointer-events: none;
	background-size: 100% 100%;
  }
  #about_intro #main #r2 .history {
	height: 330px;
	position: relative;
  }
  #about_intro #main #r2 .history .items {
	height: 205px;
	overflow: auto;
	padding-right: 0.5rem;
  }
  #about_intro #main #r2 .history .items .timer {
	display: none;
  }
  #about_intro #main #r2 .history .items .timer li {
	position: relative;
	padding: 15px 0;
	line-height: 22px;
	padding-left: 50px;
  }
  #about_intro #main #r2 .history .items .timer li > span {
	position: absolute;
	height: 100%;
	color: #8c8c8c;
	width: 50px;
	text-align: left;
	left: 0;
	top: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
  }
  #about_intro #main #r2 .history .items .timer.on {
	display: block;
  }
  #about_intro #main #r2 .history .items::-webkit-scrollbar {
	width: 2px;
	border-radius: 1.5px;
  }
  #about_intro #main #r2 .history .items::-webkit-scrollbar-button {
	display: none;
  }
  #about_intro #main #r2 .history .items::-webkit-scrollbar-track {
	background-color: #eee;
  }
  #about_intro #main #r2 .history .items::-webkit-scrollbar-thumb {
	background-color: #000;
  }
  #about_intro #main #r2 .history .loop {
	position: absolute;
	top: 300px;
	width: 208%;
	left: 0;
	height: 1.2rem;
  }
  #about_intro #main #r2 .history .loop .box {
	height: 100%;
	z-index: 10;
	position: relative;
  }
  #about_intro #main #r2 .history .loop .box .swiper-item {
	position: absolute;
	height: 100%;
	justify-content: flex-start;
	display: flex;
	align-items: center;
  }
  #about_intro #main #r2 .history .loop .box .swiper-item > li {
	width: 7.388vw;
	text-align: center;
	position: relative;
	opacity: 0;
	cursor: pointer;
  }
  #about_intro #main #r2 .history .loop .box .swiper-item > li .dot {
	position: relative;
	display: block;
	line-height: 40px;
	height: 40px;
	width: 50px;
	margin: auto;
	margin-bottom: 18px;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
  }
  #about_intro #main #r2 .history .loop .box .swiper-item > li .dot:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	margin: 5px auto;
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	line-height: 9px;
	text-align: center;
	background-color: #c1c1c1;
  }
  #about_intro #main #r2 .history .loop .box .swiper-item > li .dot:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -3px;
	margin: 5px auto;
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	line-height: 15px;
	text-align: center;
	background-color: #008c3f;
	opacity: 0;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
  }
  #about_intro #main #r2 .history .loop .box .swiper-item > li .msg {
	left: 0;
	top: 100%;
	display: inline-block;
	width: 100px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
  }
  #about_intro #main #r2 .history .loop .box .swiper-item > li.on .msg,
  #about_intro #main #r2 .history .loop .box .swiper-item > li:hover .msg {
	color: #008c3f;
  }
  #about_intro #main #r2 .history .loop .box .swiper-item > li.on .dot,
  #about_intro #main #r2 .history .loop .box .swiper-item > li:hover .dot {
	background-color: #fff;
  }
  #about_intro #main #r2 .history .loop .box .swiper-item > li.on .dot:after,
  #about_intro #main #r2 .history .loop .box .swiper-item > li:hover .dot:after {
	background-color: #fff;
  }
  #about_intro #main #r2 .history .loop .box .swiper-item > li.on .dot:before,
  #about_intro #main #r2 .history .loop .box .swiper-item > li:hover .dot:before {
	opacity: 1;
  }
  #about_intro #main #r2 .history .loop .pager {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 12;
	pointer-events: none;
  }
  #about_intro #main #r2 .history .loop .pager .f-next {
	position: absolute;
	right: -6%;
	z-index: 10;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: auto;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	line-height: 42px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 39px;
	text-indent: 3px;
	cursor: pointer;
	color: #888;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
  }
  #about_intro #main #r2 .history .loop .pager .f-next:hover {
	color: #fff;
	background-color: #000;
  }
  #about_intro #main #r2 .history .loop .pager .f-prev {
	left: -6%;
	z-index: 10;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: auto;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	line-height: 42px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 39px;
	text-indent: -4px;
	cursor: pointer;
	color: #888;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
  }
  #about_intro #main #r2 .history .loop .pager .f-prev:hover {
	color: #fff;
	background-color: #000;
  }
  #about_intro #main #r2 .history .loop .t-line {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	left: 0vw;
	height: 1px;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.1);
  }

  #about_intro #main #r3 .img-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
  }
  #about_intro #main #r3 .topic {
	margin-bottom: 5vw;
	position: relative;
	z-index: 5;
  }
  #about_intro #main #r3 .wrap {
	position: relative;
	z-index: 5;
  }
  #about_intro #main #r3 .wrap .p-con {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
  }
  #about_intro #main #r3 .wrap .p-con > p {
	width: 46%;
  }
  #about_intro #main #r3 .wrap .box {
	display: flex;

  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(2) {
	width: 55%;text-align: right;
	position: absolute;top: -20px;right: 45%;

  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(2) h3 {
	font-size: 32px;
	line-height: 1.6;
	text-shadow: 0 20px 13px #008c3f29;
  }
  
  #about_intro #main #r3 .wrap .box .col:nth-of-type(2) p {
font-size: 26px;font-weight: bold;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(2) .note {
	position: absolute;
	left: 0;
	opacity: 0;
	width: 100%;
	bottom: 0;
	color: #727272;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(1) {
	width: 55%;margin-top: 120px;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(1)  img{width: 100%; height: 210px;}
  #about_intro #main #r3 .wrap .box .col:nth-of-type(1) .items {
	width: 100%;
	display: none;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(1) .items > li {
	margin: 15px 0;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
  }

  #about_intro #main #r3 .wrap .box .col:nth-of-type(1) .items.on {
	display: block;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(1)::-webkit-scrollbar {
	width: 4px;
	border-radius: 1.5px;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(1)::-webkit-scrollbar-button {
	display: none;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(1)::-webkit-scrollbar-track {
	background-color: #eee;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(1)::-webkit-scrollbar-thumb {
	background-color: #008c3f;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(3) {
	width: 15%;
	position: relative;
	min-height: 400px;
	margin-left: 120px;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(3) .date {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 100%;
	height: 135%;
	background: none;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(3) .date .con {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 100%;
	height: calc(100% - 200px);
	overflow: hidden;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(3) .date .con > ul {
	display: inline-block;
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	width: 100%;

  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(3) .date .con > ul > li {
	font-size: 16px;
	color: #333;
	opacity: 0.5;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(3) .date .con > ul > li.on {
	font-size: 16px;
	opacity: 1;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(3) .date > a {
	position: absolute;
	color: #fff;
	opacity: 1;
	width: 20px;
	height: 20px;
	line-height: 20px;
	width: 100%;

	font-size: 20px;
	cursor: pointer;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(3) .date > a.n-prev {
	top: 30px;
	left: 0;
	text-align: center;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(3) .date > a.n-next {
	bottom: 30px;
	left: 0;
	text-align: center;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(3) .date > a.on {
	opacity: 0.2;
	pointer-events: none;
  }
  #about_intro #main #r3 .wrap .box .col:nth-of-type(3) .date > a:hover {
	opacity: 1;
  }




/*分页相关*/

.pagelist ul{text-align:center;margin:20px 0;}

.pagelist li{display:inline-block;margin:0 2px;}

.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}

.pagelist li a:hover{border-color:#ee1e24;background:#ee1e24;color:#fff;}

.pagelist li.active a{border-color:#ee1e24;background:#ee1e24;color:#fff;}






.honor_right .swiper-container-vertical>.swiper-pagination-bullets{ width:20%}