@charset "utf-8";
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html{ width:100%; height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, table,th, td, address, area {
	font-family: Helvetica;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
    color:#333
}
ul,li{ list-style-type:none; padding:0; margin:0;}
section,header,footer,nav,menu,article{
    padding: 0;
    width: 7.5rem;
	float:left
}
.clearfix:after { 
	content: "." ; 
	display: block ;
	height: 0 ;
	clear: both ;
	visibility: hidden ;
}
*:focus {outline: none;}
a{
    color:#333;
    text-decoration: none;
}
a:hover{
    color:#333;
    text-decoration: none;
}
body{ background-color: #fff; } /*f5f5f5*/
body > img{ 
	width:100%; 
	vertical-align:top;
}
header{
	top:0;
	position:fixed;
    z-index: 1000;
}
.head-area{
	width:7.5rem;
	height:.8rem;
	float:left;
    border-bottom: 1px #e5e5e5 solid;
    background-color: #fff;
}
.head-area .backto{
    height: .8rem;
    float: left;
    width: .8rem;
    background: url(../images/backto.png) center center no-repeat;
    background-size: .3rem;
    filter:alpha(opacity:60); opacity:0.6;
    -moz-opacity:0.6;-khtml-opacity: 0.6;
}
.head-area .backto a{
    width: 100%;
    height: 100%;
    float: left;
}
.head-area .backto-no{
    background: none;
}
.head-area .backto-no a{
    display: none;
}
.logo{
    height: .8rem;
    width: 5.9rem;
	float:left;
	line-height:.8rem;
    font-size: .4rem;
    text-align: center;
    line-height: .8rem;
    font-weight: bold;
}
.logo img{
	height:.7rem;
}
.head-area .index{
    width: .8rem;
	height:.8rem;
	float:right;
	line-height:.8rem;
}
.head-area .index a{
    width: 100%;
    height: 100%;
    float: left;
}
.head-area .index-all{
    background: url(../images/icon-home.png) center center no-repeat;
    filter:alpha(opacity:60); opacity:0.6;
    -moz-opacity:0.6;-khtml-opacity: 0.6;
    background-size: .5rem;
}
.head-area .index-black{
    background: url(../images/home-b.png) center center no-repeat;
    filter:alpha(opacity:60); opacity:0.6;
    -moz-opacity:0.6;-khtml-opacity: 0.6;
    background-size: .3rem;
}
.head-area .index-red{
    background: url(../images/home-red.png) center center no-repeat;
    background-size: .5rem;
}
.head-area .index-blue{
    background: url(../images/home-blue.png) center center no-repeat;
    background-size: .5rem;
}
.head-area .index-green{
    background: url(../images/home-green.png) center center no-repeat;
    background-size: .5rem;
}
.head-area .index-orange{
    background: url(../images/home-orange.png) center center no-repeat;
    background-size: .5rem;
}
.top-bank{
    clear: both;
    width: 7.5rem;
    height: .8rem;
    float: left;
    line-height: .8rem;
}
.slide-area{
	clear:both;
	width:7.5rem;
	float:left;
    height: 3.5rem;
    overflow: hidden;
}
.search-area{
    clear:both;
    width:7.5rem;
    float:left;
    height: .7rem;
    padding-top: .2rem;
}
.search-area input {
    width: 5.6rem;
    height: .6rem;
    float: left;
    border: 1px #e5e5e5 solid;
    margin-left: .2rem;
    text-indent: .15rem;
    font-size: .3rem;
    line-height: .6rem;
}
.search-area a{
    width: 1.5rem;
    height: .6rem;
    float: left;
    background: #f33 url("../images/seach-t.png") .2rem center no-repeat;
    background-size: .3rem;
    color:#fff;
    text-align: center;
    font-size: .3rem;
    line-height: .6rem;
    padding-left: .2rem;
}
.navigation-area{
    clear:both;
    width:7.5rem;
    float:left;
    margin-top: .5rem;
}
.navigation-area li{
    width: 1.62rem;
    height: 1.6rem;
    float: left;
    text-align: center;
    margin-left: .2rem;
}
.navigation-area li a{
    display: block;
}
.navigation-area li p{
    clear: both;
    width: 100%;
    font-size: .22rem;
    float: left;
    padding-top: .1rem;
    text-align: center;
}
.navigation-area li.about span{
    width: 1rem;
    height: 1rem;
    float: left;
    background: #f33 url(../images/icon-about.png) center center no-repeat;
    background-size: .5rem;
    border-radius: 50%;
    margin-left: .31rem;
}
.navigation-area li.product span{
    width: 1rem;
    height: 1rem;
    float: left;
    background: #f33 url(../images/icon-product.png) center center no-repeat;
    background-size: .5rem;
    border-radius: 50%;
    margin-left: .31rem;
}
.navigation-area li.news span{
    width: 1rem;
    height: 1rem;
    float: left;
    background: #f33 url(../images/icon-news.png) center center no-repeat;
    background-size: .5rem;
    border-radius: 50%;
    margin-left: .31rem;
}
.navigation-area li.contact span{
    width: 1rem;
    height: 1rem;
    float: left;
    background: #f33 url(../images/icon-contact.png) center center no-repeat;
    background-size: .5rem;
    border-radius: 50%;
    margin-left: .31rem;
}
.product-area{
    clear:both;
    width:7.5rem;
    float:left;
    margin-top: .3rem;
    overflow: hidden;
}
.product-area .product-tle{
    clear: both;
    width: 7.45rem;
    float: left;
    height: .35rem;
    line-height: .35rem;
    border-left: .05rem #f33 solid;
    font-size: .3rem;
    padding-left: .15rem;
    margin-left: .2rem;
    font-weight: bold;
}
.product-area .product-con{
    clear: both;
    width: 7.5rem;
    float: left;
}
.product-area .product-con li{
    width: 3.5rem;
    float: left;
    margin-top: .2rem;
    margin-left: .2rem;
}
.product-area .product-con li p.img{
    width: 3.3rem;
    height: 3rem;
    float: left;
    border: 1px #e5e5e5 solid;
    overflow: hidden;
}
.product-area .product-con li p.img img{
    width: 3.4rem;
    height: 3rem;
}
.product-area .product-con li p.tle{
    width: 3.4rem;
    height: .3rem;
    line-height: .3rem;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    text-align: center;
    margin: .15rem 0 .15rem 0;
    font-size: .26rem;
}
.product-area .product-con li p.tle a{
    font-size: .26rem;
}
.news-area{
    clear:both;
    width:7.5rem;
    float:left;
    margin-top: .3rem;
    overflow: hidden;
}
.news-area .news-tle{
    clear: both;
    width: 7.45rem;
    float: left;
    height: .35rem;
    line-height: .35rem;
    border-left: .05rem #f33 solid;
    font-size: .3rem;
    padding-left: .15rem;
    margin-left: .2rem;
    font-weight: bold;
    overflow: hidden;
}
.news-con {
    width: 7.5rem;
    float: left;
    overflow: hidden;
}
.news-con li{
    width: 7.1rem;
    float: left;
    margin-left: .2rem;
    margin-top: .2rem;
    border-bottom: 1px #e5e5e5 dotted;
    padding-bottom: .2rem;
}
.news-con li p.img{
    width: 1rem;
    height: 1rem;
    float: left;
    color: #fff;
    border: 1px #e5e5e5 solid;
}
.news-con li p.img img{
    width: 1rem;
    height: 1rem;
}
.news-con li p.date{
    width: 1rem;
    height: 1rem;
    float: left;
    background-color: #f33;
    color: #fff;
}
.news-con li p.date span.date1{
    width: 100%;
    height: .5rem;
    line-height: .7rem;
    float: left;
    text-align: center;
    font-size: .3rem;
}
.news-con li p.date span.date2{
    width: 100%;
    height: .5rem;
    line-height: .45rem;
    float: left;
    text-align: center;
    font-size: .2rem;
}
.news-con li p.tle{
    width: 7.1rem;
    float: right;
    margin-top: .03rem;
}
.news-con li p.tle a{
    font-size: .3rem;
    width: 100%;
    line-height: .3rem;
    float: left;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.news-con li p.txt{
    width: 7.1rem;
    line-height: .3rem;
    float: right;
    margin-top: .15rem;
}
.news-con li p.txt a{
    font-size: .2rem;
    color: #888;
    width: 100%;
    height: .6rem;
    line-height: .31rem;
    float: left;
    overflow: hidden;
    text-overflow:ellipsis;/*文本溢出时显示省略标记*/
    display:-webkit-box;/*设置弹性盒模型*/
    -webkit-line-clamp:2;/*文本占的行数,如果要设置2行加...则设置为2*/
    -webkit-box-orient:vertical;/*子代元素垂直显示*/
}
.news-con li p.info{
    width: 100%;
    float: left;
    font-size: .2rem;
    color:#ccc;
    line-height: .3rem;
    margin-top: .15rem;
}
.check-more{
    width: 7.5rem;
    float: left;
    margin: .2rem 0;
    text-align: center;
}
.check-more a{
    background-color: #f33;
    color: #fff;
    font-size: .26rem;
    padding: .1rem .5rem;
    border-radius:.1rem;
    float: left;
    margin-left: 35%;
}
.categorys{
    clear: both;
    width: 7.1rem;
    float: left;
    margin: .15rem 0 .05rem .2rem;
}
.categorys li{
    height: .3rem;
    float: left;
    line-height: .3rem;
    margin-right: .15rem;
    font-size: .2rem;
}
.categorys li.tle{
    font-weight: bold;
    margin-right: 0;
}
.categorys li a{
    background-color: #f5f5f5;
    border: 1px #e5e5e5 solid;
    border-radius:.05rem;
    padding: .03rem .1rem;
}
.categorys li.on a{
    background-color: #f33;
    border: 1px #f33 solid;
    color:#fff;
}
.content-area{
    clear: both;
    width: 7.5rem;
    float: left;
    margin-top: .3rem;
    overflow: hidden;
}
.content-tle-1{
    clear: both;
    width: 7.45rem;
    float: left;
    line-height: .45rem;
    border-left: .05rem #f33 solid;
    font-size: .4rem;
    padding-left: .15rem;
    margin-left: .2rem;
    font-weight: bold;
    overflow: hidden;
}
.content-tle{
    clear: both;
    width: 7.1rem;
    float: left;
    margin-left: .2rem;
    overflow: hidden;
}
.content-tle h1{
    clear: both;
    width: 7.1rem;
    float: left;
    line-height: .5rem;
    font-size: .45rem;
    padding-top:.01rem
}
.content-info{
    clear: both;
    width: 7.1rem;
    float: left;
    margin: .2rem 0 0rem .2rem;
}
.content-info li{
    height: .3rem;
    float: left;
    font-size: .24rem;
    color: #919191;
    margin-right: .1rem;
}
.content-con{
    clear: both;
    width: 7.1rem;
    float: left;
    margin-left: .2rem;
    overflow: hidden;
    line-height: .5rem;
    font-size: .32rem;
    color: #333;
    margin-top: .2rem;
    overflow: hidden;
}
.content-con p{
    width: 100%;
    float: left;
    line-height: .5rem;
    font-size: .32rem;
    color: #333;
    margin-bottom: .3rem;
}
.content-con img{
    max-width: 7.1rem;
}
.content-con p img{
    max-width: 7.1rem;
}
.content-con iframe{
    width:100%;
    display:inline;
    float:left;
    overflow:hidden;
    margin-top:0px
}
.content-product-img{
    clear: both;
    width: 7.1rem;
    float: left;
    margin-top: 0rem;
    margin-left: .2rem;
}
.content-product-img img{
    width: 100%;
}
.content-tle-p{
    clear: both;
    width: 7.1rem;
    float: left;
    margin-left: .2rem;
    overflow: hidden;
}
.content-tle-p h1{
    clear: both;
    width: 7.1rem;
    float: left;
    line-height: .5rem;
    font-size: .45rem;
    padding-top:.01rem;
    font-weight: normal;
}
.content-product-info{
    clear: both;
    width: 7.1rem;
    float: left;
    margin-left: .2rem;
}
.content-product-info li{
    width: 7.1rem;
    float: left;
    font-size: .26rem;
    margin-top: .1rem;
    color: #969696;
}
.content-product-info li.jg{
    color: #d00;
    font-size: .3rem;
}
.content-tle-2{
    clear: both;
    width: 7.1rem;
    float: left;
    height: .5rem;
    border-bottom: 1px #e5e5e5 solid;
    margin-left: .2rem;
    margin-top: .2rem;
}
.content-tle-2 span{
    height: .5rem;
    float: left;
    line-height: .4rem;
    font-size: .35rem;
    border-bottom: 3px #f33 solid;
    margin-bottom: -1px;
}
.content-con-p{
    clear: both;
    width: 7.1rem;
    float: left;
    margin-left: .2rem;
    overflow: hidden;
    line-height: .5rem;
    font-size: .3rem;
    color: #333;
    margin-top: .2rem;
}
.content-con-p p{
    width: 100%;
    float: left;
    line-height: .5rem;
    font-size: .3rem;
    color: #333;
    margin-bottom: .3rem;
}
.content-con-p img{
    max-width: 7.1rem;
}
.content-con-p p img{
    max-width: 7.1rem;
}
/*product little list*/
.product-con-l{
    clear: both;
    width: 7.5rem;
    float: left;
    margin-bottom: .1rem;
}
.product-con-l li{
    width: 2.16rem;
    float: left;
    margin-top: .2rem;
    margin-left: .2rem;
    margin-right: .05rem;
}
.product-con-l li p.img{
    width: 2.15rem;
    height: 1.8rem;
    float: left;
    border: 1px #e5e5e5 solid;
}
.product-con-l li p.img img{
    width: 2.15rem;
    height: 1.8rem;
}
.product-con-l li p.tle{
    width: 2.15rem;
    height: .3rem;
    line-height: .3rem;
    float: left;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align: center;
    margin: .15rem 0 .15rem 0;
}
.product-con-l li p.tle a{
    display: block;
    font-size: .2rem;
}
/*guestbook*/
.guestbook-con{
    clear: both;
    width: 7.1rem;
    float: left;
    margin-left: .2rem;
    margin-top: .2rem;
}
.guestbook-con li{
    width: 7.1rem;
    float: left;
    margin-bottom: .15rem;
    padding-bottom: .15rem;
}
.guestbook-con li p.l{
    width: 1.5rem;
    float: left;
    text-align: right;
    margin-right: .1rem;
    font-size: .26rem;
    overflow: hidden;
    line-height: .6rem;
}
.guestbook-con li p.r{
    width: 5.5rem;
    float: right;
    overflow: hidden;
    font-size: .26rem;
}
.guestbook-con li p input{
    width: 5.3rem;
    height: .6rem;
    line-height: .6rem;
    border: 1px #d5d5d5 solid;
    font-size: .26rem;
    margin: 0;
    float: left;
    text-indent: .1rem;
}
.guestbook-con li p input.vcode{
    width: 2.9rem;
}
.guestbook-con li p textarea{
    width: 5.3rem;
    height: 3rem;
    line-height: .3rem;
    border: 1px #d5d5d5 solid;
    font-size: .26rem;
    margin: 0;
    float: left;
    padding: .1rem;
}
.guestbook-con li p.r img{
    margin-left: .1rem;
    height: .6rem;
}
.guestbook-con li p.r button{
    width: 2rem;
    height: .65rem;
    float: left;
    border: 1px #f33 solid;
    background-color: #f33;
    border-radius:.05rem;
    -webkit-border-radius:.05rem;
    -moz-border-radius:.05rem;
    -ms-border-radius:.05rem;
    -o-border-radius:.05rem;
    font-size: .26rem;
    color: #fff;
}
/*loading*/
.loading{
    clear: both;
    width: 7.5rem;
    height: .5rem;
    float: left;
    background: url(../images/loading.gif) center center no-repeat;
    background-size: .5rem;
    margin: .15rem 0;
}
section.blank-area{
	clear:both;
	width:100%;
	height:.8rem;
	line-height:.8rem;
	float:left;
}
footer{
	width:7.5rem;
	position:fixed;
	bottom:0;
    z-index: 1000;
}
.foot-menu{
	clear:both;
	width:7.5rem;
	float:left;
	border-top:1px #dfdfdf solid;
    background-color: #fff;
}
.foot-menu li{
	height:.8rem;
	font-size:.2rem;
	float:left;
	width:25%;
	border-right:1px #dfdfdf solid;
	text-align:center
}
.foot-menu li.noborder{
     border-right:none;
     width:25%;
 }
.foot-menu li.on{
    background-color: #e84d78;
}
.foot-menu li.on a{
    color:#fff;
}
.foot-menu li a{
	width:100%;
	height:.7rem;
	float:left;
	text-align:center;
	line-height:.7rem;
    padding-top: .25rem;
    filter:alpha(opacity:80); opacity:0.8;
    -moz-opacity:0.8;-khtml-opacity: 0.8;
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}
.foot-menu li a.home{
	background:url(../images/home-b.png) center .1rem no-repeat;
	background-size:.3rem;
}
.foot-menu li a.tel{
	background:url(../images/tel-b.png) center .1rem no-repeat;
	background-size:.3rem;
}
.foot-menu li a.guestbook{
	background:url(../images/guestbook-b.png) center .1rem no-repeat;
	background-size:.3rem;
}
.foot-menu li a.place{
    background:url(../images/place-b.png) center .1rem no-repeat;
    background-size:.25rem;
}
#bg{
    background-color :#333;
    position:fixed ;
    z-index: 9;
    left :0;
    top: 0;
    width: 100%;
    height :100%;
    opacity:0.4 ;
    filter: alpha(opacity =40);
    -moz-opacity: 0.4;
    display: none;
}
.book-con{
    width: 7.5rem;
    float: left;
    font-size: .18rem;
    background-color: #fff;
    padding:.15rem .2rem;
    line-height: .26rem;
    color:#666;
}
.book-con p{
    width: 7.5rem;
    float: left;
    font-size: .18rem;
    padding:.1em 0;
    line-height: .26rem;
    color:#666;
}