/***********************************************************
	文件：css/style.css
	备注：网站前台公共样式
	版本：4.0
	网站：www.phpok.com
	作者：qinggan <qinggan@188.com>
	日期：2015年09月05日 17时13分
***********************************************************/

*{margin:0; padding:0; font-family:Arial,Microsoft Yahei; list-style:none;text-decoration:none;font-size:12px;}
/*本例css*/
.www51buycom { width: 1680px; height: 431px; left:50%; margin-left:-840px;position: absolute; overflow:hidden;}

/*数字按钮样式*/
.www51buycom .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; left: 50%; margin-left:-52px; zoom:1; z-index:3 }
.www51buycom .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.www51buycom .num li.on { background: #FF7700; } /*当前项*/

/*上一个  下一个*/
.www51buycom .prev,
.www51buycom .next { display: none; width: 40px; height: 100px; background: url('../images/btn.png') no-repeat; position: absolute; top: 115px;}
.www51buycom .prev { left: 300px; }
.www51buycom .next { right: 300px; background-position: right }
a{color:#333}
.header{height:162px; width:100%; background:url(../images/headbg.jpg) repeat-x}
.w1000{width:1000px; margin:0 auto;position:relative;}
.top{padding:40px 0;}
.ewm{position:absolute; width:65px; height:65px; top:30px; right:0px;}
.logo{float:left;}
.toptel{float:right; background:url(../images/telbg.png) no-repeat;width:150px; height:39px;color:#267cc1;font-size:22px;padding-left:42px; padding-top:1px; padding-bottom:33px; line-height:12px;margin-right:80px;margin-top:8px;}
.toptel span{color:#fff;font-size:12px;padding-left:10px;padding-bottom: 10px;display: block;padding-top: 2px;}
.nav{clear:both;}
.nav li{float:left;}
.nav li a{height:40px; padding:0px 10px; margin:0 8px; line-height:40px;display:block; color:#fff;font-size:14px;}
.nav li a:hover{color:#ff0}
.container{margin-top:25px; font-size:12px; color:#333; overflow:hidden;}
.banners{height:431px; width:100%;background:url(banner.jpg) no-repeat center;}
.w1000 .title{width:90%; background:url(../images/boxtlebg.png) no-repeat left;height:24px; padding:6px 0;color:#267cc1; font-size:16px;margin-bottom:12px;}
.w1000 .title i{background:url(../images/titleicon.png) no-repeat top left; width:20px; height:23px;float:left; margin:0 5px 0 10px; display:inline}
.w1000 .news .title i{background-position:0 -23px}
.w1000 .contact .title i{background-position:0 -46px}
.w1000 .title span{color:#999; font-size:12px; padding-left:5px;}
.w1000 .company{width:314px; float:left;}
.w1000 .company .compic{margin-bottom:14px}
.w1000 .contact .conpic{margin-bottom:14px}
.w1000 .company p{line-height:24px;}
.w1000 .contact .concon{line-height:24px;}

.w1000 .news{width:342px; float:left; margin-left:30px; display:inline}
.w1000 .news .cbox{ padding:0 7px;}
.w1000 .contact{width:286px; float:right;}
.w1000 .news .firstnew {border-bottom:1px dashed #eee;padding:0 5px}
.w1000 .news .firstnew h3 a{color:#4b70a9; font-weight:normal;padding:5px 0 ;display:block;font-size:14px;}
.w1000 .news .firstnew p{line-height:18px;padding-bottom:7px;}
.w1000 .news ul{margin-top:10px;}
.w1000 .news ul li{line-height:22px; background:url(../images/point.png) no-repeat left center; padding-left:8px;}
.w1000 .news ul li a:hover{color:#4b70a9}
.w1000 .news ul li span{float:right;}
.footer{width:100%; height:auto; background:#193e76; clear:both; margin-top:20px;}
.footer p{text-align:center; color:#fff; font-size:12px; padding:20px; }
.products{width:1000px; float:left; height:240px; margin-top:20px;}
.products .cbox{background:#edf1f6; overflow:hidden; padding:5px 10px; border:1px #c9d4e0 solid;}
.products .cbox li img{width:164px; border:5px solid #fff}
.products .cbox li{float:left; width:174px; text-align:center; margin:10px; margin-bottom:0}
.products .cbox li span{padding:5px 0; display:block}

body{color:#414141}
img{border:0;display:block}
a{color:#414141;text-decoration:none;}
form{margin:0;padding:0;position:relative;}
input:focus {outline: none;}

.red{color:red;}
.vcode{width:70px;text-align:center;}
.hand{cursor:pointer;}
/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1px;}
.clear{ clear:both;height:0;line-height:0;content:'.';display:block;visibility:hidden;}



div.pfw{position:relative;border:1px solid #e4e4e4;margin-bottom:10px;}
div.pfw:after{content:".";display:block;height:0;clear:both;visibility:hidden}
div.pfw div.title{height:38px;line-height:38px;margin:0;padding:0 5px;background:#E8E8E8 url("../images/pfwbg.png") repeat-x;border-bottom:1px solid #e4e4e4;border-radius:5px 5px 0 0;position:relative;}
div.pfw div.title h3{margin:0;line-height:38px;font-size:14px;background:url('../images/icon.png') 5px center no-repeat;padding:0 0 0 20px;}

div.pfw div.title .more{display:block;position:absolute;top:14px;right:8px;height:11px;text-indent:-99999px;width:26px;overflow:hidden;background:url('../images/more.gif') no-repeat;}
div.pfw div.title .ext{display:block;position:absolute;right:8px;line-height:30px;top:5px;}

	/* 文章列表 */
	div.pfw ul.artlist{list-style:none;margin:0;padding:0 0 5px 0;}
	div.pfw ul.artlist li{display:block;height:27px;line-height:29px;overflow:hidden;white-space:nowrap;word-wrap:nowrap;background:url('../images/pin.png') left center no-repeat;padding-left:15px;margin:0 3px 0 15px;}
	div.pfw ul.artlist li div.date{float:right;line-height:24px;}
	div.pfw ul.artlist li:hover{color:#164476;}
	div.pfw ul.artlist li.current{color:#4b70a9}
	div.pfw ul.artlist li.current a{color:#4b70a9;}

	/* 图片列表 */
	div.pfw ul.piclist{list-style:none;margin:0 13px;padding:0}
	div.pfw ul.piclist li{width:30%;float:left;margin:7px 5% 0 0;}
	div.pfw ul.piclist li.last{margin-right:0;}
	div.pfw ul.piclist li div.pic{text-align:center}
	div.pfw ul.piclist li div.txt{height:20px;line-height:20px;overflow:hidden;text-align:center;}



header{width:980px;margin:10px auto;position:relative;}
header .top{height:26px; line-height:26px; text-align:right; color:#666;display:block;margin-bottom:5px;}
header .logo{float:left;}
header .right{float:right;}
header .right form.search{background:url('../images/search.png') left center no-repeat;height:26px;width:207px;overflow:hidden;}
header .right input.topsearch{border:0;margin:5px 0 0 19px;height:20px;line-height:20px;padding:0;background:none;}
header .right input.submit{background:none;position:absolute;left:180px;top:5px;height:20px;border:0;}

nav.menu{height:35px; background:#3375b9 url('../images/menubg.png') left center repeat-x;z-index:9;margin:0 auto;width:980px;}
nav.menu ul{list-style:none;margin:0 auto;padding:0;width:980px;}
nav.menu ul li{ float:left;position:relative;list-style:none;}
nav.menu ul li a{display:inline-block;padding: 0 26px;height: 35px;line-height: 35px;color: #fff;text-decoration: none; font-size:14px;}
nav.menu ul li:hover a{ background:#005DB5;}
nav.menu ul li.current a{background:#23a0e7;}
nav.menu ul ul{width:100%;display: none;position: absolute;top: 100%;left: 0;background: #005DB5; z-index:1000;}
nav.menu ul ul li {background: #005DB5;float: none;}
nav.menu ul li:hover ul{display:block;}
nav.menu ul ul li a{ border-right:0;}
nav.menu ul ul li a:hover{ background:#3375b9;}



/* 首页Banner 样式 */
.indexbanner{position:relative;width:980px;margin:0 auto 10px;height:300px;overflow:hidden;z-index:8;}
.indexbanner .bd ul{list-style:none;margin:0;padding:0}
.indexbanner .hd {position:absolute; bottom:10px; right:10px; text-align:center;}
.indexbanner .hd ul{list-style:none;margin:0;padding:0;}
.indexbanner .hd ul li{ width:14px; height:14px; background:#fff; border-radius:7px; display:inline-block; +display:inline; margin:0 1px; cursor:pointer;}
.indexbanner .hd ul li.on{ background:darkred;color:#fff;}

.banner{width:100%;height:230px;margin:0 auto;background:url('../images/banner.jpg') center no-repeat;background-size:cover;}

/* 主页框架 */
.main{width:980px;margin:10px auto;position;relative;}
.main .left{float:left;width:220px;overflow:hidden;}
.main .right{float:right;width:750px;overflow:hidden;}
.main .right .content table {border: 1px solid #ddd;border-collapse: collapse;display: table;}
.main .right .content table td {border: 1px solid #ddd;padding: 5px 10px;}
.main .right ul.piclist{margin-bottom:13px;}
.main .right ul.piclist li.last{margin-right:0;}
.main .right ul.piclist li .pic{margin-top:8px;}
.main .right ul.piclist li .txt{height:26px;line-height:26px;}
.index{}
.index .left{float:left;width:260px;overflow:hidden;}
.index .left .art_first {padding:5px 5px 5px 10px;line-height:160%;}
.index .left .art_first a{display:block;font-weight:bold;line-height:20px;}
.index .left .art_first img{width:120px;height:90px;border:0;}

.index .middle{float:left;margin:0 10px;width:420px;overflow:hidden;}
.index .right{float:right;width:280px;overflow:hidden;}
.index .about{padding:5px;line-height:180%;}
.index .about p{margin:0;}


/*新闻列表*/
.news_list{ overflow:hidden; margin:0;padding:0;list-style:none;}
.news_list li{ overflow:hidden; padding:10px; border-bottom:1px dashed #ccc;}
.news_list .n-img {float: left;padding-right: 15px;width: 131px;text-align: center;}
.news_list .n-img img{ width:131px; height:97px;}
.news_list h3 {margin:0;padding:0; font-size:14px;}
.news_list h3 a{font-size:14px;}
.news_list .n-txt {color: #979797;text-indent: 24px;line-height: 20px;}
.news_list .more, .news_list .more a {color: #34ACE2;}

/*下载列表*/
.dlist{list-style:none;margin:0;padding:0;}
.dlist li{line-height:180%;border-bottom:1px solid #e4e4e4;background:url('../images/download.gif') 5px center no-repeat;padding:5px 0 5px 23px;}
.dlist .date{float:right;line-height:180%;margin-right:10px;}

/*下载详细页*/
.download{margin:100px auto;width:500px;}
.download .title{font-size:16px;line-height:200%;}

/*在线留言*/
.message_post{background:#fff;}

/*详细页*/
.detail{ overflow:hidden; padding:1%;width:98%;}
.detail .date_hits_tags {color: #A9A9A9;text-align: center; line-height:24px; border-bottom:1px dashed #ccc; margin:0 5px 30px;}
.detail h1{ text-align:center; font-size:16px; overflow:hidden; margin-bottom:10px;}
.detail .content{ margin:10px; line-height:170%;font-size:14px;color:#000;}
.detail .content p{ margin:5px 0;}
.detail .content img{max-width:700px;text-align:center;}
.detail .np{ border-top:1px solid #ccc; line-height:24px;}
.detail .np a{ color:#333;}
.detail .np a:hover{ color:#00C;}
.detail fieldset{margin:10px;border:1px solid #ccc;}
.detail legend{color:red;}

	.detail ul.pictures{list-style:none;text-align:center;margin:0;padding:0;width:760px;}
	.detail ul.pictures li{text-align:center;margin-bottom:15px;}
	.detail ul.pictures li .img{width:760px;text-align:center;overflow:hidden;}
	.detail ul.pictures li .img img{max-width:760px;background:url('../images/loading.gif') center center no-repeat;}
	.detail ul.pictures li .txt{text-align:center;overflow:hidden;padding-top:10px;}
	.detail .pn{text-align:center;padding:10px;}
	.detail .pn a{font-size:14px;color:red;}

	.main .detail ul.piclist li{border:1px solid #ccc;margin-right:4%;width:auto;}




/* 通用分页样式 */
.pages{height:26px; margin:10px 0;}
.pages ul{ float:right; padding:0 10px;list-style:none;margin:0; }
.pages li{ float:left; margin-left:5px;}
.pages li a{ display:block; padding:0 10px; border:1px solid #e1e1e1; height:24px; line-height:24px; color:#666;}
.pages li a:hover{ border:1px solid #1796f9; background:#1796f9; color:#fff; text-decoration:none;}
.pages li span{ display:block; border:1px solid #e1e1e1; height:24px; line-height:24px; color:#c4c4c4;padding:0 10px; }
.pages .current a{ border:1px solid #1796f9; background:#1796f9; color:#fff;}

/* 面包屑 */
.breadcrumbs{float:right; font-size:12px; line-height:38px;margin-top:-38px;margin-right:8px;}
.breadcrumbs span.arrow{padding:0 3px;font-family:'Consolas','Verdana','Arial';font-size:10px;}
.breadcrumbs a:hover{ color:#00C;}

.contact_info{padding:10px;}
.contact_info h4{margin:0;padding:0;line-height:30px;font-size:14px;}
.contact_info ul{list-style:none;margin:0;padding:0}
.contact_info ul li{line-height:180%;clear:both;font-size:12px;}
.contact_info ul li i{float:left;font-style:normal;width:60px;text-align:right;}


/*友情链接*/
.link{margin:10px auto;width:980px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.link ul{list-style:none;margin:10px;padding:0;}
.link ul li{float:left;margin-right:10px;line-height:180%;}
.link ul li.title{font-weight:bold;color:darkblue;}

/*人才招聘 - 列表*/
ul.joblist{list-style:none;margin:0;padding:0 0 5px 0;width:100%;}
ul.joblist li{float:left;width:24%;overflow:hidden;height:30px;line-height:30px;margin-left:1%;}

/*人才招聘 - 详细*/
div.job{background:#fff;}
div.job ul.list{width:100%;list-style:none;margin:0;padding:0;}
div.job ul.list li{float:left;width:48%;padding-left:2%;line-height:30px;border-bottom:1px solid #ccc;}

.foot{margin:10px auto;width:980px;}
.foot .copyright{margin:10px auto;text-align:center;}
.foot .debug{line-height:180%;text-align:center;}

ul.product{list-style:none;margin:0 0 5px 0;padding:0;background:#fff;}
ul.product li{float:left;margin:10px 5px 5px 7px;padding:5px;border:1px solid #e9e9e9;width:220px;overflow:hidden;}
ul.product li h4{margin:0;padding:5px 0;overflow:hidden;text-align:center;}
ul.product li .img {width:220px;height:220px;overflow:hidden;background:url('../images/loading.gif') center center no-repeat;}
ul.product li .img img{width:220px;height:220px;border:0;}
ul.product li .imglist{margin-top:5px;}
ul.product li .imglist .thumb{float:left;margin-right:5px;}
ul.product li .imglist .thumb img{width:25px;height:25px;border:2px solid #ccc;}
ul.product li .imglist .thumb.hover img{border:2px solid red;}

div.product{background:#fff;}
div.product .img{position:relative; width:402px;height:500px;float:left;margin:10px;}
div.product .img ul{list-style:none;margin:0;padding:0;}
div.product .img ul.list{z-index:2;height:400px;width:400px;border:1px solid #ccc;}
div.product .img ul.list li{height:400px;width:400px;float:left;}
div.product .img ul.list li img{width:400px;height:400px;}
div.product .img ul.thumb_list{height:80px;margin-top:10px;overflow:hidden;z-index:3;}
div.product .img ul.thumb_list li{float:left;width:80px;height:80px;margin-right:10px;cursor:pointer;}
div.product .img ul.thumb_list li img{width:78px;height:78px;border:1px solid #EFEFEF;}
div.product .img ul.thumb_list li.on img{border:1px solid red;}
div.product .info{ float:left; width:320px;margin:10px 6px 0 0;}
div.product h1{font-size:18px; color:#333; font-weight:bold;margin:0;padding:0;line-height:30px;}
div.product .price{color:red;font-size:20px;font-weight:bold;}
div.product_info{border-top:1px solid #ccc;background:#fff;}


.form .table {margin:0 auto;width:99%;clear:both;padding:3px;}
.form .table .l {float:left;width:20%;text-align:right;padding:3px 1px;line-height:30px;}
.form .table .r {float:left;text-align:left;padding:3px 1px;width:68%;margin-right:30px;}
.form .table input.input {width:300px;height:26px;line-height:26px;}
.form .table input.noborder{border:0;}
.form .table input[type=text]{height:26px;line-height:26px;}



.button, .button:visited {
	background: #222 url("../images/overlay.png") repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin:0;
	border:0;
}

.button:hover{
	background-color: #111;
	color: #fff;
}
.button:active{
	top: 1px;
}
.small.button, .small.button:visited{
	font-size: 11px;
}
.button, .button:visited,.medium.button, .medium.button:visited{
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.large.button, .large.button:visited{ font-size: 14px;padding: 8px 14px 9px; }

.super.button, .super.button:visited{ font-size: 34px; padding: 8px 14px 9px; }
.pink.button, .magenta.button:visited		{ background-color: #e22092; }
.pink.button:hover							{ background-color: #c81e82; }
.green.button, .green.button:visited		{ background-color: #91bd09; }
.green.button:hover						    { background-color: #749a02; }
.red.button, .red.button:visited			{ background-color: #e62727; }
.red.button:hover							{ background-color: #cf2525; }
.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
.orange.button:hover						{ background-color: #d45500; }
.blue.button, .blue.button:visited		    { background-color: #2981e4; }
.blue.button:hover							{ background-color: #2575cf; }
.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
.yellow.button:hover						{ background-color: #fc9200; }


/* 在线客服样式 */
.im_floatonline{position:fixed !important; right: 5px; top: 80px;position:absolute;border:2px solid #695950;}
.im_floatonline .float-box-content .toptitle {background-color: #0098ef;}
.im_floatonline .float-box-content .addlist {border-top: 2px solid #695950;}
.im_floatonline .right{width: 50px;height: 190px;cursor: pointer;float: right;overflow: hidden;}
.im_floatonline .float-box-content {margin:0px;padding:0px 0px 20px 0px;width: 120px;background-color: #fff;overflow: hidden;}
.im_floatonline .float-box-content .toptitle{margin:0 auto;height:40px;line-height: 40px;color:#fff;width:120px;font-size:14px;text-align: center;font-weight:bold;overflow: hidden;}
.im_floatonline .float-box-content .addlist{text-align:center;padding-top:10px;padding-bottom:10px;overflow: hidden;}
.im_floatonline .float-box-content .addlist ul {list-style: none;margin:0 auto;padding: 0;overflow: hidden;}
.im_floatonline .float-box-content .addlist ul li {width:120px;padding-top:10px;line-height:25px;overflow: hidden;}


/* 会员登录页和注册，忘记密码页涉及到的样式样式 */
.login-reg{ width:955px;  border:1px solid #e8e8e8; box-shadow:0px 0px 5px #ccc; padding:0 10px; margin:20px auto; overflow:hidden;background:#fff url("../images/regbg.jpg") 455px top repeat-y;}
.login-reg dl.box {float: left;overflow: hidden; padding:22px 30px;width: 390px;}
.login-reg dl.box dt{color:#903636; border-bottom:1px solid #ddd;font-size:14px; padding:0 0 12px 0px; margin:0 15px 20px 0; font-weight:bold;}
.login-reg dl.box dd{margin-bottom:5px;line-height:26px;padding-bottom:15px;}
.login-reg dl.box label{float:left;margin-right:5px;text-align:right; width:110px; line-height:26px;}
.login-reg dl.box label.agreement{margin:0 5px 0 110px;text-align:left; width:auto; line-height:26px;}
.login-reg dl.box select{border: 1px solid #CCCCCC; line-height: 20px; padding:3px;}
.login-reg dl.box .input{border: 1px solid #CCCCCC; line-height: 20px; padding:3px;width: 220px;}
.login-reg dl.box .vcode{border: 1px solid #CCCCCC; line-height: 20px; padding:3px;width:130px;text-transform:uppercase;margin-right:3px;}
.login-reg dl.box dd.submit{ padding-left: 115px; padding-top:10px;}
.login-reg dl.box dd a{color:blue;font-size:14px;}
.login-reg dl.box dd a:hover{text-decoration:none;color:red;}
.login-reg .note{ padding-left:20px; margin-left:25px;}

/* 会员个人中心涉及到的CSS，这里的布局基本上以cp_为前缀 */
div.cp{margin:10px auto;width:980px;}
div.cp:after{content:'.',display:block;height:0;line-height:0;overflow:hidden;visibility:hidden;clear:both;}
div.cp .left{width:200px;float:left;}
div.cp .right{width:770px;float:right;}
div.cp .right .pages{border-top:0;}
div.cp .cp_avatar{float:left;width:150px;padding:25px;}
div.cp .cp_avatar img{width:150px;height:150px;border:0;}
div.cp .cp_info{float:right;width:555px;overflow:hidden;}
div.cp .cp_info ul{list-style:none;margin:0;padding:10px;}
div.cp .cp_info ul li{line-height:170%;}
div.cp .cp_info ul li:after{clear:both;content:'&nbsp;';height:0;line-height:0;display: block;visibility:hidden;}
div.cp .cp_info ul li strong{text-align:right;float:left;display:block;width:100px;}

/* 自定义模块涉及到的样式 */
div.cp .table {margin:0 auto;	width:99%;clear:both;padding:3px;}
div.cp .table .l {float:left;width:20%;text-align:right;padding:3px 1px;}
div.cp .table .r {float:left;text-align:left;padding:3px 1px;width:68%;}
div.cp .table input.input {width:300px;height:26px;line-height:26px;}
div.cp .table input[type=text]{height:26px;line-height:26px;}

/*会员中心左侧*/
ul.cp{list-style:none;margin:0;padding:0;}
ul.cp li{line-height:26px;padding:0;margin:0;padding-left:48px;background:url('../images/icon16/pin.png') 24px 5px no-repeat;}
ul.cp li.hover{background:url('../images/icon16/pin_darkred.png') 24px 5px no-repeat;color:darkred;}
ul.cp li.hover a{color:darkred;}
ul.cp li.control{background:#EFEFEF url('../images/icon24/ctrl.png') 5px 5px no-repeat;font-weight:bold;padding:5px 0 5px 34px;height:24px;line-height:24px;}
ul.cp li.order{background:#EFEFEF url('../images/icon24/order.png') 5px 5px no-repeat;font-weight:bold;padding:5px 0 5px 34px;height:24px;line-height:24px;}
ul.cp li.article{background:#EFEFEF url('../images/icon24/article.png') 5px 5px no-repeat;font-weight:bold;padding:5px 0 5px 34px;height:24px;line-height:24px;}
ul.cp li.logout{background:#EFEFEF url('../images/icon24/logout.png') 5px 5px no-repeat;font-weight:bold;padding:5px 0 5px 34px;height:24px;line-height:24px;}