/*默认样式重置*/
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; }
.w1200 { width: 1200px; overflow: hidden; clear: both; }
.hide{ display: none;}
/*首屏*/
.top { width: 100%; height: 825px; background: url(../images/topbg.jpg) top center no-repeat; overflow: hidden; position: relative; }
.top .w1200 { width: 1200px; height: 825px; position: relative; }
#animation01 {-webkit-animation: fadeInUp 1s .4s ease both; -moz-animation: fadeInUp 1s .4s ease both; background: url(../images/wdtpgs_04.png) no-repeat; width: 700px; height: 175px; top: 60px; left: 360px; position: absolute; float: left; z-index: 10; }
#animation02 {-webkit-animation: fadeInUp 1s .8s ease both; -moz-animation: fadeInUp 1s .8s ease both; background: url(../images/wdtpgs_07.png) no-repeat; width: 700px; height: 180px; top: 260px; left: 460px; position: absolute; float: left; z-index: 10; }
#animation03 {-webkit-animation: flipInY 1.6s 1.2s ease both; -moz-animation: flipInY 1.6s 1.2s ease both; background: url(../images/wdtpgs_03.png) no-repeat; width: 350px; height: 350px; float: left; left: 60px; top: 75px; position: absolute; float: left; z-index: 10; }
#animation04 {-webkit-animation: fadeInUp 1s 2s ease both; -moz-animation: fadeInUp 1s 2s ease both; background: url(../images/title_07.png) no-repeat; width: 650px; height: 70px; top: 600px; left: 270px; position: absolute; float: left; z-index: 10; }
#animation05 {-webkit-animation: fadeInUp 1s 1.6s ease both; -moz-animation: fadeInUp 1s 1.6s ease both; background: url(../images/title_03.png) no-repeat; width: 700px; height: 80px; top: 450px; left: 260px; position: absolute; float: left; z-index: 10; }
/*动画库*/
@-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)}
	}
@-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}
	}
