@charset "utf-8";
/* CSS Document */

html{ overflow-x:hidden;}
body{ margin:0; padding:0;font-size:12px; color:#333; font-family:microsoft yahei; background:#fff;}
h1,h2,h3,h4,h5,h6,ul,li,img,dl,dt,dd,a,input,table,tr,td{ margin:0; padding:0; border:0; font-size:12px; font-weight:normal; list-style-type:none; text-decoration:none; outline:none;}
i,b{ font-style:normal; font-weight:normal;}
a{ color:#333; outline:none;}
a:hover{color:#bd0206;
-webkit-transition: all 0.2s linear -1ms;
-moz-transition: all 0.2s linear -1ms;
-ms-transition: all 0.2s linear -1ms;
-o-transition: all 0.2s linear -1ms;
transition: all 0.2s linear -1ms;}
a:active{star:expression(this.onFocus=this.blur());}

/* 公用样式 */
.clear:after{ content:'.'; clear:both; height:0; display:block; visibility:collapse;}
.left{ float:left;}
.right{ float:right;}
.inline{ display:inline;}
.family{ font-family:Arial;}
.family1{ font-family:宋体;}
.size1{ font-size:18px;}
.size2{ font-size:25px;}
.bold{ font-weight:bold;}
.none{ display:none;}
.ellipsis{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.width1{ width:1000px; margin:0 auto; position:relative;}
.width2{ width:100%;}
.width3{ width:auto;}

.color1{ color:#3280e0;}

@media screen and (max-width: 800px){
.width1{ width:94% !important; margin:0 auto; position:relative; padding:0 3%;}
}


/* 首页 */
.pc_head{ width:100%; background:url(../images/pc_logo.jpg) center no-repeat; position:relative; height:102px;}
.wap_hesd{ width:100%; background:url(../images/wap_logo.jpg) center no-repeat; height:77px; display:none;}
.top{ width:100%; height:50px; background:#d51f5b;}
.navbar{ width:100%; float:left;}
.navbar ul{ width:100%; float:left;}
.navbar ul li{float:left; width:25%;}
.navbar ul li a{float:left; width:100%; font-size:18px; color:#fff; line-height:50px; text-align:center;}
.navbar ul li a:hover,.hot a{ background:#ef1f6b;}

.pc_banner{ width:100%; float:left; background:url(../images/pc_banner.jpg) center no-repeat; height:558px;}
.wap_banner{ width:100%; float:left; background:url(../images/wap_banner.jpg) center no-repeat; height:336px; display:none;}


.container{ width:100%; float:left; margin-top: 80px;}
.box1{ width:100%; float:left;}
.pc_tit01{ width:100%; float:left; background:url(../images/bt01.png) center no-repeat; height:53px;}
.wap_tit01{ width:100%; float:left; background:url(../images/wap_pro.png) center no-repeat; height:36px; display:none;}
.tit01{ width:96%; float:left;  border:1px #b737d4 solid; border-radius:6px; padding:0 16px; overflow:hidden; margin-top: 34px;}
.tit01 p{ width:100%; float:left; font-size:18px; color:#b737d4; line-height:32px; overflow:hidden;}
.tit02{ width:100%; float:left;}
.tit02 p{width:100%; float:left; font-size:18px;line-height:32px; overflow:hidden;}
.tit02 p span{ font-weight:bold;}

.container1{ width:100%; float:left;margin-top: 38px; padding: 0px 0px 55px 0; background: #eee;}
.box2{ width:100%; float:left; margin-top: 55px;}
.pc_tit02{ width:100%; float:left; background:url(../images/bt02.png) center no-repeat; height:53px;}
.wap_tit02{ width:100%; float:left; background:url(../images/wap_bt02.png) center no-repeat; height:36px; display:none;}
.tit03{ width:100%; float:left; margin-top:14px;}
.tit03 p{width:100%; float:left; font-size:18px;line-height:32px; overflow:hidden; margin-top:29px;}

.foot{ width:100%; float:left; background:#333; padding:6px 0;}
.foot_main{ width:100%; float:left; text-align:center;}
.foot_main p{ width:100%; float:left; text-align:center;font-size:18px;line-height:32px; color:#fff;}

.tit04{ margin-bottom: 27px;}
.pc_tit03{ background:url(../images/Contact%20us.png) center no-repeat; height:53px; width:100%; float:left;}
.wap_tit03{ background:url(../images/wap_us.png) center no-repeat; height:53px; width:100%; float:left; display:none;}
.pc_tit05{ background:url(../images/bt02.png) center no-repeat; height:53px; width:100%; float:left;}
.wap_tit05{ background:url(../images/wap_bt02.png) center no-repeat; height:53px; width:100%; float:left; display:none;}

/* formbox */
.bottom{ background:url(../images/bottom_bg.jpg) fixed center no-repeat; width:100%; float:left; height:650px; }
label.error{color:red;}
.qxdg td{ font-size:16px; width:93px;  font-family:microsoft yahei;  padding: 4px 0px;}
.qxdg td span{ color:#F00;}
.biaodan {padding: 14px 0 0 16px; background: #fff;border-radius: 9px; margin-top: 37px; width: 98%;}
.yinhang{ margin-top: -11px; margin-left: 18px; float:left;}
#product_name{padding: 4px 0px;font-size:16px;font-family:microsoft yahei;}
#product_name option{ font-size:16px;font-family:microsoft yahei;}
select{padding: 4px 0px;font-size:16px;font-family:microsoft yahei;}
#user_name{border:1px #aaaaaa solid;padding: 8px;}
#mobile{border:1px #aaaaaa solid;padding: 8px;}
#address{border:1px #aaaaaa solid;padding: 8px;}

.ordertext { font-size: 14px;color: #000; border-left:1px #ccc solid; border-top:1px #ccc solid; border-bottom:1px #ccc solid; border-right:1px #ccc solid;}
#ok{ padding: 10px 35px;font-size: 16px;font-family:microsoft yahei; cursor:pointer;margin-left: -127px; background:#ccc;}
#ok:hover{ background:#d51f5b !important; color:#fff;}
#gogo{ padding: 10px 35px;font-size: 16px;font-family:microsoft yahei; cursor:pointer; background:#ccc;}
#gogo:hover{ background:#d51f5b; color:#fff;}
.bankcon{font-size: 14px;color: #000; border-left:1px #ccc solid;  border-right:1px #ccc solid;border-top:1px #ccc solid; border-bottom:1px #ccc solid;}
.dudu{font-size: 14px;color: #000;  border-top:1px #ccc solid; border-right:1px #ccc solid; border-bottom:1px #ccc solid; border-left:1px #ccc solid; }

.our_pic{ width:100%; float:left; height:319px; background:url(../images/pic.jpg) center no-repeat; margin-top:20px;}
.our_wap{ width:100%; float:left; height:226px; background:url(../images/pic_wap.jpg) center no-repeat; display:none;}

.bio{ width:445px; float:left;}
.map{ margin-right: 17px;float: right; width:500px; margin-top:8px;}
.map img{ width:100%; float:left; height:auto; overflow:hidden;}

.pc_dg{ background:url(../images/Online%20ordering.png) center no-repeat; width:100%; float:left; height:53px; margin-top: 49px;}
.wap_dg{ background:url(../images/zxzxdg.png) center no-repeat ; width:100%; height:36px; float:left; display:none;}


.dg{ width:100%; float:left; background:#d6d6d6; margin-top:0px;}
.dg_main{ width:100%; float:left; padding:20px 0px 0 0; text-align:center; background:#fff; margin-top:50px; margin-bottom: 50px;} 
.icon{ margin-top:20px;}
.dg_main p{ font-size:40px;float: left;text-align: center; width: 100%; margin-top: 20px; }
.dg_main span{ font-size:14px;margin-top: -37px;float: left;text-align: center; width: 100%; color:#999;}
.an{ width:100%; float:left; background:url(../images/se.jpg) center no-repeat; height:126px; margin-top:20px;}
.an a{ font-size:24px; font-size: 24px;padding: 11px 50px; border-radius: 30px;margin-top: 38px; float: left; margin-left: 404px; background:#fff;}
.an a:hover{  color:#333;}

input[type="button"], input[type="submit"], input[type="reset"] {
 
-webkit-appearance: none;
 
}
 
textarea {  -webkit-appearance: none;} 
.sz{ font-size:18px !important; font-weight:normal !important;}
.bankcon span{ color:#333 !important;}
.wap_bg{ background:url(../images/biao.jpg) center no-repeat; width:100%; float:left; height:129px; display:none;}
.yinhang{ display:none;}

@media screen and (max-width: 800px){
.pc_banner{ display:none;}
.pc_head{ display:none;}
.wap_hesd{ display:block;}
.wap_banner{ display:block;}
.navbar ul li a{ font-size: 1.6rem;}
.pc_tit01{ display:none;}
.wap_tit01{ display:block;}
.container{margin-top: 43px;}
.tit01{width: 94.6%;}
.tit01 p{ font-size:1.5rem; line-height: 1.6;}
.tit02 p{font-size:1.5rem; line-height: 1.6;}
.tit02 p span{font-size:1.5rem; }
.pc_tit02{ display:none;}
.wap_tit02{ display:block;}
.container1{ background:#ebebeb; height: 24%;  padding: 0px 0px 13px 0;}
.tit03 p{font-size:1.5rem; line-height: 1.6;}
.foot_main p{font-size:1.5rem; line-height: 1.6;}
.tit04{ margin-bottom:10px;}
.navbar ul li a:hover,.hot a{ background:#d51f5b;}
.pc_tit03{ display:none;}
.wap_tit03{ display:block;}
.pc_tit05{ display:none;}
.wap_tit05{ display:block;}
.our_pic{ display:none;}
.our_wap{ display:block; margin-top: 20px;}
.tit02 p i{font-size:1.5rem !important; }
.biaodan{margin-top: 6px;padding: 10px;width: 97%;}
.map{ width:100%; margin-right: 0px;}
.bottom{ background:#cf2049; padding:20px 0; height:auto;}
.yinhang{ margin-top:0px; margin-left:0px; width:100%; display:none;}
.yinhang table{ width:100%; }
.qxdg td{font-size:1.35rem; width: 100% !important; }
.qxdg td b{ padding: 0 4px !important; width: 100%;float: left;}
.ordertext{ width:36% !important;}
.bankcon{ width:36% !important; font-size:1.4rem !important;}
.lala{ width:20% !important; padding: 0 22px !important;}
#product_name{font-size:1.4rem; width: 404px !important; }
select {font-size:1.4rem;}
.bio{ width:99%; }
table{ width:100% !important;}
#content{ border:1px #ccc solid;font-size:1.4rem;  width:442px !important; }
#ok{padding: 23px 100px; font-size:1.5rem;margin-left: -265px;}
#gogo{padding: 23px 100px; font-size:1.5rem;}
#mobile{font-size:1.4rem;}
#user_name{font-size:1.4rem; }
#address{font-size:1.4rem; width: 84%; }
.pc_dg{ display:none;}
.wap_dg{ display:block; padding: 3px 0 65px 0;}
#product_name option{font-size:1.4rem;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
.an a{ margin-left: 32%; font-size:2rem; margin-top: 32px; display:none;}
.sz{ font-size:1.5rem !important; font-weight:normal !important;}
.bankcon span{ font-size:1.4rem !important; color:#333 !important;}
.yinhang { display:none;}

}