@charset "utf-8";
/* CSS Document */

.top{display:flex;display: inline-flex;display: flex;justify-content: center;}
.header { width:100%;display:block; padding:0.2REM 0;background:#0c520c; position: fixed;left:0;top:0; z-index:2; box-shadow:1px 0 5px rgba(0,0,0,.2); color:#fff; z-index:999}
.header .logo{overflow:hidden; font-weight:normal}
.header .logo img{ height:0.5rem;}
body{ padding-top:0.9rem;}
.header .logo h1,.header .logo div {height:100%;display:block; font-size:24px;}
.header .logo a {min-width:160px;color:#fff;height:100%;display:block;position:relative; overflow:hidden;}
.header .header-follow { }
.header .header-follow a{ margin-left:10px; border-radius:50%; border:1px solid #fff; color:#fff; opacity:.5; display:inline-block; width:40px; height:40px; text-align:center; line-height:40px; transition:.3s;} 
.header .header-follow a i{ font-size:0.2rem;}
.header .header-follow a:hover{ opacity:1;transform:translatey(-2px);}
.banner{  position:relative;  }
.banner .img2{ display:none}
 .banner .wrap{ position:absolute;left:50%; transform: translate(-50%, -50%);top:50%; height:auto; text-align:center}
.banner p{z-index:9; top:50%; color:#fff; text-align:center; margin:auto; transition:.3s; cursor:pointer }
.banner .p1{ font-size:0.52rem; font-weight:bold; text-transform: uppercase;}
.banner .p2{ padding:.3rem 0; font-size:0.32rem;}
.banner p:hover{transform:translatey(-5px);}
.banner .button{text-align:center; font-size:0.24rem; -webkit-border-radius:.5rem;-moz-border-radius:.5rem;border-radius:.5rem; padding:0.15rem 0.3rem;; }
.button{ -webkit-border-radius:.3rem;-moz-border-radius:.3rem;border-radius:.3rem; background: linear-gradient(to right,#43cb46 20%,#10922b); color:#fff;display:inline-block;}
.button:hover{ opacity:1;transform:translatey(-5px); color:#fff;}
/*about*/
.content_1 { padding:0.7rem 0; overflow:hidden; }
.dadbox{display: flex;align-items: center;justify-content:space-between; }
.content_1 .dadbox{background:url(../images/logo2.gif) no-repeat bottom right;}
.content_1 .aboutimgpc{ width:48%;}
.content_1 .about-text{ width:48%; }
.content_1 .about-text h3{ font-size:0.24rem;}
.content_1 .about-text h2{ font-size:0.32rem; font-weight:600; margin:0.25rem 0; color:#333;font-family: Arial }
.content_1 .about-text h2 a{ color:#333;}
.content_1 .about-text p{  line-height:140%; letter-spacing:0.5px;}
.content_1 .about-text .button{ font-size:0.2rem; padding:0.15rem 0.25rem; margin-top:0.25rem; font-weight:500}

/*number*/
.content_2{ background:#0e610f url(../images/sj_bg.jpg) center no-repeat; padding:0.4rem 0 0.5rem 0; color:#fff; text-align:center}
.content_2 .con{ }
.content_2 i.add{ font-size:0.2rem; }
.content_2 .gd-number{ font-size:0.6rem; display: inline-block;font-family: BebasNeue Bold, Arial, Helvetica, sans-serif; }
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
.content_2 .gd-number span i{/*font-family: 'Anton', 'Bebas Neue', Impact, sans-serif;letter-spacing: 1px;*/  }

/*Product*/
.content_3{ padding:0.7rem 0}
.content_3 .title { margin:0 0 .5rem  0 }
.content_3 .product_con .product_item { cursor:pointer; width:49%; overflow:hidden; -webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem; margin:.1rem 0; background:#fff;	-moz-box-shadow: 2px 2px 10px #ddd;/*firefox*/-webkit-box-shadow: 2px 2px 10px #ddd;/*safari或chrome*/box-shadow:2px 2px 10px #ddd;/*opera或ie9*/transition:.5s all;}
.content_3 .product_con .product_item:hover{transform:translatey(-8px);}
.content_3 .product_con .pro_word{ padding:.2rem; width:80%;}
.content_3 .product_con .pro_word h2{ font-size:0.22rem;  width:75%; }
.content_3 .product_con .pro_word h2 a{ color:#333;}
.content_3 .product_con .pro_word h2 a:hover{ color:#2da741;}
.content_3 .product_con .pro_word p{ color:#666; margin:.1rem 0 0 0;}
.content_3 .product_con .pro_word .btn_more{ border:1px solid #2da741; color:#2da741;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;border-radius:.5rem;  font-size:0.16rem; padding:0.07rem 0.2rem; margin-top:0.15rem; font-weight:500; display:inline-block;transition:.3s all;}
.content_3 .product_con .pro_word .btn_more:hover{ border:1px solid #fff;color:#fff;transform:translatey(-4px);
background: -webkit-linear-gradient(left,#43cb46 20%,#10922b 100%);
background: -moz-linear-gradient(left,#43cb46 20%,#10922b 100%);
background: -o-linear-gradient(left,#43cb46 20%,#10922b 100%);
background: linear-gradient(to right,#43cb46 20%,#10922b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#43cb46,endColorstr=#10922b,GradientType=1);}
.content_3 .product_con h2{ font-weight:bold;}
.content_3 .product_con.product_con2 .product_item .imga{ padding:0 .2rem}
.content_3 .product_con.product_con3 .product_item{ width:23.8%}
.content_3 .product_con.product_con3 .pro_word{ width:100%}
.content_3 .product_con.product_con3 .pro_word h2{ width:100%}
.content_3 .product_con.product_con3 .dadbox{ display:block; min-height:4rem}
.content_3 .product_con.product_con2 .product_item{flex-direction: row-reverse; }
.content_3 .product_con.product_con3{align-items: flex-start;justify-content: space-between; }
.content_3 .product_con.product_con3 .product_item { position:relative}
.content_3 .product_con.product_con3 .product_item .imga{display:inline-block; width:100%; text-align:center; justify-content:center; position:absolute; bottom:0; left:0; }
.content_3 .product_con.product_con3 img{ margin:auto}
.content_3 .product_con.product_con3 .pro_word p{ margin-top:.05rem;}
/*Footprints*/
.content_5{ padding:0.7rem 0; overflow:hidden;}
.title{ text-align:center}
.title h3{ font-size:0.8rem;}
.title p{ padding:0.25rem 0; font-size:0.18rem;}
/*oem*/
.content_4 { padding:.8rem 0; color:#fff; background:#1b1f22 url(../images/oem_bg.gif) no-repeat center; text-align:center }
.content_4 .title p{ padding:0.25rem 0; font-size:0.24rem;}
.content_4 .oem_con{ margin:.3rem auto 0}
.content_4 .oem_con img{ margin:0 0rem;}
.content_4 .oem_con img{transition:.3s; cursor:pointer; width:100%;}
.content_4 .oem_con img:hover{opacity:1;transform:translatey(-8px);}
.content_4 .oem_con .oem_tiem1,.oem_con .oem_tiem5{ width:17.5%}
.content_4 .oem_con .oem_tiem2,.oem_con .oem_tiem4{width:19%}
.content_4 .oem_con .oem_tiem3{width:20%}
.content_4 .button{ font-size:0.2rem; padding:0.15rem 0.25rem; margin-top:0.4rem; font-weight:500}
/*map*/
.content_5 img{ width:100%}
/*appliction*/
.content_6{ background:url(../images/applic_bg.gif) no-repeat center; padding:.7rem 0; color:#fff; text-align:center}
.content_6 .title{ color:#fff;}
.applic_con .applic_item{ width:24%; }   
.applic_con .applic_item img{ width:100%; border-radius:0.2rem; border:2px solid #fff;}
.applic_con .applic_item.applic_item2{ margin-top:.6rem} 
.applic_con .applic_item p{ color:#fff; font-size:.2rem; margin-top:.2rem}
.applic_con .applic_item img{transition:.3s; cursor:pointer}
.applic_con .applic_item img:hover{opacity:1;transform:translatey(-8px);}

/*faq*/
.content_7 { padding:.7rem 0; background:#f9f9f9}
.content_7 .accordion {width: 100%;font-size:0.2rem;}
.content_7 .accordion .faq_item{ padding:.2rem  ;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem; margin:.2rem 0; background:#fff;	-moz-box-shadow: 2px 2px 10px #ddd;/*firefox*/-webkit-box-shadow: 2px 2px 10px #ddd;/*safari或chrome*/box-shadow:2px 2px 10px #ddd;/*opera或ie9*/}
.content_7 .accordion .link { padding-right:.5rem;cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.content_7 .accordion .link:hover{ color:#000}
.content_7 .accordion .faq_item i {position: absolute;  font-size:.2rem; font-weight:bold;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;
transition: all 0.4s ease;}
.content_7 .accordion .faq_item i.icon-bottom7 {font-size:0.16rem;top:0.05rem;right:0;left: auto;}
.content_7 .accordion .faq_item.open .link { }
.content_7 .accordion .faq_item.open i { }
.content_7 .accordion .faq_item.open i.icon-bottom7 {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.content_7  .submenu { display: none;  margin-top:.2rem;}
.content_7  .submenu  p{ font-size:0.16rem; line-height:120%; color:#888;}
 
/*contact us*/
.content_8{ padding:.4rem 0; color:#fff;
background: -webkit-linear-gradient(left,#0b670b 0,#074d08 100%);
background: -moz-linear-gradient(left,#0b670b 0,#074d08 100%);
background: -o-linear-gradient(left,#0b670b 0,#074d08 100%);
background: linear-gradient(to right,#0b670b 0,#074d08 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0b670b,endColorstr=#074d08,GradientType=1);}
.content_8 .contact_1 p{ font-weight:bold; font-size:0.26rem; margin-bottom:0.05rem;}
.content_8 .button{font-size:0.2rem; padding:0.15rem 0.3rem; font-weight:bold; background:#fff; color:#0b670b; }
.copyright{ background:#232323; color:#ccc; text-align:center; padding:.1rem 0; font-size:0.12rem;}

/*弹框样式1*/
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
    position: absolute;
    width:6rem; padding:.4rem;
	 top:50%; left:50%;  transform: translate(-50%, -50%);  height:auto;
   /* margin:15% auto;*/
    height:auto;
    background: #FFF;
    border-radius: .2rem;
     
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    /*-webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);*/
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-container .words p{ margin:.15rem 0; color:#333; }
.cd-popup-container .words .titlep{ font-size:0.18rem; font-weight:600}
.cd-popup-container .words p span{ display:inline-block;line-height:160%;   }
.cd-popup-container .words .email-text{ font-size:0.18rem; font-weight:bold;}
.cd-popup-container .words .button{ padding:.1rem .25rem; display:inline-block;}
.cd-popup-container .words .green:hover{ text-decoration:underline}
.cd-popup-close{ position: absolute;right:.2rem;top:.2rem; z-index: 10;width:auto;height:auto; display: block;font-size:14px;  }
/*.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}

*/


/*右侧客服*/
.kfyou-xf{position: fixed;top: 0;right:10px;z-index: 222;width:70px;height: 100%;padding-left:70px;transition: all 0.3s;}
.kfyou-xf .kftan{height:30px;line-height: 30px;padding: 0 10px;font-size: 14px;}
.kfyou-list{width:70px;height: 100%;position: absolute;top: 0;right: 0;}
.kfyou-bg{position: absolute;z-index: 1;width:70px;height:100%; }
.kfyou-item {position: absolute; top:50%;left: 0;width:70px;z-index: 9; transform: translate( 0%, -50%);}
.kfyou-item li {position: relative;float: right;width:70px; height:70px;margin-bottom: 5px;cursor: pointer;opacity: 1;transition: all 0.3s; border-radius:5px;background: -webkit-linear-gradient(to bottom,#fffffe,#effff2);background: linear-gradient(to bottom,#fffffe,#effff2);box-shadow: 0 2px 5px 0 rgba(115,115,115,.2);}
.kfyou-item li.gotop{ height:70px;}
.kfyou-item li:hover{background: -webkit-linear-gradient(to bottom,#43cb46,#10922b);background: linear-gradient(to bottom,#43cb46,#10922b);opacity: 1;}
.kfyou-item li div {position: absolute;top: 0;right: 0;overflow: hidden;width: 115px;z-index:1;}
.kfyou-item .kfcart {position: absolute;min-width: 18px;text-align: center;top: 5px;right: 3px;background: #2da741;line-height: 12px;padding: 2px 5px;border-radius: 7px;font-size: 12px;color: #fff;margin-left: 2px;display: inline-block;}
.kfyou-item .kftan {float: left; color: #2da741;font-size: 14px;line-height: 32px;position: absolute;left: -130px;display:none;box-shadow: 0 2px 5px 0 rgba(115,115,115,.2);}
.kfyou-item .kftan:before {content: " ";position: absolute;width:0;height: 0;right:-14px; top:50%; margin-top:-7px;  border-color:transparent  transparent  transparent #fff;border-style: solid;border-width:7px;} 
.kfyou-tel:hover .kftan{display: block;width:140px;height:70px; padding:10px  0px; line-height:24px;text-align:center;background:#fff;border-radius:5px 0px 0px 5px; left: -150px;}
.kfyou-ewm .kftan{width:110px;height:110px;position: absolute;left: -120px;top:-23px; padding-left:8px;}
.kfyou-ewm .kftan img{ margin:8px 0 0 0; width:94px; height:94px;}
.kfyou-ewm:hover .kftan{display: block;background:#fff;border-radius:5px 0px 0px 5px;padding-left:10px;} 
.kfyou-item .kf-icon {width:70px;height:70px;text-align: center;color: #2da741;/* padding-top:40px; */ padding:.15REM 0;font-size: 12px;display: inline-block;box-sizing: border-box;}
.kfyou-item .kf-icon{color: #2da741; }
.kfyou-item .kf-icon:hover{ color:#fff;}
.kfyou-item .kf-icon a{color: #2da741; display:block; width:100%; height:100%; }
.kfyou-item .kf-icon a:hover{ color:#fff;}
.kfyou-item .kf-icon a:hover,.kfyou-item .kf-icon a:hover p{color: #fff;}
.kfyou-item .kf-icon a:hover i{color: #fff;}
 .kfyou-item .kf-icon i{ font-size:.22rem ; display:block; margin-bottom:.05rem}
.kfyou-item .kf-icon:after { content:""; background: url(../img23/pic-kf.png) no-repeat;position: absolute; top:15px; left:50%; margin-left:-11px; display:block; width:22px; height:22px;}
 
.kfyou-item li:nth-child(1) .kf-icon:after{ background-position:0 0}
.kfyou-item li:nth-child(2) .kf-icon:after{ background-position:-22px 0 }
.kfyou-item li:nth-child(3) .kf-icon:after{ background-position:-44px 0 }
.kfyou-item li:nth-child(4) .kf-icon:after{ background-position:-66px 0}
.kfyou-item li:nth-child(5) .kf-icon:after{ background-position:-88px 0}
.kfyou-item li:nth-child(6) .kf-icon:after{ background-position:-110px 0}
.kfyou-item li:nth-child(7) .kf-icon:after{ background-position:-132px 0}
 
.kfyou-item li:nth-child(1):hover .kf-icon:after{ background-position:0 -22px}
.kfyou-item li:nth-child(2):hover .kf-icon:after{ background-position:-22px -22px}
.kfyou-item li:nth-child(3):hover .kf-icon:after{ background-position:-44px -22px}
.kfyou-item li:nth-child(4):hover .kf-icon:after{ background-position:-66px -22px}
.kfyou-item li:nth-child(5):hover .kf-icon:after{ background-position:-88px -22px}
.kfyou-item li:nth-child(6):hover .kf-icon:after{ background-position:-110px -22px}
.kfyou-item li:nth-child(7):hover .kf-icon:after{ background-position:-132px -22px}
.kfyou-item li:hover .kf-icon{ color:#fff;}
.kfyou-item li:hover .kfcart { background:#fff;color: #2da741;}
.phone_contact{ display:none}
/* 手机（≤768px）：1列 */
    @media (max-width: 767px) {
	.header { padding:0.1rem 0}
	.header .logo img{ height:0.3rem;}
    body{ padding-top:0.5rem;  }	 
	.header-follow{/* display:none*/}	
	.header .header-follow a{ width:25PX; height:25PX; line-height:23PX; padding:0;  margin:0 0REM}
	.header .header-follow a i{ font-size:0.12REM}	
	.content_1,.content_4,.content_5,.content_6,.content_7,.content_3{ padding:.3rem 0}
    /*.content_1 .aboutimgpc{ width:50%;}
    .content_1 .about-text{ width:47%;}
    .content_1 .about-text{  margin:0rem auto 0}
	.content_1 .about-text h2 {font-size: 0.16rem; margin:.08rem  0}
	.content_1 .about-text h3{ font-size:0.14rem;}
	.content_1 .about-text p{ font-size:0.12rem;}
	.content_1 .about-text .button{ padding:0.1rem 0.2rem; font-size:0.14rem; margin-top:0.1rem}
	*/
	
	.banner .img1{ display:none}
	.banner .img2{ display:block}
	.banner .p1{ font-size:.16rem; font-weight:bold;}
	.banner .p2{ font-size:.12rem; padding:.1rem}
	.banner .button{ font-size: 0.14rem;padding: 0.06rem 0.2rem;}
	.content_1 .dadbox{ display:block}
	.content_1 .dadbox {background:none;}
	.content_1 .aboutimgpc{ width:80%; margin:auto; display:block}
    .content_1 .about-text{ width:100%;  margin:.1rem auto 0}
	.content_1 .about-text h2 {font-size: 0.20rem; margin:.1rem  0}
	.content_1 .about-text p{ font-size:0.13rem;}
	.content_1 .about-text .button{ padding:0.1rem 0.25rem; font-size:0.16rem; margin-top:0.15rem}
	.content_2 { height:auto; background: url(../images/phone_bg1.jpg) no-repeat center; padding:.1rem 0 }	
	.content_2 .dadbox{ display:block; overflow:hidden}
	.content_2 ul li{ width:50%; float:left; padding:.05rem 0 .1rem 0; font-size:0.12rem;}
	.content_2 .gd-number{ font-size:0.26rem; }
	.content_2 i.add{ font-size:0.14rem; }
	.title h3{ font-size:0.3rem}
	.title p{ padding:.1rem; font-size:0.14rem}
	.applic_con.dadbox{ display:block; overflow:hidden; width:95%; margin:auto}
	.applic_con .applic_item.applic_item2 {margin-top:.15rem; float:right}
	.applic_con .applic_item{ width:48%; float:left;margin-top:.15rem;}
	.applic_con .applic_item img{ width:100%; border-radius:.1rem}
	.applic_con .applic_item p{margin:.15rem 0 0 0; font-size:.16rem}
	.content_4 .title p{ font-size:0.14rem; padding:.1rem 0; }
	.content_4 .button{ margin-top:.2rem; font-size: 0.14rem;padding: 0.06rem 0.2rem;}
	.content_4 .oem_con{ margin:.1rem auto 0}
	.content_7 .accordion {width: 100%;font-size:0.16rem;}
	.content_7  .submenu  p{ font-size:0.14rem; }
	.content_7 .accordion .faq_item{ padding:.15rem;}
	.content_7 .accordion .faq_item i.icon-bottom7 {font-size:0.14rem; top:0}
	.content_7 .submenu{ margin-top:.1rem}
	.content_8 { padding:.2rem 0;}
	.content_8  .dadbox{ display:block}
	.content_8 .contact_1 p{ font-size:0.2rem;}
	.content_8 .contact_1{ font-size:0.14rem;}
	.content_8  .button{ margin-top:.2rem;padding:0.1rem 0.2rem; font-size:0.16rem; margin-top:0.15rem}
	.content_3 .title{ margin-bottom:.2rem;}
	.content_3 .product_con.dadbox{ display:block}
	.content_3 .product_con .product_item{ width:100%;}
	.content_3 .product_con .product_item:odd-child{flex-direction: row-reverse;margin-left: auto}
	.content_3 .product_con.product_con3 .product_item{ width:100%}
	.content_3 .product_con .pro_word h2{ width:100%; font-size:0.13rem;}
	.content_3 .product_con .pro_word{ padding:.15rem;}
	.content_3 .product_con .pro_word p{ margin-top:0.05rem;font-size:0.12rem;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
	.content_3 .product_con .pro_word .btn_more{ margin-top:0.05rem; font-size:0.13rem; padding:0.03rem .15rem}
	.content_3 .product_con.product_con3 .dadbox{ display:flex; min-height:auto}
	.content_3 .product_con.product_con1 .product_item:nth-child(2)	{flex-direction: row-reverse; }
	.content_3 .product_con.product_con2 .product_item:nth-child(2)	{flex-direction: row-reverse; }
	.content_3 .product_con.product_con2 .product_item{flex-direction:row}
	.content_3 .product_con.product_con3 .product_item:nth-child(2),.content_3 .product_con.product_con3 .product_item:nth-child(4)	{flex-direction: row-reverse; }
	.content_3 .product_con.product_con3 .product_item .imga{ position:inherit}

	.cd-popup-container { width:80%; height:auto; padding:.2rem;}
	.cd-popup-container .words p{ margin:.1rem 0; color:#333; }
	.cd-popup-container .words { font-size:0.14rem;}
.cd-popup-container .words .titlep{ font-size:0.16rem; font-weight:600}
.cd-popup-container .words p span{ display:inline-block;line-height:140%;   }
.cd-popup-container .words .email-text{ font-size:0.16rem; font-weight:bold;}
.cd-popup-container .words .button{ padding:.06rem .25rem; display:inline-block;}
.cd-popup-container .words .green:hover{ text-decoration:underline}
 
.kfyou-xf{position: fixed;top:auto;right:auto;bottom: 0px; width:100%; height:70px; }
.kfyou-bg{ width:100%}
.kfyou-list{ width:100%;}
.kfyou-item{ width:100%;    top:auto; bottom:0;transform: translate( 0%,  0%);
    left: 0;}
	.kfyou-item li{ float:left; width:20%; margin-bottom:0;border-radius:0}
	.kfyou-item .kf-icon{ width:100%;}
	/*.kfyou-ewm .kftan{    left:auto;transform: translate(  0%,0 );
 left: 50%;
    top: -1.2rem;
 }*/
	.kfyou-item .kftan:before{right:auto;bottom:-14px; left:50%; margin-left:-7px;border-color: #fff transparent transparent transparent;
    top:auto;
 }
 .kfyou-ewm:hover .kftan{border-radius: 5px;}
 .kfyou-item .kftan{left:auto;border-radius: 5px; transform: translate( -50%,0% ); left: 50%; top:-0.8rem;    /*top: -0.8rem;*/}
 .kfyou-ewm .kftan{top: -1.2rem;border-radius: 5px;}
 .kfyou-tel:hover .kftan{ left:50%; border-radius: 5px;border-radius: 5px;}
  .kfyou-ewm.kfyou-wechat .kftan{ left:70px}
  .kfyou-ewm.kfyou-wechat .kftan:before{left:25px; }
  .gotop{ display:none;}
  /*phone bottom*/
  .phone_contact{ display:block; background:#333; color:#ccc; padding:.2rem 0}
  .phone_contact .p_word_con a{color:#f9f9f9;font-weight:bold;}
  .phone_contact .p_ewm_con{ text-align:center;  font-size:0.14rem;}
   .phone_contact .p_ewm_con ul li{ padding-right:.2rem;  }
   .phone_contact .p_ewm_con ul li p{ margin-top:.05rem}
  .phone_contact .p_ewm_con img{ width:0.6rem; max-width:0.6rem;display:inline-block;   border:4px solid #fff;}
  .phone_contact .p_word_con{font-size:0.16rem;}
  .kfyou-xf{ display:none}
  
 }
	 
	@media (max-width:375px) {
	.banner .p1{ font-size:.14rem; font-weight:bold;}
	.banner .p2{ font-size:.10rem; padding:.1rem}
	.banner .button { font-size: 0.14rem;padding: 0.06rem 0.2rem;}
	.content_3 .product_con .pro_word{ padding:.1rem;}
	.phone_contact .p_word_con{ font-size:0.14rem}
	.header .header-follow a {
    width: 22PX;
    height: 22PX; line-height:22px;}
	.header .header-follow a i{ font-size:0.11rem}
	.phone_contact{ padding:.1rem 0}
	.phone_contact .p_ewm_con ul li{padding-right:.1rem; font-size:0.10rem}
	.phone_contact .p_ewm_con img{ width:0.5rem; max-width:0.5rem;}
	}
	 /*平板768px*/
	@media (width: 768px){
		  
    .header { padding:0.15rem 0}
	.header .logo img{ height:0.5rem;}
    body{ padding-top:0.8rem;}	 
	.header-follow{ display: block}		
	.content_1,.content_4,.content_5,.content_6,.content_7,.content_3{ padding:.4rem 0}
	.banner .p1{ font-size:.22rem; font-weight:bold;}
	.banner .p2{ font-size:.18rem; padding:.1rem}
	.banner .button { font-size: 0.16rem;padding: 0.1rem 0.2rem;}
	.content_1 .dadbox {background-size:1.5rem}
	.content_1 .aboutimgpc{ width:50%;}
    .content_1 .about-text{ width:47%;}
    .content_1 .about-text{  margin:0rem auto 0}
	.content_1 .about-text h2 {font-size: 0.16rem; margin:.08rem  0}
	.content_1 .about-text h3{ font-size:0.14rem;}
	.content_1 .about-text p{ font-size:0.12rem;}
	.content_1 .about-text .button{ padding:0.1rem 0.2rem; font-size:0.14rem; margin-top:0.1rem}
	.title h3{ font-size:0.4rem}
	.title p{ padding:.15rem; font-size:0.16rem}
	.content_4 .title p{ font-size:0.16rem; padding-top:0.15rem}
	.content_3 .product_con.dadbox{ display:block}
	.content_3 .product_con .product_item{ width:100%}
	.content_3 .product_con.product_con3 .product_item{ width:100%}
	.content_3 .product_con .pro_word h2{ width:100%; font-size:0.16rem;}
	.content_3 .product_con .pro_word{ padding:.15rem;}
	.content_3 .product_con .pro_word p{ margin-top:0.05rem; }
	.content_3 .product_con.product_con3 .dadbox{ display:flex; min-height:auto}
	.content_3 .product_con.product_con1 .product_item:nth-child(2)	{flex-direction: row-reverse; }
	.content_3 .product_con.product_con2 .product_item:nth-child(2)	{flex-direction: row-reverse; }
	.content_3 .product_con.product_con2 .product_item{flex-direction:row}
	.content_3 .product_con.product_con3 .product_item:nth-child(2),.content_3 .product_con.product_con3 .product_item:nth-child(4)	{flex-direction: row-reverse; }
	.content_3 .product_con.product_con3 .product_item .imga{ position:inherit}
	.content_3 .product_con.product_con3 .pro_word p{ margin-top:.1rem;}
	
	.phone_contact{ display:block; background:#333; color:#ccc; padding:.2rem 0}
	.phone_contact .p_word_con a{color:#f9f9f9;font-weight:bold;}
  .phone_contact .p_ewm_con{ text-align:center;  font-size:0.14rem;}
   .phone_contact .p_ewm_con ul li{ padding-right:.2rem;  }
   .phone_contact .p_ewm_con ul li p{ margin-top:.05rem}
  .phone_contact .p_ewm_con img{ display:inline-block; width:0.6rem; max-width:0.6rem;  border:4px solid #fff;}
  .phone_contact .p_word_con{font-size:0.16rem;}
  .kfyou-xf{ display:none}
		  }
    /* 平板（769px~1200px）：2列 */
    @media (min-width: 769px) and (max-width: 1366px) {
		
	.banner .wrap{ top:60%}
	.banner .button{ font-size:0.2rem}
    .banner .p1{ font-size:0.32rem; font-weight:bold; text-transform: uppercase;}
    .banner .p2{ padding:.2rem 0; font-size:0.22rem; font-weight:100}
	.content_1 .aboutimgpc{ width:52%;}
	.content_1 .about-text {width: 46%;}
	.content_1 .about-text h2{ font-size:0.26rem; margin:0.15rem 0;}
	.content_1 .about-text p{ font-size:0.14rem;}
	.content_1 .about-text .button{font-size:0.2rem; padding:0.15rem 0.3rem;}
	.title p{ padding:.15rem;}
	 .content_3 .product_con .pro_word p{ margin-top:0.05rem;font-size:0.14rem;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
	.content_3 .product_con .product_item{ padding:0}
	.content_3 .product_con .pro_word h2{ font-size:0.18rem}
	 .content_3 .product_con.product_con3 .dadbox{min-height:3.4rem} 
	 .content_3 .product_con .pro_word .btn_more{ margin-top:0.1rem; padding:.04rem .15rem;}
	.content_3 .product_con.product_con3{/*justify-content: space-between;    flex-wrap: wrap;*/}
	.content_3 .product_con.product_con3 .product_item{/*flex: 0 0 calc(50% - 5px);*/}
	.content_3 .product_con.product_con3 .pro_word{  }
	.content_3 .title{ margin-bottom:0.3rem}
	.content_1,.content_4,.content_5,.content_6,.content_7,.content_3{ padding:.4rem 0}
	.content_1 .dadbox {background-size:2.5rem}
	.content_7 .accordion{ font-size:0.16rem}
	.content_7 .accordion .faq_item i.icon-bottom7{ font-size:0.14rem;}
	.content_3 .product_con.product_con3 .pro_word p{ margin-top:.1rem;}
	.phone_contact{ display:block; background:#333; color:#ccc; padding:.2rem 0}
	.phone_contact .p_word_con a{color:#f9f9f9;font-weight:bold;}
  .phone_contact .p_ewm_con{ text-align:center;  font-size:0.14rem;}
   .phone_contact .p_ewm_con ul li{ padding-right:.2rem;  }
   .phone_contact .p_ewm_con ul li p{ margin-top:.05rem}
  .phone_contact .p_ewm_con img{ display:inline-block; width:0.6rem; max-width:0.6rem;  border:4px solid #fff;}
  .phone_contact .p_word_con{font-size:0.16rem;}
  .kfyou-xf{ display:none}
    }

    /* PC（≥1201px）：4列 */
    @media (min-width: 1201px) {
		
	}