/* CSS Document */

.swiper-banner {
	overflow: hidden;
}

.banner {
	display: block;
	width: 100%;
}

.banner img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.head {
	padding: 15px 0;
}

.head .container {
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
}

.head .logo {
	display: block;
	float: left;
	width: 45%;
}

.head .logo img {
	max-width: 100%;
	display: block;
	max-height: 68px;
}

.head .menu {
	float: right;
	width: 60%;
	margin-left: 5%;
	display: flex;
	flex-direction: row;
}

.head .menu li {
	width: 100%;
	text-align: center;
	line-height: 1.7;
	position: relative;
	padding: 15px 0;
}

.head .menu li a {
	font-size: 16px;
	color: #333;
}

.head .menu li.active>a,
.head .menu li:hover>a {
	color: #d71b22;
}

.head .menu li.active>a {
	border-bottom: 3px solid #D71B22;
	padding: 10px 0;
}

.head .menu dl{ min-width: 130px; display: none; position: absolute; top: 100%; background: #fff; z-index: 1000; width: 100%; }
.head .menu dl dd a{ font-size: 14px; display: block; padding: 10px 5px;}
.head .menu dl dd:hover a{ background: #D71B22 ; color: #fff;}

.head .menu li:hover dl{ display: block;} 


.nav-toggle {
	width: 30px;
	text-align: center;
	font-size: 30px;
	cursor: pointer;
	float: right;
	color: #fff;
	display: none;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -15px;
}

.nav-toggle span {
	width: 100%;
	height: 3px;
	background: #777;
	border-radius: 20px;
	display: block;
	margin: 5px 0
}

.foot {
	background: #323434;
	padding-top: 30px;
	color: #bbb;
	line-height: 1.8;
}

.foot a {
	color: #bbb;
}

.foot .nav-all {
	width: 68%;
	float: left;
	display: flex;
	flex-direction: row;
}

.foot .nav-all dl {
	width: 100%;
	text-align: center;
}

.foot .nav-all dl dt a {
	color: #fff;
	margin-bottom: 5px;
	display: block;
}

.foot .right {
	float: right;
	width: 28%;
	overflow: hidden;
	line-height: 2;
}

.foot .right h2 {
	font-weight: normal;
	color: #fff;
	font-size: 18px;
	margin-bottom: 10px;
}

.foot .right dl {
	float: left;
	width: 50%;
	font-size: 13px;
}

.foot .right dl dt {
	font-size: 14px;
	color: #fff;
}

.foot .copy {
	padding: 20px 0;
	line-height: 1.8;
	clear: both;
	margin-top: 30px;
	background: #252626;
	color: #bbb;
	text-align: center;
}

.info-banner {
	display: block;
	height: 500px;
	overflow: hidden;
	background: center no-repeat;
	background-size: cover;
	transition: all .3s;
}
.info-menu{ border-bottom: 1px solid #e4e4e4; line-height: 70px;}
.info-menu ul{  margin: 0 auto; 
 display: flex;align-items: center;justify-content: center; flex-direction: row; }
.info-menu ul li{  padding: 0 2vw; font-size: 19px; }
.info-menu ul li a{ color: #111; display: block; text-align: center;}
.info-menu ul li.active a{ color: #d71b22; }
.info-menu ul li.active a:after{ content: ""; margin: 0 auto; display: block; width: 80px; height: 3px; background: #D71B22;}

.about,.about-host{ padding: 60px 0; font-size: 16px; overflow: hidden; line-height:2;}
.about p{ padding: 20px 0 0;}
.about img{ float: left; margin-right: 20px; max-width: 30%;}
/*.about .one{ margin-top: 20px;}*/
.about-title{ font-size: 24px; color: #333; padding: 30px 0 20px; text-align: center;}
.about-icon{ display: block; padding: 20px 0;  overflow: hidden;}
.about-icon li{ width: 25%; float: left; position: relative; top: 0; transition: all .3s;}
.about-icon li img{ display: block; margin: 0 auto 10px;}
.about-icon li p{ width: 95%; margin: 0 auto; text-align: center; font-size: 15px;}
.about-icon li:hover{ top: -10px; color: #000;}

.map{ height: 400px; margin: 30px 0;}
.contact-word{ line-height: 2; padding-bottom: 50px; color: #333;}
.contact-word img{ margin-top: 15px; display: block;}


.audience-time{ padding: 120px 0; text-align: center; font-size: 18px; line-height: 2.2; color: #000;}
.guide{ padding: 20px 0; line-height: 1.9;}
.guide h2{color: #000;  font-size: 16px;}
.tab-block .map{ margin: 0;}
.activity p{ margin-top: 5%;}

.media-ul{ padding-top: 20px;}
.media-ul li{ transition: all .3s; margin-top: 20px; border: 1px solid #EDEDED; line-height: 1.8; }
.media-ul li a{ display: block; padding: 20px; overflow: hidden;}
.media-ul li .img{ height: 190px; width: 25%; margin-right: 20px; float: left; background: center no-repeat; background-size: cover;}
.media-ul li .time{ color: #b2b2b2; text-align: right; width: 100px; line-height: 1.8; float: right; height: 190px; background: url(../image/enter-news.png) bottom right no-repeat; }
.media-ul li .time p{ font-size: 24px;}
.media-ul li .title{ font-size: 18px; color: #000; margin-top: 10px;} 
.media-ul li .word{ color: #888; font-size: 15px; margin-top: 20px;}
.media-ul li .title:after{ content: ""; display: block; width: 30px; height: 3px; background: #dedede; margin-top: 10px;}

.page-all{ overflow: hidden; padding: 30px 0;}
.page-all ul{ float: right;}
.page-all li{ float: left; margin-left: 20px;}
.page-all li.active a{ color: #D71B22;}

.media-ul li:hover{ border-color: #D71B22}
.media-ul li:hover .title{ color: #D71B22;}

.new-page{ padding: 30px 0; line-height: 1.8;}
.new-page a{ display: block;}
.new-page a:hover{ color: #D71B22;}

.media-title{ padding: 60px 0 40px; text-align: center;}
.media-title h2{ font-size: 24px; color: #000; padding-bottom: 15px; font-weight: normal;}
.media-title p span{ padding: 0 10px; color: #555;}
.media-word{ line-height: 2; color: #555;}
.media-word p{ padding: 10px 0;}
.media-word img{ display: block; margin: 0 auto; max-width: 100%;}

.product{ padding: 50px 0;}
.product li{ color: #555; position: relative; padding-left: 60px; margin-bottom: 40px;}
.product li img{ position: absolute; top: 0; left: 0;}
.product li .title{ color: #000; font-size: 15px; padding-bottom: 20px; }
.product li .title:before{ content: ""; width: 30px; height: 1px; background: #D71B22; display: block; margin-bottom: 10px;}

.reserve-form{ max-width: 500px; margin: 50px auto ; }
.reserve-form li{ overflow: hidden; line-height: 45px; margin-bottom: 13px;}
.reserve-form li .title{display: block; width: 20%; float: left; text-align: right;}
.reserve-form li .right{ float: right; width: 80%; box-sizing: border-box; height: 45px; line-height: 45px; border: 1px solid #dedede; box-sizing: border-box; padding: 0 10px; border-radius: 5px; color: #222;}
.reserve-form li div.right{ border: none; height: auto;}
.reserve-form li .label{ display: block; width: 25%; float: left;}
.reserve-form li  div.right input{ margin-right: 8px;}
.reserve-form li  div.right .shuru{  border: 1px solid #dedede; margin-left: 5px; padding:5px 10px; }
.reserve-form li .button{ display: block; border: none; cursor: pointer; background: #D71B22; color: #fff; display: block; font-size: 16px; border-radius: 30px; margin: 0 auto; width: 150px; height: 45px;}

.download-title{ text-align: center; padding-top: 50px; font-size: 16px; line-height: 1.8;}
.download-list{ margin-bottom: 30px; line-height: 2; font-size: 15px;}
.download-list li { padding: 15px 0; border-bottom: 1px solid #EDEDED;}
.download-list li span{ display: block; font-size: 17px; background: url(../image/wd.png) center left no-repeat; padding-left: 25px; color: #D71B22;}
.download-list li p{ padding-left: 25px;}

.home-block{  display: flex;  flex-wrap: wrap; justify-content: space-between; }
.home-block .block{ width: 28%; margin-bottom: 30px;}
.home-block .block .title{ display: block; text-align: center; padding: 50px 0; font-size: 24px; color: #000;}
.home-block .block .cont{ box-shadow: 0 0 20px rgba(0,0,0,.2);display: block; padding: 18px;}
.home-block .block .img{ height: 200px; background: center no-repeat; background-size: cover;}
.home-block .block .name{ line-height: 30px; font-size: 16px; color: #000; padding: 15px 0 5px;}
.home-block .block .zi{ overflow: hidden; line-height: 25px; color: #555; height: 75px; margin-bottom: 10px;}
.home-block .block .time{ color: #999; display: block; height: 20px;}
.home-block .block .button{ display: block; height: 40px; width: 120px; margin: 10px auto 0; border: 1px solid #DEDEDE; text-align: center; line-height: 40px; border-radius: 50px;}
.home-block .block .cont:hover .name{ color: #D71B22;}
.home-block .block .cont:hover .button{ background: #D71B22; color: #fff;}


.home-block .block-coop{ width: 18%;} 
.home-coop{} 
.home-block  .block  .home-coop{ overflow: hidden; width: 100%; box-sizing: border-box; padding-bottom: 5px;}
.hehhe{height:445px;overflow:hidden; width: 100%;}
.home-coop a{ box-sizing: border-box; display: block; border: 1px solid #DEDEDE; height: 90px; overflow: hidden; margin-bottom: 15px; display: flex;align-items: center; width: 100%;}
 
.home-coop a img{ display: block; margin: 0 auto; transition: all .3s; max-width: 90%; max-height:90%;}
.home-coop a:hover{ border-color: #D71B22;} 

#marquee4,#marquee3{ height:420px; overflow:hidden; }
/*#marquee4 ul li{float:left; width:180px; padding:10px; line-height:20px;}*/



.home-news{ overflow: hidden;  margin: 20px 0;}
.home-news li{ width: 23.5%; margin-right: 2%; float: left;}
.home-news li:last-child{ margin-right: 0;}
.home-news li img{ display: block; width: 100%; margin: 0 auto; transition: all .3s;}
.home-news li:hover img{ transform: scale(1.1);}
.home-news li .img{ overflow: hidden; margin-bottom: 15px;}
.home-news li .word{ padding: 15px 0 ; color: #666; line-height: 1.8;}
.home-news li .top{ border-bottom: 2px solid #D71B22; padding: 0 0 15px;}
.home-news li .top .num{ float: right; font-family: "arial, helvetica, sans-serif"; color: #D71B22; font-size: 34px;}
.home-news li .top .cn{ display: block; padding-top: 5px; color: #000; font-size: 18px;}
.home-news li:hover .word{ color: #000;}


.home-title{ padding: 50px 0 0; text-align: center;  }
.home-title .cn{ font-size: 30px; color: #333; position: relative; top: -40px;} 
.home-title .en-top{ color: #e7e7e7; font-size: 60px;  font-family:"Calibri";}
.home-title .cn:after{ content: ""; display: block; width: 50px; height: 3px; background: #D71B22; margin: 15px auto;}

.home-time{ display: block; position: relative;}
.home-time:after,.home-time:before{ width: 50%; z-index: 10; content: ""; display: block; position: absolute; top: 0; height: 100%;}
.home-time:after{ left: 0; background: #d93334;}
.home-time:before{ right: 0; border-bottom: 10px solid #d93334;}
.home-time .left{ color: #fff; float: left; width: 50%; text-align: center;}
.home-time .left img{ display: block; margin: 0 auto 5px; max-width: 100%;}
.home-time .title{ font-size: 24px; margin-bottom: 20px;}
.home-time .right{ width: 50%; float: left; text-align: center; color: #D93334;}
.home-time .right .num{ font-size: 24px; margin-top: 25px;}
.home-time .right .num span{ font-size: 72px; font-weight: bold; }

.home-measure{ background: url(../image/home-n2.png) fixed center no-repeat; padding: 30px 0; color: #fff; background-size: cover;}
.home-measure ul{display: flex; flex-direction: row;}
.home-measure li{ width: 100%; text-align: center; position: relative; top: 0; transition: all .3s;}
.home-measure li img{ display: none; margin: 0 auto; max-width: 80%;}
.home-measure li .num{ color: #D93334; font-size: 36px; padding: 10px 0;}
.home-measure li .num span{ font-size: 60px; font-weight: bold;}
.home-measure li .name{ font-size: 24px;}
.home-measure li:hover{ top: -10px;}

.home-class{ }
.home-class li{ overflow: hidden; width: 33.33%; text-align: center; float: left; padding: 50px 0;}
.home-class li .icon{ width: 70px; height: 70px; display: block; margin: 0 auto; border: 1px solid #EDEDED; background: url(../image/home1.png) center left no-repeat; border-radius: 50%; transition: all .3s;}
.home-class li .icon.icon-in{ background-image: url(../image/home2.png);}
.home-class li .icon.icon-acc{ background-image: url(../image/home3.png);}
.home-class li a{ transition: all .3s; margin: 0 auto; display: block; padding: 30px 0; width: 90%;}
.home-class li p{ padding: 20px 0; font-size: 16px; line-height: 1.8;}
.home-class li a:hover {box-shadow: 0 0 20px rgba(0,0,0,.2)}
.home-class li a .btn{ margin-top: 10px; border-radius: 30px; border: 1px solid #DEDEDE; color: #888;  display: block; margin: 0 auto; width: 90px; line-height: 35px;}
.home-class li a:hover .btn{ background: #D93334; color: #fff;}
.home-class li a:hover .icon{ background-color: #D92629; background-position: right center;}

@media screen and (max-width:1500px) {}

@media screen and (max-width:1400px) {}

@media screen and (max-width:1200px) {
	.head .menu li span {
		font-size: 14px;
	}
	.info-banner {
		height: 400px;
	}
	.head .menu li {
		font-size: 12px;
	}
	.about,.about-host{ font-size: 15px; line-height: 1.8;}
	.about-icon li p{ font-size: 14px;}
	.about-icon li p br{ display: none;}
}

@media screen and (max-width:1024px) {
	.nav-toggle {
		display: block;
	}
	.head .menu {
		display: none;
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		margin: 0;
		z-index: 100;
		background: #fff;
		padding: 20px 0 10px;
		box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
	}
	.head .menu li:first-child {
		border-top: 1px solid #EDEDED;
		padding-top: 10px;
	}
	.head .menu li {
		width: 100%;
		text-align: left;
		line-height: 40px;
		box-sizing: border-box;
		padding: 0 15px;
	}
	.head .menu li p {
		display: inline-block;
		padding-left: 10px;
	}
	.foot .right dl {
		width: 100%;
	}
	.info-menu ul li a{ font-size: 18px; }
	
	.home-news li{ width: 31%;}
	.home-news li:last-child{ width: 96%;}
	.home-news li:last-child .img{ float: left; width: 32%; margin-right: 5%;}
	
	.home-block .block .title{ font-size: 20px; padding: 30px 0;}
	.home-block .block{ width: 48%;}
	.home-block .block:nth-child(3){width: 100%;}
	/*.home-coop a{ width: 23.5%; float: left !important; box-sizing: border-box; margin-right: 2%;}
	.home-coop a:nth-child(4n){ margin-right: 0;}*/
	
	.home-title { padding-top: 40px;}
	.home-title .en-top{ font-size: 60px;}
	.home-title .cn{ font-size: 24px; top: -20px;}
	.home-title .en{ top: -20px;}
	
	.home-measure li .num span{ font-size: 50px;}
}

@media screen and (max-width: 800px) {
	.foot .right,
	.foot .nav-all {
		width: 100%;
	}
	.foot .nav-all dl {
		text-align: left;
	}
	.foot .right h2 {
		font-size: 16px;
	}
	.foot .right dl {
		width: 50%;
	}
	.info-banner {
		height: 300px;
	}
	.info-menu ul li a{ font-size: 16px; }
	.info-menu ul li{ line-height: 60px;}
	.about,.about-host{ font-size: 14px;} 
	.home-news li{ width: 48.5%; margin: 0 0 15px !important;}
	.home-news li:last-child{ width: 48.5%;}
	.home-news li:last-child .img{ float: none; width: 100%; margin-right:0;}
	.home-news li:nth-child(2n){ float: right;}
	
	.home-measure li .num{ font-size: 20px;}
	.home-measure li .num span{ font-size: 40px;}
	.home-measure li img{ width: 60px;}
	.home-measure li .name{ font-size: 18px;}
	.home-measure{ padding: 100px 0;}
	.home-time .right .num span{ font-size: 55px;}
}

@media screen and (max-width: 720px) {}

@media screen and (max-width: 640px) {
	body {
		font-size: 13px !important;
	}
	* {
		background-attachment: inherit;
	}
	.head {
		padding: 10px 0 15px;
	}
	.head .logo {
		width: 80%;
	}
	.head .logo img {
		height: 38px;
	}
	.head .menu {
		padding-top: 15px;
	}
	.head .menu li a {
		font-size: 14px;
	}
	.foot .nav-all {
		display: block;
		display: none;
	}
	.foot {
		padding-top: 15px;
	}
	.foot .copy {
		margin-top: 15px;
	}
	.info-banner {
		height: 160px;
	}
	.info-menu ul li a{ font-size: 14px; }
	.info-menu ul li{ line-height: 50px;}
	.info-menu ul li.active a:after{ width: 70px;}
	.about,.about-host{ font-size: 13px; padding: 30px 0;}
	.about p{ padding-top: 0; padding-bottom: 18px;}
	
	.about-title{ font-size: 18px; padding: 20px 0 15px;}
	.about-icon{ display: flex;  flex-wrap: wrap; justify-content: space-between; padding-bottom: 0; }
	.about-icon li{ width: 50%; margin-bottom: 20px;}
	.about-icon li p{ font-size: 13px; line-height: 1.8;}
	.about-icon li img{ width: 65px;}
	.map{ height: 280px;}
	.audience-time{ padding:80px 0; font-size: 15px; }
.activity p{ margin-top: 0%;}

.media-ul li a{ padding: 10px; position: relative;}
.media-ul li .img{ width: 100%; margin: 0 0 15px;}
.media-ul li .time{ height: auto; width: auto; position: absolute; bottom: 10px; left: 10px; right: 10px; text-align: left; background-size: 30px; line-height:35px;}
.media-ul li .time p{ float: left; font-size: 14px;}
.media-ul li .time span{ display: none;}
.media-ul li .cont{ clear: both; margin-bottom: 35px;   }
.media-ul li .title{ font-size: 15px;}
.media-ul li .word{ font-size: 13px;}

.media-title{ padding: 40px 0 15px;}
.media-title h2{ font-size: 17px;}
.media-word p{ padding: 5px 0;}

.product li .title{ padding-bottom: 5px;}
.product li { line-height: 2;}

.reserve-form li .title{ width: 25%;}
.reserve-form li .right{ width: 75%;}
.reserve-form li .label{ width: 33.33%;}
.reserve-form li .button{ width: 120px; font-size: 15px; height: 40px; margin-top: 20px;}
.download-title{ font-size: 14px;}
.download-list{ font-size: 13px;}
.download-list li span{ font-size: 15px; background-size: 18px;}

.home-block .block{ width: 100%; margin-bottom: 10px;}
.home-block .block .cont{ padding: 15px;}
.home-block .block .img{ height: 150px;}
.home-block .block .title{ font-size: 16px; padding: 20px 0;}
.home-coop a{ height: 50px;}
.home-news li .top .cn{ font-size: 14px;}
.home-news li .word{ font-size: 13px;}

	.home-coop li{ width: 32%; float: left !important; box-sizing: border-box; margin-right: 2%;}
	.home-coop li a{ 100%}
	.home-coop li:nth-child(4n){ margin-right: 2%;}
	.home-coop li:nth-child(3n){ margin-right: 0;}
	

.home-title { padding-top: 30px;}
.home-title .en-top{ font-size:40px;}
.home-title .cn{ font-size: 18px; top: -20px;}
.home-title .en{ top: -20px;}
.home-block  .block  .home-coop{ margin-bottom: 20px;}

.home-class li{ padding: 10px 0;}
.home-class li p{ font-size: 14px; padding: 0 0 15px;} 
.home-class li a{ width: 100%;}
.home-class li .icon{ transform: scale(.8);}
.home-class li a .btn{ height: 30px; line-height: 30px;}
.home-measure { padding: 50px 0 30px;}
.home-measure ul{ display: flex;  flex-wrap: wrap; justify-content: space-between; }
.home-measure li{ width: 50%; margin-bottom: 20px;}
.home-measure li .name{ font-size: 14px;}
.home-measure li .num span{ font-size: 28px;}
.home-measure li img{ width: 50px;}
.home-time .title{ font-size: 15px;}
.home-time .right .num span{ font-size: 26px;}
.home-time .right .num { font-size: 15px; margin-top: 10px;}
.home-time .left img{ margin-top: 5px;}

#marquee4, #marquee3{ height: auto;}

.info-menu{ overflow: auto;}
.info-menu ul{ width: 500px;display: block;
align-items: center;
justify-content: center;
flex-direction: row;}
.info-menu ul li{ float: left;}
.info-menu-800 ul{ width: 800px;}

}

@media screen and (max-width: 320px) {}

@media screen and (min-width:1200px) {}
@media screen and (max-width: 640px) {
.fixed-home-button{  display: none}
}

.coop-title{ border-bottom: 1px solid #EDEDED; margin-top: 40px; font-size: 24px; line-height: 50px; overflow: hidden;}
			.coop-title span{ background: #efefef; font-size: 18px; padding: 0 10px 0 20px; display: block; float: left;}
			.coop-title img{ float: left;}
			.coop-list{ overflow: hidden; margin: 30px 0;}
			.coop-list li{ float: left; width: 18.4%; margin-bottom: 15px; margin-right: 2%; }
			.coop-list li a{ height: 120px;}
			.coop-list li:nth-child(5n){ margin-right: 0;}
			 @media screen and (max-width:1024px) {
			 	.coop-list li{ width: 32%;}
			.coop-list li:nth-child(5n){ margin-right: 2%;}
			.coop-list li:nth-child(3n){ margin-right: 0;}
			.coop-list li a{ height: 100px;}
				}
				@media screen and (max-width: 640px) {
			.coop-list li a{ height: 80px;}
			 	.coop-list li{ width: 49%;}
			.coop-list li:nth-child(3n){ margin-right: 2%;}
			.coop-list li:nth-child(2n){ margin-right: 0;}
			.coop-list li{ margin-bottom: 0;}
			.coop-title span{ font-size: 16px; line-height: 40px;}
			.coop-title img{ height: 40px;}
			.coop-title{ margin-top: 20px;}
			.coop-list{ margin: 15px 0;}
				}

/*
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * */