@charset "gb2312";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html, body { width:100%; height: 100%;  margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei", tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;   -webkit-font-smoothing:antialiased;  }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#404040; text-decoration:none; }
a:hover{ color:#c00; text-decoration:none;}

div,ul,li,h4,h5,dl,dd,dt { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.amn { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}

.header { width:100%; margin:0 auto; height:100%; overflow:hidden;  background:url(../images/banner.jpg) center center no-repeat; background-size: cover;  position: relative;/* margin-bottom: 80px;*/  }


.titinfo { position:absolute; width:1200px; height:600px; left:50%; margin-left:-600px; top:50%; margin-top:-300px;z-index:10; }

.tit01 { position:absolute; width:771px; height:333px; left:50%; margin-left: -427px;  top:0%; }

.down {
	-webkit-animation: down .5s ease forwards;
	animation: down .5s ease forwards
}

@-webkit-keyframes down {
	0% {
		-webkit-transform: translateY(200px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@keyframes down {
	0% {
		transform: translateY(200px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

#flagCanvas { position:absolute; width:100%; height:334px; left:0; bottom:-28px; z-index:8; }
#flagCanvas img { width:100%; height:334px; }


.arrows{width:60px;height:72px;position:absolute;left:50%;margin-left:-30px;bottom:5%; z-index: 11;}
.arrows path{stroke:#fff;fill:transparent;stroke-width:2px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}
@keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}

100%{opacity:0}
}
@-webkit-keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}
.arrows path.a2{animation-delay:-0.5s;-webkit-animation-delay:-0.5s}
.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}

.mobtop { width:100%; float:left; display:none; }
.mobtop img { width:100%; height:auto; }

.lm { width:100%; float:left; margin:0 auto; overflow:hidden; text-align:center; padding:50px 0 20px 0; background: url("../images/lmbj.png") center center no-repeat; }

.warp { width:1200px; margin:0 auto; overflow:hidden; /*background:#fff; padding:50px 60px; margin-bottom:45px; box-shadow:15px 15px 0px rgba(255,255,255,.2); */ }

.zt_txt  { width:100%; float:left; }
.zt_txt  p { line-height:2.2em; color: #4d4d4d; padding:2%; background:#fefff8; border:1px #ea7186 dashed; font-size:18px; text-indent:2em; margin-bottom:40px;}
.zt_txt  font { background: #f5f5f5; display: block; padding:20px; margin-top: 20px;}

.video { width:100%; float:left; position: relative; margin-bottom: 40px;}
.video b { position: absolute; top:0; right:0; z-index:555; }
.video b a { display:block; float:right; background:#e08750 /*linear-gradient(45deg,rgb(0,141,219,1),rgb(6,182,123,1))*/; padding:0 20px; color:#fff; line-height:50px; font-size:20px;font-family:"\65B0\5B8B\4F53";}

.article_player { width:100%; margin:0 auto; float:left;}
#player { width:auto; height:auto; }

.warp video { margin-bottom: 40px;}

.talk { width:100%; float:left; margin-bottom: -24px; }
.talk ul li { width:48.6%; float:left; margin-right:2.6%; position: relative; overflow:hidden; height:320px; margin-bottom: 32px; }
.talk ul li img { width:100%; height:100%; display:block; overflow: hidden; transition:all ease-out .5s 0s;-webkit-transition:all ease-out .5s 0s;}
.talk ul li:hover img { -webkit-transform:scale(1.05); transform:scale(1.05);}
.talk ul li span { width:100%; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8))); position:absolute; bottom:0; padding:0 0 30px 0; }
.talk ul li span p { width:100%; float: left; text-align:center; font-size:18px; line-height:24px; color:#fff;text-shadow:1px 1px 5px rgba(0,0,0,.8);  }
.talk ul li h3 { width:20%; font-size:20px; text-align: center;  color:#FFFFFF;  line-height:46px; height:46px; overflow:hidden; position:absolute; top:0; left: 0; background: #CB0003;}

.talk ul li:hover em { transform:rotate(-180deg);-webkit-transform:rotate(-180deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1 }

.talk ul li:nth-child(2) { margin-right:0;}
.talk ul li:nth-child(4) { margin-right:0;}
.talk ul li:nth-child(6) { margin-right:0;}
.talk ul li:nth-child(8) { margin-right:0;}
.talk ul li:nth-child(10) { margin-right:0;}

.hyn{ margin: 30px 0 0 0;}

.footer { width:100%; float:left; background:#d50004; font-size:16px; line-height:52px; color:#f9d392; text-align:center; margin-top: 50px; } 
.footer strong { padding:0 0 0 6px;  }

@media screen and (max-width:800px) {
html, body { height:100%; -webkit-font-smoothing:antialiased;  background-size:cover;  background-attachment:fixed; }
.mobtop { margin-bottom: 5%;}	
.header { display:none; }
.mobtop { display:block; }
.arrows {display: none;}
.lm { padding: 0% 0;}
.lm img { width: 50%;}
.warp { width:100%; padding:0 5%; }	
.zt_txt p { font-size:.8rem; line-height:1.5rem; margin-top: 5%; margin-bottom: 7%;}
.video { width:100%; float:left; position: relative; margin-bottom: 7%;}
.video b { position: absolute; top:0; right:0; z-index:555; }
.video b a { display:block; float:right; background:#e08750 /*linear-gradient(45deg,rgb(0,141,219,1),rgb(6,182,123,1))*/; padding:0 1rem; color:#fff; line-height:2.5rem; font-size:.9rem;font-family:"Microsoft YaHei";}
#player { width:auto; height:13rem; }
.warp video { height:auto; width:100%; margin-bottom: 7%;}
.warp video poster { height:100%; width:100%}
.talk { margin-bottom: -3%; }
.talk ul li { width:100%; margin-right:0; height:13rem; margin-bottom:5%; }
.talk ul li:hover img { -webkit-transform:scale(1); transform:scale(1);}
.talk ul li span { padding:0 0 .9rem 0; }
.talk ul li span p { width:90%; margin-left:5%; font-size:1.2rem; line-height:1.4rem; height: auto;  }
.talk ul li h3 { width:28%; font-size:1.2rem; line-height:2.2rem; height: 36px;}

.talk ul li:nth-child(1) { width:100%; float:left; margin-right:0; height:14rem;margin-bottom:3.5%; }
.talk ul li:nth-child(2) {  width:100%; float:left; margin-right:0; height:14rem;margin-bottom:3.5%; }
.talk ul li:nth-child(3) {  width:100%; float:left; margin-right:0; height:14rem;margin-bottom:3.5%;}
.talk ul li:nth-child(4) { width:100%; float:left; margin-right:0; height:14rem;margin-bottom:3.5%;}
.talk ul li:nth-child(5) { width:100%; float:left; margin-right:0; height:14rem;margin-bottom:3.5%;}

.talk ul li:hover em { transform:rotate(-180deg);-webkit-transform:rotate(-180deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1 }

.hyn{ margin: 3% 0 0 0;}
.hyn img {width: 100%;} 
   
.footer { width:100%; float:left; font-size:.8rem; line-height:2rem;  text-align:center; padding-bottom:4%; margin-top: 5%;  } 
.footer strong { padding:0 0 0 6px;  }
}