@charset "utf-8";
/* css document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,lable,textarea,p,blockquote,th,td {margin:0;padding:0;border:0 none;list-style:none;margin: 0 auto;}
table{border-collapse: collapse;border-spacing:0;}
textarea, input{-webkit-appearance:none; outline:none; border-radius:0;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal; font-weight:normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
img,input,select{border:0;/* float: right; */}
.clear{clear:both;visibility:hidden;margin:0;padding:0;height:0;font-size:0;line-height:0;}
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix{ display:block;}
* html .clearfix{ height:1%;}
a{color:#333;}
a:link{text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ color: #ff8400; text-decoration:underline;}
a:active{text-decoration:none;}
body, html{ position:relative; }
body{font: normal 14px/26px \5fae\8f6f\96c5\9ed1,\9ed1\4f53,droid sans,sans-serif; color:#7e7e7e; background-color: #fff;}


.fl{float:left;}
.fr{float:right;}
.w1100{margin:0 auto;padding:0;width: 1000px;overflow: hidden;}
.mtop15{margin:15px auto 0;}
.mtop20{margin:20px auto 0;}
.mtop50{margin: 30px auto 0;}
.mtop80{margin:80px auto 0;}
.mtop60{margin:60px auto 0;}
.more {	float:right;margin-right:30px;display: block;font-size:12px;line-height:77px}
.cf:after,.layout:after,.hd:after,.bd:after{content:"";display:table;clear:both;}
.cf,.layout,.hd,.bd{*zoom:1;}

.navbar{position:relative;z-index:1000;clear:both;width:100%;height:55px; background: url(/uploads/image/wnimages/navbg.png) repeat-x 0px 0px;border-radius:0; margin:0 auto;}
.navbar .navcon .xmt{float:left;padding:8px 10px 0 15px;width:220px;}
.navbar .navcon .navbar-right{padding:6px 0 0 0;width: 805px;text-align:right;}
.navbar .navcon .navbar-right li{float:left;margin: 7px 9px 0 9px;padding: 2px 11px 3px 11px;font-size:16px;}
.navbar .navcon .navbar-right li a{color:#666;}
.navbar .navcon .navbar-right li a:hover{color:#fa8832;}
.ffm{float:left;margin:7px 10px 0 10px;padding:6px 20px 7px 20px;-webkit-border-radius:15px;background:#fa8832;}
.navbar .navcon .navbar-right li.ffm a,.navbar .navcon .navbar-right li.ffm a:hover{color:#fff;text-decoration:none;}

.banner{position:relative;z-index:1;width:100%;height:450px;background-color:#17181c;background-position:center 0;background-repeat:no-repeat; clear:both;}
.banbk{padding:0;}
.bjtx{position:absolute;right:10px;bottom:10px;padding:3px;border-radius:5px;background-color:rgba(255,255,255,.13);color:#656565;font-size:12px;cursor:pointer;}
.banner .bannercon{position:absolute;text-align:center;width:1008px;height:346px;margin: 52px auto;left: 0;right: 0;}
.baniframe{width:100%;height:100%;border-width:0;}

.mod_hd{width:100%;height: 45px;overflow: hidden;position: relative;margin:50px auto 0;text-align: center;}
.mod_hd h2{font-size: 30px; color:#333; line-height:1.5}
.mod_hd p{font-size:14px; color:#999;display: none;width:0;height:0;text-indent:-99999px;}
.mod_bd{overflow: hidden; margin-top:25px;}

.col{position:relative;float:left;overflow:hidden;margin:0 10px 20px;width:255px;border-radius:5px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:all 1s ease 0s;}
.col:hover{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.7);}
.col img{width:255px; height:160px;border-top-right-radius:5px;border-top-left-radius:5px;transition:all 1s ease 0s;}
.col:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-filter:brightness(.6);filter:brightness(.6);}
.col a {display: block;}
.col .cover-pic{position:relative;}
.p1 .col .cover-pic span,.vrlist .col .cover-pic span{position:absolute;bottom:6px;left:6px;padding:0;width:54px;height:22px;background:url(/uploads/image/wnimages/newmedia_ico.png) no-repeat -150px 0;}
.p2 .col .cover-pic span,.hplist .col .cover-pic span{position:absolute;bottom:6px;left:6px;padding:0;width:54px;height:22px;background:url(/uploads/image/wnimages/newmedia_ico.png) no-repeat -90px 0;}
.p3 .col .cover-pic span,.mglist .col .cover-pic span{position:absolute;bottom:6px;left:6px;padding:0;width:30px;height:22px;background:url(/uploads/image/wnimages/newmedia_ico.png) no-repeat 0 0;}
.p7 .col .cover-pic span,.splist .col .cover-pic span{position:absolute;bottom:6px;left:6px;padding:0;width:50px;height:22px;background:url(/uploads/image/wnimages/newmedia_ico.png) no-repeat -42px 0;}

.cover-txt{overflow:hidden;padding:10px;height: 60px;line-height: 30px;}
.cover-txt a{color:#5a5a5a;font-size:16px;}
.cover-txt a:hover{color:#ff8400;text-decoration:none;}

.cover-info{position:relative;padding:3px 15px 3px 10px;border-top:1px solid #e7e7e7;border-radius:0 0 3px 3px;background-color:#f8f8f8;box-shadow:0 1px 0 0 #fff inset;color:#8b8b8c;}
.cover-info span{font-size:10px;}
.fields{position:absolute;top:1px;right:1px;width:45px;height:35px;border-left:1px solid #ddd;color:#aaa;color:#8b8b8c;text-align:center;font-size:10px;line-height:34px;cursor:default;transition:color .15s linear;}
.good{display:block;margin: 4px auto;width: 23px;height: 23px;background:url(/uploads/image/wnimages/arrow3.png) no-repeat;background-size: 23px 23px;}


.morebox{clear:both;padding:25px 0 55px 0;height:35px;}
.moreboxcon{position:relative;display:block;margin:0 auto;padding:0 20px;width:115px;height:35px;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;background:#bfbfbf;border: 1px solid #a6a6a6;}


.morebox a{position:absolute;left:17px;color:#fff;font-size:14px;line-height:35px;padding-right:25px;}
.morebox a:hover{color:#fde800;text-decoration:none;}
.morebox .i-more{position:absolute;right:0;top:8px;width: 19px;height: 19px;margin:0 0 0 6px;background:url(/uploads/image/wnimages/i-more.png) no-repeat;background-size: 19px;vertical-align:middle;_background-image:none;_filter:progid:dximagetransform.microsoft.alphaimageloader(src='http://www.yn.xinhuanet.com/newmedia/images/i-more.png',sizingmethod='crop');}
.morebox .moreboxcon a i{-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;}
.morebox .moreboxcon a:hover i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg);}

.p1,.p3,.p5,.p7{ background:#f4f4f4; padding-bottom:50px;}
.p2,.p4,.p6,.p8{padding-bottom:50px;}
.p4 .col img,.p5 .col img{width:255px; height:380px;}

.banner .tit{display:none;width:0;height:0;}
.banner .tit h1{width:0;height:0;text-indent:-99999px;}
.banner .tit p{width:0;height:0;text-indent:-99999px;}

.footer{background: #333;padding:45px 0 30px;width:100%;color: #b1b1b1;text-align:center;font-size:14px;line-height:36px;}

.totop{display:none;position:fixed;_position:absolute;bottom:64px;left:50%;margin-left:560px;width:54px;height:54px;background:url(/uploads/image/wnimages/go_top.png) no-repeat;opacity:0.6;filter:alpha(opacity=60);z-index:999}
.totop:hover{opacity:1;filter:alpha(opacity=100);}


.wapdh,.wapnav,.wapbanner,.f_module,.wapbanner{ display:none;}


/* animated*/

.p1 .mod_hd.on{-webkit-animation:fadeindown 1s 1s ease both;-moz-animation:fadeindown 1s 1s ease both;}
.p1 .mod_bd.on{-webkit-animation:fadeinup 1s 1.2s ease both;-moz-animation:fadeinup 1s 1.2s ease both;}
.p1 .morebox.on{-webkit-animation:opacity 1s 1.5s ease both;-moz-animation:opacity 1s 1.5s ease both;}

.p2 .mod_hd.on{-webkit-animation:fadeinleft 1s 1s ease both;-moz-animation:fadeinleft 1s 1s ease both;}
.p2 .mod_bd.on{-webkit-animation:fadeinright 1s 1.2s ease both;-moz-animation:fadeinright 1s 1.2s ease both;}
.p2 .morebox.on{-webkit-animation:fadeindown 1s 1.5s ease both;-moz-animation:fadeindown 1s 1.5s ease both;}

.p3 .mod_hd.on{-webkit-animation:opacity 1s 1s ease both;-moz-animation:opacity 1s 1s ease both;}
.p3 .mod_bd.on .col:nth-child(1){-webkit-animation:fadeinright 1s 2s ease both;-moz-animation:fadeinright 1s 2s ease both;}
.p3 .mod_bd.on .col:nth-child(2){-webkit-animation:fadeinright 1s 2.2s ease both;-moz-animation:fadeinright 1s 2.2s ease both;}
.p3 .mod_bd.on .col:nth-child(3){-webkit-animation:fadeinright 1s 2.4s ease both;-moz-animation:fadeinright 1s 2.4s ease both;}
.p3 .mod_bd.on .col:nth-child(4){-webkit-animation:fadeinright 1s 2.6s ease both;-moz-animation:fadeinright 1s 2.6s ease both;}
.p3 .morebox.on{-webkit-animation:fadeinup 1s 3s ease both;-moz-animation:fadeinup 1s 3s ease both;}

.p4 .mod_hd.on{-webkit-animation:fadeinup 1s 1s ease both;-moz-animation:fadeinup 1s 1s ease both;}
.p4 .mod_bd.on .col:nth-child(1){-webkit-animation:fadeinup 1s 2s ease both;-moz-animation:fadeinup 1s 2s ease both;}
.p4 .mod_bd.on .col:nth-child(2){-webkit-animation:fadeinup 1s 2.2s ease both;-moz-animation:fadeinup 1s 2.2s ease both;}
.p4 .mod_bd.on .col:nth-child(3){-webkit-animation:fadeinup 1s 2.4s ease both;-moz-animation:fadeinup 1s 2.4s ease both;}
.p4 .mod_bd.on .col:nth-child(4){-webkit-animation:fadeinup 1s 2.6s ease both;-moz-animation:fadeinup 1s 2.6s ease both;}
.p4 .morebox.on{-webkit-animation:fadeindown 1s 3s ease both;-moz-animation:fadeindown 1s 3s ease both;}

.p5 .mod_hd.on{-webkit-animation:bounceindown 1s 1s ease both;-moz-animation:bounceindown 1s 1s ease both;}
.p5 .mod_bd.on .col:nth-child(1){-webkit-animation:bounceindown 1s 2s ease both;-moz-animation:bounceindown 1s 2s ease both;}
.p5 .mod_bd.on .col:nth-child(2){-webkit-animation:bounceindown 1s 2.2s ease both;-moz-animation:bounceindown 1s 2.2s ease both;}
.p5 .mod_bd.on .col:nth-child(3){-webkit-animation:bounceindown 1s 2.4s ease both;-moz-animation:bounceindown 1s 2.4s ease both;}
.p5 .mod_bd.on .col:nth-child(4){-webkit-animation:bounceindown 1s 2.6s ease both;-moz-animation:bounceindown 1s 2.6s ease both;}
.p5 .morebox.on{-webkit-animation:bounceinup 1s 3s ease both;-moz-animation:bounceinup 1s 3s ease both;}

.p6 .mod_hd.on{-webkit-animation:fadeindown 1s 1s ease both;-moz-animation:fadeindown 1s 1s ease both;}
.p6 .mod_bd.on{-webkit-animation:fadeinup 1s 1.2s ease both;-moz-animation:fadeinup 1s 1.2s ease both;}
.p6 .morebox.on{-webkit-animation:opacity 1s 1.5s ease both;-moz-animation:opacity 1s 1.5s ease both;}

.p7 .mod_hd.on{-webkit-animation:fadeinleft 1s 1s ease both;-moz-animation:fadeinleft 1s 1s ease both;}
.p7 .mod_bd.on{-webkit-animation:fadeinright 1s 1.2s ease both;-moz-animation:fadeinright 1s 1.2s ease both;}
.p7 .morebox.on{-webkit-animation:fadeindown 1s 1.5s ease both;-moz-animation:fadeindown 1s 1.5s ease both;}

.p8 .mod_hd.on{-webkit-animation:fadeindown 1s 1s ease both;-moz-animation:fadeindown 1s 1s ease both;}
.p8 .mod_bd.on{-webkit-animation:fadeindown 1s 1.2s ease both;-moz-animation:fadeindown 1s 1.2s ease both;}
.p8 .morebox.on{-webkit-animation:fadeindown 1s 1.5s ease both;-moz-animation:fadeindown 1s 1.5s ease both;}

.bannerlist{ margin: 0px auto; height:375px;}
.bannervr{ background:url(/uploads/image/wnimages/banner_vr.jpg) no-repeat center top;}
.bannerhp{ background:url(/uploads/image/wnimages/banner_hp.jpg) no-repeat center top;}
.bannermg{ background:url(/uploads/image/wnimages/banner_mg.jpg) no-repeat center top;}
.bannersh{ background:url(/uploads/image/wnimages/banner_sh.jpg) no-repeat center top;}
.bannerh5{ background:url(/uploads/image/wnimages/banner_h5.jpg) no-repeat center top;}
.bannertb{ background:url(/uploads/image/wnimages/banner_tb.jpg) no-repeat center top;}
.bannersp{ background:url(/uploads/image/wnimages/banner_sp.jpg) no-repeat center top;}
.bannerzt{ background:url(/uploads/image/wnimages/banner_zt.jpg) no-repeat center top;}


.lnpd_page_box {float: left;width: 1045px;display: none;margin-left: -10px;}
.lnpd_page_box .col{margin:0 13px 25px;width: 314px;}
.lnpd_page_box .col img{width: 315px;height: 192px;}

.w2 .lnpd_page_box .col{margin:0 10px 20px;width:255px;}
.w2 .lnpd_page_box .col img{width:255px; height:380px}

.lnpd_page_icon{float:left;width:100%;font-weight:bold; text-align:center;margin: 20px auto;}
.lnpd_page_icon i{display: inline-block;width:16px;height:16px;background:url(/uploads/image/wnimages/loading2.gif) no-repeat;vertical-align:middle;margin-right:8px;}
.lnpd_page_icon .text{display:inline-block;height:30px;line-height:30px;vertical-align:middle;float:none;border:1px #e5e5e5 solid;padding:0 10px 0 14px;border-radius: 16px;position:relative; color:#333;}
.lnpd_page_none{display:none;}


@keyframes opacity{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-webkit-keyframes opacity{
	0%{opacity: 0;}
	100%{opacity: 1;}
}