.wrap{ margin:0 auto}
html,body,div,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,p,br,a,form,p{ font-family:"微软雅黑", "黑体", "宋体"; margin:0; padding:0;}
ul,li{list-style:none; margin:0; padding:0; font-size:1.0em }
.art_c img{border:none; width:100%}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; line-height:normal; margin:0; }

a:link {
	font-size: 1em;
	color: #333333;
}
a:visited {
	font-size:1em;

	color: #333333;
}
a:hover {
	font-size: 1em;
	color: #FF0000;
	text-decoration: none;
}

body {	background: #E8EFF7}
.tup img{border:none; width:100%}
li, img, label, input {	vertical-align: middle}
.tupian img{overflow:hidden; height:160px;}
.text_center,.text_center *{ text-align:center}

.ant_nav{ padding-bottom:1em; overflow:hidden;zoom:1; text-align:center;}
.ant_nav a{ display:block; text-align:center;/*font-size: 1.3em;*/}
.ant_nav li{ overflow: hidden;text-align: center;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;	box-flex: 1}
/*.ant_nav li a img {width: 6.2em;height: 6.2em}*/
.ant_nav li p{ text-align:center;font-size: 1.3em;margin-top: .61538em}
.ant_nav li div{ text-align:center}
.fanyetb{padding:4px; margin-right:5px; line-height:24px; background-color:#FFFFFF ;float:left; border:1px solid #CCCCCC}

.ant_nav,.h_box{display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%}

.daoh{ width:33.3%; padding-bottom:10px; float:left; text-align:center}
.huangb{font-size: 1.6em;color: #1F9E7B;text-decoration: none;}
.bianju{padding:10px 0px;}
.ant_logobg .fanhui{ color:#fff; font-weight:bold; font-style:16px;  float:right;width:140px;}

.pan h5{line-height: 28px;color: #ba0f1b;font-weight: bold;background-color: #f5f5f5;background-image: -moz-linear-gradient(top,#fefefe,#ececec);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#ececec));background-image: -webkit-linear-gradient(top,#fefefe,#ececec);
background-image: -o-linear-gradient(top,#fefefe,#ececec);background-image: linear-gradient(to bottom,#fefefe,#ececec);background-repeat: repeat-x;
border-bottom: 1px solid #e0e0e0;color: #ba0f1b;}
.pan{ background:#fff;  margin-bottom:10px; }
.pan1{ background:#fff; height:auto;  margin-bottom:10px; }
.no_bottom{ border-bottom:none}
.pan .pan_t .p_title{height: 28px;/*border-left: 5px solid #ba0f1b;padding: 0 10px;*/line-height: 28px; margin-left:10px; color:#fff}

.pan_t{ background:#223B82; height:28px}
.pan_c{ padding:10px; margin:auto 0px; background:#FFFFFF}
.pan_c *{ line-height:25px}



/*联系我们*/
.contact{ margin:10px; margin: 0 auto; background-color: #FFF; text-align: center; }
.contact .cw{ padding: 10px;  }
.contact .caption{ font-size:1em; font-weight: bold; color: #343535; }
.contact .shorttitle{ font-size:1em; color: #666460; line-height: 25px; }
.contact .txt{ line-height: 25px; color: #9A9691; }
.contact .con{ padding: 0px 0 20px 0; line-height: 25px; }
.contact .con p{    }
.contact .con img{ width:100%; }
.contact .qrcode{  padding: 15px; border:solid 1px #ccc; margin: 0 auto; }




.footer{ margin-bottom:55px; clear:both; overflow:hidden;zoom:1; background-color:#CCCCCC ; }
.footer *,.footer{ text-align:center; line-height:2em; font-size:1.0em}
.footer a{ text-decoration:none;}

.container{max-width: 720px;margin: auto;overflow: hidden;/* padding:10px 10px; background-color:#FFF;*/}


.telbg li{ background:url(../images/ico.png) no-repeat; line-height:50px; padding-left:50px}
.telbg li.qq{background:url(../images/ico.png) 0 -110px no-repeat}

/*2014.3.14 by ayumi*/
.f_online{width:100%;height:40px;margin:0 auto;position:fixed;background-color: #484848;z-index: 99999;	bottom: 0;  left: 0;}
.f_online a,.f_online p {  -moz-box-align: center; -moz-box-flex: 1; -moz-box-pack: center;-moz-box-sizing: border-box; color: #FFFFFF; display: block; float: left; font-size: 12px;height: 40px; overflow: hidden; width:20%; text-decoration:none}
.f_online p{ cursor:pointer;}
#msgbtn{ background:#A97C21;}
.f_online a i,.f_online p i{ background:url(../images/footericon.png) no-repeat scroll 0 0; display: block; margin:0px auto; margin-top:3px;}
.f_online span{ text-align:center; display:block}
.f_online .msg i { height: 20px;  width: 21px;}
.f_online .online { background-color:#333333}
.f_online .online i { background-position: -21px -1px; height: 20px;width: 19px;}
.f_online .tel { background-color: #B7862B}
.f_online .tel i { background-position: -39px -1px;  height: 20px; width: 23px;}
.f_online .zhanf { background-color: #000000}
.f_online .zhanf i { background-position: -63px -1px;  height: 20px; width: 21px;}
.f_online .zhuy { background-color: #000000}
.f_online .zhuy i { background-position: -86px -1px;  height: 20px; width: 21px;}



.img-art img{  display: block;  height: auto;  width: 100%;}

/*author ayumi 2014 5.25 16:48*/
.headpan{position: fixed;top: 0;left: 0; z-index:99;width:100%;box-shadow: 0 1px 0.2em #888888;}


.headpan{position: fixed;top: 0;left: 0; z-index:99;width:100%}
.header{ background:url(../images/top-bg.jpg) center center no-repeat;background-size: 100% 100%;position: fixed;top: 0;left: 0;z-index: 999;height: 40px;width: 100%;
box-shadow: 0 2px 0.3em #333;}

.header .MenuSwitch{background: url(../images/menu-btn.png) center center no-repeat;text-align:center;　position: absolute;display: block;width:;top: 20px;background-size: 30px; cursor:pointer;}





.listpan{padding:80px 10px 10px 10px;max-width:610px;margin:0px auto;}
.listpan1{padding:80px 0px 10px 0px;max-width:610px;margin:0px auto;}
.art-box{ margin:10px}
.art-box .pan{ margin-top:10px}
.art-box .pan_c{ padding:10px}




.standardb16 {

	font-size: 1.2em;
	line-height: 30px;
	font-weight: bold;
	color: #ffffff;
}
.standardb16 a:link {

	font-size: 1.2em;
	line-height: 30px;
	font-weight: bold;
	color: #ffffff;
}
.standardb16 a:visited {

	font-size:1.2em;
	line-height: 30px;
	font-weight: bold;
	color: #ffffff;
}
.standardb16 a:hover {

	font-size: 1.2em;
	line-height: 30px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

.standard16 {

	font-size: 1.2em;
	line-height: 30px;
	font-weight: bold;
	color: #000000;
}
.standard16 a:link {

	font-size: 1.2em;
	line-height: 30px;
	font-weight: bold;
	color: #000000;
}
.standard16 a:visited {

	font-size:1.2em;
	line-height: 30px;
	font-weight: bold;
	color: #000000;
}
.standard16 a:hover {

	font-size: 1.2em;
	line-height: 30px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

.standardb12 {

	font-size: 1em;
	line-height: 30px;

	color: #ffffff;
}
.standardb12 a:link {

	font-size: 1em;
	line-height: 30px;

	color: #ffffff;
}
.standardb12 a:visited {

	font-size:1em;
	line-height: 30px;

	color: #ffffff;
}
.standardb12 a:hover {

	font-size: 1em;
	line-height: 30px;

	color: #FF0000;
	text-decoration: none;
}
.layer .maindiv {
	float: left;
	/* [disabled]background-color: #FFF; */
	width: 100%;
	height: 100%;
	overflow: auto;
	line-height: 2em;
}
	.layer .maindiv .headerimg{
	background-color: #FFF;
	width: 18%;
	height: calc(width);
	float: left;
	margin-left: 5%;
	padding-top: 5px;
	box-sizing: border-box;
	box-sizing: border-box;
	}
.layer .maindiv .headerimg img{
	width: 100%;
	height:100%
}
.layer .maindiv .celltitle{
	float: left;
	width: 77%;
	font-size: 30px;
	line-height: 150px;
	background-color: #FFF;
	background-image: url(../images/cateoutdivclosed.png);
	background-repeat: no-repeat;
	background-position: right 10px;
}
.layer .maindiv .closedbtn{
	background:#FFF;
	float: left;
	width: 40px;
	padding-top:30px;
	padding-left:60px;
}
.layer .maindiv .line{
	float: left;
	width: 96%;
	background:#ececec;
	margin-left:2%;
	font-size: 1px;
	line-height: 1px;
}
.layer .maindiv .partname{
	background: #FFF;
	float: left;
	width: 30%;
	color: #999;
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5%;
}
.layer .maindiv .partcontent{
	background: #FFF;
	float: left;
	width: 65%;
	font-size: 16px;
	overflow: hidden;
}
.layer .maindiv .partcontent1{
	background: #FFF;
	float: left;
	width: 65%;
	font-size: 16px;
	line-height: 1.5em;
	padding-bottom: 60px;
}
@media screen and (max-width:800px){ 
	.layer .maindiv .headerimg{
		width: 18%;
		height: calc(width);
		margin-bottom: 10px;
		top: -30px;
		padding: 3px;
		margin-left: 10px;
	}
	
	.layer .maindiv .celltitle{
		font-size: 20px;
		line-height: 50px;
		background-color: #FFF;
		background-size:20px auto;
	}
	
	.body .goods .dectitle{
		font-size: 14px;
	}
	
	
}
.body .bottom_line {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 70px;
	color: #999;
}
.layer .maindiv img {
	width: 100%;
}



.body .list {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.body .list li {
	float: left;
	width: 100%;
	padding-right: 60px;
	padding-left: 80px;
	line-height: 60px;
	background-color: #FFF;
	margin-bottom: 2px;
	background-image: url(../images/xing.png);
	background-repeat: no-repeat;
	background-position: 30px center;
	box-sizing: border-box;
}
.body .list li a {
	background-image: url(../images/jian.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
	width: 100%;
	color: #5b5b5b;
	text-decoration: none;
}
.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.layer {
	height: 0px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	/* [disabled]background-color: #FFF; */
	z-index: 3;
	/* [disabled]transition: height 1s; */
}
.maindivBody {
	background-color: #000;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 2;
	opacity: 0.8;
	display: none;
}
.body .bottom .item {
	float: left;
}
.body .bottom {
	width: 100%;
	float: left;
	background-color: #FFF;
	display: flex;
	position: fixed;
	bottom: 0px;
	max-width: 800px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d1d1d1;
}
	.body .bottom .item .leftitem li {
	float: left;
	width: 100%;
	text-align: center;
	line-height: 2em;
	background-image: url(../images/leftitem2.png);
	background-repeat: no-repeat;
	background-position: center 18px;
	padding-top: 50px;
	padding-bottom: 10px;
	color: #5b5b5b;
	text-decoration: none;
	}
	.body .bottom .item .rightitem li {
		float: left;
		width: 50%;
		text-align: center;
		vertical-align: middle;
		/* [disabled]background:none; */
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
		font-size: 23px;
		color: #FFF;
	}
.body .bottom .item .rightitem {
	background-image: url(../images/rightbg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	float: left;
	width: 100%;
	height: 100%;
}
.clear {
	line-height: 10px;
	clear: both;
	float: left;
	height: 10px;
	width: 100%;
	overflow: hidden;
}

@media screen and (max-width:800px){ 
	.body .top .topcontent .ewm img {
		width: 70px;
	}
	.body .top .topcontent .shopname {
		padding-top: 20px;
		font-size: 20px;
	}
	.body .nav li .img img{
		width:24px;
	}
	.body{
		font-size:14px;
	}
	.body .list li {
		padding-right: 20px;
		padding-left: 40px;
		line-height: 40px;
		margin-bottom: 2px;
		background-position: 15px center;
		background-size:16px 16px;
	}
	.body .list li a {
		background-size:16px 16px;
	}
	.body .list {
		margin-bottom: 10px;
	}
	.body .top {
		height:250px;
	}
	.body .nav li .title {
		background-size:12px auto;
		background-position: 10px center;
		padding-top:3px;
	}
	.body .goods .title{
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 20px;
	}
	.body .goods .place{
		font-size: 14px;
		line-height: 20px;
		height:20px;
		margin-top: 15px;
		margin-bottom: 0px;
	}
	.body .goods .dec{
		font-size: 14px;
		line-height: 20px;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.body .goods .dec1{
		font-size: 14px;
		line-height: 20px;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	
	.body .goods .infor{
		height: 20px;
		width: 90%;
		margin-top: 15px;
		padding-left: 5%;
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 15px;
		background-size:10px auto;
	}
	.body .goods .materialcell{
		margin-top:0px;
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 40px;
	}
	.body .bottom .item .leftitem li {
		background-position: center 4px;
		padding-top: 25px;
		padding-bottom: 5px;
		background-size:18px auto;
		font-size:10px;
	}
	.body .bottom .item .rightitem li {
		font-size: 16px;
	}
	.body .bottom .item {
		height:50px;
	}
	
}
.body.go .bottom .item .leftitem li a {
	color: #666;
	text-decoration: none;
}
.body.go .bottom .item .rightitem li a {
	color: #FFF;
	text-decoration: none;
}




 /* 弹窗相关样式 */
   .bjq-modal {
      display: none;
      position: fixed;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100%;
      height:100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.4);
    }

   .bjq-modal-content {
      background-color: white;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
    }

   .bjq-big-image {
      width: 100%;
      height: auto;
      flex: 1;
    }

.bjq-thumbnails {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

.bjq-thumbnail {
    cursor: pointer;
    margin: 5px;
    border-radius: 4px;
    min-width: 100px;
    height: auto;
}

@media (max-width: 768px) {
    /* 手机屏幕尺寸 */
   .bjq-thumbnail {
        flex: 1 0 calc(50% - 10px);
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    /* 平板或小尺寸桌面屏幕尺寸 */
   .bjq-thumbnail {
        flex: 1 0 calc(33.33% - 10px);
    }
}

@media (min-width: 1201px) {
    /* 较大尺寸桌面屏幕尺寸 */
   .bjq-thumbnail {
        flex: 1 0 calc(25% - 10px);
    }
}

   .bjq-close {
      color: #666;
      position: absolute;
      top: 10px;
      right: 10px;
	  left:10px;
      font-size: 24px;
      font-weight: bold;
      cursor: pointer;
    }





.body .catelist li {
	width: 90%;
	background-color: #FFF;
	float: left;
}
.body .catelist li .img {
	float: left;
	width: 30%;
	height:30vw;
}
.body .catelist li .infor {
	float: left;
	width: 70%;
	line-height: 1.5em;
}
.body .catelist li .infor .title {
	font-size: 20px;
}
.body .catelist li .infor .place {
	padding-top: 5px;
	padding-bottom: 5px;
}
.body .catelist li .img img {
	height: 100%;
	width: 100%;
}