@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-bottom: 50px; */}
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{vertical-align:middle;border:0;}
.content{height: 100%;width: 100%;margin: 0 auto;min-width: 1000px;}
.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;width: 100%;min-width: 1200px;}

.container{ width:100%;min-width:1100px; margin:0 auto; clear: both;overflow:hidden; padding:0;}
.fl{float:left;}
.fr{float:right;}
.w1100{margin:0 auto;padding:0;width: 1200px;overflow: hidden;}
.mtop15{margin:15px auto 0;}
.mtop20{margin:20px auto 0;}
.mtop50{/* margin-top: 50px; */}
.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(http://www.yn.xinhuanet.com/newmedia/images/navbg.png) repeat-x 0px 0px; */border-radius:0;margin:0 auto;margin-bottom: 10px;}
.navbar .navcon .xmt{float:left;padding:8px 10px 0 15px;width: 100px;height: 50px;}
.navbar .navcon .navbar-right{padding: 8px 0 0 0;width: 1000px;text-align:right;}
.navbar .navcon .navbar-right li{float:left;margin: 6px 9px 0px 4px;padding: 2px 8px 3px 12px;font-size:16px;/* height: 32px; */}
.navbar .navcon .navbar-right li a{color:#666;}
.navbar .navcon .navbar-right li a:hover{color: #fff;-webkit-border-radius: 20px;
    background: #FA8832;}
.ffm{float:left;margin:7px 10px 0 10px;padding:6px 20px 7px 20px;-webkit-border-radius: 13px;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: #1673a7;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;/* background-color: #06579c; */}
.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(http://www.yn.xinhuanet.com/newmedia/images/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(http://www.yn.xinhuanet.com/newmedia/images/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(http://www.yn.xinhuanet.com/newmedia/images/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(http://www.yn.xinhuanet.com/newmedia/images/newmedia_ico.png) no-repeat -42px 0;}

.cover-txt{overflow:hidden;padding:10px;height:72px;}
.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(http://www.yn.xinhuanet.com/newmedia/images/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(http://www.yn.xinhuanet.com/newmedia/images/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: #1d71b7;padding: 25px 0 15px;width:100%;color: #B1B1B1;text-align:center;font-size:14px;line-height: 30px;}

.toTop{display:none;position:fixed;_position:absolute;bottom:64px;left: 82%;/* margin-left: 568px; */width:54px;height:54px;background:url(http://www.yn.xinhuanet.com/newmedia/images/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(http://www.yn.xinhuanet.com/newmedia/images/banner_vr.jpg) no-repeat center top;}
.bannerHp{ background:url(http://www.yn.xinhuanet.com/newmedia/images/banner_hp.jpg) no-repeat center top;}
.bannerMg{ background:url(http://www.yn.xinhuanet.com/newmedia/images/banner_mg.jpg) no-repeat center top;}
.bannerSh{ background:url(http://www.yn.xinhuanet.com/newmedia/images/banner_sh.jpg) no-repeat center top;}
.bannerH5{ background:url(http://www.yn.xinhuanet.com/newmedia/images/banner_h5.jpg) no-repeat center top;}
.bannerTb{ background:url(http://www.yn.xinhuanet.com/newmedia/images/banner_tb.jpg) no-repeat center top;}
.bannerSp{ background:url(http://www.yn.xinhuanet.com/newmedia/images/banner_sp.jpg) no-repeat center top;}
.bannerZt{ background:url(http://www.yn.xinhuanet.com/newmedia/images/banner_zt.jpg) no-repeat center top;}


.ynpd_page_box { float: left; width: 100%;  display: none;}
.ynpd_page_box .col{margin:0 13px 25px;width:340px;}
.ynpd_page_box .col img{width:340px; height:215px}

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

.ynpd_page_icon{float:left;width:100%;font-weight:bold; text-align:center;margin: 20px auto;}
.ynpd_page_icon i{display: inline-block;width:16px;height:16px;background:url(http://www.yn.xinhuanet.com/newmedia/images/loading2.gif) no-repeat;vertical-align:middle;margin-right:8px;}
.ynpd_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;}
.ynpd_page_none{display:none;}


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