/* global style */
body,h2,h4,ul,dl,dd,p{margin:0;padding:0;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;color:#f60;}
a:active{text-decoration:underline;color:#f90;}

img{border:0;}
textarea{outline:none;}
.cl{clear:both;}

body{font-size:14px;font-family:'Microsoft Yahei';}
span.v{display:inline-block;margin:0 10px 0 10px;width:1px;height:14px;background:#ccc;text-indent:-100px;line-height:0;overflow:hidden;vertical-align:-3px;}

/* head style */
#head{height:80px;color:#f0f0f0;}
.index #head{height:585px;}
	#head #b_c_bg{position:absolute;top:0;left:0;width:100%;height:80px;}
	.index #head #b_c_bg{height:585px;}
	#head .b_c_1_bg{background:#359ec3;-webkit-transition:background-color .5s linear; 
 transition:background-color .5s linear;-moz-transition:background-color .5s linear;-o-transition:background-color .5s linear;}
	#head .b_c_2_bg{background:#b356a1;-webkit-transition:background-color .5s linear; 
 transition:background-color .5s linear;-moz-transition:background-color .5s linear;-o-transition:background-color .5s linear;}
	#head .b_c_3_bg{background:#3cb796;-webkit-transition:background-color .5s linear; 
 transition:background-color .5s linear;-moz-transition:background-color .5s linear;-o-transition:background-color .5s linear;}
	#head .b_c_4_bg{background:#e48069;-webkit-transition:background-color .5s linear; 
 transition:background-color .5s linear;-moz-transition:background-color .5s linear;-o-transition:background-color .5s linear;}
	#head .head_con{position:relative;width:960px;padding:0 20px;margin:0 auto;z-index:1000;}
		.nav{position:absolute;width:100%;z-index:1000;}
			.nav a.logo{display:block;padding:16px 0 0 0;}
			.nav ul.nav_list{position:absolute;top:0;right:0;}
				.nav ul.nav_list li{float:left;margin:0 0 0 10px;list-style:none;}
					.nav ul.nav_list li a{display:block;padding:27px 15px 16px 15px;color:#fff;background:rgba(0,0,0,0);opacity:.75;text-decoration:none;transition:background .5s, opacity .5s;-moz-transition:background .5s, opacity .5s;-webkit-transition:background .5s, opacity .5s;-o-transition:background .5s, opacity .5s;}
					.nav ul.nav_list li a:hover{background:rgba(0,0,0,.3);opacity:1;}
					.nav ul.nav_list li.current a,.nav ul.nav_list li.current a:hover{background:url(../images/nav_list_bg.png) bottom repeat-x;opacity:1;}
		.banner{position:absolute;width:100%;height:445px;margin:145px 0 0 0;}
			.slogan{position:absolute;left:-100px;top:0;width:100%;height:84px;text-indent:-5000px;opacity:0;}
			.down_area{position:absolute;/*left:-50px;*/left:0;top:130px;font-size:12px;/*opacity:0;*/}
				.down_area p{line-height:22px;}
				.down_area a.down_btn{float:left;display:block;width:230px;height:86px;margin:27px 0;background:url(../images/down_btn.png) left top no-repeat;overflow:hidden;text-indent:-1000px;}
					.down_area a.down_btn:hover{background-position:center top;}
					.down_area a.down_btn:active{background-position:right top;transition:background 0s;-moz-transition:background 0s;-webkit-transition:background 0s;-o-transition:background 0s;}
			.down span.other{float:left;display:block;margin:27px 0 27px 30px;padding-top:34px;color:#ccc;}
				.down span.other a{color:#fff;}
					.down span.other a:hover{text-decoration:underline;}
			.shareto{clear:both;overflow:hidden;}
				.shareto span{float:left;display:block;line-height:34px;}
				.shareto #bdshare{float:left;}
				.shareto #bdshare a{width:31px!important;height:32px!important;margin:0 6px 0 0!important;background:url(//img.ithome.com/images/v2.1/share_icon.png) no-repeat!important;}
				.shareto #bdshare a.bds_qzone{background-position:0 0!important}
				.shareto #bdshare a.bds_qzone:active{background-position:0 -32px!important}
				.shareto #bdshare a.bds_tsina{background-position:-36px 0!important}
				.shareto #bdshare a.bds_tsina:active{background-position:-36px -32px!important}
				.shareto #bdshare a.bds_tqq{background-position:-72px 0!important}
				.shareto #bdshare a.bds_tqq:active{background-position:-72px -32px!important}
				.shareto #bdshare a.bds_renren{background-position:-108px 0!important}
				.shareto #bdshare a.bds_renren:active{background-position:-108px -32px!important}
				.shareto #bdshare .bds_more{padding:0!important;width:31px!important;height:32px!important;background:url(//img.ithome.com/images/v2.1/share_icon.png) -144px 0 no-repeat!important;}
				.shareto #bdshare .bds_more:hover{background-position:-144px -32px!important;}
				.shareto #bdshare a.bds_weixin{background-position:-179px 0!important;}
				.shareto #bdshare a.bds_weixin:active{background-position:-179px -32px!important;}
				.shareto #bdshare a.bds_count{width:58px!important;background-position:-214px 0!important;}
				#bdshare_weixin_qrcode_dialog{border:5px solid #be0028!important;}
				#bdshare_s #bdshare_l,#bdshare_s #bdshare_m{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;}
			.ui—preview{position:absolute;top:0;right:-260px;opacity:0;}
			.b_c_1 .slogan{background:url(../images/slogan_1.png) no-repeat;}
			.b_c_2 .slogan{background:url(../images/slogan_2.png) no-repeat;}
			.b_c_3 .slogan{background:url(../images/slogan_3.png) no-repeat;}
			.b_c_4 .slogan{background:url(../images/slogan_4.png) no-repeat;}
			.banner_nav{position:absolute;left:50%;bottom:40px;margin:0 0 0 -44px;clear:both;width:88px;overflow:hidden;}
				.banner_nav a{float:left;display:block;width:12px;height:12px;margin:0 5px;background:url(../images/banner_nav.png) right top;text-indent:-100px;overflow:hidden;}
				.banner_nav a.current{background-position:left top;transition:background .5s;-moz-transition:background .5s;-webkit-transition:background .5s;-o-transition:background .5s;}

/* con style */
#con{width:100%;background:#f7f8f8;}
#con .bg{background:#fdfefe;}
	.part{background:#f9f9f9;overflow:hidden;}
		.part_con{ width:960px;padding:0 20px;margin:0 auto;}
			.news_list{padding:40px 0;}
				.news_list .list{float:left;font-size:12px;}
				.news_list .l1{width:300px;margin-right:20px;}
				.news_list .l2{width:640px;}
					.news_list h2{height:28px;margin-bottom:15px;padding-bottom:5px;font-size:18px;line-height:28px;text-align:left;color:#333;border-bottom:1px #ccc solid;}
					.news_list ul li{float:left;width:305px;margin:0 0 5px 0;padding:0 0 2px 15px;white-space:nowrap;background:url(../images/list_icon.png) 0 6px no-repeat;text-overflow:ellipsis;line-height:17px;overflow:hidden;*vertical-align:bottom;}
					.news_list ul li a{color:#666;}
						.news_list ul li a:hover{color:#f60;text-decoration:underline;}
						.news_list ul li a:active{color:#f90;}
			.title{width:960px;height:108px;margin:50px 0 30px 0;line-height:5000px;background:url(../images/title.png) center center no-repeat;}
			.f_intro{font-size:18px;line-height:35px;color:#666;padding-bottom:50px;overflow: hidden;}
			.feature{position:relative;height:390px;background-position:left bottom;background-repeat:no-repeat;}
				.feature .f_intro{position:absolute;top:77px;right:0;width:345px;height:240px;line-height:5000px;color:#fff;background-position:top left;background-repeat:no-repeat;}
				.f1{background-image:url(../images/feature1.jpg);}
				.f2{background-image:url(../images/feature2.jpg);background-position:right bottom;}
				.f3{background-image:url(../images/feature3.jpg);}
				.f4{background-image:url(../images/feature4.jpg);background-position:right bottom;}
				.f5{background-image:url(../images/feature5.jpg);}
				.f6{background-image:url(../images/feature6.jpg);background-position:right bottom;}
					.f1 .f_intro{background-image:url(../images/intro1.png);}
					.f2 .f_intro{background-image:url(../images/intro2.png);left:0;}
					.f3 .f_intro{background-image:url(../images/intro3.png);}
					.f4 .f_intro{background-image:url(../images/intro4.png);left:0;}
					.f5 .f_intro{background-image:url(../images/intro5.png);}
					.f6 .f_intro{background-image:url(../images/intro6.png);left:0;}
				.bg1{background:#359ec3;}
				.bg2{background:#b356a1;}
				.bg3{background:#3cb796;}
				.bg4{background:#e48069;}
				.bg5{background:#369dd3;}
				.bg6{background:#d8b688;}
				
.update_list{padding:40px 0;}
	.update_list ul{list-style:none;}
		.update_list ul li{float:left;width:460px;margin:0 0 8px 0;padding:0 0 2px 15px;overflow:hidden;text-overflow:ellipsis;line-height:17px;white-space:nowrap;background:url(../images/list_icon.png) 0 6px no-repeat;}
		.update_list ul li.new_up{width:970px;height:auto;margin-bottom:50px;padding:0 0 30px 0;line-height:26px;border:0;border-bottom:1px dotted #aaa;}
		.update_list ul li.new_up strong{display:block;padding-bottom:5px;font-size:14px;color:#369dd3;}
		.new_up h4{padding:0 0 30px 0;font-size:24px;}
		.new_up p{padding:10px 0;}

/* Subnav Style */
.subnav{ width:960px;height:80px;line-height:80px;border-bottom:1px #dfdfdf solid; }
	.subnav a.home_url{ float:left;display:block;width:80px;height:25px;margin:28px 20px 0 0;font-size:12px;line-height:25px;text-indent:13px;color:#fff;background:url(../images/subnavtitle_bg.png);overflow:hidden; }
	.subnav h2{ float:left;display:inline;font-size:18px;color:#333; }
	.subnav span.sep2{ padding:0 10px;font-size:12px;color:#888; }

/* Wrapper Style */
.cwrap{ padding:40px 0;font-size:14px; }
	.cwrap p{ padding:16px 0;line-height:22px; }
	.cwrap p.title{ font-weight:bold; }

	.cwrap .side{ float:left;width:210px;border-right:1px #dedede dotted; }
		.cwrap .side h4{ font-size:16px;height:51px;margin:0 10px 16px 0;line-height:50px;background:url(../images/title_bg.png) 0 bottom no-repeat; }
			.cwrap .side h4 span{ padding-left:10px;font-weight:normal;color:#888; }
		.cwrap .side ul li{ clear:both;margin: 0 0 12px 0;overflow:hidden; }
		.cwrap .side ul li a{ float:right;display:block;width:130px;padding-left:15px;font-size:12px;color:#888;background:url(../images/list_icon.png) 0 5px no-repeat; }
			.cwrap .side ul li a:hover,.cwrap .side ul li.current-cat a,.cwrap .side ul li.current_post a{ color:#222; }
			
	.cwrap .article{ float:left;width:709px;padding-left:40px; }
		.cwrap .article .block{ margin-bottom:30px;font-size:12px; }
			.cwrap .article .block h4{ font-size:18px; }
			.cwrap .article .block .excerpt{ color:#888; }
			.cwrap .article .block p{ padding:6px 0; }
		.cwrap .article .post{ padding:5px 0 24px 0;}
			.cwrap .article .post h4{ font-size:26px; }
			.cwrap .article .post .cont{ padding-top:15px;font-size:14px;color:#444; }
		.cwrap .article p.time{ padding:5px 0;color:#aaa;font-size:12px; }
			.cwrap .article p.time a{color:#aaa;}
			.cwrap .article p.time a:hover{color:#333;}
			
/* Pagenavi */

.page_navi{ width:100%;height:36px;line-height:36px;font-size:12px;overflow:hidden; }
.page_navi a{ padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #fff; }
.page_navi a:hover,.page_navi a.current{ border:1px solid #888;color:#333;background:#f4f4f4; }
			
/* foot style */
#foot{clear:both;line-height:22px;color:#9eafcf;font-size:12px;background:#556c96;}
	#foot a{color:#9eafcf;}
		#foot a:hover{color:#d6e5ff;text-decoration:underline;}
		#foot a:active{color:#fff;}
		#foot .pro_links{width:1060px;margin:0 auto;padding:40px 0 30px 0;}
			#foot .pro_links p{padding-bottom:6px;}
		#foot .site_info{padding:50px 0 100px 0;text-align:center;background:#4d6187;}
		#foot span.v{background:#7a8aa7;}