@charset "utf-8";
/* CSS Document */
body {
	font: 12px/150% "Microsoft YaHei", Arial; color: rgb(85, 85, 85); 
	font-size-adjust: none; 
	font-stretch: normal; 
	background-color: rgb(234, 234, 234);
	margin: auto;
    max-width: 640px;
}
table{width:100%;height:auto;}
a:hover{text-decoration:none;}
ul,li,dl,dd,dt{list-style-type:none; margin:0px; padding:0px;}
.fenlei{background:#fff;width:100%;height:auto;float:left;position:relative;z-index:1000;margin:0px}
.fenlei img{width:85px;height:85px;text-align:center;padding:10px;}
.fenlei div{float:left;padding:0px;margin:5px 9.9%}
.fenlei div p{text-align:center;color:#7f7f7f;padding-top:6px;width:85px;}
@media (min-width: 320px) {
  .fenlei div{float:left;padding:0px;margin:5px 9.9%}
}
@media (min-width: 360px) {
  .fenlei div{float:left;padding:0px;margin:5px 4.3%}
}
@media (min-width: 414px) {
  .fenlei div{float:left;padding:0px;margin:5px 5%}
}
.nav_li{padding:0px;float:left;width:100%;border-bottom:1px solid #EAEAEA;font-size:14px;}
.nav_li:hover{background-color:#eee;}
.nav_li img{width:25px;height:auto;}
.nav_li span{padding-left:8px;}

.logo{height:auto;float:left;margin:10px}
.logo img{width:200px;height:auto;}
.index-cuxiao{width:100%;height:auto;background:#fff;margin-top:10px;float:left;text-align:center}
.index-cuxiao h1{font-size:26px;color:#7B7C7E;margin-top:50px;}
.index-cuxiao h2{font-size:32px;color:#7B7C7E;}
.index-cuxiao .wap-price{font-size:16px;color:#DE4037;padding-top:10px;}
.index-cuxiao .wap-price em{color:#7B7C7E;font-size:12px;font-style:normal;font-weight:normal;margin-left:5px;}
.index-cuxiao .wap-date{color:#7B7C7E;width:100%;height:22px;margin:35px auto 0px auto;float:left}
.index-cuxiao .wap-date #countdown-timer{width:58%;height:22px;margin:0px 25%;text-align:center}
#countdown-timer .block{float:left;height:22px;width:36px;}
#countdown-timer .block span{font-size:15px;padding:0;line-height:18px;font-family:Arial;}
.index-cuxiao .wap-button{margin:0px auto;width:100%;}
.index-cuxiao .wap-tel{font-size:15px;color:#7B7C7E;width:100%;padding-top:5px;}
.index-cuxiao .wap-pic{width:100%;height:auto;margin:30px auto;}
.index-cuxiao .wap-pic img{width:100%;height:auto;}
/*弹出框*/
.box{ float:left; position:relative; padding:1px; top:10%;  opacity:0.5;z-index:4;  opacity:1; }
.box2{height:100%; margin:0 -20%; display:none; z-index:5; position:fixed;opacity:1;}
.login5{ width:320px; height:50px; background:#b52200; text-align:center; position:relative; margin:-100px auto 0px auto;}
.login5 h2{ font-size:28px; line-height:50px; color:#ffffff;}
.login5 a{ background:url(../zhuanti/login_reg.png) 0px 0px no-repeat; position:absolute; width:16px; height:16px; right:10px; top:25px;}
.login51{ width:320px; padding:40px 40px 50px; margin:0 auto; background:#EFEFEF; height:320px; }
.login5left{ float:left; width:300px; height:180px; font-size:13px;}
.login5left span{ line-height:24px; color:#f00; margin-left:10px;}
.login5left1{ width:100%; margin-bottom:22px; float:left; position:relative; display:block;}
.login5left1 input{ text-indent:10px; width:296px; color:#999; font-size:13px; height:40px; line-height:40px; border:1px solid #999; border-radius:5px;}
.login5left2{ height:45px;line-height:45px; width:100%; margin-bottom:22px; float:left; position:relative; display:block;}
.dl{width:97px;height:35px;line-height:35px;text-align:center; background:none repeat scroll 0% 0% #55ACEF; color:#fff; border-radius:5px; display:inline-block; font-size:14px; outline:medium none;}
.login5left2 .wjmm{ color:#55ACEF; margin-left:20px;}
.login5right{ float:left; margin-left:35px; width:220px; height:200px;margin-top:25px;border-left:1px solid #CBCBCB; padding-left:35px;}
.login5right span{ line-height:24px; color:#f00; margin-left:10px;}
.login5right1{ height:40px; line-height:40px; border-radius:5px; border:1px solid #55ACEF; width:100%; margin-bottom:22px; float:left; position:relative;}
.login5right1 .sjdl{ height:22px; line-height:20px; padding-left:60px; display:inline-block; color:#55ACEF; position:relative; margin-top:10px;}
.login5right2{ width:100%; float:left; margin-bottom:22px; position:relative; font-size:13px; text-align:center;}
.login5right2 .zcdl{ color:#55ACEF; font-size:14px;}
.login5right3{ text-align:center; height:40px; line-height:40px; width:100%; float:left; margin-bottom:22px; position:relative; display:inline-block; font-size:13px;}
.login5right3 b{ height:4px; border-top:1px solid rgb(203, 203, 203); display:inline-block; width:60px;}
.login5right3 .found{ margin-left:8px;}
.login5right3 .back{ margin-right:8px;}
.login5right4{ height:45px;line-height:45px; width:100%; margin-top:15px; float:left; position:relative; display:block;}
/*轮播图*/
.main_visual{border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{min-height:220px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:auto}
.main_image li span{display:block;width:100%;height:auto}
.main_image li a{display:block;width:100%;height:auto}
.main_image li img{height:auto;width:100%}
@media (min-width: 350px) {
 .main_image{min-height:230px;overflow:hidden;position:relative;}
 .main_image li img{height:230px;width:100%}
}
@media (min-width: 380px) {
 .main_image{min-height:260px;overflow:hidden;position:relative;}
 .main_image li img{height:260px;width:100%}
}
@media (min-width: 410px) {
 .main_image{min-height:290px;overflow:hidden;position:relative;}
 .main_image li img{height:290px;width:100%}
}
@media (min-width: 440px) {
 .main_image{min-height:310px;overflow:hidden;position:relative;}
 .main_image li img{height:310px;width:100%}
}
@media (min-width: 470px) {
 .main_image{min-height:340px;overflow:hidden;position:relative;}
 .main_image li img{height:340px;width:100%}
}
@media (min-width: 500px) {
 .main_image{min-height:370px;overflow:hidden;position:relative;}
 .main_image li img{height:370px;width:100%}
}
@media (min-width: 530px) {
 .main_image{min-height:400px;overflow:hidden;position:relative;}
 .main_image li img{height:400px;width:100%}
}
div.flicking_con{position:absolute;top:90%;z-index:999;width:80px;height:21px;margin:0 40%;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../img/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
/*产品列表*/
.index-pro{background:#fff;float:left;padding:10px 0px;overflow:hidden}
.index-pro .thumbnail img{height: 165px; width: 100%; display: block;}
@media (min-width: 320px) {
 .index-pro .thumbnail img{height: 150px; width: 100%; display: block;}
}
@media (min-width: 414px) {
 .index-pro .thumbnail img{height: 165px; width: 100%; display: block;}
}
.index-pro .thumbnail p{text-align:center;margin-top:10px;color:#7f7f7f}
.index-pro .thumbnail p b{color:#DE4037}
.index-pro a:hover p{color:#000}
.index-ten{background:#fff;margin-top:10px;float:left;width:100%;position:relative}
.index-ten img{width:100%;height:auto;}
.online{width:100%;height:auto;}
.online img{float:left;width:50%;height:auto}
.online2{width:100%;height:auto;background:#787878;float:left;padding:0px 15px 15px 15px}
.online2 img{float:left;width:100%;height:auto}

/*列表页*/
.thumb{width:100%;height:auto;border-bottom:1px solid #ddd;float:left}
.thumb .pro-pic{width:50%;height:auto;float:left}
.thumb .pro-pic img{width:100%;height:auto;padding:10px;}
.thumb .pro-name{width:50%;height:auto;float:left;margin-top:10px;color:#7f7f7f}
.thumb .pro-name .pname{font-size:14px;}
.pm{margin:5px 0;}
/*内容页*/
#con {margin:0px;border:1px solid #CDCDCD;border-top:1px solid #C8C7C7;width:100%;position:relative}
#tags {z-index:1200;padding:0px;margin:0px 1px;width:100%;height:45px;line-height:45px;text-align:center;border-bottom:1px solid #E6E5E5;background:#F2F2F2}
#tags li {float:left;width:18%;height:45px;line-height:45px;margin-left:-1px;}
#tags li a {color:#999;line-height: 45px;height:45px;font-size:12px;}
#tags li.selectTag {position:relative;height:45px;border-top:2px solid red;border-right:1px solid #E6E5E5;border-left:1px solid #E6E5E5;border-bottom:1px solid #fff;}
#tags li.selectTag a {color:#000;line-height:45px; height: 45px}
#tags .buy{float:right;margin-right:10px;height:30px;padding:0px;line-height:10px;}
.buy img{height:22px;width:auto;padding-right:5px;}
#tagContent {padding:0px 5px;width:100%;height:auto;position:relative;background:#fff}
#tagContent .tagContent {display: none;padding:2px;height:auto;width:100%;}
#tagContent div.selectTag {display: block;height:auto;overflow:hidden}
.tagContent .pro-canshu{width:100%;position:relative;}
.tagContent .pro-canshu ul li{margin:15px;font-size:13px;}
.tagContent .pro-canshu .pro-chicun{font-size:17px;color:#000;margin:25px 0px}
.tagContent .product-img{width:100%;float:left;padding:0px;margin:5% 0px;}
.tagContent .product-img img{max-width:100%;}
.tagContent .baozheng{width:100%;position:relative;height:auto;margin:5% 0px;border-top:1px solid #7f7f7f;border-bottom:1px solid #7f7f7f;padding:15px 0px}
.tagContent .baozheng p{line-height:24px;width:100%;}
.tagContent .baozheng .bz{text-align:center;font-size:17px;color:#000}
.tagContent .product-zx{width:90%;height:auto;margin:3% 2%;clear:both;padding-bottom:5%}
.tagContent .product-zx li{color:#999999;font-size:15px;text-align:center;text-indent:25px;border:1px solid #9E9B9C;padding:6px 0px;margin:2% 3%;}
.tagContent .product-zx li a{color:#999999}
.tagContent .product-zx li:hover a{color:#fff}
.tagContent .product-zx .p-online{background:url(../images/pcon-icon.png) no-repeat 35px;}
.tagContent .product-zx .p-tel{background:url(../images/pcon-icon2.png) no-repeat 30px;}
.tagContent .product-zx .p-mess{background:url(../images/pcon-icon3.png) no-repeat 33px;}
.tagContent .product-zx .p-online:hover{background:#cd2229 url(../images/contact-icon2.png) no-repeat 35px;}
.tagContent .product-zx .p-tel:hover{background:#cd2229 url(../images/contact-icon4.png) no-repeat 30px;color:#fff}
.tagContent .product-zx .p-mess:hover{background:#cd2229 url(../images/envelope.png) no-repeat 33px;}
.pro-answer{width:100%;padding-bottom:5%}
.pro-answer .pa{text-align:center;font-size:17px;color:#000}
.pro-answer li{border-bottom:1px dashed #ccc;margin-top:1%}
.ans{color:#FF6500}
.pro-message{border-top:1px dashed #ddd;margin:5% 0% 2% 5%;position:relative;width:95%;}
/*联系我们*/
.con-online{width:100%;height:auto;background:#fff;float:left;margin-top:10px;}
.col-tel{width:90px;height:120px;float:left;text-align:center;margin:20px 2%}
.col-tel .con-bg{background:#6D7075;width:90px;height:90px;border-radius:50%;margin:10px 5px}
@media (min-width: 360px){
.col-tel{width:90px;height:120px;float:left;text-align:center;margin:20px 3.2%}
}
@media (min-width: 375px){
.col-tel{width:90px;height:120px;float:left;text-align:center;margin:20px 3.8%}
}
@media (min-width: 414px){
.col-tel{width:90px;height:120px;float:left;text-align:center;margin:20px 5%}
}
@media (min-width: 470px){
.col-tel{width:90px;height:120px;float:left;text-align:center;margin:20px 7%}
}
@media (min-width: 587px){
.col-tel{width:90px;height:120px;float:left;text-align:center;margin:20px 9%}
}
.col-tel .con-bg:hover{background:#CA141C}
.col-tel .con-bg .tel-img{text-align:cenetr;margin:18px 25px;width:35px;height:auto}
.col-tel .con-bg .online-img{text-align:cenetr;margin:25px 22px;width:45px;height:auto}
.col-tel .con-bg .mess-img{text-align:cenetr;margin:30px 22px;width:45px;height:auto}
.tel-name{font-size:14px;}
.contact{width:100%;text-align:center;float:left;margin-top:10px;}
.contact p{height:30px;line-height:30px;font-size:14px;margin:0px;background:#eee;border-bottom:2px solid #fff}
.con-add{background:url(../images/contact1.jpg) no-repeat center;width:100%;height:260px;float:left;margin-top:10px}
.con-add h2{font-size:17px;width:100%;text-align:center;color:#fff;margin:15px 0px 0px 0px;}
.con-add ul{width:100%;margin:10px auto;}
.con-add ul h3{font-size:14px;width:100%;text-align:center;color:#fff;margin:0px 0px 10px 0px}
.con-add ul li{float:left;height:54px;line-height:54px;text-align:center;background:#fff;margin:4px 6px 4px 15px;}
@media (min-width: 375px){
.con-add ul li{float:left;height:54px;line-height:54px;text-align:center;background:#fff;margin:4px 6px 4px 18px;}
}
@media (min-width: 414px){
.con-add ul li{float:left;height:54px;line-height:54px;text-align:center;background:#fff;margin:4px 6px 4px 20px;}
}
.con-add ul li img{overflow:hidden;}
/*custom-case*/
.custom-case{background:#fff;position:relative;width:100%;float:left}
.custom-case-note{display:block;position:relative;margin:0px;padding:0px;z-index:2;height:auto;width:100%;}
.custom-case-tit{width:100%;margin-top:5%;float:left;text-align:center;padding:0px;}
.custom-case-tit1{background:#cd2229;width:80%;margin:0px auto;padding:10px;font-size:14px;color:#fff}
.custom-case-tit ul{width:100%;font-size:12px;color:#fff;padding:0px;margin:0px;float:left}
.cus-case-t1{background:#666666;padding:10px 0px;}
.cus-case-t2{background:#4B4B4B;padding:10px 0px;}
.custom-case-note h2{width:100%;float:left;text-align:center;font-size:24px;font-weight:normal;margin-top:3%;color:#7f7f7f}
.cus-cases{float:left;width:100%;margin:20px 0px}
.cus-cases img{width:100%;height:auto}
.custom-message{width:100%;position:relative;background:#F6F6F6;float:left}
.cus-mess-note{margin:4% auto;padding:0px}
.cus-mess-note h2{color:#7B7B7B;font-size:24px;font-weight:normal;text-align:center;padding-bottom:15px}
.cs-group{margin-top:4%;width:100%}
.control-label{font-size:15px;line-height:30px;font-weight:normal;text-align:center}
.ll{text-align:center}
.custom-lc{background:#fff;position:relative;float:left;padding:10px 0px;}
.custom-lc h3{color:#7B7B7B;font-size:24px;font-weight:normal;text-align:center;padding-bottom:15px}
.custom-lc ul{width:95%;margin:0px auto;padding:0px;float:left} 
.lc-order{width:30px;height:30px;margin:10px auto;background:#808080;border-radius:50%;color:#fff;line-height:30px;text-align:center;font-size:14px;float:left}
.lc-tit{font-size:15px;padding:0px;margin:0px 10px; float:left;line-height:45px}
.lc-tit span{font-size:12px;margin-left:3px;}
/*foot*/
.foot{background:#fff;margin-top:10px;float:left;padding:15px 0px;width:100%;height:auto;text-align:center;color:#7f7f7f}
.foot-tel{height:25px;line-height:25px;color:#7f7f7f;margin-bottom:10px}
.foot-tel .foot-phone{background:url(../images/f-tel.png) no-repeat left;padding:0px 15px;color:#7f7f7f}
.foot-tel .foot-online{background:url(../images/f-qq.png) no-repeat left;padding:0px 15px;color:#7f7f7f}
.foot-other{display:none;}
.foot-follow{bottom:0px;height:40px;line-height:40px;width:100%;background-color:#EAEAEA;}
.foot-follow a{color:#7c7c7c;font-size:14px;}
.foot-follow img{margin-right:8px;}

.form-bg{background-color:#fff;margin-top:10px;padding:5px 0;}
.foot-con{margin-bottom:28px;}
.about{background:#fff;margin:10px 0px;padding:10px 10px;text-align: justify;font-size:12px;}

.service{width:100%;}
.service img{width:100%;height:auto;}