.aboutus_cert .swiper-button-next,.aboutus_cert .swiper-button-prev{
    top: 60%;
}


html,body{ overflow-x: hidden; }
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,tr,dd,dt{margin:0; padding:0;}
body {font-family: "LatoWeb", sans-serif, verdana, Helvetica;font-size:1em; background: #fff; }
ul,li{list-style:none;}
.spr{ float:right; margin-right:10px;}
a{text-decoration:none;color:#333;}
a:hover{color:#1B8CEE;}
img{ max-width:100%;}
#amz a{ padding:5px 8px;font-size:1.3em; margin-bottom:2px;font-style:normal; border-bottom:1px solid #099;  background: #232F3F; color:#FFF;  cursor:pointer;border-radius:3px}
#amz a:hover{ padding:5px 8px; font-size:1.3em; margin-bottom:2px; background:#E8E8E8;color:#333;  cursor:pointer;border-radius:3px; text-decoration:none;}

#botalink a{ color:#1B8CEE;text-decoration:none;}
#botalink a:hover{color:#666;text-decoration:none;}

#navalink a{ color:#fff;text-decoration:none; }
#navalink a:hover{color:#1B8CEE;text-decoration:none;}

.an_01{ position:absolute; top:0px; background:#CCC; display:block; width:75px;}
.an_02{ position:absolute; bottom:0px;background:#CCC;display:block;width:75px;}
.cb{ clear:both;}
.cf:after{
  clear: both;
  content: '';
  display: block;
}

.inq{ padding:3px 8px; margin-bottom:2px; background:#E8E8E8; border-bottom:1px solid #099; cursor:pointer; border-radius:3px}
.inqs{ padding:3px 8px; margin-bottom:2px; background:#1B8CEE; color:#FFF;  cursor:pointer;border-radius:3px}
.inqs a:hover{color:#fff;}
.binq a{ padding:5px 8px;font-size:1.3em; margin-bottom:2px;font-style:normal; border-bottom:1px solid #099;  background:#1B8CEE; color:#FFF;  cursor:pointer;border-radius:3px}
.binqs a:hover{ padding:5px 8px; font-size:1.3em; margin-bottom:2px; background:#E8E8E8;color:#333;  cursor:pointer;border-radius:3px; text-decoration:none;}

.pic{ width:206px; border:1px solid #cfcfcf; float:left; margin-bottom:5px; height:280px; margin-top:10px; background:#FFF; margin-left:8px; margin-right:8px; cursor:pointer;box-shadow: 0px 0px 6px rgba(0,0,0,.1);border-radius: 2px;}
.pics{ width:31.2%; border:1px solid #1B8CEE; float:left; margin-bottom:5px; height:320px; margin-top:10px; background:#FFF; margin-left:8px; margin-right:8px;cursor:pointer;}

.pic2{ width:23.2%; border:1px solid #EFEFEF; float:left; margin-bottom:5px; height:320px; margin-top:10px; background:#FFF; margin-left:8px; margin-right:8px; cursor:pointer;}
.pics2{ width:23.2%; border:1px solid #1B8CEE; float:left; margin-bottom:5px; height:320px; margin-top:10px; background:#FFF; margin-left:8px; margin-right:8px;cursor:pointer;}

.pic-div{ width:206px; margin:auto; overflow:hidden;   text-align:center;font-size:14px; }
.pic-dt{display:table-cell;vertical-align:middle;*display:block;*font-size:186px;text-align:center;width:186px;height:186px;overflow:hidden;padding:10px 10px 5px;}
.pic-dt img{ vertical-align:middle; width:186px;max-height:186px;   border:0px;  }
.pic-div dd{ width:206px; float:left; text-align:center;  line-height:120%; padding:5px 0px; color:#333; margin-bottom:5px;}

.picl{ width:100%; background:#F7F7F7; margin-bottom:10px; padding:8px 0px; }
.picl-div{ width:240px; margin:auto; overflow:hidden;font-size:14px;}
.picl-dt{display:table-cell;vertical-align:middle;*display:block;*font-size:70px;text-align:center;width:80px;height:80px;overflow:hidden; float:left; }
.picl-dt img{ vertical-align:middle; width: expression(this.width > 75 && this.width > this.height ? "75px":true);height:expression(this.height > 75 ? "75px" : true); max-width:75px; max-height:75px; border:0px;}
.picl-div dd{ width:150px; float:right; text-align:left;  line-height:120%; padding:5px 0px; color:#333; margin-bottom:5px;}


.sc{ width:100%; margin:auto; background: #fff; min-height: 100vh;}
.sc_top{ width:100%; margin:auto; background:#fff;position: relative;}
.sc_top:after{
  content: "";
  position: absolute;
  width:100%;
  left:0;
  bottom:-11px;
  height: 11px;
  background: url(../image/banner-shadow.png) repeat-x;
}
.sc_top_conment{ width:1420px; margin:auto;}
.sc_top_conment_1{ width:100%; padding:5px 0px; font-size: 0.85em; float:left; text-align:left; border-bottom: 1px solid #ececed;}
.sc_top_conment_1 img{ width: 20px; margin-right:5px; }
.sc_top_conment_1_left{ float: left; width: 60%; }
.sc_top_conment_1_right{ float: right; width: 38%; text-align: right; }


.sc_top_conment_2{padding: 18px 0 12px;}
.sc_top_conment_2_left{ width:228px;height:53px; float:left;background: url(../image/logo.png);}
.sc_top_conment_2_left a{display: block;height:53px;text-indent:-9999px;}

.sc_top_conment_2_left2{ width:228px;height:53px; float:left;background: url(../image/logo2.png);}
.sc_top_conment_2_left2 a{display: block;height:53px;text-indent:-9999px;}

.sc_top_conment_2_right{float:left;margin-left:50px;}
.sc_top_conment_2_right_left{float:right;}
.sc_top_conment_2_right_right{ width:280px; font-size: 1.1em; float:right; height:32px; background:url(../image/tel.png); background-repeat:no-repeat; font-weight:900;   text-indent:2.5em; color:#333;}
.sc_top_ser_1{border: 1px solid #D0D0D0;
border-right:0;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
width:252px;
height:36px;
float: left;
padding:0 5px 0 24px;
background: url(../image/search.png) no-repeat 5px center;
}
.sc_top_ser_2{border-radius: 0px 2px 2px 0px; border:none; background:#1B8CEE; color:#FFF;height:38px;   float:left;   }
.sc_top_conment_3{ width:100%; float:left;}
.sc_top_conment_3_left{ width:270px; float:left; padding:16px 0px;   border-radius: 5px 5px 0px 0px; color:#FFF; text-indent:1em; font-weight:900;}
.sc_top_conment_3_right{ width:870px; float:right;   background:#2F2F2F;border-radius: 5px 5px 0px 0px;}
.sc_top_conment_3_right li{ float:left; padding:16px 20px;   font-weight:900;}

.sc_mid{ width:100%; margin:auto;}
.sc_mid_c{ width:1420px; margin:auto; }
.sc_mid_c_left{ width:344px; float:left;}
.sc_mid_c_left_c{ width:344px; margin-bottom:10px; float:left;
  background: #f1f9fe;
border: 1px solid #F5F5F5;
border-radius: 1px;}
.sc_mid_left_bt{ background:#F2F2F2; padding:10px 0px; text-indent:1em; color:#333; font-weight:900;}
.sc_mid_c_right{ width:1020px; float:right; margin-bottom:20px;}
.sc_mid_c_right_title{background:#F7F7F7; color:#333; padding: 10px 1%;  font-weight:900; }
.sc_mid_c_right_title h1{ font-size:1.2em;}
.sc_mid_c_right_fy{ width:100%; float:left; text-align:right;   padding:10px 0px; margin-top:15px;}
.sc_mid_c_right_fy a{ padding:3px 7px; border:1px solid  #ddd; margin:0px 3px;}
.current{padding:3px 7px; border:1px solid  #EFEFEF; margin-left:3px; background:#1B8CEE; color:#FFF;}
.sc_mid_tits{padding:5px;  margin-top:8px; color:#666;}

.sc_mid_tits,.sc_mid_proview_t a{ color:#1B8CEE;text-decoration:none;}
.sc_mid_tits,.sc_mid_proview_t a:hover{color:#666;text-decoration:none;}

.sc_mid_proview_t{ width:100%; float:left; padding:15px 0px; border-bottom:1px solid #f7f7f7; color:#666;  }
.sc_mid_proveiw_1{ width:100%; float:left; padding-top:10px;}
.sc_mid_proview_1_left{ width:46%; float:left; position:relative;  }
.sc_mid_proview_1_left_1{ width:100%; float:left; text-align:center;}
.sc_mid_proview_1_left_1 img{width:538px;max-height:538px;border:1px solid #aaa;}
.sc_mid_proview_1_left_2{ width:100%;  float:left;   }
.sc_mid_proview_1_left_2 img{ width:60px; max-height:60px; max-width:60px; border:1px solid #CCC; margin:2px; padding:2px; cursor:pointer;}
.sc_mid_proview_1_left_3{  width:75px;height:430px; margin-top:20px;   overflow:hidden; float:right;  }

.sc_mid_proview_1_right{width:50%; float:right;}
.sc_mid_proview_1_right li{ float:left; padding:5px 0px; width:100%; line-height:180%;  color:#434B6C;}
.sc_mid_proview_1_right h1{ font-size:1.5em; line-height:130%;}
.sc_mid_proveiw_2{ width:100%; float:left; line-height:180%; padding:10px 0px; overflow:hidden; color:#434B6C;}



.ly_1{ border:1px solid #e3e3e3; width:200px; padding:5px 10px; font-size:14px;height:30px;}
.ly_2{ width:95%; height:30px;font-size:14px;padding:5px 10px;border:1px solid #e3e3e3;height:30px;}
.ly_3{ border:1px solid #e3e3e3; width:120px; padding:5px 10px; font-size:14px; margin-right: 5px;height:30px;}
.ly_4{ padding: 12px 20px; font-size: 18px;
color: #0E98EA; cursor: pointer; background: #FFFFFF;
border: 1px solid #1B8CEE;
border-radius: 1px;
}
.ly_4:hover{ background: #0E98EA;color:#fff;}

.sc_mid_c_right_new{ width:100%;}
.sc_mid_c_right_new li{padding:10px 1%; border-bottom:1px solid #f7f7f7;}
.sc_mid_c_right_new_d_1{ width: 26%;float: left;}
.sc_mid_c_right_new_d_1 img{width:300px;}
.sc_mid_c_right_new_d_2{ width: 74%; float:right;}
.sc_mid_c_right_new_d_3{ width: 100%; float:left; padding: 5px 0px; line-height: 180%;}


.sc_mid_c_new_left{ width:270px; padding-bottom:10px; float:left;}
.sc_mid_c_new_left li{ width:100%; float:left; background:#F2F2F2;   padding: 8px 0px; border-bottom: 1px solid #e3e3e3; text-indent:1em;  }
.sc_mid_c_new_v{ width:98%; overflow:hidden; float:left; line-height:180%; padding:1%;}

.sc_about{ width:100%; float:left; line-height:180%; overflow:hidden; padding:10px 0px;}
.sc_about_tit{ width: 100%; float: left; padding: 1%; }
.sc_about_c{ width: 98%; margin:auto; line-height: 180%; }
.sc_download{ width: 100%; float: left;}
.sc_download ul{ width: 100%; border-bottom: 1px solid #f7f7f7; height: 50px; padding: 8px 0px; }
.sc_download li{ float: left; padding: 5px 0px;}
.sc_d1{ width: 20%;}
.sc_d2{ width: 50%;}
.sc_d3{ width: 30%; text-align: right;}
.sc_d3 a{ background: #1B8CEE; color: #fff; padding: 5px 20px;}

.sc_bot{ background:#F2F2F2; margin:auto;margin-top:40px;}
.sc_bot_1{ width:1420px; margin:auto;   padding:20px 0px; }
.sc_bot_1_t{ width:100%;; float:left; padding:5px 0px; font-size:14px; color:#333;}
.sc_bot_1_c{ width:100%; line-height:180%; float:left; color:#666;}
.sc_bot_2{ width:1420px; margin:auto; border-bottom:1px solid #E1E0E0; padding:20px 0px; }
.sc_bot_2 ul{ float:left;width:18%;margin-right:20px;}
.sc_bot_2 li{ float:left; width:100%; padding:5px 0px;color:#666;}
.sc_bot_2_t{ font-size:14px; color:#666;}
.sc_bot_3{ width:1420px; margin:auto; padding:20px 0px;color:#8b8f91; text-align: center;font-size:14px; }

.sc_indexnews{
  margin: auto;
  background: url(../image/news-bg.png) no-repeat center #0e98ea;
  background-size:cover;
}
.sc_indexnews_t{ width: 100%; padding: 20px 0px; text-align: center; font-size: 1.2em;}
.sc_indexnews_c{ width: 100%; float: left;}
.sc_index_new li{line-height: 150%; padding: 5px 0px; overflow: hidden;}
.sc_indexnewli{ height: 200px; overflow: hidden; margin-bottom: 10px;}
.sc_indexnewli img{ max-width: 100%;}

/* jdt */
.mBan2 { overflow: hidden; }
.mBan2 .slideBox{ width:100%; height:auto; position:relative; }
.mBan2 .slideBox .hd{ height: 10px; overflow: hidden; position: absolute; bottom: 4px; z-index: 1; width: 81px; background: url(../image/btnBg.png) no-repeat; margin-left: -46px; left: 50%; padding: 4px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float: left; width: 6px; height: 6px; background: url(../image/btn1.png) no-repeat; cursor: pointer; margin-right: 10px; }
.mBan2 .slideBox .hd ul li.on{ background: url(../image/btn2.png) no-repeat; }
.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.mBan2 .slideBox .bd img{ width:100%; height:auto; display:block;  }

.sc_top_list{ display: none;}
#cls{display: none;}
#topfl{display: none; float: left; width: 270px; position: absolute; z-index: 9999;}
.left_title{padding:10px 0px;  background:#1B8CEE; text-indent: 1em; display: none;}
.t_ss{background:url("../image/xx1.png")   no-repeat 100% 40%  #1B8CEE;}
.t_xx{background:url("../image/xx2.png")   no-repeat 100% 40%  #1B8CEE;}
.sc_link{color:#666; width: 1420px; margin:10px auto; padding: 10px 0px; border-top:1px solid #efefef; font-size:14px; }
.sc_link span{margin-right:15px;}
.sech{ width: 100%; text-align: center; font-weight: bold; padding: 20px 0px; float: left; }
/*css mb*/

.sc_top_nav{
  float: left;
  font-size:16px;
}
.sc_top_nav li{
  float: left;
  margin:0 15px;
  line-height: 42px;
}
.sc_top_nav li a{
  color: #333;
  position: relative;
}
.sc_top_nav li.cur a:after,.sc_top_nav li:hover a:after{
  content: "";
  position: absolute;
  top:30px;
  left:50%;
  border-top:2px solid #0E98EA;
  width:26px;
  margin-left:-13px;
}

/* add new style */
.inner{
  width:1420px;
  margin:0 auto;
}
.categories{
    padding:52px 0;
    background: #eeeeee;
}
.categories .categories_box{
  width:1420px;
  margin:0 auto;
  padding:50px 0;
  display: flex;
}
.categories ul{
  display: inline-block;
  border-top:1px solid #e8e8e8;
  border-left:1px solid #e8e8e8;
}
.categories li{
  float: left;
  width:298px;
  height: 130px;
  text-align: center;
  border-bottom:1px solid #e8e8e8;
  border-right:1px solid #e8e8e8;
  padding:10px 0;
}
.categories li img{
  display: inline-block;
  width:100px;
  height:100px;
}
.categories li span{
  display: block;
  font-size:14px;
  margin-top:4px;
}
.categories li h3{
  line-height: 130px;
  color: #0e98ea;
}
/* news */
.sc_indexnews .inner{
  padding:60px 0;
}
.sc_indexnews .news_t{
  float: left;
}
.sc_indexnews .news_t h3{
  color:#fff;
  font-size:32px;
  width:200px;
}
.sc_indexnews .news_c{
  float: right;
  width:940px;
}
.sc_indexnews .news_c a{
  color:#fff;
  font-size:18px;
  font-weight: 500;
}
.sc_indexnews .news_content{
  padding-top:20px;
  color:rgba(255,255,255,0.6);
  font-size:14px;
  font-weight: 400;
}
/* about */
.sc_indexabout{
  width:1420px;
  margin:50px auto;
}
.about_title, .certifica_title, .choose_title{
  text-align: center;
  color:#0e98ea;
  font-size:32px;
}
.about_profile{
  margin-top:20px;
  background: url(../image/about-bg.png) repeat-y;
}
.about_box{
  background: url(../image/about-pic.png) no-repeat right bottom;
  padding:40px;
  min-height: 224px;
}
.about_box h3{
  color:#fff;
}
.about_content{
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
  line-height: 24px;
  padding-top:20px;
}
.about_content p{
  padding:10px 0;
}


.sc_certifica{
  text-align: center;
}
.sc_certifica h4{
  font-family: DINAlternate-Bold;
  font-size: 18px;
  color: #434B6C;
  font-weight: 400;
}
.certifica_pic{
  margin-top:30px;
}

.sc_choose{
  width:1420px;
  margin:60px auto;
  text-align: center;
}
.sc_choose ul{
  display: inline-block;
}
.sc_choose ul li{
  float: left;
  width:242px;
  margin:0 20px;
}
.sc_choose .icon{
  width:156px;
  height:158px;
  border: 1px solid #D7D8D9;
  margin:30px auto;
}
.sc_choose .confident{
  background: url(../image/product.png) no-repeat center;
}
.sc_choose .market{
  background: url(../image/market.png) no-repeat center;
}
.sc_choose .fast{
  background: url(../image/fast.png) no-repeat center;
}
.sc_choose .service{
  background: url(../image/service.png) no-repeat center;
}
.sc_choose h3{
  font-size: 18px;
  color: #0E98EA;
}
.sc_choose p{
  font-size: 14px;
  color: #8B8F91;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  padding-top:10px;
}

/* 二级页面样式 */
.wpcf7-form label{
    color: rgb(102, 102, 102);
}
.wpcf7-form p input {
    border: 1px solid #e3e3e3;
    /*width: 200px;*/
    padding: 5px 10px;
    font-size: 14px;
    height: 30px;
        margin: 4px 0;
}
.wpcf7-form .wpcf7-textarea{
       border: 1px solid #e3e3e3;
       width: 325px;
    height: 100px;
}
.wpcf7-form p input.wpcf7-submit {
    padding: 12px 20px;
    font-size: 20px;
    color: #0E98EA;
    height: 45px;
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #1B8CEE;
    border-radius: 1px;
    margin: 10px 0;
}
#sc_top_sub{
  background: #0E98EA;
}
#sc_top_sub .sc_top_nav li a{
  color: #fff;
  position: relative;
}
#sc_top_sub .sc_top_nav li.cur a:after,#sc_top_sub .sc_top_nav li:hover a:after{
  content: "";
  position: absolute;
  top:30px;
  left:50%;
  border-top:2px solid #6bb6e3;
  width:26px;
  margin-left:-13px;
}
#sc_top_sub .sc_top_ser_1{
border: 1px solid #6bb6e3;
/*background: url(../Images/search2.png) no-repeat 5px center;*/
background-color:#fff;
color:#000;
}
#sc_top_sub .sc_top_ser_2{border-radius: 0px 2px 2px 0px; background:rgba(255,255,255,0.8); color:#FFF;color:#0E98EA;font-size:16px;border:none;height:38px;padding-top:0;padding-bottom:0;}

.sc_crumb{
  border-bottom:1px solid #DADEE5;
  padding:24px 0 12px;
  margin-bottom:30px;
}
.sc_mid_tits{
  width:1420px;
  margin:0 auto;
  padding:0;
}

.inquiry_table{
  margin:25px 0;
}
.inquiry_table td{
  padding:5px 0;
}
.sc_contact_c{
  padding:20px 0;
}
.inquiry_table h3, .sc_contact_c h3{
  font-size: 18px;
  color: #434B6C;
}
.sc_contact_c ul{
  padding:10px 0 40px;
  font-size: 16px;
  color: #434B6C;
}

.sc_content_f li{
  float:left;
  width:560px;
  height: 148px;
  background: url(../image/contact-bg.png) no-repeat;
  border:1px solid #e3e3e3;
}
.sc_content_f li.email{
  float:right;
}
.sc_content_f .icon{
  float: left;
  width:80px;
  height:80px;
  margin-left:80px;
  margin-top:36px;
}
.sc_content_f li.telphone .icon{
  background: url(../image/tel.png) no-repeat;
}
.sc_content_f li.email .icon{
  background: url(../image/email.png) no-repeat;
}
.sc_content_f .text{
  margin-left:40px;
  margin-top:8px;
  font-size: 16px;
  color: #666666;
  float:left;
}
.sc_content_f .text span{
  display: block;
}

/* left cate nav */
.sc_cate_title{
  height: 50px;
  border-bottom: 1px solid #efefef;
  color: #0b5c82;
  line-height: 50px;
  padding-left: 10px;
}
.sc_cate_nav ul li{
  border-bottom: 1px solid #efefef;
}
.sc_cate_nav ul li h3{
  text-indent:20px;
  font-weight:400;
  background: url(../image/arrow.png) no-repeat 10px center;
  height:40px;
  line-height: 40px;
  font-size:14px;
}
.sc_cate_nav ul li a{
  color: #434B6C;
}
.sc_cate_nav li dl{margin:0;}
.sc_cate_nav li dl dd{padding: 8px 0px; text-indent:2em;font-weight:400;}
.sc_cate_nav li dl dd a{color:#7c7c7c;font-size:14px;}
.sc_cate_nav ul li a:hover{
  color:#1B8CEE;
}

.sc_product_right{
  float:right;
  width:1020px;
}
.product_banner{
  background: url(../image/product-banner.png) no-repeat top;
  height:200px;
}

.pro_pdf{
  margin-top:15px;
}
.pro_pdf a{
  display: inline-block;
  background: url(../image/pro_pic9.png) no-repeat left center;
  padding-left:22px;
  line-height:22px;
  text-decoration: underline;
}

.sc_bot_2 ul.bot_ul1{
  width:40%;font-size:14px;margin-left:40px;
}
.sc_bot_2 ul.bot_ul2{
  width:12%;margin-right:40px;
}
.sc_bot_2 ul.bot_ul4{
  width:12%;margin:0 0 0 20px;
}


.ecatelog-list li{
  float: left;
  text-align:center;
  margin:20px 40px;
}
.ecatelog-list li img{
  width:500px;
  height:260px;
}


.pro-class {
  margin-bottom: 100px;
}


.pro-class li.act h3 {
    background:#0d99e9; ;
}
.pro-class li.act h3 a {
  color: #FFFFFF;
}

.pro-class li.act h3 i {
  background-image: url("../images/class-arrow4.png");
}

.pro-class li.hover dl {
  display: block;
}

.pro-class li:hover h3 i {
  background-image: url("../images/class-arrow4.png");
}


.pro-class li dl {
  padding: 0 15px;
  display: none;
}

.pro-class li dd {
  font-size: 16px;
}

.pro-class li dd a {
  display: block;
  border-bottom: 1px solid rgba(125, 125, 125, 0.16);
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 14px 0 18px 5px;
  font-weight: 300;
  font-size: 14px;
}

.pro-class li .p-erji a {
  border-bottom:none!important;
  padding: 10px 0 10px 5px;
}

.pro-class li dd:hover{
    background-color: #0d99e9;
}

.pro-class li dd:hover a {
  color: #FFFFFF;
}

.pro-class li dd a:hover:after {
  background-color: #0d99e9;
}

.pro-class li dl.sanji a:after {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #0d99e9;
  top: 48%;
  margin-top: -2px;
  left: 10px;
}

.pro-class li dl.sanji dd a{
  font-size: 14px;
  padding: 10px 0 10px 20px;
}
.pro-class li dl.sanji dd:hover{
  background-color: #0d99e9;
  border-radius: 5px;
}

.pro-class li dl.sanji dd:hover a{
  color: #fff;
}

.pro-class li dl.sanji dd:hover a:after{
  background-color: #fff;
}


.pro-class li h3 {
  padding: 0 5px;
  font-size: 16px;
  /*font-weight:norma*/
  position: relative;
}

.pro-class li h3 a {
  color: #333;
  display: block;
  padding: 20px 40px 20px  0;
  border-bottom: 1px solid rgba(125, 125, 125, 0.16);
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}

.pro-class li:hover h3 {
  background: #0d99e9;
}

.pro-class li:hover h3 a{
    color: #FFFFFF;
}


.pro-class li h3 i {
  transform: rotate(0deg);
  position: absolute;
  right: 10px;
  top: 50%;
  width: 40px;
  height: 40px;
  background-image: url("../images/class-arrow.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-top: -20px;
  transition: all 0.5s;
  cursor: pointer;
}

.content-left {
  float: left;
  width: 23%;
}

.content-left .tit .line {
  width: 100%;
  height: 1px;
  background-color: #eeeeee;
  position: relative;
}

/*.content-left .tit .line:after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  right: 0;*/
/*  top: 0;*/
/*  height: 2px;*/
/*  background-color: #313234;*/
/*  width: 50%;*/
/*}*/

.content-left .tit h2 {
  color: #313234;
  font-size: 18px;
  font-weight: bold;
  text-transform: capitalize;
  box-sizing: border-box;
  padding-bottom: 12px;
  position: relative;
  line-height: 47px;
}

.content-right {
  float: right;
  width: 75%;
}

.left-contact .tit {
  margin-bottom: 24px;
}

.left-contact dd {
  font-size: 16px;
  color: #666666;
  line-height: 1.6;
  margin-bottom: 12px;
  background-position: 0 6px;
  background-repeat: no-repeat;
  padding-left: 28px;
}

.left-contact dd em {
  color: #333333;
  font-size: 18px;
}


.content-product .productny-list li {
  float: left;
  width: 33%;
  margin-right: 0.33%;
  margin-bottom: 30px;
}

.content-product .productny-list li:nth-child(3n) {
  margin-right: 0;
}

.productny-list li {

  box-sizing: border-box;
  padding: 5px;
  transition: all 0.3s;
}

.productny-list li .imgshow{
  border: 1px solid #eeeeee;
  border-radius: 10px;
}



.productny-list li .imgshow img {
  width: 100%;
  border-radius: 10px;
}

.application-list  li .imgshow,.application-list li .imgshow img{
  border-radius: 0px;
  border: 0;
}
.application-list li{
  position: relative;
}

.application-list .app-txt {
  margin-top: -52px;
}

.application-list .app-txt .h3 {
  display: block;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 20px;
  position: relative;
  background: #fff;
  box-shadow: 1px 2px 4px #ccc;
}
.application-list .app-txt .h3:hover{
  background: #0d99e9;
  transition: .3s;
}
.application-list .app-txt .h3:hover .a{
  color: #fff;
  transition: .3s;
}
.application-list .app-txt .h3:hover:after{
  border-top: 3px solid #fff;
  transition: .3s;
}
.application-list .app-txt .h3:after {
  content: "";
  position: absolute;
  bottom: 13px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 3px solid #0d99e9;
  width: 30px;
}

/*.productny-list li:hover {*/
/*  border-color: #0d99e9;*/
/*}*/

/*.productny-list li:hover .text {*/
/*  background-color: #0d99e9;*/
/*}*/

/*.productny-list li:hover .text p {*/
/*  color: #FFF;*/
/*  height: auto;*/
/*}*/

/*.productny-list li:hover .text .icon {*/
/*  display: none;*/
/*}*/

/*.productny-list li:hover h3 a {*/
/*  color: #FFF;*/
/*}*/

.productny-list .text {
  padding: 1px 0 0;
  text-align: center;
  transition: all 0.5s;
}

.productny-list .text h3{
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  padding: 15px;
  height: 30px;

}
.productny-list .text h3 a{
      display: -webkit-box; /* 设置为flex属性 */
-webkit-box-orient: vertical; /* 设置为垂直方向排列 */
-webkit-line-clamp: 2; /* 设置为2行 */
overflow: hidden; /* 超出部分隐藏 */
}

.productny-list .text p {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 0;
  transition: all 0.3s;
}

.productny-list .h3 {
  font-weight:normal;
  font-size: 14px;
  line-height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 12px 0;
  text-align: center;
}

.productny-list .h3 .a {
  color: #333333;
}

.productny-list .icon {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.content-product .productny-list li:hover h3 a{
   color: #0d99e9;
}



.content-product .productny-list li .imgshow{position: relative;}

.content-product .productny-list li:hover .imgshow .bg{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(13, 153, 233, 0.65) url("../images/jiahao_03.png") no-repeat;
  background-position: center center;
  border-radius: 10px;
}

.content-product .application-list li:hover .imgshow:before{
      position: static;
}

.pro-class .p-erji > dd > dl {
  display: none;
}


.pupular-grid .pup-cont {
  display: flex;
  justify-content: space-between;
}

.pupular-grid .pup-cont .p-item {
  flex-shrink: 0;
  /*line-height: 38px;*/
}
.pupular-grid .pup-cont {
  border-bottom: 1px solid #eeeeee;
  line-height: 59px;
  margin-bottom: 18px;
}

.pupular-grid .pup-cont .p-item label {
  color: #313234;
  font-size: 18px;
  font-weight: bold;
  text-transform: capitalize;
  box-sizing: border-box;
  padding-bottom: 12px;
  line-height: 47px;
}

.pupular-grid .pup-cont .p-item a {
  color: #777;
  padding: 0 10px;
}

.pupular-grid .pup-cont .p-item a:hover {
  color: #cccccc;
}

.pupular-grid .pup-cont .p-search {
  width: 32%;
  position: relative;
}

.pupular-grid .pup-cont .p-search button {
  position: absolute;
  right: 0;
  height: 100%;
  top: 13px;
  width: 53px;
  background: url("../images/search.png") no-repeat;
  border: none;
  color: #FFF;
  font-size: 14px;
  box-shadow: none;
}

.pupular-grid .pup-cont input {
  height: 38px;
  background: #FFFFFF;
  width: 100%;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  padding: 0 130px 0 10px;
  border-radius: 5px;
}
/*分页 start*/
.page-box {
  padding: 50px 0;
  text-align: center;
  clear: both;
}

.page-box .page-inner {
  display: flex;
  justify-content: center;
}

.page-box .page-inner a {
  font-weight: 400;
  display: inline-flex;
  font-size: 18px;
  color: #808080;
  margin: 0 9px;
  width: 44px;
  height: 44px;
  line-height: 42px;
  justify-content: center;
  background: transparent;
  border: 1px solid #808080;
  border-radius: 50%;
  box-sizing: border-box;
}

.page-box .page-inner .current {
  font-weight: 400;
  display: inline-flex;
  font-size: 18px;
  color: #fff;
  margin: 0 9px;
  width: 44px;
  height: 44px;
  line-height: 37px;
  justify-content: center;
  background: #0d99e9;
  border: 1px solid #0d99e9;
  border-radius: 50%;
  box-sizing: border-box;
}

.page-box .page-inner .page-list {
  display: flex;
}

.page-box .page-inner .page-list a.act,
.page-box .page-inner .page-list a:hover {
  color: #fff;
  transition: all 0.4s;
  border: 1px solid #0d99e9;
  background: #0d99e9;
}

.page-box .page-inner a.prev.no-drop,
.page-box .page-inner a.next.no-drop {
  cursor: no-drop;
  opacity: 0.5;
}

.page-box .page-inner .page-list .current.act,
.page-box .page-inner .page-list .current:hover {
  color: #fff;
  transition: all 0.4s;
}

.page-box .page-inner .current.prev.no-drop,
.page-box .page-inner .current.next.no-drop {
  cursor: no-drop;
  opacity: 0.5;
}

.right-fixed{
  width: 45px;
  background: #ffffff;
  align-items: center;
  right:20px;
  bottom:40%;
  transform: translateY(-50%);
  z-index:999;
  position: fixed;
  text-align: center;
  border: 1px solid #e9e9e9;

  /*padding:15px 0;*/

}
.right-fixed a{
  padding: 20px 0;
}

.right-fixed a:hover{
background: #0d99e9;
}

.right-fixed a>img{
  max-width: 38px;
}
.right-fixed a{
  display: block;
}
.right-fixed a:nth-child(1){
  background: url("../images/right-icon-01.png") no-repeat;
  background-position: center center;
  padding:25px 20px;
}
.right-fixed a:nth-child(2){
  background: url("../images/right-icon-02.png") no-repeat;
  background-position: center center;
  padding:25px 20px;
}
.right-fixed a:nth-child(3){
  background: url("../images/right-icon-033.png") no-repeat;
  background-position: center center;
  padding:25px 20px;
}
.right-fixed a:nth-child(4){
  background: url("../images/right-icon-03.png") no-repeat;
  background-position: center center;
  padding:25px 20px;
}

/*.right-fixed a:nth-child(2),.right-fixed a:nth-child(3){*/
/*  margin:28px 0;*/
/*}*/
/*.right-fixed a:nth-child(3){*/
/*  margin:28px 0;*/
/*  margin-bottom: 0;*/
/*}*/

.right-fixed .qr-code{
  position: relative;
}

.qr-code-img img {
  width: 102px;
  height: auto;
}

.qr-code-img::after {
  content: '';
  width: 10px;
  height: 17px;
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -8.5px;
  background: url("../images/jiantou.jpg") no-repeat;
}

.right-fixed .qr-code:hover .qr-code-img {
  opacity: 1;
  transform: translate(0, -50%);
  visibility: visible;
}
.global-box{
  display: none;
}
.qr-tel{
  width: 121px;
  height: 50px;
  line-height: 50px;
}
.qr-code-img span{
  color: #FFFFFF;
}



.qr-code-img {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translate(-20px, -50%);
  opacity: 0;
  visibility: hidden;
  background: #0d99e9;
  padding: 3px;
  margin-right: 11px;
  transition: all 0.6s;
  width: 115px;
  height: 115px;
  padding-top: 14px;
  border-radius:5px;
}

.right-fixed ul li:hover .qr-code-img {
  opacity: 1;
  transform: translate(0, -50%);
  visibility: visible;
}



#page {
  background: #FFFFFF;
}
.btn-nav {
  position: absolute;
  top: 0;
  right: 20px;
  background: transparent;
  border: none;
  padding: 21px 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 99999;
  display: block;
  width: 30px;
  float: right;
}
#menuWap,.btn-nav {
  display: none;
}
.icon-bar {
  display: block;
  margin: 6px 0;
  width: 30px;
  height: 3px;
  background-color: #0d99e9;
  box-shadow: 0 1px 1px #000000;
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}
.mm-opening .top {
  -webkit-transform: translateY(8px) rotateZ(45deg);
  -moz-transform: translateY(8px) rotateZ(45deg);
  -ms-transform: translateY(8px) rotateZ(45deg);
  -o-transform: translateY(8px) rotateZ(45deg);
  transform: translateY(8px) rotateZ(45deg);
}
.mm-opening .bottom {
  -webkit-transform: translateY(-10px) rotateZ(-45deg);
  -moz-transform: translateY(-10px) rotateZ(-45deg);
  -ms-transform: translateY(-10px) rotateZ(-45deg);
  -o-transform: translateY(-10px) rotateZ(-45deg);
  transform: translateY(-10px) rotateZ(-45deg);
}
.mm-opening .middle {
  width: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.sc_mid_tits a:first-child{
    background: url(../images/home.png) no-repeat 0 50%;
    padding-left: 28px;
}



.sc_mid_proveiw_2 .m-table td {
  border: 1px solid #ddd;
  padding: 5px 20px;
  color: #7D7D7D;
}
.sc_mid_c_new_v p{
    margin-bottom: 20px;
}
.sc_mid_tits i{
    padding: 0 5px;
}

.sc_mid_tits i.zuihou:last-child{
    display: none;
}
.sc_mid_proveiw_2{
    width: 95%;
    margin-top: 30px;
}
.sc_mid_c_new_v img{
    max-width: 100%;
}

.fixed:before {
    content: '';
    display: table;
}


.sc_mid_c_right_c .product-list li {
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding: 0 6px;
  margin-bottom: 6px;
}

.product-list li:hover .imgshow img {
    transform: scale(1.04);
}
.product-list .imgshow img {
    transition: all 0.5s;
    width: 100%;
}
.product-list .text {
    padding-top: 20px;
     margin-bottom: 40px;
}
.product-list h3 {
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    padding: 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
   
}

.product-list h3 a {
    color: #333;
}

.product-list h3 a:hover{
    color: #1B8CEE;
}


@media only screen and (max-width: 1400px) {
 
 .cate_pic_nav {
    width: 100%;
}   
.index_categories .categories_box {
    width: 100%;}
.cate_text_nav {
    width: 31%;}
.cate_text_nav ul li a {
    padding: 6px 18px;}
    
.index_product_list li {
    width: 33%;
    height: auto;
    background: #ddd;
}
.txt_wrap {
    width: 100%;}
    
.sc_top_conment {
    width: 95%;
    margin: auto;
}
.width_1420 {
    width: 100%;
    margin: 0 auto;
}

.width_1420 {
    width: 100%;
    margin: 0 auto;
}
.about_l {
    float: left;
    width: 40%;
}
.about_r {
    float: right;
    width: 60%;
}
.index_contact .contact_box {
    width: 95%;
    
}
.footer_box {
    width: 95%;
    margin: 0 auto;
}
.index_blog .blog_box{
    width: 100%;
    
}
.blog_left {
    width: 45%;
}
.blog_right {
    width: 50%;
}
.blog_right li {
    padding: 10px;}
    
.video-box{
    width: 100%;
}

.video-box video{
    width: 100%;
}
.about_word {
    background: #ddd;
    width: 100%;}
 .index_about_content .text {
    padding: 10px 0;}
 .index_about_content {
    padding: 24px 46px;
}
.sc_mid .sc_mid_c {
    width: 95%;}
.sc_mid_c {
    width: 100%;}
.sc_crumb{
    margin: 0 auto;
    width: 95%;
}
    
 .pupular-grid .pup-cont .p-search{
    margin-right: 14%;
}

.sc_mid_proveiw_2>h3,.m-table{
    margin: 0 auto;
    width: 95%;
}
.sc_mid_proveiw_2 form{
  padding-left: 27px;
    
}

.aboutus_pics li{
    width: 45%;
    margin: 2%;
}
.aboutus_txt {
    width: 60%;
}
    
}
@media only screen and (max-width: 1200px) {
 .sc_mid_c_right_app .product-list li {
  width: 33%;
}

}


/*分页 end*/
@media only screen and (max-width: 1000px) {
    
     .sc_mid_c_right_app .product-list li {
      width: 50%;
    }
    .sc_mid_c {
    width: 100%;
    margin: auto;
}
    .search-box{
        top:37%;
    }
    .sc_top_ser_2{
        margin-top: 5px;
    }
    .sc_mid_tits {
    width: 90%;
}
    .sc_mid_c_right_new_d_1,.sc_mid_c_right_new_d_2{
        float: none;
        width: 90%;
    }
    .sc_mid_c_right_new_d_1{
        text-align: center;
            margin: 20px 0;
    }
    .sc_mid_c_right_new_d_2{
        padding: 0 20px;
    }
    .sc_mid_c_right_new_d_3{
         display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    }
    .sc_mid_c_right_c {
    display: block;
    width: 90%;
    padding: 0 25px;}
    
    .sc_mid_c_new_v p{
        margin-bottom: 15px;
    }
    
 .sc_mid_proveiw_2 .m-table table {
  width: 100%;
}
  #menuWap,.btn-nav {
    display: block;
  }
  .search-btn{
    float: none;
    right: 52px;
    top: 25px;
    position: absolute;
    background-size: 30px;
    background-repeat: no-repeat;
    background-size: 30px;
    
  }
  .sc_top_conment_2_right{
    display: none;
  }
  .content-left {
    display: none;
  }
  .content-right {
    width: 100%;
  }
  .content-product .productny-list  li {
    width: 49%;
    margin-bottom: 0px;
  }
  .product-list li h3 {
    white-space: initial;
    font-size: 12px;
    line-height: 18px;
    height: 36px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .sc_mid_c_right_app .product-list li h3 {
      height: auto;
  }
  .product-list .text {
     margin-bottom: 23px;
  }
  
  
  .pupular-grid .pup-cont .p-item{
    display: none;
  }
  .pupular-grid .pup-cont .p-search{
    width: 93%;
    margin: 0 auto;
  }
  .product-list li p {
    display: none;
  }
   .sc_mid_c_right_app .product-list li .text {
    padding: 5px;
        height: 117px;
  }
  /*.page-box .page-inner .page-list {*/
  /*  display: none;*/
  /*}*/
  .page-box .page-inner a,.page-box .page-inner .current{
    width: 32px;
    height: 32px;
    line-height: 30px;
  }
  .page-box .page-inner .current{
    line-height: 26px;
  }

  .index_about {
    padding: 22px 0;
  }
  .width_1420{
    width: 100%!important;
  }
  .about_l {
    float: none!important;
    width: 87%;
    padding:  0 20px;
  }
  .about_r{
    float: none!important;
    width: 100%;
  }
  .video-box{
    width: 100%!important;
        height: 250px;
  }
  .video-box video{
    width: 100%;
    max-width: 100%;
     height: 250px;
  }
  .about_pic li:nth-child(1){
    margin-right: 10px;
  }
  .about_word{
    width: 100%;
    height: auto;
  }
  .index_about_content {
    padding: 35px 25px;
  }
  .index_categories h3 ,.index_about_content h3,.index_applications h3,.index_blog h3,.index_contact h3{
    font-size: 26px;
  }

  .index_categories {
    padding: 35px 0;}

  .index_categories .categories_box {
    width: 1420px;
    margin: 0 auto;
    padding: 26px 0;}

  .index_categories .more{
    display: none;
  }
  .index_applications {
    padding: 13px 0;
  }
  .index_applications .applications_box {
    width: 100%;
    padding: 13px 0;
  }
  .index_applications .more{
    display: none;
  }
  .index_blog {
    padding: 2px 0;
  }
  .blog_list{
    display: block;
  }
  .blog_left,.index_blog .blog_box{
    width: 100%;
  }
  .blog_right{
    width: 97%;
  }
  .blog_right {
    width: 91%;
    padding: 0 20px;
  }
  .index_blog .blog_box{
    padding: 21px 0;
  }
  .index_contact .contact_box{
    width: 100%;
    display: block;
  }
  .contact_info {
    padding: 20px;
  }
  .contact_info ul a{
    display: block;
  }
  .contact_info ul li a.foot_em{
    display: inline-block;
  }
  .contact_form {
    width: 93%;
    padding: 0 20px;
  }
  .footer_box {
    width: 100%;}
  .footer_nav .webnav{
    display: none;
  }
  .copyright {
    padding: 24px 11px;
    color: #fff;
  }

  .aboutus_txt h3{
    font-size: 20px;
  }
  .sc_mid_tits {
    width: 90%;
}
  .sc_mid_proview_1_right {
    float: none;
    width: 91%;
    margin: 0 10px;
    padding: 0 20px;
}
.sc_mid_proveiw_2{
    width: 95%;
    margin-top: 30px;
}
.productny-list .text h3{
        font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    padding: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ecatelog-list li img {
    width: 500px;
    max-width:100%;
    height: auto;
}
.cate_pic_nav{
    display: none;
}
.app-pic{
    text-align: center;
}
.sc_mid_c_new_v img{
    max-width: 100%;
    height: auto;
}


}
@media only screen and (max-width: 500px) {
  .sc_mid_c_right_app .product-list li {
    width: 100%;
    float: none;
   }
 .sc_mid_c_right_app .product-list li .text{
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
    .wpcf7-form p input{
        width: 89%;
    }
   .wpcf7-form .wpcf7-textarea{
         width: 89%;
    }
    
}