@charset "UTF-8";

@import url('font-awesome.min.css');
@import url('bootstrap.min.css');
@import url('animate.css');
@import url('slicknav.css');
@import url('simple-line-icons.css');
@import url('fontsico.min.css');
@import url('color.css');

body {
	/*background-color: #424242;*/
}

::-webkit-scrollbar {
width:8px;
height:8px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #E2E2E2;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #555;
}

img {max-width: 100%;}
a,a:hover {text-decoration: none;}
p {margin: 0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.back-to-top {
	display: none;
	position: fixed;
	bottom: 80px;
	right: 15px;
}
.back-to-top i {
	color: #fff;
	font-size: 20px;
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 100px;
	text-align: center;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}

.h-h2 {
	color: #008fd7;
	font-size: 25px;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    position: relative;
}
.h-h2::after, .h-h2::before {
	content: "";
	height: 1px;
	width: 80px;
	background: #ddd;
	margin: 0 auto;
	position: absolute;
}
.h-h2::after {
	left: -20%;
    right: 0;
    top: 20px;
    bottom: 0;
}
.h-h2::before {
	left: 0;
    right: -20%;
    top: 20px;
    bottom: 0;
}
.h-h2 small {
	color: #008fd7;
	font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
}

/*pc nav*/
.header {
	display: none;
}
.header_nav {
	display: block;
	position: relative;
	margin: 0px auto;
	background: #424242;
}
.header_nav .div_logo {
	position: relative;
	margin: 0px auto;
	padding: 15px 0;
	display: flex;
	justify-content: center;
}
.header_nav .div_logo img {
	/*width: 100px;height: 100px;*/
	width: 15%;
    margin: 0 auto;
    display: block;
}
.header-nav {
	background: #008fd7;  
	position: relative; 
	z-index: 999;  
}
.header-nav .ul_nav {
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.header-nav .nLi,
.header-nav .on,
.header-nav .active {
	position:relative;
}
.header-nav .nLi>a,
.header-nav .on>a,
.header-nav .active a {
	color:#fff;
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	text-align: center;
	display: block;
	width: 155px;
	padding: 15px 0;
	background: #008fd7;
	transition: all 0.2s linear;
}
.header-nav .nLi>a:hover,
.header-nav .on>a:hover,
.header-nav .active a {background: #0175af;}
.header-nav .sub {
	display:none;
	width:100%;
	left:0;
	top:48px;
	position:absolute;
	background:#008fd7;
	padding: 0;
	margin: 0;
	border: none;
	z-index: 1;
}
.header-nav .sub li {
	zoom:1;
}
.header-nav .sub a {
	color:#fff;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	display:block;
	padding:10px;
	margin: 0;
	border-radius: 3px;
	background: #008fd7;
	transition: all 0.5s linear;
}
.header-nav .sub a:hover {
	background:#0175af;
}
.header-nav .on h3 a {
	background:#4E4E4E;
	color:#fff;
}
/*pc nav*/

.pc_banner {display: block;}
.m_banner {display: none;}
.banner_img .p_n_p {
	position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 90px;
}
.banner_img .p_n_p .swiper-button-next {
	width: 30px;height: 30px;line-height: 30px;vertical-align: middle;
}
.banner_img .p_n_p .swiper-button-prev {
	width: 30px;height: 30px;line-height: 30px;vertical-align: middle;
}

.position_txt {
	position: relative;
	margin: 0px auto 50px;
}
.position_txt a {
	color:#008fd7;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
}
.position_txt .fa:before {
	color:#008fd7;
}

.index_details {
	position: relative;
	margin: 50px auto;
}
.index_details img {object-fit: contain;}
.index_details .h2 {
	color:#000;
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	margin: 15px 0;
}
.index_details .index_details_content {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.inforheadsmall {
	/*display: flex;
    align-items: center;
    justify-content: space-between;*/
    position: relative;
    margin: 0 auto 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #949494;
    
}
.inforheadsmall p {margin: 15px 0;}
.inforheadsmall img{
	width: 20px;
	height: 20px;
	margin-right: 5px;
	vertical-align: text-bottom;
}
.inforheadsmall span{
	color:#666;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	margin-right: 10px;
}
.inforheadsmall .share img{
	width: 26px;
	height: 22px;
}
.inforhead{
	border-bottom: 1px solid #949494;
	padding-bottom: 50px;
}
.inforcontentbox{
	padding: 0 151px;
	padding-top: 50px;
	margin-bottom: 145px;
}
.inforcontentbox .inforcontents{
	width: 868px;
}
.inforcontentbox .inforcontents .detaillead{
	font-weight: 600;
}
.inforcontentbox .inforcontents>.futitle{
	font-weight: 600;
	margin-top: 10px;
}
.nextprevbox{
	display: flex;
	display:-webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-weight: 600;
	padding: 50px 0;
	border-bottom: 1px solid #949494;
}
.weiixnqode{
	position: absolute;
	top: 30px;
	right: 0;
	border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;			   				    
    width: 150px;
    height: 180px;
    background: #fff;
}
.weiixnqode #qrcode{
	width: 150px;
	text-align: center;
}
.weiixnqode>p{
	text-align: center;
}
.weiixnqode span{
	position: absolute;
    right: -10px;
    top: 0;
    width: 20px;
    color: #ddd;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    
}
.zan{
	cursor: pointer;
}
.nextprevbox p.active{
	color: #8db50f;
}
.nextprevbox p a.active{
	color: #8db50f;
}

.recommend {
	position: relative;
	margin: 50px auto 0;
}
.recommend .span {
	color: #333;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.recommend .h3 {
	color: #008fd7;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 30px;
    padding: 0 0 10px;
    position: relative;
}
.recommend .h3::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 50px;
	height: 3px;
	background: #008fd7;
	margin: 0 auto;
}
.recommend .list a .introdetail,
.page_list a .introdetail {
    color: #fff;
    text-align: center;
    transition: transform .5s;
    position: relative;
    margin-bottom: 30px;
}
.recommend .list a .introdetail h5,
.page_list a .introdetail h5 {
	position: relative;
    overflow: hidden;
    margin: 0;
    transition: transform .5s;
}
.recommend .list a .introdetail h5 img,
.page_list a .introdetail h5 img {
    object-fit: contain;
    transition: transform .5s;
}
.recommend .list a:hover .introdetail h5 img,
.page_list a:hover .introdetail h5 img {
	transform: scale(1.1);
}
.recommend .list a .introdetail .txt,
.page_list a .introdetail .txt {
    background: #008fd7;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 15px;
    height: 60px;
    overflow: hidden;
    position: relative;
    transition: all .5s ease;
}
.recommend .list a:hover .introdetail .txt,
.page_list a:hover .introdetail .txt {background: #424242;transition: all .5s ease;}
.recommend .list a .introdetail .txt span,
.page_list a .introdetail .txt span {
	color:#fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
}
.recommend .list a .introdetail .txt p,
.page_list a .introdetail .txt p {
	color:#fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	margin: 0;
}

.list_science {
	position: relative;
	margin: 50px auto 0px;
}
.inforarticallist{
	position: relative;
	margin: 0px auto;
}
.inforarticallist>div:nth-child(1) {padding: 0 0 20px;}
.inforarticallist>div{
	position: relative;
	/*height: 260px;
	width: 100%;*/
	border-bottom: 1px solid #ededed;
	padding: 20px 0;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
}
.inforarticallist>div:last-child{
	border-bottom: none;
}
.inforarticallist>div>img{
	/*height: 200px;
	width: 265px;*/
	object-fit: cover;
}
.inforarticallist>div .articaldetail{
	position: relative;
	/*width: 932px;*/
}
.inforarticallist .articaldetail h3{
	color:#000;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
	margin:0;
}
.inforarticallist .articaldetail>p:nth-child(2){
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 20px;
	line-height: 1.5;
	color: #666;
	margin-top: 15px;
}
.inforarticallist .articaldetail>p:nth-child(4){
	width: 110px;
	height: 40px;
	background: #008fd7;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	position: absolute;
	right: 15px;
	line-height: 40px;
}
.inforarticallist .articaldetail>p:nth-child(4) a{
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
}
.list_science .a_img span {
	display: block;
	position: relative;
	overflow: hidden;
}
.list_science img {object-fit: cover;transition: transform .5s;}
.list_science img:hover {transition: transform .5s;transform: scale(1.1);}
.list_science .p1 {}
.list_science .p2 {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	position: absolute;left: 15px;bottom: 5px;color: rgba(105,105,105);
}
.list_science .p3 {position: absolute;right: 4.5%;bottom: 5px;}


.list_race {
	position: relative;
	margin: 50px auto;
}

.list_train {
	position: relative;
	margin: 50px auto;
}

.list_equipment {
	position: relative;
	margin: 50px auto;
}
.list_equipment .page_list .txt {
	display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}
.list_equipment .page_list .txt .fa {
	display: inline-block;
	margin-right: 10px;
}
.list_equipment .page_list .txt span {
	color: #008fd7;
	font-size: 15px;
	line-height: 1.3;
	display: inline-block;
	transition: all .5s ease;
}
.list_equipment .page_list .txt span:hover {padding-left: 10px;}

.index_about {
	position: relative;
	/*margin: 0px auto 50px;*/
}
#aboutusbox{
	overflow: hidden;
	margin-top: 70px;
	padding-bottom: 145px;
}
#aboutusbox .aboutusleft{
	/*width: 265px;
	float: left;*/
}
.aboutusleft>ul{
	/*width: 205px;
	height: 180px;*/
}
.aboutusleft>ul li{
	background: #008fd7;
	width: 100%;
	height: 45px;
	color: #fff;
	text-align: center;
	line-height: 45px;
}

.aboutusleft>ul li a{
	display: block;
	color: #fff;
}
.aboutusleft>ul li a:hover,
.aboutusleft>ul li.active{
	background: #226d93;
}
#aboutusbox .aboutusright{
	/*width: 905px;
	float: left;*/
}
.aboutusright>p{
	width: 100%;
	height: 54px;
	background: #008fd7;
	color: #fff;
	text-align: center;	
	line-height: 54px;	
			
}
.aboutusright>p .aboutline{
	display: inline-block;
	width: 255px;
	height: 1px;
	background: #fff;
	position: relative;	
	top: -5px;
}
.aboutusright>p span:nth-child(2){
	margin: 0 10px;
	font-size: 20px;
}
.aboutusright .conpanyadd>p{
	height: 126px;
	line-height: 126px;
	width: 100%;
	color:#8db50f ;
	font-size: 20px;
	font-weight: 600;
}
.aboutusright .conpanyadd>img{
	width: 100%;
	height: 539px;
}
.aboutusright .conpanyplace{
	margin-top: 40px;
	border-bottom: 1px solid #c4c4c4;
	padding-bottom: 50px;
	margin-bottom: 10px;	
}
.aboutusright .conpanyplace>p{
	height: 90px;
	line-height: 90px;
	width: 100%;
	color:#8db50f ;
	font-size: 20px;
	font-weight: 600;
}
.aboutusright .conpanyplace>div{
	line-height: 30px;
}
.aboutusright .otherconpanyplace>p{
	height: 80px;
	line-height: 80px;
	width: 100%;
	color:#8db50f ;
	font-size: 20px;
	font-weight: 600;
}
.aboutusright .otherconpanyplace>div{
	line-height: 30px;
}
@media (max-width: 1199px) {
    .navbar-expand-md .navbar-nav {display: none;}
    .navbar-expand-md>.container {    flex-wrap: wrap;}
    .header {
		display: block;
	}
	.header_nav {
		display: none;
	}
	.pc_banner {display: none;}
	.m_banner {display: block;}
}
@media (max-width: 991px) {
	.index_news_list .figure_img_txt {
	    margin: 0 auto 20px;
	}
	.index_about .figure_img img {object-fit: contain;}
	.h-h2::before {right: -30%;}
	.h-h2::after {left: -30%;}
	.inforheadsmall p {
	    margin: 0;
	}
	.nextprevbox {padding: 10px 0;}
	.inforheadsmall {
	    position: relative;
	    margin: 0 auto 20px;
	    padding-bottom: 20px;
	}
	.index_about {
	    position: relative;
	}
	.list_equipment,
	.list_train,
	.list_race,
	.index_details,
	.list_science {
	    position: relative;
	    margin: 20px auto 0px;
	}
	.position_txt {
	    position: relative;
	    margin: 0px auto 20px;
	}
	.recommend {
	    position: relative;
	    margin: 20px auto 0;
	}
	.recommend .h3 {
	    font-size: 25px;
	    line-height: 30px;
	}
	.inforarticallist .articaldetail h3 {margin: 15px 0 0;}
	.list_science .p2 {position: relative;left: auto;bottom: auto;margin: 0;}
	.inforarticallist .articaldetail>p:nth-child(4) {
		position: relative;right: auto;bottom: auto;
		margin: 15px 0 0;
	}
	.index_news_list .span {display: block;}
	.index_news_list .figure_img_txt .figcaption .a {display: none;}
	.cooperative_figure .span {display: block;}
	.index_title .txt {display: none;}
	.index_about .m_txt {display: block;margin: 20px auto 0;}
	.index_about .m_txt .list .figure_img_txt {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		background: #00a2e0;
		margin: 0 auto;
		height: 200px;
		position: relative;
		overflow: hidden;
	}
	.index_about .m_txt .list .figure_img_txt3 {
		align-items: inherit;
		height: 200px;
		position: relative;
		overflow: hidden;
	}
	.index_about .m_txt .list .figure_img_txt img {width: 100%;}
	.index_about .m_txt .list .figure_img_txt .img {
		width: 50%;
		padding: 0;
	}
	.index_about .m_txt .list .figure_img_txt .figcaption {
		width: 50%;
		/*padding: 0 0 0 20px;*/
		padding: 15px;
	}
	.index_about .m_txt .list .figure_img_txt3 .figcaption {padding: 15px;}
	.index_about .m_txt .list .figure_img_txt3 .figcaption1 {background: #00af50;}
	.index_about .m_txt .list .figure_img_txt3 .figcaption2 {background: #a374d2;}
	.index_about .m_txt .list .figure_img_txt .figcaption strong {
	    color: #fff;
	    font-size: 20px;
	    font-weight: 600;
	    line-height: 1.3;
	    display: block;
	}
	.index_about .m_txt .list .figure_img_txt .figcaption small {
	    color: #fff;
	    font-size: 13px;
	    line-height: 1.5;
	    display: block;
	    margin-top: 5px;
	}
	.index_about .m_txt .list .figure_img_txt .figcaption p {
	    color: #fff;
	    font-size: 14px;
	    line-height: 1.5;
	    margin: 10px auto 0;
	}
}
@media (max-width: 767px) {
	.index_about .m_txt .list .figure_img_txt {height: 150px;}
	.index_about .m_txt .list .figure_img_txt .figcaption {padding: 0 0 0 15px;}
	.index_about .m_txt .list .figure_img_txt3 .figcaption {padding: 15px;}
	.index_about .m_txt .list .figure_img_txt3 {height: 170px;}
	.index_about .m_txt .list .figure_img_txt .figcaption strong {
	    font-size: 18px;
	}
	.index_about .m_txt .list .figure_img_txt .figcaption small {
	    font-size: 12px;
	    line-height: 1.1;
	}
	.index_about .m_txt .list .figure_img_txt .figcaption p {
		font-size: 13px;
	    line-height: 1.3;
	    margin: 5px auto 0;
	}
	/*.banner_img .swiper-slide {height: 50vh;}*/
	#homeimgsection .swiper-container .bannertime {
	    height: 50px;
	    line-height: 50px;
	}
	#homeimgsection .swiper-container .bannertime p {
	    color: #fff;
	    font-size: 20px;
	    line-height: 25px;
	}
	#homeimgsection .swiper-container .bannertime span {
	    padding: 10px;
	    font-size: 25px;
	    line-height: 30px;
	    font-weight: 500;
	}
	.index_about {/*padding: 30px 0;*/margin: 30px auto;}
	.index_news {margin: 30px auto;}
	.cooperative_figure {padding: 0px;margin: 30px auto;}
	.cooperative_figure .list {margin: 20px auto 0;}
	.index_title .figure_img {margin-top: 20px;}
	.index_title .h2 {font-size: 25px;}
	.index_title .index_title_img {/*width: 50%;*/}
	.h-h2::before {right: -45%;}
	.h-h2::after {left: -45%;}
	.index_news .list {margin: 20px auto 0;}
	.footer {padding: 30px 0 80px;}
	.footer .footleft .ul li a span {
	    font-size: 16px;
	}
		.footer .footleft {justify-content: flex-start;order: 2;}
	.footer .footleft .ul {width: 33%;margin-bottom: 20px;}
	.footer .footright {
	    justify-content: space-around;
	    margin-top: 0;
        margin-bottom: 20px;
        order: 1;
	}
	.footer .footright .qodeimg {    
		margin: 10px auto;
	    height: auto;
	    width: 100%;
	}
	.footer .footright .qodeimg img {
		display: block;
		width: 100px;
		height: 100px;
		margin: 0 auto;
	}
	.footer .footright .qodeimg p {margin: 10px auto;}
	.footer .footer_nav {display: block;}
	.index_news_list .ck_a {margin: 0 auto;}
}
@media (max-width: 575px) {
	.index_about .m_txt .list .figure_img_txt {
	    height: auto;
	}
	.index_about .m_txt .list .figure_img_txt3 img {height: 220px;}
	.index_about .m_txt .list .figure_img_txt .figcaption {
	    padding: 0 10px;
	}
	.index_about .m_txt .list .figure_img_txt3 {
		height: 220px;
    	background: #fff;
	}
	.index_about .m_txt .list .figure_img_txt3 .figcaption {width: 33.3%;padding: 10px;}
	.index_about .m_txt .list .figure_img_txt3 .img {width: 33.3%;}
    .dede_pages ul li a,.dede_pages a,.dede_pages .page-num {
		font-size: 13px;
		padding: 5px 10px;
    }
	.index_news .list .figure_img_txt {flex-wrap: wrap;}
	.index_news .list .figure_img_txt .figcaption {
		margin: 0 auto;
    	width: 100%;
	}
	.index_news .list .figure_img_txt .img {width: auto;}
	.index_news .list .figure_img_txt .figcaption {width: 100%;}
	.cooperative_figure .list .a_img {width: 20%;}
	.footer .footleft .ul {width: 50%;}
	.footer .footer_nav .ul li a {
	    font-size: 12px;
	    line-height: 1.3;
	    padding: 10px 4px;
	}
	/*.footer .footer_nav .ul li a .fa {
	    font-size: 12px;
	    line-height: 1.3;
	}*/
	.index_news .list .figure_img_txt .img img {
    	object-fit: cover;
    	transition: all 0.5s linear;
    	width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    .cooperative_figure .list .a_img img {
        width: 80%;
        height: auto;
    	object-fit: cover;
    	display: block;
    	margin: 0 auto;
    }
    .index_news_list .figure_img_txt {
	    width: 50%;
	}
	.index_news_list .figure_img_txt .a_img {
		width: 150px;
		height: 150px;
	}
	.index_news_list .figure_img_txt .a_img img {
	    width: 140px;
	    height: 140px;
	}
	.index_news_list {
		padding: 30px 0 20px;
	}
	.link .ul li {line-height: 1.2;}
	.link .ul li a {font-size: 12px;line-height: 1;}
	.footer .footer_nav .ul .index_li img {
		width: 30px;
		height: 30px;
		margin: 8px auto 0;
	}
	.cooperative_figure .list {display: none;}
	.cooperative_figure .m_list {display: flex;}
	.recommend .list a .introdetail .txt, 
	.page_list a .introdetail .txt {height: auto;}
	.science_report_bg .sr_txt {
	    margin-bottom: 15px;
	    padding: 0 50px;
	}
}
@media (max-width: 400px) {
	.index_news_list .figure_img_txt {width: 50%;}
	.index_news_list .figure_img_txt .figcaption .txt_a {
		font-size: 13px;
		line-height: 1;
		margin: 10px auto 5px;
	}
	.index_news_list .figure_img_txt .figcaption .p {
		font-size: 12px;
		line-height: 1.3;
		height: auto;
	}
	.index_news_list .figure_img_txt .figcaption .a {font-size: 13px;padding: 5px;}
	.index_news_list .figure_img_txt .a_img {
		width: 120px;
		height: 120px;
	}
	.index_news_list .figure_img_txt .a_img img {
	    width: 110px;
	    height: 110px;
	}
	.index_about .m_txt .list .figure_img_txt {height: auto;}
	.index_about .m_txt .list .figure_img_txt .img {width: 100%;}
	.index_about .m_txt .list .figure_img_txt3 img {height: auto;}
	.index_about .m_txt .list .figure_img_txt .figcaption {
		padding: 15px;
		width: 100%;
	}
	.index_about .m_txt .list .figure_img_txt .img {order: 1;}
	.index_about .m_txt .list .figure_img_txt .figcaption {order: 2;}
}
@media (max-width: 460px) {
	.h-h2::before {width: 50px;right: -50%;}
	.h-h2::after {width: 50px;left: -50%;}
}
@media (max-width: 380px) {
	.h-h2::before {right: -60%;}
	.h-h2::after {left: -60%;}
}