﻿.fl{float:left;}
.fr{float:right;}
.wrapper{width: 1200px;margin: 0 auto;}
.thumb{ overflow:hidden;}
.thumb img{webkit-transform:translateZ(0);-webkit-transition:.2s;-moz-transform:translateZ(0);-moz-transition:.2s;
-ms-transform:translateZ(0);-ms-transition:.2s;-webkit-transform-style:preserve-3d;}
.thumb img:hover{text-decoration:none;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}

/*    header  css    */
.headerMod{position:relative;overflow:hidden;}





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

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

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

.focusBox ul.hd li{float:left; line-height:15px; text-align:center; font-size:12px; 
width:50px; height:5px; cursor:pointer; overflow:hidden; background:#fff; 
margin-left:10px; filter:alpha(opacity=80); opacity:.8; 
-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.focusBox ul.hd .on{ background:#d4b0b6; filter:alpha(opacity=100);opacity:1;  }




.headerMod .wrapper{overflow: hidden;}
.header{position:absolute;top:45px;z-index:99;width: 100%;left: 0;}
.header .logo{float:left;width:25%;}
.header .nav{float:right;/*width:65%;*/}

.header ul{float:left;margin-top: 20px;margin-right:20px;}
.header .nav ul li{float:left;margin-left:15px;}
.header .nav ul li a{font-size:16px;color: #303135;line-height: 0;}
.header .nav ul li a.enc{background-image: url(../images/en.png) no-repeat center;}

.header .nav ul li a:hover{color:#c30d23;}
.header .nav ul li a.on{color: #c30d23;}
.header .nav ul li span{color: #cccccc; display:inline-block; *display:inline-block; zoom:1; vertical-align: top;}
.header .nav ul li.linLogo{display:none; height:70px;}
.header .nav ul li i{display:inline-block;width:2px;height:11px;background: url(../images/icon5.png) no-repeat center;}

.header .search{float:right;transition: all .3s;background:#c30d23;border-radius:20px; height:35px;margin-top:10px;}
.header .search  .text{width:135px; border:none;margin-left: 5px; float:left;
font-size: 12px; color: #fff;text-indent:20px;background:#c30d23; height:30px; outline:0; border-radius:20px; display:none;}
.header .search .icon{width:30px;height:32px; display:inline-block;
background: url(../images/search_icon.png) no-repeat center #c30d23;background-size: 17px 17px;
border-radius: 20px; margin-right: 3px;}



.headerMod .pic{width:100%;}
.headerMod .pic img{width:100%;}


/*内页背景*/
.bg1{background:url(../images/bg_1.jpg) no-repeat center;background-size:100% 100%;}
.bg2{background:url(../images/bg_2.jpg) no-repeat center;background-size:100% 100%;}
.bg2{background:url(../images/bg_3.jpg) no-repeat center;background-size:100% 100%;}
.bg4{background:url(../images/bg_3.png) no-repeat center;background-size:100% 100%;}




/*    首页    样式     */
.infomod{padding-top:180px;}
.infomod img{width:460px;height:105px;}
.infomod p{font-size:12px;color: #fff;}
.infomod span{font-size:18px;color: #ffffff;margin-top: 30px;display:block;}
.infomod span.line{width:50px;height:1px;display:inline-block;background: #fff;}

.picMod{width:100%;background: url(../images/bg2.png) no-repeat center;
background-size: 100% 100%;overflow:hidden; margin-bottom:50px;}

.picMod ul li{float:left;width: 25%;text-align: center; padding:30px 0; }
.picMod .item {position:relative;overflow:hidden; height:100%;}
.picMod .item img{width: 100%;height:100%;}
.picMod .item .txt{position: absolute;width: 100%;top:0;left:0;bottom:0;right:0;height:97%;
background:rgba(177,15,34,0.9);display:none;}
.picMod .item .txt .con{top:35%; position: absolute; width: 100%;}/*css修改   padding:70px 0 ,增加了top:35%; position: absolute; */
.picMod .item .txt .con h5{font-size:24px;color: #fff;}
.picMod .item .txt .con .line{display:inline-block;width:35px;height:1px;background: #fff;margin:5px auto;}
.picMod .item .txt .con small{font-size:14px;color: #fff;display:block;text-transform:uppercase;}
.picMod ul li a:hover .txt{display:block;}


.newsMod{margin-bottom: 40px;overflow:hidden;}
.newsMod .leftSild{width:50%;}
.newsMod .rightSild{width:47%;overflow:hidden;}
.newsMod .rightSild ul{margin-left: 20px;}
.newsMod  .rightSild ul li{padding:20px 0;}
.newsMod  ul li.on{background:#c41126;}
.newsMod  ul li.on .left span{color: #fff;}
.newsMod  ul li.on .left p{color: #fff;}
.newsMod  ul li.on .right h5{color: #fff;}
.newsMod  ul li.on .right p{color: #fff;}
.newsMod  ul li.on .right .txt{border-left:1px solid #fff;}

.rightSild .left{width: 12%;text-align: center;}
.rightSild .right{width:88%;}
.newsMod  .left span{font-size:22px;color: #313131;}
.newsMod  .left p{font-size:14px;color: #313131;}
.newsMod .right h5{font-size:16px;color: #333333;margin-bottom:5px;}
.newsMod .right p{font-size:12px;color: #999999;}
.newsMod .right .txt{padding-left:10px;border-left:1px solid #313131;}



.fullSlide{ width:60%;  position:relative; height:295px; margin:0 auto; z-index: 99;}
.fullSlide .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd li i{position:absolute;width:100%;top:0;bottom:0;left: 0;
right: 0;background: url(../images/video.png) no-repeat center;background-size: 61px 61px;}
.fullSlide .bd ul{ width:100%;}
.fullSlide .bd li{ width:100%; height:295px; 
overflow:hidden; text-align:center; 
background: url(../images/img17.jpg) no-repeat center;background-size: 100% 100%; }
.fullSlide .bd li a{ display:block; height:460px; }

.fullSlide .hd{height: 20px;line-height: 20px;width:100%;
  position:absolute; z-index:1; bottom:20px; left:0; display:none;}
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1;
 width:8px; height:8px; border:1px solid #fff; border-radius:50px;  margin-left:5px;overflow:hidden; 
font-size: 0;}
.fullSlide .hd ul .on{background:#fff;}
.newsMod .bottm{width:60%;margin: 0 auto;}
.newsMod .bottm img{width:100%;height:35px;}
.newsMod .leftSild{position:relative;}
.newsMod .leftFix{position:absolute;left:10px;bottom:40px;}
.newsMod .rightFix{position:absolute;right:10px;top:40px;}



/*公共样式*/
.title{text-align: center; margin-bottom:35px;}
.title h4{font-size:26px;color: #313131;background: url(../images/h4_bg.png) no-repeat center;background-size:329px 18px;
margin-bottom: 10px;}
.title h4 i{display:inline-block;width:2px;height:20px;background:#313131;margin: 0 10px;}
.title small{display:block;font-size:14px;color: #313131;text-transform:uppercase;}

.aboutMod .textMod{text-align: center;margin-bottom:30px;}
.aboutMod .textMod p{font-size:16px;color: #313131;line-height:30px;}
.aboutMod .textMod1 p{margin-bottom: 35px;}


.foot{background:#c41126;width: 100%;padding:60px 0;}
.foot .leftBlock{float:left;width: 40%;border-right:1px solid #fff;margin-right:-1px;}
.foot .leftBlock ul{float:left;width: 25%;}
.foot .leftBlock ul li{margin-bottom:15px;}
.foot .leftBlock ul li b{font-size: 14px;}
.foot .leftBlock ul li a{color: #fff;font-size: 12px;}
.foot .leftBlock ul li span{display:inline-block;*display:inline-block;width:15px;height:2px;background: #fff;}

.foot .midBlock{float:left;width:30%;border-right:1px solid #fff;margin-right:-1px;
 padding-bottom:50px;}
.foot .midBlock .con{margin-left:65px;margin-bottom:30px;}
.foot .midBlock .con p{font-size:12px;color: #fff;margin-bottom: 14px;}
.foot .rightBloxk{float:left;width:30%;text-align: center;}
.foot .rightBloxk .pic{margin-bottom: 35px;}
.foot .rightBloxk .pic img{width:180px;height:150px;}
.foot .rightBloxk .pic p{font-size: 12px;color: #fff;margin-top: 15px;}
.foot .midBlock .con .bt{font-size: 14px; font-weight: bold;}

.foot .rightBloxk .shareBox img{width:15px;height:15px;}
.foot .rightBloxk .shareBox a{margin:0 10px;}

.foot .copyRight{color: #fff;font-size:12px;padding-top: 40px;}
.foot a{ color: #fff; }

.content{padding:60px 0;}
.naver{padding-bottom:80px;padding-bottom:60px;}
.naver ul li{float:left;width: 33.3333%;text-align: center;}
.naver1 ul li{width:25%;}
.naver .item .pic{position:relative;height:100px;}
/*.naver .item .pic img{width:100px;height:100px;}*/
.naver .item .pic img.hide{display:none;position:absolute;top:0; left:50%;margin-left: -50px;}
.naver ul li a:hover .pic img.hide{display:block;}
.naver ul li a:hover .pic img.show{display:none;}


.Indutop{height:38px;line-height: 38px;border-top:1px dashed #cececf;border-bottom:1px dashed #cececf;margin-top:50px;}
.Indutop h4{display:inline-block;width:150px;font-size:14px;color:#313131;border-right:1px dashed #cececf;text-align: center;}
.Indutop span{font-size:14px;color: #cececf;margin-left: 20px;}
.Indutop .rightnav{float:right;}
.Indutop .rightnav a{font-size:14px;color:#313131;}
.Indutop .rightnav a.on{color: #c41126;}
.Indutop .rightnav a:hover{color: #c41126;}
.Indutop .rightnav span{font-size:14px;color:#313131;margin:0 15px;}


.rightFixed{position:fixed;top:20%;right:0;width:98px;z-index:99;}
.rightFixed li{background: #eeeeee;  padding:25px 0;  width:100%;  text-align: center;margin-bottom:1px; position:relative;}
.rightFixed li .erma{position: absolute;top:-30px;left:-175px;background: #fff;padding:10px;display:none;}
.rightFixed li:hover .erma{display:block;}
.rightFixed li.backtop{background:#c41126;}
.rightFixed .item img{width:34px;height:34px;margin-bottom:10px;}
.rightFixed .item p{font-size:14px;color:#333333;}

/*公共样式  end*/





/*      1走进米乐集团-米乐集团董事长致辞.html   css      */
.SpeechMod .textMod{text-align: center; }
.SpeechMod .textMod p{font-size:16px;color: #313131; font-family: "宋体";margin-bottom: 10px;line-height:25px;}
.SpeechMod .textMod li{margin-bottom:35px;}
.SpeechMod .textMod li p{line-height:30px;}
.SpeechMod .textMod li span{display:inline-block;width: 30px; height:1px;background: #000;
margin:15px 0;}



/*              6集团产业-西演集团介绍.html   css      */
.groupIndustry .textMod{padding:30px 0;text-align: center;}
.groupIndustry .textMod p{font-size:16px;color: #313131;line-height:30px;margin-bottom:40px;}
.btnMod{text-align: center;}
.btnMod a{display:inline-block;width:165px;height:30px;line-height:30px;font-size:14px;color: #fff;background: #313131;}
.groupIndustry .Indutop{margin-bottom:45px;}




/*      11合作伙伴.html   css    */
.partner .list{overflow:hidden;}
.partner .list ul li{float:left;width:16.6%;text-align: center;margin-bottom: 25px;}
.partner .list .item{padding:0 10px;}
.partner .list .item .pic{width:100%; padding:20px 0;  border:1px solid #000;
margin-bottom:25px;}
.partner .list .item .pic img{ height:70px;}
.partner .list .item p{font-size:14px;color: #313131;}
.partner .list ul li a:hover .pic{border-color:#f00;}


  /*        10米乐集团优才-核心团队.html     css      */
.teamMod .wrapper .list{margin-bottom:35px;}
.teamMod .list ul li{float:left;width:33%;margin-bottom: 10px; 
height:178px; overflow: hidden;}
.teamMod .list h4{font-size:14px;color: #313131;margin-bottom:15px;}
.teamMod .list .item{padding-right: 10px;}
.teamMod .list .item .pic{float:left;width:50%;}
.teamMod .list .item .pic img{width: 100%;height:193px;}
.teamMod .list .item .info{float:right;width:50%;background: #ebebec;height:193px;}
.teamMod .list .item .info p{padding:20px;font-size:14px;color: #313131;line-height: 30px;}
.teamMod .list .item .info p span{color: #c41126;margin-right: 10px;}


/*   8新闻中心-新闻-详情.html  css        */
.newsDetail{padding-bottom:60px;}
.newsDetail .top{text-align: center;/*padding:60px 0 40px;*/ margin-bottom: 40px;}
.newsDetail .top h3{font-size:24px;color: #404040;margin-bottom:25px;}
.infoBlock a{font-size:14px;color: #999999;}
.infoBlock a i{display:inline-block;width:30px;height:25px;vertical-align: top;
margin-top: -2px;}
.infoBlock .time,.infoBlock .num{margin-right: 35px;}
.infoBlock .time i{background: url(../images/time.jpg) no-repeat center;}
.infoBlock .num i{background: url(../images/num.jpg) no-repeat center;}
.infoBlock span{font-size: 14px;color: #999;}
.infoBlock .i_1{background: url(../images/icon6.jpg) no-repeat center;}
.infoBlock .i_2{background: url(../images/icon7.jpg) no-repeat center;}
.infoBlock .i_3{background: url(../images/icon8.jpg) no-repeat center;}
.infoBlock .i_4{background: url(../images/icon9.jpg) no-repeat center;}
.infoBlock .i_5{background: url(../images/icon10.jpg) no-repeat center;}
.infoBlock .i_6{background: url(../images/icon11.jpg) no-repeat center;}
.infoBlock .i_7{background: url(../images/icon12.jpg) no-repeat center;}
.newsDetail .main p{font-size:14px;color: A333333;line-height: 30px;/*text-indent:30px;*/}
.newsDetail .main .pic{margin:0 auto;width:920px;padding:30px 0;}
.newsDetail .main .pic img{width:100%;height:658px;}
.newsDetail .pageBlock .prev{float:left;}
.newsDetail .pageBlock .next{float:right;}
.newsDetail .pageBlock a{display:inline-block;width:365px;height:60px;line-height:60px;text-align: center;
font-size: 16px;color: #404040;}
.newsDetail .pageBlock a.on{background:#c41126;color: #fff;}
.newsDetail .pageBlock a:hover{background:#c41126;color: #fff;}
.naver_3{padding-bottom:20px;}




/*       7集团产业-九州餐饮菜品展示.html         css*/
.proList .list{padding:40px 0;}
.proList .list ul li{float:left;width: 25%;margin-bottom: 20px;text-align:center;}

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







/*   8新闻中心-新闻.html  css   */
.newsList{padding:65px 0;overflow:hidden;padding:25px 0;}
.newsList ul li{padding:25px 0 45px;border-bottom: 1px solid #ccc;}
.newsList .pic{float:left;width:16%;height:135px;}
.newsList .pic img{height: 136px;}
.newsList .text{float:right;width:84%;height:135px;}
.newsList .text .cont{position:relative;padding:5px 60px;}
.newsList .text .cont h4{font-size:21px;color: #313131;}
.newsList .text .cont p{font-size:14px;color: #999999;line-height: 25px;}
.newsList .text .cont span{position:absolute;top:10px;right:10px;font-size:30px;color: #989898;font-weight:100;}
.newsList .text .cont i{display:inline-block;position:absolute;right:10px; bottom:5px;background: url(../images/icon13.png) no-repeat center;
width:16px;height:16px;}
.newsList ul li a:hover .text{background: #c30d23;}
.newsList ul li a:hover .text h4{color: #fff;}
.newsList ul li a:hover .text p{color: #fff;}
.newsList ul li a:hover .text span{color: #fff;}
.pageBlok{padding-top:45px;width: 50%;margin:0 auto;}
.pageBlok ul li{float:left;margin-right: 10px;border-bottom:0;}
.pageBlok ul li a{display:inline-block;padding:0 15px;font-size: 14px;color: #313131; height:35px;line-height: 35px;    border:1px solid #313131;}
.pageBlok ul li a.on{color: #fff;background: #c41126;border:1px solid #c41126;}
.pageBlok ul li a:hover{color: #fff;background: #c41126;border:1px solid #c41126;}






.newsDetail .main img{ width:700px; max-width:100%; display:block;margin:0 auto;}



