﻿@charset "utf-8";blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,textarea,ul{padding:0;margin:0;font-weight:400}
img{margin:0;padding:0}
table,td,th,tr{font-size: 24px;}
li{list-style-type:none;list-style:none}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6,p{font-weight:400;font-style:normal;font-size:18px}
table{border-collapse:collapse;border-spacing:0;}
address,cite,code,em,th{font-weight:400;font-style:normal}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}
body{width:640px;max-width:640px;min-width:640px;margin:0 auto;font-family:"sans-serif"."Microsoft YaHei","΢���ź�",Verdana,"����",Arial,helvetica,sans-serif;color:#313131;font-size:18px;background:#f4f4f4}
a{text-decoration:none;blr:expression(this.onsk_banner=this.blur());color:#383838;outline-style:none}
a:hover{text-decoration:none}
a:sk_banner{-moz-outline-style:none}
.mg{ width:640px; float:left}
.mgin{ width:640px; float:left}
nav{ width:640px; height:100%; position: fixed; background:rgba(0,0,0,0.9); z-index:999; display:none;}
.list{width:450px;margin:40px auto 0 auto; position:relative}
.list>ul>li{border-bottom:solid 1px #333;}
.list ul li a{padding-left: 10px;color: #fff;font-size: 24px;display: block;font-weight:bold;height: 80px;line-height: 70px;position: relative;}
.list ul li .inactive{ background:url(../images/off.png) no-repeat right center;}
.list ul li .inactives{background:url(../images/on.png) no-repeat right center;} 
.list ul li ul{display: none;}
.list ul li ul li {border-left:0;border-right:0;/* background-color:#46a64c; *//* border-color:#3c9042; */; background:url(../images/lin.png) no-repeat left center; padding-left:10px}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:20px;}
.list ul li ul li ul li {  background-color:#46a64c; border-color:#3c9042; }
.list ul li ul li ul li a{ color:#316a91; padding-left:30px;}
.list>ul>li>ul{ margin-left:140px}
.list .close{ position: absolute; right:0px;}
.top{ height:100px; background: url(../images/top.png) no-repeat  300px 15px #fff; position:fixed; z-index:99}
.top .logo{ width:250px; height:70px; float:left; margin:15px 20px}
.top .to{ width:100px; height:100px; float:left; margin-left:250px}
.banner{ width:640px; height:400px;  margin:0 auto; position:relative; overflow:hidden; padding-top:100px   }
.banner .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:20px; text-align:center;  }
.banner .hd ul{ display:inline-block; font-size:0; vertical-align:top;}
.banner .hd ul li{ display:inline-block; width:12px; height:12px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#fff; margin:5px;  vertical-align:top; overflow:hidden;   }
.banner .hd ul .on{ background:#595656;  }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li img{ width:100%;  height:400px; background:url(../images/loading.gif) center center no-repeat;  }
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* ȡ�����Ӹ��� */  }
.indexjm{ height:180px; border-bottom:1px solid #ccc}
.indexjm a{ display:block; width:135px; height:135px; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; float:left; margin:20px 0 20px 20px}
.indexjm a img{ display:block; margin:20px auto 8px}
.indexjm a p{text-align:center;font-size: 20px;color:#333;}
.indexcp{ height:880px;}
.cphd .hd{ height:40px; line-height:40px; padding:0 20px; font-size:20px; background:#f4f4f4; border-bottom:1px solid #3e3d3c; position:relative;  }
.cphd .hd ul{ position:absolute; height:41px; top:0; overflow:hidden; text-align:center  }
.cphd .hd ul li{ display:inline-block; padding:0 10px; color:#666; width:125px;  }
.cphd .hd ul .on{ border:2px solid #3e3d3c; border-bottom-color:#fff; background:#fff; color:#CF7F21;   }
.cphd .hd ul .on a{ display:block; /* �޸�Android 4.0.x Ĭ���������ǰ��ɫ��Ч��bug */  }
.cphd .bd>div{padding:20px; width:640px; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.cphd .bd>div img{ display:block; float:left; border-right:1px solid #fff; border-bottom:1px solid #fff; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.indexnew{ height:920px;}
.indexnew .bt{ height:100px; background:#3e3d3c; }
.indexnew .bt img{ float:left}
.indexnew .bt .hd{ width:110px; height:50px; float:left; margin-top:25px; border:1px solid #555452; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; overflow:hidden;}
.indexnew .bt .hd li{ display:block; width:110px; height:50px; float:left; text-align:center; line-height:50px; color:#fff; font-family:"����"; font-weight:bold; font-size:19px; border-left:1px solid #555452; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; cursor:pointer}
.indexnew .bt .hd li.on{ background:#fff; color:#3e3d3c}
.newhd{ background:#fff;}
.indexnew dl{ display:block; width:640px; overflow:hidden; height:820px}
.indexnew dl a.more{ display:block; width:118px; height:38px; float:left; border:1px solid #3e3d3c; text-align:center; line-height:38px;border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px; margin:18px 260px}
.indexnew dl dt{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;height:440px;width: 640px;float:left;padding:20px;transition:all 0.5s;;border-bottom:1px solid #f4f4f4}
.indexnew dl dt:hover{-moz-box-shadow: 10px 10px 5px #999; /* �ϵ� Firefox */box-shadow: 10px 10px 5px #999; position:relative; z-index:9}
.indexnew dl dt a>img{ display:block; width:600px; height:280px; float:left;padding-bottom:20px}
.indexnew dl dt a>p{display:block;width: 460px;height: 120px;float:left;margin-left:20px;line-height: 30px;font-size: 16px;color:#666;position:relative;}
.indexnew dl dt a>p strong{font-size: 25px;color:#3e3d3c;line-height:40px;}
.indexnew dl dt a>.time{ display:block; width:120px; height:100px; float:left; background:#3e3d3c; text-align:center; padding:10px 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; font-size:13px; color:#fff; }
.indexnew dl dt .time p{ font-size:30px; font-weight:bold}
.indexnew dl dd{height: 100px;width: 640px;float:left;border-bottom:1px solid #f4f4f4;border-left:1px solid #f4f4f4;position:relative;transition:all 0.5s;}
.indexnew dl dd:hover{-moz-box-shadow: 10px 10px 5px #999; /* �ϵ� Firefox */box-shadow: 10px 10px 5px #999; position:relative; top:-5px;z-index:9}
.indexnew dl dd>a{display:block;width: 600px;height: 60px;float:left;line-height: 30px;font-size: 16px;color:#666; padding:20px}
.indexnew dl dd>a strong{font-size: 25px;color:#3e3d3c;line-height:20px;}
.indexnew dl dd>a span.inm{display:block;width: 40px;height:18px;background:#ddd;text-align:center;color:#fff;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;font-size: 13px;line-height:18px;position:absolute;bottom:20px;right:20px;}
.indexnew dl dd>a:hover span.inm{ background:#3e3d3c}
.indexnew dl dd>a span{font-size:15px;line-height:18px;color:#ddd; float:right}
.foot{ height:220px; background:#181818; padding-bottom:100px}
.foot .mgin{ margin-top:20px; border-top:1px solid #4b4948}
.foot .mgin img{ display:block; margin:10px auto}
.foot .mgin p{ font-size:17px; text-align:center; color:#4b4948; line-height:40px;}
.footer{ height:100px; background:#000; position:fixed; bottom:0}
.footer a{ width:33.33%; float:left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding-left:20px; border-right:1px solid #3e3d3c; height:100px}
.footer a img{ display:block; float:left; margin-top:20px}
.footer a p{float:left; margin-top:28px; font-size:23px; line-height:40px; padding-left:15px; color:#fff; font-weight:bold}
/*��ҳ����*/

.lbt{ height:80px; background:#fff; margin-bottom:10px; padding:0 20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.lbt strong{font-size:30px;color:#3e3d3c; line-height:80px;}
.lbt span{font-size:15px;color:#666;font-family:SimSun;padding-left:10px;text-transform:uppercase}
.lbt span.m_r{ float:right; background:#46a64c; display:block; width:300px; height:50px; line-height:50px; text-align:center;-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; margin-top:15px; font-size:18px; font-weight:bold; }
.lbt span.m_r a{ color:#fff}

.newlist li{ display:block; height:120px; padding:20px; width:600px; float:left; background:#fff; margin-bottom:1px}
.newlist li img{ display:block; width:150px; height:120px; float:left}
.newlist li p{ display:block; width:430px; height:120px; float:left; margin-left:20px; font-size:25px; line-height:60px;font-weight:bold }

.page{ padding:0 20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.page a{ display:block; width:125px; height:50px;  margin:20px 0 20px 20px; float:left;-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; text-align:center; line-height:50px; background:#333; color:#fff}

.storelist li{ display:block; height:270px; padding:20px; width:320px; float:left; background:#fff; margin-bottom:1px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; border-right:1px solid #f4f4f4}
.storelist li p{font-size:20px; line-height:40px;font-weight:bold; color:#333; text-align:center; font-weight: bold }

.news{ background:#fff}
.news dt{ display:block; height: auto; float:left; width:640px; text-align:center;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding:25px 0; border-bottom:1px solid #f4f4f4}
.news dt h1{ font-size:30px; font-weight:bold; color:#333}
.news dt center{ font-size:15px; color:#999; line-height:30px; padding-top:10px}
.news dd{ display:block; overflow:hidden; float:left; width:640px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding:20px; border-bottom:1px solid #f4f4f4; line-height:40px; font-size:20px;}

#pages  { width: 100%; height:auto; }
#pages img{ width: 80%; height: auto;}


.xspage{height: auto; background:#fff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding:25px; line-height:40px; margin-bottom:10px}
.xspage li{ font-size:20px; color:#333}
.xspage li a{ font-weight:bold; color:#000; font-size:24px}

.contact{ margin:10px auto}
.contact .box3{ background:#fff; padding:20px 0; overflow:hidden}
.contact .box3>div{ width:213px; height:130px; float:left; border-right:1px solid #f4f4f4; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; text-align:center; padding:0 20px}
.contact .box3>div p{ font-size:17px; font-weight: bold; color:#333}
.contact .box3>div span{ font-size:13px; color:#666}

.c_message{ background:#fff; overflow:hidden}
.c_message>div{ width:590px; padding:5px 5px 20px;float:left}
.c_message>div.c_map{ width:600px; padding:0 20px;float:left}
.c_map p{ font-size:19px; line-height:40px; color:#666;  text-indent:2em}
.c_map h3{ font-size:24px; line-height:40px; color:#333;  font-weight:bold}

.c_message{ padding-top:20px; border-top:1px solid #f4f4f4}
.c_message>div.mes2{ padding:20px; width:600px;}
.mes2 center{ line-height:40px; font-size:19px; color:#333}
.mes2 form{ display:block; width:510px; margin:0 auto;}
.mes2 .m1{width:510px;height: 48px;float:left;margin-bottom:20px;}
.mes2 .m1 label{display:block;width: 80px;height: 50px;float:left;line-height: 50px;font-size: 24px;color:#333;}

.mes2 .m1 input{display:block;width: 428px;height: 48px;float:left;border-radius: 24px;border:none;outline:none;text-indent:10px;border:1px solid #eee;background:#f4f4f4;line-height:50px; font-size:20px;}
.mes2 .m2{ width:540px; height:100px; float:left;margin-bottom:20px;}
.mes2 .m2 label{ display:block; width:80px; height:32px; float:left; line-height:50px; font-size:24px; color:#333}
.mes2 .m2 textarea{ display:block; width:408px; height:100px; float:left; border-radius:16px; border:none; outline:none; padding:0 10px;  border:1px solid #eee;background:#f4f4f4;line-height:50px; font-size:20px;}
.mes2 .an{display: block;width: 215px;height:50px;overflow: hidden;float: left;border: none; margin-left:80px;cursor: pointer; background:#46a64c; border-radius:16px; color:#fff; line-height:50px; font-size:24px}

.brandin{background:#fff;padding:20px 0; margin-bottom:10px}.br1 p{font-size:15px;color:#666;line-height:30px}
.br1 p.time{padding:5px 10px;background:#333;display:inline-table;line-height:20px;border-radius:10px;margin-top:10px;color:#fff}
.br1 p strong{color:#000}p
.lin12{display:block;width:510px;margin:0 auto;height:50px;color:#fff;background:#333;text-align:center;padding:5px;line-height:25px;margin-top:20px;margin-bottom:10px}p
.lin12 strong{font-size: 30px;line-height:50px;color:#fff;/* font-weight:400; */font-weight: bold;}
.lin50{width:520px;margin:0 auto;overflow:hidden}
.lin50 table{font-size:15px;color:#333}
.lin50 table span{color:#ccc}
.lin50 table
.tb2 span{padding-right:20px}
.lin70{width: 600px;margin: 0 20px;overflow:hidden;text-align:center;}
.lin70 img{display:inline-block;padding:0;margin:0}
.tx a{display: inline-block;width: 260px;margin:3px;height: 50px;/* float:left; */overflow:hidden;border:1px solid #f4f4f4;line-height: 50px;font-size: 20px;color:#666;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;}
.tx a.active,
.tx a:hover{border:1px solid #49a84c;background:#49a84c;color:#fff}

/*开店问答*/
.Faq{padding:4%;}
.FaqList{}	
.FaqList li{display:block;padding:10px;background:#FFF;margin-bottom:4%;}
.FaqList li h3{padding-left:34px;color:#01A9D6;margin-bottom:10px;font-size:1em;}
.FaqList li em{float:left;display:block;height:32px;width:32px;line-height:1.5;background:#01A9D6;color:#FFF;border-radius:50%;text-align:center;margin-left:-34px;}
.FaqList li .ct{padding-left:34px;color:#999;font-size:1em;}

