.body_bg { background:#f5f5f5;}

.clearfix:before,
.clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}

/*顶部条*/
.head_wrap { height:86px;width:100%; background:none; position:absolute;z-index:666;top:46px;   }
.head_con { background:#fff; box-sizing:border-box;border-radius:5px; overflow:hidden; height:86px; position:relative;  }
.head_con:after {  content:"";width:100%;height:4px; background:rgba(0,0,0,0.2); position:absolute;left:0px;bottom:0px; }
.logo_wrap { height:100%;float: left;}
.logo_wrap h1 { overflow:hidden; height:100%;margin:0 15px 0 10px; }
.logo_wrap h1 a{ display:block;overflow:hidden;height:100%;  }
.logo_wrap h1 a img{  max-height:100%; width:auto;    }
.nav_ul li{ float:left; }
.nav_ul li a{ transition:all 300ms; line-height:86px; height:86px; display:block;  color:#555; padding:0 20px; box-sizing:border-box;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;     }
.nav_ul li.nav_li_selected a{  background:#363636;color:#fff; }
.nav_ul li a:hover{  background:#363636;color:#fff; }
.head_con .sousuo_wrap { float:right; width:216px; height:36px;margin:25px 25px 0 0;  position:relative;  }
.sousuo_wrap input{ border:none; outline:none;    border:1px solid #f5f5f5;border-radius:5px; height:36px; width:216px; background:#f5f5f5; padding:0 46px 0 10px; box-sizing:border-box;  }
.sousuo_wrap span { width:36px;height:36px;  line-height:36px;text-align:center;display:block; position:absolute;top:0px;right:0px;    cursor:pointer;}
.sousuo_wrap span i { color:#6c6c6c;}

@media (min-width: 1439px){
  .head_con {   width:1400px;margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .head_con  {   width:96%; margin:0 2%;   }
}
@media (min-width: 768px)and (max-width: 979px){
    .head_con { display:none; }
    .head_wrap { position:relative;top:0px;   }
}

@media (max-width: 767px){
    .head_con { display:none; }
    .head_wrap { position:relative;top:0px;   }
}

/*菜单导航*/

.move_nav_icon { width: 40px;height: 40px;position: absolute; top: 50%;transform: translateY(-50%) scale(0.8);z-index: 6;left:14px; }
.move_nav_icon ul { height: 40px; }
.move_icon { margin-top: 7px;height: 4px; }
.move_icon span { background:#ddd; }
.move_icon .move_icon_max{ display:block; width:30px; height:3px; margin-left:5px; float:left; border-radius:10px;  transition:1s;         }
.move_nav_icon:hover { cursor:pointer;   }
.mob_nav_wrap { overflow:hidden; position:relative; height:60px;  }
.mob_head_logo {  padding:0 60px; box-sizing:border-box;width:100%;overflow:hidden;  height:60px; }
.mob_head_logo a{ overflow:hidden; display:block;height:60px;width:100%; text-align:center;  }
.mob_head_logo img{  max-height:100%; }
.mob_sousuo { width: 40px;height: 40px; position: absolute; top: 50%;transform: translateY(-50%); right:13px;  line-height:40px;text-align:center; }
.mob_sousuo i { font-size:22px;  color:#ddd;    }

.selectnav{ position: fixed;z-index:2000;width:100%;overflow: hidden;left:0; top:0;bottom:0px;  background:rgba(0,0,0,0.4);display:none;   }
.selectnav2{ overflow: hidden; background: #fff;width: 30%; position: relative; height:100%;  padding-top:30px;  }
.selectnav ul li { width: 100%; background: #fff; height:42px; font-size: 16px;line-height: 42px; }
.selectnav ul li a {display: block; padding-left: 10%; color:#555;  }

@media (min-width:979px) {
  .mob_nav_wrap { display:none; }
}
@media (max-width: 767px){
    .nav_wrap {display:none; }
    .head_wrap { height:60px; }
}
@media (max-width: 480px) {

}
 @media ( min-width: 768px)and ( max-width: 979px ){
  .mob_nav_wrap {  display:block;  }
  .head_wrap { height:80px;  }
  .mob_head_logo { height:80px;  }
  .mob_head_logo a { height: 80px; }
  .mob_nav_wrap { height:80px;  }
}

/*手机头部*/

.hotpro_wrap {   overflow:hidden;   }
.hotpro_wrap ul {   overflow:hidden; margin-top:20px;   }

.hotpro_img { width:100%; padding-bottom:64.28%;cursor: pointer; }
.hotpro_img01 { background:url(../../images/12/hotproimg01.jpg) no-repeat center center; background-size:100%;}
.hotpro_img02 { background:url(../../images/12/hotproimg02.jpg) no-repeat center center; background-size:100%;}
.hotpro_con { display:block; }
.hotpro_con dd { float:left; width:50%; padding:10px; box-sizing:border-box;height:200px;background:rgba(0,0,0,0.5);position:relative;   cursor: pointer; }
.hotpro_con dd:first-child .hotpro_con_img:after{width:1px;height:90%;content:""; position:absolute;right:0px;top:10px; background:rgba(255,255,255,0.5);    }
.hotpro_con_img { width:100%; height:180px;background:#f5f5f5;    }
.hotpro_con dd p {  position:absolute;left:0px;right:0px;text-align:center; bottom:0px;height:54px;line-height:44px; background:rgba(0,0,0,0.7);width:100%; }
.hotpro_con dd p span {  color:#fff; display:block;padding:0 90px 0 27px; width:100%;box-sizing:border-box; text-align:left;  }
.hotpro_con dd p a { width:60px;height:28px;display:block;position:absolute;right:20px;top:8px; background:rgba(0,0,0,1); color:#fff;line-height:28px;text-align:center;font-size:14px;    }

.hotpro_wrap ul li:hover .hotpro_con { transform:translateY(0%);  }

@media (min-width: 1439px){
  .hotpro_wrap {   width:1400px;margin:auto;    }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .hotpro_wrap  {   width:96%; margin:0 2%;   }
}

@media ( min-width: 768px)and ( max-width: 979px ){
    .hotpro_wrap {   padding:0 20px; }
    .hotpro_wrap ul {   margin-top:20px;   }  
}

@media (min-width: 767px){
.hotpro_wrap ul li{  float:left;width:49%;margin-left:2%; position:relative;    }
.hotpro_wrap ul li:nth-child(1) {  margin-left:0px;}
.hotpro_con { position:absolute;left:0px; bottom:0px; height:200px; margin:0px;width:100%; transform:translateY(100%);transition:all 300ms ease-in-out;}
}
@media (max-width: 767px){
    .hotpro_wrap {   padding:0 10px; }
    .hotpro_wrap ul { margin-top:10px;   }
    .hotpro_wrap ul li{  width:100%;margin-bottom:10px;overflow:hidden; margin-left: 0%; position: relative;     }
    .hotpro_con {display:block; }
    .hotpro_img01 { display:none;}
    .hotpro_con dd p span { padding:0px; display:block;width:96%;margin:0 2%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;      }
    .hotpro_con dd p a {display:none;   }
   
}

/*推荐产品*/

.index_about_wrap { overflow:hidden;margin-top:20px;padding:50px 0 50px; background:#ddd; width:100%;background:url(../../images/12/aboutbg.jpg) no-repeat top center;    }
.index_about_con {  overflow:hidden; border-radius:4px;  }
.about_wrap{ width:50%; height:340px;   }
.about_con_bg { position:relative; background:url(../../images/12/about.jpg) no-repeat center; background-size:auto 100%; height:340px;  box-sizing:border-box; overflow:hidden;  }
.about_con_bg span {  transition:all 300ms; display:block;width:100%;height:100%; background:rgba(0,0,0,0.6); transform:translateY(100%);      }
.about_con_bg span a{   transition:all 300ms; width:153px; height:52px;line-height:52px;text-align:center; border-radius:52px;  line-height:52px;color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.7); position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);    }
.about_con_bg:hover span { transform:translateY(0%);  }
.about_con_bg span a:hover{ color:#fff;border-color:#fff; }
.about_con { width:100%; height:100%;float:left; background:#fff; padding:0 30px; box-sizing:border-box; }
.about_con h2 {  height:70px;box-sizing:border-box; line-height:70px; font-size:18px; position:relative; text-align:left; color:#333;  font-weight:normal; border-bottom:1px solid #eee;   }
.about_con p{  color:#696969;font-size:14px; height:155px;box-sizing:border-box;line-height:32px; margin-top:20px; 
               display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-align:justify;    }
@media (min-width: 1439px){
  .index_about_con { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .index_about_con {   width:96%; margin:0 2%;   }
}
@media (min-width: 980px){
 .about_wrap{ float:left;    }
  .about_con_bg {   width:50%; float:left; }
}
 @media ( min-width: 768px)and ( max-width: 979px ){
 .about_wrap { margin-top:20px;width:100%; height:370px;   }
    .about_con_bg { width:80%; margin:auto; display:none; }
    .index_about_con { padding:0 20px;}


}

 @media (min-width: 767px){

}

 @media (max-width: 767px){
.index_about_con { padding:0 20px;}
.about_wrap{ margin-top:20px;width:100%; height:auto;   }
.about_con { position:relative;top:0; height:270px;       }
.about_con_bg {  background-size:100% 100% ;  height:200px; width:100%;display:none; }
.about_con p {  height:189px;margin-top: 10px;line-height: 28px;    }
.about_con {  padding:0 20px;}
.index_about_wrap {  background-size:auto 100% ;padding:30px 0;   }
.about_wrap { margin-top:0px; }
.about_con h2 { height:50px; line-height:50px; }


}


/*关于我们*/


.index_box3_wrap {overflow:hidden;}
.certificate_wrap {margin-top:20px; height:400px; width:100%; box-sizing:border-box;}

.zhengshu_container {height:400px;width:100%; box-sizing:border-box;}
.certificate_img {height:100%;}
.certificate_img li{ width:49%; height:100%; margin-right:2%; background:#f9f9f9; float:left;box-sizing:border-box;border:10px solid #fff;position:relative;  }
.certificate_img li:nth-child(2){  margin-right:0%; }
.certificate_img li span{ width:100%; height:100%; display:block;text-align: center;}
.certificate_img li span img{  max-height:100%; max-width:100%;height:auto;width:auto; }
.swiper-slide.swiper-slide-active {opacity:1;}
.swiper-slide{ opacity:0;}

.zhengshu_container .swiper-button-prev, .zhengshu_container .swiper-container-rtl .swiper-button-next { background-image:url(../../images/12/righticon.png);width:52px;height:70px;background-size: 52px 70px; left:0px; margin-top: -35px;  }
.zhengshu_container .swiper-button-next, .zhengshu_container .swiper-container-rtl .swiper-button-prev{ background-image:url(../../images/12/lefticon.png);width:52px;height:70px; background-size: 52px 70px;right:0px; margin-top: -35px; }

.certificate_tit {transition:all 300ms;transform:translateY(150%); display:block;opacity:0;  position:absolute;bottom:0px;left:0px;width:100%;height:64px; background:rgba(0,0,0,0.6); line-height:64px; color:#fff;  padding:0 80px 0 10px; box-sizing:border-box; }
.certificate_tit a {color:#fff; max-width:100%; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.certificate_tit i{position:absolute;display:block;text-align:center;font-size:28px; height:64px; width:64px; line-height:64px;background:#9f83fb;right:0px;top:0px; cursor:pointer;   }
.certificate_tit i:hover {background:#967af3;color:#ede9fa;}
.certificate_tit a:hover {text-decoration:underline; }
.certificate_img li:hover .certificate_tit {transform:translateY(0%);display:block; opacity:1;}

@media (min-width: 1439px){
  .index_box3_wrap { width:1400px; margin:auto;}
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .index_box3_wrap {width:96%; margin:0 2%;}
}

@media (min-width: 980px){}
@media ( min-width: 768px)and ( max-width: 979px )
{
.certificate_wrap { margin-top:20px;width:100%; height:243px;padding:0 20px;}
.zhengshu_container {height:243px;}
}

 @media (min-width: 767px){

}

 @media (max-width: 767px){
.certificate_wrap { margin-top:20px;width:100%; height:auto;   }
.certificate_img li{ width:100%; }
.certificate_img li:nth-child(2){ display:none; }
.zhengshu_container {padding:10px 20px!important; height:250px;    }

}

/*荣誉证书 常见问题*/

.news_wrap {  margin-top:20px; overflow:hidden;  }
.news_con {        }
.news_con_ul li{  transition:all 300ms;  height:205px;width:49%;margin-left:2%; margin-bottom:20px; background:#fff; padding:10px;box-sizing:border-box; position:relative;    }
.news_con_ul li:hover {  transform:translateY(-3px);}
.news_con_ul li:nth-child(2n+1){  margin-left:0%;       }
.news_con_img{ width:185px;height:185px;  position:absolute;left:10px;top:10px;   }
.news_con_img img { width:185px;height:185px;    }
.news_con_tit { padding-left:195px; }
.news_con_tit h2 { font-weight:normal; font-size:18px; color:#424242;border-bottom:1px solid #eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height:48px;   }
.news_con_tit h2 a{  color:#424242;line-height:48px;   }
.news_con_tit h2 a:hover { text-decoration:underline;}
.news_con_tit p{  color:#696969;line-height:28px;font-size:14px;padding-top:5px;  overflow:hidden;height:90px;  }
.news_con_tit span{  color:#999;line-height:26px;font-size:14px;padding-top:5px;   }

@media (min-width: 1439px){
  .news_con { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .news_con {   width:96%; margin:0 2%;   }
}
 @media ( min-width: 768px)and ( max-width: 979px ){
    .news_con_tit h2 {         }
    .news_con_tit h2 a {  line-height:36px; }
    .news_con_ul li { height:125px;   }
    .news_con_img{ width:105px;height:105px;  }
    .news_con_img img { width:105px;height:105px;    }
    .news_con_tit { padding-left:115px; }
    .news_con_tit p { height:28px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;    }
    .news_con {  padding:0 20px; }
}

@media ( max-width:980px){

}

@media (min-width: 767px){
    .news_con_ul li{ float:left; }
}

 @media ( max-width: 767px){
    .news_con_ul { padding:0 20px;}
    .news_con_ul li:nth-child(n) {width:100%; margin-left:0px; height:49px; margin-bottom:0px;padding:0px 10px;      }
    .news_con_img { display:none;}
    .news_con_tit {  padding-left:0px;}
    .news_con_tit p{display:none; }
    .news_con_tit span{display:none; }
     .news_con_tit h2 {  font-size:16px;       }
    .news_con_tit h2 a {  font-size:16px;   }
}

/*新闻资讯*/

/*底部*/

.bottom_iconc { background:#fff; width:100%;overflow:hidden;  }
.bottom_iconc ul li:nth-child(1) { background:url(../../images/12/bottomicon01.png) no-repeat left center;  }
.bottom_iconc ul li:nth-child(2) { background:url(../../images/12/bottomicon02.png) no-repeat left center;  }
.bottom_iconc ul li:nth-child(3) { background:url(../../images/12/bottomicon03.png) no-repeat left center;  }
.bottom_iconc ul li:nth-child(4) { background:url(../../images/12/bottomicon04.png) no-repeat left center;  }
.bottom_iconc ul li:nth-child(n) {  float:left;width:25%;height:95px; background-size:auto 100% ;   }

@media ( min-width: 1439px ){ 
  .bottom_iconc_ul { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .bottom_iconc_ul {  width:96%; margin:0 2%;  } 
}
@media ( min-width: 768px ) and (max-width: 979px){
 .bottom_iconc ul li:nth-child(n) {  height:75px;    }
}
@media ( max-width: 767px) {
    .bottom_iconc {  display:none;    }
}



.bottom_mess_con { width:100%;overflow:hidden; padding:15px 20px 30px; box-sizing:border-box;    }
.bottom_mess { background:#303030; width:100%;overflow:hidden;  }
.bottom_mess_liuyan {   float:left;width:45%; margin-top:32px; }
.bottom_mess_liuyan h2 { color:#eee; font-weight:normal;font-size:16px;padding-bottom:16px;     }
.bottom_mess_liuyan h2 i{ color:#909090; font-size:14px; padding-right:3px;    }
.mess_form input{ outline: none; margin-bottom:10px; height:38px;line-height:36px; box-sizing:border-box; border:1px solid #4e4e4e; background:#3b3b3b; color:#b8b8b8;font-size:14px; padding:0 15px;   }
/*.mess_form input:nth-child(2n+1){width:60%;float:left;}
.mess_form input:nth-child(2n+2){width:38%;float:right;}*/


.mess_form input.input1{width:60%;float:left;}
.mess_form input.input2{width:38%;float:right;}
.mess_form input.input6{width:38%;float:left;}
.mess_form input.as{font-size:16px; float:right; color:#B9B9B9;border: 0;background: #303030;}

.mess_form textarea{ outline: none; margin-bottom:10px; font-family:"Microsoft YaHei";   height:102px;width:100%;line-height:36px; box-sizing:border-box; border:1px solid #4e4e4e; background:#3b3b3b; color:#b8b8b8;font-size:14px; padding:0 15px;   }
.mess_form button {  float:right; background:none; border:none; color:#b8b8b8; font-size:16px; margin-top:5px; }
.mess_form button:hover {  color:#fff;text-decoration:underline;      }
.bottom_mess_phone {  float:right; width:50%;   text-align:right; margin-top:52px; color:#fff;    }
.bottom_mess_phone img{ float:right; width:200px; height:200px; padding-left:30px; }
.bottom_mess_phone p{  color:#bcbcbc; font-size:14px;margin-top:10px; line-height:34px;   }
.bottom_mess_phone h1{ color:#bcbcbc;font-weight:normal;   font-size:25px; line-height:34px;   }
.bottom_mess_phone h3{ color:#bcbcbc; font-weight:normal;font-size:14px;  line-height:34px;      }
@media ( min-width: 1439px ){ 
  .bottom_mess_con { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .bottom_mess_con {  width:96%; margin:0 2%;  } 
}
@media ( min-width: 768px ) and (max-width: 979px){
 .bottom_mess_liuyan{ }
 .bottom_mess_phone img { width:100px;height: 100px; }
}
@media ( max-width: 767px) {
    .bottom_mess {  display:none;    }
}






/*底部*/

.bottom_footer {  background:#282828;/*overflow:hidden;*/}
.bottom_con p {  color:#ccc; font-size:13px; line-height:24px; padding:10px 0; overflow:hidden;   }
.bottom_con_xinxi {color:#818181; font-size:12px; line-height: 44px; float:left;}
.bottom_con_links {color:#818181; font-size:12px; line-height: 44px; float: right;}
.bottom_con_links a{ color:#ccc;  }
.bottom_con_links a:hover{ color:#fff;  }

@media (min-width: 1439px){.bottom_con { width:1400px; margin:auto;}}
@media (min-width: 980px) and (max-width:1438px){.bottom_con { width:96%; margin:0 2%; }}
@media (min-width: 768px) and (max-width:979px){
.bottom_con p { text-align:center; box-sizing:border-box;  text-align:center; width:100%; max-width:100%; }
.bottom_con_xinxi { width:100%;}
.bottom_con_links { width:100%;text-align: center;}
.bottom_con p.bottom_con_xinxi {line-height:24px;padding:15px 10px 10px; }
.bottom_con p.bottom_con_links {line-height:24px; padding:0 10px 10px; background:#222;} 
}

 @media (max-width: 767px){
.bottom_con p {text-align:center; box-sizing:border-box;}
.bottom_con_xinxi {width:100%;}
.bottom_con_links {width:100%;text-align: center;}
.bottom_con p.bottom_con_xinxi {line-height:24px;padding:15px 10px 10px;}
.bottom_con p.bottom_con_links {line-height:24px; padding:0 10px 10px; background:#222;} 
}

.message_wrap { width:670px; margin:25px auto 0;  }
.message_wrap > .input_tet:nth-child(2n+1) {   margin-left:0%;    }
.message_wrap > .input_tet input{ width:100%; height:52px; border-radius:5px; font-size:15px; border:none; padding:0 20px;box-sizing:border-box; border:1px solid #eee; outline:none; background:#f9f9f9;     }
.p1okbt ul{display:none;   }
.textarea_tet textarea{   width:100%;  height:200px; border-radius:5px; background:#fff; border:none; box-sizing:border-box; padding:20px;color:#555;font-size:15px; border:1px solid #eee; background:#f9f9f9;  font-family:"Microsoft YaHei";outline:none;     }
.button_tet { height:52px; overflow:hidden; margin-top:25px; display:inline-block;  margin-left:110px;  }
.button_tet input {  height:52px; width:150px; border-radius:5px; font-size:15px; border:none;float:left; box-sizing:border-box; padding:0 20px; border:1px solid #eee; outline:none; background:#f9f9f9;   }
.button_tet input.message_button {  height:52px;display:inline-block;float:left; background:#000; color:#fff; cursor:pointer;   }
.button_tet input.message_button:hover {  background:#333;color:#eee;   }

@media (min-width: 768px){
.message_wrap > .input_tet {   float:left; width:49%; margin-left:2%; margin-bottom:18px;  }
}


@media (max-width: 767px){
    .message_wrap { width:100%; padding:0 20px;  box-sizing:border-box;   }
    .message_wrap > .input_tet { margin-bottom:18px;     }
    .button_tet {   margin:0px;  margin-top:25px;    }
    .button_tet input {  width:80px; }
    .button_tet input.message_button {  width:100px;  }
    .button_tet img {  width:80px;margin:0 10px;         }
}

/*新闻资讯*/

.link_wrap {  overflow:hidden; position:relative;margin-bottom:10px;   }
.link_wrap h2 { font-weight:normal;font-size:16px; color:#333; position:absolute;left:0px;top:0px; line-height:28px;  }
.link_wrap ul{  padding-left:80px;      }
.link_wrap ul li { float:left;  padding-right:15px;    }
.link_wrap ul li a{ color:#999; line-height:28px; font-size:14px;}
.link_wrap ul li a:hover{ color:#e9b002; }
@media (min-width: 1439px){
  .link_wrap { width: 1340px;margin:auto; margin-top:5px; margin-bottom:10px; }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .links_wrap {   width:96%; margin:0 2%;  margin-bottom:10px; }
}
 @media ( min-width: 768px)and ( max-width: 979px ){
    .link_wrap {  width:94%; margin:0 auto;margin-bottom:10px; }
  
}
  @media (max-width: 767px){
    .link_wrap { width:94%;margin:0 auto;   }
    .link_wrap h2 {  display:none;}
    .link_wrap ul {  padding:0;text-align:center;  width:100%;height:auto;overflow:hidden;margin-right:0px;   }
    .link_wrap ul li {  padding-right:18px; }
}

/*友情链接*/

.bottom2{
    height:42px;
}
.duoduan {  float:right;  }
.duoduan li{  float:left; padding:0 0px; position:relative;  }
.duoduan li:hover {  background:rgba(255,255,255,0.2);  }
.duoduan li p{  display:none;  position:absolute;width:100px;height:110px;left:-0px; top:-130px; padding:10px;background:#fff;line-height:024px!important; color:#555!important;  }
.duoduan li:hover p { display:block;   }

@media only screen and (max-width:30em) {
    .duoduan { display:none;}
    .bottom2 { height:auto;  }
}
/*多端预览*/



/*底部*/

.bottom_con{height:42px;}
.duoduan { float:right;  }
.duoduan li{  float:left; padding:0 0px; position:relative;  }
.duoduan li:hover {  background:rgba(255,255,255,0.2);  }
.duoduan li p{  display:none;  position:absolute;width:100px;height:110px;left:-0px; top:-130px; padding:10px;background:#fff;line-height:20px!important; color:#555!important;  font-size:12px;}
.duoduan li:hover p { display:block;   }
.duoduan li p img{ width:100%;}
@media only screen and (max-width:30em) {
    .duoduan { display:none;}
    .bottom_con { height:auto;  }
    .bottom_con{height:auto;}

    .bottom_con p { background:#303030;  }
    .bottom_footer { overflow:hidden;  }
}