@charset "utf-8";
@import "ShaoTing.css";
@import "XiaoXia.css";
@import "XinCe.css";
@import "YuanDing.css";
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;}
body{padding:0;margin:0 auto;font-size:14px;color:#333;background-color:#fff;font-family:"Arial","Microsoft YaHei";min-width:320px;-webkit-text-size-adjust:none;    /*取出点击出现半透明的灰色背景*/-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;background-color:#f1f8f4;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}
ul,li,form,dl,dt,dd,div,ol,figure,aside{padding:0;margin:0;}
.ul,.ul li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
table td{border-collapse:collapse;font-size:1px;}
select,input,textarea{font-size:14px;color:#333;border-radius:0;-webkit-border-radius:0;font-family:"Microsoft YaHei";}
img{border:none;max-width:100%;vertical-align:middle;}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover{color:#0091ff;text-decoration:none;}
a:focus{color:#333;outline:none;-moz-outline:none;}
a:active{color:#333;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;font-family:"Microsoft YaHei";text-align:justify;text-justify:inter-ideograph;}
img,object{border:none;max-width:100%;border:0;overflow:hidden;vertical-align:middle;}
.clear{clear:both;height:0px;overflow:hidden;zoom:0;}
.clearfix{*zoom:1;}

/*IE/7/6*/
.clearfix:after{content:"\200B";display:block;height:0;clear:both;}
.dot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/*2行文本省略号*/
.dot2{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

/*3行文本省略号*/
.dot3{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.ytable{display:table;width:100%;table-layout:fixed;}
.ytable-cell{display:table-cell;vertical-align:middle;}
.bg_cover{background-size:cover;background-position:center center;background-repeat:no-repeat;}
.bg_contain{background-size:contain;background-position:center center;background-repeat:no-repeat;}
a{color:#585858;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* 去掉链接触摸高亮 */
a:focus{outline:none;-moz-outline:none;}
.hide{display:none;}
.auto-1600{max-width:1600px;margin:auto;}
@media (max-width:1600px){
    .auto-1600{padding:0 2%;}
}
.line{/*border-top:1px solid #e5eee9;*/position:absolute;left:0;top:101px;width:100%;}

/*banner*/
.banner{padding-bottom:38.75%;background:no-repeat center center;background-size:cover;position:relative;}
.banner .text{position:absolute;left:7.5%;top:50%;transform:translateY(-50%);width:28.125%;color:#fff;}
.banner h2{font-size:40px;line-height:1.35em;font-weight:normal;padding:0;margin:0 0 15px;}
.banner p{margin:0;padding:0;}
.banner .excerpt{font-size:22px;line-height:1.5em;}

/*contact*/
#contact .table{display:table;width:100%;table-layout:fixed;min-height:500px;background-color:#ecf3ed;}
#contact .td{display:table-cell;vertical-align:middle;}
#contact .info{width:450px;overflow:hidden;border-right:8px solid #dce5d9;padding:2.5%;}
#contact .icon{width:137px;margin:0 auto 12.431%;}
#contact .icon i{display:block;padding-bottom:56.205%;background:no-repeat center center;background-size:contain;}
#contact .qrcode{text-align:center;font-size:14px;color:#333;line-height:1.75em;}
#contact .qrcode img{display:block;max-width:122px;height:auto;margin:0 auto;border:6px solid #e5ede5;}
#contact p{margin:0;padding:0;}
#contact ul{overflow:hidden;margin-bottom:6.906%;}
#contact li{overflow:hidden;color:#333;font-size:18px;line-height:27px;margin-bottom:13px;}
#contact li span{display:block;}
#contact li .l{background:no-repeat left 4px;padding-left:30px;float:left;}
#contact li .tel{background-image:url(../images/icon_01.png);}
#contact li .mail{background-image:url(../images/icon_02.png);background-position:left 6px;}
#contact li .addr{background-image:url(../images/icon_03.png);}
#contact li .r{margin-left:85px;}
#contact .mapBox{position:relative;min-height:500px;}
#contact .mapBox *{box-sizing:content-box;}
#contact #map{position:absolute;left:0;top:0;width:100%;height:100%;}
#contact .mapBox p{padding:5px 0;white-space:normal;}
#contact .mapBox img{max-width:none;}

/*special*/
#special{padding:5.208% 0 7.03125%;}
#special .project{background-color:#fff;padding:4.5% 8.4375% 5.9375%;overflow:hidden;font-size:16px;line-height:2.125em;}
#special .project h3,#special .project h4{font-size:24px;color:#2b4814;font-weight:normal;line-height:1.5em;padding:0;margin:0 0 1.128%;}
#special .project p{margin:0;padding:0;}
#special .entry{margin-bottom:4.662%;}
#special h3.title{text-align:center;margin-bottom:2.632%;}
#special .step{border:12px solid #f7f8f6;overflow:hidden;padding:3.609% 1.503% 0.602%;}
#special .item{width:25%;padding:3.5%;text-align:center;float:left;}
#special .pic{border:6px solid #99ab87;border-radius:50%;overflow:hidden;margin:0 auto 7.93%;width:70.21%;}
#special .pic i{display:block;padding-bottom:100%;background:no-repeat center center;background-size:cover;}
#special .step h4{font-style:italic;color:#99ab87;margin-bottom:3px;}
@media (max-width: 768px) {
  #special .project h3,#special .project h4 {font-size: 20px;}
  #special .project {font-size: 14px;}
}
/*investment*/
#investment{padding:2.605% 0;}
#investment .itBox{padding:3.125% 0;}

/*boxTitle*/
.boxTitle{text-align:center;margin-bottom:2.5%;}
.boxTitle h2{font-size:30px;font-weight:normal;color:#000;line-height:1.5em;margin:0 0 3px;padding:0;}
.boxTitle h2 i{font-size:56px;color:#2b4814;display:inline-block;line-height:1.125em;transform:translateY(15%);margin:0 5px;}
.boxTitle p{font-size:14px;color:#78897f;line-height:1.75em;margin:0;padding:0;text-transform:uppercase;letter-spacing:2px;}

/*why*/
#why .list{width:102.5%;overflow:hidden;}
#why .item{width:25%;padding-right:2.5%;float:left;padding-top:3.049%;}
#why .item:nth-child(2n){padding-top:0;}
#why .item p{margin:0;padding:0;}
#why .box{position:relative;cursor:pointer;}
#why .pic{padding-bottom:132.433%;background:no-repeat center center;background-size:cover;}
#why .info{position:absolute;left:0;bottom:0;width:100%;color:#fff;background-color:rgba(153,171,135,.96);}
#why .text{padding:0 6.75%;}
#why .title{padding:6.25% 0;}
#why .title h3{font-size:20px;font-weight:normal;padding:0;margin:0;line-height:1.5em;margin-bottom:3px;}
#why .title p{font-size:14px;line-height:1.5em;color:rgba(255,255,255,.6);text-transform:uppercase;}
#why .intro{display:none;font-size:16px;line-height:2em;max-height:10em;overflow:hidden;margin:3.125% 0;}
#why .box:hover .info{height:100%;background-color:rgba(153,171,135,.96);}
#why .box:hover .text{position:relative;top:50%;transform:translateY(-50%);}
#why .box:hover .intro{display:block;}
#why .box:hover h3{font-size:24px;}
#why .box:hover p{color:rgba(255,255,255,.7);}

/*support*/
#support ul{overflow:hidden;}
#support li{float:left;width:25%;text-align:center;background-color:#fff;list-style:none;}
#support li:nth-child(2n){background-color:#ebf2ee;}
#support li .box{padding:40px 10px 10px;}
#support li .icon{width:14.737%;margin:0 auto 9.474%;}
#support li i{padding-bottom:100%;display:block;background:no-repeat center center;background-size:contain;}
#support li h3{font-weight:normal;font-size:20px;line-height:1.5em;margin:0 0 6px;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#support li p{font-size:16px;line-height:1.5em;height:3em;margin:0;padding:0;overflow:hidden;}
#support ul:nth-child(2n) li{background-color:#ebf2ee;}
#support ul:nth-child(2n) li:nth-child(2n){background-color:#fff;}

/*storeType*/
#storeType{overflow:hidden;}
#typeLeft{width:25%;float:left;position:relative;z-index:3;}
#typeLeft li{padding-bottom:56.5%;position:relative;background-color:#fff;color:#333;font-size:24px;line-height:1.35em;text-align:center;list-style:none;cursor:pointer;}
#typeLeft li:before{width:100%;height:0;border-bottom:1px solid #e4ebe7;content:'';display:block;position:absolute;left:0;bottom:0;}
#typeLeft li:last-child:before{display:none;}
#typeLeft li:after{content:'';display:block;position:absolute;left:100%;top:50%;transform:translateY(-50%);border-left:10px solid rgba(153,171,135,.86);border-top:10px solid transparent;border-bottom:10px solid transparent;display:none;}
#typeLeft .cur{background:rgba(153,171,135,.46) url(../images/bg_storetype.png) no-repeat center center;background-size:48.75% auto;color:#fff;}
#typeLeft .cur:after{display:block;}
#typeLeft span{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;}
#typeRight{float:left;width:75%;}
#typeRight .box{display:none;}
#typeRight .slick-load{display:none;}
#typeRight .item i{display:block;padding-bottom:56.5%;background:no-repeat center center;background-size:cover;}
#typeRight .slick-slider{display:block;}
#typeRight .slick-dots{position:absolute;right:3.333%;bottom:0;margin-bottom:3.333%;font-size:0;line-height:normal;z-index:2;}
#typeRight li{display:inline-block;list-style:none;margin-left:10px;}
#typeRight button{display:block;background-color:#fff;border-radius:50%;border:none;text-indent:-9999em;width:10px;height:10px;padding:0;cursor:pointer;}
#typeRight .slick-active button{background-color:#2b4814;}

/*recruit*/
#recruit{overflow:hidden;}
#recruit p{margin:0;padding:0;}
#recruit .left{width:430px;float:left;}
#recruit .intro{font-size:30px;color:#000;line-height:1.55em;margin-bottom:13.95%;}
#recruit .tel{font-size:16px;color:#2b4814;line-height:2em;}
#recruit .tel p{margin-bottom:7px;}
#recruit .tel span{font-size:40px;line-height:1.125em;}
#recruit .right{margin-left:430px;overflow:hidden;}
#recruit .input{position:relative;overflow:hidden;border:1px solid #e4ebe7;}
#recruit .placeholder{cursor:text;display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
#recruit .placeholder i{position:relative;font-style:normal;padding-top:0;padding-bottom:0;top:50%;transform:translateY(-50%);height:auto;line-height:1.875em;}
#recruit .placeholder .rq:after{content:'*';color:#c40009;display:inline-block;margin-left:5px;}
#recruit .form{width:68.376%;float:right;}
#recruit .item{padding-bottom:20px;}
#recruit .two{width:102%;overflow:hidden;}
#recruit .two .item{width:50%;float:left;padding-right:2%;}
#recruit .text{display:block;width:100%;font-size:16px;color:#999;padding:16px 20px;height:58px;line-height:58px;border:none;background-color:#fff;}
#recruit .submit{width:196px;height:60px;color:#fff;background-color:#2b4814;font-size:16px;border:none;cursor:pointer;}
#recruit .submit:hover{opacity:.85;}
#recruit .select{position:relative;background-color:#fff;border:1px solid #e4ebe7;}
#recruit .select:after{width:8px;height:8px;border-right:1px solid #797979;border-bottom:1px solid #797979;transform:rotate(45deg);content:'';display:block;position:absolute;right:20px;top:50%;margin-top:-6px;}
#recruit select{display:block;width:100%;height:58px;line-height:58px;border:none;background-color:transparent;-webkit-appearance:none;appearance:none;padding:0 20px;color:#999;}
#recruit select::-ms-expand{display:none;}
@media(max-width:1280px){
    #contact .info{width:380px;}
    #contact li{font-size:16px;}
    .banner .excerpt{font-size:20px;}
    .banner h2{font-size:32px;margin-bottom:10px;}
    #special .project{line-height:2em;}
    /*#special .project h3,#special .project h4{font-size:22px;}*/
    .boxTitle h2{font-size:26px;}
    .boxTitle h2 i{font-size:50px;}
    #why .title h3{font-size:18px;}
    #why .intro{font-size:14px;}
    #why .box:hover h3{font-size:22px;}
    #support li h3{font-size:18px;}
    #support li p{font-size:14px;}
    #typeLeft li{font-size:22px;}
    #recruit .intro{font-size:26px;}
    #recruit .tel span{font-size:36px;}
    #recruit .form{width:95%;}
}
@media(max-width:1024px){
    .line{top:60px;}
    #contact .info{width:320px;}
    .banner .excerpt{font-size:18px;}
    .banner h2{font-size:26px;}
    #special .project{line-height:1.875em;padding-left:5%;padding-right:5%;}
    /*#special .project h3,#special .project h4{font-size:20px;}
    #special .step p{font-size:14px;line-height:1.75em;}*/
    .boxTitle h2{font-size:22px;}
    .boxTitle h2 i{font-size:44px;}
    #why .box:hover h3{font-size:18px;}
    #typeLeft li{font-size:18px;}
    #recruit .left{width:auto;float:none;margin-bottom:2.5%;}
    #recruit .intro{font-size:22px;margin-bottom:2.5%;}
    #recruit .tel span{font-size:32px;}
    #recruit .right{margin-left:0;}
    #recruit .form{width:auto;float:none;}
    #recruit .text{height:45px;line-height:45px;padding-top:10px;padding-bottom:10px;}
    #recruit select{height:45px;line-height:45px;}
    #recruit .submit{width:130px;height:50px;}
}
@media(max-width:768px){
    #contact .table,#contact .td{display:block;width:auto;}
    #contact .info{padding:5%;border-right:none;border-bottom:8px solid #dce5d9;}
    #contact .icon{margin-bottom:20px;}
    #contact ul{margin-bottom:5px;}
    #contact li{margin-bottom:5px;font-size:14px;}
    #contact .mapBox{height:auto;padding-bottom:60%;}
    .banner .text{width:90%;left:5%;}
    .banner .excerpt{font-size:14px;}
    .banner h2{font-size:20px;margin-bottom:5px;}
    #special .project{/*font-size:14px;line-height:1.75em;*/padding:7% 5%;}
   /* #special .project h3,#special .project h4{font-size:18px;}*/
    #special .item{width:50%;}
    .boxTitle{margin-bottom:5%;}
    .boxTitle h2{font-size:18px;margin-bottom:0;}
    .boxTitle h2 i{font-size:38px;}
    .boxTitle p{font-size:12px;}
    #investment{padding:5% 0;}
    #why .list{width:auto;}
    #why .item{width:100%;padding:0 0 2.5%;}
    #why .title{padding:0;margin-bottom:2%;}
    #why .title h3{font-size:16px;}
    #why .title p{font-size:12px;}
    #why .info{overflow:hidden;}
    #why .text{top:auto;transform:none;padding:3.125%;}
    #why .intro{display:block;font-size:12px;line-height:1.75em;padding:0;}
    #why .box:hover .info{height:auto;background-color:rgba(153,171,135,.96);}
    #why .box:hover .text{position:relative;top:auto;transform:none;}
    #why .box:hover h3{font-size:16px;}
    #why .box:hover p{color:rgba(255,255,255,.6);}
    #support li{width:50%;}
    #support li .icon{width:30%;}
    #support li h3{font-size:16px;}
    #support li p{font-size:12px;}
    #typeLeft,#typeRight{float:none;width:auto;clear:both;}
    #typeLeft li{width:33.333%;float:left;font-size:14px;padding-bottom:45px;}
    #typeLeft li:before{left:auto;right:0;border-bottom:none;border-right:1px solid #e4ebe7;height:100%;width:0;}
    #typeLeft li:after{border-top:5px solid #2b4814;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:none;left:50%;top:100%;transform:translateX(-50%);}
    #typeLeft .cur{background-size:auto 80%;}
    #typeRight .slick-dots{right:50%;transform:translateX(50%);}
    #typeRight li{margin:0 4px;}
    #typeRight li button{width:8px;height:8px;}
    #recruit .intro{font-size:18px;}
    #recruit .tel p{margin-bottom:0;}
    #recruit .tel span{font-size:28px;}
    #recruit .item{padding-bottom:10px;}
    #recruit .text{height:40px;line-height:40px;font-size:14px;}
    #recruit select{height:40px;line-height:40px;}
    #recruit .submit{width:120px;height:40px;font-size:14px;}
}

.p_energy{ background-color: #fff; margin: 5% 0 8%; padding: 5% 9% 60px;}
.p_energy .box1 figure{ width: 46%;}
.p_energy .box_tit{ text-align: center;}
.p_energy .box_tit *{ margin: 0; font-weight: normal;}
.p_energy .box_tit h3{ font-size: 30px; color: #000000;}
.p_energy .box_tit h4{ font-size: 14px; color: #78897f; text-transform: uppercase; padding: 1.5% 0; letter-spacing: 0.2em; padding-left: 0.2em;}

.p_energy .box1 .info{ padding: 3%;}
.p_energy .box1 .txt{ font-size: 16px; color: #333; line-height: 36px; text-align: center; margin-top: 10px;}
.p_energy .box2{ margin: 6% 0;}
.pe_root_info{ position: relative; background: url(../images/root_icon.png) no-repeat center top; padding-top: 50px; margin-top: 20px;}
.pe_root_info .item{ position: relative; padding-bottom: 12%;}
.pe_root_info .item:last-child{ padding-bottom: 5%;}
.pe_root_info::before{ content: ''; position: absolute; left: 50%; top: 1%; width: 1px; height: 99%; background: url(../images/root_icon2.png) repeat-y center top;}
.pe_root_info .info{ text-align: justify;}
.pe_root_info .tit{ font-size: 28px; color: #000000; font-weight: normal; margin: 0;}
.pe_root_info .intro{ font-size: 16px; color: #333333; line-height: 30px;}
.pe_root_info .icon{ position: absolute; left: 50%; top: 45px; width: 184px; transform: translateX(-50%); text-align: center; height: 60px;}
.pe_root_info .icon i{ width: 60px; height: 60px; border: 1px solid #99ab87; background-color: #f6f8f5; position: absolute; left: 50%; top: 50%; border-radius: 100%; margin: -30px 0 0 -30px;}
.pe_root_info .icon i::before,
.pe_root_info .icon i::after{ content: ''; position: absolute; width: 4px; height: 4px; border-radius: 100%; background-color:#99ab87; left: 50%; margin-left: -2px;}
.pe_root_info .icon i::before{ top: -3px;}
.pe_root_info .icon i::after{ bottom: -3px;}
.pe_root_info .icon span{ width: 100%; text-align: center; background-color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 10; font-size: 14px; color: #99ab87; padding: 5px 0; letter-spacing: 0.2em; text-indent: .2em;}
.pe_root_info article{position: relative; padding-left: 107px; min-height: 100px; margin: 10% 0 0; }
.pe_root_info .pic_icon{ position: absolute; left: 0; top: 0; width: 100px;}
.effect{ }
.effect dt span{ display: inline-block; background-color: #99ab87; color: #ffffff; font-size: 15px; padding:5px 12px; border-radius: 20px; margin-bottom: 5px;}
.effect dd{ position: relative; padding-left: 10px; font-size: 16px; color: #333333; margin: 10px 0;}
.effect dd::before{ content: ''; position: absolute; left: 0; top: 10px; background-color: #99ab87; width: 4px; height: 4px; border-radius: 100%;}

.p_energy .box3 .desc .txt{ text-align: center; font-size: 16px; line-height: 36px; color: #333; position: relative; max-width: 800px; margin: 0 auto;}
.p_energy .box3 .desc .txt .img{ position: absolute; right: 0; bottom: -154px; margin: 0;}


@media(min-width:769px){
	.pe_root_info .pic{padding-left: 96px;}
	.pe_root_info .info{ padding-right: 96px;}
	.pe_root_info .item:nth-child(2n) .pic{ padding-left: 0; padding-right: 96px;}
	.pe_root_info .item:nth-child(2n) .info{ padding-right: 0; padding-left: 96px;}
}
@media(max-width:768px){
	.p_energy{ margin-bottom: 60px; padding-left: 5%; padding-right: 5%;}
	.pe_root_info::before{ display: none;}
	.p_energy .box1 .ytable-cell,
	.pe_root_info .item .ytable-cell{ display: block; width: 100%;}
	.pe_root_info .icon{ display: none;}
	.p_energy .box_tit h3{ font-size: 20px;}
	.pe_root_info .tit{ font-size: 18px;}
	.effect{ margin: 5% 0;}
  .pe_root_info .info{ padding-top: 5%; padding-bottom: 5%;}
  .pe_root_info .item {padding-bottom: 0;}
  .p_energy .box1 .txt {font-size: 14px; line-height: 30px;}
  .pe_root_info .intro {font-size: 14px; line-height: 24px;}
  .effect dd {font-size: 14px;}
  .p_energy .box3 .desc .txt {font-size: 14px; line-height: 30px;}
}

.brand_big{ margin-top: 5%;}
.brand_box{ margin-top: 0;}
.brand_box .box1{ border-bottom: 10px solid #f5f6f3; padding-bottom: 3%;}
.brand_box .box1 .txt_con{ max-width: 920px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 36px; color: #333;}
.box1_pic_ul{ max-width: 800px; margin: 5% auto 0;}
.box1_pic_ul li{ width: 23%; margin: 0 1%; float: left;}
.box1_pic_ul li img{ border-radius: 100%;}
.box1_pic_ul li p{ margin: 10px 0;}

.box2_pic_ul{ max-width: 1200px; margin: 3% auto 5%;}
.box2_pic_ul li{ width: 33.33%; float: left; padding: 1%; text-align: center; font-size: 18px; color: #000000;}
.box2_pic_ul li h3,
.box2_pic_ul li h4{ font-weight: normal; margin: 0;}
.box2_pic_ul li h3{ padding: 15px 0 10px;}

.brand_box{ margin-bottom: 0;}
.brand_box .box2 .txt_con{ padding-left: 7%;background: url(../images/root_icon4.png) no-repeat right top;}
.brand_box .box2 .txt_con .box_tit{ text-align: left;}
.brand_box .box2 .txt{ font-size: 16px; line-height: 36px; color: #333; margin-top: 6%;}
.brand_box .box3 .tab_span{ display: inline-block; background-color: #e4ede4; padding: 10px 20px; border-radius: 20px; font-size: 16px; color: #333333;}

.box3_pic_ul{ margin-top: 5%;}
.box3_pic_ul li{ float: left; width: 27.6%; margin-right: 8.6%; text-align: center; color: #333333;}
.box3_pic_ul li:last-child{ margin-right: 0;}
.box3_pic_ul li h3,
.box3_pic_ul li p{ margin: 0;}
.box3_pic_ul li h3{ font-size: 20px; font-weight: bold; padding: 25px 0 10px;}
.box3_pic_ul li p{ font-size: 16px;}
.brand_box2{ margin-top: 0; background-color: #f9fbfa;}
.box4_pic_ul{ max-width: 1000px; margin: 2% auto 0; }
.box4_pic_ul li{float: left; width: 32%; margin-right: 1%; text-align: center; color: #333333;}
.box4_pic_ul li:last-child{ margin-right: 0;}
.box4_pic_ul li span{ display: inline-block; background-color: #f0f2ed; padding: 5px 10px; border-radius: 20px; font-size: 16px; color: #333333;}

@media(max-width:768px){
	.brand_box .box2 .ytable-cell{ display: block;}
	.brand_box .box2 .txt_con{ padding: 3% 0;}
	.box3_pic_ul li{ width: 32%; margin-right: 1%;}
  .brand_box .box1 .txt_con {font-size: 14px; line-height: 30px;}
  .brand_box .box2 .txt {font-size: 14px; line-height: 30px;}
}
@media(max-width:640px){
	.box1_pic_ul li{ width: 48%;}
	.box2_pic_ul li{ width: 100%; font-size: 16px;}
	.box3_pic_ul li,
	.box4_pic_ul li{ width: 100%; margin-right: 0; margin-bottom: 5%;}
}

/**/
.title-view .cn{font-size:30px;font-weight:500;margin:0;}
.title-view .en{font-size:16px;text-transform:uppercase;margin:14px 0 0;}
.seek-part1{min-height:760px;margin:100px 0;position:relative;}
.seek-part1 .bg-image{position:absolute;left:0;top:0;height:100%;width:100%;}
.seek-part1 .content{max-width:360px;width:98%;min-height:500px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgba(163,188,139,0.95);text-align:center;color:#fff;padding:20px 10px;}
.seek-part1 .content .title{font-size:36px;font-weight:500;line-height:1.35;margin:0;}
.seek-part1 .content .title::after{content:"";display:block;margin:30px auto 48px;width:20px;height:4px;background-color:#fff;}
.seek-part1 .content .desc{line-height:36px;margin:0;}
.seek-part2{text-align:center;padding:10px 0 106px;}
.seek-part3 .list .item{float:left;width:50%;padding:0 40px;margin-bottom:110px;}
.seek-part3 .list .item:nth-child(even) .image{-webkit-transform:translateY(-444px);-ms-transform:translateY(-444px);transform:translateY(-444px);}
.seek-part3 .list .item:nth-child(even) .content{-webkit-transform:translateY(171%);-ms-transform:translateY(171%);transform:translateY(171%);}
.seek-part3 .list .item .inner{max-width:640px;width:100%;}
.seek-part3 .list .item .image{position:relative;}
.seek-part3 .list .item .image .bg_cover{padding-top:118.75%;}
.seek-part3 .list .item .image .icon{position:absolute;right:-65px;}
.seek-part3 .list .item:nth-child(odd) .image .icon{top:-85px;}
.seek-part3 .list .item:nth-child(even) .image .icon{bottom:-75px;}
.seek-part3 .list .item .content{padding:54px 12% 70px 0;min-height:444px;box-sizing:border-box;}
.seek-part3 .list .item .content .scroll{max-height:255px;}
.seek-part3 .list .item .content .title{color:#2b4814;font-size:26px;font-weight:500;margin:0 0 28px;}
.seek-part3 .list .item .content .desc{font-size:15px;line-height:30px;margin:0;}
.seek-part3 .list .item .content .attr{line-height:30px;font-size:15px;margin-top:40px;}
.seek-part3 .list .item .content .attr dt{color:#99ab87;font-weight:bold;}
.seek-part3 .list .item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#2b4814;}
.seek-part4{width:100%;min-height:500px;position:relative;margin-top:30px;display:table;color:#fff;text-align:center;padding:30px 0;}
.seek-part4 .bg-image{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;}
.seek-part4 .desc{line-height:36px;margin:44px 0 0;}
@media (max-width:1200px){
  .seek-part3 .list .item:nth-child(even) .content{-webkit-transform:translateY(129%);-ms-transform:translateY(129%);transform:translateY(129%);}
}
@media (max-width:992px){
  .seek-part3 .list .item{margin-bottom:30px;}
  .seek-part3 .list .item:nth-child(even) .content{-webkit-transform:translateY(104%);-ms-transform:translateY(104%);transform:translateY(104%);}
}
@media (max-width:768px){
  .title-view .cn{font-size:20px;}
  .title-view .en{font-size:14px;}
  .seek-part1{min-height:500px;margin:30px 0 50px;}
  .seek-part1 .content{min-height:400px;}
  .seek-part1 .content .title{font-size:24px;}
  .seek-part1 .content .title::after{margin:15px auto 24px;}
  .seek-part2{padding:0 0 30px;}
  .seek-part3 .list .item{padding:0;width:100%;margin-bottom:10px;}
  .seek-part3 .list .item .content{min-height:auto;padding:30px 0 0;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;}
  .seek-part3 .list .item .content .title{font-size:18px;margin-bottom:14px;}
  .seek-part3 .list .item .content .attr{margin-top:20px;}
  .seek-part3 .list .item .image{padding-right:28px;padding-top:50px;transform:none!important;}
  .seek-part3 .list .item .image .icon{width:100px;top:0!important;right:0!important;bottom:auto!important;}
  .seek-part4{min-height:auto;}
  .seek-part4 .desc{margin-top:22px;}
}
.news-part1{margin:100px 0 80px;}
.news-part1 .recommend .item{overflow:hidden;display:table;}
.news-part1 .recommend .item > div{width:50%;display:table-cell;}
.news-part1 .recommend .item .image{overflow:hidden;}
.news-part1 .recommend .item .image .bg_cover{padding-top:60%;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.news-part1 .recommend .item .image:hover .bg_cover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.news-part1 .recommend .item .content{padding-left:60px;vertical-align:middle;}
.news-part1 .recommend .item .content .date{margin-bottom:30px;position:relative;}
.news-part1 .recommend .item .content .date::after{content:"";position:absolute;width:calc(100% - 80px);height:1px;right:0;top:48px;background-color:#d8dfdb;}
.news-part1 .recommend .item .content .date span{display:block;line-height:100%;color:#999;font-size:18px;}
.news-part1 .recommend .item .content .date .num{font-size:60px;}
.news-part1 .recommend .item .content .title{font-size:20px;margin:0;}
.news-part1 .recommend .item .content .desc{color:#666;height:90px;line-height:30px;margin:30px 0 70px;}
.news-part1 .recommend .item .content .btn{display:block;width:140px;height:40px;line-height:38px;text-align:center;border:1px solid #2b4814;color:#2b4814;}
.news-part1 .recommend .slick-dots{font-size:0;list-style:none;position:absolute;z-index:10;right:0;bottom:15%;}
.news-part1 .recommend .slick-dots li{display:inline-block;vertical-align:top;margin-left:12px;}
.news-part1 .recommend .slick-dots li button{font-size:0;display:block;width:10px;height:10px;border-radius:10px;border:none;background-color:#ced9c8;padding:0;cursor:pointer;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.news-part1 .recommend .slick-dots li.slick-active button{width:24px;background-color:#aabb9d;}
.news-part2{margin-bottom:110px;}
.search-part{padding-top:5%;}
.article-wrap{overflow:hidden;}
.article-list{margin:0 -25px;overflow:hidden;}
.article-list .item{float:left;width:33.3333%;padding:0 25px;margin-bottom:74px;}
.article-list .item .image{overflow:hidden;}
.article-list .item .image .bg_cover{display:block;padding-top:60%;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.article-list .item .image:hover .bg_cover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.article-list .item .content{padding:36px 0 0;}
.article-list .item .content .title{font-size:20px;margin:0 0 10px;}
.article-list .item .content .title a{color:#333;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.article-list .item .content .title a:hover{color:#2b4814;}
.article-list .item .content .desc{color:#666;height:60px;line-height:30px;margin:0;}
.article-list .item .content .date{color:#999;line-height:24px;position:relative;margin-top:30px;}
.article-list .item .content .date::after{content:"";position:absolute;right:0;top:50%;width:calc(100% - 116px);border-top:1px solid #d8dfdb;}
@media (max-width:992px){
  .news-part1 .recommend .item{display:block;}
  .news-part1 .recommend .item > div{display:block;width:100%;}
  .news-part1 .recommend .item .content{padding:20px 0;}
  .news-part1 .recommend .slick-dots{bottom:0;}
  .article-list .item{width:50%;}
}
@media (max-width:768px){
  .news-part1{margin:30px 0 50px;}
  .news-part1 .recommend .item .content .date{margin-bottom:15px;}
  .news-part1 .recommend .item .content .date .num{font-size:44px;}
  .news-part1 .recommend .item .content .date span{font-size:14px;}
  .news-part1 .recommend .item .content .date::after{top:36px;width:calc(100% - 60px);}
  .news-part1 .recommend .item .content .desc{margin:15px 0 35px;}
  .news-part2{margin-bottom:50px;}
  .article-list .item{width:100%;margin-bottom:10px;}
  .article-list .item .content{padding:18px 0;}
  .article-list .item .content .date{margin-top:15px;}
}

/*pages*/
.Pages{overflow:hidden;text-align:center;font-size:0;}
.Pages span{padding:0px 3px;display:inline-block;}
.Pages a{display:inline-block;vertical-align:top;margin:0px 4px;width:40px;height:40px;line-height:40px;}

/*.Pages .p_cur{ float:left;}*/
.Pages .p_cur b{color:#F00;}

/*.Pages .p_count{ float:left;}*/
.Pages .p_count b{color:#F00;}

/*.Pages .p_total { float:left;}*/
.Pages .p_total b{color:#F00;}

/*.Pages .p_page{ float:right;}*/
.Pages .p_page em{font-style:normal;font-family:Arial;}
.Pages .p_page em a{padding:0px 7px;font-size:16px;}
.Pages .p_page em a.a_cur{color:#fff;background:#2b4814;}
.Pages .p_page b{font-weight:normal;}
.Pages .i_text{width:30px;padding:0px;text-align:center;font-size:12px;border:inset 1px #ddd;background:#fff;}
.Pages .i_button{position:relative;top:5px;width:32px;height:20px;cursor:pointer;border:none;background:url(page_goto.jpg) no-repeat;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump,.Pages .a_first,.Pages .a_end{display:none}
.Pages .a_prev{background:url(../images/pages_prev.png) no-repeat center center;}
.Pages .a_next{background:url(../images/pages_next.png) no-repeat center center;}

/*pages end*/
.article{margin:94px 0;}
.article .title{text-align:center;font-size:26px;margin:0;}
.article .other-info{text-align:center;color:#999;margin-top:14px;}
.article .content-details{padding:50px 190px;}
.article .content-details p{color:#666;line-height:36px;margin:0;font-size: 16px;}
.article .relative-link-wrap{border-top:1px solid #e5eee9;margin-top:40px;overflow:hidden;padding:34px 0 40px;}
.article .relative-link-wrap p{margin:0;line-height:30px;color:#99ab87;max-width:40%;}
.article .relative-link-wrap p a{margin-left:40px;}
.article .relative-link-wrap .prev{float:left;}
.article .relative-link-wrap .next{float:right;}
@media (max-width:992px){
  .article .content-details{padding:50px 60px;}
}
@media (max-width:768px){
  .article{margin:30px 0 50px;}
  .article .title{font-size:18px;}
  .article .content-details{padding:20px 0;}
  .article .other-info{margin-top:6px;}
  .article .relative-link-wrap{margin-top:20px;padding:10px 0;}
  .article .relative-link-wrap p{float:none!important;max-width:100%;}
  .article .relative-link-wrap p a{margin-left:15px;}
  .article .content-details p {font-size: 14px; line-height: 30px;}
}
.product-shop{margin:100px 0 64px;}
.product-shop > div{width:50%;float:left;}
.product-shop .image-wrap .image-view .item .bg_cover{padding-top:75%;}
.product-shop .image-wrap .image-nav{padding:0 148px;}
.product-shop .image-wrap .image-nav .item{padding:20px 10px;}
.product-shop .image-wrap .image-nav .item .bg_cover{padding-top:75.4716%;cursor:pointer;}
.product-shop .image-wrap .image-nav .slick-arrow{width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;cursor:pointer;border:none;font-size:0;}
.product-shop .image-wrap .image-nav .slick-prev{background:url(../images/pages_prev.png) no-repeat center;left:94px;}
.product-shop .image-wrap .image-nav .slick-next{background:url(../images/pages_next.png) no-repeat center;right:94px;}
.product-shop .content{padding-left:80px;padding-top:50px;}
.product-shop .content .title{font-size:34px;font-weight:500;margin:0 0 12px;}
.product-shop .content .title-en{display:block;font-size:16px;padding-left:8px;margin-bottom:40px;}
.product-shop .content p{margin:0;}
.product-shop .content .text1{font-size:18px;line-height:1.7;margin-bottom:18px;}
.product-shop .content .text2{color:#666;font-size:15px;line-height:1.9;margin-bottom:30px;}
.product-shop .content .ul li{font-size:15px;line-height:1.9;margin:18px 0;}
.product-shop .content .ul li .price{color:#152607;font-size:30px;font-weight:bold;line-height:100%;}
.product-shop .content .btn{display:block;width:140px;height:40px;line-height:40px;text-align:center;background-color:rgb(43,72,20);color:#fff;margin-top:70px;}
.product-shop .content .btn:hover{background-color:rgba(43,72,20,0.9);}
.product-details .tabs{font-size:0;}
.product-details .tabs .tabs-item{display:inline-block;vertical-align:top;width:50%;line-height:78px;text-align:center;color:#99ab87;font-size:18px;border-bottom:1px solid #e5eee9;}
.product-details .tabs .tabs-item.active{color:#2b4814;border-bottom-color:#cfdcc1;}
.product-details .tabs-content .content-item{display:none;overflow:hidden;}
.product-details .tabs-content .details{padding-bottom:145px;padding-top:60px;}
.product-details .tabs-content .details .other-info{margin-bottom:60px;}
.product-details .tabs-content .details .other-info .item{width:33.3333%;float:left;overflow:hidden;padding:20px 0;display:table;table-layout:fixed;}
.product-details .tabs-content .details .other-info .item > div{display:table-cell;}
.product-details .tabs-content .details .other-info .icon{width:100px;}
.product-details .tabs-content .details .other-info .icon .image{width:100px;height:100px;background:#B8C9A8;border-radius:4px;position:relative;}
.product-details .tabs-content .details .other-info .icon img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.product-details .tabs-content .details .other-info .text{padding-left:30px;padding-right:80px;font-size:15px;vertical-align:middle;}
.product-details .tabs-content .details .other-info .text h3{color:#99ab87;font-weight:500;margin:0 0 4px;}
.product-details .tabs-content .details .other-info .text p{margin:0;line-height:26px;}
.product-details .tabs-content .recommend{padding:40px 0 114px;}
.recommend-list{margin:0 -14px;}
.recommend-list .item{float:left;width:25%;padding:14px;}
.recommend-list .item a{display:block;position:relative;}
.recommend-list .item .content{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(212,223,206,0.95);z-index:20;text-align:center;padding:0 2% 20px;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;opacity:0;}
.recommend-list .item .ytable{height:100%;}
.recommend-list .item .content .button{position:absolute;bottom:9%;left:0;right:0;margin:auto;}
.recommend-list .item .content .tits{font-size:18px;font-weight:normal;line-height:30px;letter-spacing:2px;color:#000000;max-height:60px;margin:0;}
.recommend-list .item .content .intro{font-size:16px;line-height:30px;letter-spacing:2px;color:#666666;max-height:90px;margin:10px 0 0;}
.recommend-list .item a:hover .content{opacity:1;}
.recommend-list .item .image{position:relative;padding-top:89.4736%;background-color:#e2ecdd;}
.recommend-list .item .image .product-image{position:absolute;bottom:-6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);max-width:80%;max-height:90%;z-index:1;}
.recommend-list .item .image .product-shadow{position:absolute;left:51%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-30px;width:84%;}
.recommend-list .item .name{height:80px;text-align:center;background-color:#fff;color:#000;font-size:18px;padding-top:40px;}
@media (max-width:992px){
  .product-details .tabs-content .details .other-info .item{width:50%;}
  .recommend-list .item{width:33.3333%;}
  .product-shop .image-wrap .image-nav{padding:0 30px;}
  .product-shop .image-wrap .image-nav .slick-prev{left:0;}
  .product-shop .image-wrap .image-nav .slick-next{right:0;}
}
@media (max-width:768px){
  .product-shop{margin:30px 0 20px;}
  .product-shop > div{width:100%;}
  .product-shop .content{padding-left:0;}
  .product-shop .content .title{font-size:22px;margin-bottom:6px;}
  .product-shop .content .title-en{font-size:14px;margin-bottom:20px;}
  .product-shop .content .text1{font-size:16px;margin-bottom:9px;}
  .product-shop .content .btn{margin-top:35px;}
  .product-details .tabs .tabs-item{line-height:50px;font-size:16px;}
  .product-details .tabs-content .details{padding-top:20px;padding-bottom:50px;}
  .product-details .tabs-content .details .other-info .item{width:100%;padding:10px 0;}
  .product-details .tabs-content .details .other-info .text{padding-left:10px;padding-right:0;font-size:14px;}
  .recommend-list .item{width:50%;}
}

.goods-list {
  margin: 3% 0;
}
.goods-list li {
  float: left;
  width: 33.3333%;
}
.goods-list li a {
  display: block;
  height: 400px;
  position: relative;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
  padding: 2%;
}
.goods-list li a:hover {
  background-color: rgba(212,223,206,.949);
}
.goods-list li .txt {
  position: absolute;
  left: 4%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 48%;
}
.goods-list li .txt .tit {
  font-size: 20px;
  line-height: 34px;
  color: #618430;
}
.goods-list li .txt .tits,
.goods-list li .txt .intro {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: #666;
  margin: 0;
}
.goods-list li .txt .button {
  margin-top: 16%;
}
.goods-list li .pic {
  position: absolute;
  right: 4%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 48%;
  height: 90%;
  text-align: center;
}
.goods-list li .pic img {
  max-height: 90%;    
  position: absolute;
  top: 50%;
  left: 30%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.goods-list li .pic .pro-shadow {
  display: none;
}
@media (max-width: 1200px) {
  .goods-list li {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .goods-list li {
    width: 100%;
  }
  .goods-list li a {
    height: 250px;
  }
  .goods-list li .txt .tit {
    font-size: 20px;
  }
  .goods-list li .txt .tits, .goods-list li .txt .intro {
    font-size: 14px;
  }
}

/*xxx*/
.store_list li{width:100%;margin-bottom:3%;background:#fff;transition:0.5s;position:relative;}
.store_list li img{display:none;}
.store_list li .pic{position:absolute;width:43.815%;height:100%;display:block;background-size:cover;background-repeat:no-repeat;background-position:center;}
.store_list li .txt{padding:4% 4% 4% 48%;}
.store_list li h1{margin:0;padding:0;font-size:18px;font-weight:normal}
.store_list li dl{font-size:14px;display:block;padding:20px 0px;line-height:28px;}
.store_list li dl dd{background:no-repeat left 6px;padding-left:24px;}
.store_list li dl dd.dot{height:28px;margin-bottom:10px;background-image:url("../images/icon_tel.jpg")}
.store_list li dl dd.dot2{height:56px;background-image:url("../images/icon_add.jpg")}
.store_list li .more{font-size:14px;color:#2b4814;display:block;max-width:126px;line-height:34px;width:40%;text-align:center;border:solid 1px #2b4814}
@media (min-width:768px){
	.store_list li{width:48.5%;margin-left:3%;float:left;}
	.store_list li:nth-child(odd){clear:both;margin-left:0}
	.store_list li:hover{box-shadow:8px 5px 26px #D7D7D7;}
	.store_list li h1{font-size:20px;}
	.store_list li dl{font-size:13px;}
	.store_list li .more{font-size:13px;}
}
.open_map{position:fixed;left:0;top:0;width:100%;height:100%;z-index:200;background:rgba(0,0,0,0.7);display:none;}
.map_area{position:fixed;width:80%;left:10%;top:25%;height:50%;background:#fff;font-size:12px;}
.map_area #allmap{position:absolute;left:15px;top:15px;right:15px;bottom:15px;}
.map_area #allmap *{box-sizing:content-box;}
.map_area #allmap img{max-width:none;}
.map_area .close{position:absolute;right:0;width:31px;height:31px;top:-32px;background:#fff;cursor:pointer;}
.map_area .close::before,.map_area .close::after{position:absolute;content:'';width:25px;height:2px;background:#0033a0;top:15px;left:3px;}
.map_area .close::before{transform:rotate(45deg);}
.map_area .close::after{transform:rotate(-45deg);}
@media(max-width:768px){
	.store_list .map_area{width:96%;left:2%;}
	.store_list .map_area #allmap{left:5px;top:5px;right:5px;bottom:5px;}
}
.web_link li{padding:10px 0;border-bottom:dotted 1px #e4e4e4}
.web_link li b{display:block;font-size:16px;font-weight:400}
.web_link li span{opacity:.8;display:inline-block;white-space:nowrap;padding-right:20px}
.search_list li{padding:5px 0}
.search_list li h4{font-size:16px;line-height:30px;max-height:60px;}
.search_list li h5{font-size:14px;opacity:0.7;padding-top:10px;}
.search_list li h5 span{float:right}
.search_list li a{display:block;background:#fff;padding:10px 20px;border:solid 1px #fafafa}
@media(max-width:768px){
	.search_list li a{padding:10px}
	.search_list li h4{font-size:14px;line-height:24px;max-height:48px;}
	.search_list li h5{font-size:13px;}
}
.link_list{padding:3% 0}
.link_list li{float:left;width:20%;padding:1%;text-align:center;}
.link_list li a{display:block;padding:10px;box-shadow:0 0 10px rgb(138,138,138,0.3)}
.link_list .pic{position:relative;padding-bottom:40%;overflow:hidden;}
.link_list .pic img{position:absolute;max-height:100%;margin:auto;left:0;right:0;top:0;bottom:0}
.link_list .name{padding:10px 0}
@media  (max-width:1024px){
	.link_list li{width:25%;}
}
@media  (max-width:640px){
	.link_list li{width:50%;}
}

/*che*/
.auto-1625{max-width:1625px;margin:auto;}
.auto-1680{max-width:1680px;margin:auto;}
.x14{font-size:14px;}
.x16{font-size:16px;}
.x18{font-size:18px;}
.x40{font-size:40px;}
.x26{font-size:26px;}
.x34{font-size:34px;}
.x60{font-size:60px;}
@media (max-width:1680px){
  .auto-1680{padding:0 2%;}
}
@media (max-width:1625px){
  .auto-1625{padding:0 2%;}
}
@media(max-width:1024px){
  .x14{font-size:12px;}
  .x16{font-size:14px;}
  .x18{font-size:16px;}
  .x40{font-size:30px;}
  .x26{font-size:22px;}
  .x34{font-size:26px;}
  .x60{font-size:40px;}
}
@media(max-width:640px){
  .x18{font-size:14px;}
  .x40{font-size:26px;}
  .x26{font-size:20px;}
  .x34{font-size:20px;}
  .x60{font-size:30px;}
}
body{overflow-x:hidden;}
.header{position:absolute;width:100%;left:50%;top:0;transform:translateX(-50%);z-index:21;}
.header .top{/* border-bottom: 1px solid rgba(255, 255, 255,.1); */  position:relative;}

/* .header.on .top{border-bottom: 1px solid  rgb(229, 238, 233)} */

/* .header.on .top{background-color: #fff;} */
.header .top .auto-1600{position:relative;}

/* .header{background-color: #000000;} */
.header .header-left{width:25%;position:absolute;left:0;top:0;bottom:0;}
.header .header-left img{position:absolute;bottom:0;left:13.88%;top:0;margin:auto;max-width:100%;max-height:80%;}
.header .header-left .logo2{display:none;}
.header.on .header-left .logo2{display:block;}
.header.on .header-left .logo1{display:none;}
.header .header-mid{float:right;margin-right:340px;}
.header .header-mid li{padding:0 40px;position:relative;float:left;}
.header .header-mid em{padding:40px 0;position:relative;font-style:normal;display:block;cursor:pointer;}
.header .header-mid em::after{content:'';width:0%;height:3px;background-color:#fff;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);transition:all .3s;}
.header.on .header-mid em::after{background-color:#2b4814;}
.header .header-mid em a{font-size:16px;color:#fff;}
.header .header-mid em a:hover{}
.header.on .header-mid em a{color:#000;}
.sub-nav{width:150px;text-align:center;line-height:40px;position:absolute;top:100%;left:50%;transform:translateX(-50%);display:none;}
.sub-nav dl a{font-size:16px;color:#fff;border-bottom:1px solid  rgba(255,255,255,.1);display:block;}

/* .sub-nav dl a:hover{color:#d8aa61;} */
.sub-nav dd{background-color:#99ab87;position:relative;}
.sub-nav dd:hover{background-color:#4d703a;}

/* .sub-nav dd:nth-of-type(even){background-color: #99ab87;} */
#nav9 .sub-nav{width:435px;}
#nav9 .sub-nav .list{background-color:#99ab87;padding:2% 5%;}
#nav9 .sub-nav dl{float:left;width:50%;text-align:left;}
#nav9 .sub-nav dd{background-color:transparent;line-height:30px;}
#nav9 .sub-nav a{border-bottom:none;}
#nav9 .sub-nav dd a{font-size:14px;}
#nav9 .sub-nav dd a:hover{color:#4d703a;}
.header .header-right{float:right;width:300px;position:absolute;right:0;top:0;bottom:0;}
.header .top-search{width:100%;height:40px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.header .top-search .open-search{width:100%;height:100%;background:url(../images/search.png) center center no-repeat;background-size:50%;cursor:pointer;display:block;position:relative;display:none;}
.header .search-box{width:100%;height:100%;position:absolute;top:0;right:0;padding-right:70px;background-color:rgba(255,255,255,.2);}
.header .search-box input{width:100%;height:100%;line-height:40px;background-color:transparent;border:0;padding-left:40px;color:#fff;background:transparent url(../images/search.png) 15px center no-repeat;}
.header.on .search-box{background-color:#ebeee7;}
.header.on .search-box input{background:url(../images/search-on.png) 15px center no-repeat;color:#333;}
.header.on #TopBtn{color:#333;}
.header #TopBtn{padding:0 6.67%;height:100%;position:absolute;right:0;top:0;background:url(../images/top_search_on.png) center center no-repeat;display:block;text-align:center;line-height:40px;font-size:16px;color:#fff;}
.header .top-search.open .open-search{background:none;}
.header .top-search.open .search-box{display:block;}
.header.on .top-search .open-search{background:url(../images/search-on.png) center center no-repeat;background-size:50%;}
.header.on .top-search.open .open-search{background:none;}
.bottom{background-color:#99ab87;padding-top:5.21%;}
.bottom .left{float:left;}
.bottom .left .bot-logo{margin-bottom:30px;}
.bottom .hot-lin{font-size:14px;color:rgba(255,255,255,0.4);line-height:1;margin-bottom:50px;}
.bottom .hot-lin p{margin:0;font-size:32px;font-family:"DIN";color:rgba(255,255,255,0.4);font-weight:bold;line-height:0.938;margin-top:10px;}
.bottom .shares{margin-bottom:15px;}
.bottom .shares a{display:inline-block;width:20px;height:20px;margin-right:15px;background-position:center center;background-repeat:no-repeat;opacity:0.4;position:relative;}
.bottom .shares a:hover{opacity:1;}
.bottom .shares a.on{opacity:1;}

/* .bottom .shares a:hover .qrcode{opacity: 1;} */
.bottom .shares .qq{background-image:url(../images/kefu.png);}
.bottom .shares .wechat{background-image:url(../images/wechat.png);}
.bottom .shares .weibo{background-image:url(../images/weibo.png);}
.bottom .shares .qrcode{width:77px;height:77px;background-color:#fff;position:absolute;left:50%;transform:translateX(-50%);top:-90px;display:none;}
.bottom .shares .qrcode img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:90%;max-height:90%;}
.bottom .shares .qrcode:after{content:'';width:0;height:0;border:6px solid transparent;border-top-color:#fff;position:absolute;left:50%;transform:translateX(-50%);bottom:-12px;}
.bottom .right{float:right;}
.bottom .right li{float:left;margin-left:120px;}
.bottom .right li:first-of-type{margin-left:0;}
.bottom .right li em{font-style:normal;margin-bottom:20px;display:block;}
.bottom .right li em a{color:rgba(255,255,255,0.8);font-size:16px;line-height:1;}
.bottom .right li em a:hover{color:#2b4814;}
.bottom .right li .bot-sub a{color:rgba(255,255,255,0.4);font-size:14px;line-height:2.143;}
.bottom .right li .bot-sub a:hover{color:#2b4814;}
.bottom .bot{clear:both;border-top:1px solid rgba(255,255,255,.102);padding:30px 0;}
.bottom .auxiliary{float:left;}
.bottom .auxiliary a{position:relative;display:inline-block;padding:0 8px;font-size:14px;color:rgba(255,255,255,0.302);line-height:1.5;}
.bottom .auxiliary a::after{content:'';width:2px;height:2px;border-radius:50%;background-color:rgba(255,255,255,0.302);position:absolute;right:0;top:0;bottom:0;margin:auto;transform:translateX(50%);}
.bottom .auxiliary a:last-of-type::after{display:none;}
.bottom .auxiliary a:hover{color:#2b4814;}
.bottom .copyright{float:right;}
.bottom .copyright p{margin:0;font-size:14px;color:rgba(255,255,255,0.302);line-height:1.5;}
.bottom .copyright p a{font-size:14px;color:rgba(255,255,255,0.302);}
.bottom .copyright p a:hover{color:#2b4814;}

.elevator {position:fixed;bottom:15%;right:3.3%;z-index:6;}
.elevator .item {width:40px; height:40px; border-radius:50%; background: #222a1b no-repeat center center; margin-top: 5px;}
.elevator .item a {display:block; width:100%; height:100%;}
.elevator .get-top {background-image:url(../images/get-top.png);}
.elevator .qq {background-image: url(../images/kefu.png);}
@media(max-width:1600px){
  .header .header-right{right:2%;}
  .bottom .get-top{right:2%;}
}
@media(max-width:1366px){
  .header .header-mid li{padding:0 30px;}
  .header .header-right{width:250px;}
  .header .header-mid{margin-right:280px;}

  /* bottom */
  .bottom .right li{margin-left:80px;}
}
@media(max-width:1200px){
  .header .header-mid li{padding:0 20px;}
  .header .header-mid{margin-right:240px;}
  .header .header-right{width:230px;}

  /* bottom */
  .bottom .right li{margin-left:60px;}
}
@media(min-width:1025px){
  .header .header-mid li.on em::after{width:100%;}
  .header .header-mid em:hover::after{width:100%;}
  .sub-nav{padding-top:12px;}
  .sub-nav i{display:block;margin:0 auto;width:0;height:0;border:8px solid transparent;border-bottom-color:#aabb9a;}
  .sub-nav dl{position:relative;}
  .sub-nav dd{line-height:60px;}

/* .sub-nav dl::before{content: ''; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #aabb9a; position: absolute; top: -16px; left: 50%; transform: translateX(-50%);} */}
@media(max-width:1024px){
  .header .top-search .open-search{display:block;}
  .header .top .auto-1600{height:60px;}
  #open-menu{width:30px;height:20px;position:absolute;right:60px;top:0;bottom:0;margin:auto;cursor:pointer;}
  #open-menu i,#open-menu::before,#open-menu::after{width:80%;height:2px;position:absolute;background-color:#fff;left:0;}
  .header.on #open-menu i,.header.on #open-menu::before,.header.on #open-menu::after{background-color:#000;}
  #open-menu::before,#open-menu::after{content:'';}
  #open-menu i{top:50%;transform:translateY(-50%);}
  #open-menu::before{top:0;}
  #open-menu::after{bottom:0;}
  .header .top-search{left:auto;right:0;}
  .header .search-box{display:none;width:230px;right:40px;background-color:#ebeee7;padding-right:58px;}
  .header .search-box input{background:url(../images/search-on.png) 15px center no-repeat;color:#333;}
  .header #TopBtn{padding:0 15px;font-size:14px;color:rgb(51,51,51);}
  .header .header-right{width:40px;}
  .header .top-search.open .open-search::before,.header .top-search.open .open-search:after{content:'';width:80%;height:2px;background-color:#fff;position:absolute;left:50%;top:50%;}
  .header .top-search.open .open-search::before{transform:translate(-50%,-50%) rotateZ(-45deg);}
  .header .top-search.open .open-search::after{transform:translate(-50%,-50%) rotateZ(45deg);}
  .header.on .header-mid em a{color:#fff;}
  .header.on .top-search.open .open-search::before,.header.on .top-search.open .open-search:after{background-color:#000;}
  .header .header-mid em::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;}
  .sub-nav dl a{font-size:14px;}
  .header .header-mid .header-menu li{background-color:#2b4814;}
  #open-menu.on i{opacity:0;}
  #open-menu.on::before{top:50%;transform:translateY(-50%) rotateZ(45deg);background-color:#fff!important;}
  #open-menu.on::after{top:50%;transform:translateY(-50%) rotateZ(-45deg);background-color:#fff!important;}
  .header-menu{transform:translateX(100%);transition:all .3s;display:block;position:fixed;right:0;top:0;width:250px;height:100vh;padding-top:60px;}
  .header-menu-show{background-color:#2b4814;transform:translateX(0);}
  .header .header-mid .header-menu li{padding:0;float:none;text-align:center;}
  .header-mid .header-menu em{padding:0;line-height:40px;border-bottom:1px solid rgba(255,255,255,0.3);}
  .header-mid .header-menu em a{position:relative;display:block;}
  .header-mid .header-menu em a::after{content:'';width:0;height:0;border:4px solid transparent;border-top-color:#fff;position:absolute;top:18px;right:70px;transform-origin:50% 2px;transition:all .3s;}
  .sub-nav{position:static;transform:translateX(0);width:100%;background-color:transparent;}
  #open-menu.on{right:20px;z-index:200;}
  .sub-nav dd{background-color:#2b4814!important;}
  #nav9 .sub-nav{width:100%;}
  #nav9 .sub-nav .list{background-color:transparent;}
  #nav9 .sub-nav .list dl{padding-right:2%;}
  #nav9 .sub-nav dt a{font-size:16px;}
  #nav9 .sub-nav dd a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
  .bottom .shares .qq .qrcode{transform:translateX(-30%);}
  .bottom .shares .qq .qrcode:after{left:30%;}
  .bottom .right li{margin-left:35px;}
  .bottom .hot-lin p{font-size:26px;}
  .bottom .auxiliary{float:none;text-align:center;margin-bottom:10px;}
  .bottom .copyright{float:none;text-align:center;}
}
@media(max-width:850px){
  .bottom .right li{margin-left:18px;}
}
@media(max-width:768px){
  .bottom .left{float:none;text-align:center;}
  .bottom .hot-lin{margin-bottom:30px;}
  .bottom .right{float:none;display: none;}
  .bottom .right li{float:none;margin:0;margin-bottom:10px;position:relative;}
  .bottom .right li em{margin-bottom:0;line-height:40px;border:1px solid  rgba(255,255,255,.102);line-height:40px;display:block;padding:0 20px 0 30px;background:url(../images/bt-link.png) 93% center no-repeat;}
  .bottom .right li em::after{content:'';width:100%;height:100%;left:0;top:0;position:absolute;}
  .bottom .right li .bot-sub{border:1px solid rgba(255,255,255,.102);width:100%;position:absolute;left:0;display:none;top:100%;background-color:#0b1403;z-index:5;}
  .bottom .right li .bot-sub dd{padding:0 20px 0 30px;line-height:40px;}
  .bottom .left .bot-logo{margin-bottom:15px;}
  .bottom .hot-lin{margin-bottom:15px;}
  .bottom .hot-lin p{font-size:24px;}
  .bottom .shares .qq .qrcode{transform:translateX(-50%);}
  .bottom .shares .qq .qrcode:after{left:50%;}
}
.index-part1{max-width:1920px;margin:0 auto;}
.index-part1 li a{display:block;padding-top:46.875%;position:relative;}
.index-part1 li figure{position:absolute;width:100%;height:100%;left:0;top:0;background-position:center center;background-size:cover;}
.index-part1 .slick-dots{text-align:center;position:absolute;width:100%;left:50%;transform:translateX(-50%);bottom:7.78%;z-index:4;}
.index-part1 .slick-dots li{display:inline-block;transition:all .3s;width:10px;height:10px;border-radius:5px;background-color:#fff;overflow:hidden;margin:0 6px;cursor:pointer;}
.index-part1 .slick-dots li button{width:100%;height:100%;background-color:#fff;border:0;font-size:0;}
.index-part1 .slick-dots li.slick-active{width:24px;}
.index-tit{color:#000;}
.index-tit h1{line-height:1.8;margin:0;text-align:center;font-weight:normal;}
.index-tit p{line-height:1.8;text-align:center;margin:0;}
.index-part2{padding-top:5.21%;padding-bottom:4.21%;}
.index-part2 .index-tit{padding-bottom:4.375%;}
.index-part2 .slick-top{margin-bottom:1.6875%;}
.index-part2 .slick-top .item{table-layout:fixed;position:relative;}
.index-part2 .slick-top .txt,.index-part2 .slick-top .pic{width:50%;position:relative;height:100%;}
.index-part2 .slick-top .pic{position:absolute;width:50%;height:100%;right:0;top:0;}
.index-part2 .slick-top .pic figure{width:100%;height:100%;position:absolute;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.index-part2 .slick-top .txt{text-align: center;padding:6.25%;background-color:#fff;}
.index-part2 .slick-top .txt h3{color:rgb(43,72,20);line-height:1.5;margin:0;/*border-bottom:1px solid #95a389;*/margin-bottom:2%;font-weight: normal;}
.index-part2 .slick-top .txt h1{color:rgb(0,0,0);margin:0;margin-bottom:5%;font-weight: normal;}
.index-part2 .slick-top .txt h4{    font-size: 18px;font-weight: normal;color: #000;}
.index-part2 .slick-top .txt p{color:rgb(102,102,102);line-height:1.875;margin:0;margin-bottom:6.67%;}
.index-more{width:140px;height:40px;line-height:40px;text-align:center;color:#fff;display:inline-block;}
.index-part2 .index-more{background-color:#2b4814;}
.index-part2 .index-more:hover{color:#fff;}
.index-part2 .slick-top .slick-dots{text-align:center;position:absolute;width:50%;right:0;bottom:5.77%;z-index:4;list-style:none;}
.index-part2 .slick-top .slick-dots li{width:10px;height:10px;display:inline-block;border-radius:5px;background-color:#fff;overflow:hidden;margin:0 6px;transition:all .3s;}
.index-part2 .slick-top .slick-dots li button{width:100%;height:100%;border:0;font-size:0;background-color:#fff;}
.index-part2 .slick-top .slick-dots li.slick-active{width:24px;}
.index-part2 .slick-bot{margin-bottom:1.25%;}
.index-part2 .slick-bot li{padding:0 0.75%;text-align:center;cursor:pointer;}
.index-part2 .slick-bot li .item{background-color:#fff;position:relative;}
.index-part2 .slick-bot li .item .pic{padding-top:89.4375%;position:relative;background-color:#d4dfce;}
.index-part2 .slick-bot .pic .pro-img{z-index:5;max-height:90%;position:absolute;max-width:80%;left:0;bottom:0;right:0;margin:auto;}
.index-part2 .slick-bot .pro-shadow{position:absolute;width:80%;left:0;bottom:0;right:0;margin:auto;transform:translateY(50%);-ms-transform:translateY(50%);-webkit-transform:translateY(50%);z-index:1;max-width: 50%;}
.index-part2 .slick-bot .txt{background-color:#ffffff;padding:35px 2% 15px;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;}
.index-part2 .slick-bot .txt h3{margin:0;}
.index-part2 .slick-bot li .item .pic p{position:absolute;bottom:4.76%;width:80%;left:50%;transform:translateX(-50%);margin:0;}
.index-part2 .slick-bot li .item .pic figure{width:100%;height:100%;position:absolute;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.index-part2 .slick-bot li .item .mask{position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(212,223,206,.949);transition:all .5s;opacity:0;z-index:5;}
.index-part2 .slick-bot li .item .mask .index-more{position:absolute;left:50%;bottom:9.45%;transform:translateX(-50%);}
.index-part2 .slick-bot li .item .mask .des{position:absolute;left:50%;top:40%;transform:translateX(-50%);width:80%;}
.index-part2 .slick-bot li .item .mask .des h3{color:rgb(0,0,0);line-height:2;margin:0;}
.index-part2 .slick-bot li .item .mask .des p{color:rgb(102,102,102);line-height:2;margin:0;}
.index-part2 .slick-bot li .item:hover .pic p{display:none;}
.index-part2 .slick-bot li .item:hover .mask{opacity:1;}
.index-part2 .index-more2{border-color:#2b4814;color:#fff;background-color:#2b4814;margin:5% auto 0;display:block;}
.index-part3{padding:7.29% 0;background-position:center center;background-size:cover;background-repeat:no-repeat;text-align:center;}
.index-part3 .index-tit{color:#fff;padding-bottom:2.08%;}
.index-part3 .des{width:96%;margin:0 auto;max-width:860px;}
.index-part3 .des p{color:rgb(255,255,255);line-height:1.875;text-align:center;margin:0;}
.index-part3 .index-more{border:1px solid #fff;margin-top:2.375%;transition:all .3s;}
.index-part3 .index-more:hover{border-color:#2b4814;color:#fff;background-color:#2b4814;}
.index-part4{padding-top:5.21%;padding-bottom:4.167%;}
.index-part4 .index-tit{padding-bottom:1.04%;}
.index-part4 ul li{width:33.3%;transition:all .3s;}
.index-part4 ul li a{display:block;padding:9.64% 4.64% 5.36% 5.71%;}
.index-part4 .time{overflow:hidden;color:#999;position:relative;}
.index-part4 .time .date{display:inline-block;text-align:center;transition:all 1s;}
.index-part4 .time .date .day{font-family:"Montserrat";line-height:0.8;margin:0;margin-bottom:15px;}
.index-part4 .time .date .year{font-family:"Montserrat";margin:0;line-height:0.8;}
.index-part4 .time::after{content:'';width:calc(100% - 80px);height:1px;background-color:rgb(0,0,0);opacity:0.102;position:absolute;left:80px;top:60%;}
.index-part4 .tit{padding:8% 0;color:rgb(51,51,51);line-height:1;margin:0;transition:all .3s;}
.index-part4 .pic{overflow:hidden;margin-bottom:6%;}
.index-part4 .pic figure{padding-top:60%;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all 1s;}
.index-part4 .des{color:rgb(102,102,102);line-height:1.875;margin:0;min-height:60px;}
.index-part4 ul li:hover{background-color:#e9f2e5;}
.index-part4 ul li:hover .time{color:#2b4814;}
.index-part4 ul li:hover figure{transform:scale(1.1);}
.index-part4 ul li:hover .time::after{background-color:rgb(43,72,20);}
.index-part4 ul li:hover .tit{color:#2b4814;}
@media(min-width:1024px){
}
@media(max-width:1024px){

  /* .index-part2 .slick-bot li .item .mask{background-color: rgba(212, 223, 206,.5); opacity: 1;} */
  .index-part4 .des{min-height:52px;}
}
@media(max-width:768px){
  .index-part2 .slick-bot li {padding-left: 0; padding-right: 0;}
  .index-part2 .slick-bot .slick-dots {font-size: 0; text-align: center; margin-top: 3%;}
  .index-part2 .slick-bot .slick-dots li {display: inline-block; width: 10px; height: 10px; border-radius: 5px; background-color: #d4dfce; margin: 0 6px; -webkit-transition: 0.3s; transition: 0.3s; transition: 0.3s;} 
  .index-part2 .slick-bot .slick-dots li.slick-active {width: 24px;}
  .index-part2 .slick-bot .slick-dots li button {display: none;}

	.index-part4 ul li a{ padding-top:0; padding-left: 0; padding-right: 0;}
  .index-part4 .slick-dots {font-size: 0; text-align: center; margin-top: 3%;}
  .index-part4 .slick-dots li {display: inline-block; width: 10px; height: 10px; border-radius: 5px; background-color: #d4dfce; margin: 0 6px; -webkit-transition: 0.3s; transition: 0.3s; transition: 0.3s;} 
  .index-part4 .slick-dots li.slick-active {width: 24px;}
  .index-part4 .slick-dots li button {display: none;}
	/* .index-part4 .time{ display:none} */
  .index-more{width:120px;}
  .index-part2 .slick-bot li .item .pic{padding-top:63.4375%;}
}
@media(max-width:768px){
  .index-part1 .slick-dots li{width:8px;height:8px;}
  .index-part1 .slick-dots li.slick-active{width:18px;}
  .index-part2 .slick-dots li{width:8px;height:8px;}
  .index-part2 .slick-dots li.slick-active{width:18px;}
}
@media(max-width:640px){
  .index-part1 li a{padding-top:53%;}
  .index-part2 .slick-top .item,.index-part2 .slick-top .txt,.index-part2 .slick-top .pic{display:block;width:100%;}
  .index-part2 .slick-top .pic{padding-top:65%;position:relative;}
  .index-part2 .slick-top .slick-dots{width:100%;bottom:3%;}
  .index-part2 .slick-bot li .item .mask .des{top:25%;}

  /* .index-part2 .slick-bot li{padding: 0;} */

/* .auto-1625{padding: 0 2%;} */}
@media(max-width:440px){
  .index-part1 li a{padding-top:56%;}
}

/*ding*/
.page-bn{position:relative;}
.page-bn .pic{padding-bottom:29.167%;}
.page-bn .txt{display:none;position:absolute;top:50%;left:0;right:0;margin:5.2% auto 0;width:100%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#ecfaf5;}
.page-bn .txt .cn{font-size:40px;font-weight:normal;letter-spacing:4px;margin:0;}
.page-bn .txt .en{margin:10px 0 0;font-weight:normal;font-size:16px;text-transform:uppercase;letter-spacing:1px;}
.page-menu{border-bottom:1px solid #d4e1dc;}
.page-menu .menu-nav{float:left;}
.page-menu .menu-nav li{float:left;margin-right:2.6vw;}
.page-menu .menu-nav li:last-child{margin-right:0;}
.page-menu .menu-nav li a{display:block;padding:35px 0;color:#99ab87;}
.page-menu .menu-nav li a.aon,.page-menu .menu-nav li a:hover{color:#2b4814;}
.page-menu .location{padding:35px 0 35px 25px;float:right;font-size:14px;background:url("../images/home-i.png") no-repeat left center;}
.page-menu .location a,.page-menu .location span{color:#999999;}
.page-menu .location a:hover{color:#2b4814;}
.page-main{padding:5.2% 0 6.25%;}
.recruit-main .filter{float:left;width:18.75%;}
.recruit-main .filter .item{padding-left:25px;}
.recruit-main .filter .item dt{position:relative;font-size:16px;font-weight:normal;color:#333333;margin-bottom:20px;}
.recruit-main .filter .item dt::after{content:"";display:block;width:16px;height:1px;background-color:#99ab87;position:absolute;left:-25px;top:0;bottom:0;margin:auto;}
.recruit-main .filter .item a{display:inline-block;padding:10px 0;color:#999999;}
.recruit-main .filter .item a.aon,.recruit-main .filter .item a:hover{color:#2b4814;}
.recruit-main .content{float:right;width:80%;background-color:#fff;font-size:16px;}
.recruit-main .data li{border-bottom:1px solid #f1f8f4;}
.recruit-main .data li:first-child{background-color:#99ab87;border-bottom:0;}
.recruit-main .data li:first-child .label{color:#fff;cursor:default;}
.recruit-main .data li:first-child .label .option{opacity:0;}
.recruit-main .data li:last-child{border-bottom:0;}
.recruit-main .data li.active .label{background-color:#2b4814;color:#fff;}
.recruit-main .data li.active .label .option::before,.recruit-main .data li.active .label .option::after{background-color:#fff;}
.recruit-main .data .label{cursor:pointer;}
.recruit-main .data .label .item{float:left;width:20%;line-height:70px;position:relative;}
.recruit-main .data .label .item:first-child{font-size:18px;padding-left:30px;}
.recruit-main .data .label .item:last-child{padding-right:30px;text-align:right;}
.recruit-main .data .label .item.name{width:29.6875%;}
.recruit-main .data .label .item.site{width:25.78125%;}
.recruit-main .data .label .item.time{width:23.78125%;}
.recruit-main .data .label .item.num{width:12.5%;}
.recruit-main .data .label .item.option{width:8.25%;color:transparent;}
.recruit-main .data .label .item.option::after,.recruit-main .data .label .item.option::before{content:"";display:block;background:#333;position:absolute;top:0;bottom:0;right:30px;margin:auto;}
.recruit-main .data .label .item.option::after{width:12px;height:2px;}
.recruit-main .data .label .item.option::before{height:12px;width:2px;right:35px;}
.recruit-main .data .cont{display:none;padding:35px 30px;}
.recruit-main .data .cont .info{padding-bottom:70px;border-bottom:1px solid #ebebeb;font-size:14px;}
.recruit-main .data .cont .info .item{float:left;width:50%;padding-right:9%;}
.recruit-main .data .cont .info .item .tit{margin:0 0 20px;font-weight:normal;font-size:16px;}
.recruit-main .data .cont .info .item .txt{line-height:28px;color:#666;}
.recruit-main .data .cont .info .item:nth-child(2n){padding-right:0;}
.recruit-main .data .cont .upload-wrap{padding:40px 0 30px;}
.recruit-main .data .cont .upload-wrap .upload-btn{width:140px;height:40px;background-color:#2b4814;text-align:center;display:inline-block;vertical-align:middle;font-size:16px;line-height:40px;color:#ffffff;cursor:pointer;}
.recruit-main .data .cont .upload-wrap .tip{font-size:14px;color:#999999;display:inline-block;vertical-align:middle;margin-left:20px;}
.pro-main .pro-tit{font-size:40px;}
.pro-main .filter{float:right;width:23.75%;height:50px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url("../images/select-i.png") no-repeat 92% center #fff;border:0;outline:none;padding:0 30px 0 20px;font-size:16px;}
.pro-main .filter::-ms-expand{display:none;}
.pro-main .data{margin-top:3.125%;}
.pro-main .data li{float:left;width:32.2222%;margin:0 1.666% 3.125% 0;}
.pro-main .data li:nth-child(3n){margin-right:0;}
.pro-main .data li a{display:block;position:relative;overflow:hidden;}
.pro-main .data li a:hover .desc{opacity:1;}
.pro-main .data li a:hover .txt{background-color:#d4dfce;}
.pro-main .data li a:hover .tit{opacity:0;}
.pro-main .data .pic{padding-bottom:69.473%;position:relative;background-color:#d4dfce;}
.pro-main .data .pic .img-wrap{width:auto;max-width:100%;display:table;position:absolute;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);bottom:0;max-height:100%;height:100%;}
.pro-main .data .pic .img-wrap .ytable-cell{vertical-align:bottom;height:100%;}
.pro-main .data .pic .pro-img{z-index:5;max-height:90%;position:absolute;max-width:80%;left:0;bottom:0;right:0;margin:auto;}
.pro-main .data .pic .pro-shadow{position:absolute;width:80%;left:0;bottom:0;right:0;margin:auto;transform:translateY(50%);-ms-transform:translateY(50%);-webkit-transform:translateY(50%);z-index:1;}
.pro-main .data .txt{background-color:#ffffff;padding:35px 2% 15px;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro-main .data .tit{font-size:18px;font-weight:normal;color:#000000;margin:0;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro-main .data .desc{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(212,223,206,0.95);z-index:20;text-align:center;padding:0 2% 20px;opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro-main .data .ytable{height:100%;}
.pro-main .data .button{position:absolute;bottom:9%;left:0;right:0;margin:auto;}
.pro-main .data .tits{font-size:18px;font-weight:normal;line-height:30px;letter-spacing:2px;color:#000000;max-height:60px;margin:0;}
.pro-main .data .intro{font-size:16px;line-height:30px;letter-spacing:2px;color:#666666;max-height:90px;margin:10px 0 0;}
.button{width:140px;height:40px;background-color:#2b4814;cursor:pointer;display:inline-block;text-align:center;line-height:40px;font-size:16px;color:#ffffff;}
.store_search{line-height:50px;white-space:nowrap;margin-bottom:3.125%;margin-top:5.2%;}
.store_search>*{display:inline-block;vertical-align:middle}
.store_search select{width:32.16%;height:50px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url("../images/select-i.png") no-repeat 92%  center #fff;border:0;outline:none;padding:0 30px 0 20px;font-size:16px;display:inline-block!important;vertical-align:middle;margin-right:1.17%;}
.store_search select::-ms-expand{display:none;}
.store_search .select_box{width:82%;width:calc(100% - 300px);overflow:hidden}
.store_search b{margin-right:35px;font-weight:normal;}
.store_search .button{width:168px;float:right;height:50px;line-height:50px;color:#fff;}
.show_job_form{text-align:center;display:none;left:0;top:0;position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}
.show_job_form .ytable{height:100%;}
.show_job_form .formbox{padding:30px;position:relative;margin:auto;display:inline-block;width:90%;max-width:600px;background:#fff;box-shadow:0 0 20px rgb(0 0 0 / 57%)}
.show_job_form .close{position:absolute;top:10px;right:10px;width:36px;height:36px;cursor:pointer;z-index:10;}
.show_job_form .close::before,.show_job_form .close::after{position:absolute;content:'';width:100%;height:3px;border-radius:3px;background:#99ab87;transform:rotate(45deg);left:0;top:50%;margin-top:-1.5px;}
.show_job_form .close::after{transform:rotate(-45deg);}
.show_job_form .placeholder .webuploader-pick+div{width:100%!important;height:100%!important;}
.show_job_form .box_text{padding:5px 0}
.show_job_form .text{width:100%;padding:10px;border:solid 1px #dedede}
.show_job_form .btn{margin:auto;width:25%;max-width:188px;font-size:18px;color:#fff;background:#2b4814;padding:10px 0;border:none;cursor:pointer;}
.show_job_form #jobname{display:block;font-size:18px;color:#99ab87}
.show_job_form .queueList{margin:0}
.show_job_form .placeholder .webuploader-pick{background:#99ab87}
.show_job_form .webuploader-container{max-width:168px;margin:auto;}
.show_job_form .placeholder{font-size:14px;}
.show_job_form .placeholder input{display:block;width:100%;height:44px;}
.show_job_form .placeholder .rt_input{width:100%!important;height:100%!important;left:0!important}
.show_job_form .statusBar .btns .uploadBtn{background:#99ab87}
.show_job_form .statusBar .info{padding-right:80px;}
.list_istop{padding:0% 0 2% 0;margin:0 auto;margin-top:1.5%;}
.list_istop .auto{}
.list_istop ol{overflow:hidden;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #eee;}
.list_istop ol img{float:left;width:30%;margin-right:2%;}
.list_istop ol h1{margin:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;color:#010101;font-weight:normal;}
.list_istop ol time{color:#999;margin-right:5%;font-size:14px;}
.list_istop ol p{margin:2% 0;color:#707070;line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.list_istop ol a.more{color:#2b4814;display:inline-block;}
.list_istop li{position:relative;border-bottom:1px #b2b2b2 dotted;height:52px;line-height:51px;overflow:hidden;}
.list_istop li::before{position:absolute;content:'';width:4px;height:4px;border-radius:50%;background-color:#ccc;left:5px;top:50%;margin-top:-2px;}
.list_istop li time{float:right;font-size:13px;color:#4c4c4c;}
.list_istop li a{display:block;float:left;width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:20px;font-size:16px}
.list_istop li a:hover{color:#2b4814;}
@media(max-width:640px){
    .list_istop li a{width:77%;}
}
@media (max-width:768px){
    .page-bn .pic{padding-bottom:50%;}
    .page-bn .txt .cn{font-size:24px;letter-spacing:2px;}
    .page-bn .txt .en{margin-top:5px;font-size:12px;letter-spacing:0px;}
    .page-menu .location{display:none;}
    .page-menu .menu-nav li a{padding:15px 0;}
    .recruit-main .filter,.recruit-main .content{width:100%;float:none;}
    .recruit-main .filter{margin-bottom:30px;}
    .recruit-main .filter dd{display:inline-block;margin-right:2%;}
    .recruit-main .data .label .item{line-height:50px;}
    .recruit-main .data .label .item:first-child{padding-left:15px;}
    .recruit-main .data .cont{padding:20px 15px;}
    .recruit-main .data .label .item.time{display:none;}
    .recruit-main .data .label .item.name{width:40%;}
    .recruit-main .data .label .item.site{width:20%;text-align:center;}
    .recruit-main .data .label .item.num{width:20%;text-align:center;}
    .recruit-main .data .label .item.option{width:20%;}
    .recruit-main .data .cont .info .item{width:100%;margin-bottom:20px;padding-right:0;}
    .recruit-main .data .cont .info{padding-bottom:20px;}
    .recruit-main .data .cont .upload-wrap .tip{display:block;margin:20px 0 0;}
    .pro-main .data li{width:49%;margin-right:2%;}
    .pro-main .data li:nth-child(2n){margin-right:0;}
    .pro-main .data .tits{font-size:16px;line-height:22px;max-height:44px;}
    .pro-main .data .intro{font-size:14px;line-height:20px;max-height:80px;}
    .store_search .select_box{display:block;width:100%;margin:2% 0;}
    .store_search .button{float:none;width:140px;line-height:40px;height:40px;}
    .store_search select:last-of-type{margin-right:0;}
    .pro-main .pro-tit{font-size:24px;}
    .pro-main .filter{width:55%;}
    .pro-main .data .txt{padding-top:25px;}
    .pro-main .data .tit{font-size:16px;}
    .recommend-list .item .image .product-shadow{bottom:0;transform:translateX(-50%) translateY(60%);-ms-transform:translateX(-50%) translateY(60%);-webkit-transform:translateX(-50%) translateY(60%);}
    .recommend-list .item .name{height:60px;font-size:16px;padding-top:25px;}
}