/*固定侧边导航*/
.layui-side {position: fixed; width: 170px; height: 520px; top: 300px; right: 150px; z-index: 12; }
/*栏目1*/
.column1 { width: 1200px; height: 510px; }
.column1 .tit { width: 1200px; height: 120px; }
.column1 .vplay { float: left; width: 640px; height: 360px; overflow: hidden; }
.column1 .vplay video { width: 100%; height: 100%; }
.column1 .hotnews { float: right; width: 520px; height: 360px; }
.column1 .hotnews .one { width: 520px; height: 100px; border-bottom: 1px dotted #f6da8c; }
.column1 .hotnews .one h2 { width: 520px; height: 24px; line-height: 24px; text-align: center; font-size: 23px; color: #20b08c; overflow: hidden; }
.column1 .hotnews .one p { width: 520px; height: 65px; line-height: 22px; text-indent: 2em; color: #313131; overflow: hidden; margin-top: 15px; }
.column1 .hotnews .list { position: relative; width: 520px; height: 270px; margin-top: 10px; overflow: hidden; }
.column1 .hotnews .list li { width: 520px; height: 42px; line-height: 42px; overflow: hidden; }
.column1 .hotnews .list li:before { float: left; display: block; content: " "; width: 10px; height: 10px; background: #4ec6a8; border-radius: 50%; margin: 18px 15px 15px 0; }
.column1 .hotnews .more { width: 520px; height: 30px; right: 0; bottom: 0; z-index: 10; text-align: right; }
/**/
.banner1 { width: 1200px; height: 160px; }
/*商品展示*/
.showbox { width: 1200px; height: 500px; text-align: center; margin-top: 15px; }
/*栏目2*/
.column2 { width: 1200px; }
.column2 .tit { width: 1200px; height: 120px; }
.column2 .box { width: 1200px; height: 1000px; background: url(../images/gonggao_bg.jpg) no-repeat; overflow: hidden; }
.column2 .con { position: relative; width: 1104px; height: 700px; text-align: center; margin-top: 100px; overflow: hidden; }
.column2 .info { position: absolute; top: 20px; right: 20px; }
.column2 .content { float: left; width: 1070px; margin-left: 17px; }
.column2 .scroll { position: relative; float: right; width: 17px; height: 700px; background: url(../images/gonggao_scrollbar_bg.png); }
.column2 .bar { position: absolute; width: 17px; height: 94px; cursor: move; }
.column2 .button { width: 600px; height: 65px; margin-top: 30px; }
.column2 .button .lf { float: left; }
.column2 .button .rf { float: right; cursor: pointer; }
/*扶贫故事*/
.column3 { width: 100%; height: 660px; background: url(../images/bg01.jpg) bottom no-repeat; margin-top: 30px; }
.column3 .tit { width: 1200px; height: 120px; }
.column3 .con { width: 1200px; height: 550px; margin-top: 20px; }
.column3 .con .list_l {overflow: hidden; height: 465px; width: 622px; margin-top: 30px; margin-left: 40px; float: left; }
.column3 .con .list_l ul {width: 680px; }
.column3 .con .list_l ul li {width: 295px; height: 220px; text-align: center; float: left; margin-bottom: 20px; margin-right: 35px; font-size: 14px; }
.column3 .con .list_l ul li img {width: 295px; height: 180px; margin-bottom: 5px; }
.column3 .con .list_r {float: right; width: 450px; }
.column3 .con .list_r ul li {line-height: 81px; height: 75px; font-size: 18px; position: relative; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 440px; border-bottom: 1px dotted #ddd; }
.column3 .con .list_r ul li:after {float: left; display: block; content: " "; width: 9px; height: 9px; background: #4ec6a8; border-radius: 50%; margin: 35px 15px 15px 0; }
/*脱贫故事*/
.column5 { width: 1200px; }
.column5 .tit { width: 1200px; height: 120px; }
.column5 .con {overflow: hidden; width: 1200px; height: 580px; margin-top: 40px; }
.column5 .con ul {width: 1200px; }
.column5 .con ul li { width: 540px; height: 125px; overflow: hidden; float: left; margin-right: 50px; margin-bottom: 60px; }
.column5 .con ul li img {width: 185px; height: 125px; float: left; }
.column5 .con ul li .news {float: right; width: 345px; height: 125px; overflow: hidden; }
.news h3 { margin-bottom: 10px; font-weight: 600; height: 24px; overflow: hidden; }
.news p {font-size: 14px; text-indent: 2em; line-height: 28px; height: 84px; overflow: hidden; }
/*文字作品*/
.column6 { width: 100%; height: 450px; background: url(../images/bg02.jpg) bottom no-repeat; margin-top: 20px; }
.column6 .tit { width: 1200px; height: 120px; }
.column6 .list { width: 1200px; }
.column6 .list ul { width: 1200px; height: 260px; margin-top: 10px; overflow: hidden; margin-left: 10px; }
.column6 .list ul li { width: 345px; height: 48px; line-height: 48px; overflow: hidden; float: left; margin-right: 50px; }
.column6 .list ul li:before { float: left; display: block; content: " "; width: 9px; height: 9px; background: #4ec6a8; border-radius: 50%; margin: 18px 15px 15px 0; }
.column6 .more { width: 1100px; height: 48px; line-height: 48PX; right: 0; bottom: 0; z-index: 10; text-align: right; }
/*图文作品*/
.column7 { width: 1200px; height: 450px; }
.column7 .tit { width: 1200px; height: 120px; }
.column7 .pic_list { width: 1200px; margin-top: 20px; }
.column7 .pic_list ul { width: 1200px; height: 200px; }
.column7 .pic_list ul li {width: 325px; height: 225px; text-align: center; float: left; margin-right: 70px; font-size: 16px; line-height: 30px; }
.column7 .pic_list ul li img {width: 325px; height: 200px; margin-bottom: 5px; }
.column7 .more { width: 1100px; height: 48px; line-height: 48PX; right: 0; bottom: 0; z-index: 10; text-align: right; }
.column7 .pic_list2 { width: 1200px; margin-top: 20px; }
.column7 .pic_list2 ul { width: 1200px; height: 300px; }
.column7 .pic_list2 ul li { width: 270px; height: 280px; text-align: center; float: left; margin-right: 28px; border: #ded6c9 solid 1px; }
.column7 .pic_list2 ul li img {width: 250px; height: 165px; margin: 10px; }
.column7 .pic_list2 ul li p { display: block; width: 250px; height: 50px; line-height: 24px; font-size: 16px; text-align: center; }
.gray01 { color: gray; }
.peru01 {color: peru; }
/*视频作品*/
.column8 {width: 100%; height: 430px; /*background: url(../images/bg03.jpg) bottom no-repeat;*/ margin-top: 20px; }
.column8 .tit { width: 1200px; height: 120px; }
.column8 .pic_list { width: 1200px; height: 220px; margin-top: 40px; display: block; }
.column8 .pic_list ul {width: 1200px; }
.column8 .pic_list ul li {width: 325px; height: 225px; text-align: center; float: left; margin-right: 70px; font-size: 16px; line-height: 30px; }
.column8 .pic_list ul li img {width: 325px; height: 200px; margin-bottom: 5px; }
.column8 .more { width: 1100px; height: 48px; line-height: 48PX; right: 0; bottom: 0; z-index: 10; text-align: right; }
/*全媒体策划*/
.column9 {width: 100%; height: 510px; background: url(../images/bg04.jpg) bottom center no-repeat; margin-top: 30px; }
.column9 .tit { width: 1200px; height: 120px; }
#roll { width: 1150px; height: 370px; position: relative; margin-top: 80px; }
#roll .prev,#roll .next { position: absolute; width: 39px; height: 39px; top: 110px; cursor: pointer; }
#roll .next { right: 0; }
#roll .box { width: 1050px; height: 370px; overflow: hidden; }
#roll .box ul { width: 9999px; }
#roll .box li { float: left; width: 330px; height: 270px; margin: 0 12px; text-align: center; }
#roll .box li img { width: 330px; height: 210px; }
#roll .box li span { width: 330px; height: 70px; line-height: 28px; text-align: center; overflow: hidden; font-size: 18px; display: block; margin-top: 10px; }
/*高清图集*/
.column10 {width: 1200px; }
.column10 .tit { width: 1200px; height: 120px; }
#focus { width: 1000px; height: 630px; margin-top: 40px; }
#focus img {width: 1000px; height: 630px; }
/*页脚*/
.foot { width: 1200px; overflow: hidden; margin-top: 40px; }
.foot p { width: 1000px; height: 36px; line-height: 36px; text-align: center; font-size: 18px; }
/*飘动*/
#flagCanvas { position: absolute; top: 20px; left: 0px; transform-origin: center; /*transform: translate3d(-50%, -50%, 0);*/ z-index: 10; }