.product_swiper {background:url(../images/bg2.png) no-repeat 0 center #f2f2f2;padding: 50px 0 50px;margin-top:-30px;position:relative;}
.product_swiper .left_div {float:left;width:calc(100% - 75% - 20px);color:#333;box-sizing:border-box;padding-right:3%;padding-top: 3%;}
.product_swiper .left_div strong {font-size:32px;display:block;margin-bottom:15px;}
.product_swiper .left_div span {font-size:32px;line-height:40px;}
.product_swiper .left_div .arrow_div {font-size:0;padding-top: 8%;}
.product_swiper .left_div .arrow_div div {display:inline-block;position:static;width:48px;height:48px;box-sizing:border-box;border-radius:50%;border:2px solid #57a070;margin-top:0;outline:none;transition:0.5s;-webkit-transition:0.5s;}
.product_swiper .left_div .swiper-button-prev {background:url(../images/zuo.png) no-repeat center;margin-right:16px;}
.product_swiper .left_div .swiper-button-next {background:url(../images/you.png) no-repeat center;}
.product_swiper .left_div .swiper-button-prev:hover {background:url(../images/zuoh.png) no-repeat center #57a070 !important;}
.product_swiper .left_div .swiper-button-next:hover {background:url(../images/youh.png) no-repeat center #57a070 !important;}
.product_swiper .right_div {float:left;width: 75%;padding-left:20px;/*background: url(../images/juxing.png) no-repeat 0 132px;*/}
/*.product_swiper .right_div .swiper-container {padding-bottom:20px;margin-top: 40px;}
.product_swiper .right_div .swiper-slide {width:33% !important;margin-right:5px !important;text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.product_swiper .right_div .swiper-slide a {display:block;position:relative;transition:0.5s;-webkit-transition:0.5s;width:100%;}
.product_swiper .right_div .swiper-slide a .p1 {position:relative;width:100%;padding-bottom: 65%;overflow:hidden;width: 95%;margin: 0 auto;margin-top: 8px;}
.product_swiper .right_div .swiper-slide a .p1 img {width: 100%;height:auto;position:absolute;top: 42%;left:50%;transform:translate(-50%,-50%);transition:0.5s;-webkit-transition:0.5s;/* margin-top: 9px; */}
/*.product_swiper .right_div .swiper-slide a .p2 {text-align:left;padding: 0 3%;}
.product_swiper .right_div .swiper-slide a .p2 strong {display: block;width:100%;margin: 0;padding: 0;height: 45px;}
.product_swiper .right_div .swiper-slide a .p2 strong i {color:#333;font-size:20px;position:relative;vertical-align:top;z-index:16;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align: center;}
.product_swiper .right_div .swiper-slide a .p2 strong small {display:inline-block;height:10px;background:#d0ddeb;width:100%;position:relative;z-index:15;vertical-align:top;margin-top: -12px;}
.product_swiper .right_div .swiper-slide a .p2 span {font-size: 15px;color: #333;text-align:justify;line-height: 27px;/* height:60px; */overflow:hidden;display:block;/* margin-top:6px; *//* margin-bottom:20px; */padding: 0 5PX;min-height: 108px;}
/*.product_swiper .right_div .swiper-slide a .p2 em {float:right;margin-bottom:-20px;width:40px;height:40px;line-height:40px;border-radius:20px;background:#57a070;font-size:14px;color:#fff;position:relative;padding-left:16px;overflow:hidden;box-sizing:border-box;transition:0.5s;-webkit-transition:0.5s;}
.product_swiper .right_div .swiper-slide a .p2 em i {position:absolute;top:0;right:0;display:inline-block;width:40px;height:40px;box-sizing:border-box;background:url(../images/jia1.png) no-repeat center #fff;background-size:12px 12px;border-radius:50%;border:5px solid #57a070}
.product_swiper .right_div .swiper-slide a:hover {box-shadow:0 5px 20px rgba(0,0,0,0.2);z-index:17;}
.product_swiper .right_div .swiper-slide a:hover img {-webkit-transform:scale(1.1) translate(-50%,-50%);transform:scale(1.1) translate(-50%,-50%);}
.product_swiper .right_div .swiper-slide a:hover .p2 em {width:118px;}*/
.small_div {width:82%;max-width:1400px;margin:0 auto;}
.line{display: block;width: 100px;background-color:  #014099;height: 2px;margin-top: 17px;/* text-align: center; */margin: 0 auto;}
.le_muan{padding-top: 17px;}
.le_muan ul li{width: 238px;height: 40px;line-height: 40px;border: 1px solid #D2D2D2;text-align: center;margin-top: 25px;}
.le_muan ul li a{display: block;font-size: 20px;color: #333;}
.le_muan ul li.active a{color: #014099;border:1px solid #014099;}
/*.product_swiper .right_div .swiper-container.visibility{visibility: hidden;z-index: -1;height: 0;margin-top: 0;padding-bottom: 0display: none;}
*/.swiper-container2{display: none;}
.infomesion{width: 100%;background-color: #fff;}
.info_i{margin:58px 0 60px 0;}
.info_logo{width: 47.14%;}
.info_logo img{width: 100%;}
.info_about{width: 1400px;/* margin-left: 3%; */margin: 0 auto;}
.info_write{padding-left: 10px;}
.info_title{margin-top: 35px;text-align: center;}
.info_title h3{font-size: 28px;color: #333;font-weight: bold;}
.info_title p{font-size: 28px;color: #333;font-weight: bold;}
.about_l{overflow: hidden;}
.about_l>div{float: left;width: 140px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;height: 60px;padding-left: 0px;}
.about_l>div h3{font-size: 20px;color: #333;text-align: center;    line-height: 60px;}
.about_l p{float: left;font-size: 16px;color: #333;padding-left: 25px;line-height: 30px;width: 533px;}
.about_main{overflow: hidden;}
.about_us{margin-top: 31px;float: left;}
.about_us .about_s{background:url(../images/kbdz_17.jpg) no-repeat;background-position: 16px 4px;}
.about_us .about_x{background:url(../images/kbdz_21.jpg) no-repeat;background-position: 16px 4px;margin-top: 1.8rem;}
.company_jj{margin-top: 15px;float: left;width: 47%;margin-left: 3%;}
.company_jj h3{line-height: 55px;color: #00933f;font-size: 18px;}
.company_jj p{line-height: 32px;font-size: 16px;color: #333;}
.yyfa_main{width: 100%;background:url(../images/yyfa.jpg) no-repeat;height: 670px;background-size: 100%;}
.ttfa_tit{padding:42px 0 35px 0;}
.ttfa_tit h3{text-align: center;font-size: 27px;color: #fff;font-weight: normal;}
.ttfa_tit p{text-align: center;font-size: 27px;color: #fff;font-weight: normal;}
.line_l{background-color: #fff;height: 2px;width: 100px;display: block;text-align: center;margin: 10px auto 0 auto;}
.yyfa_slide{width: 87.34%;margin: 0 auto;position: relative;}
.yyfa_wrap{width: 84.25%;margin:0 auto;}
.yyfa_m{width: 100%;}
.yyfa_m ul{overflow: hidden;}
.yyfa_m li{width: 32%;margin-right: 25px;background-color: #fff;padding-bottom: 6px; float: left;}
.yyfa_m li .yyfa_li{width: 89.3%;margin: 0 auto;overflow: hidden;margin-top: 5px;}
.yyfa_m li .yyfa_img{margin-bottom:5px;text-align: center;min-height: 235px;/* line-height: 235px; */}
.fffa_con .strong{display: block;width:100%;margin: 0;padding: 0;height: 45px;}
.fffa_con i{color:#333;font-size:20px;position:relative;vertical-align:top;z-index:16;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align: center;}
.fffa_con small{display:inline-block;height:10px;background:#d0ddeb;width:100%;position:relative;z-index:15;vertical-align:top;margin-top: -12px;}
.fffa_con span{font-size: 14px;color: #333;display: inline-block;line-height: 25px;min-height: 115px; overflow:hidden; position:relative}
.fffa_con .ljxq{display: inline-block;width: 90px;height: 32px;line-height: 32px;color: #fff;font-size: 14px;padding-left: 10px;background-color: #00933F;margin-right: 2%;/* margin-bottom: 0.8rem; */float: right;margin-top: 2%; position:absolute;right:0; bottom:0}
.fffa_con .ljxq i{background:url(../images/kbdz_35.jpg) no-repeat;position: absolute;bottom: 10px;right: 8%;width: 15px;height: 10px;}
.yyfa_slide .prev{position: absolute;left: 0;top:50%;background:url(../images/prev.jpg) no-repeat;width: 60px;height: 60px;margin-top: -30px;}
.yyfa_slide .next{position: absolute;right: 0;top:50%;background:url(../images/next.jpg) no-repeat;width: 60px;height: 60px;margin-top: -30px;}
.yyfa_img img{transform:translate(0,0);transition:0.5s;-webkit-transition:0.5s;/* width: 100%; *//* width: 400px; */max-height: 231px;max-width: 100%;}
.yyfa_m li .yyfa_li:hover .yyfa_img img{-webkit-transform:scale(1.1) translate(-3%,-3%);transform:scale(1.1) translate(-3%,-3%);}
.information{width: 100%;background-color: #fff;}
.latest_info{width: 1400px;margin:0 auto;}
.latest_tit{text-align: center;font-size: 27px;color: #333;font-weight: bold;margin: 60px 0 56px 0}
.latest_tit .line{margin:10px auto 0 auto;}
.mation{width: 100%;}
.zxzx{width: 660px;}
.zxzx_item{overflow:hidden;}
.zxzx_item h3{float: left;display: inline-block;font-size: 20px;color: #333;}
.zxzx_item .more{float: right;display: inline-block;}
.zxzx_list ul{border-top: 1px solid #bbb;margin-top: 33px;}
.zxzx_list ul li{border-bottom: 1px solid #eee;line-height: 30px; padding: 23px 0px 25px 0;}
.zxzx_list ul li a:hover{color: #014099}
.zxzx_list ul li a{display: block;font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zxzx_list ul li span{display: block;font-size: 16px;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rlzy{margin-left: 60px;}
.coc_z{position: relative;}
.img-fluid{display: block;width: 75%;margin:0 auto;padding-top: 20px;}
.swiper-products .swiper-slide {
    min-width: 25%;
    width: 25% !important;
    padding: 1.5rem 0;
    transition: all .3s linear;
}
.index-ban-item {position:relative;overflow:hidden;}
.index-ban-item>a{ display: block; width: 100%;}
.index-ban-item>a>img {width:100%;height:100%;transition:all .3s linear;}
.index-bannerCon {position:absolute;top:20%;left:15%;color:#000;}
.index-bannerCon > h2 {font-family:Whitney-Bold;font-size:5vmax;}
.index-bannerCon > p {font-family:Whitney-Medium;width:25vmax;font-size:1.5vmax;}
.earfun-index-bannerColor >p {font-family:Whitney-Medium;font-size:1.5vmax;display:inline-block;}
/* Color 黑白切换按钮 */ 
.earfun-index-bannerColor {margin-top:.8rem;}
.earfun-index-bannerBlackCircle {vertical-align:middle;width:1.5vmax;height:1.5vmax;background:radial-gradient(#000 40%,transparent 40%,transparent 60%,#000 60%);display:inline-block;border-radius:50%;}
.earfun-index-bannerWhiteCircle {vertical-align:middle;width:1.5vmax;height:1.5vmax;background:radial-gradient(#fff 40%,transparent 40%,transparent 60%,#fff 60%);display:inline-block;border-radius:50%;}
.earfun-index-bannerColor i.fa-stack-1x {font-size:.8rem;}
.earfun-index-bannerColor > a:hover {color:#000;}
/* buy now 按钮 */ 
.index-bannerCon > a {display:block;width:10rem;text-align:center;margin-top:2rem;background-color:#fcc812;border:#fcc812 solid 2px;font-family:Whitney-Bold;color:#fff;padding:.3rem 1rem;border-radius:1rem;}
.index-bannerCon > a:hover {background-color:#fff;color:#fcc812;border:#fcc812 solid 2px;}
.banner-index > .index-ban-arrow {outline:none;cursor:pointer;opacity:0;font-size:120px;}
.banner-index:hover .index-ban-arrow {opacity:0.5;transition:1s all linear;}
.banner-index > .index-ban-arrow:hover {color:#fcc812;transition:0.2s all;}
.banner-index > .banner-buttonPrev {position:absolute;top:40%;left:5%;z-index:1;}
.banner-index > .banner-buttonNext {position:absolute;top:40%;right:5%;z-index:1;}
/* 轮播切换小按钮  */  
.index-ban-btn {position:absolute;bottom:1.5rem !important;}
.index-ban-btn > span {background-color:#999;border-radius:2px;width:50px;height:5px;}
.index-ban-btn > span.swiper-pagination-bullet-active {background-color:#fcc812;}
/*************************** OUR PRODUCTS *************************/    
.earfun-index-products {overflow:hidden;}
.earfun-index-productsTitle {margin:4vmax 0;}
.earfun-index-productsTitle > h2 {text-align:center;font-family:Whitney-Bold;font-size:3.2vmax;}
.earfun-index-productsMain {padding:0 5%;}
.products-item {height: 23rem;padding-top: 1rem;position:relative;overflow: hidden;border-radius: .5rem;/*box-shadow: 0 0 .5rem #ccc; */transition: all .3s linear;}
.products-item:hover{transform: translateY(-5px);box-shadow: 0 .2rem 1rem #ccc;}
.products-item img{transform: scale(1.2);}
.products-item:hover .products-item-show>a{opacity: 1;}
.products-item-con {padding: 5% 5% 0;word-wrap:break-word;position:relative;}
.products-item-con > h4 {font-family:Whitney-Bold;font-size:.85rem;text-align: center;padding-top: .8rem;}
.products-item-con > hr {width:15%;margin-left: 24px;border:2px solid #fbc700;border-radius:2px;}
.products-item-con > p {font-family:Whitney-Medium;font-size: .8rem;height:6rem;overflow:hidden;color: #666;line-height: 25px;margin-top: .5rem;}
.productsColor {display:none;position:absolute;bottom:.6rem;font-size:.7rem;padding:1px;}
.productsColor > a:hover {color:#000;}
.productsColor > span {display:inline-block;font-family:Whitney-Medium;vertical-align:middle;}
.productsColor a {vertical-align:middle;width:1rem;height:1rem;border:.1rem solid #000;box-shadow:inset 0 0 0 3px #fff;background-color:#000;display:inline-block;border-radius:50%;}
.products-item-show {position:absolute;top:0; left: 0; color:#fff; width:100%;height:100%;text-align:center;}
.products-item-show>a{display: block; opacity: 0; width: 100%; height: 100%; text-align: center;font-size: 1rem; line-height:2;overflow: hidden;transition: all .3s linear;}
.products-item-show>a>span{width: 50%; line-height: 1.8; color: #fff;background-color: #FFC107;font-size: .85rem;display: block; border-radius: 1rem;position: absolute; bottom: 1rem;left: 50%;transform: translateX(-50%);}
.products-item-show>a:hover{ color: #fff;}

.swiper-scrollbar {height:5px;}
.swiper-scrollbar-drag {background-color:#FFC107 !important;}
.products-item:hover .products-item-show {display:block;}
@media screen and (min-width:1050px) and (max-width:1367px) {}
}
@media screen and (max-width:1050px) {
  .index-bannerCon > h2 {font-size:2rem;}
  .index-bannerCon > p {font-size:.8rem;margin-top:.8rem;}
  .earfun-index-bannerColor >p {font-size:.8rem;}
  .earfun-index-bannerBlackCircle,.earfun-index-bannerWhiteCircle {width:1rem;height:1rem;}
  .earfun-index-productsTitle > h2 {font-size:1.5rem;}
  .products-item {height:17rem;}
}
@media screen and (max-width:768px) {
  .banner-index > .banner-buttonPrev,.banner-index > .banner-buttonNext {display:none !important;}
  .index-bannerCon > h2 {font-size:1.6rem;}
  .index-bannerCon > p {display:none;}
}
@media screen and (max-width:767px) {
  .swiper-products .swiper-slide {width:18rem;}
 .products-item {margin:0;height:20rem;}
 .index-ban-item>a> img {width:200%;height:auto;max-width:none !important;transform:translateX(-37.5%);}
 .index-banner02>a> img{transform:translateX(-43.5%) !important;}
 .index-bannerCon {position:static;text-align:center;padding-top:1rem;}
 .index-ban-btn {bottom:10rem !important;}
 .index-bannerCon > p {display:block; margin: 0 auto;padding: 0 1rem;}
 .earfun-index-bannerColor {display:none;}
 .index-bannerCon > a {display:block;width:11rem;margin:1rem auto 0;font-size:1rem;}
 .products-item-show>a>span{opacity: 0;}
}