.f_HelveticaWorld-Bold{ font-family:"Barlow Condensed Medium";}
.f_PingFang-Bold{/* font-family:"PingFang SC Bold";*/ font-weight:bold!important;}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
*::before,*::after{ padding:0; margin:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,
body {
  font-size: 62.5%;
}

.wrap:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}

.f32{ font-size:32px;}
.f40{ font-size:40px;}


/*===========================contact================================*/


.contact_one{ overflow:hidden; margin-top:1%; font-family:Barlow Condensed Bold}
.contact_one .wrap{position:relative; z-index:0; }
.contact_pos{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;display: flex; align-items: center; justify-content: left;background:#f7f7f7; border-radius:10px;}
.contact_l{ float:left; width:50%; overflow:hidden; height:700px;}
.map{ font-size:14px;}
.map .img{ max-width:none;}


.contact_r{ float:right; width:50%;overflow:hidden;}
.contact_r .boxs{ width:94%; margin:0 auto; max-width:570px;}
.contact_r .label-01{ display:block; color:#666666; font-size:16px; line-height:1.3; font-family:Barlow Condensed Medium !important}
.contact_r .h4{ font-weight:normal; overflow:hidden; line-height:1.2; color:#333;}
.contact_r .contact_ul{ overflow:hidden; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;  margin-top:6%; margin-bottom:5%; padding-top:2px; padding-bottom:36px;}
.contact_r .contact_ul li{ display:block; overflow:hidden; padding-top:22px; color:#666666; font-size:16px;  line-height:30px;}
.contact_r .contact_ul li label{ display:block; overflow:hidden; color:#333333; font-size:18px; font-weight:bold;}
.contact_r .contact_ul li a{ color:#666666;}
.contact_r .contact_ul li a:hover{ color:#004088;}
.contact_r .contact_ul li .p{ margin-top:7px;transition:0.3s;}
.contact_r .contact_ul li .p:hover{background-position:5px;}
.contact_r .contact_ul2{ clear:both;}
.contact_r .contact_ul2 dd{ display:block; margin-bottom:20px; line-height:36px; font-size:16px; color:#666666; background-repeat:no-repeat; background-size:auto 17px; background-position:left 10px;}
.contact_r .contact_ul2 dd:last-child{ margin-bottom:0;}
.contact_r .contact_ul2 dd.bgs1{ background-image:url(../images/cont-ico1.png); padding-left:30px;font-family: "Barlow Condensed Bold";}
.contact_r .contact_ul2 dd.bgs2{ background-image:url(../images/cont-ico2.png);padding-left:30px;}
.contact_r .contact_ul2 dd .tel{ color:#e70012;}
.contact_r .contact_ul2 dd a{color:#666666;}
.contact_r .contact_ul2 dd a:hover{color:#e70012;}

.contact_two{ overflow:hidden; margin-top:3%;}
.contact_two li{ float:left; width:49%; overflow:hidden; background:#f7f7f7; border-radius:10px;margin-bottom:20px;}
.contact_two li:nth-child(2n+0){ float:right;}
.contact_two li .boxs{ width:90%; margin:0 auto; max-width:660px; padding-top:30px; padding-bottom:30px; overflow:hidden;}
.contact_two li .txts{ float:left; width:calc(98% - 100px);width:-webkit-calc(98% - 100px);width:-moz-calc(98% - 100px); color:#666666; font-size:16px;}
.contact_two li .txts .h4{ font-weight:bold; height:26px; line-height:26px; overflow:hidden; color:#333333; font-size:18px;}
.contact_two li .txts dd{ line-height:36px; overflow:hidden;background-repeat:no-repeat; background-size:auto 17px; background-position:left 10px;}
.contact_two li .txts dd.bgs1{ padding-left:30px; background-image:url(../images/cont-ico1.png);}
.contact_two li .txts dd.bgs2{ padding-left:30px; background-image:url(../images/cont-ico6.png);}
.contact_two li .txts dd.bgs3{ padding-left:30px; background-image:url(../images/cont-ico2.png);}
.contact_two li .imgs{ margin-top:6px; width:100px; float:right; color:#666666; font-size:14px; line-height:28px;}
.contact_two li .imgs img{ display:block; width:100%;}

.product_feedback{ background:url(../img/product_img3.jpg) center bottom no-repeat; background-size:cover;padding-top:4%; padding-bottom:7%;}
.product_feedback.bgs2{ background-image:url(../images/contact_pic6.png);}
.product_feedback .product_feedback_l{ text-align:left; float:left; width:48%; overflow:hidden;}
.product_feedback .product_feedback_l .label-01{ display:block; overflow:hidden; line-height:24px; font-size:20px; color:#333333; font-family:Barlow Condensed SemiBold !important}
.product_feedback .product_feedback_l .h4{ font-weight:bold; line-height:60px; height:60px; overflow:hidden; position:relative; color:#333333;}
.product_feedback .product_feedback_l .desc{ font-size:18px; color:#333333; line-height:1.5; margin-top:1%;}
.product_feedback .product_feedback_r{ text-align:left; float:right; width:50%; overflow:hidden;}
.product_feedback .product_feedback_r .divs{ overflow:hidden; border:1px solid #cccccc; margin-bottom:10px; bprder=radois:4px;}
.product_feedback .product_feedback_r .inputs {
  width: 100%;
  height: 58px;
  line-height: 58px;
  padding: 0 18px;
  font-size: 1.4rem;
  background:none; color:#333; border:none;
}
.product_feedback .product_feedback_r .inputs::-webkit-input-placeholder {
  color: #999999;
}
.product_feedback .product_feedback_r .inputs:-moz-placeholder {
  color: #999999;
}
.product_feedback .product_feedback_r .inputs::-moz-placeholder {
  color: #999999;
}
.product_feedback .product_feedback_r .inputs:-ms-input-placeholder {
  color: #999999;
}
.product_feedback .textarea{ padding:1%; width:100%; padding-left:18px; background:none; font-size:14px; border:none; outline:none; color:#333; height:136px;font-family:"Barlow Condensed Medium"; }
.product_feedback .textarea::-webkit-input-placeholder {
  color: #999999;
}
.product_feedback .textarea:-moz-placeholder {
  color: #999999;
}
.product_feedback .textarea::-moz-placeholder {
  color: #999999;
}
.product_feedback .textarea:-ms-input-placeholder {
  color: #999999;
}
.product_feedback .bnts{ width:100%; margin:0 auto; display:block; overflow:hidden;line-height:60px; height:60px; background:#004088; outline:none;-webkit-tap-highlight-color:transparent;transition:all 0.3s; cursor:pointer; color:#fff; font-size:16px; border:none; letter-spacing:2px; }
.product_feedback .bnts:hover{ background:#035cbf;}
/*分享2*/
.contact_r .contact_fx{ text-align:left; padding-top:1%;}
.contact_r .contact_fx ul li{ display:inline-block; margin-right:12px; vertical-align:top; width:28px; height:24px; background-repeat:no-repeat; background-size:100% 100%;transition:all 0.3s;}
.contact_r .contact_fx ul li a{ display:block; width:100%; height:100%;margin:0; position:relative;transition:all 0.3s;}
.contact_r .contact_fx ul li:last-child{ margin-right:0;}
.contact_r .contact_fx ul li a:hover{filter: Alpha(Opacity=80);opacity: 0.8;}
.contact_r .contact_fx ul li.weixin{ /*background-image:url(../images/fx1.png); */}
.contact_r .contact_fx ul li.weixin a{ background:url(../images/contact_fx2.png) center center no-repeat;background-size:100% 100%;}
.contact_r .contact_fx ul li.weixin a:hover{filter: Alpha(Opacity=100);opacity: 1.0; background-image:url(../images/contact_fx2_on.png);}
.contact_r .contact_fx ul li.weixin.douyin a{ background:url(../images/contact_fx4.png) center center no-repeat;background-size:100% 100%;}
.contact_r .contact_fx ul li.weixin.douyin a:hover{filter: Alpha(Opacity=100);opacity: 1.0; background-image:url(../images/contact_fx4_on.png);}
.contact_r .contact_fx ul li.weixin.shipinhao a{ background:url(../images/contact_fx5.png) center center no-repeat;background-size:100% 100%;}
.contact_r .contact_fx ul li.weixin.shipinhao a:hover{filter: Alpha(Opacity=100);opacity: 1.0; background-image:url(../images/contact_fx5_on.png);}
.contact_r .contact_fx ul li.weixin .wem1{width: 203px; bottom:29px; text-align: center;  position: absolute; margin-left:-88px;margin-top: -203px; background-image: url(../img/ewm.png);background-repeat: no-repeat; height:0; overflow:hidden;transition:all 0.3s;}
.contact_r .contact_fx ul li.weixin .wem1 img{ width:155px; height:155px; margin-right:5px;transition:all 0.3s; }

.contact_r .contact_fx ul li.weixin a:hover .wem1{ height:195px;padding-top: 20px; padding-bottom:20px;}
.contact_r .contact_fx ul li.sina{ background-image:url(../images/contact_fx3.png);}
.contact_r .contact_fx ul li.sina:hover{ background-image:url(../images/contact_fx3_on.png);}
.contact_r .contact_fx ul li.qq{ background-image:url(../images/contact_fx1.png);}
.contact_r .contact_fx ul li.qq:hover{ background-image:url(../images/contact_fx1_on.png);}
.contact_r .contact_fx ul li a{ display:block; width:100%; height:100%;}
/*.contact_r .foot_a ul li:hover{ background-color:#fff;}*/
.contact_fx .social-share .social-share-icon{ width:28px; height:24px; line-height:24px; vertical-align:top;}
.contact_fx .social-share .social-share-icon:hover{background:none;}
.contact_fx .social-share .icon-qq:before{ content:"";}
.contact_fx .social-share .icon-qq{ border:0;}
.contact_fx .social-share .icon-qq:hover{ background-image:url(../images/contact_fx1_on.png);background-size:100% 100%;}
.contact_fx .social-share .icon-wechat:before{ content:"";}
.contact_fx .social-share .icon-wechat{ border:0;}
.contact_fx .social-share .icon-wechat:hover{ background-image:url(../images/contact_fx2_on.png);background-size:100% 100%;}
.contact_fx .social-share .icon-sina:before{ content:"";}
.contact_fx .social-share .icon-sina{ border:0;}
.contact_fx .social-share .icon-sina:hover{ background:url(../images/contact_fx3_on.png) no-repeat;background-size:100% 100%;}


 @media (max-width: 1024px) {
.contact_l{ height:600px; width:100% !important; float:none;}
.contact_l .map{height: 600px;}
.contact_pos{ display:block !important; position:static !important;padding-top:4%; padding-bottom:5%; clear:both; overflow:hidden;}
.contact_r{ float:none; width:100% !important; max-width:none;}
.contact_r .boxs{ max-width:none !important;width:100% !important;}
.contact_r .contact_ul{ margin-top:4%; padding-bottom:4%; margin-bottom:4%;}
.contact_r .contact_ul li{ padding-top:2.5%;}
.contact_r .contact_ul2 dd{ margin-bottom:2%; line-height:30px;background-position: left 8px;}
.product_feedback .product_feedback_l{ float:none !important; text-align:center !important; width:100% !important;}
.product_feedback .product_feedback_r{ float:none !important; width:100% !important; margin-top:3%;}
.product_feedback.bgs2{ background:none !important;}



.f40{ font-size:34px !important;}
.f32{ font-size:26px !important;}
 }

 @media (max-width: 960px) {
.contact_two li{ float:none !important; width:100% !important;}


.f40{ font-size:28px !important;}
.f32{ font-size:22px !important;}

 }
/*============================================================*/