﻿*{padding:0px; margin:0px;}
html {_overflow-y:scroll;}
/*****！！页面通用css样式定义开始******/
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */
body{
    font-family: Arial, Tahoma,"Microsoft YaHei";    /*文字字体定义 */
	font-size: 14px;    /*文字大小定义 */
	color: #000; /*文字颜色定义 */
	}

/* 网站超链接css通用设置 */
a{text-decoration: none;} /* 链接无下划线,有为underline */ 
a:link {color: #333333;} /* 未访问的链接 */
a:visited {color: #333333;} /* 已访问的链接 */
a:hover{color: #eb1315;	text-decoration: none;} /* 鼠标在链接上 */ 
a:active {color: #333333;} /* 点击激活链接 */


h1,h2,h3,h4,h5,h6{font-size:12px;font-weight: normal;}
li{list-style-type: none;}
img{border: 0px;}
.clear{clear:both; line-height:0; height:0; font-size:0px;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/

/*表格样式定义 */ 
input{ border:1px solid #CCCCCC; height:20px;line-height:20px;} 


.wrap{width: 1000px;margin: auto;}
.header{background: url(../images/header_bg.jpg) no-repeat center center;height:135px;}
.topC{position: relative;}
.topCR{position:relative;padding-right: 27px;height: 40px;color: #fff;text-align: right; line-height:42px;background: url(../images/tel_icon.png) no-repeat 870px center;}
.topCR a,.topCR span{float:right;color:#000;padding:0 8px;}
.login{position:absolute;top:12px;right:73px;border:none;font-size: 12px;line-height:12px;color: #e85515;background:url(../images/login_icon.png) no-repeat left center;cursor:pointer;width: 70px;text-indent: 6px;height: 16px;border-right: 1px solid #6c6c6c;}
.register{position:absolute;top:12px;right:0;border:none;font-size: 12px;line-height:12px;color: #000;background:url(../images/register_icon.png) no-repeat 7px center;cursor:pointer;width: 73px;text-indent: 24px;height: 16px;}
img[alt="logo"]{position: absolute;top: 40px;left: -27px;}
.nav{float: right;margin-top: 33px;}
.nav>li{float:left;background:url(../images/navli_bg.png) no-repeat right 5px;position: relative;z-index: 6;min-height: 150px;}
.nav>li>a{display:block;color:#000;font-size:14px;height:31px;width: 91px;line-height: 31px;text-align: center;margin-left: -9px;}
.nav>li.active>a,.nav>li>a:hover{background: url(../images/navli_active.png) no-repeat top left;color:#fff;}
.childnav{display:none;position: absolute;top: 35px;left: -38px;width:140px;}
.childnav li a{display:block;width:100%;text-align:center;line-height: 2.5;height:30px;overflow:hidden;background: #0a6dc1;color: #fff;border-bottom: 1px solid #fff;}
.nav>li:hover .childnav{display: block;}
.line{height: 10px;background:url(../images/line.jpg) no-repeat center center;}
.bannerbottom{height: 10px;background: url(../images/banner_bottom.jpg) repeat-x;}
.about{float:left;position:relative;width: 343px;height: 269px;background:url(../images/main_bg.png) no-repeat center center;margin: 47px 1px 29px 0;}
img[alt="about"]{position: absolute;top: -40px;left: 132px;}
.about h1{width: 280px;position: relative;margin:48px auto 2px; color: #fff;text-transform: uppercase;}
.about h1 span{font-size:22px;vertical-align:text-bottom;}
.about h1 a{position: absolute;bottom:2px;right:0;width: 40px;height: 18px;text-align: center;line-height: 18px;color: #fff;border: 1px solid #fff;}
.abouttext{width: 276px;margin:12px auto 0;line-height: 2.2;padding: 0 2px;color: #fff;}
.main-left{margin-left: -15px;}
.mian-right{margin-right: -16px;}
.newsul li a{position:relative;display:block;font-size: 14px;height: 25px;line-height: 25px;border-bottom: 1px dotted #333; color:#000;text-indent:15px;background:url(../images/newsa_bg.jpg) no-repeat left center;margin-top:15px;}
.newsul li a p{position: absolute;top: 2px;right: 0;}
.title{text-align: center;font-size: 16px;line-height: 22px;}
.news_title{ height:40px; line-height:40px; font-size:18px; text-align:center; color:#333}
.news_time{height:25px;line-height:25px;text-align:center; color:#222;border-bottom:1px dashed #d1d1d1}
.news_bottom{border-top:1px dashed #d1d1d1; display:block;margin:10px 0;font-size: 14px;}
.newscontent{margin-top: 12px;font-size: 14px;line-height:24px;color: #010101;}

/* 分页 */
.page{height:40px;line-height:40px;text-align:center;font-size: 14px;}
.page a,.page span{display: inline!important;color:#000;margin-left:4px;padding:4px 8px;border:1px solid #666;}
.page a:hover,.page a.select{color: #fff;background:#1486e9;}

.contul{width: 276px;margin: auto;color: #fff;padding-left: 4px;}
.contul p{font-weight: bold;margin-top:15px;}
.contul li{margin-top:15px;}
.contul li img{float: left;margin:1px 8px 0 0;}

.h3{text-align: center;margin: 28px auto 35px;text-transform: uppercase;line-height: 1;font-size: 16px; color: #341d1d;background: url(../images/product_h3.jpg) no-repeat center 17px;}
.h3 p{font-size: 34px;color: #224ca1;font-weight: bold;margin-bottom: 9px;}
.prodroll .bd{ position:relative;}
.prodroll .bd .ulWrap{}
.prodroll .bd ul{float:left;width:227px;height:784px;margin:0 12px;}
.prodroll .bd ul li{margin: 0 0 94px 0;width:227px;}
.prodroll .bd ul li a{display: block;width: 227px;height: 278px;padding-top: 20px;line-height: 1; color: #fff;font-size: 18px;text-align: center;background:url(../images/prodli_bg.jpg) no-repeat center center;}
.prodroll .bd ul li a img{display: block;width: 175px;height: 191px;margin: auto;}
.prodroll .bd ul li a p{margin: 23px auto 0;width: 178px; height: 18px;overflow:hidden;}
.company{background: url(../images/about_bg.jpg) no-repeat center center;}
.aboutright{position: relative;float: right; height: 410px;width: 545px;line-height: 1;}
.aboutright h3{margin: 28px 0 0 18px;height: 78px;color: #fff;font-size: 20px;font-weight: bold;text-transform: uppercase;background: url(../images/about_h3.png) no-repeat 4px bottom;}
.aboutright h3 span{display: block;font-size: 34px;margin: 0 0 11px -3px;}
.aboutmain{width: 519px;height:271px;text-align: justify; overflow: hidden; font-size: 14px;line-height: 30px;color: #fff;margin-top: -2px;}
.aboutright a{position: absolute;width: 119px;height: 27px;right: 26px;bottom: 26px; text-indent: 12px; line-height: 27px;text-transform: uppercase;color: #fff;background: url(../images/abouta_bg.jpg) no-repeat center center;}
.news{background: url(../images/news_bg.jpg) no-repeat center center;}
.newswrap{height: 450px;padding-top: 17px;}
.newslist{margin-top: 41px;}
.newslist li{position: relative; float: left;width: 469px; height: 287px;background:url(../images/newslistli_bg.png) no-repeat left bottom;}
img[alt="newsimg"]{float: left;width: 310px;height: 275px;}
.newstext{position: absolute;top: 0;right: 0;width: 286px;height: 275px;background:url(../images/newstext_bg.png) no-repeat center center;}
.newstext div{position: relative;width: 194px;height: 160px;margin: 54px 0 0 81px;line-height: 24px;color: #000;}
.newstext div h4{font-size: 14px;font-weight: bold;text-indent: 2px; color: #224ca1;height: 14px;overflow: hidden;line-height: 1;}
.newstext div p{height: 72px;overflow: hidden;}
.newstext div span{display: block;color:rgba(0,0,0,.6);text-indent: 1px;line-height: 1;margin: 8px 0 16px;}
.newstext div a{position: absolute;left: 2px;bottom: 0;width: 119px;height: 27px;line-height: 27px;background: url(../images/newstext_a.png) no-repeat center center;color: #fff;text-indent: 8px;}



.footer{background: #141518 url(../images/footer_bg.jpg) no-repeat center top;}
.foottitle{font-size: 16px;color: #fff;margin-top: 32px;padding-bottom: 17px;background: url(../images/footh3_bg.png) no-repeat left bottom;}
.footitem1{float: left;line-height: 1; width:123px;height: 273px;}
.footnav{padding-top: 5px;}
.footnav li a{display: block;color: #fff;margin-top: 14px;text-indent: 16px;background:url(../images/footnava_bg.png) no-repeat 3px 1px;}
.footitem2{padding-left: 51px;float: left;width: 331px;height: 273px;}
.footitem2 #message{margin-top: 19px;width: 281px;}
.footitem2 input[name="username"],.footitem2 input[name="tel"]{display: block;margin-bottom: 8px; width: 281px;height: 24px;text-indent: 8px;border: none;}
.footitem2 textarea{width: 273px;padding-left: 8px; height: 65px; font-size:12px;}
.footitem2 input[name="submit"]{float: right; width: 60px;height: 19px;background: #2297e2;border: none;color: #fff;margin-top: 14px;cursor: pointer;}
.footitem3{width: 245px;float:left;height: 273px;padding-left: 44px;}
.footcontact{color: #fff;margin-top: 22px;}
.footcontact li{margin-bottom: 14px;font-size: 16px;}
.footcontact li img{float: left;margin:0 12px 0 0;}
.footitem4{float: left;width:159px;height:273px;text-align:center;color: #fff;line-height: 1;}
.footitem4 p{margin:35px 0 13px;font-size: 16px;}
.footitem4 em{display: block;font-style: normal;font-size: 14px;}
img[alt="ewm"]{text-align: center; margin:56px 0 14px;width:159px;height:159px;}
.copy{color: #fff;line-height: 50px;text-align: center;height:50px;position: relative;}
.copy span{text-transform: uppercase;}
.copy a{color: #fff;}

.signup{position:absolute;top:182px;left:50%;margin-left:-281px;z-index:4;width:563px;height: 753px;background:url(../images/signup_bg.png) no-repeat center center;display: none;}
.close{border: none;width:25px;height:25px;background: transparent;cursor: pointer;float: right;margin: 26px 36px 21px 0;}
.info{position:relative;width: 472px;height: 47px;line-height: 47px;margin:17px 0 0  37px;}
.info label{font-size: 16px;color: #484848;}
.info input{position: absolute;left:116px;border: none;width: 332px;height: 47px;text-indent: 14px;font-size: 18px;background:url(../images/info_input.jpg) no-repeat center center;}
.info b{position: absolute;color: #ff0000;top:3px;right: 0;font-size: 20px;}
.info input[name="vcode"]{width: 210px;background:url(../images/cite_bg.jpg) no-repeat center center;}
img[alt="cite"]{position: absolute;right: 28px;top: 6px;}
input[name="rigister"]{border: none;width: 125px;display: block;margin: 21px auto 0;*position:relative;*left:160px;*top:20px;height: 47px;background:url(../images/register.png) no-repeat center center;font-size: 18px;color: #fff;cursor: pointer;}

.signin{position:absolute;top:246px;left:50%;margin-left:-152px;z-index:3;width:324px;height:304px;background:url(../images/signin_bg.png) no-repeat center center;display: none;}
.field{position:relative;margin:22px auto 0;width: 240px;height: 80px;background:url(../images/username.jpg) no-repeat center center;}
.field input{position: absolute;left: 40px;width: 196px;height: 38px;line-height: 38px;border: none;background:transparent;font-size: 15px;color: #666;}
.field input[name="username"]{top:1px;}
.field input[name="password"]{top:41px;}
.linkarea{width: 240px;margin: 20px auto 18px;}
.linkarea a{color:#999;outline: none;}
.free{float: right;}
input[name="login"]{border: none;width:240px;display: block;*position:relative;*left:76px;*top:-10px;margin: 21px auto 0;height: 44px;background:url(../images/login.png) no-repeat center center;font-size: 16px;color: #fff;cursor: pointer;}

.mainleft{float: left;width:256px;margin:17px 56px 30px 0;border-top: 1px solid #d8d8d8;}
.leftul{border-bottom: 1px solid #e6e6e6;margin-bottom: 32px;}
.leftul li a{display: block;width: 254px;height: 42px;line-height: 42px;color:#000;font-size: 14px;border-width: 1px 1px 0;border-style: solid;border-color: #e6e6e6;text-indent: 51px;background:url(../images/leftlia_bg.png) no-repeat 36px center;} 
.left-cont{padding:14px 0 0 9px;width: 247px;height: 113px;background:url(../images/left_cont.jpg) no-repeat center center;font-size: 14px;color: #fff;line-height: 1.6;}
.left-cont p{font-size: 12px;margin-top: 3px;}
.left-cont span{display: block;font-size: 27px;margin-top: 22px;}
.mainright{float: right;width: 688px;}
.main h1,.mainright h1{font-size: 28px;color: #2a2020;padding: 18px 0 15px;position: relative;background:url(../images/right_h1.jpg) no-repeat left bottom;margin-bottom: 16px;}
.main h1 span,.mainright h1 span{font-size: 12px;position: absolute;right: 0px;bottom: 14px;}
.edit{font-size: 14px;color: #2a2020;line-height: 24px;margin:-6px 0 30px;}
img[alt="about_img"]{display: block;margin:10px auto 0;}
.downul{margin-top:-4px;}
.downul li{height: 49px;line-height: 49px;color:#2a2020;text-indent: 45px;border-bottom: 1px solid #d8d8d8;position: relative;background: url(../images/downli_bg.png) no-repeat 10px center;}
.downul li p{position: absolute;top:0;right: 72px;color: #7a7676;}
.downul li a{position: absolute;top:0px;right:20px;cursor: pointer;}
.search-wrap{height: 32px;background: #757575;line-height: 32px;margin-bottom:18px;}
.search-wrap label{color: #fff;margin-left: 6px;}
.search-wrap input[type="text"]{display: inline-block;width: 256px;height: 20px;margin-right: 220px;}
.search-wrap select{display: inline-block;width: 122px;height:20px;margin-left: 10px;}
.search-wrap input[type="button"]{display:inline-block;margin:5px 0 0 48px;width: 62px;height: 20px;line-height:10px;border: 1px solid #0c5e92;background: #358fd4;color: #fff;cursor: pointer;}
.produl li{float: left;margin-right: 25px;}
.caseul li{margin-right: 14px;}
.produl li a{display: block;text-align: center;font-size: 14px;color: #2a2020;line-height: 3;}
.produl li a img{display: block;width:220px;height:165px;padding: 4px;border:1px solid #d6d6d6;}
.caseul li a img{width: 210px}
.person{margin-top:24px;}
.personleft{float: left;width: 219px;margin-right: 16px;}
.personleft h1{height: 71px;background: #0a5eaf;position: relative;z-index: 1;color: #fff;}
img[alt="person"]{float: left;margin: 14px 10px 0 9px;}
.personleft h1 span{position: absolute;top:14px;left:9px;z-index:2;width: 43px;height: 43px;background:url(../images/person_bg.png) no-repeat center center;}
.personleft h1 p{padding:18px 0 5px 0;}
.personleft .leftul li a{width: 217px;height: 38px;line-height: 38px;background:none;text-indent: 12px;}
.personleft .leftul li.active a{color: #0a5eaf;}
.personright{float: left;background: #fff;width: 763px;border: 1px solid #ccc;margin-bottom: 40px;}
.personright h1{width:722px;margin:0 19px 0 22px;border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;}
.personright h1 p{font-size:20px;color: #000;margin: 5px 0;}
.perdsonform{margin: 27px 0 0 25px;}
.personinfo{position: relative;width: 373px;height: 26px;line-height: 26px;margin-bottom: 27px;}
.personinfo label{font-size: 14px;color:#484848;}
.personinfo input{position: absolute;top: 0;left: 84px;width: 262px;padding-left:12px;height: 26px;border: none;background:url(../images/person_input.jpg) no-repeat center center;}
.personinfo b{color: #ff0000;position: absolute;top: 3px;right: 0;font-size: 16px;}
input[name="save"]{display:block;border: none;width: 86px;height: 30px;padding-bottom:2px;color: #fff;background:url(../images/save_bg.jpg) no-repeat center center;cursor: pointer;margin-bottom: 28px;font-size: 14px;}
.personright h2{width: 719px;height:38px;background: #f2f2f2;border: 1px solid #d5d5d5;margin: 17px 0 18px 23px;font-size: 14px;color: #484848;line-height:38px;}
.personright h2 p{float: left;width: 240px;margin-left: 10px;}
.personright h2 span{float: left;width:93px;}
.orderul{width: 719px;background: #f2f2f2;margin:0 0 18px 23px;border-bottom:1px solid #d5d5d5;}
.orderul li{height: 82px;border-width: 1px 1px 0 1px;border-style: solid;border-color: #d5d5d5;color: #2c2c2c;}
.orderul li div{float: left;width:240px;height: 58px;margin: 10px 0 0 12px;}
img[alt="order"]{float: left;margin-right: 8px;}
.orderul li div p{margin: 5px 0 12px;}
.orderul li span{float: left;width: 93px;padding-top: 35px;}
.orderul li span.orange{color: #e14c13;}
.orderul li span.ordertime{padding-top: 28px;}
.orderul li a{float: left;border: none;background:transparent;cursor: pointer;line-height: 82px;}
.prodtop{padding-top: 11px;}
img[alt="prodtop"]{float: left;border: 1px solid #dcdcdc;margin-right: 24px;}
img.sprod{width: 373px;height: 387px;}
.topright{float: left;width: 487px;line-height: 1.5;margin-bottom: 10px;}
.topright h2{font-size: 26px;font-weight: bold;color: #2c2c2c;line-height: 1.2;padding-bottom: 15px;margin-bottom:7px;background:url(../images/topright_h1.jpg) no-repeat left bottom;}
.price{margin-top: 30px;color: #2c2c2c;}
.sprice{margin-top: 0;}
.topright h3{color: #f65208;font-size: 20px;margin-bottom: 20px;}
.topright h3 span{font-size:16px;font-weight: bold;}
.topright h3 b{font-size: 26px;}

.sprice + h3{margin-bottom: 0;}
.number{float:left;width: 91px;margin-right: 24px;}
.nyProDetail_numR{width:89px;height: 38px;border:1px solid #ccc;position: relative;margin-top: 10px;background: #e6e6e6;}
.txtCss_num{position: absolute;top:0;left:0;width: 56px;height: 38px;border:none;border-right:1px solid #ccc;text-align: center;background: #e6e6e6;}
.btn_jia{position: absolute;width: 32px;height: 18px;left: 57px;top:0;border-bottom:1px solid #ccc;text-align: center;cursor: pointer;}
.btn_jian{position: absolute;width: 32px;left: 57px;top: 19px;text-align: center;cursor: pointer;}
.size {float: left;}
input[name="model"]{width: 155px;padding-left: 15px; height: 40px;margin-top: 10px;line-height: 40px;color: #2c2c2c;}
.select li{float: left;}
.select li select{*font-size:24px;width: 137px;height: 40px;background: #e6e6e6;border: 1px solid #ccc;margin: 0 0 5px 0;}
.select li p{line-height:2;}
input[name="order"]{float: left; width: 170px;height: 47px;background: #1471da;color:#fff;border: 1px solid #045dc1;cursor: pointer;font-size: 14px;margin-top: 24px;*margin-top: 15px;}
.item{margin-top: 36px;width:100%;height: 43px;background: #eaeaea;line-height: 43px;font-size: 14px;color: #2a2424;border-width:2px 1px 1px;border-style: solid;border-color: #8d8d8d #dcdcdc #dcdcdc;}
.item li{float: left;width: 106px;text-align: center;}
.div{border-width:0 1px 1px;border-style: solid;border-color:#dcdcdc;font-size: 14px;line-height: 1.8;padding: 10px;margin-bottom: 30px;}
.item li.active{height: 49px;position: relative;top:-5px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;background: #f5f5f5 url(../images/itemli_bg.jpg) repeat-x top;}
.div1{display: block;}

.slideBox{height:698px; overflow:hidden; position:relative;}
.slideBox .hd{width:100%;height:16px;overflow:hidden;position:absolute;left:0; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;text-align: center; *margin:auto;*width: 81px;}
.slideBox .hd ul li{display: inline-block; *float: left; margin:0 5px;  width:17px; height:16px;background:url(../images/hdli_bg.png) no-repeat center center; cursor:pointer; }
.slideBox .hd ul li.on{background:url(../images/hdli_on.png) no-repeat center center;}

.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{display:block;}

#messagewrap dl dt{line-height:36px;font-size:16px;}
#messagewrap input{width:400px;height:36px;border:1px solid #ddd;}
#messagewrap textarea{width:400px;height:160px;}
#messagewrap input[type="submit"]{width:100px;margin:25px 0 40px 150px;cursor:pointer;}

#top_login_ok{float:right;}
img#VCode {float: right;margin: 2px 25px 0 0;*margin:-30px 20px 0 0;}
.prodV2{width: 880px;margin:10px auto 0;}
.prodV2 li{position: relative; display: block;color:#000;padding-bottom:15px;margin-bottom:15px;border-bottom: 1px dotted #222;}
.prodV2 li img{float: left;width:210px;padding: 4px;border: 1px solid #666;margin:0 30px;}
.prodV2 li h2{float: left;font-size: 18px;font-size: 2.5;width: 600px;margin-bottom: 10px;}
.prodV2 li h2 + div{float: left;width: 600px;line-height: 2;font-size: 14px;}
.prodV2 li a{position: absolute;right: 0;bottom: 5px;padding: 10px 30px;background:url(../images/save_bg.jpg) no-repeat center center;color: #fff;}
/*留言本*/
.warp1{ margin:0 auto}
.guestbook_main{  margin-bottom:20px;}
.inp_one{width: 200px;height:25px; line-height:25px;}
.inp_small{width:100px;height:25px; line-height:25px;}
.form{ padding-bottom:60px;}
.form dt{ width:100px; line-height:33px;}
.form dd span{ padding-left:10px}
.form dd span i{ color:#F00; padding:0 5px; }
.form dd span.mes{ display:block;}
.form .mes{ line-height:23px;margin-top:20px;}
.form input{ border:1px solid #1242c1;}
.form textarea{ border:1px solid #1242c1;}
.form_b{ margin-top:20px;}
.form_b .btn_blue{ border:0px;color: #fff;background:url(../images/guestbookbtn.jpg) no-repeat center; width:99px;  height:32px}

