﻿/*pad*/
img {max-width: 100%;}
.toe {/*超出省略号*/
word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
input[type="submit"], input[type="reset"], input[type="button"], button {
-webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/
}




@media screen and (max-width: 1139px) {
.gh {position:absolute; right:0; z-index:100; padding:5px;
height:30px;width:30px;  border-radius:50%; border:1px solid #303135;
top:10px;margin-right:20px; 
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor: pointer;
	display: none;
	z-index: 9999;}
.gh.selected {
	transform: rotate(90deg);}
.gh a { background-color: #303135;
	display: block;
	height:2px;line-height: 0;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 70%;  margin:-2px auto 0; }
.gh a:after, .gh a:before {
 background-color: #303135;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;}
.gh a:after {top:8px;}
.gh a:before {top: -8px;}
.gh.selected a:after, .gh.selected a:before {top: 0;   background-color: #303135;   }
.gh.selected a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.gh.selected a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);}
.gh.selected{ top:18px; border:none;}
.gh.selected a {background-color: transparent !important;}
body{min-width:320px;}





.fl,.fr{float:none;}
.wrapper{width:auto;padding:0 20px;}
.rightFixed{display:none;}


/*    header    样式     */
.header .gh{ display:block;}
.header .nav{background:#fff; position:fixed; left:0; top:0; height:100%; width:100%; float:none; z-index:10; display:none;}	  
.header .nav ul{width:100% !important; padding-top:100px !important;}
.header .nav li {width: 100%;height:100%; float:none;text-align: center;}
	
.header .nav ul li{margin-bottom:20px;height:30px;line-height: 30px; border-bottom: 1px solid #e3e3e3;}
.header .nav ul li a{color:#696969;display:block;}
.header .nav ul li.none{display:none;}
.header .nav{margin-top: 0px;}
.header .nav ul li.linLogo{display:block;height:70px;border-bottom: none;}
.header .logo{width: auto;height: 60px;position: absolute;top: 13px;left:20px;float:none;}
.header .search{display:none;}

.headerMod1 .pic img{display:none;}
.headerMod1{height:100px;}

.bg1{background:none;}
.bg2{background:none;}
.bg3{background:none;}
.bg4{background:none;}


/*首页*/




.focusBox ul.hd{overflow:hidden; zoom:1; position:absolute;z-index:1;
left:1%; bottom:20%;}



.focusBox {position:absolute;left:0; top:0; width:100%; height:100%;  
min-width:auto; margin:0 auto; overflow:hidden;}

.focusBox ul.pic li .hide{display:block;}
.focusBox ul.pic li .show{display:none;}


.infomod{padding-top:170px;}
.infomod img{width:325px;height:80px;}
.infomod p{font-size:12px;color: #fff;}
.infomod span{font-size:18px;color: #ffffff;margin-top: 30px;display:block;}







.picMod{width:100%;background:none;
overflow:hidden; margin-bottom:50px;}
.picMod ul li{float:left;width:50%;text-align:center;padding:0 0;}
.picMod .item {position:relative; overflow:hidden;}
.picMod .item img{width:100%;height:100%;}






.newsMod{margin-bottom: 40px; overflow:hidden;}
.newsMod .leftSild{display:none;}
.newsMod .rightSild{width:100%;}
.newsMod .rightSild ul{margin-left:0;}

.rightSild .left{width:16%;text-align: center;float:left;}
.rightSild .right{width:84%;float:right;}

.newsMod  .left span{font-size:14px;color: #313131;}
.newsMod  .left p{font-size:12px;color: #313131;}
.newsMod .right h5{font-size:14px;color: #333333;margin-bottom:5px;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.newsMod .right p{font-size:12px;color: #999999;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}




  /*        10米乐集团优才-核心团队.html     css      */
.teamMod .wrapper .list h4{margin-left: 10px;}
.teamMod .wrapper .list{margin-bottom:40px;}
.teamMod .list ul li{width:50%;margin-bottom:30px; height:auto; overflow: hidden;}
.teamMod .list .item{padding:0 10px;}
.teamMod .list .item .pic{float:none;width:100%;}
.teamMod .list .item .pic img{width:100%;/*height:178px;*/display:block;margin: 0 auto;}
.teamMod .list .item .info{float:none;width:100%;}




/*      11合作伙伴.html   css    */

.partner .list{width:auto;padding:0 0px;}
.partner .list ul li{width:50%;}
.partner .list .item .pic {width: 100%;padding:50px 0;border: 1px solid #000;margin-bottom: 25px;}


/*公共*/
.Indutop h4{width:120px;font-size:12px;}
.Indutop span{font-size:12px;margin-left:10px;}
.Indutop .rightnav a{font-size:12px;}
.Indutop .rightnav span{font-size:12px;margin:0 10px;}



.foot{background:#c41126;width:100%;padding:30px 0;}
.foot .leftBlock{display:none;}

.foot .midBlock{float:none;width:100%;margin-right:0;border-right:0;text-align: center;
 padding-bottom:0; margin-bottom: 35px;}
.foot .midBlock .con{margin-left:0;margin-bottom:30px;}
.foot .rightBloxk{display:none;}
.foot .copyRight{text-align: center;width:60%;margin:0 auto; padding-top:0;}
.foot a{ color: #fff; }

.naver .item .pic img{width:80px;}
.naver .item .pic img.hide{display:none;position:absolute;top:0; left:50%;margin-left: -40px;}



/*       7集团产业-九州餐饮菜品展示.html         css*/
.proList .list{padding:10px 0;}
.proList .list ul li{float:left;width:50%;}

.proList .list .pic{margin-bottom:20px; padding:0 5px; }
.proList .list .pic img{width:100%;height:100%;}
.proList .list .txt p{text-align: center;font-size: 14px;color: #313131;}










/*   8新闻中心-新闻.html  css   */
.newsList{padding:65px 0;overflow:hidden;}
.newsList ul li{padding:15px 0;border-bottom: 1px solid #ccc; height:auto;}
.newsList .pic{float:none;width:100%;height:auto;}
.newsList .pic img{width:100%;height:100%;}
.newsList .text{float:none;width:100%;height:auto;}
.newsList .text .cont{position:relative;padding:10px 10px 20px;}
.newsList .text .cont span{display:none;}
.newsList .text .cont i{bottom:-5px;}
.pageBlok{padding-top:45px;width:100%;margin:0 auto;}
.pageBlok ul li{float:left;margin-right:5px;border-bottom:0;}
.pageBlok ul li a{display:inline-block;padding:0 10px;font-size:12px;}






/*   8新闻中心-新闻-详情.html  css        */

.infoBlock span,.infoBlock .i_1,.infoBlock .i_2,.infoBlock .i_3
,.infoBlock .i_4,.infoBlock .i_5,.infoBlock .i_6,.infoBlock .i_7{display:none;}

.newsDetail .main .pic{margin:0 auto;width:auto;padding:30px 0;}
.newsDetail .main .pic img{width: 100%;height:100%;}
.newsDetail .pageBlock{text-align: center;}
.newsDetail .pageBlock .prev{float:none;margin-bottom:20px;}
.newsDetail .pageBlock .next{float:none;}
.newsDetail .pageBlock a{display:inline-block;
width:80%;height:60px;line-height:60px;text-align: center;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.newsDetail .pageBlock a.on{background:#c41126;color: #fff;}
.newsDetail .pageBlock a:hover{background:#c41126;color: #fff;}



}





@media screen and (max-width: 768px) {


.header .nav ul li{margin-left:0;}
.picMod .item .txt .con h5{font-size:18px;color: #fff;line-height:20px;}
.picMod .item .txt .con .line{display:inline-block;width:35px;height:1px;background: #fff;}
.picMod .item .txt .con small{font-size:12px;color: #fff;display:block;text-transform:uppercase;}	
	

	
	
	
	
}
@media screen and (max-width: 641px) {

.header .logo img{width:70%;}



.Indutop h4{width:78px;font-size:12px;}
.Indutop span{font-size:12px;margin-left:2px;}
.Indutop .rightnav a{font-size:12px;margin:0 3px;}
.Indutop .rightnav span{display:none;}

}
@media screen and (max-width: 1139px) {
.teamMod .list .item .pic img{width:100%;height:100%;display:block;margin: 0 auto;}
.teamMod .list .item .info{height:150px;}
}
@media screen and (max-width: 592px) {
	
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 320px) {
	
.header .logo img{width:200px;height:37px;}	
.Indutop h4{width:85px;font-size:12px;}
.Indutop span{display:none;}	


.pageBlok{padding-top:45px;width:100%;margin:0 auto;}
.pageBlok ul li{float:left;margin-right:5px;border-bottom:0;}
.pageBlok ul li a{display:inline-block;padding:0 5px;font-size:12px;height:30px;line-height: 30px; }

}


