/*默认样式重置*/
html, body, div, p, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0 auto; padding: 0; }
article, aside, dialog, footer, header, section, nav, figure, menu { display: block; margin: 0 auto; padding: 0; }
ul, ol, li { list-style: none; }
table {border-collapse: collapse; border-spacing: 0; }
img { border: 0 none; display: block; vertical-align: top; }
a { text-decoration: none; outline: none; color: inherit; }
/*全局定义*/
body { font-family: "思源黑体", "微软雅黑", "Arial Narrow"; font-size: 16px; color: #444; }
	
#wrap {width: 100%; overflow: hidden; position:relative;}
#videoBox { height: 100%; width: 100%; margin: auto;}
	
#jump_tips {-webkit-animation:fadeInUp 1s 2.2s ease both;-moz-animation:fadeInUp 1s 2.2s ease both; width: 167px; height: 100px; position: absolute; left: 45%; top:72%; z-index: 20; }
	
/*封面视频*/
#video09 { position:fixed; min-width: 100%; min-height: 100%; height: auto; width: auto; z-index: -100; }

/*主区�?/
#main { width: 100%; height:1310px; background: #d4ecdd; display: none;}

/*头部区域*/
#header {width: 100%; height: 740px; background: url(../images/005.jpg) no-repeat top center; overflow: hidden;position: relative;}

/*元素飘动*/
#flagCanvas {position:absolute; bottom: -15%; left:0; z-index:0; transform-origin:center; transform:translate3d(-50%,-50%,0); -webkit-animation:fadeInUp 1s .6s ease both; -moz-animation:fadeInUp 1s .6s ease both;}

/*头部动画设置*/
.animatonBox { width: 1200px; height: 650px; margin: auto; position: relative;}

#animation01 {-webkit-animation:fadeInUp 1.2s .5s ease both;-moz-animation:fadeInUp 1.2s .5s ease both; background: url(../images/001.png) no-repeat; width:909px; height: 264px; top:20%; left:10%; position:absolute; float: left; z-index: 20;}
#animation02 {-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both; background: url(../images/002.png) no-repeat; width:443px; height: 227px; top:32%; position:absolute; float: right; right: 10%; z-index: 21;}
#animation03 {-webkit-animation:flipInY 1.2s 1.5s ease both; -moz-animation:flipInY 1.82s 1.5s ease both; width:374px; height: 133px; float:right; right: 10%; top:12%; position:absolute; z-index: 22;}
#animation04 {-webkit-animation:fadeInUp 1.2s 1.8s ease both; -moz-animation:fadeInUp 1.2s 1.8s ease both; background: url(../images/004.png) no-repeat; width:294px; height:35px; top:70%; left: 35%; position:absolute; float: left; z-index: 23; }

/*前言导语*/
#qianyan { width: 100%; height: 569px; background: url(../images/02.jpg) top center no-repeat; position: relative;}

.qianyan_box { width: 1000px; height: 500px; margin: auto;}



/*文字内容区域*/
.News_layout { width: 460px; height:330px;  border: 1px solid #DDDDDD; padding: 10px; float: right; margin-top:110px;}
	
.News_layout .box { height:330px; overflow-x: hidden; overflow-y: auto; margin-right: -10px;}

.News_layout .box p {font-size:18px; line-height:36px!important; text-indent:2em; }

/*栏目*/
.lt { float: left;}
.rt { float: right;}

.content01 {width: 100%; height: 725px; background: url(../images/03.jpg) top center no-repeat;}

.content02 {width: 100%; height: 702px; background: url(../images/04.jpg) top center no-repeat;}

.content03 {width: 100%; height: 705px; background: url(../images/05.jpg) top center no-repeat;}

.content04 {width: 100%; height: 650px; background: url(../images/06.jpg) top center no-repeat;}

.content05 {width: 100%; height: 642px; background: url(../images/07.jpg) top center no-repeat;}

.content_box {width: 1124px; height: 440px; margin: auto;}

.txt_layout { width:540px; height:330px; border: 1px solid #DDDDDD; padding: 10px; margin-top: 200px; background-color: rgba(255, 255, 255,.7); }

.txt_layout .box { height:330px; overflow-x: hidden; overflow-y: auto; margin-right: -10px;}

.txt_layout .box p {font-size:18px; line-height:36px!important; text-indent:2em; }

.img_layout { width:530px; height:360px; background:#EF8A8C; border-radius:15px; margin-top: 200px; overflow: hidden; clear: both; background-color: rgba(255, 255, 255,.7);}

.img_bg {width: 250px; height: 263px; background:url(../images/08.png) no-repeat; float: left; -webkit-animation:flipInY 1.5s .8s ease both; -moz-animation:flipInY 1.5s .8s ease both; margin-left: 15px; }

.img_bg2 {width: 250px; height: 263px; background:url(../images/10.png) no-repeat; float: left; -webkit-animation:flipInY 1.5s .8s ease both; -moz-animation:flipInY 1.5s .8s ease both; margin-left: 15px; }

.pic_box {width: 210px; height: 210px; margin-top: 25px; }/*图片盒子*/
.pic_box img {width: 210px; height: 210px; border-radius: 50%;}

/*视频区域*/
.video_layout { width:480px; height:390px;  margin-top: 150px; clear: both;}
.video_layout  .video {width:480px; height:360px; margin: auto; margin-top:10px;}


.houji {width: 1000px; height: 300px; margin: auto; padding: 30px; background-color: rgba(255, 255, 255,.6); float: left; margin-top: 90px; margin-left: 70px; border-radius:12px;}

.houji h1 { width: 1000px; height: 60px; line-height: 55px; font-size: 36px; text-align: center;}

.houji p {font-size:20px; line-height:48px!important; text-indent:2em; text-align: left;}

.logo {background: url(../images/004.png) no-repeat; width:294px; height:35px; float: left; margin-left: 400px; margin-top: 50px;}

/*动画�?/

/*淡入*/
@-webkit-keyframes fade {
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes fade{
	0%{opacity:0;}
	100%{opacity:1;}
}

/*左边淡入*/
@-webkit-keyframes fadeInLeft{
	0%{opacity:0; -webkit-transform:translateX(-30px)}
	100%{opacity:1; -webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
	0%{opacity:0; -moz-transform:translateX(-30px)}
	100%{opacity:1; -moz-transform:translateX(0)}
}

/*右边淡入*/
@-webkit-keyframes fadeInRight{
	0%{opacity:0; -webkit-transform:translateX(30px)}
	100%{opacity:1; -webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
	0%{opacity:0; -moz-transform:translateX(30px)}
	100%{opacity:1; -moz-transform:translateX(0)}
}

/*从下淡入*/
@-webkit-keyframes fadeInUp{
	0%{opacity:0; -webkit-transform:translateY(20px)}
	100%{opacity:1; -webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
	0%{opacity:0; -moz-transform:translateY(20px)}
	100%{opacity:1; -moz-transform:translateY(0)}
}
/*从下淡入sp*/
@-webkit-keyframes fadeInUpsp {
	0%{opacity:0; -webkit-transform:translateY(20px)}
	100%{opacity:.5;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUpsp {
	0%{opacity:0; -moz-transform:translateY(20px)}
	100%{opacity:.5; -moz-transform:translateY(0)}
}

/*Y轴翻�?/
@-webkit-keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg)}


100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1}
}
@-moz-keyframes flipInY{
0%{-moz-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateY(-10deg)}
70%{-moz-transform:perspective(400px) rotateY(10deg)}
100%{-moz-transform:perspective(400px) rotateY(0deg);
opacity:1}
}