﻿
@charset "utf-8";
body{margin:0;padding:40px 0 0 0;font:14px "Microsoft YaHei","Arial Narrow",HELVETICA;background:#f5f5f5}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
ul,li,p,h1,h2,h3,img,dl,dd,dt,form,input,h5{margin:0;padding:0;list-style:none;border:0;background:none;outline:none}
.cl{zoom: 1}
.cl:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}
a{color: #222;text-decoration: none;}
a,li{-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear}
a:hover,#sub_nav .right a:hover{color:#cc2300}
hr{height:0;border:0;border-top:5px solid #e5e5e5;margin:20px 0 0 0;padding:0}
#sub_nav li a:hover{background:#99160a;color:#FFF}
.left,.top_bar li,#sub_nav li{float:left;display:inline}
.right{float:right;display:inline}
.clear{width:100%;height:0;line-height:0;font-size:0;clear:both}
.banner{width:1200px; margin:auto; background:url(https://nfcms-mainsiteoss.188-5633.com/ld/__tpl_asset/home/img/leader_banner_bg.png) center top repeat-x;text-align:center;height:158px;}
.sub_nav_wrap{background:#fff;border-bottom:1px solid #e5e5e5; width: 1200px; margin: 0 auto;}
#sub_nav{width:1100px;line-height:40px;width:1000px;margin:0 auto;position:relative}
#sub_nav .right{width:auto;height:40px;line-height:40px;position:absolute;top:0;right:5px}
#sub_nav .index{display:none}
#sub_nav img{vertical-align:middle;margin:5px 20px 5px 5px;display:block;float:left}
#sub_nav .right a{font-size:12px;display:inline-block;height:40px;margin-right:5px;font-weight:normal;color:#333}
#sub_nav ul{width:1000px;height:30px;border-top:1px solid #e3e3e3;background:#f5f5f5;line-height:30px;margin-top:4px;clear:both}
#sub_nav li{margin:0 10px;font-size:14px;font-weight:normal}
#sub_nav li a,.column_cut{padding:0 5px;}
.container{width:1180px;margin:8px auto;clear:both;background:#fff;border:1px solid #e5e5e5;padding:10px}
.leader_nav{line-height:3em;font-size:18px;border-bottom:5px solid #e5e5e5;height:3em}
.leader_nav li{float:left;display:inline;margin:0 30px}
.leader_nav a{color:#b42618;padding:2px}
.leader_nav a:hover{color:#b42618;background:#f5f5f5}
.leader_list{width:100%;height:100%;overflow:hidden;clear:both;text-align:center;padding:20px 0}
.leader_list li{display:inline-block;*display:inline;*float:left;margin:10px 0;width:19%}
.leader_list li img{width:170px;height:235px}
.leader_list li.half{width:40%;*width:50%}
.leader_list li.single{width:100%}
.leader_list li.single img{width:225px;height:310px}
.leader_list li h3{font-size:14px;color:#b42618;font-weight:normal;line-height:2em}
.leader_list li span{display:block;clear:both}
.leader_list li span a{padding:2px 5px;color:#fff;background:#c43f32;border-radius:3px}
.leader_list li span a:hover{background:#b42618}

.leader_list1{width:100%;height:100%;overflow:hidden;clear:both;text-align:center;padding:20px 0 0 20px;}
.leader_list1 li{display:inline-block;*display:inline;float:left;margin:10px 0; width:19%}
.leader_list1 li img{width:170px;height:235px}
.leader_list1 li.half{width:40%;*width:50%}
.leader_list1 li.single{width:100%}
.leader_list1 li.single img{width:225px;height:310px}
.leader_list1 li h3{font-size:14px;color:#b42618;font-weight:normal;line-height:2em}
.leader_list1 li span{display:block;clear:both}
.leader_list1 li span a{padding:2px 5px;color:#fff;background:#c43f32;border-radius:3px}
.leader_list1 li span a:hover{background:#b42618}

.leader_cat{text-align:center;line-height:2.5em;border:#e5e5e5 solid;border-width:5px 0}
.leader_cat span{color:#fff;background:#c43f32;padding:5px 20px;border-radius:5px;font-size:18px;font-weight:normal}
.aside{position:fixed;_position:absolute;bottom:300px;right:2px;z-index:9999;width:50px}
.aside .backtotop{display:none}
.aside li{width:50px;height:50px;margin-bottom:2px;background:url(https://nfcms-mainsiteoss.188-5633.com/ld/__tpl_asset/home/img/alpha_black.png);position:relative;-webkit-transition:0s;-moz-transition:0s;-ms-transition:0s;-o-transition:0s;transition:0s}
.aside li:hover{background:#1a5dae}
.aside li.share,.aside li.weixin{overflow:visible}
.aside .quick{position:absolute;left:-100px;top:-35px;width:96px;background:#fff;border:2px solid #eee;display:none;padding:10px 0}
.aside li .bdshare_t{background-image:none;background-image:none !important;background:#f8f8f8;width:95px;height:147px;padding:5px;position:absolute;left:-110px;top:-52px;border-right:5px solid #f1f1f1;display:none}
.aside .bds_tools a{height:20px;padding-left:25px;clear:both;width:80px}
.aside .bds_tools a,.container .bds_tools a{background:url(http://www.188-5633.com/public/2014/images/is.png?cdnversion=20121228?tr=1) no-repeat}
.aside .bds_tools a.shareCount{position:absolute;right:10px;top:0}
.aside .count{clear:both;line-height:28px;color:#999;border-top:1px dashed #ccc;width:105px;position:relative}
.aside .share_code{width:160px;height:195px;font-size:12px;text-align:center;padding:5px;position:absolute;left:-175px;top:-104px;border:1px solid #f1f1f1;border-right:5px solid #f1f1f1;display:none;background:#f5f5f5;line-height:2em}
.aside .weixin:hover .share_code{display:block}
.aside .weixin:hover .share_code img{width:160px;height:160px}
.headicon,.resume,.pic_news,.list_column{float:left;display:inline;width:250px;padding-left:25px;text-align:center;padding-top:30px}
.resume,.list_column{width:640px;text-align:left}
.resume h1{position:relative;line-height:35px;height:35px;font-size:28px;color:#cc2300;width:640px;font-weight:normal}
.resume h1 .en,.resume h1 .ch{font-size:12px; color:#fff; background:#999; display:inline-block; line-height:20px; height:20px; padding:0 5px; margin:0 5px; vertical-align:middle; cursor:pointer}
.resume h1 .ask{position:absolute;right:0;top:0;z-index:2}
.resume .detail{height:230px;margin-top:20px;border:1px solid #f2c291;background:#fff8ee;padding:10px;overflow-x:hidden;overflow-y:scroll;margin-bottom:25px}
.resume .detail p{line-height:1.5em}
.resume .detail .ch_v{display:block}
.resume .detail .en_v{display:none}
.news{clear:both;margin:40px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;height:100%;overflow:hidden}
.news h2,.news h2 a{text-align:left;font-size:24px;color:#cc2300;padding-left:20px;line-height:3em;position:relative}
.news h2 .more{position:absolute;right:0;top:20px;font-size:14px;font-weight:normal}
.news h2 .more:hover{text-decoration:underline}
.news h3{font-size:14px;font-weight:normal;width:210px;margin:5px auto;text-align:left}
.pic_news{padding-left:0;background:#f5f5f5;border-right:1px solid #e5e5e5;margin-bottom:-9999px;padding-bottom:9999px;padding-top:0}
.pic_news h2 a{padding:0}
.list_column{padding:0 0 30px 0}
.pic_list li{padding-bottom:15px}
.list{height:100%;overflow:hiden;width:620px;padding:10px 0;margin-left:20px}
.list li{position:relative;line-height:40px;height:40px;background:url(https://nfcms-mainsiteoss.188-5633.com/ld/__tpl_asset/home/img/icon_gray.png) left center no-repeat;border-bottom:1px dashed #e5e5e5;padding-left:15px;width:605px}
.list li:nth-child(5n){margin-bottom:30px}
.list li .date{position:absolute;right:0;z-index:1;color:#999}
.pic_news .pic_list img{width:210px;height:140px}

.footer{width:1000px;margin:0 auto;position:relative;line-height:2em;padding:20px 0 40px;background:url(https://nfcms-mainsiteoss.188-5633.com/ld/__tpl_asset/home/img/footer.png) top center no-repeat}
@media screen and (max-width:770px){
	body {font-family:Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0); overflow-x:hidden}
	a,li{-webkit-transition: all 0s linear;-moz-transition: all 0s linear;-ms-transition: all 0s linear;-o-transition: all 0s linear;transition: all 0s linear}
	a:active{background-color:rgba(0,0,0,0.5)}
	.aside,.nav-menu,.sub_header .cl,#nfw_common_nav.top-nav .nav_wp .nav_position,.sub_nav,#nfw_common_nav.top-nav .nav_wp .nav_position>a:nth-child(1){display:none}
	#nfw_common_nav.top-nav{background:#1469ac; box-shadow:0 0 3px rgba(0,0,0,0.5)}
	#nfw_common_nav.top-nav a.home_link{display:block !important; width:40px; height:40px; padding:0; text-indent:-99em; background: url(https://nfcms-mainsiteoss.188-5633.com/ld/__tpl_asset/home/img/home_btn.png) center no-repeat; background-size:32px; position:fixed; z-index:2000; top:0; left:0}
	#nfw_common_nav.top-nav a.home_link:active{background-color:rgba(0,0,0,0.05)}
	#nfw_common_nav.top-nav .nav_wp .nav_position{display:none!important; position:fixed!important; width:100%; top:40px; left:0; z-index:500; border-bottom:1px solid #ccc; background:#555}
	#nfw_common_nav.top-nav .nav_wp .nav_position a{width:20%; height:40px; line-height:40px; text-align:center; margin:0; padding:0; word-break:keep-all; float:left; display:inline-block}
	#nfw_common_nav.top-nav .nav_wp .more_list,#nfw_common_nav.top-nav .nav_wp .more_btn:hover .more_list{width:100%; position:fixed; top:120px; background:#555; left:0; height:auto; display:none}
	#nfw_common_nav.top-nav .nav_wp .more_list li{width:20%; margin:0; padding:0}
	#nfw_common_nav.top-nav .nav_wp .more_list li:nth-last-child(1){width:40%}
	#nfw_common_nav.top-nav .nav_wp .more_list li a{width:100%}
	#nfw_common_nav.top-nav .nav_wp .more_btn{margin:0; padding:0; text-align:center; width:20%}
	.show_list{display:block !important; position:fixed; right:0; top:0; z-index:2000; width:40px; height:40px; background:url(https://nfcms-mainsiteoss.188-5633.com/ld/__tpl_asset/home/img/big_list_btn.png) center no-repeat; background-size:32px}
	#nfw_common_footer.footer{padding:10px}
	#nfw_common_footer.footer a{display:inline-block}

html,.container,.news,.list_column,.news h2,.list{width:100%;overflow-x:hidden;margin:0;padding:0}
.top_bar_wrap,#sub_nav img,.container .right,.top_nav,.side-banner,.weixin,#sub_nav ul,.list span.date,.column_cut,.right_side,#sub_nav nav{display:none;overflow:hidden;width:0;height:0;overflow:hidden;font-size:0}
.aside{bottom:2px}
.aside li{display:none}
.headicon{ width:25%;margin:0;padding:1%}
.headicon img,.pic_news .pic_list img{max-width:100%;height:auto}
.banner img{max-width:100%; height:auto}
.banner{height:auto}
.resume{width:70%;padding:1%}
.resume h1{width:auto;font-size:22px}
.resume .detail p{font-size:16px}
.resume .detail{height:200px}
.pic_news,.news h3{width:100%;margin:0;padding:0;border:0}
.pic_list li{display:inline;width:31%;margin:1%;height:180px;float:left}
#sub_nav{font-size:14px;font-weight:normal; background:none; width:80%; left:10%; position:absolute; z-index:1000; top:0; color:#fff; text-align:center}
#sub_nav .right{display:block;width:150px;overflow:hidden}
#sub_nav ul,.special_wrap .column,.container,.container .left,#nfw_common_footer.footer,.special_wrap,.chanel_head_l,.left_side,.left_side .list,#sub_nav header,.chanel_head_r,.topic_rec.column,.topic_rec footer,.chanel_news ul.image,header{width:100%;margin:0 auto;clear:both}
.special_wrap{height:165px;overflow-x:scroll;overflow-y:visible}
.special_wrap #scoll{width:1000px}
.special_wrap .column .image{width:1000px;overflow:hidden}
#sub_nav li{font-size:14px;float:left;display:inline}
#sub_nav .index{display:inline}
#sub_nav a,#sub_nav a:hover,#sub_nav .right a,#sub_nav .right a:hover{color:#fff;display:inline-block;padding:0 5px}
#sub_nav a:nth-child(2){display:none}
#sub_nav a:nth-child(1){padding:0}
#sub_nav .right:hover a{display:block}
#sub_nav .right{width:40px; height:0; padding-top:40px; background-image: url(https://nfcms-mainsiteoss.188-5633.com/ld/__tpl_asset/home/img/r_list_btn.png); background-color:#99160a; overflow:visible}
#sub_nav .right a{padding:0 5px !important; margin-left:-50px; width:85px; text-align:center;background:#99160a !important;font-size:14px;overflow:hidden;display:none}
#sub_nav .right a:hover{background:#600 !important}
.list.abs h3{font-size:24px}
.topic_rec.column,.topic_rec.column dl{height:auto}
.roll_wrap .box article{width:55%;position:absolute;z-index:490;}
.leader_list li{width:225px}
}
@media screen and (max-width:480px){
.headicon,.resume{width:98%}
.list.abs h3{font-size:20px}
.pic_list li{width:48%}
.topic_rec.column dl{width:90%}
.topic_rec .box{height:260px}
.roll_wrap{height:420px}
.roll_wrap .box{height:420px}
.roll_wrap .box article{left:-10px;top:280px;padding:0 10px;width:auto}
.resume h1{height:auto; text-align:center}
.resume h1 .ask{clear:both; margin:10px auto; position:relative; display:block}
.banner{display:none}
.leader_list1 li {width: 90%;}
}