@charset "utf-8";
/* slide */
.slide-main{ height: 700px; position: relative; }
.prev,.next{ display: block; width: 83px; height: 83px; position: absolute; z-index: 222; top: 267px; overflow: hidden; cursor: pointer; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); _border: 1px solid none; }
.prev{ left:70px; }
.next{ right: 70px; }
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.item{ display: block; width: 100%; height: 5px; position: absolute; z-index: 124; bottom: 50px; left: 0; text-align: center; }
.item a{ display: inline-block; width: 50px; height: 5px; margin-right: 20px; background: #444; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); overflow: hidden; }
.item a.cur{ background: #fff; }
.slide-box,.slide{ display: block; width: 100%; height: 700px; overflow: hidden; }
.slide-box{ position: relative; }
.slide{ display: none; height: 660px;  background: #ff6900; position: relative; position: absolute; z-index: 8; }
#bgstylea{background:url(../images/banner12.jpg) no-repeat center center;}
#bgstyleb{background:url(../images/banner22.jpg) no-repeat center center; }
#bgstylec{background:url(../images/banner32.jpg) no-repeat center center; }
.slide a{ display: block; width: 100%; height: 700px; cursor: pointer; }

.obj-e{width:1200px;position:absolute;left:50%;margin-left:-300px;text-align:center;top:182px ; z-index:9}
.obj-f{width:1200px;position:absolute;left:50%;margin-left:-300px;text-align:center; bottom: 150px ;z-index:9}
.banAnimate .obj-e{ display: block; animation-name: saAnic; -webkit-animation: saAnic 0.8s ease 0s normal none; -moz-animation: saAnic 0.8s ease 0s normal none; animation: saAnic 0.8s ease 0s normal none; }
@-webkit-keyframes saAnic { from { opacity: 0; top: 0; } to { opacity: 1; top:182px } }
@-moz-keyframes saAnic { from { opacity: 0; top: 0; } to { opacity: 1; top:182px } }
@keyframes saAnic { from { opacity: 0; top: 0; } to { opacity: 1; top:182px } }
.banAnimate .obj-f{ display: block; animation-name: saAnid; -webkit-animation: saAnid 0.8s ease 0s normal none; -moz-animation: saAnid 0.8s ease 0s normal none; animation: saAnid 0.8s ease 0s normal none; }
@-webkit-keyframes saAnid { from { opacity: 0; bottom:0; } to { opacity: 1; bottom: 150px } }
@-moz-keyframes saAnid { from { opacity: 0; bottom:0; } to { opacity: 1; bottom: 150px } }
@keyframes saAnid { from { opacity: 0; bottom:0; } to { opacity: 1; bottom: 150px } }



/*二级页*/
.sec_body{width:auto; padding:0 15px;}
.sec_title{width:auto;height:32px;margin:0 auto; border-bottom: solid 1px #CCC; font-weight:bold; font-size:16px;font-family:"微软雅黑";}
.sec_fl{float:left}
.sec_sy{float:right;color:#333;font-size:12px;text-align:right;}
.sec_text{ font-family:'微软雅黑'; padding:8px; padding:40px;}
.sec_text p{line-height:300%; font-size:14px; color:#555;}
#news_list ul {width: auto;padding: 9px; padding-top:40px;}
#news_list ul li {    padding: 16px;
    float: left;
    width: 24%;
    height: 346px;
    background: #fff;
    border: 1px solid #e9e9e9;
    margin: 0 5px 30px 6px;
    transition: all 0.3s ease 0s;}
#news_list ul li a{    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    text-decoration: none;}
#news_list ul li .t1 {
    font: 15px/42px "微软雅黑";
    color: #333;
    width: 242px;
    height: 42px;
    overflow: hidden;
}
#news_list ul li .t2 {
    font: 12px Arial, Helvetica, sans-serif;
    color: #999;
    line-height: 20px;
}
#news_list ul li .t3 {
    font: 14px/24px "微软雅黑";
    color: #b9b9b9;
}
#news_list ul li:hover {
    -webkit-box-shadow: 1px 1px 2px #CCC;
    -moz-box-shadow: 1px 1px 2px #CCC;
    box-shadow: 1px 2px 3px #CCC;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    text-decoration: none;
}
#news_list .one {background: #F0F0F0;} 
#news_list ul li span {float: left;}
#news_list ul li strong {float: right;font-weight: normal;}
#news_con {width: auto;min-height:360px;padding:50px 0;color:#555;text-align:justify;}
#news_con .h1 {text-align: center;font-size: 16px; padding:15px 0;}
#news_con .h2 {text-align: center;font-weight: normal;width: auto; padding:10px 0;border-top: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5;color: #666;font-size:14px}
#news_con #pic { position:relative;text-align: center;margin-bottom: 5px;}
#news_con #pic #prev{ position:absolute; top:50%; left:0px; font-size:50px;font-weight:bold}
#news_con #pic #next{ position:absolute; top:50%; right:0px; font-size:50px;font-weight:bold}
#news_con #pic #prev_none{ position:absolute; top:50%; left:0px; color:#999; font-size:50px;font-weight:bold}
#news_con #pic #next_none{ position:absolute; top:50%; right:0px; color:#999; font-size:50px;font-weight:bold}
#news_cons_title{border-bottom:solid 1px #ccc; font-weight:bold ; font-size:15px; margin-bottom:10px;}
#news_cons{padding:20px;font-size:14px;line-height:30px;}

.team-grids2 a img {
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    width: 242px;
    height: 181px;
}
.team-grids2:hover a img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}

