@charset "utf-8";
/* CSS Document */
html {font-size: 100%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
*{ margin:0; padding:0;}
body{ max-width: 640px; min-width: 320px; width: 100%; margin: 0 auto; padding:0; font-size:12px;
 background:#FFFFFF;font-family: "微软雅黑";}
img{ border:0px; }
.fl{ float:left;}
.fr{ float:right;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a{ text-decoration:none; }
li{ list-style:none;}
input,select,area,textarea{outline: 0; -moz-outline: 0;-webkit-appearance: none;}
table{border-collapse:collapse;}
.auto{ width: 1005px; margin: 0 auto;}
em,i{ font-style: normal;}
@media only screen and (min-width: 320px) and (max-width: 640px) {img {max-width: 100%}}
@media only screen and (max-width: 640px) {img {max-width: 100%}}

.head,.banner,.content,.foot,.ov{ max-width: 640px; min-width: 320px; width: 100%; margin: 0 auto;}

/* flexslider */
.flexslider{position:relative; width:100%; margin:0 auto;height:auto;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{ width:100%;height:auto; position:relative;width: 100%; font-size: 0;}
.slides li img{width: 100%; height: 100%;}
.slides li a{ display:block; font-size: 0; width:100%; height:100%;}
.b_p{position: absolute; bottom: 0; left: 0; padding: 3%; color: #FFFFFF; background: url(../images/3.png) no-repeat;
line-height: 1.5em; background-size: 100%; font-size: 3.5vw;}

.head{width: 91%; margin: 0 auto;}
.logo{font-size: 0; padding: 3% 0;}
.logo_img{width:43%;}
.logo_menu{width:7.5%; margin-top:4%;}
.banner_p{position: absolute; bottom: 0; left: 0; width: 100%;background:rgba(0, 0, 0, 0.7); color: #FFFFFF;
text-align: left; text-indent:1%; font-size:3.8vw; padding: 2% 0;}
.banner_p span{background: #dd2126; color: #FFFFFF; padding: 0.5% 1%; display: inline-block; font-size: 3.2vw; margin-right: 2%;}


.index_con,.hd_con{width: 91%; margin: 0 auto;}
.index1{margin-top: 2%;}
.index_dl{border-bottom: 1px solid #dcdcdc; padding:4% 0;}
.index_dt{width:35.5%; font-size:0; overflow: hidden; position: relative;}
.index_dt img{width: 100%;height: 100%;}
.dt_span{position: absolute; top: 0; left: 0;background: #dd2126; color: #FFFFFF; padding:1% 2%; 
display: inline-block;font-size: 3.2vw;}
.index_dd{width: 62%;}
.indexdd_title{display: block;font-size:3.8vw; height: 3em; overflow: hidden; color: #363636; line-height: 1.5em;}
.indexdd_tb{font-size: 3.5vw; color: #b4b4b4; margin-top: 3%;}
.tb1{background: url(../images/3.png) no-repeat left center; width: 37%; padding-left: 6%;background-size: 12.5%;}
.tb2{width: 13%; background: url(../images/4.png) no-repeat left center; padding-left:6%;background-size:28%;}
.tb3{width: 13%; background: url(../images/5.png) no-repeat left center; padding-left:7%;background-size:30%;}

.index2_title{border-bottom: 2px solid #dd2126; padding:1% 0; margin-top:3%;}
.it_span{font-size:4.2vw; color: #dd2126;}
.it_a{background: #dd2126;font-size: 3.2vw; line-height: 1em; color: #FFFFFF; padding:1% 2%; }
.index2_top{margin-top: 5%;}
.i2_li{width: 47.2%;font-size: 0;height: auto; float: left; position: relative;margin-right: 5.6%;}
.i2_li:nth-child(2n){margin-right: 0;}
.i2_li img{width: 100%; height: 100%;}
.i2_p{position: absolute; bottom: 0; left: 0; width:94%; padding:2% 3%; font-size: 3.8vw; color: #FFFFFF; line-height: 1.5em;
background:rgba(0, 0, 0, 0.7);}
.index2_bottom{margin-top:2%;}
.price{color: #dd2126;}

.foot{padding: 5% 0;}
.foot_p{font-size: 3.5vw; text-align: center; color: #b4b4b4; line-height: 1.8em;}
.foot_menu a{ color: #b4b4b4; border-right: 2px solid #b4b4b4; line-height: 1em; display: inline-block;
padding: 0 1%;}

.hd_dl{border-bottom: 1px solid #dcdcdc; padding:4% 0 2.5% 0;}
.hd_dt{font-size: 0; width: 100%;}
.hd_dt img{width: 100%; height: 100%;}
.hd_title{font-size: 3.8vw; color: #191919; display: block; padding-top: 2%;}
.hd_p{font-size: 3.8vw; color: #9c9c9c; line-height: 1.5em; padding: 3% 0;}
.hd_hb{font-size: 3.5vw; color: #b4b4b4;}
.hb1{width: 23%; padding-left:4%; background: url(../images/3.png) no-repeat left center;
background-size:12%;}
.hb2{width: 10%; padding-left:4%; background: url(../images/4.png) no-repeat left center;
background-size:24%;}
.hb3{width: 10%; padding-left:5%; background: url(../images/5.png) no-repeat left center;
background-size:25%;}
.hd_more{display: block; width: 100%; text-align: center; line-height: 1em; font-size: 3.8vw;
background: #dd2126; padding:1.5% 0; color: #FFFFFF; margin-top: 5%;}
.hdxq_title{color: #191919; font-size: 3.8vw; padding: 5% 0 2% 0;}
.hdxq_top{font-size: 0; margin-top: 3%;}
.hdxq_top img{width: 100%; height: 100%;}
.hdxq_bottom{width: 100%; background: #eeeeef; padding-bottom:10%;}
.hdxq_dl{width: 86%; margin: 0 auto; padding-top:2%;}
.hdxq_dt{padding: 8% 0;}
.hdxq_fl{font-size: 4.2vw; color: #c1436d; font-weight: bold;}
.hdxq_fr{width: 4%; margin-top:8%;}
.hdxq_dd{width: 100%; overflow: hidden;}
.pl{margin-top:8%;}
.pt_title{font-size: 3.8vw; color: #171717; padding-bottom: 3%;}
.pt_te textarea{width: 96%; padding: 2%; box-shadow:inset 0 0 5px #dcdcdc; border: 1px solid #dcdcdc;
font-size: 3.5vw; color: #c3c1c1; }
.pt_btn{margin-top: 3%; text-align: right;}
.pt_btn input{color: #FFFFFF; background: #dd2126; border: 0; font-size: 3.8vw; padding:1% 5%; border-radius:0.2em;}
.pb_title{color: #171717; font-size: 3.8vw;border-bottom:2px solid #dcdcdc; padding: 3% 0;}
.pl_dl{font-size: 3.8vw; color: #8b8b8b;border-bottom:1px solid #dcdcdc;  padding-top: 5%; }
.pl_dt{color: #c3c1c1;}
.pl_dt span{color: #0099ff; padding-right:2%;}
.pl_dd{line-height: 1.5em; padding: 3.5% 0;}
.tj_title{width: 50%;}
.tj_title em{display: inline-block; background: #dd2126; font-size: 3.2vw; padding: 1% 3%; color: #FFFFFF; margin-left: 2%;}
.tj_pr{font-size: 3.8vw; color: #111111;padding-top: 2%;}
.tj_pr em{ color: #dd2126; }
.tj_p{position: absolute; bottom: 0; left: 0; width: 100%;background:rgba(0, 0, 0, 0.7); color: #FFFFFF;
text-align: center; font-size:3.8vw; padding: 2% 0;}
.tj_qh{margin-top: 5%;}
.red{color: #dd2126;}

.tjxq_tab{ background: #ededed; font-size: 3.8vw;}
.tjxq_tab a{width: 25%; display: block; float: left; color: #333333; text-align: center; padding: 1.5% 0;
position: relative;}
.tjxq_tab a.hover{background: #dd2126; color: #FFFFFF;}
.tjxq_tab a.hover span{display: block;}
.tjxq_tab span{position: absolute; bottom: -17%; left:44.5%; font-size: 0; width: 11%; display: none; }
.tjxq_p{font-size: 3.8vw; color: #6f6f6f; line-height: 1.6em;}
.tjxq_txt{padding:4.5%; border: 1px solid #ededed; border-top: 0;}
.lp_li{width: 100%; position: relative; font-size: 0; margin-bottom: 5%;}
.lp_li img{width: 100%; height: 100%;}

.map_img{width: 100%; overflow: hidden;}
.map_txt{color: #8b8b8b; font-size: 3.8vw; line-height: 1.5em; margin-top: 5%;}
.yc_title{color: #191919;font-size:4.3vw;padding-top:5%;}
.yc_ts{line-height: 1.5em; color: #8b8b8b;font-size: 3.8vw; padding:4% 0;}
.ycxq_txt{margin-top: 4%;}
.ycxq_p{color: #8b8b8b; line-height: 1.5em; font-size: 3.8vw;}

.pos_menu{position: fixed; top: 0;right:-100%; z-index: 99; background: #2a2a2a; color: #FFFFFF;
padding-top:2%;  height: 100%;}
.posm_auto{width: 83%; margin: 0 auto; }
.ser_input{width: 81%; padding:5% 2%; color: #FFFFFF; border: 0; background: #444444;}
.ser_btn{width:15%; border: 0;padding: 5% 0; background: #444444 url(../images/9.png) no-repeat center center; background-size:70%;}
.posm_ul{margin-top: 10%;}
.posm_li{font-size:4.3vw; padding: 10% 0 8% 0; width: 100%;background: url(../images/15.png) no-repeat left bottom; text-align: center;}
.posm_li a{color: #FFFFFF; display: inline-block; padding-left: 14%;}
.pos_a1{background: url(../images/10.png) no-repeat left center; background-size:26%;}
.pos_a2{background: url(../images/11.png) no-repeat left center; background-size:31%;}
.pos_a3{background: url(../images/12.png) no-repeat left center; background-size:27%;}
.pos_a4{background: url(../images/13.png) no-repeat left center; background-size:29%;}
.pos_a5{background: url(../images/14.png) no-repeat left center; background-size:25%;}
.pos_a6{background: url(../images/16.png) no-repeat -10px center; background-size:42%;}
.posm_close{ width: 11%; font-size: 0; margin-left: 89%; margin-bottom:12%;}



















@media screen and (min-width:640px) and (max-width:10000px){
.banner_p,.indexdd_title,.i2_p,.hd_title,.hd_p,.hd_more,.hdxq_title,.pt_title,.pt_btn input,.pb_title,.pl_dl,.tj_pr{font-size: 24px;}
.tj_p,.tjxq_tab,.tjxq_p,.map_txt,.yc_ts,.ycxq_p{font-size: 24px;}
.banner_p span,.dt_span,.it_a,.hd_title em{font-size: 18px;}
.indexdd_tb,.foot_p,.hd_hb,.pt_te textarea{font-size: 22px;}
.it_span,.hdxq_fl{font-size: 28px; }
.yc_title,.posm_li{font-size: 30px;}
}