@charset "utf-8";

html{ overflow-x: hidden;}
/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143;
 font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; color: #666460;
 width: 100%; min-width: 320px; zoom:1;
 overflow-x: hidden;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);
/*控制文本可选性*/
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.dl,.dl dd,.ul,.ul li{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;font-family: '微软雅黑';}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666460; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #FF5800;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.clearfix { zoom: 1;}




.container1{padding: 0 15px;margin: 0 auto;}
.container{margin:0 auto; max-width: 1280px;padding: 0 15px;}

 .w1280{margin:0 auto; max-width: 1280px;padding: 0 15px;}
 .Top  .w1280{padding: 0;}

 .w1200{margin:0 auto; max-width: 1200px;padding: 0 15px;}
 .w980{margin:0 auto; max-width: 980px;padding: 0 15px;}

@media screen and (min-width:1200px ){
    .container1,.container,.w1280,.w1200{width:70%;padding: 0;}

}


/*全局样式*/




/*页面框架结构*/
.contain{} /*页面主体内容*/
.slidebar{} /*边侧菜单*/
.maincontent{} /*主要内容*/
.content{} /*内容*/
.txtbox,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}
.current{ /*当前位置*/}


/*分页*/
.pages{}
/*分页*/


/*头部*/
.Top{ width: 100%;background: rgba(255,255,255,.6); padding: 15px 0;z-index: 999; }
.Top .logo{padding-left: 15px; display: inline-block; width: 115px;padding-top: 9px;}
.TopR{float: right; padding-right: 15px;}
.Top .navBtn{float: right; width: 40px;height: 40px;display: block;background: url('../images/navbtn_1.png') no-repeat center;}
.Top .searchBtn{float: right;position: relative; width: 42px;height: 42px; display: block;background: url('../images/btn_icon_001.png') no-repeat center; margin-right: 15px;}
.Top .searchBox{ display: none;position: absolute;z-index: 100; width: 240px;height: 42px; border: 1px solid #ccc;  background: #fff; right: 0; top: 57px; }
.Top .searchBox input{width: 195px; height: 40px; line-height:40px;padding: 0 10px; }
.Top .searchBox .btn{ width: 40px;height: 40px;border-left: 1px solid #ccc;display: block;background: url('../images/btn_icon_01.png') no-repeat center; position: absolute; right: 0;top: 0; }

.mainnav{ display: none;padding-top: 15px; }
.mainnav ul li{ position: relative; }
.mainnav ul li#nav2 dl dd:last-child,
.navMenu ul li#menu91,
.bottom2 dl:nth-of-type(1) dd:last-child{display: none;}
.mainnav ul li a.navA{ display: block;line-height: 35px; padding: 0 15px; color: #6d4d38; font-size: 16px;}
.mainnav ul li.on a.navA{color:#fff; background: #E60012;}
.mainnav ul .xl{  display: none; background: #eee; }
.mainnav ul .xl dl a{padding: 0 15px 0 30px;line-height: 42px;height: 42px; display: block;}
.mainnav ul .xl dl a:hover{background-color:#E60012;color: #fff;}
.mainnav ul .xl dl{margin: 0;}

@media screen and (min-width:1000px ){
  .mainnav ul .xl{background: none;}
  .clear1000{display: none;}
  .Top{ padding: 0; position: absolute;}
  .mainnav{ display: block; float: right; padding: 0 15px;}
  .mainnav ul li{float: left;}
  .mainnav ul li a.navA{line-height:70px;border-bottom: 2px solid rgba(255,255,255,0);}
  .mainnav ul li.on a.navA,
  .mainnav ul li a.navA:hover{color:#E60012; background:none;border-bottom: 2px solid #E60012;}
  .mainnav ul li.on a.navA span{display: inline-block;}
  .Top .logo{padding-top: 20px; width:135px;}
  .TopR{padding-top: 15px;}
  .Top .navBtn{display: none;}
  .Top .searchBtn{background-image:url('../images/btn_icon_01.png');}
  .mainnav ul li:hover .xl{display: block;padding: 15px 0; position: absolute; width:130px; background-color:rgba(255,255,255,.6); border-radius: 0 0 5px 5px; left: 50%;margin-left: -60px; top: 100%; }
  .mainnav ul li:hover .xl a{color:#6d4d38; padding: 0; text-align: center;}
  .mainnav ul li:hover .xl a:hover{color: #fff;}
}

@media screen and (min-width:1200px ){
  .mainnav ul li a.navA{padding: 0 20px;}

}
/*头部*/


/*底部*/
#bdshare_weixin_qrcode_dialog{height: 310px  !important;}
.bdsharebuttonbox{display: inline-block;}

.footer{ background:#E60012 url('../images/bottombg2.jpg') no-repeat center top; color: #fff; position: relative; padding-top: 60px;}
.footer1{padding-top: 0;}
.footer .backtop{display: block;background: url('../images/btop2.png') no-repeat center;background-size:100% 100%; width: 50px;height: 50px; position: fixed; right:15px; bottom:15%; z-index:100; display:none;}
.bottom{  overflow: hidden;/*  background: rgba(18,79,6,.6); */background:#E60012; padding:10px 0;width: 100%; text-align: center;}
.footer a{color: #fff;font-size: 12px;}
.bottom .left{height: 40px;overflow: hidden; margin-bottom: 10px;}
.bottom .left a{display: inline-block; width: 33px;height: 33px;background-position: center; background-repeat: no-repeat;}
.bottom .left a.wx{background-image: url('../images/bf_icon_01.png'); margin-right: 15px;}
.bottom .left a.tm{background-image: url('../images/bf_icon_02.png');}
.Copyright{font-size: 12px;}

.BottomS{ width:42%; margin:0 auto; padding-bottom: 6.5px; max-width: 780px;}
.BottomS .Stxt{ float: left; width:15%; /*padding-top: 30px;*/}
.BottomS .Stxt span{color: #fff;font-size: 14px; display: block; margin-top: -6px;}
.BottomS .Ssearch{float: right; width:78%;/*  border:1px solid #6eae57;  */border-radius: 3px;/*   padding: 20px; */}
.BottomS .Ssearch .box{/* border:1px solid #6eae57; */ border-radius: 5px; padding: 0 40px 0 10px; position: relative; background: #fff;}
.BottomS .Ssearch .box input{line-height: 22px;height: 22px;padding: 14px 0; width: 100%; font-size: 12px;}
.BottomS .Ssearch .box .btn{display:block; width: 40px;height: 30px;background: url('../images/btn_icon_03.png') no-repeat center; position: absolute;right: 0;top: 0;}
.BottomS .Ssearch .boxhx{height: 1px;background:#6eae57; width: 100%; margin-top: 3px;}

.footer .bh{text-align: center;}
.footer .bh img{max-width: 40%; max-height:65px; }
.bottom .right{}
.bottom .right .link{vertical-align:middle; }
.bottom .right .link em{font-style: italic; display: inline-block;padding: 0 10px; background: url('../images/blinkbg2.png') no-repeat center; height: 16px; vertical-align:middle;}

.bottom .right1 .link{vertical-align:middle; }
.bottom .right1 .link em{font-style: italic; display: inline-block;padding: 0 10px; background: url('../images/blinkbg2.png') no-repeat center; height: 16px; vertical-align:middle;}

/* .bottom1{border-top:2px solid #1E5813;} */

@media screen and (max-width:640px ){
.footer{ padding-top:10px;}
.BottomS{ width:90%;}
.BottomS .Ssearch{padding: 0; width:72%;}
.BottomS .Stxt{padding-top: 0; width:20%;}
}

@media screen and (min-width:768px ){
  .BottomS{ width:60%; max-width:570px;}
  .BottomS .Stxt{font-size: 14px; /* padding-top: 9px; */ line-height: 24px;font-weight: 300;}
}

@media screen and (min-width:1200px ){
  .BottomS .Ssearch .box input{font-size: 12px;}
  .BottomS .Ssearch{/* padding: 20px 30px; */ margin-top: 6px; }
  .footer{padding-top: 10px;}
  .footer1{padding-top: 0;}
  .bottom .left{float: left; margin-bottom: 0; }
  .bottom .right{float: right; text-align: right;}
  .footer .backtop{ bottom:260px;}
}

.bottom2{ padding-bottom:2%;  overflow: hidden;/*  background: rgba(18,79,6,.6); */background:#c93533; padding:15px 0;width: 100%; text-align: left;}
.bottom2 .code{ float:left; width:60%;}
.bottom2 .code li{ width:16%; float:left; margin-right:10%; text-align:center; font-size:12px;}
.bottom2 .code li:last-child{ margin-right:0;}
.bottom2 .code li img{ display:block; width:100%; margin-bottom:10px;}

.bottom2 dl{ float:left; width:30%;margin: 0px;}
.bottom2 dt{ font-size:14px; padding-bottom:6px; color:#fff;}
.bottom2 dd{ padding-right: 10px; margin: 0 ;font-size: 12px;}
.bottom2 dd .ibox{ display:inline-block; position:relative;}
.bottom2 dd a{ color:#fff; line-height:24px; cursor:pointer;font-size: 12px;}
.bottom2 dd a:hover{ color:#F3FFA6;}

.bottom2 .item{display: none; position: absolute; padding: 2px 10px 2px 5px; right: -150px; top: 0px; width:140px; border:1px solid #006CB8; z-index:10; background-color:#006CB8;}
.bottom2 .item::before,
.bottom2 .item::after{ content:"◆"; font-size:10px; font-family:'宋体'; position:absolute; top:5px;}
.bottom2 .item::before{  color:#006CB8; left:-5px; z-index:2;}
.bottom2 .item::after{ color:#006CB8; left:-6px; z-index:1;}

.bottom2 .item p{ margin: 0; border-top:1px dashed rgba(255,255,255,0.3); line-height:26px; padding:0 4px;}
.bottom2 .item p:first-child{border-top:none; }
.bottom2 dd:hover .item{display: block;}

@media(min-width:1024px){
	.bottom2 .code{ padding-top:20px;}
}
@media(max-width:768px){
.bottom2 .code{ float:none; width:100%; max-width:300px; margin:0 auto;}
.bottom2 dl{ display:none;}
.bottom2 dl:nth-child(1){ width:21%; display: block; margin-bottom:10px;}
.bottom2 .code{ float:left; width:75%;}
.bottom2 .code li{ margin-right:5%; width:28%;}
}
/*底部*/


/* 品牌生鲜详情 */
.Mainsx{background: url(../images/xqbj.jpg)repeat center !important;}
.banner_xq{ background-repeat: no-repeat; background-position: center; position:relative;}
.banner_xq .txt{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.banner_xq .txt span,
.banner_xq .txt em{ color:#fff; font-size:24px; display:block; text-align:center; font-style:normal;}
.banner_xq .txt span{ font-size:30px; line-height:30px;}
.banner_xq .txt em{ line-height:22px; text-transform:capitalize; letter-spacing:1px;}

@media (min-width:640px){
	.banner_xq .txt span{ font-size:40px; line-height:45px;}
	.banner_xq .txt em{ font-size:30px; line-height:30px;}
}
@media screen and (min-width:1024px ){
  .banner_xq img{display: none;}
  .banner_xq{height: 991px;}
  /*
  .banner_xq .txt span{ font-size:100px; line-height:105px;}
  .banner_xq .txt em{ font-size:70px; line-height:70px;}*/
}


.MainCon{/* background: url(../images/xqbj.jpg)repeat center; */}
.MainCon1{background: url(../images/xqbj.jpg)repeat center;}
.MainCon .MainCon_up .left{float: left;width: 60%;}
.MainCon .MainCon_up .right{float: right;width: 36%;}
.MainCon .MainCon_up .right .ICimg{ padding-top:92px;}

.MainCon .MainCon_down .left{float: left;width: 46%; margin-top:-30px;}
.MainCon .MainCon_down .right{float: right;width: 50%;}


@media(max-width: 768px){
.MainCon .MainCon_up .left{width: 100%;}
.MainCon .MainCon_up .right{width: 100%;}
.MainCon .MainCon_up .right .ICimg{ padding: 0; text-align:center;}

.MainCon .MainCon_down .left{width: 100%; text-align:center; float:none;}
.MainCon .MainCon_down .right{width: 100%; float:none;}
}



/*产品详细*/

.Proinfo .MainCon_up .h1{ font-size:28px; line-height:40px; color:#006CB8; margin:0; font-weight:500;}
.Proinfo .MainCon_up .subti{ font-size:18px; padding:10px 0 17px; color:#666460; margin:0;}
.Proinfo .MainCon_up .Ptxtbox{ border-top:1px dashed rgba(102,102,102,0.6); border-bottom:1px dashed rgba(102,102,102,0.6); padding-top:20px;}
.Proinfo .MainCon_up .Ptxtbox .sti,
.MainCon .MainCon_down .Ptxtbox .ti{ padding:0 20px; height:32px; border-radius:23px;line-height:32px;border:solid 1px #E60012;text-align:center;font-size:16px;color:#E60012;display:inline-block; font-weight:normal;}
.Proinfo .Ptxtbox .p{ line-height:28px; color:#666666; padding:10px 0 30px;}

.MainCon .MainCon_down .Ptxtbox{}
.MainCon .MainCon_down .Ptxtbox .TimeList .ul{ margin-left:-25px;}
.MainCon .MainCon_down .Ptxtbox .TimeList li{ padding-left:25px; float:left;}
.MainCon .MainCon_down .Ptxtbox .TimeList li:first-child{ border-right:1px dashed rgba(102,102,102,0.6); padding-right:25px; padding-left:0;}

.MainCon .MainCon_down .Ptxtbox .logoList{ float:right;overflow:hidden;margin-top:30px;}
.MainCon .MainCon_down .Ptxtbox .logoList li{ text-align:center; padding:0 20px; float:left;}
.MainCon .MainCon_down .Ptxtbox .logoList li .img{ width:121px;height:110px;}
.MainCon .MainCon_down .Ptxtbox .logoList li h1{ font-size:16px;line-height:27px;color:#666666; font-weight:normal;}

@media screen and (min-width:768px ){
  .Proinfo{ padding-top:40px;}
}

@media (max-width:768px){
    .Proinfo .MainCon_up .h1{ font-size:24px;}
    .Proinfo .MainCon_up .subti{ font-size:16px;}

    .Proinfo .MainCon_up .Ptxtbox .sti,
    .MainCon .MainCon_down .Ptxtbox .ti{ font-size:14px;}

    .MainCon .MainCon_down .Ptxtbox{ text-align:center;}
    .MainCon .MainCon_down .Ptxtbox .TimeList .ul,
    .MainCon .MainCon_down .Ptxtbox .logoList .ul{ display:inline-block; margin:0 auto;}

    .MainCon .MainCon_down .Ptxtbox .logoList{ width:100%; float:none;}
}

@media (max-width:414px) {
    .Proinfo .MainCon_up .h1{ font-size:20px;}
    .Proinfo .MainCon_up .subti{ font-size:16px;}

    .Proinfo .MainCon_up .Ptxtbox .sti,
    .MainCon .MainCon_down .Ptxtbox .ti{ font-size:16px;}
}
/* 品牌生鲜详情 */

/*页面二级/左侧/右侧菜单*/
.Main{}
.MainBp{padding-bottom:50px;}
.navMenu{ display: none; }
.MenuTop{display: none;line-height: 35px; font-size: 16px; background: url('../images/menubtn2.png') no-repeat 95% center; border-bottom: 1px solid #E60012; color: #E60012; cursor: pointer;}
.navMenu{}
.navMenu ul li a{ display: block; line-height: 35px; color: #6c3b27; padding-left: 15px; border-bottom: 1px dashed #ccc;}
.navMenu ul li.on a{background:#6c3b27; color: #fff;border-bottom: 1px solid #ccc; }


@media screen and (min-width:1000px ){
  .MenuTop{display: none;}
  .navMenu{display: block;}
  .navMenu ul li{float: left;}
  .navMenu ul li a{border-bottom: none;line-height: 60px; font-size: 18px; padding-left: 50px;padding-right: 40px; border-right: 1px solid #ded4c4;border-bottom: 2px solid transparent; position: relative; top: 1px;  }
    .navMenu ul{border-bottom: 1px dashed #ded4c4; }
    .navMenu ul li.on a,.navMenu ul li a:hover{background: url('../images/menubtn2.png') no-repeat 20px center; color: #E60012; font-weight: bold;border-bottom: 2px solid #E60012;}
}


/*页面二级/左侧/右侧菜单*/


/* banner */
.HomeBan{ overflow: hidden; position: relative;}
.HomeBan .pc{display: none;}

.HomeBan .swiper-pagination{color: #fff;}
.HomeBan .swiper-pagination-current{color: #E60012;}
.HomeBan .swiper-pagination-total{color: #fff;}
.HomeBan .bx-pager{color: #fff;text-align: left; display: none; font-size: 18px;  z-index: 999;
  position: absolute;bottom:100px;width: auto; left: 30px; background:url('../images/bannerbg.png') no-repeat center right;
  padding-right: 100px;-ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);
   -o-transform:rotate(-90deg); transform:rotate(-90deg);}
.HomeBan .bx-pager b{color: #E60012;font-weight: normal;}

.HomeBan .bx-next{z-index: 99;position: absolute;background: url('../images/next.png') no-repeat center; display: block;right: 10px; line-height: 999px; overflow: hidden;width: 36px;height: 36px; top: 50%;margin-top: 7px;}
.HomeBan .bx-prev{z-index: 99;position: absolute;background: url('../images/prv.png') no-repeat center;left: auto;right: 10px;display: block; line-height: 999px; overflow: hidden;width: 36px;height: 36px; top: 50%;margin-top: -43px; }

.HomeBan li{position: relative;}
.HomeBan li a{ display: block; overflow: hidden;  width: 100%;height: 100%; }
.HomeBan li .pc .img{height: 100%; width: 100%; position: absolute;background-size: cover;background-position: center;background-repeat: no-repeat;}
.HomeBan li .pc .img{transition: all 5s ease-out;
  -webkit-transition: all 5s ease-out;
  -o-transition: all 5s ease-out;-moz-transition: all 5s ease-out;
  -ms-transition: all 5s ease-out;

  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}


.HomeBan li .pc .imgon{transition: all 5s ease-out;
  -webkit-transition: all 5s ease-out;
  -o-transition: all 5s ease-out;-moz-transition: all 5s ease-out;
  -ms-transition: all 5s ease-out;

  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}



.HomeBan li .video{background:#fff;}
/*.HomeBan li .video*/

.HomeBan li.active .img{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);

}


.HomeBan li .txt{display: none;  max-width: 1200px; left:10%;top: 32%; z-index: 88; position: absolute; color: #fff;}


.HomeBan li .txt .h3{font-size: 16px; opacity: 0; position: relative; top: -20px; font-weight: 100; }
.HomeBan li .txt .h1{font-size: 22px; opacity: 0; position: relative; top: 20px; font-weight: 100; }
.HomeBan li.active .txt .h3{ top: 0;opacity: 1;}
.HomeBan li.active .txt .h1{ top: 0;opacity: 1;}

@media screen and (min-width:768px ){
  .HomeBan li a{ position: absolute;}
}

@media screen and (min-width:1200px ){
  .HomeBan li .txt{display:block;}
    .HomeBan li .txt .h3{-webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
    .HomeBan li .txt .h1{-webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}

  .HomeBan li.active .txt .h3{ -webkit-transition-delay: 1s;  -o-transition-delay: 1s;  transition-delay: 1s;}
.HomeBan li.active .txt .h1{ -webkit-transition-delay: 2s;  -o-transition-delay: 2s;  transition-delay:2s; }


  .HomeBan li .txt{top: 52%;left: 20%;}
  .HomeBan .pc{display: block; position: relative; height: 100%;}
  .HomeBan .pc video{display: block;position: absolute; left: 0;bottom:10%; width: 100%;height: 100%; object-fit:cover;}
  .HomeBan .wap{display: none;}
  .HomeBan .bx-pager{display: inline-block;}
  .HomeBan li .txt .h3{font-size: 24px;}
  .HomeBan li .txt .h1{font-size: 45px;}

}

@media screen and (min-width:1600px ){
    .HomeBan .bx-default-pager{left: 8%;}
    .HomeBan .bx-controls-direction{right: 8%;}
}


.banner{background-repeat: no-repeat; background-position: center; border-bottom: 3px solid #ccc; background-size: cover; position: relative;}
.banner .wap{}
.banner .container{position: absolute; height: 100%;overflow: hidden; width: 100%; top: 0; }


.banner .txtCon{position: absolute;top: 50%;margin-top: -53px; color: #fff; display: none; }
.bannerNews .txtCon{color: #76b11d;}
/* .bannerJob .txtCon{color: #713f1f;} */


.banner .txtCon .title{ font-size: 18px; background: url('../images/bantitlebg.png') no-repeat 0 bottom; padding-bottom:10px; }
.bannerNews .txtCon .title{background-image: url('../images/bantitlebg01.png')}
/* .bannerJob .txtCon .title{background-image: url('../images/bantitlebg02.png')} */

.banner .txtCon .txt{font-size: 18px !important;padding: 15px 0;}

@media screen and (min-width:768px ){
  .banner .txtCon .txt{font-size: 28px !important;}
  .banner .wap{ display: none; }
  .banner .container{position: relative; height: 500px; }
  .banner .txtCon{bottom: 60px; top: auto; margin-top: 0;}
  .banner .txtCon{min-width: 500px;}
}
@media screen and (min-width:1200px ){
  .banner .container{position: relative; height: 750px; width: 70%;}
  .banner .txtCon .title{ font-size: 24px;}
  .banner .txtCon .txt{font-size: 38px;}
  .banner .txtCon{bottom: 120px;}

}


/* banner */



.HomeF{}
.HomeF .title{}
.HomeF .title .h3{ font-size:18px;color: #E60012; font-weight: normal; line-height:1;}
.HomeF .title .h4{ font-size:16px;color: #006CB8; text-transform: capitalize;font-weight: normal;}
.HomeF .title .info{ font-size: 14px; color: #132b33;margin-bottom: 10px; }

.F1 {padding:20px 0;}


.F1 .title{ text-align:center; }
.F1 .List {padding-top: 20px;}
.F1 .List ul li .img{ padding-top: 102%; position: relative;}
.F1 .List ul li .img img{position: absolute; left: 0; top: 0; right: 0; max-width: 100%; max-height: 100%;}
.F1 .List ul li *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.F1 .List ul li .info{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2; min-height: 40px;}
.F1 .List ul li .img img{ width: 100%; }
.F1 .List ul li a{display: block; border:3px solid transparent;}
.F1 .List ul li .txt{color:#797979;padding:15px;  }
.F1 .List ul li .txt .h3{ font-size: 16px; color: #323232; font-weight: normal; margin: 0;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}


.F1 .List ul li .txt .time{font-size: 14px;color: #ffb1b6; margin:10px 0;padding-bottom: 10px; font-weight: normal; background: url('../images/htimebg2.png') no-repeat 0 bottom; }

.F1 .List ul li .more{display: inline-block; padding: 0 30px 0 0;margin-top: 10px; font-size: 12px; font-weight: bold; line-height: 30px; border-radius: 30px;  color: #E60012; background: url('../images/hmoer2.png') no-repeat 88% center;}

.F1 .swiper-pagination{position:static;}
.F1 .swiper-pagination-bullet{width: 15px; height: 15px; background: #ddd; vertical-align:bottom; margin:0 5px;}
.F1 .swiper-pagination-bullet-active{width: 15px; height: 15px; background: #85ae46;}
.F1 .btns{position: relative;  text-align: center; vertical-align: bottom;}
.F1 .btns .swiper-pagination{display: inline-block; position: static;vertical-align: middle;}

.F1 .swiper-button-next{vertical-align: bottom;background: url('../images/next1.png') no-repeat center;position: static; display: inline-block;line-height: 999px; overflow: hidden;width: 36px;height: 20px;}
.F1 .swiper-button-prev{vertical-align: bottom;background: url('../images/prv1.png') no-repeat center;position: static;display: inline-block; line-height: 999px; overflow: hidden;width: 36px;height: 20px; }


@media screen and (min-width:768px ){
.F1 .List ul li .txt .time{font-size: 14px;position: relative;left: -10px;color: #ffb1b6; margin:10px 0; font-weight: normal; padding-left: 60px; background: url('../images/htimebg2.png') no-repeat 0 center;padding-bottom: 0; }

  .HomeF .title .h3{ font-size:22px; }
  .HomeF .title .h4{ font-size:18px;}
  .HomeF .title .info{ font-size: 16px; margin-bottom: 0;}

}



@media screen and (min-width:1200px ){
  .F1 .container1{ width:70%;}
  .HomeF .title .h3{ font-size:28px; }
  .HomeF .title .h4{ font-size:22px;}
  .HomeF .title .info{ font-size: 18px; }

  .F1{padding:70px 0;}

  .F1 .List ul li a:hover{  border-color: #E60012; }
  .F1 .List ul li a:hover .h3{color: #E60012;}
  .F1 .List ul li a:hover .more{background-color:#E60012; background-image: url('../images/hmoeron.png'); background-position:83% center; color: #fff; padding: 0 30px 0 15px;}
  .F1 .List ul li a:hover .txt .time{padding-left: 0; background-image: none;left:0px}

}

.F2{overflow: hidden; position: relative; padding: 20px 0;}
.F2 .Left{ float: left; width: 50%; display: none; }
.F2 .Right{ float: right; width: 50%; display: none; }
.F2 .F2Con{position: relative;z-index: 88;}
.F2 .List{}
.F2 .List ul{vertical-align: top;}
.F2 .List ul li{margin-bottom: 2%; vertical-align: top; float: left; width: 49%;margin-right: 2%;}
.F2 .List ul li:nth-child(2n){margin-right: 0;}
.F2 .List ul li *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.F2 .List ul li a{padding:15px;top:0; text-align: center;color: #606060; border:1px solid #ccc; display: block; position: relative;}
.F2 .List ul li .img{ width:98px;height: 98px; border-radius: 100%; border: 1px dashed #ef98a0; padding: 5px;margin: 0 auto 15px;  }
.F2 .List ul li a .txt{max-width: 200px; margin:0 auto 10px; display: none; overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.F2 .List ul li .more{display: none; margin: 0 auto; background: url('../images/more_icon_1.png') no-repeat center; width: 25px;height: 25px;}
.F2 .List ul li a .h3{color: #9a8662; font-size: 16px;}


@media screen and (min-width:768px ){
  .F2 .List ul{ font-size: 0; text-align: center;}
  .F2 .List ul li{display: inline-block; width: 30%; font-size: 14px; float: none;margin:10px;}
  .F2 .List ul li:nth-child(2n){margin-right: 10px;}
  .F2 .List ul li .more{display: block;}
  .F2 .List ul li a .txt{ display: -webkit-box;display: box;}
}

@media screen and (min-width:1000px ){
  .F2 .Left{display: block; }
  .F2 .Right{ display: block; }
  .F2 .title{max-width: 450px; position: absolute; left: 0; top: 70px;}
  .F2.F4 .title{left: auto;right: 0;}

  .F2 .List ul li{display:block; float: left;margin: 0;width: 20%;}
   .F2 .List ul li:nth-child(2n){margin:0;}
  .F2 .List{position: absolute; left: 0;top: 240px;}
  .F2 .List ul li a{background:#fff url('../images/hf2listbg.png') repeat-x 0 bottom; padding: 30px 25px 25px;border: 1px solid #f5f5f5; border-bottom: 2px solid #d2ccc1; }

  .F2 .List ul li a:hover{top: -3px; box-shadow: 0 0 10px #c3c3c3;z-index: 88; background: #db1b28; color: #fff; border: 1px solid #e03545; border-bottom: 2px solid #e44e5a;}
  .F2 .List ul li a:hover .h3{color: #fff;}
}

@media screen and (min-width:1600px ){
    .F2 .List{top: 280px;}
}
@media screen and (max-width:1300px ){
.F2 .title{max-width: 400px;}
}

.F3{padding: 30px 0; }
.F3 .title{max-width: 420px;}
.F3 .map{text-align: center;padding:15px 0;}
.F3 .mapbg{ padding-bottom: 80px; }
.F3 .mapbg ul li{ margin-bottom: 15px; float: left;width: 50%; }
.F3 .mapbg ul li .btn{ width: 118px;height: 118px; margin: 0 auto; color: #93846b; display: block;  }
.F3 .mapbg ul li .btn span{font-size: 50px;}
.F3 .mapbg ul li .txt{text-align: center; padding-top: 10px; color: #79983d; font-size: 16px; }
.F3 .mapbg ul li.li2 .txt{color: #3782a4;}
.F3 .mapbg ul li.li3 .txt{color: #b9703b;}
.F3 .mapbg ul li.li4 .txt{color: #c92f3a;}


.F3 .mapbg ul li.li1 .btn{background: url('../images/hlibg01.png') no-repeat center; line-height: 118px; text-align: center;}
.F3 .mapbg ul li.li2 .btn{background: url('../images/hlibg02.png') no-repeat center; line-height: 118px; text-align: center;}
.F3 .mapbg ul li.li3 .btn{background: url('../images/hlibg03.png') no-repeat center; line-height: 118px; text-align: center;}
.F3 .mapbg ul li.li4 .btn{background: url('../images/hlibg04.png') no-repeat center; line-height: 118px; text-align: center;}


@media screen and (min-width:768px ){
  .F3 .mapbg ul li{float: left; width: 25%; float: left;}
}


@media screen and (min-width:1000px ){
.F3{padding-top: 70px; }

}

@media screen and (min-width:1200px ){
  .F3 .map{display: none;}
  .F3 .mapbg{background: url('../images/mapbg.png') no-repeat center; height: 454px; margin: 30px auto 90px; position: relative;}
  .F3 .mapbg ul li{position: absolute; left: 0; width: 118px;}
  .F3 .mapbg ul li .libox{position: relative;}
  .F3 .mapbg ul li .libox .txt{position:absolute;left: 85%; top: 25px;width: 100%;}

  .F3 .mapbg ul li.li4 .libox .txt{position:absolute;left: 0; top: -40px;width: 100%;}

  .F3 .mapbg ul li.li1{ top: 30px; }
  .F3 .mapbg ul li.li2{ top: 180px; }
  .F3 .mapbg ul li.li3{ top: 320px; }
  .F3 .mapbg ul li.li4{ top: 50px;left: auto;right: -50px; }
}


/* 关于我们 */
.MainBG{ background:#eff5f9; }
.MainTitle{background: url('../images/titlebg.png') no-repeat center bottom; padding:30px 0; text-align: center;}
.MainTitle .h3{font-size: 28px;font-weight: normal; color: #6c3b27; letter-spacing:3px;}
.MainTitle .h5{font-size: 14px; font-weight: normal; color: #bbb; text-transform: uppercase; letter-spacing:5px;}

.MainBox{padding: 30px 0;}

.about .Aleft .title{font-size: 18px; color:#006CB8;}
.about .Aleft .title i{display: block; background: url('../images/titlebg01.png') no-repeat center; width: 56px;height: 16px; margin:10px 0;}
.about  .AF2img{padding-top: 15px;}

.about .ArightF3 .img{ padding-bottom: 15px; }

@media screen and (min-width:1000px ){
.about  .MainBox{ padding:50px 0;}
.about  .Aleft{float: left; width: 50%;}
.about  .Aright{float: right; width: 44%; text-align: right;}

.about .txt,
.about .AleftF2 .AF2txt{ line-height:22px;}
.about .Aleft .txt{ padding-top:15px;}
.about .ArightF2{float: right; width: 20%; text-align: right;}
.about .AleftF2{ float: left; width: 78%; padding-top: 45px;}
.about .AleftF2 .AF2img{float: left; width: 40%; padding-top:0;}
.about .AleftF2 .AF2txt{float: right; width: 55%}
.about .Aleft3{float: left; width: 42%; position:relative;}
.about .Aleft3 .img{ position:absolute; width:30%; right:-30%; bottom:0;}
.about .Aleft3 img{ vertical-align:bottom;}
.about .ArightF3{float: right;width: 58%; position: relative;}
.about .ArightF3 .AF3txt{position: absolute; width: 94%;left:8%;}
}

/* 关于我们 */

/* 明康汇APP */
.App-conl{ display:flex; justify-content: space-between;}
.App-conl .left{ max-width:60%;}
.App-conl .right{ max-width:30%;}
.App-conl .left .title{ margin-bottom:20px; font-size:22px; color: #E60012;}
.App-conl .left .title i{display: block; background: url('../images/titlebg01.png') no-repeat center; width: 56px;height: 16px; margin:10px 0;}
@media screen and (max-width:640px ){
.App-conl{ flex-wrap: wrap;}
.App-conl .left .title{ margin-bottom:10px; font-size:18px;}
.App-conl .left,
.App-conl .right{ width:100%; max-width:100%;}
.App-conl .right{ margin-top:20px;}
}

/* 新闻中心 */
.newList ul li .time{display: none;position: absolute;text-align: center;left: 60px; width: 75px;height: 85px; border-radius: 5px;background: #ededed; color: #76716d;}
.newList ul li{margin-bottom: 20px;}
.newList ul li.last{margin-bottom: 0;}
.newList ul li *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.newList ul li .img{display: block; overflow:hidden; margin-bottom: 20px;}
.newList ul li .img img{width:100%;}
.newList ul li a{display: block;background: #fff;box-shadow: 0 0 10px #eae7db; }
.newList ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.newList ul li a:hover {  background: #E60012;}
.newList ul li .h3{font-size: 18px; font-weight: normal;}
.newList ul li .txtBox{color: #333; position: relative; padding:0 15px 15px;}
.newList ul li a:hover .txtBox{color: #fff;}
.newList ul li .more{ display: inline-block;padding-right: 25px;color: #E60012;line-height: 35px;border-radius: 35px;margin-top: 15px;background: url('../images/more2.png') no-repeat 90% center; font-size:12px;}
.newList ul li a:hover .more{background-color: #fff; padding: 0 30px 0 15px; }
.newList ul li a:hover .time{color: #E60012;}
@media screen and (min-width:768px ){
  .newList ul li .img{float: left; width: 50%; margin-bottom: 0;}
  .newList ul li .txtBox{float: left; width: 50%;padding:30px 15px 0;}
  /* .newList ul li .txt .h3{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} */
  .newList ul li .txt .txtCon{padding-top: 15px;}
  .newList ul li .more{margin-top: 30px;}
}

@media screen and (min-width:1000px ){
    .newList ul li .txtBox{padding: 40px 30px 0;}
    .newList ul li{margin-bottom: 50px;}
    .newList ul li .more{margin-top: 25px;}
}

@media screen and (min-width:1200px ){
  .newList ul li .time{display: block; }
  .newList ul li .time .day{font-size: 30px;font-weight: bold;padding-top: 10px; }
  .newList ul li .txtBox{padding: 55px 30px 0 180px;}
  .newList ul li .more{margin-top: 25px;}

  .newList ul li .h3,
  .newList ul li .txt .txtCon{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;}
}


.newInfo2 .MainCon p{text-indent: 2em;}
.newInfo .title .h3{ font-size: 18px; text-align: center; font-weight: normal;color: #333; }
.newInfo .title .h5{font-size: 12px; color: #999;text-align: center; font-weight: normal;}
.newInfo .title {border-bottom: 1px dashed #ccc;padding-bottom: 10px;}

.newInfo3{padding:10px 0;}
.newInfoo p{text-indent: 2em; line-height: 2!important; font-family: "Microsoft YaHei",'微软雅黑';}
/* 新闻中心 */

/* 分页 */
.PageBox{ padding:30px 0;  background: #fff; margin-top: 20px; box-shadow: 0 0 10px #eae7db;}
.PageBox .Pages{text-align: center;}
.PageBox .Pages a{padding:8px 10px; color: #333; font-size: 14px; margin:0 3px;transition: all .5s; border-radius: 5px;}
.PageBox .Pages a:hover,.PageBox .Pages a.a_cur{ background: #E60012;color: #fff;  }
.PageBox .Pages .num{font-style: normal;}
.PageBox .Pages .num a{display: none;}

@media screen and (min-width:768px){
  .PageBox .Pages a{padding:10px 15px;}
  .PageBox .Pages .num a{display:inline-block;}
}
/* 分页 */

/* 产业链 */
.cylBox{}
.CylTop{}
.CylTop .left{ text-align: center; }
.CylTop .right{padding-top: 30px; font-size: 16px;}
.CylTop .right .txtBox{box-shadow: 0 0 10px #c8c7be; max-width: 440px;background: #fff; margin: 0 auto; padding: 20px;}
.CylTop .CylTopTxt{padding-top:20px;}

.CylList{padding-top: 30px;}
.CylList ul li{margin-bottom: 20px; position: relative;}
.CylList .left{}
.CylList .left .img{}
.CylList .left .img img{ width: 100%; }
.CylList .right .txtBox{background: #fff url('../images/cyllibg.png') no-repeat 15px center; margin-top: 20px;padding: 15px 60px 15px 30px; box-shadow: 0 0 10px #c9c7bf; color: #6c3b27; font-size: 16px;}
.CylList .right .icnum{position: absolute; right: 10px;top: 50%; width: 40px;height: 40px; border-radius: 100%;margin-top: -20px; border: 1px solid #deeecf; color: #E60012; text-align: center;line-height: 40px; }

@media screen and (min-width:768px){
  .CylTop{padding-top: 30px;}
  .CylTop .left{float: left; width: 58%;}


  .CylTop .right{float: right; width: 38%;padding-top: 80px;}
  .CylTop .CylTopTxt{padding-top:30px; font-size: 16px; max-width: 1100px;margin:0 auto;}

  .CylList .left{width: 55%;}
  .CylList .odd .left{float: right;}
  .CylList .right{ position: absolute; left: 45%;width: 40%;top: 50%;-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

  .CylList  .right{ width: 49%; left: 49%; }
  .CylList .odd .right{left: auto;right: 49%; text-align: right;}
  .CylList .right .txtBox{padding:25px 64px 25px 139px; margin-top: 0; background-position: 20% center;}
  .CylList .odd .right .txtBox{padding: 50px 30% 50px 50px;background:#fff url('../images/cyllibg01.png') no-repeat 80% center; }
  .CylList .right .icnum{width: 90px;height: 90px; line-height:90px; margin-top: -45px; right: 45px; font-size: 50px; font-weight: bold; }
  .CylList .odd  .right .icnum{right: auto; left: 45px;}
}

@media screen and (min-width:1200px){
  .CylTop .left{float: left; width: 48%;}
  .CylTop .right{padding-top: 140px; width: 48%}
  .CylList ul li{margin-bottom: 30px;}

  .CylList .right .txtBox{padding:35px 150px 35px 80px;margin-top: 0; background-position: 50px center;}
  .CylList .odd .right .txtBox{padding: 35px 80px 35px 150px;background:#fff url('../images/cyllibg01.png') no-repeat 90% center;}

}

.cylInfo{position: relative;}
.cylInfo .cImg{display: none;}
.cylInfo .CinfoListTop{ background: #fff; box-shadow: 0 0 10px #edeade;padding: 15px; }
.cylInfo .CinfoListTop{}
.cylInfo .CinfoListTop .title .h3{ background: url('../images/titlebg03.png') no-repeat left bottom; font-size: 18px;color: #E60012;padding-bottom: 10px; margin-bottom: 20px; font-weight: normal; }


.cylInfo .CinfoList ul{ text-align: center;font-size: 0;padding-top: 40px; }
.cylInfo .CinfoList ul li{ display: inline-block; width: 30%; font-size: 14px;vertical-align:top; margin-bottom: 20px; }
.cylInfo .CinfoList ul li a{display: block; color: #383838;}
.cylInfo .CinfoList ul li a .img{display: block;}
.cylInfo .CinfoList ul li a .txt{display: block;padding-top: 10px;}


@media screen and (min-width:768px){
  .cylInfo .cImg{display: block;  float: right;}
  .cylInfo .CinfoListTop{position: absolute; z-index: 9; padding: 35px;width: 80%;top: 50%;-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

}

@media screen and (min-width:1200px){
   .cylInfo .CinfoList ul{padding-top: 120px;}
     .cylInfo .CinfoListTop{padding: 75px;}
  .cylInfo .CinfoList ul li{display: block; float: left; width: 19%;}
}



/* 产业链 */

/* 农业基地 */
.AgrCategory{}
.AgrCategory ul{font-size: 0;text-align: center;}
.AgrCategory ul li{display: inline-block; font-size: 16px;margin: 0 5px;}
.AgrCategory ul li a{display:block; color: #333; background: #fff; line-height: 35px; padding: 0 10px;}
.AgrCategory ul li a:hover,.AgrCategory ul li.on a{color: #fff; background: url('../images/acategory2.jpg') no-repeat center bottom;}




.AgrList{overflow: hidden;}
.AgrList ul li{margin-top: 20px;}
.AgrList ul li *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.AgrList ul li a{ display: block;background: #fff; color: #383838; box-shadow: 0 0 10px #efede0; }
.AgrList ul li a .img{overflow:hidden;}
.AgrList ul li a .img img{width: 100%;}
.AgrList ul li a:hover{background: #E60012;color: #fff;}
.AgrList ul li .txt{padding: 15px;}
.AgrList ul li .txt .h3{font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-left: 20px;background: url('../images/acategorylibg2.jpg') no-repeat 0 center;}
.AgrList ul li a:hover .txt .h3{background-image: url('../images/acategorylibgon.jpg')}
.AgrList ul li .txt .more{display: inline-block;padding: 0 15px 0 25px; background: url('../images/more2.png') no-repeat right center; color: #E60012; font-size:12px;}
.AgrList ul li a:hover .txt .more{background-image: url('../images/more01.png');color: #fff;}
.AgrList ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.nyBase .MainCon{ padding:40px 0;}
.nyBase .MainCon .txt{ padding-bottom:20px;}
.nyBase .MainCon .txt .ti{ font-size:16px; color:#006CB8; padding-bottom:20px; font-weight:bold;}


@media screen and (min-width:540px){
  .AgrList ul li{float: left; width: 49%;margin-right: 2%;margin-top: 2%;}
  .AgrList ul li:nth-child(2n){margin-right: 0;}
}


@media screen and (min-width:768px){
  .AgrCategory ul li{font-size: 18px;margin:0 10px;}
  .AgrCategory ul li a{line-height: 50px;padding: 0 50px;}

  .AgrList ul li{width: 32%;margin-right: 2%;}
  .AgrList ul li:nth-child(2n){margin-right: 2%;}
  .AgrList ul li:nth-child(3n){margin-right: 0;}

}
@media(min-width:1024px){
	.nyBase{ padding-bottom:0;}
	.nyBase .MainCon .txt{ float:left; width:43%; padding:30px 0 0 0;}
	.nyBase .MainCon .pic{ float:right; width:50%;}
}
@media screen and (min-width:1200px){
  .AgrCategory ul{padding-top: 30px;}
     .AgrList ul li{width: 30%;margin-right: 5%; margin-top: 5%;}
    .AgrList ul li:nth-child(2n){margin-right: 5%;}
    .AgrList ul li:nth-child(3n){margin-right: 0;}
}

/* 农业基地 */

/* 品牌生鲜 */
.Fresh{}

.Fresh .ItemTop{background: #fff;padding: 15px; position: relative; box-shadow: 0 0 10px #edebe1;}
.Fresh .ItemTop .imgBox{text-align: center;}
.Fresh .ItemTop .imgBox .txt{font-size: 18px; color: #E60012;}
.Fresh .Item{margin-bottom: 30px;}
.Fresh .ItemCur{position: relative; top: -28px;}
.Fresh .Item.last{margin-bottom: 0;}

.Fresh .ItemList{}
.Fresh .ItemList ul li *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.Fresh .ItemList ul li{margin-top:20px;}


.Fresh .ItemList ul li a{ display: block; background: #fff;color: #383838;box-shadow: 0 0 10px #edebe1; }

.Fresh .ItemList ul li a .img{overflow:hidden;}
.Fresh .ItemList ul li a .img img{width: 100%;}
.Fresh .ItemList ul li a:hover{background: #E60012;color: #fff;}
.Fresh .ItemList ul li .txt{padding: 15px 100px 15px 15px;  position: relative; }
.Fresh .ItemList ul li .txt .h3{font-size: 16px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-left: 20px;background: url('../images/acategorylibg2.jpg') no-repeat 0 center;}
.Fresh .ItemList ul li a:hover .txt .h3{background-image: url('../images/acategorylibgon.jpg')}
.Fresh .ItemList ul li .txt .more{display: inline-block;padding: 0 15px 0 0px; background: url('../images/more2.png') no-repeat right center; color: #E60012; position: absolute; right:15px; top: 15px; font-size:12px;}
.Fresh .ItemList ul li a:hover .txt .more{background-image: url('../images/more01.png');color: #fff;}
.Fresh .ItemList ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

@media screen and (min-width:540px){
  .Fresh .ItemList ul li{width: 49%;margin-right: 2%;float: left;}
  .Fresh .ItemList ul li:nth-child(2n){margin-right: 0%;}
}


@media screen and (min-width:768px){
  .Fresh .ItemTop{padding: 20px 20px 20px 300px; height: 115px;}
  .Fresh .ItemTop .imgBox{position: absolute; left: 20px; top: 20px; width: 240px; background: url('../images/Freshbg.png') no-repeat right center;}
  .Fresh .ItemTop .imgBox .img{float: left; width: 75px;}
  .Fresh .ItemTop .imgBox .txt{float: left;max-width: 151px;font-size: 24px;padding-left:20px;}
  .Fresh .ItemTop .imgBox .txt.txtline{line-height: 75px;}
   .Fresh .ItemList ul li{margin-right: 2%; width: 23%; top: 2%;}
   .Fresh .ItemList ul li:nth-child(2n){margin-right: 2%;}
   .Fresh .ItemList ul li:nth-child(4n){margin-right: 0%;}

}
@media screen and (min-width:1200px){
   .Fresh .Item{margin-bottom: 50px;}
   .Fresh .ItemCur{top: -48px;}
   .Fresh{padding-top: 30px;}
}

/* 品牌生鲜 */
/* 销售渠道 */
.Sale{}
#SaleMap{position: relative; top: -50px;}

.SaleMap{background: #fff; box-shadow: 0 0 10px #eeecdf; padding: 20px;}

.SaleMap .Sbox{margin-bottom: 20px;}
.SaleMapSel{}
/*select下拉样式*/
.Sbox .ZJselectBox{width:100%; height:45px; position: relative;}
.Sbox .ZJselectTxt{position: relative; padding-left: 15px; line-height: 45px; color: #999; font-size: 14px;border:1px solid #f4f0d4; border-radius: 45px;  }

.Sbox .ZJselectTxt span{ color: #bdbdbd; }
.Sbox .ZJselectTxt i.icon{ display: block; width: 45px;height: 45px; position: absolute; right: 0;top: 0;background: url('../images/down.png') no-repeat center;z-index: 2;cursor: pointer; }
.Sbox .ZJselectTxt i.iconOn{background-image: url('../images/up.png');}

.Sbox .ZJselectBox .ZJselectUl{position: absolute; display: none; width: 100%; z-index: 4; top:100%;left: 0; background: #fff; }
.Sbox .ZJselectBox .ZJselectUl .ZJselectUlBox{max-height: 180px;overflow-y:auto; border:1px solid #f4f0d4;}
.Sbox .ZJselectBox .ZJselectUl ul li{height: 45px; line-height: 45px; padding-left: 15px;border-bottom: 1px solid #f9f9f9; font-size: 14px; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; cursor: pointer;}
.Sbox .ZJselectBox .ZJselectUl ul li:hover{background: #f5f5f5;}


.Sbox .Smd{position: relative; padding-left: 15px;padding-right: 50px;line-height: 45px; color: #999; font-size: 14px;border:1px solid #f4f0d4; border-radius: 45px;}
.Sbox .Smd input{display: block; width: 100%;height: 45px;line-height: 45px; }
.Sbox .Smd .btn{display: block;width: 45px;height: 100%;background: url('../images/btn_icon_03.png') no-repeat center; position: absolute; right: 0; top: 0;}




.SaleMapCon .SaleTitle {text-align: center}
.SaleMapCon .SaleTitle .h3{font-size: 28px;font-weight: normal; color: #6c3b27;}
.SaleMapCon .SaleTitle .h5{font-size: 14px; font-weight: normal; color: #bbb; text-transform: uppercase;}
.SaleMapCon .SaleTitle .info{padding-top: 15px;}
.SaleMapCon .mapImg{text-align: center;padding: 15px 0;}
.SaleMapCon .mapImg #allMap{display: none;}
.SaleMapCon .mapImg #allMap img{max-width: none !important;}

.SaleMapCon .mapUl{}
.SaleMapCon .mapUl li{padding: 15px 0;border-bottom: 1px solid #f4f0d4; cursor:pointer;}
.SaleMapCon .mapUl .h3{font-size: 14px;margin: 0;color: #E60012;}
.SaleMapCon .mapUl dd{padding-left: 45px; position: relative;}
.SaleMapCon .mapUl dd .left{position: absolute; left: 0;top: 0;}


#scrollInner{height: 453px;overflow: hidden;}

/* 滚动条样式 */
#scrollInner .mCSB_scrollTools .mCSB_draggerRail{ width: 10px; }
#scrollInner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 15px; background:#E60012;}
#scrollInner .mCSB_container{margin-right: 20px;}
/* 滚动条样式 */

.SaleList{padding: 30px 0;}
.SaleList li{margin-bottom: 20px;}
.SaleList li .num{ display:none;}
.SaleList .left{}
.SaleList .left .img{}
.SaleList .left .img img{ width: 100%; }
.SaleList .right .txtBox{background: #fff; margin-top: 20px;padding: 25px; box-shadow: 0 0 10px #c9c7bf;}
.SaleList .txtBox .h3{font-size: 18px; color: #6c3b27; font-weight: normal;}
.SaleList .txtBox .h3 i.icon{ display: block;width: 70px;height: 3px;background: #E60012; margin: 10px auto;}


.storebox{ background-color:#fff; padding:10% 0;}
.storebox li{ padding:2% 0;}
.storebox li .item{ position:relative;}
.storebox li .item img{ width:100%;}
.storebox li .storeLogo{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-color:#fff; border-radius:5px; display:block; width:66%; max-width:390px; padding:20px 0; text-align:center;}
.storebox li a:hover{ color:#E60012;}
.storebox li .storeLogo img{ width:50%; max-width:194px;}
.storebox li .storeLogo span{ display:block; font-size:16px; padding-bottom:2%; line-height:30px;}
.storebox li .storeLogo em{ font-style:normal; font-size:12px; display:inline-block; background:url(../images/ico-jt.jpg) no-repeat right center; padding-right:25px;}


.clientbox{ padding:10% 0;}
.clientbox .ti{ text-align:center; line-height:24px; letter-spacing:2px;}
.clientbox .ti span{ color:#753B27; font-size:20px; display:block;}
.clientbox .ti i{ background-color:#81B945; width:48px; height:3px; margin:0 auto; display:inline-block;}
.clientbox .txt{ text-align:center; padding:2% 0 5%;}

.clientbox .list{}
.clientbox .list ul{ margin-left:-2%; margin-right:-2%;}
.clientbox .list li{ float:left; width:33.3333%; padding:2%;}
.clientbox .list li a{ background-color:#fff; border:1px solid #F1F0EC; display:block; text-align:center; padding:5% 3%;}
.clientbox .list li span{ display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:30px;}


@media screen and (min-width:768px){
  .SaleList ul{ margin-left:-2%; margin-right:-2%;}
  .SaleList li{ width:50%; padding:0 2%; float:left; position:relative;}
  .SaleList .left{}

  .storebox li .storeLogo span{ font-size:22px; line-height:60px;}
  .storebox li .storeLogo em{ font-size:14px;}
}
@media(min-width:1024px){
	.storebox{ padding:60px 0;}
	.storebox ul{ margin-left:-12px; margin-right:-12px;}
	.storebox li{ float:left; width:50%; padding:0 12px}

	.clientbox{ padding:60px 0;}
	.clientbox .ti span{ font-size:28px;}
	.clientbox .txt{ line-height:28px; font-size:14px;}

	.clientbox .list ul{ margin-left:-12px; margin-right:-12px;}
	.clientbox .list li{ width:20%; padding:13px 12px;}
	.clientbox .list li a{ padding:15px 10px;}
	.clientbox .list li a:hover{ color:#81B945;}
	.clientbox .list li span{ font-size:14px; font-weight:bold; line-height:35px;}
}
@media screen and (min-width:1200px){
  .SaleList ul{ margin-left:-25px; margin-right:-25px;}
  .SaleList li{ padding:0 25px 54px 25px; margin-bottom:0;}
  .SaleList li .item{ position: relative;}
  .SaleList li .right{ position: relative; z-index:10; width: 78%; margin:0 auto; margin-top:-30%;}
  .SaleList li .right .txtBox{ padding:30px 40px; margin:0; text-align:center; line-height:24px; position:relative;}
  .SaleList li .txtBox .h3{ font-size: 20px;}
  .SaleList li .txtBox .txt{ margin-top:10px; position: relative;}
  .SaleList li .txtBox .num{ position:absolute; z-index:-1; left:50%; top:50%; transform:translate(-50%,-50%); font-size:160px; color:#F0F5E7; display:block; font-weight:bold;}
}

@media screen and (min-width:768px){
  .SaleMap .Sbox{float: left; width: 32%;margin-right: 2%;}
  .SaleMap .Sbox.last{margin-right: 0;}
}


@media screen and (min-width:1200px){
.SaleMapCon {border-top: 1px solid #f4f0d4; padding-top: 20px;}
.SaleMap{padding: 45px;}
.SaleMapCon .SaleTitle{ float: left; width: 20%;  text-align: left; padding-top: 200px;}
.SaleMapCon .mapImg{float: left; width: 48%; height: 453px;}
.SaleMapCon .mapUl{float: right; width: 30%;}

}

/* 销售渠道 */
.Job{background-position: center center;background-repeat: no-repeat; background-size: cover; position: relative;}
.Job .vcenter{position: absolute;bottom: 0; width: 100%;left: 0; height: 100%;}
.Job .tc{display: table; width: 100%;height: 100%;}
.Job .tb-c{display: table-cell;vertical-align: middle; }
.Job .tb-c .imgBox{display:block;border-radius: 100%;overflow: hidden;background:rgba(255,255,255,.6); padding: 10px;max-width:164px;max-height: 164px; margin: 0 auto;}
.Job .tb-c .imgBox .imgBoxw{display:block;border-radius: 100%;overflow: hidden; border: 1px dashed #E60012; padding: 10px;max-width:164px;max-height: 164px; margin: 0 auto; }
.Job .tb-c .img{position: relative; border:1px solid #e9f3dc; border-radius: 100%;overflow: hidden; display:block;}
.Job .tb-c .img .img2{position: absolute; opacity: .3; left: 0;top: 0;}

.Job .tb-c  ul li{ text-align: center;width: 33.33%; float: left;padding: 0 5px;}

.Job .tb-c  ul li *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.Job .tb-c  ul li a{display: block;}
.Job .tb-c  ul li .txt{color: #666;padding-top: 10px;}

@media screen and (min-width:768px){
  .Job .tb-c  ul li a:hover .imgBox .imgBoxw .img{background:#E60012;}
  .Job .tb-c  a:hover .img{border-color:#E60012;}
  .Job .tb-c  ul li a:hover .img2{ opacity: 1; }
  .Job .tb-c  ul li a:hover .txt{color: #713f1f;}
  .Job .tb-c  ul li .txt{font-size: 20px;}
}

/* 社会招聘 */
.social{}
.social ul li{ position: relative; margin-bottom: 20px; }
.social ul li .liCon{display: block;width: 100%;}
.social ul li .liBox{background: #fff; box-shadow: 0 0 10px #f4f2e6; padding: 50px 15px 15px;padding-top: 110px; margin-top: -95px;}
.social ul li .img{width: 190px;height: 190px; border-radius: 100%; overflow: hidden; position: relative; margin:0 auto;}
.social ul li .img02{width: 50px;height: 50px; position: absolute; left: 50%;top: 50%; margin-top: -25px;margin-left: -25px;}
.social ul li .h3{background: url('../images/socialtitlebg2.png') no-repeat center; text-align: center; font-size: 16px; color: #E60012;padding: 10px 0;}


.social ul li .liboxList{}
.social ul li .liboxList dl{}
.social ul li .liboxList dl dd{padding: 0 15px;}
.social ul li .liboxList dl dd a{ display: block;padding: 0 10px;text-align: center; border-radius: 35px; line-height: 45px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.social ul li .liboxList dl dd a .txt{display: none;}
.social ul li .liboxList dl dd a:hover{background: #E60012; color: #fff;}
.social ul li .more{display: block; width: 40px;height: 40px; text-align: center; line-height: 40px;margin:20px auto 0; border-radius: 100%; border:1px solid #ede9cf; font-size: 20px;
  color: #ede9cf; cursor: pointer;-webkit-transition: all .3s;  -o-transition: all .3s;  transition: all .3s;}
.social ul li .more:hover,.social ul li .more.moreon{background: #6c3b27; border-color: #6c3b27; color: #fff;
  -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

@media screen and (min-width:768px){
  .social ul li{ position: relative; margin-bottom: 40px; }
  .social ul li .liboxList dl dd{float: left; width: 50%;}
  .social .List{float: left; width: 48%;margin-right: 4%;}
  .social .List.last{margin-right: 0;}
}

/* 社会招聘 */


/*弹出层样式*/

  .Mask{position: fixed; display: none; background:rgba(255,255,255,.8);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8FFFFFF,endColorstr=#C8FFFFFF);left: 0; top: 0; z-index: 9999;}
  .Mask .MaskBox{z-index: 999; max-width: 1000px;margin:0px auto;position: relative;max-height: 490px;background:#fff;padding:40px 20px 0; overflow-y: auto; box-shadow: 0 0 10px #e1e4ce;}

  .Mask .MaskBox a.MaskClore{ display: block;width: 80px;font-size: 14px;color: #333;position: absolute;right: 10px;top:10px; line-height: 40px;text-align: center;}
/*弹出层样式*/

  .Mask .MaskBox .MaskForm{margin-bottom: 20px;}
  .Mask .MaskBox .MaskForm table{width: 100%; text-align: left;margin-top: 10px;}
    .Mask .MaskBox .MaskForm table th{width: 33%; color: #E60012;}
  .Mask .MaskBox .MaskForm table td{width: 33%; }
  .Mask .MaskBox .MaskForm .h3{font-size: 16px;font-weight: normal; color: #555; background: url('../images/masktitle.png') no-repeat left bottom; padding-bottom: 10px; padding-left: 15px;}
  .Mask .MaskBox .MaskForm .h4{color: #E60012; font-size: 14px; margin: 10px 0;}
  .Mask .MaskBox .MaskFormBtn{display: block;width: 100px;height: 35px; text-align: center;line-height: 35px; background: #E60012; border-radius: 45px; color: #fff;margin:20px auto 0;}
  .Mask .MaskBox .MForm{display: none; padding-top: 20px;}

@media screen and (min-width:768px){
  .Mask .MaskBox{padding: 20px 40px 0;}
    .Mask .MaskBox .MaskForm .h3{max-width: 80%;}
  }

@media screen and (min-width:1200px){
  .Mask .MaskBox{padding: 40px 40px 0;}
  .Mask .MaskBox a.MaskClore{top: 30px;}
    .Mask .MaskBox{max-height: 550px;}
    .Mask .MaskBox .MaskForm{margin-bottom: 40px;}

  }




  .MaskForm ul{max-width: 1000px; margin: 30px auto 0;}
  .MaskForm ul li{margin-bottom: 8px;}
  .MaskForm ul li.li2 .right{line-height: 0; }
  .MaskForm .left{float: left; width: 110px; text-align: right; padding-right: 10px; line-height: 36px;}
  .MaskForm .right{max-width: 450px; width: 60%; float:left; line-height: 36px; font-size: 14px; color: #333;}
  .MaskForm .right input{max-width: 410px; width:90%; border: 1px solid #ddd; line-height: 36px;height: 36px; padding:0 10px; border-radius: 5px;}
  .MaskForm .right textarea{max-width: 410px; width: 90%;border: 1px solid #ddd;padding:10px 10px; border-radius: 5px; height: 81px; line-height: 24px;}

 .MaskForm .FormBtn{display: block;width: 100px;height: 35px; text-align: center;line-height: 35px; background: #E60012; border-radius: 45px; color: #fff;margin:20px auto 0;}


@media screen and (min-width:768px){
 .MaskForm .MForm .item{ float: left; width: 49%; }
 .MaskForm .MForm .itemlast{float: right;}
}



/* 校园招聘 */
.School{}
.School .SchoolF{box-shadow: 0 0 10px #e1e4ce;background: #fff;padding: 15px; margin-bottom: 20px;}
.School .SchoolF .h3{background: url('../images/socialtitlebg2.png') no-repeat center; text-align: center; font-size: 16px; color: #E60012;}
.School .SchoolTop .img{text-align: center;}

.School .SchoolF{box-shadow: 0 0 10px #e1e4ce;background: #fff;padding: 15px;}
.SchoolF1{}
.SchoolF1 ul{padding-left: 20px; padding-top: 10px; overflow:hidden;}
.SchoolF1 ul li{border-left: 1px solid #ebebeb; padding-left: 20px; }
.SchoolF1 ul li .liBox{position: relative;padding: 10px 0;}
.SchoolF1 ul li .liBox .icon{display: block; width: 30px; height: 30px; background:#E60012 ; text-align: center; line-height: 30px;color: #fff; font-style: italic; border-radius: 100%; position: absolute; left: -38px; top: 50%;margin-top: -15px;}
.SchoolF1 ul li .liBox .icon.on{background: #b3da78;}
.SchoolF2 .table{overflow-x: auto; padding-top: 10px;}
.SchoolF2 .table table{width:100%; text-align: center; min-width: 700px;}

.SchoolF2 .table table,.SchoolF2 .table table td,.SchoolF2 .table table th{border:1px solid #ccc;border-collapse:collapse; font-size: 14px;}
.SchoolF2 .table table th,.SchoolF2 .table table td{width: 20%;}
.SchoolF2 .table table th{ background: #fbf9ee; height:50px; }
.SchoolF2 .table table td{height: 40px;}
.SchoolF2 .tableTxt{text-align: center; line-height: 35px; padding-top: 20px;}

.School .more{display: block; width: 230px; line-height: 35px; text-align: center; background: #E60012; color: #fff; margin:20px auto 0; border-radius: 35px;}

@media screen and (min-width:768px){
  .School .SchoolF{padding: 30px;margin-bottom: 30px;}
  .SchoolF1 ul .Item{float: left; width:48%;margin-right: 4%;}
  .SchoolF1 ul .Item.odd{margin-right: 0;}
  .SchoolF2 .table{padding-top: 20px;}
}

@media screen and (min-width:1200px){
  .School .SchoolF{padding: 40px; margin-bottom: 40px;}
  .School .SchoolTop .img{padding-top: 40px;}
  .SchoolF1 ul li{}
  .SchoolF1 ul li .txt{display: table;height: 120px;vertical-align: middle;}
  .SchoolF1 ul li .txt .txt-td{display: table-cell;vertical-align: middle; }

  .SchoolF1 ul{padding-top: 40px; }
  .SchoolF2 .table{padding-top: 30px;}
}





/* 校园招聘 */

/* 招商加盟 */
.Join{}
.Join .Jtitle{}
.Join .Jtitle .h3{font-size: 20px; font-weight: normal; color: #6c3b27;}
.Join .Jtitle .h3 i{display: block; width: 70px;height: 3px; background: #E60012;margin:10px 0;}
.JoinF1{}
.JoinF1 .box{padding: 30px;}
.JoinF1 .box .left{margin-bottom: 20px;}

.JoinF2{background: #fff;padding: 30px 0;}
.JoinF2 .boxBG{background: url('../images/joinbg.png') no-repeat center top; padding: 30px 0;}
.JoinF2 .box{background: rgba(255,255,255,.5);padding: 20px; box-shadow: 0 0 10px #f2f2ef;}
.JoinF2 .box .list{padding-top: 20px;}
.JoinF2 .box .list li{position: relative; padding-left: 60px; margin-bottom: 20px;}
.JoinF2 .box .list .num{position: absolute;left: 0;top: 0; width: 40px;height: 40px;border-radius: 100%; box-shadow: 0 0 10px #f2f2ef; color: #E60012; font-size: 24px; text-align: center;line-height: 40px; background: #fff; }
.JoinF2 .box .list .txt{font-weight: bold; color: #333; padding: 8px 0;}

.JoinF3{padding: 30px 0 0;}
.JoinF3 .list{}
.JoinF3 .list ul{display: flex;flex-wrap: wrap;}
.JoinF3 .list a{ display: block;text-align: center;background: #fff; border:1px solid #eee; padding-bottom: 10px; }
.JoinF3 .list a .img{display:block;}
.JoinF3 .list a .img img{width: 100%;}
.JoinF3 .list a .txt{display: block; line-height: 35px; font-weight: bold; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.JoinF3 .list li{float: left; width: 49%;margin-right: 2%; margin-bottom: 2%;}
.JoinF3 .list li:nth-child(2n){margin-right: 0;}

.JoinF4{padding: 30px 0; background: #fff;}
.JoinF4 ul li{margin-bottom: 20px; position: relative;}
.JoinF4 .left{}
.JoinF4 .left .img{}
.JoinF4 .left .img img{ width: 100%; }
.JoinF4 .right .txtBox{background: #fff; margin-top: 20px;padding: 25px; box-shadow: 0 0 10px #c9c7bf;}
.JoinF4 .txtBox .h3{font-size: 18px; color: #6c3b27; font-weight: normal;}
.JoinF4 .txtBox .h3 i.icon{ display: block;width: 70px;height: 3px;background: #E60012; margin: 10px 0; }



@media screen and (min-width:540px){
  .JoinF3 .list li{ width: 32%;margin-right: 2%;}
  .JoinF3 .list li:nth-child(2n){margin-right: 2%;}
  .JoinF3 .list li:nth-child(3n){margin-right: 0;}
  }

@media screen and (min-width:768px){
    .JoinF1 .box .left{float: left; width: 48%;}
    .JoinF1 .box .right{float: right; width: 48%;}
    .JoinF1 .box{padding:50px 30px;}
    .JoinF2{padding: 40px 0;}
    .JoinF2 .box{padding: 20px 40px;}
    .JoinF2 .box .list li{float: left; width: 50%;}
    .JoinF4{padding: 40px 0;}
    .JoinF4 .left{width: 60%;}
    .JoinF4 .odd .left{float: right;}
    .JoinF4 .right{ position: absolute; left: 50%;width: 50%;top: 50%;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .JoinF4 .txtBox .h3{font-size: 20px;}
    .JoinF4 .odd .right{left: auto;right: 40%; }
    .JoinF4 .right .txtBox{padding:50px;margin-top: 0;}
}

@media screen and (min-width:1200px){
  .JoinF1 .box .left{margin-bottom: 0;padding-top: 30px;}

  .JoinF2{padding: 70px 0;}
  .JoinF3{padding: 70px 0;}
  .JoinF2 .box .list li{float: left; width: 25%;}
  .JoinF2 .box .list .txt{padding: 14px 0;}
  .JoinF2 .box .list .num{width: 50px;height: 50px; line-height: 50px;}
  .JoinF2 .boxBG{padding: 110px 0;}
  .JoinF3 .list li{ width: 18.4%;margin-right: 2%; margin-bottom: 2%;}
  .JoinF3 .list li:nth-child(3n){margin-right: 2%;}
  .JoinF3 .list li:nth-child(5n){margin-right: 0;}
  .JoinF4 ul li{margin-bottom: 30px;}
  .JoinF4{padding: 60px 0;}


}

/* 招商加盟 */
 /* 诚信体系 */
.QA .MainBox{ padding-top:40px;}
.QAInfo{position: relative;}
.QAInfo .cImg{display: none;}
.QAInfo .QAListTop{ background: #fff; box-shadow: 0 0 10px #edeade;padding: 15px; }
.QAInfo .QAListTop{}
.QAInfo .QAListTop .title .h3{ background: url('../images/titlebg03.png') no-repeat left bottom; font-size: 18px;color: #E60012;padding-bottom: 10px; margin-bottom: 20px; font-weight: normal; }

.QAList ul{ text-align: center;font-size: 0;padding-top: 40px; }
.QAList ul li{ display: inline-block; width: 30%; font-size: 14px;vertical-align:top; margin-bottom: 20px; }
.QAList ul li a{display: block; color: #383838;}
.QAList ul li a .img{display: block;}
.QAList ul li a .txt{display: block;padding-top: 10px;}


@media screen and (min-width:768px){
  .QAInfo .cImg{display: block;  float: right; width:50%;}
  .QAInfo .QAListTop{ position: absolute; z-index: 9; padding: 30px;width: 70%;top: 50%;-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
}

@media screen and (min-width:1200px){
  .QAList ul{padding-top: 100px;}
  .QAListTop{padding: 75px 60px;}
  .QAList ul li{display: block; float: left; width: 16.66%; background: url('../images/qabg.png') no-repeat right 50px;}
  .QAList ul li a{ padding:0 10% 0 5%;}
  .QAList ul li.last{background: none;}

  .QAInfo .QAListTop .title .h3{ line-height:35px;}
  .QAInfo .QAListTop .title .txt{ line-height:30px;}
}

/* 诚信体系 */

/* 质量标准 */
.qualityList{}
.qualityList ul li{margin-bottom: 20px; position: relative;}

.qualityList .left{}
.qualityList .left .img{}
.qualityList .left .img img{ width: 100%; }
.qualityList .right .txtBox{background: #fff; margin-top: 20px;padding: 25px; box-shadow: 0 0 10px #c9c7bf;}
.qualityList .txtBox .h3{font-size: 16px; color: #6c3b27; font-weight: normal;}
.qualityList .txtBox .h3 i.icon{ display: block;width: 70px;height: 3px;background: #E60012; margin: 10px 0; }

.qualityBottom{padding: 20px 0;}
.qualityBottom ul{font-size: 0;text-align: center;}
.qualityBottom ul li{display: inline-block; font-size: 14px; padding:20px 0; width: 50%;}

.qualityBottom ul li .liBox{color: #fff;max-width: 184px;width: 100%;height: 184px; background: url('../images/qualityBG.png') no-repeat center; text-align: center; position: relative; background-size:100%; }
.qualityBottom ul li .liBox .txt{padding-top: 70px; font-size: 30px; vertical-align: middle;}
.qualityBottom ul li .liBox .txt span{font-size: 12px;}
.qualityBottom ul li .liBox .txtB{position: absolute; bottom: 0;left: 0;width: 100%;}
.qualityBottom ul li.odd .liBox{background-image: url('../images/qualityBG01.png')}
.qualityBottom ul li .txtB{font-size: 16px;color: #666;}


@media screen and (min-width:400px){
  .qualityBottom ul li .liBox{color: #fff;width: 184px;height: 184px;}
  .qualityBottom ul li{width: auto;}
}

@media screen and (min-width:768px){
  .qualityList .left{width: 60%;}
  .qualityList .odd .left{float: right;}
  .qualityList .right{ position: absolute; left: 50%;width: 50%;top: 50%;-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .qualityList .odd .right{left: auto;right: 40%; }
  .qualityList .right .txtBox{padding:50px;margin-top: 0;}

}

@media screen and (min-width:1200px){
  .qualityList ul li{margin-bottom: 30px;}
  .qualityTxt{padding-top: 20px;}
  .qualityBottom{padding: 40px 0 20px;}
  .qualityBottom ul li{float: left; width: 20%;}
}

/* 质量标准 */

.traceabilityList{}

.traceabilityList ul li{margin-bottom: 20px; position: relative;}

.traceabilityList .left{}
.traceabilityList .left .img{}
.traceabilityList .left .img img{ width: 90%; }
.traceabilityList .right .txtBox{background: #fff; margin-top: 20px;padding: 25px; box-shadow: 0 0 10px #c9c7bf;}
.traceabilityList .txtBox .h3{font-size: 16px; color: #6c3b27; font-weight: normal;}
.traceabilityList .txtBox .h3 i.icon{ display: block;width: 70px;height: 3px;background: #E60012; margin: 10px 0; }

@media screen and (min-width:768px){
  .traceabilityList .left{width: 60%;}
  .traceabilityList .odd .left{float: right;}
  .traceabilityList .right{ position: absolute; left: 50%;width: 50%;top: 50%;-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .traceabilityList .odd .right{left: auto;right: 40%; }
  .traceabilityList .right .txtBox{padding:50px;margin-top: 0;}

}

@media screen and (min-width:1200px){
  .traceabilityList ul li{margin-bottom: 30px;}
}


@media screen and (min-width:1200px){
  .traceabilityInfo {padding-top: 50px; position: relative;}
  .traceabilityInfo .txtb{position: relative;text-align: right;padding-top:5px;}
  .traceabilityInfo .txtb .txtleft{width: 55%;}
  .traceabilityInfo .txtb .txtright img{ width: 20%; }
  .traceabilityInfo .txt{padding-right: 50px;}
  .traceabilityInfo .txtb .txtleft{ text-align: left;}
  .traceabilityInfo .left{width: 55%;float: left;}
  .traceabilityInfo .right{width: 45%;float: right;}


}


@media screen and (min-width:1366px){
	.traceabilityInfo .txtb{padding-top: 15px;}
	.traceabilityInfo .txtb .txtright img{ width:26%; }
}

/* @media screen and (min-width:1440px){
	.traceabilityInfo .txtb{padding-top: 46px;}
}

@media screen and (min-width:1600px){
	.traceabilityInfo .txtb{padding-top: 65px;}
}
@media screen and (min-width:1900px){
	.traceabilityInfo .txtb{padding-top: 89px;}
} */



.mapAbout{}
.MapTitle{ text-align: center; }
.MapList{padding: 20px 0;}
.MapList ul li{text-align: center;margin-bottom: 15px;}
.MapList ul li .img{background: url('../images/maplibg.png') repeat-x 0 center;}
.MapList ul li .img .imgbox{ max-width: 150px; background: #fbf9ee;margin: 0 auto 15px; }

@media screen and (min-width:1200px){
  .MapList ul li{float: left; width: 33.33%;}
  .MapList ul li .img .imgbox{margin-top: 30px;}
   .MapList ul li .txt{max-width: 300px; margin:0 auto; min-height: 60px;}
  }


/* 人才理念 */
.rclnList{}
.rclnList li{ padding-top: 90px; margin-bottom: 20px; }
.rclnList li .liBox{position: relative; background: #fff;padding:95px 15px 15px; box-shadow: 0 0 10px #f1efe3;}
.rclnList li .liBox .icon{position: absolute; text-align: center;line-height: 1em;padding-top: 60px;top: -86px;left: 50%;margin-left: -86px; font-size: 22px;color: #fff; width:172px;height: 172px; background: #E60012; border-radius: 100%;border: 5px solid #f8f8f8; }
.rclnList li .liBox .icon span{font-size: 14px;color: #bada95;}

.rclnList li .txtCon{padding: 15px;}
.rclnList li .txtCon .h3{font-size: 14px; padding-left: 18px; background:url('../images/lih3bg2.png') no-repeat 0 5px;}
.rclnList li .txtCon .txt{line-height: 24px;}
.rclnList li .dl dd{padding-left: 18px; background: url('../images/liddbg2.png') no-repeat 0 10px;  line-height: 24px;}
.rclnListBottom{background: #fff; box-shadow: 0 0 10px #f1efe3; padding: 20px;}
.rclnListBottom .dl dd{position: relative; padding-left: 30px; margin-bottom: 10px; line-height: 26px;}
.rclnListBottom .dl .icon_i{ position: absolute; left: 0;top: 0; width: 26px;height: 26px; background: #E60012; border-radius: 100%;text-align: center; line-height: 26px; color: #fff; }
.rclnListBottom .title1{text-align: center; color: #E60012; font-size: 22px; font-weight: bold; background: url('../images/socialtitlebg2.png') no-repeat center; padding: 20px 0;}


@media screen and (min-width:768px){
  .rclnList li{float: left; width: 32.66%;margin-right: 1%;}
  .rclnList li:nth-child(3n){margin-right: 0;}
  .rclnListBottom{padding: 30px;}
}

@media screen and (min-width:1200px){

  .rclnList li .liBox{ height: 360px; }
  .rclnList li .dl {max-width: 190px; margin:0 auto;}
  .rclnList li .txtCon{padding:15px 0px;}
  .rclnList li{float: left; width: 30.66%;margin-right: 4%; margin-bottom: 4%;}
  .rclnList li:nth-child(3n){margin-right: 0;}
  .rclnListBottom .dl dd{padding-left: 40px;}
  .rclnListBottom .title1{ margin:10px 0 40px;}

}

@media screen and (min-width:1440px){
 .rclnList li .txtCon{padding:15px;max-width: 250px; margin:0 auto;}
}

/* 人才理念 */



/* 企业文化 */

.qywhTop{}
.qywhTop ul li{background: #fff; box-shadow: 0 0 10px #f1efe3; margin-bottom: 20px;}
.qywhTop ul li .left{padding: 15px;}
.qywhTop ul li .left .h3{font-size: 18px; color:#6c3b27; font-weight: normal;}
.qywhTop ul li .left .h3 .icon{display: block; width: 70px; height: 3px; background: #E60012; margin:10px 0;}
.qywhTop ul li .right{}
.qywhTop ul li .right img{ width: 100%; }

.qywhList .title{text-align: center; background: url('../images/socialtitlebg2.png') no-repeat center; padding:20px 0;
 font-size: 16px; font-weight: bold; color: #E60012; }
.qywhList ul li{ margin-bottom: 20px; }
.qywhList ul li .ttxtbox .box{position: relative;width: 110px;height: 40px;margin: 0 auto; text-align: center; line-height: 40px; border-radius: 10px 0; background: #E60012; text-align: center; color: #fff; font-weight: bold;font-size: 16px; }
.qywhList ul li .litxt{background: #fff; box-shadow:0 0 10px #f1efe3; padding: 15px; margin-top: 15px;}
.qywhList ul li .litxt .h3{font-size: 14px; color: #ab8563;}


@media screen and (min-width:768px){
  .qywhList .title{padding: 50px 0; font-size:18px;}
   .qywhList ul li{position: relative; padding-left: 170px; margin-bottom: 30px;}
   .qywhList ul li .litxt{margin-top: 0;}
  .qywhList ul li .ttxtbox{position: absolute; left: 0; top: 50%; margin-top: -20px;}
   .qywhList ul li .ttxtbox .icon{display: block; width: 60px;height: 1px;background: #E60012; right: -40px; top: 19px; position: absolute;}
}

@media screen and (min-width:1000px){
.qywhTop ul li .left{ float: left; width: 50%;padding: 40px 20px 0; }
.qywhTop ul li .right{float: left; width: 50%;}
}

@media screen and (min-width:1200px){
  .qywhTop ul li .left{padding: 40px 40px 0;}
}




/* 企业文化 */

/* 品牌故事 */
.ppgs{}
.ppgs .item4{margin: 20px 0;}
 .ppgs .ppgsF2L{margin-bottom: 20px;}
.ppgs .item4 .h3{background: url('../images/lih3bg2.png') no-repeat 0 8px; font-size: 18px; padding-left: 20px; color: #555; font-weight: normal;}
.ppgs .item4  ul{max-width: 330px;}
.ppgs .item4  ul li{ float: left; width: 33.33%; }
.ppgs .item4  ul li .btn{ display: block; display: inline-block;padding: 10px; border-radius: 100%; border: 1px dashed #eef3d9;  }
.ppgs .item4  ul li .btn span{display: block; width: 60px;height: 60px; text-align: center; line-height: 60px; border-radius: 100%; border:1px dashed #E60012; color: #E60012;}
.ppgs .item4 .btns{padding: 20px 0; border-bottom: 1px dashed #e5e5e5; margin-bottom: 20px;}
.ppgs .item4  .txtColor{font-size: 14px; color: #E60012; padding: 20px;}
@media screen and (min-width:1000px){
  .ppgs .Aleft{ width: 58%;}
  .ppgs .Aright{width: 40%;}
  .ppgs .ppgsF2L{ float: left; width: 50%;margin-bottom: 0; }
  .ppgs .ppgsF2R{float: right; width: 48%;}
  .ppgs .item4{margin:60px 0;}

  .ppgs .item4 .btns,
  .ppgs .item4  .txtColor{ padding:10px 0 10px 20px;}
}



/* 品牌故事 */

.videoBox{width: 100%; padding-top: 15px;}
.videoBox video{display: block; width: 100%;object-fit: cover; }

@media screen and (min-width:768px){
  .videoBox{ padding-top: 30px;}
}

@media screen and (min-width:1000px){
  .videoBox{ padding-top: 50px;}
}


/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}




/*2018-04-04 临时隐藏栏目*/
#nav7{ display:none;}

.conditionlist { display: flex; margin-top: 3%; }
.conditionlist li { width: 20%; padding: 0 1%; font-size: 16px; text-align: center; }
.conditionlist li .img{ width: 60px; height: 60px; display: flex; align-items: center; justify-items: center; margin: 0 auto 20px;}
.conditionlist li .img img{ max-height: 100%;}
@media screen and (max-width:768px){
  .conditionlist { justify-content: center; flex-wrap: wrap;}
  .conditionlist li{ width: 33.33%;}
}

.advantagelist{ margin-top: 3%; font-size: 16px;}
.advantagelist li{ display: flex; margin-bottom: 5%;}
.advantagelist li:last-child{ margin-bottom: 0;}
.advantagelist li .img{ width: 70px; flex-shrink: 0;}
.advantagelist li .textwarp{ flex: 1; padding-left: 20px; min-width: 0;}
.advantagelist li .title{ margin: 0 0 1%; font-size: 20px; color: #333;}

.TextList002205 .item{ margin-bottom:10px; font-size: 16px;}
.TextList002205 .item .Q{ margin:0; line-height:50px; padding-left:75px; padding-right:50px;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; position:relative; background:#f9f9f9; cursor:pointer;transition:all 0.5s ease-out 0s;}
.TextList002205 .item .Q>a{ color:#333333; font-size:16px;}
.TextList002205 .item em.icon{ position:absolute; top:0; left:0; width:50px; height:100%; display:block; text-align:center; font-family:Arial; font-size:24px; font-weight:bold; font-style:normal; color:#333;}
.TextList002205 .item .Q em.icon{  background:#c02a05; color:#fff;transition:all 0.5s ease-out 0s;}
.TextList002205 .item .A{ position:relative;padding:25px 25px 25px 75px; background:#f1f1f1; }
.join_MainBox_contact .MainBox{ padding-bottom: 0; margin-bottom: -1%;}
.join_contact{ display: flex; justify-content: center; align-items: center; max-width: 800px; margin: 0 auto 3%;}
.join_contact .pic{ width: 120px;}
.join_contact .textwarp{ width: calc( 100% - 120px); padding-left: 3%;font-size: 16px; line-height: 1.8;}
@media screen and (max-width:640px){
  .TextList002205 .item,
  .advantagelist,
  .conditionlist li,
  .join_contact .textwarp{ font-size: 14px;}
  .advantagelist li .title{ font-size: 18px;}
}