/** CSS Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;}
a:hover{ text-decoration:none;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.fl{float:left;}
.fr{float:right;}

.m1000{width: 1000px;margin: 0 auto 40px; overflow: hidden;position: relative;}

/*==============header======================*/
.head { position: relative; width: 100%; height: 680px; background: url(../images/header.jpg) no-repeat center top; }
/*---------header-------*/
.nav { position: absolute; left: 0; top: 600px; width: 100%; height: 80px; background: url(../images/nav-bg.png) no-repeat 0 0;  }
.nav-m { display: none; }
.nav ul { height: 100%; }
.nav ul li { float: left; width: 20%; height: 100%; text-align: center; font: 30px/80px "Microsoft Yahei"; }
.nav-m ul li { width: 25%; }
.icon-nav { display: inline-block; width: 31px; height: 24px; background: url(../images/icon_s.png) no-repeat 0 0; }
.nav-m ul li:nth-child(2) i { background-position: -174px 0; }
.nav-m ul li:nth-child(3) i { background-position: -342px 0; }
.nav-m ul li:nth-child(4) i { background-position: -519px 0; }
.nav a { color: #fff; }
.selected { background-color: #fd8901; }

/*==============main======================*/
.main { width: 100%; height: 5140px;  background: url(../images/bg.jpg) no-repeat center top; background-size: cover;}

.title { margin-bottom: 30px; text-align: center; }
/*---main1----*/
#main1 { padding-top: 40px; }
.text { box-sizing: border-box; width: 100%; height: 210px; margin-bottom: 20px; padding: 30px 25px; background: url(../images/text_bg.png) no-repeat 0 0; background-size: 100% 100%; }
.text p { font: 16px/30px "Microsoft Yahei"; text-indent: 2em; color: #fff; }
.slider { position: relative; width: 100%; height: 600px; overflow: hidden; margin-bottom: 20px; }

.slides { position: relative; width: 600%; right: 0;  }
.slides li { float: left; width: 16.66667%; }
.controls li { position: absolute;  top: 50%; height: 60px; margin-top: -40px; cursor: pointer; z-index: 99; }
.controls li:nth-child(1) { left: 0; }
.controls li:nth-child(2) { right: 0; }
.pagination { position: absolute; left: 50%; bottom: 20px; margin: 0 auto; }
.pagination li { float: left; width: 12px; height: 12px; margin-right: 10px; border-radius: 50%; background-color: #ddd; }
.pagination li.active { background-color: #000; }
.responsive { width: 100%; }

#main1 .slider { height: 500px; }

.video { position: relative; float: left; box-sizing: border-box; width: 32%; height: 200px; margin: 0 8px 10px 0; cursor: pointer; }
.video>img { width: 100%; }
.icon-play { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); }
.video-title { position: absolute; bottom: 0; width: 100%; height: 40px; text-align: center; color: #fff; font: 15px/40px 'Microsoft Yahei'; background: url(../images/title_bg.png) no-repeat 0 0; background-size: cover; }
.tip { position: fixed; z-index: 11111; left: 0; top: 0; display: none; width: 100%; height: 100%; }
.tip img { width: 100%; height: 100%; }

#main1 .video-title { background-image: url(../images/title_bg_black.png); }

/*-----main2-----*/

.cover { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; background: url(../images/title_bg.png) no-repeat 0 0; background-size: cover;  }
.cover span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 30px; }

/*------main3--------*/
#main3 .slides {  width: 2600%; }
#main3 .slides li {  width: 3.8461%; }


/*---main4-----*/
#main4 .slides { width: 500%; }
#main4 .slides li { width: 20%; }


/*---main5-----*/
.img-show { padding: 10px; background: url(../images/img-bg.jpg) no-repeat 0 0;  }
.show-2 { height: 431px; }
.year li { float: left; margin: 0 10px 10px 0; }
.year li:nth-child(3),.year li:nth-child(6) { margin-right: 0; }




/*mobile*/

@media screen and (max-width: 414px) {
	.head_nav,.foot,#doyoo_panel {display: none !important;}
	
	.m1000 { width: 100%; }
	.main { height: auto; }
	.title img { width: 70% }
	.head { width: 100%; height: 400px; background: url(../images/header_m_1.jpg) no-repeat center 0; background-size: cover; }
	.nav { display: none; }
	.nav-m { position: fixed; display: block; z-index: 9999; top: auto; bottom: 0; height: 60px; }
	.nav-m ul li { padding-top: 8px; font-size: 16px; line-height: 24px; }
	.icon { width: ; height: 44px; }
	.text { width: 95%; height: auto; margin: 0 auto 20px; }
	.text p { line-height: 24px; }
	.video { height: auto; }

	#main1 .video { margin-right: 4px; }

	#main2 .video { width: 48%; }
	#main2 .video:nth-child(even) { margin: 0 2px 10px 0; } 

	.slider { width: 95%; height: 207px; margin: 0 auto; }
	.controls li { width: 30px; height: 50px; margin-top: -25px; }
	.controls li img { width: 100%; }

	#main1 .slider { height: auto; margin-bottom: 10px; }
	
	#main4 { padding-bottom: 30px; }
	.show-1 { width: 96.5%; height: 300px; margin: 0 auto; }
	/*main5*/
	#main5 { display: none; }

}