@charset "utf-8";
/* CSS Document */
body, ul, li, p, h1, h2, h3, h4, h5, h6, img, br, hr, table, tr, td, dl, dt, dd, form { margin: 0; padding: 0; }
body {  font-family:"Microsoft YaHei"; color: #434343; line-height:1.5;}
.clear { clear: both; font-size: 0px; }
ul, li { list-style: none; }
img { border: none; }
em { font-style: normal; }
strong { /*font-weight: 100;*/ }
button { border: 0; display: block; }
.fl{float:left;}
.fr{float:right;}
/*一般链接*/
a { text-decoration:none;}

/*******页顶*********/
html{ font-family:"Microsoft YaHei", "Microsoft YaHei UI Light"; font-size:16px;}
body{ max-width:640px; margin-left:auto; margin-right:auto;}

.logo{height:auto;width:100%;}
header img{display:block;overflow:hidden;}
.nav { margin: 0 auto; width: 100%; background: #dcdcdc; }
.nav ul { font-size: 0; background-color: #fff; margin-bottom: 1px; }
.nav li { width: 19.75%; margin-right: 0.25%; display: inline-block; background: #090; text-align: center; }
.nav li a { padding: 1.5% 0; width: 100%; line-height: 2.5; color: #fff; font-size: 1.375rem; display: block; }
.nav li:nth-child(5) { width: 20%; margin-right: 0; }


.title-side { height: .5rem; border-top: 1px solid #e2e2e2; background: #f4f4f4; margin: 6% 0 0 0; }
.title { margin: 0 0 6% 0; background: url(images/bt.jpg)no-repeat 100%; padding: 1.845% 0; background-size: 100%; }
.title div { width: 67%; margin: 0 2% 0 3%; display: inline-block; white-space: nowrap; overflow: hidden; vertical-align: middle; }
.title div a { font-size: 1.375rem; line-height: 1.5; color: #000; font-weight: 600; }
.title>a { width: 25%; font-size: 1.375rem; line-height: 1.5; color: #fff; background: #429a08; border-radius:.5rem;
display: inline-block; text-align: center; vertical-align: middle; padding: 1% 0; }
.title>a img { width: 21.9%; vertical-align: middle; margin-right: 3%; }

.order { width: 96%; margin: 6% auto; }
.order form p { margin: 3% auto; }
.order form p span { font-size: 1.375rem; line-height: 1.5; color: #545454; width: 20%; display: inline-block; text-align: right; }
.order form p input, .order form p textarea { color: #c5c5c5; border: 1px solid #dcdcdc; border-radius: .3rem; background: #f4f4f4; width: 72%; font-size: 1.75rem; line-height: 1.5; }
.order form p textarea { vertical-align: top; }
.order form button { width: 43%; display: inline-block; margin: 0 3%; color: #fff; font-size: 1.5rem; font-weight: 600; line-height: 1.5; border-radius: .5rem; vertical-align: middle; padding: 1.05% 0; }
.order form button img { width: 18.1%; margin-right: 2%; vertical-align: middle; }
.order form button:nth-of-type(1) { background: #429a08; }
.order form button:nth-of-type(2) { background: #f57401; }

footer{margin-top:5px;position:relative;}
.foot{width:100%;margin:0% auto 4%;overflow:hidden; background-color: #B3ECB3;}
.foot .fl{width:40%; text-align:center;}
.foot .fl img{width:50%; padding-top: 10px;}
.foot .fr{width:60%;text-align:left;line-height:35px; padding-top: 5px;}
footer #totop{ position:absolute;background:#f37b38;line-height:25px;right:10px;top:80px;color:#fff;padding:5px 5px 5px 10px;letter-spacing:5px; border: 1px #f00 solid;}
.fudong{font-family:"Microsoft YaHei";font-size:16px;position:fixed;width:100%;bottom:0px;left:0px;height:56px;line-height:56px;}
.fudong ul{width:100%;display:table;table-layout:fixed;}
.fudong li{display:table-cell;text-align:center;color:#30c09c;border-right:1px solid #EBCB24;position:relative;}
.fudong li:nth-last-of-type(1){border-right:none;}
.fudong li:nth-last-of-type(1) a:before{background-position:-64px 0;}
.fudong li:nth-of-type(1) a:before{/*background-position:0 0;*/ background:url(../images/icon_bottoms.gif) no-repeat center center;background-size:contain;}
.fudong li:nth-of-type(2) a:before{background-position:-32px 0;}
.fudong a{display:block;color:#fff;background:#B1A90F;position:relative;font-size:0.8em;}
.fudong a .no1{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;position:absolute;border:2px solid #fff;width:20px;height:20px;line-height:17px;font-size:14px;color:#fff;right:1px;top:1px;font-family:arial;font-weight:bold;-webkit-animation:dot 2s infinite;animation:dot 2s infinite;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-radius:10px;background:-webkit-linear-gradient(left, #fd142e, #bf0116);background:linear-gradient(to bottom, #fd142e, #bf0116);}
.fudong a:before{content:" ";display:inline-block;width:32px;height:46px;vertical-align:middle;margin-right:3px;background:url(../images/icon_bottom.png) no-repeat;}
.fudong a:hover, .fudong a:active, .fudong a.active{background:#f37b38;}


.sidetel{
position: fixed;
right: 0;
bottom: 150px;
line-height: 16px;
padding: 10px 5px;
text-align: center;}
.sidetel a {
color: white;
}

.sideswt {
position: fixed;
right: 0;
bottom: 320px;
line-height: 16px;
padding: 10px 5px;
text-align: center;
}

.sideswt a{color:white;}
.ftgh{color:#333;margin:0 auto 10px;overflow:hidden;}

.ftgh h2{font-weight:bold;line-height:35px;height:35px;color:#ff0000;}

.tet01,.guest{width:90%;border:#c1c1c1 1px solid;color:#666;line-height:14px;height:14px;padding:5px 0px;}

table{border-collapse:collapse;border-spacing:0;width:100%;}

.fwee{width:30%;background:#f37b38;border:none;line-height:35px;color:#fff;text-align:center;margin:0 5px;}

.fwee2 .fwee{background:#64b89a;}

.guest{height:34px;}


@media screen and (min-width:320px) and (max-width:350px) {
html { font-size: 54%; }
}
@media screen and (min-width:350px) and (max-width:400px) {
html { font-size: 56%; }
}
@media screen and (min-width:400px) and (max-width:450px) {
html { font-size: 62.5%;}
}
@media screen and (min-width:450px) and (max-width:550px) {
html { font-size: 72.5%; }
}
@media screen and (min-width:550px) and (max-width:640px) {
html { font-size: 82.5%;}
}
@media screen and (min-width:640px) and (max-width:720px) {
html { font-size: 92.5%;}
}