#pro_list ul {padding: 15px 0 0 15px;}
#pro_list li {width: 230px;float: left;margin-right: 8px;}
#pro_list li h1 {font-size: 14px;color: #C00;width: 202px;height: 25px;line-height: 25px;text-align: center;}
#pro_list li .img{ background:#efefef}
#pro_list li .txt{ background:#efefef}
#pro_list li a:hover{ text-decoration:none}
#pro_list li table{  margin-bottom:8px; }
#pro_list li table:hover{background:#ccc; cursor:pointer}


#pro_con {width: auto;min-height: 360px;padding: 15px;padding-right: 0px;}
#pro_con .h1 {text-align: center;font-size: 16px;height: 35px;line-height: 35px;color:#000;}
#pro_con #pic {text-align: center;margin-bottom: 5px;}
.clear{clear:both}

/* 翻页*/
.inPagination { width:100%; margin:0 auto; overflow:hidden; position:relative; font-size:12px;padding:20px 0; clear:both; color:#4d4d4d; text-align:center; margin-bottom:20px ;}
.inPagination a, .inPagination span, .inPagination .current {display:inline-block; min-width:27px; _width:27px; height:28px; margin-right:10px; padding:0 2px; text-align:center; vertical-align:middle; line-height:28px; *line-height:28px;line-height:28px\0; white-space:nowrap;  color:#fff;  }
.inPagination a{ position:relative; color:#7c7c7c; border:1px solid #d6d6d6;background:#d6d6d6 }
.inPagination .noLink{ position:relative;background:#fff; border:1px solid #d6d6d6; color:#7c7c7c; padding:0 15px;}
.inPagination .current { position:relative;  color:#fff; background:#FF8435; border:1px solid #FF8435;}
.inPagination a:hover { text-decoration:none; color:#000; }
.inPagination .noLink1{ background:#eae9e9; border:1px solid #d6d6d6; color:#7c7c7c; padding:0 15px;}
.inPagination .noLink2{background:#fff; position:relative;padding:0 10px; border:1px solid #d6d6d6; color:#7c7c7c;}
.inPagination .noLink3{ position:relative; padding:0 10px; border:1px solid #d6d6d6; background:#eae9e9; color:#7c7c7c;}
/* 翻页*/
.pages{
    width: 100%;
	padding:30px 0;
    overflow: hidden;
    position: relative;
}
.pages p {
    width: 100%;
    height:32px;
    font: 13px/30px "microsoft yahei";
	text-align:right;
    color: #555;
    overflow: hidden;
}
.pages p a {
    color: #1d1d1d;
}
.pages p a:hover{
    color: #FF8435;
}
.back {
    font: 14px/39px "microsoft yahei";
    color: #fff;
    background: #FF8435;
    width: 138px;
	float:right;
    border-radius: 4px;
    display: block;
    text-align: center;
}

/* 门店*/
.shop_con{ width:1140px;height:auto; overflow:hidden;background:#fff; margin:15px auto}

/*.shop_con a{ float:left; padding:8px 10px; background:#fff; color:#333;font:14px/24px "微软雅黑"; margin:5px 10px}*/

.shop_con dl{ width:100%; height:50px; display:block;}

.shop_con dl h1{display:block;font: bold 16px/50px "微软雅黑";border:1px solid #efeded; padding-left:15px;}

/*.shop_con dl dt{ width:80px; float:left; display:block;font:15px/30px "微软雅黑";}

.shop_con dl dd{width:1060px; float:left; display:block;min-height:30px;}

.shop_con dl dd a{ padding:4px 10px;font:14px/30px "微软雅黑"; color:#666}*/



.shop_shi{ width:100%;font:10px/40px "微软雅黑";color:rgba(102, 102, 102, 0.45); position:relative;}

.more_shop{ width:80px; height:40px; position:absolute; right:0;top:0;font:10px/40px "微软雅黑"; color:#999; text-align:center; padding:0;}

.shop_shi ul.menu{ width:100%; height:auto; overflow:hidden; line-height:40px;}

.shop_shi ul.menu li{float:left;height:40px; background:url(../images/icon_shu.png) right center no-repeat;}

/*.shop_shi ul.menu ol{float:left;height:40px;}*/

.shop_shi ul.menu li a{font:14px/40px "微软雅黑"; color:#666; padding:0 20px;}

.shop_shi ul.menu li.active{ background:url(../images/icon.png) center bottom no-repeat;}

.con1,.con2,.con3{}

.con2,.con3{display:none;}



.shop_name{ width:100%; min-height:30px; height:auto; overflow:hidden;}

.shop_name a{ float:left;font:12px/30px "微软雅黑"; color:rgba(102, 102, 102, 0.59); padding:0 20px;}

.shop_name a:hover{ color:#F00; text-decoration:underline}

.shop_table{width:100%; background:#efeded;font:14px/40px "微软雅黑";}

.shop_table a{font:14px/40px "微软雅黑";}



.Telescopic{
	position: fixed;
	width: 105px;
	left: 0px;
	top: 200px;

}
.rq{
	width: 105px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-family: "寰蒋闆呴粦";
	background: #3d86ff;
	color: #fcff00;
	font-size: 18px;
	font-weight: bold;
}

.return_top{
	width: 105px;
	height: 36px;
	background: url(../images/top.png) no-repeat;
}
.menus{overflow: hidden;}
.menus a{
	display: block;
	width: 105px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 4px;
	background: #ff9b5a;
	color: #fff;
	text-decoration: none;
	font-family: "寰蒋闆呴粦";
	transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
}
.menus a:hover{
	background: #ff8435;
	color: #8b0647;
}



#gbook {
	width:520px;
	padding: 35px 0 0 40px;
}
#gbook li {
	padding: 5px;
}
#gbook input {
	border: 1px solid #bbb;
	width: 200px;
	padding-left: 2px;
	height: 30px;
	line-height: 30px;
}
#gbook #submit {
	width: 80px;
	height: 30px;
	line-height: 30px;
	background: #f35f00;
	color: #FFF;
	margin-left: 50px;
}
#gbook textarea {
	width: 460px;
	height: 120px;
	border: 1px solid #bbb;
	overflow: hidden;
	line-height: 30px;
	padding-left: 2px;
}
#gbook #chongzhi {
	width: 80px;
	height: 30px;
	line-height: 30px;
	background: #444;
	color: #FFF;
}
#gbook span {
	color: #CCC;
	font-size: 12px;
}
#gbook_list {
	width: 630px;
	padding: 20px 0 0 50px;
	height: 200px;
}
#gbook_list li {
	width: 600px;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dashed #000;
}
#gbook_list li span {
	float: left;
	padding-left: 10px;
}
#gbook_list li strong {
	float: right;
	font-weight: normal;
	padding-right: 10px;
}
.contact_center {
    background: #f8f7f5;
    width: 445px;
    height: auto;
    overflow: hidden;
    margin:20px 50px 20px 0;
}
.contact_center span {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 405px;
    height: 180px;
	border-bottom: 1px solid #ccc;
	padding:20px 0;
    text-align: center;
}
.contact_center dl {
    display: block;
    padding: 20px;
}
.contact_center dl dt {
    width: 30px;
    float: left;
    height: 40px;
}
.contact_center dl dt i {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f35f00;
    margin: 0 auto;
    text-align: center;
}
.contact_center dl dt i img {
    border-radius: 50%;
}
.contact_center dl dd {
    width: 370px;
    float: left;
    height: 40px;
    font: 14px/26px "微软雅黑";
    padding-left: 5px;
}