@charset "utf-8";
/* CSS Document */
#container{
	width:940px;
	margin:10px auto;
	padding:0;
	border:0;
}
#top_services{
	width:940;
	margin:0;
	clear:both;
	float:left;
}
#top_services ul{
	margin:0;
	height:330px;
	padding:0;
}
#top_services ul li{
	width:214px;
	display:block;
	height:300px;
	float:left;
	padding-right:4px;
}
#top_services ul li.services1{
	background:url(images/top_services1.jpg) top left no-repeat;
}
#top_services ul li.services2{
	background:url(images/top_services2.jpg) top left no-repeat;
}
#top_services ul li.services3{
	background:url(images/top_services3.jpg) top left no-repeat;
}
#top_services ul li h1{
	font-family:"微软雅黑";
	font-size:15px;
	color:#FFFFFF;
	display:block;
	position:relative;
	float:left;
	top:169px;
	left:32px;
}
#top_services ul li h1 a:link{
	text-decoration:none;
	color:#FFFFFF;
}
#top_services ul li a:visited{
	text-decoration:none;
	font-family:"微软雅黑";
	font-size:15px;
	color:#FFFFFF;
}
#top_services ul li h1 a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
#top_services ul li p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	position:relative;
	margin-top:171px;
	float:left;
	line-height:18px;
	width:200px;
	padding-left:12px;
	height:130px;
	background-color:#f6f6f6;
	border:1px solid #e0e0e0;
}
#top_services ul li p a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3b5998;
	text-decoration:none;
}
#top_services ul li p a:visited{	
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3b5998;
	text-decoration:none;
}
#top_services ul li p a:hover {
	text-decoration:underline;
	color:#3b5998;
}
#top_services ul li.services4{
	background:url(images/top_services4.jpg) top left no-repeat;
	width:275px;
	display:block;
	height:175px;
	float:left;
}
#top_services ul li.services4 h1{
	font-family:"微软雅黑";
	font-size:15px;
	color:#FFFFFF;
	display:block;
	position:relative;
	float:left;
	top:22px;
	left:32px;
}
#top_services ul li.services4 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	position:relative;
	margin-top:29px;
	float:left;
	line-height:20px;
	width:261px;
	padding-left:12px;
	height:95px;
	background-color:#f6f6f6;
	border:1px solid #e0e0e0;
}
/*---services5strat---*/
#top_services ul li.services5{
	background:url(images/top_services5.jpg) top left no-repeat;
	width:275px;
	display:block;
	height:126px;
	float:left;
}
#top_services ul li.services5 h1{
	font-family:"微软雅黑";
	font-size:15px;
	color:#FFFFFF;
	display:block;
	position:relative;
	float:left;
	top:22px;
	left:32px;
}
#top_services ul li.services5 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	position:relative;
	margin-top:29px;
	float:left;
	line-height:20px;
	width:261px;
	padding-left:12px;
	height:95px;
	background-color:#f6f6f6;
	border:1px solid #e0e0e0;
}
/*-------------新闻及优惠信息客户反馈外框----------------*/
#nf_outside{
	width:940px;
	margin:10px auto;
	padding:0;
	border:0;
	clear:both;
}
#news{
	width:340px;
	height:144px;
	margin:0;
	display:block;
	float:left;
	padding:0 20px 0 0;
}
.h_link a:link{
	text-decoration:none;
	color:#3b5998;
	line-height:31px;
}
.h_link a:visited{
	text-decoration:none;
	color:#3b5998;
	line-height:31px;
}
.h_link a:hover{
	text-decoration:underline;
	color:#3b5998;
	line-height:31px;
}
#news h1{
	font-family:"微软雅黑";
	font-size:14px;
	color:#3b5998;
	border-bottom:dotted #3b5998 1px;
	border-top:dotted #3b5998 1px;
	height:31px;
	 width:340px;
	line-height:31px;
	display:block;
	float:left;
}
#news_c{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888888;
	padding-top:8px;
	background-color:#f6f6f6;
	line-height:18px;
	display:block;
	width:340px;
	height:100px;
	float:left;
}
#news_c ul{
	margin:0;
	padding:0 0 0 12px;
}
#news_c ul li{
	background:url("images/list_circle.jpg") no-repeat left center;
	text-indent:16px;
	height:24px;

	line-height:18px;
}
.nul_link a:link{
	text-decoration:none;
	color:#888888;
}
.nul_link a:visited{
	text-decoration:none;
	color:#888888;
}
.nul_link a:hover{
	text-decoration:underline;
	color:#888888;
}
/*----客户反馈----*/
#fankui{
    position: relative;
	width:565px;
	height:144px;
	margin:0;
	display:block;
	float:left;
	padding:0;
}
#fankui h1{
	font-family:"微软雅黑";
	font-size:14px;
	color:#3b5998;
	border-bottom:dotted #3b5998 1px;
	border-top:dotted #3b5998 1px;
	height:31px;
	width:565px;
	line-height:31px;
	display:block;
}
#fankui ul{
    margin: 0 30px;
    padding-top: 10px;
    font-size: 12px;
    color:#666;
}
#fankui ul li{
    display: none;
    line-height: 22px;
}
#fankui ul li.on{
    display: block;
}
#fankui  .prev{
    position: absolute;
    top:50%;
    left:0;
    height: 30px;
    width: 15px;
    background: url(images/i_left_sj.jpg);
}
#fankui  .next{
    position: absolute;
    top:50%;
    right:0;
    height: 30px;
    width: 15px;
    background: url(images/i_right_sj.jpg);
}
#fankui_c{
	background-color:#f6f6f6;
	display:block;
	width:565px;
	height:100px;
	float:left;
}
/*------编辑部门------*/
#bj_outside{
	width:938px;
	margin:10px auto;
	height:110px;
	display:block;
	border:#e0e0e0 solid 1px;
	padding:10px 0 0;
	clear:both;
}

