@charset "utf-8";

/* CSS Document */



*{}

body { font-family:"微软雅黑";background:#fff;margin:0;padding:0;color:#4c4948; min-width:1020px; font-size:14px;text-justify:inter-ideograph;  text-align:justify; }

ul,li,ol,dd,dl,h1,h2,h3,h4,form,p{ padding:0; margin:0;}

ul,li{ list-style:none;}

img{ border:none;}

.clear{ clear:both; font-size:0px; line-height:0px; height:0;}



a {text-decoration:none;-webkit-transition:color 0.2s linear;transition:color 0.2s linear; cursor:pointer;color:#4c4948; }

a:focus , a:link, a:active {outline:none;}

a:hover {color:#343434;}



.pages{ height:1080px; width:100%; overflow:hidden;}



/*页面导航*/

.nav_box{ width:100%; height:87px; background:url(../images/nav_bg.png) repeat-x;position:fixed; _position:absolute; top:0; left:0; z-index:1000000;}

.nav{ width:1340px; margin:0 auto; line-height:90px; font-size:20px; font-family:"STHeitiSC","Trebuchet MS", Arial, Helvetica, sans-serif;}

.nav ul{ margin-left:0px;}

.nav ul li{ display:block; text-align:center; width:196px; height:90px; margin:0 25px; position:relative; float:left;-webkit-transition:all 0.2s linear;transition:all 0.2s linear; cursor:pointer;}

.nav ul li a{ color:#fff;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}

.nav ul li:hover{ margin-top:-4px;}

.nav ul li:hover a{ /*color:#FF3;*/ font-family:"微软雅黑"; letter-spacing:2px;}



/*BANNER*/

.DB_tab25 {width:100%;height:768px;position:relative;overflow:hidden; background:#CCC;}

.DB_tab25 .DB_bgSet{position:relative;}

.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:768px;display:none;}

.DB_tab25 .DB_imgSet{position:absolute;width:1020px;left:50%;margin-left:-510px;}

.DB_tab25 .DB_menuWrap{position:absolute;width:1000px;left:50%;margin-left:-510px;}

.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:725px;text-align:center;font-size:0; border-radius:20px;}

.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 10px;display:inline}

.DB_tab25 .DB_prev{position:absolute;left:-100px;top:150px;cursor:pointer;display:none}

.DB_tab25 .DB_next{position:absolute;right:-100px;top:150px;cursor:pointer;display:none}

.DB_tab25 .banner_snow{ position:absolute; left:6.25%; top:34%;}

.DB_tab25 .banner_snow span{ display:block; margin-bottom:50px;}



/*形象*/

#show {

	position: relative;

	height: 665px;

	width: 1020px;

	margin: 0px auto;

	padding-top:150px;

}

#show a {

	float: left;

	display: inline;

}

#show .img {

	position: absolute;

	width: 1020px;

	height: 665px;

	overflow: hidden

}

#show .img SPAN {

	position: absolute;

	width: 199999999px;

	display: block

}

#show .btns {

	z-index: 10;

	position: absolute;

	width: 1020px;

	height:65px;

	display:block;

	clear:both;

	/*background:#F00;*/

	top:75px;

	left:50%;

}

#show .btns B {

	position: absolute;

	width: 1020px;

	display: block;

	height: 14px;

	/*overflow: hidden;*/

	top: 20px;

	left: 60px;

	/*background:#666;*/

	clear:both;

	z-index:10;

}



#show .btns .btn_line{

	position: absolute;

	width: 1020px;

	display: block;

	height: 1px;

	/*overflow: hidden;*/

	top: 24px;

	left: 0px;

	background:#000;

	clear:both;

}



#show .btns .btn_left_on{

	position: absolute;

	width: 10px;

	display: block;

	height: 10px;

	/*overflow: hidden;*/

	top: 20px;

	left: 0px;

	background:#7d7d7d;

	border-radius: 7px;

}



#show .btns .btn_right_on{

	position: absolute;

	width: 10px;

	display: block;

	height: 10px;

	/*overflow: hidden;*/

	top: 20px;

	right: 0px;

	background:#7d7d7d;

	border-radius: 7px;

}



