/*默认样式重置*/
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; }

.ml30 { margin-left: 30px;}
	
#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: 43%; top:68%; z-index: 20; }
	
/*封面视频*/
#video09 { position:fixed; min-width: 100%; min-height: 100%; height: auto; width: auto; z-index: -100; }

#mainBox { width: 100%; height: auto; background: #d4ecdd; display: none;}

#header {width: 100%; height: 1200px; background: url(../images/03.jpg) no-repeat top center; overflow: hidden;position: relative;}

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

.animatonBox { width: 1200px; height: 650px; margin: auto; position: relative;}

/*头部动画设置*/
#animation01 {-webkit-animation:fadeInUp 1s .6s ease both;-moz-animation:fadeInUp 1s .6s ease both; background: url(../images/01.png) no-repeat; width:515px; height: 259px; top:25%; 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/02.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: 32%; top:8%; 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/title_08.png) no-repeat; width:650px; height:82px; top: 80%; left: 32%; position:absolute; float: left; z-index: 23; }

#qianyan { width: 1200px; height: 481px; background: url(../images/04.png) top center no-repeat; position: relative; margin-top: 15px;}

/*新闻内容区块*/
.warp {width: 500px; height: 535px;  border: 1px solid #DDDDDD; overflow: hidden; padding: 15px; float: right; margin-right: 30px; margin-top: 15px;}
	
.box {height: 100%; overflow-x: hidden; overflow-y: auto; margin-right: -17px; padding: 10px;}
.box p {font-size:18px; line-height:36px!important; text-indent:2em; }

.scrollBar {float:right; position:relative; display:none; width:10px; height:200px!important; z-index:100;}

/*卷首语视频盒子*/
#qianyan .videoBox01 { float:left; width:510px; height:390px; margin-top:30px; margin-left:75px;}

.bg {width: 100%; min-height: 640px; height: auto; position: relative;}
/*主内容区块*/
.bg .w1200 { width:1200px; height:600px; background:#FFFFFF; border-radius:20px; background-color: rgba(255, 255, 255,.8); margin: auto; overflow: hidden; clear: both; }

/*左边区块*/
.News_info { width:590px;height:600px; float: left; margin-left:20px; -webkit-animation:fadeInRight .8s .6s ease both; -moz-animation:fadeInRight .8s .6s ease both; position: relative;}

.title { width: 570px; height: 255px; overflow: hidden; float: left; margin-left:10px; position:relative; }

.title .qiao {width:400px; height:auto; -webkit-animation:fadeInUp 1s .7s ease both; -moz-animation:fadeInUp 1s .7s ease both; float: left; left: 330px; margin-top: 70px; position: absolute; }

.title .c1 {width: 500px; height: 225px; margin-top: 20px; position: absolute;}

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

.img_bg02 {width: 253px; 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-top: 15px; }

.img_bg03 {width: 253px; 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-top: 15px; }

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

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

.footer { width: 100%; height: auto;  background: #075840; padding-top: 10px;}
.author { width: 1200px;  text-align: center; color:#FFFFFF; }
.author p {font-size: 16px!important; line-height: 32px; }

.bg2 {width: 100%; min-height: 350px; height: auto; position: relative;}
.bg2 .w1200 { width:1200px; height:320px; background:#FFFFFF; border-radius:20px; background-color: rgba(255, 255, 255,.8); margin: auto; overflow: hidden; clear: both;  }
.houji { width:1100px; margin-top: 30px;  }
.houji h1 { font-size: 32px; line-height: 62px; text-align: center;}
.houji p {font-size:18px; line-height:36px!important; text-indent:2em;}
.houji h2 { font-size:18px; line-height:36px!important; text-indent:2em; text-align: right;}
/*动画库*/

/*淡入*/
@-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; -w ebkit-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}
}