@charset "utf-8";
body,html{width:100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow-x:hidden;}
body{ margin:0px; padding:40px 0px 0px; margin:0px auto; font-size:12px; line-height:24px; color:#000; min-width:320px; zoom:1; background:url(../209/bodybg.jpg) repeat-y center center; font-family:"宋体"; word-break:break-all;}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; 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;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#000; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; color: #aa0f17;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#b2b2b2;}
::-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
.relative{position: relative;}
.w1840{max-width:1840px; min-width:320px; margin:0px auto;}
.w1600{max-width:1600px; min-width:320px; margin:0px auto;}
.w1400{max-width:1400px; min-width:320px; margin:0px auto;}
.w1200{max-width:1200px; min-width:300px; margin:0px auto;}

@media ( max-width:1840px){
    body{padding-top: 15px;}
    .w1840{padding:0 15px;}
}

@media ( max-width:1600px){
    .w1600{padding:0 15px;}
}

@media ( max-width:1500px){
    .w1400{padding:0 15px;}
}

@media ( max-width:1200px){
    .w1200{padding:0 15px;}
}



/*公用样式*/
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img,li:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

.Ban{height: 900px; background-repeat: no-repeat; background-position: center center;}

.SubName{position: absolute; width: 100%; top: 280px; left: 0px; padding-top: 30px; background-image: url(../209/arr6.png); background-repeat: no-repeat; background-position: center top;}
.SubName h2{display: flex; justify-content: center; align-items: center; padding: 0px 175px; width: 30px; line-height: 30px; height: 380px; text-align: center; font-size: 28px; margin: 0 auto;  background-image: url(../209/subname.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;}

.MenuList{width: 96%; position: absolute; left: 2%; right: 2%; bottom: 20px; background: #fff; text-align: center; padding: 15px 0px; line-height: 50px;} 
.MenuList i{display: inline-block; margin: 0px 17px; width: 9px; height: 9px; background: url(../209/arr7.png) no-repeat;}
.MenuList a{display: inline-block; font-size: 20px; width: 145px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;}
.MenuList a.on,.MenuList a:hover{background-image: url(../209/menuon.png); color: #fff;}

.Menus{margin-top: 5%; text-align: center;}
.Menus a{display: inline-block; width: 140px; line-height: 45px; margin: 0px 5px; font-size: 18px; background-image: url(../209/menu.png); background-repeat: no-repeat; background-size: 100% 100%;}
.Menus a:hover,.Menus a.on{background-image: url(../209/menuover.png); color: #fff;}

.Whitebg{background: #fff; padding: 6% 0;}
.arrow{width: 16px; height: 16px; position: absolute; z-index: 99;}
.lt,.blt{left: 0px; top: 0px;}
.rt,.brt{right: 0px; top: 0px;}
.bl,.bbl{left: 0px; bottom: 0px;}
.br,.bbr{right: 0px; bottom: 0px;}
.lt{background: url(../209/lt.png);}
.rt{background: url(../209/rt.png);}
.bl{background: url(../209/bl.png);}
.br{background: url(../209/br.png);}

.blt{background: url(../209/blt.png);}
.brt{background: url(../209/brt.png);}
.bbl{background: url(../209/bbl.png);}
.bbr{background: url(../209/bbr.png);}

/*pages*/
.Pages{width:100%; text-align:center; color:#666666;}
.Pages a{display:inline-block; font-size:18px; height:40px; line-height:40px; width: 40px; text-align: center; margin:0px 2px; background-repeat: no-repeat; background-size: 100% 100%;}
.Pages .a_prev,.Pages .a_next{display:inline-block; width: auto; padding: 0px 18px;}
.Pages .a_prev:hover,.Pages .a_next:hover{color: #d6000f;}
.Pages .num a:hover,.Pages .num a.a_cur{color:#fff; background-image: url(../209/nameon.png);}
/*pages end*/


@media ( max-width:1024px){
    .Ban{height: 500px;}
    .SubName{top: 30%;}
    .SubName h2{height: 200px; padding: 0px 85px; line-height: 24px; font-size: 18px;}
    .MenuList i{display: none;}
    .MenuList a{width: 18%; margin: 0 1%; font-size: 16px;}
}

@media ( max-width:768px){
    .MenuList{line-height: 40px;}
    .Menus a{line-height: 36px;}
}

@media ( max-width:480px){
    .Ban{height: 350px;}
    .SubName{top: 24%;}
    .Menus a{width: 100px; margin: 0px 3px; font-size: 16px;}
    .MenuList{width: 100%; left: 0; right: 0;}
    .MenuList a{font-size: 14px; width: auto; padding: 0px 5px;}
    .Pages a{font-size: 14px; height: 30px; line-height: 30px; width: 30px;}
    .Pages .a_prev,.Pages .a_next{padding: 0px 8px;}
}

/*Top*/
.Header{position: absolute; left: 0px; top: 0px; width: 100%; z-index: 999; padding: 2% 0 0;}
.Logo{width: 136px; float: left;}
.Logo img{display: block; width: 100%;}
.Nav{width: 1092px; float: right;}
.Nav ul{width: 720px; float: right;}
.Nav ul li{width: 50px; float: left; text-align: center; margin-left: 40px; line-height: 20px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-image: url(../209/nav.png);}
.Nav ul li .am{display: flex; justify-content: center; align-items: center; font-size: 18px; color: #fff; font-weight: bold; width: 16px; height: 140px; margin: 0 auto;}
.Nav ul li.active,.Nav ul li:hover{background-image: url(../209/navon.png);}
.Nav ul li.active .am,.Nav ul li:hover .am{color: #000;}

.topbtn{float: left;}
.topbtn a{width: 40px; display: inline-block; height: 40px; line-height: 40px; margin-right: 10px; color: #fff; text-align: center; background: url(../209/arr1.png) no-repeat left top;}
.topbtn a img{display: inline-block; vertical-align: middle;}

.Search{width: 200px; padding-left: 42px; float: left; background: url(../209/sbg.png) no-repeat left top; height: 42px; position: relative;}
.Search .input{width: 150px; height: 42px; font-size: 14px; color: #fff;}
.Search .input::placeholder{color: #e6e7e7;}
.Search .btn{background: url(../209/btn.png) no-repeat center center; width: 40px; height: 40px; position: absolute; right: 0px; top: 0px;}

.Banner{min-height: 680px;}
.Banner li .maskbg{position: absolute; left: 0px; width: 100%; top: 0px; height: 100%; background: rgba(0,0,0,.45); z-index: 5;}
.Banner li{position:relative;}
.flexslider .slides .img{display:block; width:100%;}
.flexslider .slides li .img2{display: none;}
.Banner li .w1200{position:absolute; width:1200px; left:50%; margin-left:-600px; top:0px; z-index: 9;}
.Banner li .txt{padding:16% 0 0; text-align:left;}
.Banner li .txt img{display:inline-block; width:auto;}
.Banner li .txt.b2{padding-left: 5%;}
.Banner li .txt.b3{text-align: center;}
.Banner li.flex-active-slide .txt{animation: bounceInLeft 2s linear;}
.Banner .flex-control-nav{height:21px; line-height:21px; bottom:5%;}
.Banner .flex-control-paging li{margin:0px 5px;}
.Banner .flex-control-paging li a{width:21px; height:21px; background:url(../209/dotpic.png) no-repeat left top; border-radius:0;}
.Banner .flex-control-paging li .flex-active{background:url(../209/dotpic.png) no-repeat left bottom;}

.Banner .flex-direction-nav{width: 1600px; position: absolute; height: 60px; left: 50%; margin-left: -800px; z-index: 9; top: 50%; margin-top: -30px;}
.Banner .flex-direction-nav li{position: static;}
.Banner .flex-direction-nav .flex-prev,.Banner .flex-direction-nav .flex-next{position: absolute; width: 121px; height: 60px; background-repeat: no-repeat;}
.Banner .flex-direction-nav .flex-prev{left: 0px; background-image: url(../209/left.png); background-position: left top;}
.Banner .flex-direction-nav .flex-next{right: 0px; background-image: url(../209/right.png); background-position: right top;}

@media ( max-width:1600px){
    .Banner .flex-direction-nav{width: 100%; position: absolute; left: 0%; margin-left: 0px;}
    .Banner .flex-direction-nav .flex-prev{left: 15px;}
    .Banner .flex-direction-nav .flex-next{right: 15px;}
}

@media ( max-width:1300px){
    .Nav{width: 80%;}
    .Nav ul{width: 56%;}
    .Nav ul li{width: 6.94444%; margin-left: 5.5555555%;}
    .Banner{min-height: auto;}
    .Banner li .txt img{width: 32%;}
}

@media ( max-width:1024px){
    body,.w1840{padding: 0;}
    .Header{position: relative; background: #fff; padding: 15px 0px; width: auto;}
    .header_menu{display:block; background-image:url(../209/navicon.png); position:absolute; top:50%; right:15px; margin-top:-12px; width:32px; height:24px; background-size:100%; background-position:center; background-repeat:no-repeat; z-index:9;}
    .Showbox{width:50%; height:100%; background:rgba(111,108,108,.9); overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0; right:-100%;}
    .Showbox .close_bar{height:70px;line-height:70px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:rgba(111,108,108,.9); border-bottom:1px solid #e8e8e8;text-align:right;}
    .Showbox .close_bar a{background:url(../209/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
    .Showbox .close_bar a:hover{transform:rotate(180deg);}
    .Nav{background:none; margin-top:72px; width:100%; padding: 20px 0px;}
    .Nav ul{float: none; width: 100%;}
    .Nav ul li{float:none; width:auto; background: none; margin-left: 40px; text-align: left;}
    .Nav ul li .am{line-height:60px; font-size:20px; width: 100%; color: #fff; display: block; height: auto;}
    .Nav ul li.active,.Nav ul li:hover{background: none;}
    .Nav ul li.active .am,.Nav ul li:hover .am{color: #d6000f;}
    .topbtn,.Search{width: 200px; float: none; margin: 0 auto;}
    .topbtn{text-align: center; padding: 15px 0px;}

    .Banner li .txt{padding-top: 8%;}
}

@media ( max-width:850px){
    .Banner li .txt{padding-top: 5%;}
    .Logo {width: 80px;}
    .Banner .flex-direction-nav .flex-prev, .Banner .flex-direction-nav .flex-next{width: 58px; height: 58px;}
}

@media ( max-width:640px){
    .Banner li .txt img{width: 22%;}
}

@media ( max-width:480px){
    .Showbox{width: 70%;}
    .Banner li .txt{padding-top: 1%;}
    .Banner li .txt img{width: 15%;}
    .flexslider .slides li .img1{display: none;}
    .flexslider .slides li .img2{display: block;}
}
 

/*bottom*/
.Footer{background: #7a0b11; padding: 5% 0 0;}
.Sitepath{padding-bottom: 6%;}
.Sitepath dl{float: left; padding: 0 4%; min-height: 124px; writing-mode:vertical-rl; writing-mode: tb-rl; vertical-align: top; background: url(../209/line3.png) no-repeat right bottom;}
.Sitepath dl:nth-child(7){background: none;}
.Sitepath dl:nth-child(4) dd{display: none;}
.Sitepath dl dt{padding-top: 20px; background: url(../209/arr5.png) no-repeat center top; margin-left: 5%; font-size: 20px; color: #fff;}
.Sitepath dl dd{font-size: 14px;  line-height: 26px; letter-spacing: 0.1em;}
.Sitepath dl dd a{color: #c4a5a6;}

.Bottom .bleft{width: 48%; float: left;}
.Bottom .bleft .blogo{width: 143px; display: inline-block; margin-top: 42px;}
.Bottom .bright{width: 48%; float: right; text-align: right;}
.Bottom .bright .weixin dd{display: inline-block; margin-left: 4%; width: 108px; border: 1px solid #000;}
.Bottom .txt{font-size: 14px; line-height: 28px; color: #90484a; margin-top: 48px;}
.Bottom a{color: #90484a;}

#back-to-top{display: block; width: 124px; margin: 0 auto;}
#back-to-top img{display: block; width: 100%;}

@media ( max-width:1440px){
    .Sitepath dl{padding: 0 3%;}
}

@media ( max-width:1366px){
    .Sitepath dl{padding: 3.5%;}
}

@media ( max-width:1200px){
    .Sitepath dl{padding: 2.9%;}
}

@media ( max-width:1024px){
    .Sitepath{display: none;}
}

@media ( max-width:768px){
    .Bottom .bleft,.Bottom .bright{width: 100%; float: none; text-align: center;}
    .Bottom .bleft .blogo{width: 136px; margin-top: 0;}
    .Bottom .txt{margin: 15px 0px 0px;}
    .Bottom .bright .weixin{margin-top: 15px;}
}

@media ( max-width:640px){
    #back-to-top{width: 80px;}
    .Bottom .bleft .blogo{width: 100px;}
}

/*index*/
.HomeProduct{padding: 4% 0 0;}
.HomeProduct .line{position: absolute; width: 97.5%; height: 260px; right: 0px; top: 50%; margin-top: -130px; border: 1px solid rgba(255,255,255,.5)}
.HomeProduct .title{width: 80px; position: absolute; left: 0px; top: 50%; margin-top: -100px; background: url(../209/title1.png) no-repeat;}
.HomeProduct .title span{display: flex; width: 28px; height: 200px; margin: 0 auto; align-items: center; justify-content: center; font-size: 28px; line-height: 29px; color: #000; font-weight: bold;}

.ProductSwiper{margin: 0px 80px 0px 100px; overflow: hidden;}
.ProductSwiper .swiper-slide{width:35%; background: #f0f0f0; border: 1px solid #000000;}
.ProductSwiper .swiper-slide a{display: block; padding:15%;}
.ProductSwiper .swiper-slide .name{display: block;}
.ProductSwiper .swiper-slide .hidebox{display: none;}
.ProductSwiper .swiper-slide .hidebox .name{width: 28px; position: absolute; top: 40px; right: 40px; font-size: 30px; font-weight: bold; line-height: 39px; text-align: center; background: url(../209/line2.png); background-position: left top; background-repeat: repeat-y;}
.ProductSwiper .swiper-slide .hidebox .info{writing-mode: vertical-rl; writing-mode: tb-rl; width: 68%; height: 130px; margin-top: 75px; text-align: center; font-size: 20px; line-height: 22px; color: #010101;}
.ProductSwiper .swiper-slide .hidebox .info p{background: url(../209/arr2.png) no-repeat center center; margin: 0px 15px;}
.ProductSwiper .swiper-slide .hidebox .more{margin-top: 62px; width: 101px; line-height: 35px; background: url(../209/more.png) no-repeat; text-align: center; font-size: 14px; color: #000; float: right;}
.ProductSwiper .swiper-slide .box .pic{position: relative; margin-bottom: 56px;}
.ProductSwiper .swiper-slide .box .pic .img{position: absolute; z-index: 2; width: 100%; height: 100%; left: 0%; top: 0%; background-repeat: no-repeat; background-position: center center; background-color: #fff;}
.ProductSwiper .swiper-slide .box .pic .mask{display:block; width:100%; position: relative; z-index: 5;}

.ProductSwiper .swiper-slide .box .name{font-size: 22px; color: #000; line-height: 22px; font-weight: bold; text-align: center; background-image: url(../209/line1.png); background-repeat: no-repeat; background-position: center bottom;}
.ProductSwiper .swiper-slide-active{box-shadow: 5px 0px 30px #000;}
.ProductSwiper .swiper-slide-active .box{display: none;}
.ProductSwiper .swiper-slide-active a{padding: 40px;}
.ProductSwiper .swiper-slide-active .hidebox{display: block;}

.ProductSwiper .swiper-button-next,.ProductSwiper .swiper-button-prev{display: none; width: 60px; height: 60px; margin-top: -72px; background-size: auto;}
.ProductSwiper .swiper-button-prev{background-image: url(../209/prev.png); background-position: left center;}
.ProductSwiper .swiper-button-next{background-image: url(../209/next.png); background-position: right center;}

.HomeAdvantage{background: url(../209/boxbg.jpg) repeat-y center center; padding: 125px 0;}
.HomeAdvantage .t_mask,.HomeAdvantage .b_mask{position: absolute; width: 100%; height: 16px; left: 0px;}
.HomeAdvantage .t_mask{top: 30px; background: url(../209/arr3.png) repeat-x left top;}
.HomeAdvantage .b_mask{bottom: 30px; background: url(../209/arr4.png) repeat-x left top;}

.HomeAdvantage .title{width: 80px; position: absolute; left: 0px; top: 80px; background: url(../209/title2.png) no-repeat;}
.HomeAdvantage .title span{display: flex; width: 28px; height: 200px; margin: 0 auto; align-items: center; justify-content: center; font-size: 28px; line-height: 29px; color: #fff; font-weight: bold;}
.HomeAdvantage .box{margin-left: 12.5%;}
.HomeAdvantage .box dl{width: 48%; float: left;}
.HomeAdvantage .box dl:nth-child(2n){float: right;}
.HomeAdvantage .box .name{width: 160px; position: relative; z-index: 9; background: url(../209/titbg.png) no-repeat center center; margin: 0 auto; text-align: center;}
.HomeAdvantage .box .name span{display: flex; flex-direction: column; justify-content: center; height: 160px; font-size: 24px; width: 24px; margin: 0 auto; font-weight: bold;}
.HomeAdvantage .box .effect-img{margin-top: -80px;}
.HomeAdvantage .box .effect-img img{display: block; width: 100%;}
.HomeAdvantage .box ul{margin-top: 40px; text-align: center;}
.HomeAdvantage .box ul li{display: inline-block; vertical-align: top; margin: 0 1%; width: 50px; height: 180px; background-image: url(../209/libg.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%;}
.HomeAdvantage .box ul li a{display: block; width: 30px; margin: 0px auto; padding: 13px 0px 0px; font-size: 20px; font-weight: bold;}

.HomeLink{padding: 3% 0;}
.HomeLink .line{width: 72.9%; height: 178px; border: 1px solid rgba(255,255,255,.5); position: absolute; top: 50%; left: 13.55%; margin-top: -89px;}
.HomeLink .item li{width: 16.5%; float: left; margin:2.5% 4.375% 2.5% 0; box-shadow: 2px -2px 30px #000;}
.HomeLink .item li:nth-child(5n){margin-right: 0;}
.HomeLink .item li img{display: block; width: 100%;}
.HomeLink .owl-buttons{width: 1600px; position: absolute; left: 50%; margin-left: -800px; z-index: 9; top: 50%; margin-top: -30px;}
.HomeLink .owl-buttons .owl-prev,.HomeLink .owl-buttons .owl-next{position: absolute; width: 121px; height: 60px; line-height: 9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;}
.HomeLink .owl-buttons .owl-prev{left: 0px; background-image: url(../209/prev.png);}
.HomeLink .owl-buttons .owl-next{right: 0px; background-image: url(../209/next.png);}

.HomeAbout{padding: 50px 0px; background: #fff;}
.HomeAbout .pic{width: 50%; height: 100%; position: absolute; right: 0px; top: 0px; z-index: 9; background-color: #d8d6d1; background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto;}
.HomeAbout .txt{margin: 0 50% 0 40px; padding: 50px;}
.HomeAbout .txt .t_line,.HomeAbout .txt .b_line{width: 100%; height: 1px; position: absolute; left: 0px; background: #000;}
.HomeAbout .txt .t_line{top: 0px;}
.HomeAbout .txt .b_line{bottom: 0px;}
.HomeAbout .txt .name{width: 15%; float: right; margin-left: 10%;}
.HomeAbout .txt .name span{display: block; font-size: 28px; color: #010101; font-weight: bold; width: 28px; line-height: 32px;}
.HomeAbout .txt .name .icon{display: block; margin-top: -35px;}
.HomeAbout .txt .info{width: 55%; float: right; font-size: 18px; line-height: 34px; height: 285px; writing-mode: vertical-rl; writing-mode: tb-rl; letter-spacing: 0.1em; color: #666;}
.HomeAbout .txt .more{position: absolute; bottom: 50px; left: 10%; width: 35px; height: 101px; background: url(../209/more2.png) no-repeat;}
.HomeAbout .txt .more span{display: block; font-size: 14px; color: #aa0f17; width: 14px; margin: 0 auto; padding: 20px 0px 0px; line-height: 15px;}

.HomeNews{padding: 3% 0;}
.HomeNews li{width: 32%; margin: 1.2% 2% 1.2% 0; float: left; background: #fff;}
.HomeNews li:nth-child(3n){margin-right: 0;}
.HomeNews li a{display: block; border: 1px solid #000; padding: 6%;}
.HomeNews li .box{position: relative;}
.HomeNews li .box .name{width: 58px; height: 170px; overflow: hidden; position: absolute; right: 0px; top: 0px; writing-mode: vertical-rl; writing-mode: tb-rl; line-height: 29px; letter-spacing: 0.1em; font-size: 18px; font-weight: bold;}
.HomeNews li .box .more{position: absolute; top: 50%; margin-top: -50px; left: 0; width: 35px; height: 101px; background: url(../209/more2.png) no-repeat;}
.HomeNews li .box .more span{display: block; font-size: 14px; width: 14px; margin: 0 auto; padding: 20px 0px 0px; line-height: 15px;}
.HomeNews li .box .con{margin: 0px auto; width: 220px;}
.HomeNews li .box .date{font-size: 14px; line-height: 24px; color: #808080; margin-bottom: 14px; display: block;}
.HomeNews li .box .effect-img{height: 130px; overflow: hidden;}

@media ( max-width:1840px){
    .HomeAbout .txt{margin-left: 15px;}
}

@media ( max-width:1600px){
    .HomeAdvantage .title{left: 15px;}
    .HomeLink .owl-buttons{width: 100%; left: 0px; margin-left: 0;}
    .HomeLink .owl-buttons .owl-prev{left: 15px;}
    .HomeLink .owl-buttons .owl-next{right: 15px;}
    
}

@media ( max-width:1200px){
    .HomeAdvantage .box ul li{margin: 0;}
    .HomeProduct .title{left: 15px;}
    .HomeProduct .title span,.HomeAdvantage .title span{font-size: 20px;}
}

@media ( max-width:1024px){
    .HomeProduct{padding: 4% 0;}
    .HomeAdvantage .box ul li{width: 42px;}
    .HomeAbout .txt .more{left: 0px;}
    .HomeNews li{width: 48%; margin-right: 0;}
    .HomeNews li:nth-child(2n){float: right;}
    .ProductSwiper .swiper-slide .hidebox .name{font-size: 20px;}
    .ProductSwiper .swiper-slide .hidebox .info{font-size: 16px;}
}

@media ( max-width:850px){
    .HomeProduct .line{display: none;}
    .HomeProduct .title,.HomeAdvantage .title{width: 200px; position: static; margin: 0 auto;; background: none;}
    .HomeProduct .title span,.HomeAdvantage .title span{width: 100%; height: auto; line-height: 50px}
    .ProductSwiper{margin: 20px auto 0px;}
    .HomeAdvantage .title{background: #aa0f17; margin-bottom: 20px;}
    .HomeAdvantage{padding: 80px 0px;}
    .HomeAdvantage .box{margin: 0;}
    .HomeAdvantage .box ul li{width: 37px;}
    .HomeAdvantage .box ul li a{font-size: 16px;}
    .HomeAbout .pic{display: none;}
    .HomeAbout .txt{margin: 0px 15px;}
    .HomeAbout .txt .name span{font-size: 20px;}
    .HomeNews li .box .con{width: 55%;}
    .HomeNews li .box .name{font-size: 16px; line-height: 22px; width: 44px;}
}

@media ( max-width:640px){
    .HomeAdvantage .box dl,.HomeAdvantage .box dl:nth-child(2n){float: none; width: 100%;}
    .HomeAdvantage .box dl{margin-top: 20px;}
    .ProductSwiper{height: 320px;}
    .ProductSwiper .swiper-slide .hidebox .info{margin-top: 35px;}
    .ProductSwiper .swiper-slide .hidebox .more{margin-top: 40px;}
}

@media ( max-width:480px){
    .ProductSwiper{margin-top: 0;}
    .ProductSwiper .swiper-slide-active{box-shadow: 3px 0px 10px #000;}
    .ProductSwiper .swiper-slide{width: 87%; margin: 0 8% 0 5%;}
    .ProductSwiper .swiper-button-next,.ProductSwiper .swiper-button-prev{display: block;}
    .HomeAbout{padding: 30px 0px;}
    .HomeAbout .txt{padding: 30px 15px;}
    .HomeAbout .txt .info{line-height: 24px;}
    .HomeAdvantage .box .name span{font-size: 16px;}
    .HomeAdvantage .box ul li{width: 35px;}
    .HomeNews li,.HomeNews li:nth-child(2n){width: 100%; float: none;}
    .HomeLink .item li{box-shadow: none;}
    .HomeLink .owl-buttons{margin-top: -15px; display: none;}
    .HomeLink .owl-buttons .owl-prev,.HomeLink .owl-buttons .owl-next{background-size: 100% 100%; width: 60px; height: 30px;}
}

/* 关于我们 */
.AboutMain .pic{margin-bottom: 5%;}
.AboutMain .pic img{display: block; width: 100%;}
.SubTit{background-image: url(../209/line4.png); background-repeat: repeat-y; background-position: center center; position: relative; width: 69px; margin: 0 auto; padding: 1% 0;}
.SubTit h3{display: block; font-size: 28px; line-height: 40px; width: 30px; margin: 0 auto; text-align: center;}
.SubTit .icon{position: absolute; right: -77px; bottom: -28px; width: 114px; max-width: none;}
.Single{font-size: 18px; line-height: 47px; color: #666666; margin-top: 5%;}
.Single p{padding-bottom: 3%; text-indent: 2em;}

@media ( max-width:1024px){
    .SubTit h3{font-size: 24px;}
}

@media ( max-width:768px){
    .SubTit h3{font-size: 20px;}
    .Single{font-size: 16px; line-height: 36px;}
}

/* 企业荣誉 */
.honorList li{ margin-top:30px;}
.honorList li a{ display:block;}
.honorList li .pic{ padding:0 15px 27px 15px; text-align:center; background:url(../209/c5.png) repeat-x left bottom; position:relative;}
.honorList li .pic:before,.honorList li .pic:after{ content:''; display:block; position:absolute; bottom:0; z-index:9; background-position:center bottom; background-repeat:no-repeat;}
.honorList li .pic:before{ height:27px; width:81px; background-image:url(../209/c6.jpg); left:0;}
.honorList li .pic:after{ height:27px; width:57px; background-image:url(../209/c7.jpg); right:0;}
.honorList li a .tit{ text-align:center; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#4c4948; margin-top:11px;}
@media screen and (min-width:410px){
	.honorList li{ width:50%; float:left; display:inline;}
	.honorList li .pic:before,.honorList li .pic:after{ display:none;}
	.honorList li:nth-child(2n+1) .pic:before,.honorList li:nth-child(2n) .pic:after,.honorList li:last-child .pic:after{ display:block;}
	.honorList li img{ max-width:100%; height:108px; }
}
@media screen and (min-width:768px){
	.honorList li{ width:33.3333%; margin-top:94px;}
	.honorList li:nth-child(2n+1) .pic:before,.honorList li:nth-child(2n) .pic:after,.honorList li:last-child .pic:after{ display:none;}
	.honorList li:nth-child(3n+1) .pic:before,.honorList li:nth-child(3n) .pic:after{ display:block;}
	.honorList li:last-child .pic:after{ display:block;}
	.honorList li img{ height:148px;}
} 
@media screen and (min-width:992px){
	.honorList li{ width:25%; }
	.honorList li:nth-child(3n+1) .pic:before,.honorList li:nth-child(3n) .pic:after{ display:none;}
	.honorList li:nth-child(4n+1) .pic:before,.honorList li:nth-child(4n) .pic:after{ display:block;}
	.honorList li:last-child .pic:after{ display:block;}
	
}
@media screen and (min-width:1248px){
	.honorList li img{ height:177px;}
}


/* 大事记 */
.HistoryList{margin-top: 5%;}
.HistoryList .item ul{padding: 0px 0 100px;}
.HistoryList .item li{width: 20%; float: left;}
.HistoryList .item li .box{margin: 0px 25px 0px 4px; position: relative;}
.HistoryList .item li .box .line{display: none; background: url(../209/his1.png) no-repeat center bottom; width: 10px; height: 166px; position: absolute; bottom: -4px; left: 50%; margin-left: -5px; z-index: 999;}
.HistoryList .item li .box .date{width: 100%; height: 45px; line-height: 45px; text-align: center; display: block; background: #d6000f; color: #fff; font-size: 18px;}
.HistoryList .item li .box .txt{background-size: 100% 100%; padding: 20px; background-image: url(../209/boxbg2.jpg); background-repeat: no-repeat; background-position: 0 0;}
.HistoryList .item li .box .txt .info{font-size: 16px; line-height: 28px; height: 84px; overflow: hidden;}
.HistoryList .item li .box .txt .effect{display: none;}
.HistoryList .item li .box .txt .effect img{width: 100%; display: block; height: 101px;}


.HistoryList .owl-buttons{position: absolute; width: 100%; height: 60px; bottom: 0px; text-align: center;}
.HistoryList .owl-buttons .owl-prev,.HistoryList .owl-buttons .owl-next{width: 60px; height: 60px; margin: 0 3%; line-height: 9999px; overflow: hidden; display: inline-block; background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%;}
.HistoryList .owl-buttons .owl-prev{background-image: url(../209/prev2.png);}
.HistoryList .owl-buttons .owl-next{background-image: url(../209/next2.png);}

@media ( max-width:1200px){
    .HistoryList .item li .box .txt .info{overflow-y: scroll;}
}

@media ( max-width:1024px){
    .HistoryList .item ul{padding: 0 0 80px;}
    .HistoryList .item li{width: 33.333%; background: none; border-bottom: none; margin: 3% 0 !important;}
    .HistoryList .item li .box{padding-bottom: 0;}
}

@media ( max-width:768px){
    .HistoryList .item li{width: 50%;}
}

@media ( max-width:640px){
    .HistoryList .item ul{padding: 0 0 60px;}
    .HistoryList .owl-buttons{height: 40px;}
    .HistoryList .owl-buttons .owl-prev, .HistoryList .owl-buttons .owl-next{width: 40px; height: 40px;}
}

@media ( max-width:480px){
    .HistoryList .item li{width: 100%;}
    .HistoryList .item li .box .txt .info{height: auto;}
}

/* 品牌故事 */
.StoryList .stit{text-align: center; margin-top: 5%;}
.StoryList ul{margin-top: 2%;}
.StoryList li{padding-top: 80px; margin-top: -21px;}
.StoryList li .box{position: relative;}
.StoryList li:first-child .line{display: none;}
.StoryList li .line{width: 1px; height: 80px; position: absolute; background: #000; left: 50%; top: -80px;}

.StoryList li .mask{position: relative; width: 28%; float: left; background-image: url(../209/boxbg3.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%;}
.StoryList li .mask .padding{padding: 21px 11px;}
.StoryList li .mask .effect-img img{display: block; width: 100%;}
.StoryList li .txt{width: 62%; position: absolute; right: 0px; top: 20px; bottom: 20px; padding: 0 5%; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.StoryList li .txt .info{font-size: 18px; color: #666666; line-height: 47px; display: flex; justify-content: center; flex-direction: column; align-items: center; height: 100%;}
.StoryList li .txt .info p{text-indent: 2em;}

.StoryList li:nth-child(2n) .mask{float: right;}
.StoryList li:nth-child(2n) .txt{left: 0; right: auto;}

@media ( max-width:998px){
    .StoryList .stit img{display: inline-block; width: 290px;}
    .StoryList ul{margin-top: 5%;}
    .StoryList li {padding: 15px; border: 1px solid #000; margin-top: 20px;}
    .StoryList li .line{height: 20px; top: -35px;}
    .StoryList li .txt{border: none;}
    .StoryList li .txt .info{font-size: 16px; line-height: 36px;}
}

@media ( max-width:768px){
    .StoryList li .txt{position: static; float: right;}
    .StoryList li:nth-child(2n) .txt{float: left;}
}

@media ( max-width:640px){

}

@media ( max-width:480px){
    .StoryList .stit{margin-top: 10%;}
    .StoryList li .mask,.StoryList li .txt{width: 100%; float: none;}
    .StoryList li .txt{margin-top: 15px; padding: 0;}
    .StoryList li:nth-child(2n) .mask,.StoryList li:nth-child(2n) .txt{float: none;}
}

/* 社会责任 */
.PicSlider{background: #f5f5f5; padding: 4%;}
.PicSlider .item{margin: 0px 10px;}
.PicSlider .item img{display: block; width: 100%;}
.PicSlider .owl-buttons .owl-prev,.PicSlider .owl-buttons .owl-next{position: absolute; top: 50%; margin-top: -30px; width: 100px; height: 60px; line-height: 9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%;}
.PicSlider .owl-buttons .owl-prev{left: -140px; background-image: url(../209/hleft.png);}
.PicSlider .owl-buttons .owl-next{right: -140px; background-image: url(../209/hright.png);}

.StateBox{margin-top: 4%;}
.StateBox h3{font-size: 30px; line-height: 47px; text-align: center; margin-bottom: 4%;}
.StateBox ul{background: url(../209/line5.png) repeat-y center top; padding-top: 3%;}
.StateBox ul li{margin-bottom: 3%; position: relative; width: 50.45%; float: right;}
.StateBox ul li .box{padding: 0px 0px 0px 65px; background-image: url(../209/arr8.png); background-repeat: no-repeat; background-position: left center;}
.StateBox ul li:nth-child(2n){float: left;}
.StateBox ul li:nth-child(2n) .box{padding: 0px 65px 0px 0px; background-position: right center; background-image: url(../209/arr9.png);}
.StateBox ul li .box .info{padding: 4%; background: #e6e6e6; font-size: 18px; line-height: 28px;}

@media ( max-width:1366px){
    .PicSlider .owl-buttons .owl-prev{left: -100px;}
    .PicSlider .owl-buttons .owl-next{right: -100px;}
}

@media ( max-width:1200px){
    .PicSlider .owl-buttons .owl-prev, .PicSlider .owl-buttons .owl-next{width: 60px; height: 40px; margin-top: -20px;}
    .PicSlider .owl-buttons .owl-prev{left: -30px;}
    .PicSlider .owl-buttons .owl-next{right: -30px;}
    .StateBox h3{font-size: 24px;}
    .StateBox ul li{width: 50.55%;}
    .StateBox ul li .box .info{font-size: 16px;}
    
}

@media ( max-width:768px){
    .StateBox h3{font-size: 18px;}
    .StateBox ul li{width: 50.65%;}
}

@media ( max-width:640px){
    .StateBox ul li{width: 50.75%;}
}

@media ( max-width:480px){
    .PicSlider .owl-buttons .owl-prev{left: -15px;}
    .PicSlider .owl-buttons .owl-next{right: -15px;}
    .StateBox ul li{width: 51.55%;}
    .StateBox ul li .box{padding: 0px 0px 0px 20px;}
    .StateBox ul li:nth-child(2n) .box{padding: 0px 20px 0px 0px;}
    .StateBox ul li .box .info{font-size: 14px;}
}

/* 价值链 */
.ValueBox{border: 1px solid #d9d9d9; padding: 4% 0;}
.ValueBox li{width: 46.666%; float: left; position: relative; margin: 3% 0;}
.ValueBox li:nth-child(2n){float: right;}
.ValueBox li a{display: block;border: 1px solid #000;}
.ValueBox li .effect-img img{display: block;; width: 100%;}
.ValueBox li .name{display: block; font-size: 16px; line-height: 50px; height: 50px; overflow: hidden; text-align: center; color: #333;}

@media ( max-width:640px){
    .ValueBox li .name{height: 40px; line-height: 40px;}
}

@media ( max-width:480px){
    .ValueBox li,.ValueBox li:nth-child(2n){width: 100%; float: none;}
}

/* 种植基地 */
.PlantMain{border: 1px solid #d9d9d9; background: url(../209/zzbg.jpg) no-repeat center center; padding: 6% 0%;}
.PlantMap .img{display: block; width: 100%;}
.PlantMap .hd li{position: absolute;}
.PlantMap .hd li a{display: block; width: 31px; height: 30px; background: url(../209/cur.png) no-repeat center center;}
.PlantMap .hd li.m1{top: 136px; right: 67px;}
.PlantMap .hd li.m2{top: 148px; right: 148px;}
.PlantMap .hd li.m3{top: 225px; right: 237px;}
.PlantMap .hd li.m4{top: 320px; right: 164px;}
.PlantMap .hd li.m5{top: 360px; right: 458px;}
.PlantMap .hd li.m6{top: 310px; left: 258px;}
.PlantMap .hd li.m7{top: 388px; left: 518px;}
.PlantMap .hd li.m8{top: 460px; left: 663px;}
.PlantMap .hd li.m9{top: 242px; right: 100px;}
.PlantMap .hd li.m10{bottom: 302px; right: 166px;}
.PlantMap .hd li.m11{bottom: 260px; right: 266px;}
/*.PlantMap .hd li.m13{bottom: 238px; right: 199px;}*/
.PlantMap .hd li.m12{bottom: 190px; right: 212px;}
.PlantMap .hd li.m13{bottom: 135px; right: 425px;}
.PlantMap .hd li.m14{bottom: 214px; right: 482px;}
.PlantMap .hd li.m15{bottom: 150px; right: 613px;}
.PlantMap .bd ul{display: none;}
.FixedMain{position: fixed; width: 100%;  height: 100%; left: 0px; top: 0px; z-index: 9999; background: url(../209/opacity2.png) repeat; display:none;}
.FixedMain .ZzBox{background: rgba(255,255,255,.9); margin-top: 10%; padding: 6%; position: relative;}
.FixedMain .close{position: absolute; top: -49px; width: 99px; height: 99px; left: 50%; margin-left: -44px; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(../209/close.png);}
.FixedMain .title{background-image: url(../209/titbg7.png); background-repeat: no-repeat; background-position: center top; line-height: 60px; padding-bottom: 49px; font-size: 18px; text-align: center;}
.FixedMain .box{border: 1px solid #000; padding: 4% 5%;}
.FixedMain .box .info{font-size: 16px; color: #666; text-align: center; margin-bottom: 3%;}
.imgList dd{width: 23.5%; float: left; margin-right: 2%;}
.imgList dd:nth-child(4n){margin-right: 0;}
.imgList dd img{display: block; width: 100%;}

@media ( max-width:1440px){
    .FixedMain .ZzBox{margin-top: 7%;}
}

@media ( max-width:1200px){
    .PlantMain{background: none;}
    .PlantMap .hd li a{display: none;}
    .PlantMap .bd ul{display: block;}
    .FixedMain{position: static; background: none;}
    .FixedMain .close{display: none;}
    .FixedMain .ZzBox{padding: 0;}
}

@media ( max-width:768px){
    .FixedMain .title{background-size: 100% 100%; line-height: 40px; padding-bottom: 36px; font-size: 16px;}
}

@media ( max-width:480px){
    .FixedMain .w1200{padding: 0;}
    .FixedMain .title{padding-bottom: 20px; line-height: 30px;}
    .imgList dd{width: 48%; margin: 2% 0;}
    .imgList dd:nth-child(2n){float: right;}

}

/* 产业链 */
.ProductMain .box{padding-top: 6%; background: url(../209/shan.png) no-repeat center top;}
.Title01{background-image: url(../209/titbg2.png); background-repeat: no-repeat; text-align: center; background-position: center center; background-size: auto 100%;}
.Title01 h3{font-size: 30px; line-height: 90px;}

@media ( max-width:1024px){
    .Title01 h3{font-size: 20px; line-height: 70px;}
}

@media ( max-width:768px){
    .Title01 h3{font-size: 18px; line-height: 50px;}
}

/* 新零售创新 */
.ProMenu{text-align: center; margin: 5% 0;}
.ProMenu li{display: inline-block; vertical-align: top; margin: 0 1%; width: 50px; height: 180px; background-image: url(../209/libg2.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%;}
.ProMenu li .icon{width: 30px; height: 30px; position: relative; margin-bottom: 12px;}
.ProMenu li .icon img{position: absolute; left: 0px; top: 0px; width: 100%;}
.ProMenu li .i1{transition: 400ms;}
.ProMenu li .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.ProMenu li a{display: block; width: 30px; margin: 0px auto; line-height: 20px; padding: 13px 0px 0px; font-size: 20px; font-weight: bold;}

.ProMenu li:hover,.ProMenu li.on{background-image: url(../209/libg3.png);}
.ProMenu li:hover a,.ProMenu li.on a{color: #fff;}
.ProMenu li:hover .i2,.ProMenu li.on .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.ProMenu li:hover .i1,.ProMenu li.on .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}

.ProductBox{border: 1px solid #d9d9d9; padding: 5% 0;}
.Title02{text-align: center;}
.Title02 h3{font-size: 30px; line-height: 40px;}
.Title02 p{font-size: 20px; margin-top: 1.5%;}
.Title02 .ins{font-size: 18px; line-height: 34px; display: inline-block; border-bottom: 1px solid #666666; margin-top: 1.5%;}
.Title02 .info{font-size: 18px; color:  #666666; line-height: 36px; margin: 1.5% 8% 0;}
.Product{margin-top: 5%;}
.Product .title{background-image: url(../209/titbg3.png); background-repeat: no-repeat; background-position: center center; background-size: auto 100%; text-align: center;}
.Product .titbg{background-image: url(../209/titbg4.png);}
.Product .title h4{font-size: 24px; line-height: 52px;}
.Product .ins{text-align: center; font-size: 18px; color: #666666; line-height: 36px; margin-top: 3%;}
.Product ul{margin-top: 4%; text-align: center;}
.Product ul li{display: inline-block; margin: 0 3%;}
.Product ul li .effect-img img{display: block; width: 100%;}
.Product .list1 li{width: 28.333%;}
.Product .list1 li .name{width: 40px; height: 150px; padding: 5px; margin: 0 auto; background: #d6000f; position: relative; z-index: 9;}
.Product .list1 li .name span{display: block; border: 1px solid #fff; height: 148px; writing-mode: vertical-lr; letter-spacing: 0.1em; font-size: 20px; color: #fff; font-weight: bold; line-height: 38px;}
.Product .list1 li .effect-img{margin: -50px 0px 20px;}
.Product .list1 li .info{font-size: 18px; line-height: 28px;}

.Product .list2 li{width: 25%;}
.Product .list2 li .name{width: 80px; height: 80px; margin: 0 auto; text-align: center; padding-bottom: 50px; background: url(../209/line5.png) repeat-y center top;}
.Product .list2 li .name span{display: block; font-size: 20px; color: #fff; font-weight: bold; line-height: 80px; background: url(../209/arr10.png) no-repeat;}
.Product .list2 li .info{position: absolute; width: 160px; height: 50px; left: 50%; top: 50%; margin: -25px 0px 0px -80px; font-size: 18px; line-height: 50px; background: #fff; z-index: 5;}

.Hxcnbox {margin-top: 5%;}
.Hxcnbox .pic img{width: 100%; width: 100%;}

@media ( max-width:1024px){
    .Title02 h3{font-size: 22px;}
    .Product .title h4,.Product .list1 li .name span{font-size: 18px;}
    .Product .list2 li{width: 28.3333%;}
    .Product .list1 li .info{font-size: 16px;}
    
}

@media ( max-width:768px){
    .Title02 h3{font-size: 18px;}
    .Product .title h4{line-height: 40px;}
    .Product .list1 li,.Product .list2 li{width: 45%; margin: 0 2%}
}

@media ( max-width:640px){
    .Product .list1 li .info{font-size: 14px;}
}

@media ( max-width:480px){
    .ProMenu li{width: 35px; margin: 0;}
    .ProMenu li a{font-size: 18px;}
    .Product .list1 li,.Product .list2 li{width: auto; margin: 0 0 3% 0;}
    .Product .list1 li .name{width: auto; line-height: 40px; height: auto;}
    .Product .list1 li .name span{writing-mode: horizontal-tb; height: auto; font-size: 16px;}
    .Product .list1 li .effect-img{margin-top: 0;}
}

/* 电商直营 */
.MarketBox{text-align: center; margin-top: 5%;}
.MarketBox dl dd{display: inline-block;}
.MarketBox dl dd span{display: block; background-image: url(../209/titbg5.png); background-repeat: no-repeat; background-size: 100% 100%; line-height: 58px; height: 150px; writing-mode: vertical-lr; font-size: 20px; letter-spacing: 0.1em; font-weight: bold;}
.MarketBox dl dd.i1{padding-bottom: 100px; background: url(../209/line5.png) repeat-y center bottom; margin: 0px 40px;}
.MarketBox dl dd.i2{padding-top: 100px; background: url(../209/line6.png) no-repeat center top; margin: 0px 25px;}
.MarketBox .LinkBox{background: #f5f5f5; padding: 3% 5%; margin-top: -8px;}
.MarketBox .LinkBox li{width: 17%; margin: 1.5%; float: left; box-shadow: 5px 5px 30px #b8b8b8;}
.MarketBox .LinkBox li:nth-child(5n){margin-right: 0;}
.MarketBox .LinkBox li img{display: block; width: 100%;}

@media ( max-width:640px){
    .MarketBox dl dd span{line-height: 45px; height: 120px; font-size: 16px;}
}

@media ( max-width:480px){
    .MarketBox dl dd.i1{margin: 0px 30px;}
    .MarketBox dl dd.i2{margin: 0px 12px;}
    .MarketBox .LinkBox li{width: 48%; margin: 2% 0;}
    .MarketBox .LinkBox li:nth-child(2n){float: right;}
}

.SocialBox .info{font-size: 18px; line-height: 38px; color: #666666; text-align: center; margin: 3% 0 5%;}
.SocialBox ul{width: 775px; height: 775px; margin: 0 auto; background-image: url(../209/boxbg4.png); background-repeat: no-repeat; background-size: 100% 100%;}
.SocialBox ul .Slogo{position: absolute; top: 326px; width: 119px; left: 50%; margin-left: -55px;}
.SocialBox ul li{width: 160px; position: absolute; box-shadow: 0px 0px 40px #dadada;}
.SocialBox ul li.g1,.SocialBox ul li.g2,.SocialBox ul li.g7,.SocialBox ul li.g10,.SocialBox ul li.g11{left: 308px;}
.SocialBox ul li.g1{top: 21px;}
.SocialBox ul li.g2{top: 141px;}
.SocialBox ul li.g7{bottom: 257px;}
.SocialBox ul li.g10{bottom: 137px;}
.SocialBox ul li.g11{bottom: 21px;}

.SocialBox ul li.g3,.SocialBox ul li.g4{top: 217px;}
.SocialBox ul li.g8,.SocialBox ul li.g9{bottom: 217px;}
.SocialBox ul li.g3,.SocialBox ul li.g8{left: 107px;}
.SocialBox ul li.g4,.SocialBox ul li.g9{right: 107px;}

.SocialBox ul li.g5,.SocialBox ul li.g6{top: 347px;}
.SocialBox ul li.g5{left: -13px;}
.SocialBox ul li.g6{right: -13px;}

@media ( max-width:800px){
    .SocialBox .info{font-size: 16px; line-height: 28px;}
    .SocialBox ul{width: 100%; height: auto; background: none;}
    .SocialBox ul .Slogo{display: none;}
    .SocialBox ul li{position: static; width: 29.333%; margin: 2%; float: left;}
}

@media ( max-width:480px){
    .SocialBox .info{font-size: 14px;}
}

/* 定制加工 */
.Title03{text-align: center;}
.Title03 .name{display: inline-block; font-weight: bold; font-size: 28px; line-height: 35px; border-bottom: 3px solid #d6000f;}
.CustomBox .box{padding: 5% 0; border-bottom: 1px solid #e6e6e6;}
.CustomBox .box:last-child{padding-bottom: 0; border-bottom: none;}
.CustomBox .box .call{padding: 20px; background: #f0f0f0; font-size: 24px; text-align: center; margin-top: 6%;}
.CustomBox .box .call .num{font-size: 28px; color: #d6000f; display: inline-block; font-weight: bold; line-height: 50px; border-bottom: 1px solid #d6000f;;}
.Typebox{text-align: center; margin-top: 5%;}
.Typebox li{display: inline-block; width: 190px; margin: 0px -3px; height: 190px; background-image: url(../209/typebg.png); background-repeat: no-repeat; background-size: 100% 100%;}
.Typebox li .icon{display: block; width: 55px; margin: 50px auto 0px;}
.Typebox li .name{display: block; font-size: 18px; line-height: 46px;}
.Typebox li:hover .name,.Service li:hover .con .txt h4{color: #d6000f;}

.Service{text-align: center; margin-top: 1%;}
.Service li{display: inline-block; width: 23%; margin: 4% 0.5% 0%;}
.Service li .con{position: relative; padding-top: 31px;}
.Service li .con .icon{background: url(../209/icons.png) no-repeat; width: 200px; height: 63px; position: absolute; top: 0px; left: 50%; z-index: 5; margin-left: -100px;}
.Service li .con .txt{border: 1px solid #ccc; padding: 42px 10px 8px; height: 88px;}
.Service li .con .txt h4{font-size: 18px; line-height: 35px;}
.Service li .con .txt p{font-size: 16px; line-height: 26px; color: #666; height: 52px; overflow: hidden;}

.instro{font-size: 18px; color: #666666; margin: 3% 0; line-height: 36px; text-align: center;}
.StepBox li{width: 170px; float: left; padding-right: 61px; margin-right: 21px; background: url(../209/stepbg.png) no-repeat right center;}
.StepBox li:nth-last-child(2){background: none; padding-right: 0;}
.StepBox li .con{border: 1px solid #000; padding: 36px 44px 27px 32px; position: relative;}
.StepBox li .con .icon{position: absolute; width: 40px; height: 40px; background: #d6000f; right: -20px; top: 50%; margin-top: -20px;}
.StepBox li .con .txt{height: 214px; writing-mode: vertical-rl; writing-mode: tb-rl;}
.StepBox li .con .txt h4{font-size: 18px; line-height: 30px; margin-left: 16px;}
.StepBox li .con .txt .info{font-size: 16px; color: #666; letter-spacing: 0.1em;}

.KnowBox{width: 825px; margin: 0 auto;}
.KnowBox dd{position: relative; border-bottom: 1px solid #e1444f; min-height: 50px; margin-bottom: 30px; line-height: 50px; font-size: 22px; padding-left: 92px;}
.KnowBox dd .num{position: absolute; left: 0; top: 0; width: 63px; line-height: 50px; font-size: 24px; color: #fff; background: url(../209/numbg.png) no-repeat;}
.KnowBox dd .num span{display: block; width: 50px; text-align: center;}


@media ( max-width:1200px){
    .StepBox li{margin: 0 0 10px 0px;}
    .Title03 .name{font-size: 22px;}
    .KnowBox{width: 100%;}
    .KnowBox dd{font-size: 18px;}
}

@media ( max-width:768px){
    .Title03 .name{font-size: 20px;}
    .Service li{width: 30.3333%;}
    .Service li .con .txt h4{font-size: 16px;}
    .Service li .con .txt p{font-size: 14px;}
    .CustomBox .box .call{font-size: 18px;}
    .CustomBox .box .call .num{font-size: 24px;}
    .StepBox li .con .txt h4{font-size: 16px;}
    .Title02 .info,.instro,.Title02 .ins{font-size: 16px; line-height: 26px;}
}

@media ( max-width:640px){
    .Service li{width: 47%;}
    .StepBox li{width: 228px;}
    .Typebox li .name{font-size: 16px;}
}

@media ( max-width:480px){
    .Title03 .name{font-size: 18px;}
    .Typebox li{width: 150px; height: 155px;}
    .Typebox li .icon{width: 40px; margin-top: 40px;}
    .Service li{width: auto; margin: 6% 0 0; display: block;}
    .StepBox li{width: 40%; background: none; padding-right: 0;}
    .StepBox li:nth-child(2n){float: right; margin-right: 20px;}
    .StepBox li .con{padding: 5% 10% 5% 5%;}
    .KnowBox dd{padding-left: 75px; line-height: 30px; padding-bottom: 10px; font-size: 16px;}
    .CustomBox .box .call .num{display: block; font-size: 18px;}
}

/* 大健康联盟 */
.ProCommon{margin-top: 3%;}
.ProCommon .info{font-size: 18px; color: #666; line-height: 38px; text-align: center;}
.ProCommon .pic{margin-top: 5%; border: 1px solid #000; padding: 5%;}

@media ( max-width:768px){
    .ProCommon .info{font-size: 16px; line-height: 28px;}
    .ProCommon .pic{padding: 3%;}
}

/* 大客户 */
.CustomerBox .txt{text-align: center; margin: 4% auto; max-width: 1000px;}
.CustomerBox .txt .name{display: inline-block; font-size: 20px; color: #fff; background: #d6000f; line-height: 39px; padding: 0px 30px;}
.CustomerBox .txt .info{font-size: 16px; line-height: 36px; color: #666; margin-top: 1.5%;}
.CustomerBox .list{background: url(../209/cusbg.jpg) no-repeat center top;}
.CustomerBox .list dd{width: 17.6%; margin-right: 3%; float: left;}
.CustomerBox .list dd:nth-child(5n){margin-right: 0;}
.CustomerBox .list dd li{box-shadow: 5px 5px 40px #bfbfbf; margin-bottom: 30px;}
.CustomerBox .list dd li img{display: block; width: 100%;}
.CustomerBox .list dd.i2,.CustomerBox .list dd.i4{margin-top: 80px;}
.CustomerBox .list dd.i3{margin-top: 170px;}

@media ( max-width:768px){
    .CustomerBox .txt .name{font-size: 16px;}
    .CustomerBox .txt .info{font-size: 14px; margin-top: 4%;}
    .CustomerBox .txt .info{line-height: 26px;}
    .CustomerBox .list dd li{margin-bottom: 15px;}
    .CustomerBox .list dd.i2,.CustomerBox .list dd.i4{margin-top: 40px;}
    .CustomerBox .list dd.i3{margin-top: 90px;}
}

@media ( max-width:480px){
    .CustomerBox .txt{margin: 8% 0;}
    .CustomerBox .list dd{width: 100%; font: none;}
    .CustomerBox .list dd li{width: 31.3333%; float: left; margin-right: 3%;}
    .CustomerBox .list dd li:nth-child(3n){margin-right: 0;}
    .CustomerBox .list dd.i2,.CustomerBox .list dd.i4,.CustomerBox .list dd.i3{margin-top: 0px;}
}

/* 会员社群 */
.MemberBox{margin-top: 3%; font-size: 16px; line-height: 36px; color: #666666;}
.MemberBox .txt{margin-top: 4%;}
.MemberBox .txt p{text-indent: 2em;}

.StepList{padding-top: 60px;}
.StepList li{width: 22.75%; float: left; margin-right: 3%;}
.StepList li:nth-child(4n){margin-right: 0;}
.StepList li .con{background: #f0f0f0; text-align: center; position: relative; padding: 65px 15px 10px; font-size: 20px;}
.StepList li .name{position: absolute; top: -20px; left: 50%; margin-left: -90px; width: 180px; line-height: 40px; background: url(../209/line5.png) repeat-y center bottom; padding-bottom: 30px;}
.StepList li .name span{display: block; background: url(../209/titbg6.png) no-repeat; color: #fff;}
.StepList li .con .info{ color: #010101; line-height: 28px; height: 56px;}

.ScoreBox{margin: 4% 0;}
.ScoreBox .box{border: 1px solid #000;  min-height: 309px; padding-left: 305px;}
.ScoreBox .box dl.list{padding: 40px 28px 0px 50px; width: 226px; height: 269px; border-right: 1px solid #000; position: absolute; left: 0px; top: 0px;}
.ScoreBox .box dl.list dd{line-height: 50px; font-size: 18px; padding-bottom: 24px; margin-bottom: 16px; background: url(../209/down.png) no-repeat center bottom;}
.ScoreBox .box dl.list dd:last-child{padding-bottom: 0; background: none;}
.ScoreBox .box dl.list dd .con{background: #e6e6e6; padding-left: 36px; position: relative;}
.ScoreBox .box dl.list dd .icon{position: absolute; left: -25px; top: 0px; width: 50px;}
.ScoreBox .box .txtcon{display: flex; justify-content: center; padding: 0 8%; flex-direction: column; height: 309px;}
.ScoreBox .box .txtcon p{background: #e6e6e6; font-size: 18px; line-height: 50px; margin: 2% 0; padding: 0 3%;}

.MeberList{padding-top: 0.1%;}
.MeberList li{margin-top: 4%;}
.MeberList li .relative{width: 33.166%; float: left;}
.MeberList li .effect-img{border: 1px solid #000;}
.MeberList li .effect-img img{display: block; width: 100%;}
.MeberList li .txt{width: 62.5%; float: right; text-indent: 2em; margin: 2% 0;}
.MeberList li:nth-child(2n) .txt{float: left;}
.MeberList li:nth-child(2n) .relative{float: right;}

@media ( max-width:768px){
    .StepList{padding-top: 30px;}
    .StepList li{width: 48%; margin: 35px 0 0px 0;}
    .StepList li:nth-child(2n){float: right;}
    .StepList li .con{font-size: 16px;}
    .ScoreBox .box .txtcon p{font-size: 16px; line-height: 28px; padding: 4%;}
}

@media ( max-width:640px){
    .ScoreBox .box{padding-left: 0;}
    .ScoreBox .box dl.list{position: static; width: auto; height: auto; border-right: none;}
    .ScoreBox .box .txtcon{display: block; height: auto; padding: 3% 0; margin: 0 3%;}
    .MeberList li .relative,.MeberList li .txt{width: 100%; float: none;}
}

@media ( max-width:480px){
    .StepList li,.StepList li:nth-child(2n){width: 100%; float: none;}
    .MeberList li .txt{margin: 5% 0;}
}

/* 食材 */
.LineBox{border: 1px solid #d9d9d9; padding: 4% 0;}
.FoodList li{width: 32%; margin: 45px 2% 45px 0px; float: left; position: relative; text-align: center;}
.FoodList li:nth-child(3n){margin-right: 0;}
.FoodList li .effect-img img{display: block; width: 100%; height: 237px;}
.FoodList li .mask{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,0,0,.4)}
.FoodList li .name{position: absolute; left: 50%; top: -45px; margin-left: -95px; z-index: 3; width: 190px; height: 45px; line-height: 45px; font-size: 18px; letter-spacing: 0.1em;background: #fff;border:1px solid #2b2b2b; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.FoodList li .more{position: absolute; left: 50%; top: 50%; margin: -50px 0px 0px -17px; width: 35px; height: 101px; writing-mode: vertical-lr; line-height: 35px; letter-spacing: 0.1em; font-size: 14px; color: #fff; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(../209/more3.png);}
.FoodList li:hover .more{display: none;}
.FoodList li:hover .mask{background: rgba(255,255,255,.8);}
.FoodList li:hover .name{background: #d6000f;border:1px solid #d6000f; top: 50%; margin-top: -45px; color: #fff; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}


@media ( max-width:1024px){
    .FoodList li .more{display: none;}
    .FoodList li .effect-img img{height: 190px;}
    
}

@media ( max-width:768px){
    .FoodList li {margin: 35px 2% 35px 0;}
    .FoodList li .name{width: 100%; top: -35px; margin-left: 0px; left:0; font-size: 14px;}
    .FoodList li:hover .name{margin-top: -35px;}
    .FoodList li .effect-img img{height: 140px;}
}

@media ( max-width:640px){
    .FoodList li{width: 48%; margin: 40px 0px 15px;}
    .FoodList li:nth-child(2n){float: right;}
    .FoodList li .effect-img img{height: 172px;}
}

@media ( max-width:480px){
    .FoodList li{width: 100%;}
    .FoodList li .effect-img img{height: auto;}
}

/* 食材详情 */
.FoodDetail {margin-top: 5%;}
.FoodDetail .img{max-width: 504px; margin: 0 auto;}
.FoodDetail .img .box{border: 1px solid #000; padding: 20px;}
.FoodDetail .img .box img{display: block; width: 100%;}

.Title04{padding-left: 50px; border-bottom: 1px solid #d6000f;}
.Title04 span{display: inline-block; line-height: 45px; padding: 0px 20px; min-width: 110px; text-align: center; font-size: 20px; background: #d6000f; color: #fff; font-weight: bold;}
.FoodDetail .Content{margin: 4% 0 5%;}
.FoodDetail .Content .con{font-size: 18px; line-height: 38px; color: #666; padding: 2% 0 4%;}
.FoodDetail .Content .warm{padding-top: 2%; display: none; line-height: 37px; border-bottom: 2px solid #a3a3a3; font-size: 20px;}

.PrevNext{max-width: 700px;}
.PrevNext dl{line-height: 88px; height: 88px; overflow: hidden; border-bottom: 1px solid #000; font-size: 20px;}
.Clickbtn{width: 140px; position: absolute; right: 0px; bottom: 0px;}
.bsync-custom a,.goback{width: 60px !important; height: 60px !important; float: left; background-repeat: no-repeat; background-size: 100% 100%;}
.bsync-custom a:hover{opacity: 1 !important;}
.bsync-custom a{background-image: url(../209/btn1.png) !important; margin-right: 0 !important; padding: 0 !important;}
.goback{background-image: url(../209/btn2.png); margin-left: 20px; display: block;}


@media ( max-width:1024px){
    .Title04{padding-left: 0;}
    .Title04 span{font-size: 18px;}
}

@media ( max-width:768px){
    .Title04 span{font-size: 16px; min-width: 75px; line-height: 38px;}
    .FoodDetail .Content .con{font-size: 16px; line-height: 30px; padding: 15px 0px 20px;}
    .FoodDetail .Content .warm{font-size: 18px;}
    .PrevNext dl{height: 60px; line-height: 60px; font-size: 16px;}
    .Clickbtn{position: static; text-align: center; width: 100%; margin-top: 25px;}
    .bsync-custom{display: inline-block; vertical-align: top;}
    .bsync-custom a,.goback{float: none; display: inline-block; margin: 0px 20px !important;}
}

@media ( max-width:480px){
    .PrevNext dl{font-size: 14px;}
}

/* 会员俱乐部 */
.ClubMain{margin-top: 5%;}
.ClubMain .box{padding-bottom: 100px; background-image: url(../209/boxbg5.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto;}
.ClubMain .box .title{padding-bottom: 50px; background: url(../209/line5.png) repeat-y center bottom; text-align: center;}
.ClubMain .box .title span{display: block; font-size: 30px; line-height: 64px; font-weight: bold; background-image: url(../209/titbg8.png); background-repeat: no-repeat; background-position: center center; background-size: auto 100%;}
.ClubMain .box .mask{position: absolute; z-index: 0; width: 100%; left: 0px; top: 48px; height: 150px; background: #aa0f17;}
.ClubMain .box .w1200{position: relative; z-index: 5;}
.ClubMain .box .icon{display: block; width: 98px; margin: 0 auto;}
.ClubMain .box .Tabcon .img{display: block; width: 100%;}
.ClubMain .box .TxtCon{border: 1px solid #000; padding: 4%; background: #fff;}
.ClubMain .box .TxtCon dl .info{padding: 29px 0px 70px; font-size: 16px; line-height: 36px;}
.ClubMain .box .TxtCon dl:last-child .info{padding-bottom: 0;}
.ClubMain .add{font-size: 24px; font-weight: bold; line-height: 36px; text-align: center; padding-top: 3%;}


@media ( max-width:1024px){
    .ClubMain .box .title {padding-bottom: 30px;}
    .ClubMain .box .title span{font-size: 20px; line-height: 48px;}
    .ClubMain .box .TxtCon dl .info{padding: 20px 0px 30px;}
}

@media ( max-width:768px){
    .ClubMain .box{padding-bottom: 50px;}
    .ClubMain .box .title span{font-size: 16px; line-height: 38px;}
    .ClubMain .box .icon{width: 60px;}
    .ClubMain .box .mask{top: 30px;}
    .ClubMain .add{font-size: 20px;}
}

@media ( max-width:480px){
    .ClubMain .add{font-size: 16px; line-height: 28px;}
    .ClubMain .box{padding-bottom: 30px;}
}

/* 新闻中心 */
.NewsList{padding: 4% 0 0;}
.NewsList ul{padding-bottom: 3%;}
.NewsList li{background: #fafafa;}
.HomeNews li a{border: none;}

@media ( max-width:480px){
    .HomeNews li{margin: 3% 0;}
}

/* 新闻详情 */
.NewsDetail{margin-top: 4%;}
.NewsDetail .title{text-align: center; padding-bottom: 3%; border-bottom: 1px solid #d9d9d9;}
.NewsDetail .title .name{font-size: 30px; line-height: 50px;}
.NewsDetail .title .info{color: #808080; font-size: 16px; line-height: 28px;}
.NewsDetail .title .info i{padding: 0px 10px;}
.NewsDetail .Content{font-size: 18px; line-height: 38px; padding: 4% 0; border-bottom: 1px solid #d9d9d9; margin: 0 0 3%;}
.NewsDetail .Content video{width: 100%; height: 600px; background: #000;}


@media ( max-width:1024px){
    .NewsDetail .title .name{font-size: 24px; line-height: 40px;}
}

@media ( max-width:768px){
    .NewsDetail .w1200{padding: 0;}
    .NewsDetail .title .name{font-size: 20px; line-height: 30px;}
    .NewsDetail .title .info{font-size: 14px;}
    .NewsDetail .Content{font-size: 16px; line-height: 30px;}
    .NewsDetail .Content video{height: 300px;}
}

@media ( max-width:480px){
    .NewsDetail .title .name{font-size: 18px;}
}

/* 视频中心 */
.VideoList ul{padding: 5% 0 2%;}
.VideoList li{width: 32%; margin: 0 2% 3% 0; float: left;}
.VideoList li:nth-child(3n){margin-right: 0;}
.VideoList li .effect-img img{display: block; width: 100%; height: 228px;}
.VideoList li .mask{background: rgba(0,0,0,.5); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3;}
.VideoList li .play{background-image: url(../209/play.png); width: 72px; height: 72px; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; margin: -36px 0px 0px -36px; z-index: 5;}
.VideoList li .name{text-align: center; display: block; font-size: 20px; line-height: 36px; height: 36px; overflow: hidden; margin-top: 20px;}

@media ( max-width:1024px){
    .VideoList li .name{font-size: 16px; margin-top: 10px;}
    .VideoList li .play{width: 50px; height: 50px; margin: -25px 0px 0px -25px;}
    .VideoList li .effect-img img{height: 166px;}
}

@media ( max-width:768px){
    .VideoList li .name{font-size: 14px; margin-top: 10px;}
    .VideoList li .play{width: 30px; height: 30px; margin: -15px 0px 0px -15px;}
    .VideoList li .effect-img img{height: 123px;}
}

@media ( max-width:640px){
    .VideoList li{width: 48%; margin-right: 0;}
    .VideoList li:nth-child(2n){float: right;}
    .VideoList li .effect-img img{height: 153px;}
}

@media ( max-width:480px){
    .VideoList li,.VideoList li:nth-child(2n){float: none; width: 100%;}
    .VideoList li .effect-img img{height: auto;}
}

/* 养生知识 */
.HealthMain{background: url(../209/sun.png) no-repeat center top;}
.HealthBox h4{font-size: 24px; color: #000;}
.HealthBox .Htit{text-align: center; margin-top: 5%;}
.HealthBox .tbg,.HealthBox .bbg{width: 97%; height: 10px; margin: 0 auto; background-repeat: no-repeat; background-size: 100% 100%;}
.HealthBox .tbg{background-image: url(../209/tbg.jpg);}
.HealthBox .bbg{background-image: url(../209/bbg.jpg);}
.HealthBox .Content{border: 1px solid #000; border-top: none; padding: 3%;}

.HealthBox .list li{margin-top: 5%; padding: 10px 0px 10px 10px; background-repeat: no-repeat; background-position: left center; background-image: url(../209/boxbg6.png); background-size: auto 100%;}
.HealthBox .list li:nth-child(2n){padding: 10px 10px 10px 0px; background-position: right center; background-image: url(../209/boxbg7.png);}
.HealthBox .list li .box{border: 1px solid #000; border-right: none; background: #fff;}
.HealthBox .list li:nth-child(2n) .box{border-right: 1px solid #000; border-left: none;}
.HealthBox .list li .effect-img{width: 33.3333%; float: left; border-right: 1px solid #000;}
.HealthBox .list li .effect-img img{display: block; width: 100%;}
.HealthBox .list li .txt{width: 61.3333%; float: right; padding: 4% 0; line-height: 47px; font-size: 18px; color: #666;}
.HealthBox .list li:nth-child(2n) .effect-img{float: right; border-right: none; border-left: 1px solid #000;}
.HealthBox .list li:nth-child(2n) .txt{float: left;}

@media ( max-width:1024px){
    .HealthBox .Htit img{display: inline-block; width: 150px;}
    .HealthBox h4{font-size: 22px;}
}

@media ( max-width:768px){
    .HealthBox h4{font-size: 18px;}
    .HealthBox .list li .txt{font-size: 16px; line-height: 32px;}
}

@media ( max-width:640px){
    .HealthMain{background-size: 100% auto;}
    .HealthMain .w1200{padding: 0;}
}

@media ( max-width:480px){
    .HealthBox .list li{padding: 0 !important; background: none;}
    .HealthBox .list li .effect-img,.HealthBox .list li:nth-child(2n) .effect-img,.HealthBox .list li .txt,.HealthBox .list li:nth-child(2n) .txt{width: 100%; float: none;}
    .HealthBox .list li .effect-img,.HealthBox .list li:nth-child(2n) .effect-img{border: none !important; border-bottom: 1px solid #000 !important;}
    .HealthBox .list li .txt,.HealthBox .list li:nth-child(2n) .txt{width: auto; padding: 4%;}
}

/* 养生课堂 */
.LessonBox{margin-top: 5%;}
.LessonBox .pic img{display: block; width: 100%;}
.LessonBox ul{padding-bottom: 5%;}
.LessonBox ul li{background: #e6e6e6; padding: 0 3.333%;}
.LessonBox ul li:nth-child(2n){background: #fff;}
.LessonBox ul li a{display: block; font-size: 20px; height: 69px; line-height: 69px; overflow: hidden;}
.LessonBox ul li .num{display: inline-block; width: 36px; line-height: 36px; text-align: center; font-size: 18px; color: #fff; margin-right: 2%; background-repeat: no-repeat; background-size: 100% 100%; vertical-align: middle; background-image: url(../209/arr10.png);}

@media ( max-width:1024px){
    .LessonBox ul li a{font-size: 16px;}
}

@media ( max-width:480px){
    .LessonBox ul li a{font-size: 14px; height: 55px; line-height: 55px;}
    .LessonBox ul li .num{width: 30px; line-height: 30px; font-size: 16px;}
}

/* 人力资源 */
.JobList{margin-top: 5%; border: 1px solid #000000; border-bottom: none;}
.JobList li.First{border:none;}
.JobList li.First .Titname{overflow:hidden; height: 68px; line-height: 68px; font-size: 20px; font-weight:bold; background-color:#e6e6e6;}
.JobList li .Titname{display:block; float:left; background-image: url(../209/line5.png); background-repeat: repeat-y; background-position: right top; width:19%; text-align:center; font-size:16px; overflow:hidden; line-height:58px; height:58px; border-bottom: 1px solid #000;}
.JobList li .last{width: 24%; background-image: none;}
.JobList li .Titname .detail i{display: inline-block; vertical-align: middle; width: 32px; height: 32px; margin-left: 10px; background-size: 100% 100%; background-image: url(../209/jia.png);}
.JobList li.lion .Titname .detail i{background-image: url(../209/jian.png);}
.JobList li .Con{ display:none; padding:2% 5%; position:relative; border-bottom: 1px solid #000; font-size: 16px; line-height: 50px; color: #666;}

.JobBox dl{margin-top: 3%;}
.JobBox dl dt{line-height: 82px; border-bottom: 1px solid #000; margin-bottom: 3%; font-size: 24px; font-weight: bold;}
.JobBox dl dt .icon{display: inline-block; vertical-align: middle; width: 42px; margin-right: 20px;}
.JobBox dl dd{font-size: 16px; line-height: 36px; color: #666666;}
.ApplyLink li{width: 17.6%; float: left; margin: 1% 3% 0 0;}
.ApplyLink li:nth-child(5n){margin-right: 0;}
.ApplyLink li a{display: block; padding: 6px 16px; background-image: url(../209/jbg.jpg); background-size: 100% 100%;}
.ApplyLink li img{display: block; width: 100%;}

@media ( max-width:1024px){
    .JobList li.First .Titname{font-size: 18px;}
    .JobBox dl dt{font-size: 20px;}
}

@media ( max-width:768px){
    .ContactMain .w1200{padding: 0;}
    .JobList li.First .Titname{font-size: 16px;}
    .JobList li .Titname{font-size: 14px;}
    .JobList li .Con{font-size: 14px; line-height: 35px; padding: 4%;}
    .JobBox dl dt{line-height: 60px; font-size: 18px;}
    .JobBox dl dt .icon{width: 30px; margin-right: 10px;}
}

@media ( max-width:640px){
    .JobList li .Titname:nth-child(2),.JobList li .Titname:nth-child(3){display:none;}
    .JobList li .Titname{width:28%;}
    .JobList li .last{width: 44%;}
    .JobList li .Titname .detail i{width: 25px; height: 25px;}
}

@media ( max-width:480px){
    .JobList li.First .Titname{height: 50px; line-height: 50px;}
}

/* 联系我们 */
.ContactBox{margin-top: 5%;}
.ContactBox li{float: left; width: 22%; margin-right: 4%; text-align: center;}
.ContactBox li:nth-child(4n){margin-right: 0;}
.ContactBox li .icon{background: #f5f5f5; padding: 6% 0;}
.ContactBox li .icon img{display: inline-block;}
.ContactBox li .txt{padding: 25px 0px 0px;}
.ContactBox li .txt .name{display: block; font-size: 28px; line-height: 54px;}
.ContactBox li .txt p{font-size: 16px; line-height: 26px; color: #666666;}

.Map{margin-top: 4%; border: 1px solid #d9d9d9;}
.Map img{display: block; width: 100%;}



@media ( max-width:1024px){
    .ContactBox li .txt .name{font-size: 20px; line-height: 30px;}
    .ContactBox li .icon img{width: 120px;}
}

@media ( max-width:768px){
    .ContactBox li .txt .name{font-size: 16px;}
    .ContactBox li .txt p{font-size: 14px;}
}

@media ( max-width:640px){
    .ContactBox li .icon img{width: 100px;}
}

@media ( max-width:480px){
    .ContactBox li{width: 100%; float: none; margin-top: 5%;}
}

/* 19-05-30 */
/* 门店分布 */
.MapSearch{width: 435px; margin: 4% auto; position: relative;} 
.MapSearch .input{padding:0px 10px; line-height:33px; width:325px; font-size:14px; color:#999999;border:1px solid #e6e6e6; border-radius:5px 0px 0px 5px;}
.MapSearch .btn{ cursor:pointer;width:90px; height:35px;background:#d6000f; font-size:14px; color:#fff; position: absolute; right: 0px; top: 0px;}

.StoreMap img{display: block; width: 100%;}
.StoreList{margin-top: 3%;}
.StoreList li{width: 23.5%; float: left; margin: 0 2% 2% 0;}
.StoreList li:nth-child(4n){margin-right: 0;}
.StoreList li a{display: block; background: #eee; line-height: 40px; height: 40px; overflow: hidden; font-size: 16px; color: #333; padding: 0px 15px;}
.StoreList li a:hover{background: #d6000f; color: #fff;}

/* 19-06-11 */
/* 荣誉墙 */
.honer{padding-top:50px;}
.honer .left{width: 43%;float: left;padding: 0px 10%;box-sizing: border-box;background: url(../209/rybg.png) center top no-repeat; background-size:cover;}
.honer .right{padding-left: 20px;box-sizing: border-box; width: 52%;float: left;}
.honer .flexslider{text-align: center;margin: 20px 0px;width: 80%;position: relative;}
.honer .flex-direction-nav li{width: 30px;height: 40px; background-color: rgba(0,0,0,0.4);position: absolute;left: 0px;top:34%;}
.honer .flex-direction-nav li:nth-child(2){right: 0px;left: auto;background-image: url(../209/next.png);background-position: center;background-repeat: no-repeat;}
.honer .flex-direction-nav li:nth-child(1){background-image: url(../209/prev.png);background-position: center;background-repeat: no-repeat;}
.honer .flex-direction-nav li:hover{background-color: #ee2d31;}
.honer .flexslider p{line-height: 30px;margin: 10px 0px;}
.honer .right .ul li{box-sizing: border-box; padding-left: 150px; position: relative;margin-bottom: 40px;}
.honer .right .ul{position: relative; padding: 50px 0px; border-left: 3px solid #ee2d31;box-sizing: border-box;}
.honer .right .ul .clock{width: 30px;height: 30px;display:block;position: absolute;top: -15px;left: -15px;background: url(../uploadfiles/image/clock.jpg)center no-repeat;}
.honer .right .ul li i{top: 9px; background: white; left: -8px; width: 15px; height: 15px;border: 3px solid #ee2d31;border-radius: 50%;box-sizing: border-box;position: absolute;;}
.honer .right .ul li h3{font-weight: normal; text-align: center; font-size: 26px;color:white;background: url(../209/titlebg.png)center no-repeat;line-height: 35px;width: 100px; position: absolute;left: 25px;}
.honer .right .ul li p{line-height: 30px;font-size: 16px;color: #999999;}
.honer .right .img-box{margin-bottom: 50px; padding: 30px;box-sizing: border-box; flex-direction: column; background-repeat: no-repeat;background-size: 100%; background-position: center; height: 300px;width: 100%;display:flex;text-align: right; justify-content: center;}
.honer .right .img-box h4{font-size: 24px;line-height: 35px;font-weight: normal; color: #333333;}
.honer .right .img-box p{font-size: 16px;line-height: 24px;}
.honer .right .ul li .honer-img{border-radius:10px; overflow:hidden;border:2px solid #ee2d31; display:none; position:absolute;width:240px;height:180px;top:-190px;left:0px;z-index:10;}
.honer .right .ul li .honer-img img{width:100%;}
.honer1 .flexslider{width:50%;}
.honer .right .ul li .txt{line-height: 30px;font-size: 16px;color: #999999;position:relative;}
.honer .right .ul li .txt:hover .honer-img{display:block;}
@media(max-width:768px){
	.honer .right .img-box h4{font-size:18px;line-height:30px;}
	.honer .right .img-box p{font-size:14px;}
	.honer .left{width: 100%;float: none;padding: 0px;}
	.honer .right{width: 100%;float: none;padding: 0px;}
	.honer .flexslider{width: 100%;}
	.honer .right .ul li{padding-left: 30px;}
	.honer .right .ul li .honer-img{left:30px;}
	.honer .right .ul li h3{position:relative;margin: 10px 0px;left: auto;}
}

@media ( max-width:768px){
    .StoreList li{width: 48%; margin-right: 0;}
    .StoreList li:nth-child(2n){float: right;}
}

@media ( max-width:640px){

}

@media ( max-width:480px){
    .MapSearch{width: 100%;}
    .MapSearch .input{width: 204px;}
    .StoreList li,.StoreList li:nth-child(2n){width: 100%; float: none;}
}