#show .btns B I {

	width: 10px;

	background: #000;

	float: left;

	height: 10px;

	font-size: 0px;

	margin:0 135px;

	/*overflow: hidden;*/

	cursor: pointer;

	margin-right: 6px;

	/*border: #414140 2px solid;*/

	-webkit-border-radius: 7px;

	-moz-border-radius: 7px;

	border-radius: 7px;

	position:relative;

}

#show .btns B I span{ display:block; /*background:#30C;*/ width:118px; height:58px; position:absolute; top:-54px; left:-54px; color:#9fa0a0; font-size:24px; font-style:normal;  z-index:-1; text-align:center; line-height:58px;-webkit-transition:color 0.3s linear;transition:color 0.3s linear;}



#show .btns B I:hover {

	background: #000;

}

#show .btns B I:hover span{

	color: #000;

}

#show .btns B I.on {

	background: #000;

	cursor: default

}

#show .btns B I.on span{ color:#000;/*background:url(../images/t_bg.gif) center center no-repeat;*/ background-position:center center; background-repeat:no-repeat;}

/*#show .btns B I.on span#if0{ color:#000;background:url(../images/t_bg.gif) center center no-repeat;}

#show .btns B I.on span#if1{ color:#000;background:url(../images/t_bg1.gif) center center no-repeat;}*/

#show .btns B I.on:hover span {

	/*background: #000;*/

	cursor: default;

}

#show .btns S {

	position: absolute;

	WIDTH: 40px;

	/*display: none;*/

	height: 90px;

	overflow: hidden;

	top: 410px;

	cursor: pointer

}

#show .btns S I {

	position: absolute;

	width: 60px;

	background: url(../images/btn_show.png);

	height: 180px;

	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/btn_show.png");

	_background: none;

}

#show .btns S.prev {

	left: -40px

}

#show .btns S.prev I {

	top: -90px

}

#show .btns S.next {

	right: -40px

}

.show-hover#show .btns S {

	display: block

}

.masks {

	opacity: 0.5;

	filter: alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	height: 665px;

	position: absolute;

	background: #fff;

	overflow: hidden

}





/*Brand*/

