html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, embed, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #D6D6D6;
}
ul {
	list-style-type: none;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
}
html, body {
	position: relative;
	height: 100%;
}
body {
	background: #eee;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}
.dnww_yqlj_ewm {
	background: url(../images/dnww_10.png) no-repeat;
	height: 167px;
	overflow: hidden;
	padding-bottom: 200px;
	position: fixed;
	z-index: 99999;
	bottom: 0;
	right: 0;
	width: 123px;
	display: none;
}
.header {
	background: #1a1a1a;
	height: 60px;
	overflow: hidden;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
}
.dnww_top {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	/* Center slide text vertically */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.dnww_main {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	/* Center slide text vertically */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.dnww_logo {
	float: left;
	background: url(../images/logo.png) left center no-repeat;
	width: 140px;
	height: 60px;
	overflow: hidden;
}
.dnww_sy {
	color: #8d8d8d;
	font-size: 14px;
	float: right;
	line-height: 60px;
	overflow: hidden;
}
.footer {
	background-image:url(../images/bottom.png);
	background-position: top center;
	background-repeat:no-repeat;
	height: 182px;
	overflow: hidden;
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
}
.dnww_dht {
	position: fixed;
	z-index: 99999;
	top: 365px;
	right: 0;
	width: 115px;
}
.dnww_dht li {
	background: #20222a;
	border-left: 3px solid #d92026;
	font-size: 16px;
	font-family: "Microsoft YaHei";
	margin-bottom: 4px;
	color: #FFF;
	line-height: 46px;
	height: 46px;
	text-align: center;
	opacity: 1;
	border-radius: 0;
	display: block;
	width: 113px;
}
.dnww_dht .swiper-pagination-bullet-active {
	background: #d92026;
}
#dnww_kzxl_spsp {
	display: none;
}
.dnww_kzxl_spsp {
	width: 535px;
	height: 370px;
	float: left;
}
.pop_share {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/pop_share.png) no-repeat center 15px;
	background-size: 80%;
	background-color: rgba(0,0,0,0.78);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	z-index: 99;
	display: none;
	opacity: 0;
}
#wxpic {
	width: 15%;
	height: auto;
	position: absolute;
	left: 5%;
	top: 5%;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
}
.music.play {
	width: 27px;
	height: 27px;
	display: block;
	background: url(../images/music-play.png) no-repeat;
	background-size: 27px auto;
	position: absolute;
	left: 15px;
	top: 15px;
	z-index: 100;
}
.music.pause {
	width: 27px;
	height: 27px;
	display: block;
	background: url(../images/music-pause.png) no-repeat;
	background-size: 27px auto;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 100;
}
.hide {
	display: none;
}
.show {
	display: inherit;
}
.pm {
	font-size:18px;
	color:#fff;
}
.gao15 {
}
#p1 {
	background: url(../images/dnww_01.jpg) center 0 no-repeat;
}
#p1 #nextBtn {
	background: url(../images/dnww_01.png) no-repeat;
	height: 65px;
	width: 237px;
	position: absolute;
	left: 43%;
	bottom: 10%;
}
.p2_1 {
	background: url(../images/dnww_02.jpg) center 0 no-repeat;
}
.p3_1 {
	background: url(../images/dnww_03.jpg) center 0 no-repeat;
}
.p4_1 {
	background: url(../images/dnww_04.jpg) center 0 no-repeat;
}
.dnww_kzxl {
}
.dnww_flogo {
	background: url(../images/dnww_06.png) no-repeat;
	background-size: 30% 100%;
	width: 100%;
	height: 18%;
	position: absolute;
	left: 100px;
	top: 20px;
	z-index: 0
}
.dnww_kzxl_sp {
	width: 535px;
	height: 370px;
	float: left;
}
.dnww_kzxl_sp img {
	width: 100%;
	height: 100%;
}
.dnww_kzxl_wz {
	width: 375px;
	height: 80%;
	float: right;
}
.dnww_kzxl_wz h1 {
	font-size: 2.0rem;
	line-height: 40px;
	border-bottom: 1px solid #FFF;
	padding-bottom: 5%;
	font-family: "Microsoft YaHei"
}
.dnww_kzxl_wz h1 a {
	color: #FFF;
}
.dnww_kzxl_wz span {
	font-size: 14px;
	line-height: 1.8rem;
	text-indent: 2em;
	color: #ffffff;
	display: block;
	padding: 5% 0;
}
.dnww_kzxl_wz span a {
	color: #d92026;
}
.dnww_kzxl_wz .img1 {
	width: 135px;
	height: 80px;
	padding-right: 10px;
}
.dnww_kzxl_wz .img2 {
	width: 80px;
	height: 80px;
	padding-right: 10px;
}
.dnww_kzxl_wz .img3 {
	width: 100px;
	height: 80px;
	padding-right: 10px;
}
.gao5 {
	clear: both;
	height: 5%;
}
.dnww_kzxl_div {
	width: 630px;
	height: 40px;
	margin: 0 auto;
	border: 1px solid #cecece;
	font-size: 16px;
	color: #FFF;
	line-height: 40px;
}
.dnww_kzxl_div a {
	color: #FFF;
}
.dnww_kzxl_div .p1 {
	width: 199px;
	border-right: 1px solid #cecece;
	float: left;
	text-align: center;
}
.dnww_kzxl_div .p2 {
	width: 230px;
	text-align: center;
	float: left;
}
.dnww_kzxl_div .p2 a {
	text-decoration: none;
	background: url(../images/dnww_01.png) right center no-repeat;
	padding: 0 28px;
}
.dnww_kzxl_div .p2 span {
	background: #303138;
	padding: 3px 5px;
}
.dnww_kzxl_div .p2 span font {
	color: #ffcb00;
}
.tt2 {
	position: relative;
	text-align: center;
	color: #333;
	display: block;
	height: 30px;
	line-height: 30px;
}
.tt2 a {
	color: #333;
}
.dnww_kzxl_qh {
	height: 100%;
	position: relative;
}
.dnww_kzxl_qh .bd {
	background: #20222a;
	padding: 2% 3%;
	width: 94%;
	height: 435px;
	margin-top: -300px;
	left: 0;
	top: 50%;
	position: absolute;
	font-family: "Microsoft YaHei";
}
.slides-item2.current .dnww_kzxl_qh .bd {
	animation: fadeInDown 1s ease-in forwards;
	-moz-animation: fadeInDown 1s ease-in forwards;
	-webkit-animation: fadeInDown 1s ease-in forwards;
}
.slides-item2.current .dnww_kzxl_qh .font_hd {
	animation: fadeInUp 1s ease-in forwards;
	-moz-animation: fadeInUp 1s ease-in forwards;
	-webkit-animation: fadeInUp 1s ease-in forwards;
}
.font_hd {
	bottom: 0;
	position: absolute;
	left: 0;
	width: 100%;
	height: 110px;
	background: #1a1a1a;
	z-index: 999;
}
.dnww_kzxl_qh .hd .tempWrap {
	margin-left: 48px;
}
.dnww_kzxl_qh .hd ul {
}
.dnww_kzxl_qh .hd ul li {
	float: left;
	width: 80px;
	height: 110px;
	display: inline;
	text-align: center;
	cursor: pointer;
}
.dnww_kzxl_qh .hd ul li img {
	width: 80px;
	height: 80px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.dnww_kzxl_qh .hd ul li p {
	text-align: center;
	line-height: 30px;
	color: #6e6e6e;
}
.dnww_kzxl_qh .hd ul .on {
	width: 110px;
	height: 110px;
	margin: 0;
}
.dnww_kzxl_qh .hd ul .on img {
	width: 110px;
	height: 110px;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}
.dnww_kzxl_qh .hd ul .on p {
	display: none;
}
.hd .sPrev {
	background: url(../images/dnww_08.png) left center no-repeat;
	width: 28px;
	height: 110px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
}
.hd .sNext {
	background: url(../images/dnww_09.png) left center no-repeat;
	width: 28px;
	height: 110px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}
.dnww_kzxl_qh1 {
	height: 100%;
	position: relative;
}
.dnww_kzxl_qh1 .dnww_main {
	width: 1200px;
}
.dnww_yjyh_l{
	width: 440px;
	height: 713px;
	float: left;
	position: relative;
	overflow: hidden;
	background-image:url(../images/h5_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.dnww_jchd {
	width: 1000px;
	height: 435px;
	margin-top: -210px;
	left: 100px;
	top: 50%;
	position: absolute;
	font-family: "Microsoft YaHei";
}
.dnww_jchd_hd1 {
	position: absolute;
	top:130px;
	right:68px;
	width: 246px;
	height: 396px;
	overflow: hidden;
}
.dnww_jchd_hd1 .img1 {
	width: 246px;
	height: 396px;
}
.dnww_jchd_hd1_yc {
	width: 248px;
	height: 396px;
	position: absolute;
	bottom: -397px;
	left: 0;
}
.dnww_jchd_hd1_yc .bt {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 13;
	text-align: center;
	color: #FFF;
	line-height: 24px;
	width: 208px;
	height: 356px;
	padding: 20px;
	font-size: 14px;
}
.dnww_jchd_hd1_yc .bt span {
	display: block;
	text-align: left;
	padding-bottom: 20px;
	text-indent: 2em;
}
.dnww_jchd_hd1_yc .bt a {
	color: #FFF;
}
.dnww_jchd_hd1_yc .bt .img2 {
	width: 110px;
	height: 110px;
}
.dnww_jchd_hd1_yc .bg {
	opacity: 0.5;
	filter: alpha(opacity=50);
	width: 248px;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 396px;
	background: #000;
	-moz-opacity: 0.5;
	z-index: 1;
}
.dnww_jchd_hd2 {
	width: 435px;
	height: 435px;
	float: left;
	margin-left: 2px;
	display: inline;
}
.dnww_jchd_hd2 ul {
	width: 436px;
}
.dnww_jchd_hd2 ul li {
	float: left;
	width: 207px;
	height: 207px;
	padding: 5px;
	background: #b7b3a7;
	margin-right: 1px;
	display: inline;
	position: relative;
}
.dnww_jchd_hd2 ul li img {
	width: 207px;
	height: 135px;
}
.dnww_jchd_hd2 ul li a .img1 {
	width: 207px;
	height: 207px;
}
.dnww_jchd_hd2 ul li .rq {
	position: absolute;
	top: 108px;
	right: 5px;
	overflow: hidden;
	text-align: center;
	width: 54px;
	height: 54px;
	border-radius: 3px;
}
.dnww_jchd_hd2 ul li .rq .div1 {
	height: 32px;
	line-height: 32px;
	font-size: 25px;
	font-weight: bold;
	border-bottom: 1px solid #767674;
	background: #FFF;
	color: #393939;
}
.dnww_jchd_hd2 ul li .rq .div2 {
	background: #444442;
	height: 21px;
	line-height: 21px;
	color: #FFF;
	font-size: 12px;
}
.dnww_jchd_hd2 ul li p {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-family: "Microsoft YaHei";
	font-weight: bold;
	width: 150px;
}
.dnww_jchd_hd2 ul li p a {
	color: #282828;
}
.dnww_jchd_hd2 ul li span {
	color: #6f6b60;
	line-height: 16px;
	height: 32px;
	display: block;
}
.dnww_jchd_hd2_hd {
	width: 435px;
	height: 133px;
	background-color: #20222a;
	overflow: hidden;
	position: relative;
}
.dnww_jchd_hd2_hd .img1 {
	width: 435px;
	height: 217px;
}
.dnww_jchd_hd2_yc {
	width: 435px;
	height: 217px;
	position: absolute;
	bottom: -217px;
	left: 0;
}
.dnww_jchd_hd2_yc .bt {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 13;
	text-align: center;
	color: #FFF;
	line-height: 24px;
	width: 375px;
	height: 157px;
	padding: 30px 40px;
	font-size: 14px;
}
.dnww_jchd_hd2_yc .bt p {
	height: 42px;
	line-height: 42px;
	margin-bottom: 10px;
	border-bottom: 1px solid #FFF;
	font-family: "Microsoft YaHei";
	font-size: 20px;
}
.dnww_jchd_hd2_yc .bt p a {
	color: #FFF;
}
.dnww_jchd_hd2_yc .bt span {
	display: block;
	text-align: left;
	line-height: 20px;
	text-indent: 2em;
	color: #FFF;
}
.dnww_jchd_hd2_yc .bt .a1 {
	padding: 3px 3px 3px 6px;
	display: block;
	height: 14px;
	line-height: 14px;
	border: 1px solid #dbdbdb;
	color: #dbdbdb;
	float: right;
}
.dnww_jchd_hd2_yc .bg {
	opacity: 0.5;
	filter: alpha(opacity=50);
	width: 435px;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 217px;
	background: #000;
	-moz-opacity: 0.5;
	z-index: 1;
}
.dnww_jchd_hd3 {
	position:relative;
	width: 253px;
	height: 420px;
	padding: 0 15px 15px 15px;
	float: right;
	overflow: hidden;
	background: url(../images/dnww_05.jpg) no-repeat;
}
.dnww_jchd_hd3 .bd {
}
.dnww_jchd_hd3 .bd ul li {
	display:block;
	width: 253px;
	height: 140px;
	margin-bottom: 15px;
	overflow: hidden;
}
.dnww_jchd_hd3 .bd ul li .img1 {
	float: left;
	width: 50px;
	height: 50px;
}
.dnww_jchd_hd3 .bd ul li .p1 {
	float: right;
	width: 193px;
	height: 140px;
	text-align:left;
}
.dnww_jchd_hd3 .bd ul li .p1 p {
	line-height: 24px;
	text-align:left;
}
.dnww_jchd_hd3 .bd ul li .p1 p a {
	color: #333333;
	text-align:left;
}
.dnww_jchd_hd3 .bd ul li .p1 span {
	color: #808080;
	line-height: 20px;
}
.dnww_jchd_hd3 .bd ul li .p1 img {
	width: 60px;
	height: 60px;
	padding-right: 5px;
}
.dnww_yqlj_logo {
	background: url(../images/dnww_06.png) center center no-repeat;
	background-size: 100% 100%;
	width: 50%;
	height: 25%;
	position: absolute;
	left: 25%;
	top: 5%;
	z-index: 0
}
.dnww_yqlj {
	width: 90%;
	height: 200px;
	text-align: center;
	left: 5%;
	top: 28%;
	position: absolute;
	font-family: "Microsoft YaHei";
}
.dnww_yqlj .p1 {
	font-size: 38px;
	font-weight: bold;
	color: #bababa;
	padding-bottom: 20px;
}
.dnww_yqlj .p2 {
	border: 1px solid #d4d4d4;
	padding: 12px 0;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
}
.dnww_yqlj .p2 a {
	color: #2c2c2c;
	padding: 0 5px;
}
.slides-item5.current .dnww_yjyh_l {
	animation: fadeInLeft .8s ease-in forwards;
	-moz-animation: fadeInLeft .8s ease-in forwards;
	-webkit-animation: fadeInLeft .8s ease-in forwards;
}
.slides-item5.current .dnww_jchd_hd2_hd, .slides-item3.current .slideBox .hd {
	animation: fadeInUp 1s ease-in forwards;
	-moz-animation: fadeInUp 1s ease-in forwards;
	-webkit-animation: fadeInUp 1s ease-in forwards;
}
.slides-item5.current .dnww_jchd_hd3,
.slides-item5.current .dnww_yjyh_r {
	animation: fadeInRight .8s ease-in forwards;
	-moz-animation: fadeInRight .8s ease-in forwards;
	-webkit-animation: fadeInRight .8s ease-in forwards;
}
.slides-item4.current .dnww_yqlj, .slides-item3.current .slideBox .bd {
	animation: fadeInDown 1s ease-in forwards;
	-moz-animation: fadeInDown 1s ease-in forwards;
	-webkit-animation: fadeInDown 1s ease-in forwards;
}
.slides-item2.current .dnww_01_bd,
.slides-item4.current .dnww_mtbd,
.slides-item6.current .dnww_wypl {
	animation: zoomIn .5s ease-in forwards;
	-moz-animation: zoomIn .5s ease-in forwards;
	-webkit-animation: zoomIn .5s ease-in forwards;
}
.dnww_wypl {
	width:1000px;
	height: 600px;
	background-image:url(../images/dnww_08_bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	overflow: hidden;
	margin-top: -260px;
	left: 0;
	top: 50%;
	position: absolute;
}
.dnww_weibo {
	float:left;
	margin-left:40px;
	margin-top:30px;
}
.dnww_wypl_r {
	float:right;
	margin-right:40px;
	margin-top:90px;
}
.dnww_mtbd {
	width:1000px;
	height: 565px;
	background-image:url(../images/dnww_yxyz_bg1.png);
	background-position:top center;
	background-repeat:no-repeat;
	overflow: hidden;
	margin-top: -260px;
	left: 0;
	top: 50%;
	position: absolute;
}
.kzkzdqj_mtbmx {
	float: left;
	width: 426px;
	overflow: hidden;
	margin-top:28px;
	margin-left:20px;
}
.kzkzdqj_mtbmx .p1 {
	font-family: "Microsoft YaHei";
	font-size: 18px;
	color: #FFF;
	height: 20px;
	margin-bottom: 20px;
	padding-left: 15px;
	border-left: 4px solid #d92026;
}
.kzkzdqj_mtbmx ul li {
	width: 116px;
	height: 190px;
	float: left;
	margin-right: 25px;
	overflow: hidden;
	display: inline;
}
.kzkzdqj_mtbmx ul li img {
	width: 114px;
	height: 152px;
	border: 1px solid #9b9c9c;
}
.kzkzdqj_mtbmx ul li p {
	text-align: center;
	line-height: 30px;
	height: 30px;
	color: #a1a1a1;
}
.kzkzdqj_mtbd {
	float: right;
	width: 525px;
	overflow: hidden;
	font-family: "Microsoft YaHei";
}
.kzkzdqj_mtbd .p1 {
	font-size: 18px;
	color: #FFF;
	height: 20px;
	padding-left: 15px;
	border-left: 4px solid #d92026;
}
.kzkzdqj_mtbd h1 {
	font-size: 30px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
}
.kzkzdqj_mtbd h1 a {
	color: #ff272e;
}
.kzkzdqj_mtbd .p2 {
}
.kzkzdqj_mtbd .p2 p {
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	margin: 10px 0;
	overflow: hidden;
}
.kzkzdqj_mtbd .p2 p a {
	color: #FFF;
}
.kzkzdqj_mtbd .p2 ul li {
	font-family: "宋体";
	line-height: 30px;
	overflow: hidden;
	height: 30px;
	font-size: 14px;
	color: #a1a1a1;
}
.kzkzdqj_mtbd .p2 ul li a {
	color: #a1a1a1;
}
.dnww_zh140{
	position: absolute;
	background-image: url(../images/140.png);
	background-repeat: no-repeat;
	background-position:center top;
	display:block;
	bottom: 0;
	width:1000px;
}

.dnww_lsym_bd {
	background-image: url(../images/dnww_02_bg.png);
	background-repeat: no-repeat;
	padding: 20px 0 0 30px;
	height: 817px;
	overflow: hidden;
	margin-top: -220px;
	left: 0;
	top: 50%;
	position: absolute;
}
.dnww_yjyh{
	width:1000px;
	height: 817px;
	overflow: hidden;
	margin-top: -300px;
	left: 0;
	top: 50%;
	position: absolute;
}
.dnww_yjyh_r{
	position:relative;
	float: right;
	width: 520px;
	overflow: hidden;
	margin-top:100px;
}
.dnww_01_bd {
	background-image: url(../images/dnww_02_bg.png);
	background-repeat: no-repeat;
	padding: 20px 0 0 30px;
	height: 817px;
	overflow: hidden;
	margin-top: -240px;
	left: 0;
	top: 50%;
	position: absolute;
}
.dnww_flogo1 {
	background: url(../images/dnww_06.png) no-repeat;
	background-size: 100% 100%;
	width: 515px;
	height: 170px;
	position: absolute;
	left: 0;
	top: 30px;
	z-index: 0
}
.dnww_flogo2 {
	background: url(../images/dnww_06.png) no-repeat;
	background-size: 100% 100%;
	width: 500px;
	height: 170px;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 0
}
.dnww_02_bd {
	padding: 20px 0 0 15px;
	height: 500px;
	overflow: hidden;
	position: relative;
}
.dnww_02_r {
	float: right;
	width: 530px;
	overflow: hidden;
}
.dnww_02_l {
	float: left;
	width: 440px;
	overflow: hidden;
}
.dnww_02_r .p1, .dnww_03_r .p1 {
	font-family: "Microsoft YaHei";
	font-size: 18px;
	color: #FFF;
	height: 20px;
	margin-bottom: 10px;
	padding-left: 20px;
	border-left: 4px solid #d92026;
}
.dnww_02_imgblock {
	position: relative;
	width: 504px;
	height: 145px;
	background-color: #eee7da;
}
.dnww_02_imgblock li {
	float: left;
	position: relative;
	display: inline-block;
	width: 100px;
	height: 126px;
	margin: 10px 13px;
}
.dnww_02_imgblock li a img {
	overflow: hidden;
	width: 100px;
	height: 126px;
}
.dnww_02_js {
	position: relative;
	background-image: url(../images/bg_js.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 206px;
	width: 412px;
	color: #fff;
}
.dnww_02_js h1 {
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
}
.dnww_02_js p {
	font-size: 12px;
	line-height: 22px;
	text-indent: 24px;
	padding: 0 20px;
}
.dnww_03_r {
	float: right;
	width: 430px;
	overflow: hidden;
}
.dnww_03_l {
	float: left;
	width: 438px;
	overflow: hidden;
	margin-left:20px;
}
 @-webkit-keyframes fadeInOutUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 1000%, 0);
 transform: translate3d(0, 1000%, 0);
}
 50% {
 opacity: 1;
 -webkit-transform: translate3d(0, 50%, 0);
 transform: translate3d(0, 50%, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes fadeInOutUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 1000%, 0);
 transform: translate3d(0, 1000%, 0);
}
 50% {
 opacity: 1;
 -webkit-transform: translate3d(0, 50%, 0);
 transform: translate3d(0, 50%, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @-webkit-keyframes fadep {
 0% {
 opacity: 1;
 -webkit-transform: translate3d(0, 10%, 0);
 transform: translate3d(0, 10%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
 @keyframes fadep {
 0% {
 opacity: 1;
 -webkit-transform: translate3d(0, 10%, 0);
 transform: translate3d(0, 10%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
.fadeInOutUp {
	-webkit-animation-name: fadeInOutUp;
	animation-name: fadeInOutUp;
}



 /*animate*/
@-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-moz-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
 0% {
 opacity: 0;
 -moz-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 -ms-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
 @-webkit-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -moz-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 -ms-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
 @-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
 0% {
 opacity: 0;
 -moz-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
 -ms-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
 @-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
 0% {
 opacity: 0;
 -moz-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 -ms-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
 @-webkit-keyframes zoomIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(.3);
 transform: scale(.3);
}
 50% {
 opacity: 1;
}
}
@-moz-keyframes zoomIn {
 0% {
 opacity: 0;
 -moz-transform: scale(.3);
 transform: scale(.3);
}
 50% {
 opacity: 1;
}
}
@keyframes zoomIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(.3);
 -ms-transform: scale(.3);
 transform: scale(.3);
}
 50% {
 opacity: 1;
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-ms-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-ms-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}