#foot{
	text-align:center;
	width:940px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
		height:70px;
	line-height:30px;
	color:#666666;
	}
#foot a:link{
	text-decoration:none;
	color:#565656;
}
#foot a:visited{
	text-decoration:none;
	color:#565656;
}
#foot a:hover{
	text-decoration:underline;
	color:#565656;
}


#topcomment a:link{
	text-decoration:none;
	color:#3b5998;
}
#topcomment a:visited{
	text-decoration:none;
	color:#3b5998;
}
#topcomment a:hover{
	text-decoration:underline;
	color:#CC0000; /*color:#FF6633;*/
}

/* journal app right icon list style */

/** 侧边滚动栏  */
.goTop{position: fixed;_position:absolute; left: 50%; bottom: 180px;_bottom:-4000px; margin-left: 580px; width: 48px; z-index: 99;}
.goTop li{width: 48px; height: 48px; margin-bottom: 5px; position: relative; line-height: 1.2; background: #f2f2f2 url(../images/icon-gotop.png) no-repeat;}
.goTop li:hover{/*background-color: #eee;*/ background-color: #3b5998;}
.goTop li a{display: block; width: 28px; height: 28px; text-decoration: none; padding: 10px; /*color: #aaa;*/ color:#3b5998; font-size: 12px; text-align: center;}
.goTop li a:hover{text-decoration: none; /*color: #666;*/ color:#FFFFFF;}
.goTop .icon-app{/*background-position: 0 0;*/ background: #f2f2f2;}
.goTop .icon-app:hover{background-position: 0 -58px;}
.goTop .icon-app a{overflow: hidden; /*text-indent: -999em;*/}
.goTop .icon-xiaoz{background: none;background-color:#eeeeee;}
.goTop .icon-link{background: #f2f2f2;}
.goTop .icon-top{background-position: 0 -118px; visibility: hidden;}
.goTop .icon-top:hover{background-position: 0 -176px;}


.goTop .icon-upload{/*background-position: 0 0;*/ /*background: #f2f2f2;*/background-color: #3b5998; color:#FFFFFF;}
.goTop .icon-upload:hover{/*background-position: 0 -58px;*/ background-color: #3b5998; color:#FFFFFF;}
.goTop .icon-upload a{overflow: hidden; /*text-indent: -999em;*/ background-color: #3b5998; color:#FFFFFF; font-weight:bold;}

.goTop .icon-contact{/*background-position: 0 0;*/ background: #f2f2f2;}
.goTop .icon-contact:hover{background-position: 0 -58px;}
.goTop .icon-contact a{overflow: hidden; /*text-indent: -999em;*/}


.goTop li .app-box{display: none; line-height: 1.6; position: absolute; display: ; left: -310px; top: 0; background: #fff; padding: 20px 20px 20px 20px; margin-right: 50px; z-index: 100; color: #666; border: 1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.2);}
.goTop .app-box .close{position: absolute; top: 5px; right: 10px; cursor: pointer; display: none;}
.goTop .app-box .fl{float: left;}
.goTop .app-box .weixin{padding-top: 100px; width: 95px; margin-right: 15px; text-align: center; background: url(../images/img-gotop.png) no-repeat;}
.goTop .app-box .btn a{display: block; width: 135px; padding: 0; height: 40px; margin-top: 10px; background: url(../images/img-gotop.png) -115px -8px no-repeat;}
.goTop .app-box .btn .wx-android{background-position: -115px -50px;}


.goTop li .go-show-box{display: none; position: absolute; top: 0; left: -145px; background: #fff; padding: 15px 20px; width: 100px; z-index: 100; color: #666; border: 1px solid #ccc; box-shadow:0 2px 4px rgba(0,0,0,.2);}
.goTop li .go-show-box p{text-align: center; font-size: 12px;}
.goTop .go-wx-qr{margin: 10px 0; width: 100px; height: 100px; background: url(../images/LetPub_weixin_mini.jpg) center 0 no-repeat;}
.goTop .go-app-qr{margin: 10px 0; width: 100px; height: 100px; background: url(../images/LetPub_logo_mini.jpg) center 0 no-repeat;}
.goTop .go-upload-qr{margin: 10px 0; width: 100px; height: 100px; background: url(../images/LetPub_upload_mini.jpg) center 0 no-repeat;}
.goTop .go-contact-qr{margin: 10px 0; width: 100px; height: 100px; background: url(../images/LetPub_contact_mini.jpg) center 0 no-repeat;}