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

/*顶部条*/
.head_wrap{ transition:all 300ms;  z-index:66;width: 100%; height:100px;background:#3377FE;    }
.head_wrap .logo_wrap img{ transition:all 300ms;    height:130px; }
.logo_wrap { transition:all 300ms;   height:100px; position:relative;z-index:999;margin:0 auto;   }
.head_logo { max-height:130px; position:absolute;top:0px;left:0px;   }
.telimg {  float:right; }
.logo_bg {  position:absolute;width:30%; height:130px;background:#f7b400; top:0px;left:0px; z-index:99; }

@media (min-width: 1439px){
  .logo_wrap {   width:92%; margin:0 auto;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
.logo_wrap {   width:96%; margin:0 2%;   }
}
@media ( min-width:768px ) and (max-width: 979px){
  .top_wrap{display:none;}
  .head_wrap { display:none;}
}

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

/*LOGO+电话条*/

.index_nav_con { width:100%; height:65px; background:#fff;  box-sizing:border-box; border-radius:5px;overflow:hidden;   }


@media (min-width: 1439px){
  .index_nav_con { width:92%; 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;}

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

.nav_con_wrap {  float:right;  }
.nav_con_wrap li{  float:left; }
.nav_con_wrap li a{  transition:all 300ms;  display:block; line-height:46px; margin:24px 20px; color:#fff;  position:relative;  }
.nav_con_wrap li.nav_li_selected a,.nav_con_wrap li a:hover{  color:#fff; }
.nav_con_wrap li.nav_li_selected a:after,.nav_con_wrap li a:hover:after {  content:""; width:100%; height:2px; background:#f7b400; position:absolute;left:50%;bottom:0px;transform:translateX(-50%);  }



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

@media (min-width: 1170px)and (max-width: 1300px){

    .nav_con_wrap li a { margin:24px 10px;  }
   
}
@media (min-width: 1036px)and (max-width: 1169px){

    .nav_con_wrap li a { margin:24px 10px;  }
    .head_wrap .logo_wrap img {height: 100px; }
    .logo_bg { height: 100px;width: 20%; }
   
}
@media (max-width: 1035px){
  .logo_bg { height: 100px;width: 20%; }
   .head_wrap .logo_wrap img {height: 80px;display:none; }
}


@media (min-width: 768px)and (max-width: 979px){
   .nav_wrap { display:none; }
}

@media (max-width: 767px){
  .top_wrap { display:none;}
}
@media (max-width: 480px) {

}


/*菜单导航*/

.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; background:#3377FE;  z-index:99999; }
.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; z-index:99999;  }
.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;display:none; }
}
@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;  }
}

/*手机头部*/

.server_wrap { width:100%;left:0px;bottom:0px;z-index:999;background:#3377FE;height:175px;  }
.server_icon dl {  width:100%;height:100%; box-sizing:border-box; padding:25px 0px;  margin:0px;   }
.server_icon dl dd  {  float:left; width:13%; height:125px; border-left:1px solid #646464; box-sizing:border-box;  }
.server_icon dl dd a {  display:block; text-align:center; height:125px; position:relative; transition:300ms all;  }
/* .server_icon dl dd a img {  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:115px;height:98px;  } */
.server_icon dl dd a img {  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:98px;  }
.server_icon dl dd.server_icon_selected { width:35%;  }
.server_icon dl dd p { display:none;opacity:0; width:70%; }
.server_icon dl dd.server_icon_selected a{ float:left; background:#e89f02;width:30%;     }
.server_icon dl dd.server_icon_selected p{ float:left; background:#4782f8; height:100%; box-sizing:border-box; 
                                           padding:10px 20px; color:#fff; font-size:14px; line-height:28px; display:block; opacity:1;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;


}

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

/*icon*/

.index_tit {  width:120px; margin:auto; font-weight:normal;color:#333; border-bottom:1px solid #eee;font-size:18px;text-align:center; line-height:36px;  }
.index_tit span {  border-bottom:1px solid #3377fe;display:inline-block;margin-bottom:-1px; position:relative;   }
.index_tit span:after {  display:block; content:""; position:absolute;left:50%;bottom:-6px; transform:translateX(-50%);
width: 0;height: 0;border-style: solid;border-width: 6px 8px 0 8px;border-color: #3377fe transparent transparent transparent;       }

.hotpro_con {  margin-top:25px; }
.hotpro_con ul li{  float:left; width:33.3333%;    }
.hotpro_con_img {  width:100%; height:260px;   }
.hotpro_con_img a{  display:block; width:100%; height:100%; background-size:cover!important;background-position: center;       }
.hotpro_con_tet { background:#f9f9f9;  width:100%; height:260px;  padding:35px 25px 15px;box-sizing:border-box; position:relative;     }
.hotpro_con_tet:before {  display:block; content:""; position:absolute;left:50%;top:-1px; transform:translateX(-50%);
    width: 0;height: 0;border-style: solid;border-width: 16px 20px 0 20px;border-color: #f7b400 transparent transparent transparent;   }
.hotpro_con ul li:nth-child(2) .hotpro_con_tet:before {  bottom:-1px;top:auto; border-width:0 20px  16px  20px; border-color: transparent transparent  #f7b400 transparent;   }


.hotpro_con_tet h3{  text-align:center;font-weight:normal;font-size:18px; color:#333;   }
.hotpro_con_tet h3 a{  color:#333;   }
.hotpro_con_tet p{  font-size:15px;color:#555;margin-top:14px;height:166px;line-height:28px; 
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;  }

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

@media (min-width: 767px){
.hotpro_con ul li{  float:left; }
}
@media (max-width: 767px){
	.server_wrap{ display:none;}
    .hotpro_con ul li{  width:100%;  }
    .hotpro_con_img {  height:100px; width:92%;margin:0 4%;  }
    .hotpro_con_img a{ background-size:cover!important;  /* 移动端同样修改为cover */ }
    .hotpro_con_tet { width:92%;margin:0 4%; }
    .hotpro_con ul li:nth-child(2) { display:none;}

}
@media ( min-width: 768px ) and (max-width: 979px){

    .hotpro {  width:96%; margin:0 2%; margin-top:20px;   }
    .hotpro_con_img { height: 200px; }
    .hotpro_con_tet { height: 200px;padding: 25px 25px 15px; }
    .hotpro_con_tet p { height: 108px; }


}

/*推荐产品*/


.index_about_tit { width:120px; margin:auto; font-weight:normal;color:#333; border-bottom:1px solid #eee;font-size:18px;text-align:center; line-height:36px;  margin-top:20px; margin-bottom:25px; }
.index_about_tit span {  border-bottom:1px solid #3377fe;display:inline-block;margin-bottom:-1px; position:relative;   }
.index_about_tit span:after {  display:block; content:""; position:absolute;left:50%;bottom:-6px; transform:translateX(-50%);
width: 0;height: 0;border-style: solid;border-width: 6px 8px 0 8px;border-color: #3377fe transparent transparent transparent;       }


.index_about_wrap {  overflow:hidden;width:100%; margin-top:20px;  }
.about_wrap {  width:100%; overflow:hidden;  }
.about_img { width:42%;  float:left; height:330px;   background-size: cover;    /* 新增 */
  background-position: center; /* 新增 */}
.about_con { width:58%; float:right; background:#f9f9f9; height:330px;     }
.about_con h2 {  height:50px;box-sizing:border-box; line-height:49px; font-size:18px;  font-weight:normal;width:94%;margin:0 3%; margin-top:15px;color:#333;    }
.about_con h2 a{  transition:all  0.5s; color:#999;float:right; font-size:12px; padding-right:10px;  }
.about_con h2 a:hover{  color:#3377fe; transform:translateX(8px);    }
.about_con h2 a i { line-height:49px; }
.about_con p{  text-align:justify;text-indent:28px;  color:#999;font-size:14px; height:205px;box-sizing:border-box;padding:0px 22px 15px;line-height:28px; 
               display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:7; overflow: hidden;    }
.about_btn {  display:inline-block;  line-height:32px;background:#3377fe;padding:0 13px;border-radius:3px;  font-size:14px; color:#fff;margin-left:22px;  }

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

}
 @media ( min-width: 768px)and ( max-width: 979px ){
 .about_wrap { height:250px;}
 .about_con h2 {  margin-top:15px; }
 .index_about_wrap {  background-size:100% auto!important; margin-top:5px;    }
 .index_tit_ry { padding: 0 22px; }
 .index_about_wrap {  width:96%; margin:0 2%;    }
 .about_con p { height: 117px;   }

}

 @media (min-width: 768px){
  .certificate_img li{ float:left; } 
}
 @media (max-width: 767px){
   .index_about_wrap {  background:none!important; }
   .about_con { width:92%;margin:0 4%; margin-top:10px; height:290px;    }
   .about_con h2 { margin-top:0px; text-align:center; height: 42px;  }
   .index_about_wrap{ margin-top:0px; }
   .about_con_img { display:none; }
   .about_wrap { height:auto;}
   .about_img { display:none;}
   .about_con p { height:166px; }
   .about_btn {  margin:0 auto;margin-top:20px;display:block;width:105px;  }
}

/*关于我们*/

.index_news_tit { width:120px; margin:auto; font-weight:normal;color:#333; border-bottom:1px solid #eee;font-size:18px;text-align:center; line-height:36px;  margin-top:20px; margin-bottom:25px; }
.index_news_tit span {  border-bottom:1px solid #3377fe;display:inline-block;margin-bottom:-1px; position:relative;   }
.index_news_tit span:after {  display:block; content:""; position:absolute;left:50%;bottom:-6px; transform:translateX(-50%);
width: 0;height: 0;border-style: solid;border-width: 6px 8px 0 8px;border-color: #3377fe transparent transparent transparent;       }


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


@media ( min-width:980px){
   

}

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

 @media ( max-width: 767px){


}

/*新闻资讯*/


.news_con_ul {  width:100%;min-height:500px;box-sizing:border-box;     }
.news_con_ul li { width:32%; margin-right:2%;   }
.news_con_ul li:nth-child(3) {  margin-right:0%;   }
dl { margin:0px;  }
.news_con {  margin-top:20px;  }
.news_con dt{  height:220px; position:relative;width:100%;       }
.news_con dt a{  display:block; height:36px; font-size:16px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; position:absolute;left:0px;bottom:0px; padding:0 20px;box-sizing:border-box; width:100%;line-height:48px;background:rgba(0,0,0,0.5); color:#fff;       }
.news_con dd { overflow:hidden;padding:0 0px;  }
.news_con dd a{  line-height:36px;  color:#555; font-size:16px; display:block;   }
.news_con dd:hover {  }
.news_con dd a span{font-size:14px;}
.news_con dd a span:nth-child(1){ display:inline-block; float:left; width:75%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;           }
.news_con dd a span:nth-child(2){ display:inline-block; float:right;  opacity:0.8;           }
.news_con dd:nth-child(2) { padding-top:10px;  }
.news_con dd:last-child { padding-bottom:10px;  }
.news_con_tit { font-weight:normal;font-size:18px; color:#333; height:32px; border-bottom:1px solid #eee;    }
.news_con_tit span{color:#333;float:left;display:inline-block;line-height:32px; border-bottom:1px solid #3377fe; position:relative;   }
.news_con_tit a{ color:#ddd;float:right;display:inline-block;line-height:32px; font-size:14px;   }
.news_con_tit span:after {  display:block; content:""; position:absolute;left:50%;bottom:-6px; transform:translateX(-50%);
width: 0;height: 0;border-style: solid;border-width: 6px 8px 0 8px;border-color: #3377fe transparent transparent transparent;       }

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

   
}

@media ( max-width: 767px){
.news_con_ul li { width:92%;margin:0 4%;  }
.news_con_ul li:nth-child(2) {  display:none;   }
.news_con_ul li:nth-child(3) {  display:none;   }

}
 @media ( min-width: 768px)and ( max-width: 979px ){
    .news_wrap {   width:96%; margin:0 2%; margin-top:20px;   }
    .news_con dt { height: 120px;   }
    .news_con_ul {  height: 400px;  }
}

/*友情链接*/


.link_wrap { margin-top:20px; overflow:hidden; position:relative;   }
.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:92%;margin:auto; margin-top:10px;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .link_wrap {   width:96%; margin:0 2%;   }
}
 @media ( min-width: 768px)and ( max-width: 979px ){
    .link_wrap {  width:94%; margin:0 auto; }
  
}
  @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:0px;width:20%;padding:0 3px;box-sizing:border-box; }
    .link_wrap ul li a{ width:100%;display:block;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;    }
    .link_wrap ul li:nth-child(n+16) {display:none; }
}

  /*友情链接*/




/*底部*/
.bottom{ width:100%; overflow: hidden;padding-bottom:20px;background:#3377FE; margin-top:15px; 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,.ftnav>li>a{ display:block;float:left; padding-top:15px; }
.bottom .bottom_c .fdh .fdh_left{  float:left; }
.ftnav li 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:#fff;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 .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:#c8caca;}
.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{ float:right;}
.lisright p{color:#fff; text-align:center; font-size:14px; margin-top:40px;}
.lisright h2 {color:#fff; text-align:center; font-size:24px; font-weight:bold; }
.lisright h3 {color:#fff; 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;}}
/*底部*/

.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:#91929b; text-align:center; }
.bottomMenu ul li:hover{ background:#696a75;}
.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;}
     .bottom2 .bottom2_c .bottom_con_xinxi{ padding-bottom:55px;}
}

/*手机底部联系菜单*/


.bottom2{ height:auto; background:#295fcb;}
.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;  font-size:12px; }
.duoduan li:hover p { display:block;   }
.duoduan li p img{ width:100%;}
@media only screen and (max-width:60em) {
    .duoduan { display:none;}
    .bottom2 { min-height:50px; height:auto;  }
}


/*
.Language
{
	position: absolute;
	top: 101px;
	z-index: 9999;
	right: 15px; 
}

.Language a
{
	color: #555;
	background-color: #fff;
	padding:5px 10px; 
	display:block; 
	border-radius: 0 0 5px 5px;
	font-size:14px; 
	cursor: pointer; 
}
.Language a:hover{ color:#3377FE;  }
*/