.mod18{ width: 1000px; height: 820px; margin: 0px auto; position: relative; background: #fff; margin-top:20px;}

.mod18 .btn{position:absolute;width:15px;height:150px;top:665px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}

.mod18 .prev{left:0;background:url(../images/prevBtn.png) center center no-repeat;}

.mod18 #prevTop,.mod18 #nextTop{top:300px;width:40px;height:90px;}

.mod18 #prevTop{background:url(../images/left_button.png) 0 0 no-repeat; left:-40px;}

.mod18 #nextTop{background:url(../images/right_button.png) 0 0 no-repeat; right:-40px;}

.mod18 .next{right:0;background:url(../images/nextBtn.png) center center no-repeat;}

.mod18 li{float:left;}

.mod18 .cf li{position:relative;color:#fff;}

.mod18 .cf a{display:block;width:1000px;height:650px;position:absolute;color:#fff;}

.mod18 .cf a img{ width:100%;}

.mod18 .cf li span{display:block;width:1000px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}

.mod18 .picBox{height:650px;position:relative;overflow:hidden;}

.mod18 .picBox ul{height:1000px;position:absolute;}

.mod18 .picBox li{width:1000px;height:650px;}



.mod18 .listBox{ width: 962px; height: 156px; margin: 0 auto; position: relative; padding: 10px 0 0px; overflow: hidden; }

.mod18 .listBox ul{height:156px;position:absolute; margin-left:1px;}

.mod18 .listBox li{width:241px;height:156px;cursor:pointer;position:relative;}

.mod18 .listBox li i{display:none;}

/*.mod18 .listBox li a{display:block;width:236px;height:156px;}*/

.mod18 .listBox li img{width:230px;height:150px;border:2px solid #fff;}

.mod18 .listBox .on img{width:230px;height:150px;border:2px solid #4d4d4d;}

.mod18 .listBox .on i{display:block;}





/*视频*/

.video_box{ width:100%; background:#efefef; padding:30px 0; height:1220px;}

.video{ width:1020px; margin:0 auto;}

.video_title{ font-size:30px; line-height:35px; color:#4d4d4d; text-align:center;  margin-top:50px;}

.video_line{ width:112px; height:6px; background:#4d4d4d; margin:10px auto;}

.video_ok{ width:850px; height:500px; padding:5px; border:2px solid #242424; border-radius:3px; margin:0 auto; margin-top:30px;}

.video_desc{ padding:25px 40px 0 40px; line-height:27px;}

.video_desc p{ margin-top:18px; font-size:16px;}





/*四大内容*/

.lc_xx{ width:1020px; margin:0px auto; height:1080px; position:relative;}

.lc_xx .tab{ position:relative; width:950px; margin:0 auto; margin-top:50px;}

.lc_xx .tab a{ display:inline-block;text-decoration:none; color:#585858; margin:20px 60px; font-size:20px; padding-bottom:5px; height:30px; width:110px; text-align:center;}

.lc_xx .tab a:hover{ text-decoration:none; color:#222;}

.lc_xx .tab a.on{text-decoration:none; border-bottom:3px solid #5e5e5e;}



.lc_xx .tab ul{ display:block; position:absolute; left:-140px; top:100px;}

.lc_xx .tab ul li{ margin: 0; padding:10px 0px; font-size:16px; cursor:pointer;}

.lc_xx .tab ul li:hover{ color:#222;}





.lc_xx .content{  width:1025px; height:850px; overflow:visible; /*overflow-y:scroll;*/ margin-top:30px;}

.lc_xx .content li{ display:none;}



/*各地形象店*/

.lc_xx ul li div.images_xx dl dd{ display:block; width:320px; float:left; margin:5px 8px 20px 8px; cursor:pointer;}

.lc_xx ul li div.images_xx dl dd span{ display:block; width:320px; height:205px; overflow:hidden; background:#000; position:relative;}

.lc_xx ul li div.images_xx dl dd span i img{-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}

.lc_xx ul li div.images_xx dl dd:hover i img{-webkit-transform: scale(1.1) ;transform: scale(1.1); opacity:0.5;}

.lc_xx ul li div.images_xx dl dd span b{ display:block; width:30px; height:30px; position:absolute; left:145px; top:0;opacity:0;-webkit-transition: all 0.4s ease 0.2s;transition: all 0.4s ease 0.2s;}

.lc_xx ul li div.images_xx dl dd:hover span b{top:87.5px; opacity:1;}

.lc_xx ul li div.images_xx dl dd a{ display:block; margin-top:8px; line-height:24px; color:#545454; font-size:16px;}

.lc_xx ul li div.images_xx dl dd:hover p{ text-decoration:underline;}

.lc_xx ul li div.address_xx{ margin-top:20px; padding-bottom:50px;}

/*.lc_xx ul li div.address_xx dd{ margin:10px 0; font-size:16px;}

.lc_xx ul li div.address_xx dd a{color:#9e9e9e;}

.lc_xx ul li div.address_xx dd a.ao{ color:#545454; border-bottom:1px solid #545454;}*/



/*大图弹窗显示*/

.popup{ position:fixed;  background:url(../images/nav_bg2.png) repeat; bottom:0; top:0;left:0;right:0; display:none;}

.show_box{ width:100%; height:100%; position:absolute; top:0; left:0; display:none; z-index:99999999999999999;}

.show_bg{width:100%; height:100%;position:absolute; top:0; left:0;}

.show{ position:relative; width:1020px; height:870px; margin:0 auto; display:none; padding:20px 0; z-index:9;}

.show_title{ height:50px; color:#fff; z-index:99; text-align:center; font-size:16px;}

.big{ width:1020px; height:650px; position:absolute; left:0px; top:88px;}

.left{ position:absolute; top:350px; left:-40px; cursor:pointer;}

.right{ position:absolute; top:350px; right:-40px; cursor:pointer;}

.show_close{ position:absolute; top:790px; left:50%; margin-left:-30px; cursor:pointer;}



/*加盟条件*/

.lc_xx ul li div.jmtj{ padding-bottom:50px;}

.lc_xx ul li div.jmtj dd{ display:block; width:310px; float:left; margin-right:40px;}

.lc_xx ul li div.jmtj dd.last{ margin-right:0;}

.lc_xx ul li div.jmtj dd b{ display:block; font-size:24px; margin:30px 0 20px 0; color:#333;}

.lc_xx ul li div.jmtj dd p{ color:#000; font-size:17px; line-height:30px;}



/*加盟优势*/

.lc_xx ul li div.jmys{ position:relative; padding-bottom:0px; height:950px;}

.lc_xx ul li div.jmys h3{ color:#333; font-size:24px; margin-bottom:25px;}

.lc_xx ul li div.jmys p{ color:#000; font-size:18px; line-height:37px;}

.lc_xx ul li div.jmys h4{ color:#333; font-size:24px; margin:57px 0 25px 0;}

.lc_xx ul li div.jmys .jmys_img{ position:absolute; right:-300px; bottom:0;}



/*加盟流程*/

.lc_xx ul li div.jmlc{ padding-top:5%;}



/*新闻中心*/

.news_box{ width:100%; background:#efefef; height:1080px;}

.news{ width:1020px; margin:0 auto; height:1080px; position:relative;}

.news_bgimg{ position:absolute; bottom:0px; right:-300px;}

.news_tit{ color:#545454; font-size:30px; font-weight:bold; padding-bottom:5px; border-bottom:6px solid #4f4f4f; width:115px; text-align:center; padding-top:100px; margin-left:455px; margin-bottom:76px;}

.news_list{ margin-top:20px; width:690px; overflow:hidden;}

.news_list ul li{ font-size:18px; padding:13px 0;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}

.news_list ul li:hover{ text-indent:6px;}

.news_list ul li a{ color:#9e9e9e;}

.news_list ul li a:hover{ color:#4a4a4a; text-decoration:underline;}

.news_list ul li a.ont{ color:#4a4a4a; text-decoration:underline;}



.news_popup{ position:fixed;  background:url(../images/nav_bg2.png) repeat; bottom:0; top:0;left:0;right:0; display:none;}

.news_show_box{ width:100%; height:100%; position:absolute; top:0; left:0; display:none; z-index:999999999999;}

.news_show{ position:relative; width:980px; height:870px; margin:0 auto;padding:20px; color:#fff; z-index:99}

.news_show_tit{ font-size:24px; text-decoration:underline; padding-bottom:25px;}

/*.news_show_tit span{ float:right; cursor:pointer;}*/

.news_show_desc{ font-size:18px; line-height:24px; width:930px; margin-bottom:30px;}

.news_show_content{ width:1020px; height:600px; overflow-y:scroll; font-size:16px;}

.news_show_bg{width:100%; height:100%;position:absolute; top:0; left:0;}

.news_show_close{ position:absolute; top:790px; left:50%; margin-left:-30px; cursor:pointer;}





/*联系我们*/

.contact{ width:1020px; margin:0px auto; background:url(../images/map.png) left 50px no-repeat; height:600px; overflow:hidden; padding:0px 0 150px 0; position:relative;}

.icon{ position:absolute; top:270px; left:285px;}

.icon img{-webkit-animation: xin 1.2s linear 0.5s both infinite;animation: xin 1.2s linear 0.5s both infinite;}

.contact_c{ padding:200px 0 0 565px; color:#000;}

.contact_c h4{ font-size:30px; font-weight:normal; margin-bottom:40px;}

.contact_c p{ font-size:17px; margin-top:14px;}



.copyright{ width:270px; margin:50px auto;}





@-webkit-keyframes xin {

	0% {-webkit-transform: scale(1); }

	50% {-webkit-transform: scale(1.1); }

	100% { -webkit-transform: scale(1);}

}



@keyframes xin {

	0% {-webkit-transform: scale(1);transform: scale(1); }

	50% {-webkit-transform: scale(1.1);transform: scale(1.1);}

	100% { -webkit-transform: scale(1);transform: scale(1);}

}