/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* QQ：9490489 */
.index_nav_wrap { width:100%; height:88px; background:#fff; border-bottom:1px solid #f5f8fa; box-sizing:border-box;   }
.head_logo {  width:230px; height:88px;  float:left; }
.nav_con_wrap {  height:88px; float:left; }
.nav_con_wrap li {  float:left; height:88px;  }
.nav_con_wrap li a{ transition:all 300ms;  display:block; line-height:88px;  color:#555;text-align:center;  position:relative; padding:0 20px;box-sizing:border-box;max-width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;   }
.nav_con_wrap li.nav_li_selected a{ background:#f9f9f9; color:#555; }
.nav_con_wrap li a:hover{  background:#f9f9f9; color:#555;   }
.nav_con_wrap li.nav_li_selected a:after{ content:"";width:100%;height:3px;display:block;background:#9bc936; position:absolute;left:0px;bottom:0px;       }
.nav_con_wrap li a:hover::after{ content:"";width:100%;height:3px;display:block;background:#9bc936; position:absolute;left:0px;bottom:0px;       }
.top_notice { float:right; line-height:88px;max-width:160px; padding:0 18px 0 30px; font-size:14px; color:#696969; background:url(../images/icon_not.png) no-repeat left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;    }
.top_icon_nav { float:right; width:67px; height:88px;background:#9bc936;line-height:88px; color:#fff; text-align:center;cursor:pointer;}
.top_icon_nav i {  font-size:22px;}


@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%; }
.server_pro {  position:relative; width:100%; }
.server_wrap { width:100%;height:215px;  position:absolute;bottom:0px;left:0px;  }
.server_con { transform:translateY(50%);overflow:hidden;    }
.server_con li{ width:20%;height:215px;text-align:center; float:left;box-sizing:border-box; overflow:hidden; background:#fff; }
.server_con li:nth-child(1){border-top-left-radius:20px;}
.server_con li:nth-child(5){border-top-right-radius:20px;  }
.server_con li a {  transition:all 300ms;  display:block; text-align:center; display:block; height:100%; padding:25px 20px 20px; box-sizing:border-box;}
.server_con li a img{ width:125px;height:125px; transition:all 300ms;    }
.server_con li a span{ display:block; text-align:center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; transition:all 300ms;     }
.server_con li a:hover {  background:#f5f5f5; }
.server_con li a:hover img{ transform:translateY(5px) scale(1.03);   }
.server_con li a:hover span{ transform:translateY(5px); font-size:15px;  }
.server_con_bottom { height:115px;    }


@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;}
    .server_con li a {padding: 10px 20px 10px; }
    .server_wrap { height:190px; }
    .server_con li {  height:190px; }
} 
 
 @media (max-width: 979px){
   .server_con{transform: translateY(0%); }
   .server_con_bottom {display:none; }

 }

 @media (max-width: 767px){
   .server_wrap { position:relative;  display:none; }

   .server_con li {width:50%;border-bottom: 1px solid rgba(255,255,255,0.2);    }
 
   .server_con li:nth-child(1) { border-top-left-radius: 0px;}
   .server_con li:nth-child(5) { border-top-left-radius: 0px;}

}


/*bannner icon*/

.hotpro_wrap { overflow:hidden; }
.hotpro_con { width:100%;margin-top:20px;  }
.hotpro_con li{ width:23.5%;background:#f9f9f9;margin-right:2%;  }
/*.hotpro_con li:nth-child(n+4){ margin-right:0;  }*/
.hotpro_con li.mgin{ margin-right:0px;}
.hotpro_con li:hover{ background:#f5f5f5;  }
.hotpro_con li a{ display:block; display:table-cell;text-align:center;vertical-align:middle; position:relative; overflow:hidden; }
.hotpro_con li a>img { max-width:100%;max-height:100%; transition:all 300ms;   }
.hotpro_con li a p{ width:80%; height:49px;line-height:49px; background:#91c127; color:#fff; padding:0 65px 0 15px; box-sizing:border-box; position:absolute;left:50%;transform:translateX(-50%);bottom:0px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  }
.hotpro_con li a p .hotprotit{display:block; text-align:left; line-height:49px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  }
.hotpro_con li:hover a > img { margin-top:-3px;  }
.hotpro_con li a p .hotproimg {  position:absolute; width:60px; height:49px;right:0px;top:0px; }
.hotpro_con li a p .hotproimg:hover {  background:rgba(0,0,0,0.2); }
.hotpro_con li a p .hotproimg img{ transition:all 300ms; } 
.hotpro_con li a p .hotproimg:hover img{  margin-left: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%;margin-right:0%;}
}
 @media (min-width: 768px){
.hotpro_con li{  float:left; }

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

.hotpro_con li{  width:48%; border-bottom:1px solid #eee; float:left; margin-left:2%; margin-right:0 !important}
.hotpro_con{ margin-left:-1%}
}


/*�Ƽ���Ʒ*/

.index_about_wrap { overflow:hidden; }
.about_wrap{ margin-top:20px;width:49%; height:340px;   }
.about_con_bg { margin-top:20px; background:url(../images/about.jpg) no-repeat center; background-size:auto 100%; height:340px; }
.about_con { width:100%; height:100%;float:left; background:#f9f9f9; 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:center; color:#333;  font-weight:normal;padding:0 22px;  border-bottom:1px solid #eee;   }
.about_con h2:after {   position:absolute;left:50%;bottom:-1px; transform:translateX(-50%); content:"";width:46px;height:1px; background:#9bc936;    }

.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;    }

.about_con_more { transition:all 300ms; margin:20px auto; display:block; width:157px; height:44px; box-sizing:border-box; line-height:44px;border:1px solid #9bc936; color:#9bc936;text-align:center; }

.about_con_more:hover { background:#9bc936;color:#fff;    }

@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{ float:left;    }
  .about_con_bg {   width:49%; float:left;margin-right:2%; }
}
 @media ( min-width: 768px)and ( max-width: 979px ){
 .about_wrap { margin-top:20px;width:100%; height:370px;   }




}

 @media (min-width: 767px){

}

 @media (max-width: 767px){

.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%; }
.about_con p { -webkit-line-clamp: 3; height:89px;    }




}


/*��������*/
.index_box3_wrap {  overflow:hidden;}
.certificate_wrap { margin-top:20px; height:370px; width:49%; margin-right:2%; padding:0 30px; box-sizing:border-box;   }
.certificate_wrap { background:#f9f9f9; }
.index_tit_ry{  height:62px;box-sizing:border-box; line-height:62px; font-size:18px; position:relative; text-align:center; color:#333;  font-weight:normal;padding:0 22px;  border-bottom:1px solid #eee;   }
.index_tit_ry:after {   position:absolute;left:50%;bottom:-1px; transform:translateX(-50%); content:"";width:46px;height:1px; background:#9bc936;    }
.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:48.5%; height:100%; margin-right:3%;  }
.certificate_img li:nth-child(2){  margin-right:0%;  }
.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(../images/lefticon.png);background-image:none;    }
.zhengshu_container .swiper-button-next, .zhengshu_container .swiper-container-rtl .swiper-button-prev{ background-image:url(../images/righticon.png); background-image:none;   }
.zhengshu_container .swiper-button-prev, .zhengshu_container .swiper-container-rtl .swiper-button-prev:after { width:20px;height:20px;border:1px solid #9bc936; transform:rotate(45deg); border-top:none;border-right:none;        }
.zhengshu_container .swiper-button-next, .zhengshu_container .swiper-container-rtl .swiper-button-prev:after { width:20px;height:20px;border:1px solid #9bc936; transform:rotate(45deg); border-bottom:none;border-left:none;        }

.problem_wrap {    height:370px; background:#f9f9f9; margin-top:20px;padding:0 30px; box-sizing:border-box;  }
.problem_ry{  height:62px;box-sizing:border-box; line-height:62px; font-size:18px; position:relative; text-align:center; color:#333;  font-weight:normal;padding:0 22px;  border-bottom:1px solid #eee;   }
.problem_ry:after {   position:absolute;left:50%;bottom:-1px; transform:translateX(-50%); content:"";width:46px;height:1px; background:#9bc936;    }
.problem_con_more { transition:all 300ms; margin:20px auto; display:block; width:157px; height:44px; box-sizing:border-box; line-height:44px;border:1px solid #9bc936; color:#9bc936;text-align:center; }
.problem_con_more:hover { background:#9bc936;color:#fff;    }
.problem_ul {  padding-top:20px;     }
.problem_ul li{ border-bottom:1px solid #eee;padding:10px 0px; overflow:hidden; }
.problem_ul li h3{ font-weight:normal;font-size:15px; text-indent:36px; color:#999; line-height:34px;height:34px; background:url(../images/problem_iocn_01.png) no-repeat center left;     width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;    }
.problem_ul li p{  color:#76a50e;font-size:15px;text-indent:36px;  line-height:34px;height:34px; background:url(../images/problem_iocn_02.png) no-repeat center left;   overflow:hidden;white-space:nowrap; text-overflow:ellipsis;      }
.problem_ul li h3 a{  color:#999;   }
.problem_ul li p a{  color:#76a50e;   }
.problem_ul li h3 a:hover{ text-decoration:underline;   }
.problem_ul li p a:hover{  color:#76a50e;text-decoration:underline;   }

@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){
  .certificate_wrap { float:left;    }
  .problem_wrap{ float:left;width:49%;    }


}
 @media ( min-width: 768px)and ( max-width: 979px ){
  .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){
.certificate_wrap { margin-top:20px;width:100%; height:auto;   }
.certificate_img li{ width:48%; float:left}
.certificate_img li:nth-child(2){}
.zhengshu_container {padding:10px 10px!important;}
.index_tit_ry {padding: 0 22px; }

.problem_wrap { width:100%; }

}

/*����֤�� ��������*/
.news_wrap {  overflow:hidden; }
.news_con {  margin-top:20px; }
.news_con_ul li{  width:23.5%;margin-right:2%; overflow:hidden;  box-sizing:border-box;  }
.news_con_ul li:nth-child(n+4){ margin-right:0;  }
.news_con_ul li p{ height:36px; line-height:36px; overflow:hidden; }
.news_con_ul li p a{  padding:0 20px;font-size:15px; color:#555; width:100%;  box-sizing:border-box; display:block; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;     }
.news_con_ul li p:nth-child(1) { height:163px; position:relative; text-align:center; }
.news_con_ul li p:nth-child(1) a{ display:block; height:36px;position:absolute;left:0px;bottom:0px; background:rgba(0,0,0,0.5);color:#fff;     }
.news_con_ul li p img { height:100%; position:absolute;left:50%;top:0px; transform:translateX(-50%);  }
.news_con_ul li p a:hover { text-decoration:underline; }

@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 ( min-width: 768px)and ( max-width: 979px ){
   .news_con_ul li{   width:47%;margin-right:2%;margin-left:2%;   }
   .news_con_ul li:nth-child(2n+2){ margin-left:0;  }
    .news_con_ul li p img { width:100%; }
}

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

}

 @media ( max-width: 767px){
   .news_con_img{ display:none;        }
   .news_con_ul li { padding:0px 20px;     }
   .news_con_ul li { width:100%; }
   .news_con_ul li:first-child { display:block;   }
    .news_con_ul li p:nth-child(1) a { width:100%;}


}

/*������Ѷ*/

.message_wrap {  width:100%; height:258px; background:url(../images/messagebg.jpg) no-repeat center; margin-top:20px;  }
.message_con { overflow:hidden;   }
.message_tel_wrap {width:40%;padding-top:40px;   }
.message_input { float:right; width:477px; text-align:right; padding-top:40px;}
.message_erweima {width:120px; }
.message_erweima img{ width:120px;height:120px;   }
.message_erweima p { color:#fff; width:100%;text-align:center; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;padding-top:5px;font-size:14px;  }
.message_tel{ padding-left:20px;  }
.message_tel p{ font-size:16px; color:#fff;    }
.message_tel h3{  color:#fff; font-size:24px; font-weight:normal; line-height:36px; background:url(../images/message_tel.png) no-repeat left center;text-indent:36px;   }
.message_input input{ height:38px; border:none;outline: none; background:rgba(255,255,255,0.2); color:#fff; padding:0 10px; box-sizing:border-box; }
.message_input input::-webkit-input-placeholder { color:#fff;}
.name { width:155px;  color:#fff;  }
.tel { margin-left:12px; width:300px;color:#fff;  }
.jianyi {  width:472px; margin-top:13px; height:84px; font-family:"Microsoft YaHei";   box-sizing:border-box; border:none; background:rgba(255,255,255,0.2);color:#fff; padding:10px; }
.jianyi::-webkit-input-placeholder { color: #fff;}
.jianyi::-moz-placeholder{ color: #fff;}
.jianyi:-ms-input-placeholder{ color: #fff;}
.Check{ margin-left:5px;margin-top: 13px; float:left;}
.message_btn { outline: none; transition:all 300ms;  display:block;float:right;width:148px; height:46px; background:#76a50e; color:#fff; border:none; cursor:pointer;margin-top:13px;  }
.message_btn:hover {   background:#7cac13; color:#daf1a8;   }
@media (min-width: 1439px){
   .message_con { width:1400px; margin:auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
   .message_con { width:96%; margin:0 2%; }
}

 @media ( min-width: 768px)and ( max-width: 979px ){
  
    .message_tel_wrap {   width:100%; text-align:center; padding-top:30px; }
    .message_input { display:none;   }
    .message_erweima { margin:0 auto; }
    .message_tel{ width:210px;margin:0 auto;   } 

}

  @media ( min-width: 980px){
    .message_erweima { float:left;  }
    .message_tel{ float:left;   }
    .message_tel_wrap {float:left; } 
}


 @media ( max-width: 767px){
    .message_input { display:none; }
    .message_tel_wrap { width:100%; padding-top:20px;  }
    .message_erweima {margin:0 auto;   }
    .message_tel{ margin-top:15px;   }
    .message_tel p { text-align:center; width:100%; }
    .message_tel h3 { text-align:center; margin:0 auto; width:210px;   }
    .message_wrap {   background: url(../images/messagebg.jpg) no-repeat left;   }
  
}


/*��������*/
.bottom_wrap {  background:#2f2f2f;overflow:hidden;    }
.bottom_con_xinxi {color:#ccc; font-size:13px; line-height:24px; padding:10px 0; overflow:hidden;}
.bottom_con_xinxi a{ color:#ccc}
.bottom_con_links {color:#ccc; font-size:13px; line-height:24px; padding:10px 0; overflow:hidden;}
.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: 767px){

.bottom_con_xinxi {  float:left; max-width:70%; }
.bottom_con_links { float:right;   }
  
}
 @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%;  }
.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%;  }
.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;  } 

}


/*�ײ�*/


/*.bottomMenu {  width:100%; height:55px; position:fixed;bottom:0px;left:0px; z-index:1001;display:none;background:#fff;  }
.bottomMenu ul li{   height:55px;float:left; background:#caad8f; text-align:center; }
.bottomMenu ul li span{ display:block; }
.bottomMenu ul li span img{ width:20px; height:20px; }
.bottomMenu ul li a{   height:55px;display:block; color:#fff; padding:10px 0; box-sizing:border-box;  }
.bottomMenu ul li a p{  padding-top:5px; }
@media only screen and (max-width: 38.75em) {
    .bottomMenu { display:block; }
     body {  padding-bottom:55px;}
}*/

/*�ֻ��ײ���ϵ�˵�*/