/*********************************************************** 鏂囦欢锛歝ss/style.css 澶囨敞锛氱綉绔欏墠鍙板叕鍏辨牱寮 鐗堟湰锛?.0 缃戠珯锛歸ww.phpok.com 浣滆€咃細qinggan 鏃ユ湡锛?015骞?9鏈?5鏃 17鏃?3鍒 ***********************************************************/ *{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:' ';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;}