@charset "utf-8";
.index_nav_wrap { width:100%; height:91px; background:#fff; border-bottom:1px solid #f5f8fa; box-sizing:border-box;   }
.head_logo {  width:230px; height:90px;text-align:center;  position:absolute;left:10%;top:0px; transform:translateX(-50%);   }
.nav_con_wrap {  height:90px; float:right }
.nav_con_wrap li {  float:left; height:90px;width:100px;  }
.nav_con_wrap li a{ transition:all 300ms;   display:block; height:34px; width:100%; line-height:34px;margin-top:28px;  color:#555;text-align:center;   }
.nav_con_wrap li.nav_li_selected  a{ background:#a58767; color:#fff;   }
/*.nav_con_wrap li:nth-child(5) {  margin-right:230px;}*/
.nav_con_wrap li a:hover{ background:#a58767; color:#fff;   }
.index_nav_bg { width:100%; height:5px; background:rgba(0,0,0,0.1); position:absolute;left:0px;top:91px; z-index:5;    }


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

@media (max-width: 979px){
  .index_nav_wrap { display:none;}
   .index_nav_bg { display: none; }
}
@media (max-width: 767px){
  
}

/*菜单导航*/
.move_nav_icon { width: 40px;height: 40px;position: absolute; top: 50%;transform: translateY(-50%) scale(0.8);z-index: 6;right: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 0 25px; box-sizing:border-box;width:100%;overflow:hidden;  height:60px; }
.mob_head_logo a{ overflow:hidden; display:block;height:60px;width:100%; text-align:left;  }
.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: absolute;right:0px; 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;  }
}


/*手机头部*/
.banner_wrap {  position:relative; width:100%;   }
.pro_wrap {position: relative;width: 100%;}
.server_wrap { width:100%; overflow:hidden; background:rgba(0,0,0,0.6);  position:absolute;bottom:0px;left:0px; }
.server_con {   }
.server_con li{  width:25%;height:110px;text-align:center; float:left; border-left:1px solid rgba(255,255,255,0.2); box-sizing:border-box; overflow:hidden; }
.server_con li:nth-child(4){ border-right:1px solid rgba(255,255,255,0.2); }
.server_con li img{  max-height:100%;max-width:100%;   }



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

 @media ( min-width: 768px)and ( max-width: 979px ){
    .server_wrap { position:relative;}
}
 @media (max-width: 767px){
   .server_wrap { position:relative;}
    .server_con li {width:50%;border-bottom: 1px solid rgba(255,255,255,0.2);    }

}


/*bannner icon*/

.hotpro_wrap { overflow:hidden; }
.hotpro_con { width:100%;margin-top:20px;  }
.hotpro_con li{ width:25%;background:#f9f9f9;  }
.hotpro_con li:hover{ background:#f5f5f5;  }
.hotpro_con li a{ display:block; display:table-cell;text-align:center;vertical-align:middle;  position:relative; }
.hotpro_con li a img { max-width:100%;max-height:100%; transition:all 300ms;   }
.hotpro_con li a p{ width:216px; height:48px;line-height:48px;text-align:center; color:#fff; padding:0 20px; box-sizing:border-box; position:absolute;left:50%;transform:translateX(-50%);bottom:0px; background:url(hotprotitbg.png) no-repeat; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; text-shadow:0 2px rgba(0,0,0,0.18);  }
.hotpro_con li:hover a img {transform:translateY(3px);   }

@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_con li{width:50%;}
}
 @media (min-width: 768px){
.hotpro_con li{  float:left; }

}
@media (max-width: 767px){

.hotpro_con li{  width:100%; border-bottom:1px solid #eee;   }
}





/*推荐产品*/

.index_about_wrap {  overflow:hidden; }
.about_wrap,.certificate_wrap { margin-top:20px;width:50%; height:370px;   }
.about_wrap {  position:relative;   }
.about_con_bg {  background:url(about.jpg) no-repeat center;background-size:100% auto; width:100%;height:100%;  }
.about_con { width:100%; height:140px;position:absolute; left:0px;bottom:0px; background:rgba(0,0,0,0.6);  }
.about_con h2 {  height:50px;box-sizing:border-box; line-height:49px; font-size:18px; font-weight:normal;padding:0 22px;  color:#fff; border-bottom:1px solid rgba(255,255,255,0.2);   }
.about_con h2 span { float:left;   }
.about_con h2 a{  color:#e4c29e;float:right; font-size:12px;  }
.about_con h2 a:hover{  text-decoration:underline;  }
.about_con p{  color:#fff;font-size:14px; height:66px;box-sizing:border-box;padding:15px 22px;line-height:24px; 
               display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;     }

.certificate_wrap {  background:#f9f9f9; }
.index_tit_ry { height:63px;box-sizing:border-box; line-height:62px; font-size:18px; font-weight:normal;padding:0 22px 0 50px;  color:#555; border-bottom:1px solid #eee;       }
.index_tit_ry span { float:left; border-bottom:1px solid #a58767;   }
.index_tit_ry a{  color:#caad8f; float:right; font-size:12px;  }
.index_tit_ry a:hover{  text-decoration:underline;  }

.zhengshu_wrap {  width:100%; height:307px;   }
.zhengshu_container {   height:307px;width:100%; padding:25px 50px!important; box-sizing:border-box;     }
.certificate_img { height:100%; }
.certificate_img li{ width:50%;height:100%; }
.certificate_img li a{ width:100%;height:100%;display:block;display:table-cell;vertical-align:middle;text-align:center;      }
.certificate_img li a img{  max-height:100%; max-width:100%; }
.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(lefticon.png);   }
.zhengshu_container .swiper-button-next, .zhengshu_container .swiper-container-rtl .swiper-button-prev{ background-image:url(righticon.png);   }


@media (min-width: 1439px){
  .index_about_wrap { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .index_about_wrap {   width:96%; margin:0 2%;   }
}
@media (min-width: 980px){
 .about_wrap,.certificate_wrap { float:left;    }
}
 @media ( min-width: 768px)and ( max-width: 979px ){
 .about_wrap,.certificate_wrap { margin-top:20px;width:100%; height:370px;   }
 .index_tit_ry {padding: 0 22px; }
}

 @media (min-width: 767px){

.certificate_img li{ float:left; }

}

 @media (max-width: 767px){

.hotpro_con li{  width:100%; }
.about_wrap,.certificate_wrap { margin-top:20px;width:100%; height:auto;   }
.about_con { position:relative;top:0; height:160px;       }
.about_con_bg {  background-size:100% 100% ;  height:200px; }
.about_con p { -webkit-line-clamp: 3; height:89px;    }
.certificate_img li{ width:100%; }
.certificate_img li:nth-child(2){ display:none; }
.zhengshu_container {padding:10px 10px!important;}
.index_tit_ry {padding: 0 22px; }

}




/*关于我们*/

.customer_wrap {   }
.customer_con { margin-top:20px;background:#f9f9f9; overflow:hidden;  }
.index_tit_kujz { height:51px;box-sizing:border-box; line-height:50px; font-size:18px; font-weight:normal;padding:0 22px;  color:#555; border-bottom:1px solid #eee;       }
.index_tit_kujz span { float:left; border-bottom:1px solid #a58767;   }
.index_tit_kujz a{  color:#caad8f; float:right; font-size:12px;  }
.index_tit_kujz a:hover{  text-decoration:underline;  }
.customer_con_ul{ padding:20px 22px 25px; overflow:hidden;    }
.customer_con_ul li{ width:22%; float:left; margin-right:4%;   }
.customer_con_ul li:last-child{  margin-right:0%;   }
.customer_con_img { width:100%; height:200px;overflow:hidden; text-align:center;  }
.customer_con_img a{width:100%; height:200px;display:block;  }
.customer_con_img img{ width:100%; height:200px; }
.customer_con_ul li h2 { font-size:16px; font-weight:normal; color:#555;line-height:32px;padding-top:5px; text-align:center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;     }
.customer_con_ul li p {   font-size:14px;color:#999;  line-height:28px;  text-align:justify;
                          display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.customer_con_ul li p a { color:#999; }


@media (min-width: 1439px){
  .customer_wrap { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .customer_wrap {   width:96%; margin:0 2%;   }
}
 @media ( min-width: 768px)and ( max-width: 979px ){
    .customer_con_ul { padding-bottom:0px; }
   .customer_con_ul li{ width:48%; float:left; margin-right:4%;margin-bottom:25px;   }
   .customer_con_ul li:nth-child(2n+2){  margin-right:0%;   }
   .customer_con_ul li p {   font-size:14px;color:#999;  line-height:28px;  text-align:justify;
                          display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; }

}

 @media (max-width: 767px){

 .customer_con_ul li{ width:100%;  margin-right:0%;margin-bottom:25px;   }

}





/*客户见证*/



.index_tit_news { height:51px;box-sizing:border-box; background:#f9f9f9;   line-height:50px; font-size:18px; font-weight:normal;padding:0 22px;  color:#555; border-bottom:1px solid #eee;       }
.index_tit_news span { float:left; border-bottom:1px solid #a58767;   }
.index_tit_news a{  color:#caad8f; float:right; font-size:12px;  }
.index_tit_news a:hover{  text-decoration:underline;  }
.news_con { margin-top:20px;  }

.news_con_ul li{ margin-top:22px; overflow:hidden;position:relative; height:175px; padding-left:302px;box-sizing:border-box;  }
.news_con_img {  width:280px; height:175px; position:absolute; left:0px; top:0px;  }
.news_con_img a{  width:280px; height:175px;  display:table-cell;vertical-align:middle; text-align:center;  background:#f9f9f9; }
.news_con_img img{  max-height:100%;max-width:100%; }
.news_con_li {  background:#f9f9f9; width:100%; height:175px;box-sizing:border-box;  padding:15px 25px;  }
.news_con_li h2 {  font-size:16px; color:#555;font-weight:normal; line-height:40px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;   }
.news_con_li h2 a{  color:#555; }
.news_con_li span {font-size:14px; color:#999;line-height:28px;   }
.news_con_li p { font-size:15px; color:#696969; line-height:28px;height:58px;overflow:hidden;padding-top:5px;  display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  }
.news_con_li p a {  color:#696969;  }


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

   .news_con_img{display:none;        }
    .news_con_ul li { padding:0px 20px;     }

}



/*新闻资讯*/

.links_con { margin-top:20px; overflow:hidden; position:relative; }
.links_con h2{ font-weight:normal;font-size:16px;color:#333; line-height:32px;padding-right:10px;display:block;float:left; position:absolute;left:0px;top:0px;   }
.links_con p{ float:left;padding-left:84px;  }
.links_con p a{font-size:14px;color:#555;padding:0 12px;line-height:32px;display:inline-block;    }
.links_con p a:hover{ text-decoration:underline; }

@media (min-width: 1439px){
  .links_wrap { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .links_wrap {   width:96%; margin:0 2%;   }
}
 @media ( min-width: 768px)and ( max-width: 979px ){
    .links_con { padding:0 22px;}
    .links_con h2 { left:22px; }

}
  @media (max-width: 767px){

   .links_con{padding:0px 20px; }
   .links_con h2 {  left:20px; padding-right:5px;    }
   .links_con p a { padding: 0 5px}

}




/*友情链接*/


/*底部*/

.bottom{ width:100%; overflow: hidden;padding-bottom:60px;background:#282828; margin-top:25px; border-top:1px solid #eee;
}
.bottom .bottom_c{
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
.bottom .bottom_c .iconbox{
    width: 100%;
    height:160px;
    border-bottom:1px solid #eee;
}
.bottom .bottom_c .iconbox ul li{
    float:left;
    width:25%;
    height:160px;
}
.bottom .bottom_c .iconbox ul li img{
    float:left;
    margin-top: 44px;
}
.bottom .bottom_c .iconbox ul li .p1{
    color:#545454;
    font-size:17px;
    margin-top: 40px;
    line-height: 40px;
    margin-left:20px;
    float:left;
}
.bottom .bottom_c .iconbox ul li .p2{
    color:#999;
    font-size:14px;
    line-height: 40px;
    margin-left:20px;
    float:left;
}
@media only screen and (max-width:64em) {
    .bottom .bottom_c .iconbox ul li{
        width:25%;
    }
    .bottom .bottom_c .iconbox{
        height:auto;
        overflow: hidden;
    }
    .bottom .bottom_c .iconbox ul li .p2{font-size: 12px;}
}
@media only screen and (max-width:48em) {
    .bottom .bottom_c .iconbox ul li{
        width:50%;
    }
}
.bottom .bottom_c .fdh{
    width:100%;
    overflow: hidden;    
 
}
.bottom .bottom_c .fdh li{
    float:left;
    width:140px;
}
.bottom .bottom_c .fdh li+li{
    
}
.bottom .bottom_c .fdh .f1{ float:left; padding-top:15px; }
.bottom .bottom_c .fdh .fdh_left{  float:left; }
.bottom .bottom_c .fdh .f1 a{  line-height: 42px; display: block;float:left;width:140px;  font-size:15px; color:#fff; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;      }
.bottom .bottom_c .fdh .a1{display: block; width:123px; font-size:14px; color:#c8caca;line-height:32px;
       transition: 0.5s; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.bottom .bottom_c .fdh .a1:hover{
    color:#fff;
    transition: 0.5s;
}
.bottom .bottom_c .fdh .fdh_right{
    float:right;
}
.bottom .bottom_c .fdh .fdh_right .ewm{
    margin-top: 26px; width:100px;
}
.bottom .bottom_c .fdh .fdh_right .ewm img{
    width:100px;
}
@media only screen and (max-width:48em) {
    .bottom .bottom_c .fdh .fdh_right{display: none;}
    .bottom .bottom_c .fdh .fdh_left{display: none;}
    .bottom{padding:0;}
    .bottom .bottom_c .fdh{display: none}
    .bottom .bottom_c .iconbox{border:none;}
}
@media only screen and (max-width:30em) {
	.bottom{display:none}
}
.bottom .bottom_c .fdh .fdh_right .pp1,.bottom .bottom_c .fdh .fdh_right2 .pp1{
    color:#999;
    font-size:14px;

}
.bottom .bottom_c .fdh .fdh_right2 .pp2{
    color:#555;
    font-size:25px;
}
.bottom .bottom_c .fdh .fdh_right2{
    margin-right:15px;
    float:right;
    margin-top:29px;
}
@media only screen and (max-width:48em) {
    .bottom .bottom_c .fdh .fdh_right2{display: none;}
}
.bottom2{
    width:100%;
    /*overflow:hidden;*/
    background: #3a3a3a;
}
@media only screen and (max-width:30em) {
	.bottom2 {width: 100%;background: #282828; }
 
}

@media only screen and (max-width:64em) {
	.bottom .bottom_c .fdh .fdh_right2{display:none;}

}
.bottom2 .bottom2_c{width:92%; margin:0 auto;}
.bottom2 .bottom2_c .bottom_con_xinxi{color:#c8caca; font-size:12px; line-height: 2.5rem; float:left;}
.bottom2 .bottom2_c .bottom_con_links{color:#c8caca; font-size:12px; line-height: 2.5rem; float:right;}
.bottom2 .bottom2_c .bottom_con_xinxi a,.bottom2 .bottom2_c .bottom_con_links a{color:#818181;}
.bottom2 .bottom2_c .bottom_con_xinxi a:hover,.bottom2 .bottom2_c .bottom_con_links a:hover{text-decoration: underline;}

.jq22-container+.jq22-container{
    display: none;
}
.lisright p{color:#bbb; text-align:center; font-size:14px; margin-top:40px;}
.lisright h2 {color:#bbb; text-align:center; font-size:24px; font-weight:bold; }
.lisright h3 {color:#bbb; text-align:center; font-size:14px; font-weight:normal;}


@media only screen and (max-width:30em) {
	.bottom2 .bottom2_c .bottom_con_xinxi{width:100%;text-align:center; line-height:24px;} 
    .bottom2 .bottom2_c .bottom_con_links{width:100%;text-align:center; line-height:24px;} 
    .jq22-container{display: none}  
    .jq22-container+.jq22-container{display: block;}
    .jq22-container+.jq22-container{height:400px !important;}
    .jq22-container+.jq22-container .mySlideshow{height:400px !important;}
}

@media only screen and (min-width:30em) {.bottom2 .bottom2_c .bottom_con_links{ float:right;}
}
@media ( min-width: 768px)and ( max-width: 979px ){.bottom2 .bottom2_c .bottom_con_links{line-height: 70px;}}


/*底部*/

.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:20px!important; color:#555!important;  font-size:12px;}
.duoduan li:hover p { display:block;   }

@media only screen and (max-width:30em) {
    .duoduan { display:none;}
    .bottom2 { height:auto;  }
}
/*语言切换*/
.link_lang
{
    position: absolute;
    top: 10px;
    font-size: 12px;
    text-decoration: underline;
    right: 20px;
}