/*
函信网络 设计编写 原创设计 请勿仿制
公司网址:www.hanett.com
HMM编写
*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?waqyjc');
  src:  url('../fonts/icomoon.eot?waqyjc#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?waqyjc') format('truetype'),
    url('../fonts/icomoon.woff?waqyjc') format('woff'),
    url('../fonts/icomoon.svg?waqyjc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-address:before {
  content: "\e900";
}
.icon-app_default:before {
  content: "\e901";
}
.icon-app_select:before {
  content: "\e902";
}
.icon-book_default:before {
  content: "\e903";
}
.icon-book_select:before {
  content: "\e904";
}
.icon-box_default:before {
  content: "\e905";
}
.icon-box_select:before {
  content: "\e906";
}
.icon-buffet_default:before {
  content: "\e907";
}
.icon-buffet_select:before {
  content: "\e908";
}
.icon-cabbage_default:before {
  content: "\e909";
}
.icon-cabbage_select:before {
  content: "\e90a";
}
.icon-canteen_default:before {
  content: "\e90b";
}
.icon-canteen_dselect:before {
  content: "\e90c";
}
.icon-carrot_default:before {
  content: "\e90d";
}
.icon-carrot_select:before {
  content: "\e90e";
}
.icon-contact_default:before {
  content: "\e90f";
}
.icon-contact_select:before {
  content: "\e910";
}
.icon-cord_default:before {
  content: "\e911";
}
.icon-cord_select:before {
  content: "\e912";
}
.icon-eat_default:before {
  content: "\e913";
}
.icon-eat_select:before {
  content: "\e914";
}
.icon-email:before {
  content: "\e915";
}
.icon-eye_default:before {
  content: "\e916";
}
.icon-eye_select:before {
  content: "\e917";
}
.icon-hand_default:before {
  content: "\e918";
}
.icon-hand_select:before {
  content: "\e919";
}
.icon-knife_default:before {
  content: "\e91a";
}
.icon-knife_select:before {
  content: "\e91b";
}
.icon-light_default:before {
  content: "\e91c";
}
.icon-light_select:before {
  content: "\e91d";
}
.icon-location:before {
  content: "\e91e";
}
.icon-people_default:before {
  content: "\e91f";
}
.icon-people_select:before {
  content: "\e920";
}
.icon-phone:before {
  content: "\e921";
}
.icon-phone_default:before {
  content: "\e922";
}
.icon-phone_select:before {
  content: "\e923";
}
.icon-pop:before {
  content: "\e924";
}
.icon-post:before {
  content: "\e925";
}
.icon-sent_default:before {
  content: "\e926";
}
.icon-sent_select:before {
  content: "\e927";
}
.icon-shop_default:before {
  content: "\e928";
}
.icon-shop_select:before {
  content: "\e929";
}
.icon-sincerity_default:before {
  content: "\e92a";
}
.icon-sincerity_select:before {
  content: "\e92b";
}
.icon-soup_default:before {
  content: "\e92c";
}
.icon-soup_select:before {
  content: "\e92d";
}
.icon-tel:before {
  content: "\e92e";
}
.icon-tel_default:before {
  content: "\e92f";
}
.icon-tel_select:before {
  content: "\e930";
}
.icon-top_default:before {
  content: "\e931";
}
.icon-top_select:before {
  content: "\e932";
}
.icon-voice_default:before {
  content: "\e933";
}
.icon-voice_select:before {
  content: "\e934";
}
.icon-weixin_default:before {
  content: "\e935";
}
.icon-weixin_select:before {
  content: "\e936";
}

#topcontrol{background: rgba(0,0,0,.5);border-radius: 4px;}


a {
  text-decoration: none; } /*正常的未被访问过的链接*/ a:link { text-decoration: none; } /*已经访问过的链接*/ a:visited { text-decoration: none; } /*鼠标划过(停留)的链接*/ a:hover { text-decoration: none; } /* 正在点击的链接*/ a:active { text-decoration: none; }




html{font-size:62.5%;}
body{ font-size: 1rem }
.block{ max-width: 1100px; margin: 0 auto; }
.height{height: 130px;}


header{ background: #fff;height: 130px; position: fixed; top: 0; width: 100%; left: 0;z-index: 9999; }
header .logo{ width: 245px;float: left; margin-top:28px;}
header .logo img{ display: block;width: 100%; margin:0 auto;}
header .nav{float: right;  margin-top:55px; margin-left: 300px;}
header .nav ul{display: flex;align-items: center;font-size:14px;justify-content:space-between;}
header .nav li a{ color: #999; }
header .nav li:hover a{ color: #F08519; font-weight: 600; }
header .nav li.on a{color: #F08519;font-weight: 600;}




.banner{ width: 100%; }
.banner a{ width: 100%; display: block;height: 100%; position: absolute;left: 0; top: 0; z-index: 22; }
.banner .swiper-slide{ height:800px; background-size: cover; }
.banner .swiper-pagination{ bottom: 20px; display:  table; width: auto; right: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{ background: #fff; opacity: .4; width: 12px; height: 12px; margin:0 8px; }
.banner .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1; }




.mobiles{width:100%;float:left;position:fixed;top:0;left:0;height:50px;display:none;z-index:9999}

.mobile-inner-header{background-color:#fff;width:100%;height:50px;position:absolute;top:0;left:0}

.mobile-inner-header .logo{width:80px;margin-top:16px;margin-left:13px}

.mobile-inner-header .logo img{display:block;width:100%}

.mobile-inner-header-icon{color:#fff;height:50px;font-size:25px;text-align:center;right:0;width:50px;top:0;position:absolute;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}

.mobile-inner-header-icon span{position:absolute;top:50%;right:13px;width:24px;height:1px;background-color:#333}

.mobile-inner-header-icon span:nth-child(1){transform:translateY(6px) rotate(0)}

.mobile-inner-header-icon span:nth-child(2){transform:translateY(-6px) rotate(0)}

.mobile-inner-header-icon span:nth-child(3){transform:translateY(0) rotate(0)}

.mobile-inner-header-icon-click span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}

.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}

.mobile-inner-header-icon-click span:nth-child(3){display:none}

@keyframes clickfirst{0%{transform:translateY(6px) rotate(0)}

100%{transform:translateY(0) rotate(45deg)}

}

@keyframes clicksecond{0%{transform:translateY(-6px) rotate(0)}

100%{transform:translateY(0) rotate(-45deg)}

}

.mobile-inner-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}

.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}

@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}

100%{transform:translateY(-7px) rotate(0)}

}

@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}

100%{transform:translateY(7px) rotate(0)}

}

.mobile-inner-nav{background-color:#fff;width:100%;height:calc(100vh - 50px);position:absolute;top:50px;left:0;padding-top:30px;padding-bottom:80px;display:none;overflow-y:auto!important}

.mobile-inner-nav a{display:block;line-height:50px;text-decoration:none;width:80%;margin:0 auto;color:#333;border-bottom:solid 1px #ddd;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300;font-size:1.4rem}

.mobile-inner-nav a:hover{color:rgba(51,51,51,.4);border-bottom:solid 1px rgba(51,51,51,.2)}

.m120{margin-top: 120px;}
.m100{margin-top: 100px;}

.m50{margin-top: 50px;}
.m30{margin-top: 30px;}
.mb20{margin: 20px 0;}
.warp{ margin:120px auto; }
.bpink{background-color: #FFFAF1;margin:120px auto 0 auto;padding: 100px 0px;}
.zss{margin: 30px auto;display: flex;flex-direction: column;align-items: center;}
.zss img{width: 100%;height: auto;}
.zss .lun2{width: 100%;display: flex;align-items: center;justify-content: space-around;}
.zss .lun2 .lun2-img{max-width: 340px;max-height: 440px;}
.zss .lun1{max-width: 660px;max-height: 475px;}
.service-left{width: 100%}
.indextitle{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.indextitle h1{font-size:28px;font-weight:500 !important;color: #F08200;}
.indextitle h3{font-weight:500;color:rgba(51,51,51,.2);font-size:18px; text-transform: uppercase; margin-top:16px;}
.indextitle .line{height:5px; width:60px;background:rgba(145,196,47,1); margin:20px 0;}
.indextitle .content{font-size: 14px;color: #605D60;line-height: 24px;text-align: left;}
.indextitle .left_content{font-size: 14px;color: #605D60;line-height: 36px;text-align: left;width: 45%;margin-right: 5%;}
.indextitle .right_content_pic{width: 50%;}
.indextitle .right_content_pic .content_pic{width: 100%;height: auto;}
.indextitle .jc-pic .row{display: flex;align-items: center;}
.indextitle .jc-pic .row img{width: 100%;height: auto;}
.indextitle .jc-pic .row img:nth-child(1){margin-right: 30px;}

.service-right{ width: 100%}
.service-right ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.service-right li{ text-align: center;width: 20%;overflow: hidden;}
.service-right li .title{font-size:1.6rem;color:rgba(51,51,51,1); margin-top: 20px;position: relative;z-index: 2;}
.service-right li .masks{ width: 100%; height: 100%; background: #F08519; top: 100%; left: 0; position: absolute; z-index: 1; transition: all .5s;opacity: 0.2;}


.righttitle{ text-align: right; overflow: hidden; }
.righttitle .line{ float: right; }

.centertitle{ text-align: center; overflow: hidden; }
.centertitle .line{ margin-left:auto;margin-right:auto; }
.jiance{width: 100%;display: flex;align-items: center;justify-content: center;}
.jiance .left{width: 50%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.jiance .right{width: 50%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.jiance .index{font-size: 48px;color: #90C31F;}
.jiance .text{font-size: 18px;color: #6A6E70;margin-top: 10px;padding: 0 10px;line-height: 24px;}
.about{background: #F5F5F5; min-height:960px;background:url(../images/ct.png) no-repeat;background-size: 100% 100%;}
.about .about-left{ width: 60%;float: left; background-size: cover; min-height:680px; }

.about .about-left{float: left; width:50%; padding:70px 0;}
.about .about-left .content{font-size:14px;color:rgba(41,29,0,1); line-height: 1.8; text-align: left; margin-top:50px;}

.fire{width: 100%;display: flex;align-items: center;justify-content: center;}
.fire .left{width: 50%;display: flex;justify-content: center;flex-direction: column;padding-left: 2.5%;}
.fire .right{width: 45%;padding: 0 2.5%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.fire .index{font-size: 14px;color: #000;line-height: 24px;}
.fire .text{font-size: 12px; color: #333;line-height: 24px;}
.fire-text .fire-title{color: #000;font-size: 14px;line-height: 24px;}
.fire-text .fire-tips{color: #333;font-size: 12px;line-height: 24px;}
.more{ width: 180px; height: 50px; line-height: 50px;background:#F08519; color: #fff; text-align: center;font-size:14px; display: block; text-transform: uppercase; margin:0 auto; border:1px solid #F08519; transition: all .5s; }
.more:hover{ color:#F08519; border:1px solid #F08519;  background:none; }
.about .about-left .more{ float: left; margin-top:40px; }
.topMenus{display: flex;align-items: center;justify-content: space-between;}
.topMenus .topMenu{display: flex;align-items: center;justify-content: space-between;flex-direction: column;width:270px;height: 280px;}
.topMenus .topMenu p{font-size: 14px;margin-top: 30px;}
.topMenus .pics{position: relative;width:100%;height: 100%;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;}
.topMenus .pics .mores{background: #F08519;border-radius: 19px;display: none;color: #fff;font-size: 14px;}
.topMenus .topMenu:hover .mores{display: block;transition: 0.2s;opacity: 1;z-index: 222;}
.topMenus .topMenu:hover .pics .tc{width: 100%;height: 100%;position: absolute;background-color: #000;opacity: 0.5;z-index: 1;transition: 0.2s;}
.aboutus{width: 100%;}
.aboutus img{width: 100%;position:absolute;z-index: -1;}
.aboutus .zw{height: 200px;}
.about-text{width:70%;height: auto;background-color: #fff;margin: 100px auto 0 auto;z-index: 999;display: block;}
.about-text .text{padding:0 30px;font-size: 14px;line-height: 30px;}
.sp{margin-top: 120px;}
.sps{display: flex;align-items: center;justify-content: space-between;margin: 20px 0;}
.sps video{margin: 20px 0;}
.food-fy{margin-top: 120px;height: 500px;display: flex;align-items:center;justify-content: center;}
.food-fy .food-ul{display: flex;align-items: center;justify-content: space-around;width: 100%;}
.food-fy .food-ul .food-li{width: 200px;height: 200px;display: flex;flex-direction: column;align-items:center;background: #fff;}
.food-fy .food-ul .food-li .index{font-size: 48px;font-weight: 600;color:#666 ;margin-top: 30px;}
.food-fy .food-ul .food-li .text{padding: 0 15px;font-size: 14px;color: #333;line-height: 24px;overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin-top: 10px;
}
.hs{display: flex;align-items: center;justify-content: space-between;}
.hs .left{width: 100%;margin-right: 2%;}
.hs .right{width: 100%;}

.ditu{width: 680px;height: 400px;}








.product{background: url(../images/product.png) no-repeat ;width: 100%;padding: 20px 0; background-size: 100% 100%;}
.shows{display: none;}
.product .tabs{ display: table; margin:0 auto; margin-top:50px; }
.product .tabs a{width:160px;height:48px; line-height:48px;border:1px solid rgba(221,221,221,1); display: block; margin:0 50px;text-align: center; float: left; font-size: 2rem;color:rgba(41,29,0,.6);}
.product .tabs a.on{ background: #F08519;color: #fff;border:1px solid #F08519; }
.product .tabs a:hover{ background: #F08519;color: #fff;border:1px solid #F08519; }

.product .content .list{width: 100%;}
.product .content .list ul{width: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-around;margin: 0 auto;}
.product .content .list ul li{display: flex;flex-direction: column;align-items: center;justify-content: center;width:33.33%;margin:40px auto;}
.product .content li a{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.product .content li .pic{ width: 170px;height: 170px;background: #FFFFFF;box-shadow: 0px 11px 21px 0px rgba(149, 149, 149, 0.3);border-radius: 50%;overflow: hidden; display: flex;justify-content: center;align-items: center;}
.product .content li .pic img{ width:140px; display: block; transition: all .5s;height:140px;border-radius: 50%; }
.product .content li .title{font-size:14px;color:rgba(51,51,51,1);margin-top: 25px;}
.product .content li .subtitle{font-size:14px;margin:0 auto;color:rgba(51,51,51,.5); margin-top: 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }




.jjfa{background: url(/public/images/jjfa.png)no-repeat;height: 400px;width: 100%;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;line-height: 36px;background-size: 100% 100%;}
.cases{display: flex;align-items: center;justify-content: space-around;width: 100%;}
.cases .case{font-size: 16px;color: #65696c;line-height: 36px;width: 300px;height:300px;background-color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.cases .case:hover{box-shadow: 0px 11px 21px 0px rgba(149, 149, 149, 0.3);margin-top: -200px;transition: 0.5s;color: #F08519
  ;}
.cases .case .line{
  width: 38px;
height: 1px;
border: 1px solid #959595;
margin: 15px 0;
}
.cases .case .seo{max-width: 170px;}
.cases-mobile{display: none;}

.service{ background: url(../images/zz.png) no-repeat; padding-bottom: 50px;background-size: 100% 100%;}
.service_index_img{max-width: 160px;}
.servicebox{margin-top: 160px;}
.servicebox .list{ width: 28.333%; float: left;position: relative; transition: all .5s;}
.servicebox .list:nth-child(2){ margin:0 7.5%; }
.servicebox .list .icon{ width: 130px; height: 130px;background:rgba(255,255,255,1);
border:1px solid rgba(221,221,221,1);border-radius:50%; color: #999; text-align: center; position: absolute; top: -65px; left: 50%; margin-left: -65px;box-sizing: border-box; font-size:7rem;}
.servicebox .list .icon span{  padding-top: 27px; display: block; }
.servicebox .list .title{ text-align: center; font-size:24px; margin-top: 100px; }
.servicebox .list .entitle{text-align: center;color:rgba(51,51,51,.5); margin-top: 20px; text-transform: uppercase;font-size:1.6rem;}
.servicebox .list .text{ text-align: center; width:70%; margin:0 auto; font-size:1.5rem; line-height: 2;color:rgba(51,51,51,.8); margin-top: 40px; height:200px; border-bottom: 5px solid #F08519;}




.news .new-menus{display: flex;align-items: center;justify-content: space-between;}
.news .new-items{width: 500px;padding: 20px;}
.news .new-menus .subtitle{ display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;}
.news .new-items:hover{background: #FFFFFF;box-shadow: 0px 0px 24px 0px rgba(174, 174, 174, 0.3);}
.news .title{ font-size: 2rem;color: #333333;  line-height: 1.8;display: flex;align-items: center;justify-content: space-between; }
.news .time{ font-size: 1.4rem; color: #ddd;margin: 5px 0;}
.news .time img{ width: 20px; vertical-align: -3px; }
.news .subtitle{ font-size: 1.5rem; line-height: 1.8;color:rgba(51,51,51,.4); }
.news .text{ padding:20px;display: flex;align-items: center;}
.news .text .new_index_img{max-width: 200px;margin-right: 25px;}
.news{position: relative; margin-top: 60px}
.news .swiper-button-next, .news .swiper-button-prev{ width: 60px;height: 90px; background-color: rgba(145,196,47,1) }
.news .swiper-button-next{ right: -100px } 
.news .swiper-button-prev{left: -100px}
.newmore{ margin-top: 110px; }
.news .swiper-pagination{ display: none }

footer {background:#333; padding: 70px 0;text-align: center;}
footer .footers{display: flex;align-items: center;justify-content: space-between;}
footer .footers .right{display: flex;flex-direction: column;align-items: flex-start;}
footer .footers .left{display: flex;flex-direction: column;align-items: flex-start;}
footer .title{font-size:2.8rem;color:#fff;margin-top:30px;}
footer .mnav{margin:80px auto 60px auto;}
footer .mnav a{font-size:2rem;color:#fff; font-weight: 500; padding: 0 30px;}
footer .p1{ color: rgba(255,255,255,.6);font-size:14px; line-height:2.5;}

footer .mnav a:hover{color:#F08519}
.copyright{color:rgba(255,255,255,.6); text-align: center;font-size:12px;background:#262626;height:50px; line-height: 50px;}
.copyright a{color:rgba(255,255,255,.6);}



.customer{  background: #F5F5F5; padding:100px 0;  }
.whitetitle h1{color: #000;  }
.whitetitle h3{color:rgba(51,51,51,.2);  }
.whitetitle .line{background:rgba(145,196,47,1);  }
.customer .jianjie{ text-align: center; font-size: 18px; margin-top:40px; line-height: 1.8; color: #000; }
.customer .swiper-container{ margin-top: 10px; }
.customer img{ width: 100% }
.contact li{ float: left; width: 25%; text-align: center; }
.contact span{ display: block; width: 80px; height: 80px; line-height: 80px; color: #91C42F; font-size:4rem;background:rgba(145,196,47,.1);border-radius:50%; text-align: center; margin:0 auto;  }
.contact .p1{ font-size: 1.8rem; margin-top: 25px; }
.contact .p2{ font-size: 1.4rem; margin-top: 15px; color:rgba(41,29,0,.8);}
.banner{position: relative;width: 100%;}
.banner .blocks{ position: absolute; top: 0%;height: 100%; position: absolute; z-index: 2;left:50%; }
.banner .textbox{ background:rgba(0,0,0,.5); position: absolute;left: 0; height: 100%;  width: 400px;  z-index: 2;}
.banner .textbox .slogo{ width: 60px;margin:0 auto; }
.banner .textbox .slogo img{ display: block; width:100%;  }
.banner .tops{border:1px solid rgba(255,255,255,.27); text-align: center; padding:10px 20px; box-sizing: border-box; position: relative; }
.banner .tops .p1{ font-size: 3.2rem; font-weight: 900; color: #33A6FF; line-height: 1.2;}
.banner .tops .p2{ font-size: 2.4rem; font-weight: 600; color: #33A6FF;line-height: 1.2; }
.banner .p3{font-size: 2rem; text-align: center; color: #fff;line-height: 1.5; margin-top: 20px;border-bottom:1px solid rgba(255,255,255,.27); padding-bottom: 15px; margin-bottom:15px;}
.banner .num{ width: 88%; margin:0 auto;  margin-top: 10px; }
.banner .num .nums{ width: 30px; float: left; }
.banner .num .nums img{ width:100%; display: block; }
.banner .num .num-right{ float: right; width: calc(100% - 50px) }
.banner .num .num-right .p1{ font-size: 2rem; color:rgba(255,255,255,1); margin:4px 0 10px;line-height:24px}
.banner .num .num-right .p2{ font-size: 1.4rem; color:rgba(255,255,255,.6); text-transform: uppercase; line-height:1.5;}

.banner .boxs{ position: absolute; top: 50%; transform:translateY(-50%); width: 100%;padding:0 30px;box-sizing: border-box; }


.mmright {
    position: fixed;
    z-index: 100;
    top: 30vh;
    right: 20px;
    font-size: 14px;
}

.mmright a {
    display: block;
    margin: 25px 0;
    position: relative;

}

.mmright a i {
    font-size: 22px;
    color: #91C42F;
    background: rgba(255, 255, 255, .5);
    border: 1px solid rgba(41, 29, 0, .2);
    margin: 15px auto;
    text-align: center;
    border-radius: 50%;
    padding: 8px;
}

.mmright a i:hover {
    background: #F08519;
    border: 1px solid #F08519;
    color: #fff
}

.conts {
    position: absolute;
    background: #fff;
    padding: 8px 20px;
    right: 60px;
    top: -2px;
    border-radius: 5px;
    display: none;
    color: #333333;
}

.conts:after {
    width: 0;
    position: absolute;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #fff;
    content: '';
    display: block;
    right: -8px;
    top: 8px;

}

.conts1 {
    position: absolute;
    background: #fff;
    padding: 8px ;
    right: 60px;
    top: -45px;
    border-radius: 5px;
    display: none;
    color: #333333;
}
.conts1 img{ width: 100px; }
.conts1:after {
    width: 0;
    position: absolute;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #fff;
    content: '';
    display: block;
    right: -8px;
    top: 48px;

}
.mmright a:nth-child(3):hover .conts {
    display: block;
}
.mmright a:nth-child(5):hover .conts1 {
    display: block;
}
.inner-banner{ width: 100%; position: relative }
.inner-banner .mask{ position: absolute;left: 0; top: 0;width: 100%;height: 100%;background:rgba(0,0,0,.3); }
.inner-banner img{ width: 100%; }
.inner-banner .text{ position: absolute;;left: 50%; top: 50%;transform: translate(-50%,-50%); }
.inner-banner .text h1{ color: #fff; font-size: 5rem; font-weight: 500 }
.inner-banner .text p{ font-size: 2rem; color: #fff; font-weight: 300; margin-top: 20px; text-align: center; text-transform: uppercase;  }




/* 去掉a标签的下划线 */
.menuDiv a {
  text-decoration: none;
}

/* 设置ul和li的样式 */
.menuDiv ul , .menuDiv li {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
} 

/* 设置二级菜单绝对定位，并隐藏 */
.menuDiv > ul > li > ul {
  position: absolute;
  display: none;
}

/* 设置二级菜单的li的样式 */
.menuDiv > ul > li > ul > li {
  float: none;
  color: #333;
}

/* 鼠标放在一级菜单上，显示二级菜单 */
.menuDiv > ul > li:hover ul {
  display: block;
}

/* 一级菜单 */
.menuDiv > ul > li > a {
  width: max-content;
  line-height: 40px;
  color: black;
  text-align: center;
  display: block;
}

/* 在一级菜单中，第一个不设置左边框 */
.menuDiv > ul > li:first-child > a {
  border-left: none;
}

/* 在一级菜单中，鼠标放上去的样式 */
.menuDiv > ul > li > a:hover {
  background-color: #fff;
}
.menuDiv > ul > li > ul{
  border: 1px solid #eaeaea;
border-top: none;
}

/* 二级菜单 */
.menuDiv > ul > li > ul > li > a {
  width: 140px;
  line-height: 18px;
  padding: 8px 0;
  font-size: 1.4rem;
  color: #333 !important;
  background-color: #fff;
  text-align: center;
  border-top: none;
  display: block;
  font-weight: 500 !important;

}



/* 在二级菜单中，鼠标放上去的样式 */
.menuDiv > ul > li > ul > li > a:hover {
  color: #fff !important;
  background-color: #F08200;
}

.customer{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}

.container  img{width: 100%;height: auto;}
.container > .row1,.row2,.row3{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
.container  .row1 .column1{display: flex;flex-direction: column;justify-content: space-between;}
.container  .row1 div:nth-child(1){margin-right: 30px;}
.container  .row1 div:nth-child(2){margin-right: 30px;}
.container  .row1 .column1 div:nth-child(1){margin-bottom: 30px;}
.container  .row2 div:nth-child(1){margin-right: 30px;}
.container  .row3 div:nth-child(1){margin-right: 30px;}
.container  .row3 div:nth-child(2){margin-right: 30px;}


.about-tabs{ display:flex; margin:0 auto;align-items: center;margin-top: 50px;}
.about-tabs a{padding: 0px 15px;line-height:52px; display: block; margin:0 50px;text-align: center; float: left; font-size:16px;color:rgba(41,29,0,.8);border-radius: 8px;}
.about-tabs a.on{ background: #F08519;color: #fff;border:1px solid #F08519; }
.about-tabs a:hover{ background: #F08519;color: #fff;border:1px solid #F08519; }


.innertitle{ text-align: center; }
.innertitle .p1{font-size:3.6rem;color:rgba(51,51,51,.1); text-transform: uppercase;}
.innertitle .p2{  font-size:3.6rem;color:rgba(51,51,51,1); margin-top: -16px;}
.innertitle .line{ width: 60px; height: 4px; background: #ddd;margin:0 auto; margin-top: 30px;}
.innertitle .title{ font-size: 2rem; color: #91C42F; margin-top: 30px; line-height: 1.5}
.inner-about {text-align: center;}
.inner-about .content{ line-height:2;color:rgba(51,51,51,.7); font-size: 1.8rem; margin-top: 40px; }
.inner-about .content img{ display: block; width: 100%; margin-top: 40px; }


.bggary{ background: #F5F5F5; padding:100px 0; }
.culture{ margin-top:50px; }
.culture .list{ width: 23.5%; float: left;  background: #fff;border:1px solid #ddd; margin-right: 2%;box-sizing: border-box; }
.culture .list:nth-child(4){ margin-right: 0 }
.culture .list .pic{ width: 100%; overflow: hidden;}
.culture .list .pic img{ display: block; width: 100%; transition: all .5s; }
.culture .list .pic:hover img{ transform: scale(1.1); }
.culture .list .title{color:rgba(51,51,51,1);  font-size: 2rem; text-align: center; padding:20px 10px; box-sizing: border-box; line-height: 2}


.qualification{ margin-top: 50px;  text-align: center;}
.qualification .list{ width: 30.333%; display:inline-block; margin:0 1%;padding:0; margin-bottom:80px; }
.qualification .list .pic{width: 75%; margin:0 auto;position: relative;z-index: 2 }
.qualification .list .pic img{ display: block;max-width: 100%; max-height: 100%; margin:0 auto; }
.qualification .list .tai{ margin-top: -18px; position: relative;z-index: 1; }
.qualification .list .tai img{  width: 100%; }
.qualification .list .title{ font-size: 2.4rem; }

.inner-about .content .ul1{  width: 70%; margin:0 auto; margin-top: 40px;}
.inner-about .content .ul1 li{ display: block; float: left; width: 26.3333%; margin-right: 10.5%; }
.inner-about .content .ul1 li:last-child{ margin-right: 0 }
.inner-about .content .ul1 li .pic{ width: 100%;padding:10px; box-sizing: border-box;border:1px dashed #ddd;border-radius: 50%; }
.inner-about .content .ul1 li .pic img{ display: block; width: 100%; margin-top:0; }
.inner-about .content .ul1 li .title{ font-size: 2.4rem; text-align: center; margin-top: 15px; }


.inner-about .content .ul2{   margin-top: 40px;}
.inner-about .content .ul2 li{ display: block; float: left; width: 30.3333%; margin-right: 4.5%; }
.inner-about .content .ul2 li:last-child{ margin-right: 0 }
.inner-about .content .ul2 li .pic{ width: 100%;padding:10px; box-sizing: border-box;overflow: hidden; }
.inner-about .content .ul2 li .pic img{ display: block; width: 100%; margin-top:0;  transition: all .5s}
.inner-about .content .ul2 li .pic:hover img{ transform: scale(1.1); }

.inner-about .content .ul3{   margin-top: 40px;}
.inner-about .content .ul3 li{ display: block; float: left; width:18%; margin-right: 2.5%; }
.inner-about .content .ul3 li:last-child{ margin-right: 0 }
.inner-about .content .ul3 li .pic{ width: 100%;padding:10px; box-sizing: border-box;overflow: hidden;}
.inner-about .content .ul3 li .pic img{ display: block; width: 100%; margin-top:0;transition: all .5s }
.inner-about .content .ul3 li .pic:hover img{ transform: scale(1.1); }

.production-left{ width: 52%; float: left; }
.production-left img{ display: block; width: 100%;}
.production-right{ width: 40%; float: right; }
.production-right .innertitle{ text-align: left; }
.production-right .innertitle .line{ margin-left: 0; }
.production-right .content{ line-height:2;color:rgba(51,51,51,.7); font-size: 1.8rem; margin-top: 40px; }


.adv-tabs{ display: table; margin:50px auto; }
.adv-tabs a{ display:inline-block; padding:10px 20px; border-radius: 50px; border:1px solid #ddd; font-size: 2rem; margin:0 40px;}
.adv-tabs a.on{ background: #F08519; color: #fff; border:1px solid #F08519; }
.adv-tabs a:hover{ background: #F08519; color: #fff;border:1px solid #F08519;  }

.advantage .listbox{ display: none }
.advantage .listbox:first-child{ display: block; }
.advantage .listbox .list{ width: 85%; margin:0 auto; background: #F5F5F5 url(../images/advbg.png) no-repeat left center; background-size: auto 100%; padding: 10px 20px; box-sizing:border-box; position: relative; }

.advantage .listbox .list .advleft{ width: 40%; position: absolute; top: 50%; transform:translateY(-50%);}
.advantage .listbox .list .advleft p{ width: 70%; height: 50px;line-height: 50px; background:rgba(145,196,47,.19); font-size: 2.4rem; text-align: center;  margin:0 0 15px auto; }
.advantage .listbox .list .img{ width: 50%; float: right; }
.advantage .listbox .list .img img{ display: block; width: 100%; }


.advantage .listbox .list1{width: 85%; margin:0 auto;background: #F5F5F5; padding:30px 20px; }
.advantage .listbox .list1 .advleft{width: 53%;float: left; margin-right: 5%;}
.advantage .listbox .list1 .advleft .p1{ font-size: 2.2rem; margin-bottom:15px; margin-top: 20px; font-weight: 600}
.advantage .listbox .list1 .advleft .p1:first-child{ margin-top: 0 }
.advantage .listbox .list1 .advleft .p2{font-size:1.6rem; color: #666; line-height: 1.8;}
.advantage .listbox .list1 .pic{ width: 20%; float: left;margin-right:2%; margin-top:40px;}
.advantage .listbox .list1 .pic:last-child{ margin-right: 0; }
.advantage .listbox .list1 .pic img{ width:100%; display: block; }
.advantage .listbox .list1 .pic p{font-size:2rem;color: #91C42F; margin-top: 20px; text-align: center;}

.advantage .listbox .list2{width: 100%;  }
.advantage .listbox .list2 img{ display: block; max-width: 100%; margin:0 auto; }
.advantage .listbox .list2 .lists{ border:1px solid #fff;width: 33.333%;  box-sizing:border-box; float: left; position: relative; }
.advantage .listbox .list2 .lists img{ display: block; width: 100%; }
.advantage .listbox .list2 .lists:first-child{ background-color: #f5f5f5; }
.advantage .listbox .list2 .lists:nth-child(2n){border:1px solid #ddd;}
.advantage .listbox .list2 .lists .text{ position: absolute;width: 90%; left: 5%; top:50%;transform:translateY(-50%);  text-align: center;}
.advantage .listbox .list2 .lists .text span{ font-size: 4rem;border:1px solid #ddd;border-radius: 50%; padding: 15px; color: #666}
.advantage .listbox .list2 .lists .text .p1{ font-size: 2rem; margin-top: 30px; }
.advantage .listbox .list2 .lists .text .p2{ font-size: 1.6rem; margin-top: 20px; color:rgba(51,51,51,.5);}
.advantage .listbox .list2 .lists:hover .text span{color: #F08519;border:1px solid #F08519;}
.advantage .listbox .list2 .lists:hover .text .p1{color: #F08519}
.advantage .listbox .list2 .lists:hover .text .p2{color: #F08519}
.advans .advan{display: flex;width: 100%;align-items: center;justify-content:space-between;margin: 0 auto;}
.advans .advan .advan_item p:nth-child(1){font-size: 24px;color:#333;}
.advans .advan .advan_item p:nth-child(1) span{font-size: 30px;color:#F08200;}
.advans .advan .advan_item p:nth-child(2){font-size: 12px;color:#333;margin-top: 25px;}
.advans .advan_img{display: flex;align-items: center;justify-content: center;}





.bart{border-bottom: 1px solid #ddd; color:rgba(27,27,30,.7);font-size:1.8rem; padding:35px 0; line-height: 2;}
.bart span{ color:rgba(27,27,30,.7); padding: 0 10px; }
.bart a{ color:rgba(27,27,30,.7); padding: 0 10px; }
.bart a:hover{color:rgba(27,27,30,1);}


.newdetail{ margin: 50px auto 50px auto;}
.newdetail h1{ text-align: center; line-height: 1.5; color: #333;  font-size: 3rem; font-weight: 500}
.newdetail .time{ text-align: center; color: #999;font-size: 1.6rem;line-height:1.6; margin: 15px auto; }
.newdetail .content{color: #333; line-height: 2;font-size: 1.6rem; margin-top:50px;}
.newdetail .content img{ max-width: 100%; }


.zyyw{display: flex;align-items: center;justify-content: center;}
.zyyw .right_content_pic2{width: 60%;margin-right: 5%;}
.zyyw .right_content_pic2 .content_pic{width: 100%;}
.zyyw .left_content2{width: 35%;color: #605D60;font-size: 14px;line-height: 36px;text-align: left;}

.zyyw .right_content_pic3{width: 60%;}
.zyyw .right_content_pic3 .content_pic{width: 100%;}
.zyyw .left_content3{width: 35%;color: #605D60;font-size: 14px;line-height: 36px;text-align: left;margin-right: 5%;}

.dzjjfa{width: 60%;margin:0 auto; text-align: left;text-indent:2em;}


.news{margin-top:80px;}
.news .list{padding:20px; width: 85%; margin:0 auto;background: #FFFFFF;display: flex;align-items: center;justify-content: center;}
.news_list_parting_line{border-bottom:1px solid #f6f6f6;width: 80%;margin:4px auto;height: 0;}
.news .list .pic{ float: left;overflow:hidden;width: 35%;}
.news .list .pic img{ width: 100%; height:100%;transform: scale(1);transition: transform 1s ease 0s;}
.news .list:hover .mores{ color:#F08519; border:1px solid #F08519;  background:none; }
.news .list:hover{box-shadow: 0px 0px 36px 0px rgba(174, 174, 174, 0.3);}
.news .list:hover .pic img{ transform: scale(1.2);}
.news .list:hover .texts .title a{color:#F08519;}
.news .list .texts{ float: right; width: 60%;margin-left:2.5%;}
.news .list .texts .title{color: #333; font-size: 16px;display: flex;align-items: center;justify-content: space-between;}
.news .list .texts .title a{ color: #333; }
.news .list  .title .times{color: #999999; font-size: 12px;}
.news .list .texts .intro{color: #999999; font-size: 12px; line-height: 1.8;overflow : hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.news .list:hover{box-shadow:0px 0px 18px rgba(0,0,0,0.1);border:1px solid #fff;}
.mores{ width: 110px; height: 40px; line-height: 40px; color: #333; text-align: center;font-size:12px; display: block; text-transform: uppercase; margin-top: 15px; border:1px solid #eee; transition: all .5s; font-weight: 300;border-radius: 8px;}

summary{line-height: 50px;font-size: 16px;color: rgba(41,29,0,.9);width: 100%;border: 1px solid rgba(221,221,221,1);text-align: left;padding-left:  20px;}
.dut{color: rgba(41,29,0,.6);width: 100%;text-align: left;padding:10px  20px;border: 1px solid rgba(221,221,221,1);border-top: none;}
.dut p{margin: 0 !important;font-size: 14px;line-height: 36px;}
/* 分页 */

.inner-fenye{ margin:-50px auto 50px auto;  width:100%; text-align:center;clear:both;}
.inner-fenye li{display:inline-block; font-size: 1.6rem }
.inner-fenye a{ padding:0 15px;background:#fff;color:#666;margin:0 2px;border:1px solid #dbdbdb;line-height:36px;display:inline-block;}
.inner-fenye .disabled{ padding:0 15px;background:#fff;color:#666;margin:0 2px;border:1px solid #dbdbdb;line-height:36px;display:inline-block;}
.inner-fenye .current{ padding:0 15px;background:#F08519;color:#fff;margin:0 2px;border:1px solid #F08519;line-height:36px;display:inline-block;}


.bars{border-bottom:1px solid rgba(221,221,221,1)}

.bars ul{margin-top:80px}

.bars li{margin-right:50px;float:left;font-size:2rem;padding-bottom:30px;position:relative}

.bars li a{color:rgba(51,51,51,.5);}

.bars li.on a{color:rgba(51,51,51,1);font-weight:700}

.bars li.on::after{position:absolute;bottom:0;content:'';display:block;height:4px;background:#F08519;width:100%}

.bars li:hover a{color:rgba(1,6,35,1);font-weight:700}

.bars li:hover::after{position:absolute;bottom:0;content:'';display:block;height:4px;background:#F08519;width:100%}


.nav-tab{ display: table; margin:80px auto; font-size: 3.2rem; }
.nav-tab a{color:rgba(51,51,51,.5);}
.nav-tab span{ display: inline-block; margin:0 40px;color:rgba(51,51,51,.5); }
.nav-tab a.on{ color: #333; }



.shehuibox{background:rgba(255,255,255,1);box-shadow:0px 3px 16px rgba(0,0,0,0.16); position:relative;}
.shehuibox .shehui-left{ float: left; width: 50%;padding: 50px 70px; box-sizing:border-box;}
.shehuibox .shehui-left h3{ font-size: 3.2rem; font-weight: 500; line-height: 1.5}
.shehuibox .shehui-left h5{ font-size: 1.6rem; font-weight: 500;color:rgba(51,51,51,.5); text-transform: uppercase; margin-top: 15px; line-height: 1.5}
.shehuibox .shehui-left .p3{ font-size: 1.8rem; color:rgba(51,51,51,1);  margin: 15px auto 25px auto; line-height: 1.6;}

.shehuibox .shehui-left .p2{ font-size: 1.8rem; color:rgba(51,51,51,.7);  margin-top: 10px; line-height: 1.8;}
.shehuibox .shehui-left .p1{ font-size: 2rem; color:#91C42F;  margin: 20px auto 10px auto; line-height: 1.8;}

.shehuibox .shehui-right{ width: 50%; position: absolute; right: 0; top: 0; height: 100%; background:#F08519 url(../images/sh1.png); overflow: hidden;background-size: cover;padding: 20px; box-sizing: border-box; }
.shehuibox .shehui-right img{ float: right; display: block;width:55%}
.shehuibox .shehui-right img:nth-child(2){ float: left; }
.shehuibox .shehui-right .pic{ position: absolute; top: 50%; transform:translateY(-50%); width: 95%;}


.shehuibox1{ margin: 60px auto 150px auto; }
.shehuibox1 .shehui-left{ float: right }
.shehuibox1 .shehui-right1{ left: 0; width: 50%; background: none}
.shehuibox1 .shehui-right1 img{ display: block; width: 100%; }
.shehuibox1 .shehui-right1 img:nth-child(2){ background: #eee;margin-top: 30px; }


.shehuibox2 .shehui-right{  width: 50%; background: none}
.shehuibox2 .shehui-right img{ display: block; width: 100%; }


.products .content li{ margin-bottom:3%; }

.contacts{ text-align: center; }
.contacts .pic{margin:0 auto; border:1px dashed #ddd; box-sizing: border-box; padding: 10px; border-radius: 50%; width:20% }
.contacts .pic img{ display: block; width: 100%; }
.contacts p{ font-size: 2rem; line-height: 2; margin:30px auto; }



.innertitles{ text-align: center; }
.innertitles .p1{font-size:18px;color:rgba(51,51,51,.2); text-transform: uppercase; font-weight: 500;}
.innertitles .p2{  font-size:30px;color:#F08200;font-weight: 500;}
.innertitles .line{ width: 40px; height: 4px; background: #91C42F;margin:20px auto;}


.contactt{ margin-top: 100px; }

.contactt .cleft{ width: 40%; float: left; background: #F5F5F5;box-sizing: border-box; }
.contactt .cleft .list{display: flex;flex-direction: column;justify-content: center;text-align: left;width: 100%;height: 200px;}
.contactt .cleft .title{color: #91C42F; font-size:1.8rem;margin-left: 20px;}
.contactt .cleft .title span{ font-size: 1.2rem; font-weight: 300;text-transform: uppercase; margin-left: 15px; }

.contactt .cleft p{ font-size: 1.4rem; padding-top: 20px;color:rgba(51,51,51,.7); line-height: 1.5;margin-left: 20px; }
.contactt .cright{ float: left; width: 60%; transform:translateY(-40px);  }
.contactt .cright img{ display: block; width: 100%; }

.feedback{ margin-top: 60px; }
.feedback textarea{ width: 100%; height: 200px;border:1px solid #ddd; padding: 15px;font-size:1.6rem;box-sizing: border-box; }
.feedback p{ margin-top:20px; }
.feedback input{ width: 30.333%; float: left; display: block; height: 60px; margin-right: 4.5%;border:1px solid #ddd;padding: 0 15px; box-sizing: border-box;font-size:1.6rem;}
.feedback input:last-child{ margin-right: 0 }
.feedback button{ width:200px;height:60px;background:rgba(240,133,25,1);border:none; margin-top: 50px; font-size:2rem; color: #fff;}

.shehuibox .shehui-left .p4{ background:rgba(240,133,25,.1); width: 60%; padding: 25px; box-sizing: border-box;font-size:1.6rem; line-height: 2; color: #F08519; margin:70px 0 70px 0;}

.shehuibox3{ padding: 40px;box-sizing: border-box; margin-bottom:80px; }
.shehuibox3 .shehui-left1{float: left; width: 46%;}
.shehuibox3 .shehui-left1 img{ display: block; width: 100% }
.shehuibox3 .shehui-left1:nth-child(2){ float: right; }


.shehuibox4 .shehui-right .pic img{ float: right;width:80% }

.d_m{
  width: 70%;margin: 0 auto;
}
.mobile{
  display: none;
}


.case-tabs{ display: table; margin:0 auto; margin-top:60px; }
.case-tabs a{width:140px;height:44px; line-height:44px;border:1px solid rgba(221,221,221,1); display: block; margin:0 30px;text-align: center; float: left; font-size: 1.8rem;color:rgba(41,29,0,.6);border-radius: 80px;}
.case-tabs a.on{ background: #F08519;color: #fff;border:1px solid #F08519; }
.case-tabs a:hover{ background: #F08519;color: #fff;border:1px solid #F08519; }

.case{ margin-top: 50px; }
.case .list{ display: none }
.case .list:first-child{ display: block; }
.case .list .pic{ width: 18%;background:rgba(145,196,47,0.1); padding: 10px 20px; border-radius:8px;border:1px dashed rgba(145,196,47,1); float: left; margin-right:2.5%;margin-top:2.5%; box-sizing: border-box; }
.case .list .pic:nth-child(5n){ margin-right:0; }
.case .list .pic img{ display: block; width: 100% }
.case1{margin-top:60px;}
.case1 .list{background:rgba(255,255,255,1);border:1px solid rgba(221,221,221,1);width: 22%; margin-right: 4%; padding: 30px 0;box-sizing: border-box; float: left; margin-bottom:2%; }
.case1 .list:nth-child(4n){ margin-right:0; }
.case1 .list img{ display:block; margin:0 auto; max-width: 100% }
.case1 .list p{ font-size: 2.4rem;margin-top: 10px; text-align: center; padding:0 10px; box-sizing: border-box; }




.case2 .pic{ width: 100%; }
.case2 .pic img{ display: block; width: 100%; }
.case2{position: relative; margin-top: 60px}
.case2 .swiper-slide{ box-sizing: border-box;}
.case2 .swiper-button-next, .case2 .swiper-button-prev{ width: 60px;height: 90px; background-color: rgba(240,133,25,.6) }
.case2 .swiper-button-next{ right: -100px } 
.case2 .swiper-button-prev{left: -100px}
.case2 .swiper-slide .text{ margin-top: 30px; }
.case2 .swiper-slide .text .left{ float: left; }
.case2 .swiper-slide .text .right{ float: left; margin-left:20px; }
.case2 .swiper-slide .text .right .p1{ font-size: 2.4rem; margin-top: 25px; }
.case2 .swiper-slide .text .right .p2{ font-size: 1.4rem; margin-top: 15px; }
.case2 .swiper-pagination{ display: none }



.case-show { margin-top: 50px;  }
.case-shows{ width: 90%;margin:0 auto;}
.case-show .title img{ display: block; margin:0 auto; }
.case-show .title p{ font-size: 3rem; margin-top: 15px; text-align: center; }
.case-show .titles{ height: 60px;line-height:60px;background:rgba(145,196,47,.1); font-size: 2rem; padding: 0 20px; box-sizing: border-box; margin-top: 50px;}
.case-show .titles span{color:rgba(1,6,35,.2); font-size: 1.2rem; margin-left:20px; text-transform: uppercase;}
.case-show  .boxs{padding: 20px; box-sizing: border-box;background:rgba(255,255,255,1);
box-shadow:0px 0px 16px rgba(0,0,0,0.16); margin-top: 80px;}
.case-show  .boxs img{ width: 25%; margin-right: 2.3%; display: block; float: left; }
.case-show  .boxs img:nth-child(1){ margin-right: 2%;width: 49%;margin-bottom: 2%; }
.case-show  .boxs img:nth-child(2){ margin-right: 0; width: 49%;margin-bottom: 2%; }
.case-show  .boxs img:nth-child(3){ width: 18%; }
.case-show  .boxs img:nth-child(6){ margin-right: 0 }


.case-show .boxs1{ margin:60px auto 120px auto; display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-pack: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  box-align: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  align-content: space-between;
  -ms-flex-line-pack: justify;}
.case-show .boxs1 .list{float: left; text-align: center; width: 30.333%;border:1px solid rgba(221,221,221,1); padding: 15px; box-sizing: border-box; margin:0 1.5%;}
.case-show .boxs1 .list .num{ font-size: 5.2rem; width: 80px; height: 80px; line-height: 80px;border:1px solid rgba(145,196,47,1);border-radius: 50%; margin:0 auto; color: #91C42F; margin-top: 30px;}
.case-show .boxs1 .list  .subtitle{ font-size: 1.8rem; height:100px; margin-top: 20px; line-height: 1.5}
.case-show .boxs1 .list img{ display: block; width: 100%;  }
.case-show .boxs1 .list:nth-child(1) img{ background: #7E7F60 }

.case-show .boxs1 .list:hover{box-shadow:0px 0px 16px rgba(0,0,0,0.16);border:1px solid #fff;}

.advantages{ margin-top: 60px; }
.advantages li{ width:18%;box-shadow:0px 0px 14px rgba(0,0,0,0.1); float: left; margin-right:2.5%; text-align: center; padding: 50px 0;position: relative; overflow: hidden; background: #fff;}
.advantages li:nth-child(5){ margin-right: 0 }
.advantages li .icon{ width: 100px;height: 100px;  background:#fff;border:1px solid #ddd;
border-radius:50%; margin:0 auto;color: #91C42F; text-align: center; position: relative;z-index: 2;}
.advantages li .icon span{ font-size: 6rem;padding-top: 20px; display: block;  }
.advantages li .title{font-size:1.8rem;color:rgba(51,51,51,1); margin-top: 20px;position: relative;z-index: 2; line-height: 1.8}
.advantages li .masks{ width: 100%; height: 100%; background: #F08519; top: 100%; left: 0; position: absolute; z-index: 1; transition: all .5s;}
.advantages li:hover .masks{ top: 0; }
.advantages li:hover .icon{ background: #fff;color: #F08519; }
.advantages li:hover .title{ color: #fff }






.advs{   margin-top: 40px;}
.advs .list:nth-child(2){ display: none; width: 80%; margin:0 auto; }
.advs .ul1 li{ display: block; float: left; width:18%; margin-right: 2.5%; }
.advs .ul1 li:last-child{ margin-right: 0 }
.advs .ul1 li .pic{ width: 100%;padding:10px; box-sizing: border-box;overflow: hidden; }
.advs .ul1 li .pic img{ display: block; width: 100%; margin-top:0; transition: all .5s }
.advs .ul1 li .pic:hover img{ transform: scale(1.1); }
.advs .ul1 li .title{ text-align: center; font-size: 1.8rem; margin-top: 15px }

.advs .lists{ width:30.3333%; float: left;  background: #fff;border:1px solid #ddd; margin-right:3%;box-sizing: border-box; margin-bottom:3%; }
.advs .lists:nth-child(3n){ margin-right: 0 }
.advs .lists .pic{ width: 100%;overflow: hidden; }
.advs .lists .pic img{ display: block; width: 100%;transition: all .5s }
.advs .lists .pic:hover img{ transform: scale(1.1); }
.advs .lists .title{color:rgba(51,51,51,1);  font-size: 2rem; text-align: center; padding:20px 10px; box-sizing: border-box; line-height: 2}




.experience{  width: 100%; }
.experience  .pic{  width: 100%;  }
.experience  .pic img{ display: block; width: 100%;}
.experience  .text{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0 20px; }
.experience .text .title{ font-size: 3.2rem ;margin-top: 10px !important;}
.experienc  .text .subtitle{ font-size:2.2rem; color: #F08519; margin-top: 10px !important;}
.experience  .text .p{ font-size: 1.8rem; margin-top: 0px !important; line-height: 1.8;}






.development p{ font-size: 2rem; text-align: center; line-height: 1.8;margin-top:80px; }
.development .pic{ width: 100%;  margin-top: 50px; position: relative;}
.development .pic img{ width: 100%;display: block; }
.development .pic .text{ position: absolute;  bottom: 0; padding: 15px 30px;background:rgba(145,196,47,0.8);
border-radius:0px 120px 0px 0px; font-size:3.2rem; color: #fff; box-sizing: border-box; line-height: 2;}


.product-show .content{ margin-top: 60px; }
.product-show .content img{ display: block;width: 100%; }


.product-top{ padding: 30px; box-sizing:border-box;box-shadow:0px 3px 16px rgba(0,0,0,0.16); }
.product-top .left{ float: left }
.sp_center_pic{ position:relative;width:100%;}
.sp_center_pic .picbox{ width: 490px; border: 1px solid #fff;  margin-left:100px; }
.sp_center_pic .picbox img{display: block; width: 100%;}
.btns{position:absolute; left:0; top:0;}
.btns span{ display:block;width:87px;border:1px solid #fff; margin-bottom:9px;}
.btns span img{ display: block; width: 100%; }
.btns .currentBtn{ border:1px solid #fff;  }
.product-top .right{ float: right; width:calc(100% - 630px) }
.product-top .right .title{font-size:3.2rem}
.product-top .right .subtitle{font-size:2rem;color:rgba(51,51,51,.5); line-height: 2; margin-top: 40px;}