.top_wrap {   height:50px; background:#4bb3f9; width:100%;  }
.top {   height:50px;  margin:0 auto;   }
.top_notice {  height:50px;float:left; width:50%;      }
.top_notice i{  float:left; line-height:50px; padding:0 13px 0 5px; color:#e5da2e;  }
.top_notice p{  float:left;  line-height:50px; font-size:13px; color:#fff;  }
.top_right { height:50px; float:right;    }
.top_right li {  float:left; height:50px; position:relative;  }
.top_right li a{  display:block; height:50px; color:#fff;  font-size:13px; line-height:50px;padding:0 20px; border-left:1px solid #519de7;   }
.top_right li:last-child {   border-right:1px solid #519de7;    }
.top_right li a:hover {  background:rgba(255,255,255,0.1);   }
.weixin img {  width:100px;height:100px; position:absolute;top:50px; left:0px;z-index:9; display:none;   }

@media (min-width: 1279px){
  .top {   width:1280px;   }
}
@media ( min-width: 980px ) and (max-width: 1278px){
.top {   width:96%; margin:0 2%;   }
}

@media (min-width: 768px)and (max-width: 979px){
   .nav_wrap { display:none; }
  
}

@media (max-width: 767px){
  .top_wrap { display:none;}
}
@media (max-width: 480px) {

}


/*顶部条*/

.head_wrap { height:82px; padding-bottom: 3px; width:100%; background:rgba(255,255,255,0) url("../image/head-bg.jpg") bottom left repeat-x;  }
.nav_wrap {  height:82px; margin:0 auto;   }
.head_logo {  float:left;    }
.head_nav_wrap {  float: left; }
.head_nav_wrap>ul>li {  float: left; height:82px;  position:relative;    }
.head_nav_wrap>ul>li>a{  line-height:82px; display:block; height:82px; padding: 0 20px;  color:#555;font-size:16px;     }
.head_nav_wrap > ul > li.nav_li_selected a.alink{ color:#fff; box-sizing:border-box; padding: 0 20px; background: url("../image/nav-hover-bg.jpg") repeat-x;     }
.head_nav_wrap > ul > li > a.alink:hover { color:#fff; box-sizing:border-box;  background: url("../image/nav-hover-bg.jpg") repeat-x;     }
.subnav_wrap { transition:all 400ms ease-in-out;  position:absolute; width:140px; left:50%; top:85px; z-index:-99; transform:translateX(-70px ); overflow:hidden; opacity:0;
                box-shadow:6px 6px 8px rgba(0,0,0,0.12); padding:0 ; border-radius:0 0 5px 5px;  background:#fff;
}
.subnav_wrap li:first-child{ background:url(../image/subnavbg.jpg) repeat-x top center;    }
.subnav_wrap li{   width:100%; height:40px; padding:0 8px; box-sizing:border-box;      }
.subnav_wrap li a{   width:100%; height:40px;display:block;text-align:center; line-height:40px; font-size:14px; color:#696969; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;   }
.subnav_wrap li:hover{  background:#4bb3f9;  box-shadow:0 0 8px rgba(0,0,0,0.12) inset;      }
.subnav_wrap li:hover a{   color:#fff;       }
.head_nav_wrap > ul > li:hover .subnav_wrap { top:85px; opacity:1; z-index:9;  }

.sousuo_wrap {   height:36px; width:45px;  position:absolute; top: 25px; right: 15px; overflow: hidden; transition: all 0.2s ease-in-out 0s; }
.sousuo_wrap input {outline:none;  position: absolute; left: 45px; height:36px; width:0;  border:1px solid #eee; border-radius:50px; box-sizing:border-box; padding:0 10px;color:#555; transition: all 0.2s ease-in-out 0s;    }
.sousuo_wrap:hover{ width: 190px;}
.sousuo_wrap:hover input{ left: 0; width: 190px}

.but {  width:40px; height:26px; position:absolute; right:5px;top:5px; background:#4bb3f9; border-radius:13px; text-align:center; cursor:pointer;    }
.but i {   color:#fff; line-height:26px;   }
.but:hover {  background:#00b8a9;     }
@media ( min-width: 980px ) and (max-width: 1278px){
    .head_nav_wrap li:last-child{ display: none;}
    .head_nav_wrap li:nth-last-child(2){ display: none;}
    .subnav_wrap li:last-child{ display: block;}
    .subnav_wrap li:nth-last-child(2){ display: block;}
}
@media ( min-width: 1050px ) {
    .head_nav_wrap  li:last-child{ display: none;}
    .head_nav_wrap li:nth-last-child(2){ display: block;}
    .subnav_wrap li:last-child{ display: block;}
    .subnav_wrap li:nth-last-child(2){ display: block;}
}
@media ( min-width: 1120px ) {
    .head_nav_wrap li:last-child{ display:  block;}
    .head_nav_wrap li:nth-last-child(2){ display: block;}
    .subnav_wrap li:last-child{ display: block;}
    .subnav_wrap li:nth-last-child(2){ display: block;}
}

@media (min-width: 1279px){
  .head_wrap {   width:100%;   }
    .nav_wrap {   width:1280px; position: relative;  }
  .head_logo { float:left; margin-right: 75px;   }
}
@media ( min-width: 980px ) and (max-width: 1278px){
  .head_wrap  {   width:96%; padding:0 2% 3px;   }
  .head_logo { float:left; margin-right: 10px;   }
}

@media (min-width: 768px)and (max-width: 979px){
 
}




/*菜单导航*/

.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;  }
}


/*手机头部*/



.index_hopro_con {   overflow:hidden;   }
.hopro_img { width:14.4%; position: relative;  height:288px; background-image: url("../image/cp-more-bg1.jpg"); background-size: cover;   }
.hopro_img a{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width:40px ; height: 50px; padding-right: 15px; display: block;  font-size: 18px; color: #fff; text-align: center; background: url("404.png") right 18px no-repeat; }
.hopro_pro { width:85.6%; }
.hopro_pro li{ width:33.333%;height:288px;box-sizing:border-box; padding-right: 15px;   }
.hopro_pro li a{ background: #f9f9f9; width: 100%; display: block; position: relative; overflow: hidden;}
.hopro_pro li a p{ position: absolute; bottom: 10px; left: 10px; width: 75%; font-size:16px; color:#696969;  box-sizing:border-box;  height:30px; line-height:30px;    overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hopro_pro li a:hover p{ color: #4bb3f9;}
.hopro_pro li a .pro_detail{ position: absolute; z-index: 100; bottom: 0; right: 0; width: 70px; height: 64px;transition: all 0.2s ease-in-out 0s; background: url("404.png") no-repeat; }
.hopro_pro li a:hover .pro_detail{ background: url("../image/icon-cp-detail-hover1.png") no-repeat;}
.hopro_pro li a .hopro_pro_img { height:288px;display: table-cell;vertical-align: middle; text-align: center; }
.hopro_pro li a .hopro_pro_img img { vertical-align: middle; max-height:100%; max-width:100%;transition: all 0.2s ease-in-out 0s; }
.hopro_pro li a:hover .hopro_pro_img img{transform: scale(1.1);}

@media (min-width: 1279px){
  .index_hopro_wrap {   width:1280px; padding-top: 15px; margin: 0 auto; }
}
@media ( min-width: 980px ) and (max-width: 1278px){
  .index_hopro_wrap  {   width:96%; margin:0 2%; padding-top: 15px;   }
}
@media ( min-width: 768px ) and (max-width: 979px){
    .index_hopro_wrap  {   width:100%; padding-top: 15px;   }
}

@media (min-width: 767px){
   .hopro_img {  float:left;   }
   .hopro_pro { float:left; }
   .hopro_pro li { float:left; }
}

@media (max-width: 767px){
.index_hopro_con { padding:20px;   }
.hopro_img { width:100%;  height:auto;     }
.hopro_img img{width:100%;   }
.hopro_pro { width:100%; }
.hopro_pro li{ width:100%;  padding-right: 0; margin-bottom: 15px;  }
.hopro_img a{ position: relative; width: 80px; height: 25px; padding: 10px 15px 10px; background-position: right center; }

}
 @media ( min-width: 768px)and ( max-width: 979px ){
    .hopro_img {  width:20%; height:288px;   }
    .hopro_pro { width:80%;height:288px; }
    .hopro_pro li{ width:50%; height:288px;     }
    .hopro_pro li:nth-child(3){ display:none; }
    .hopro_pro_img { height:199px;     }


}



/*推荐产品*/

.about_wrap { margin-top:15px; overflow:hidden; }
.about_con { display:inline-block; width:43%; background:#f9f9f9; padding: 40px; overflow:hidden;  box-sizing:border-box; height:323px; position: relative;   }
.about_con h2{  height:25px; display: block; padding-bottom: 20px; border-bottom:1px solid #eee;  margin-bottom: 20px; overflow: hidden; font-size:20px;color:#333333;     }
.about_con h2 span{ display:block; line-height:25px; font-weight:normal;  border-bottom:#4bb3f9;   }
.about_img {  display:inline-block; width:57%; height:323px; float: left; overflow: hidden; box-sizing: border-box; padding-right: 15px; position:relative;    }
.about_img img{ width: 100%; height: 100%;}
.about_con_icon { position: absolute; right: 15px; bottom: 0; background: url("404.png") no-repeat; width: 70px; height:64px; overflow:hidden;}
.about_con_bianjiqi{ font-size: 14px; line-height: 24px; color: #999; height: 144px; overflow: hidden;}
.liaojie { position: absolute; right: 0; bottom: 0; display:block; height:64px; width: 70px;  cursor:pointer;  text-align:center;line-height:42px; background: url("../image/about-more1.png") no-repeat; text-indent: -1000em; }

.about_video>img{ width:100%;height:100%;     }
.about_video a{ position:absolute; left:0;top:0px; width:100%; bottom:0px; z-index:2; background:rgba(0,0,0,0.4); opacity:0.8;  }
.about_video a:after {content:""; position:absolute; left:50%;top:50%; transform:translate(-50%,-50%); width:65px; height:65px;background:url(404.png) no-repeat center; box-sizing:border-box;  border:3px solid rgba(255,255,255,0.6); border-radius:50px;  }
.about_video a:hover { opacity:1; }
@media (min-width: 1279px){
  .index_about_wrap {   width:1280px;   }
}
@media ( min-width: 980px ) and (max-width: 1278px){
  .index_about_wrap  {   width:96%; margin:0 2%;   }
}


@media (min-width: 767px){
   .about_con {  float:left;   }
   .about_img {  float:left;   }


}
@media (max-width: 767px){
    .about_wrap{ margin-top: 0; padding: 0 20px;}
   .about_con {   width:100%;   }
   .about_video {    width:100%; height:250px;   }
   .about_con h2 {padding-left: 0px; text-align:center; }
   .about_con_bianjiqi { padding:0;}
   .liaojie { text-align:center; margin:auto;    }
   .about_img{width:100%; padding-right: 0; height:auto;}
    .about_con_icon{ right: 0;}

}


/*首页--相册*/
.photo{ padding-top:20px; margin: 0 auto;overflow: hidden;}
.photo .bt{width: 98%;height: 4.5rem;margin: 0rem 1% 1rem 1%;background: #F9F9F9;}
.photo .bt p{font-size: 18px;border-left: 4px solid #6E99AA;color: #555;padding-left: 1rem;margin: 1.1% 1.5%;float: left;}
.photo .bt a {float: right;margin: 1.3% 1.5%;color: #999;}

.photo .box{width: 100%;margin:0 auto;overflow: hidden;}
.photo .box .big_img{width: 55.86%; height:404px; float:left; overflow: hidden; position: relative;}
.photo .box .bigimg{width: 100%;height:404px;overflow: hidden;position: relative;}
.photo .box .big_img img{position: absolute; height: 100%;  transform: scale(1,1);transition: 0.5s;}


.photo .box .big_img .jm{width:85%; height: 55px; background: rgba(0,0,0,.5); box-sizing: border-box; padding:0 15% 0 2%; position: absolute; bottom: 25px; left: 50%; margin-left: -42.5%;  z-index: 1000; color:#fff; line-height: 55px; font-size:16px; }
.photo .box .big_img .jm .photo_more{ position: absolute; text-align: center;  right: 0; top: 0; height: 55px; background: #29a2f3; color: #fff; width: 15%;}

.photo .box .big_img:hover img{ transform: scale(1.1,1.1);transition: 0.5s;}
.photo .box .big_img_right{ width: 44.14%; height: 404px; overflow: hidden; float: right; box-sizing: border-box; padding-left: 15px; }
.photo .box .big_img2{width: 100%; height: 124px ;  box-sizing: border-box; padding: 7px; float:left; margin: 0 0 15px 0; background: #f5f5f5; display: table-cell; vertical-align: middle; text-align: center;overflow: hidden; position: relative; cursor:pointer;}
.photo .box .big_img2 .left_img{  float: left; height: 100%; width: 50.93%; overflow: hidden;}
.photo .box .big_img2 .left_img img{ width: 100%;  max-height: 100%;  transition: 0.5s;transform: scale(1,1); }
.photo .box .big_img2:hover img{ transition: 0.5s; transform: scale(1.1,1.1);}
.photo .box .big_img2 .right_txt{ width: 40%; float: right; margin-right: 4px; text-align: center;}
.photo .box .big_img2 .right_txt h3{ height:55px; border-bottom: 1px solid #eee; line-height: 55px; font-size: 16px; font-weight: normal; color: #696969;     width: 98%; 
	display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.photo .box .big_img2 .right_txt span a{display:block; line-height: 50px; color: #4bb3f9; cursor: pointer;}

@media (min-width: 1279px){
    .photo {   width:1280px;   }
}
@media ( min-width: 980px ) and (max-width: 1278px){
    .photo  {   width:96%; margin:0 2%;   }
}


@media (min-width: 767px){



}
@media (max-width: 767px){
    .photo{ width: 100%; box-sizing: border-box; padding:  20px;}
    .photo .box .big_img{ width: 100%; height: auto;}
    .photo .box .bigimg{  height: 160px;   }
    .photo .box .big_img img{ position: relative;}
    .photo .box .big_img_right{ width: 100%; padding-left: 0;}
}

/*首页--相册*/

/*关于我们*/

.photo_wrap {  margin-top:25px; overflow:hidden;    }
.photo_wrap {  height:460px; background:#eee;width:100%;    }
.swiper-photo {  width: 100%; height: 100%; background:rgba(0,0,0,0.8);   }
.swiper-photo .swiper-slide { /*width:50%!important;*/ }
.swiper-photo .swiper-slide a{ display:none; }
.photo_href {  position:absolute; left:20px; bottom:15px; max-width:500px; box-sizing:border-box; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;   border-radius:30px; padding:0 15px;  z-index:9; color:#fff; background:#4bb3f9; line-height:36px;       }
.photo_href:hover{  background: #0a72d7;    }

@media (min-width: 1279px){
  .index_photo_wrap {   width:1280px;   }
}
@media ( min-width: 980px ) and (max-width: 1278px){
  .index_photo_wrap  {   width:96%; margin:0 2%;   }
}



@media (min-width: 767px){

.swiper-photo .swiper-slide-prev{ transform:translateX(100%);   }
.swiper-photo .swiper-slide.swiper-slide-active{ width:50%; transform:translateX(25%); z-index:99; opacity:1;   }
.swiper-photo .swiper-slide.swiper-slide-active a{ display:block;   }
.swiper-photo .swiper-slide-next { transform:translateX(-50%);   }
.swiper-photo .swiper-slide { opacity:0.4; }

}
@media (max-width: 767px){
    .photo_wrap { height:250px; }
    .photo_wrap img{ height:250px;width:100%; }
    .swiper-photo .swiper-slide.swiper-slide-active a{ display:block;   }
    .photo_href {bottom: 29px; }
}

 @media ( min-width: 768px)and ( max-width: 979px ){
    .about_video {   height: 238px;  margin-top:50px; }
    .about_wrap { background:#f9f9f9;  }

}
 
@media ( min-width: 768px)and ( max-width: 979px ){
    .swiper-photo .swiper-slide.swiper-slide-active {   transform: translateX(0%);   }
    .swiper-slide img { width:100%; }
    .photo_href {bottom: 29px; }
}


/*风采照片*/
.news_wrap {  margin-top:20px; overflow:hidden;    }
.index_news_item{ width: 33.5%; float: left; box-sizing: border-box; padding-right: 13px; margin: 0;}
.index_news_item:last-child{ width: 33%; padding-right: 0;}
.news_top_img{ width: 100%; position: relative; height:164px;overflow:hidden;    }

.news_top_img a img{ width: auto; height: 100%;}
.news_top_img a{ display: block;width: 100%; height: 164px; text-align:center; }
.news_top_img a .index_news_title{ position: absolute; left: 0; bottom: 0; padding-top: 38px; height: 50px; width: 100%; color: #fff; text-align: center; line-height: 50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  background: url("../image/news-img-title-bg.png") left bottom repeat-x;  }
.index_news_item dd{ width: 100%; overflow: hidden;  line-height: 36px; }
.index_news_item dd a{ display: block;}
.index_news_item dd a p{ width: 70%; height: 36px; font-size: 15px; color: #555; float: left; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.index_news_item dd a span{ float: right; font-size: 14px; color: #999;}
.index_news_item dd a:hover p,.news_top_img a:hover .index_news_title{ color: #4bb3f9;}
.hotnews_con_tit {  position:absolute;left:0px; bottom:0px;width:100%;padding:0 100px 0 15px; box-sizing:border-box;  }
.hotnews_con_tit p { color:#fff; line-height:62px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;     }
.hotnews_con_tit a { margin-left: 40px;display: block; height:36px; width:86px; text-align: center;line-height: 36px; background: #4bb3f9; color: #fff;  border-radius: 42px; position:absolute;right:15px; top:13px;    }
.hotnews_con_tit a:hover {  background: #0a72d7;    }
@media (min-width: 1279px){
  .index_news_wrap {   width:1280px;   }
}
@media ( min-width: 980px ) and (max-width: 1278px){
  .index_news_wrap  {   width:96%; margin:0 2%;   }

}

@media (min-width: 767px){
    .index_newslist_con {float:left; }


}
@media (max-width: 767px){
   .index_news_con { display:none; }
    .index_news_item{ width: 100% !important; padding-right: 0; margin-bottom: 20px; }
    .news_wrap{ padding: 0 20px;}
}

@media ( min-width: 768px)and ( max-width: 979px ){
    .index_news_con { height: 237px; }
    .index_newslist_con ul li a p {  width: 60%;    }
    .index_newslist_con ul li a span {   width: 40%;   }
    .index_newslist_con ul li:nth-child(n+6) {display:none;   }
    .index_news_item{ width: 50%; padding-right: 8px; }
    .index_news_item:nth-child(2){ width: 50%; padding-right: 0; padding-left: 8px;}
    .index_news_item:last-child{ display: none;}
}



/*新闻资讯*/


/*底部*/

.bottom{width:100%; overflow: hidden; background:#fff; margin-top:25px;}
.bottom .iconbox{width: 100%; height:110px; border-bottom:1px solid #eee;}
.bottom .iconbox ul{width: 100%; margin: 0 auto;}
.bottom .iconbox ul li{float:left; width:25%; height:110px; position: relative; box-sizing: border-box; padding-left: 60px;}
.bottom .iconbox ul li img{position: absolute; left: 0; top: 0; margin-top: 44px;}
.bottom .iconbox ul li .p1{color:#545454; font-size:17px; margin-top: 40px; line-height: 25px; float:left; width: 100%;}
.bottom .iconbox ul li .p2{color:#999; font-size:14px; line-height: 20px; float:left; width: 100%;}

.bottom_list{width:100%; overflow: hidden;background:#fff;padding-bottom:60px;}
.bottom_list .bottom_c{margin: 0 auto; overflow: hidden;}
.bottom_list .bottom_c .fdh{width:100%; overflow: hidden;}
.bottom_list .bottom_c .fdh li{float:left; width:140px;}
.bottom_list .bottom_c .fdh li+li{}
.bottom_list .bottom_c .fdh .f1{float:left; width:120px; padding-top:15px; background: url(../image/line_bg.jpg) bottom repeat-x; margin-bottom: 10px;}
.bottom_list .bottom_c .fdh .fdh_left{float:left;}
.bottom_list .bottom_c .fdh .f1 a{line-height: 50px; display: block; float:left; border-bottom:1px solid #4bb3f9; font-size:16px; color:#555;}
.bottom_list .bottom_c .fdh .a1{display: block; width:123px; font-size:14px; color:#999; float:left; line-height:32px; transition: 0.5s; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bottom_list .bottom_c .fdh .a1:hover{color:#6F9BA6; transition: 0.5s;}
.bottom_list .bottom_c .fdh .fdh_right{float:right;}
.bottom_list .bottom_c .fdh .fdh_right .ewm{margin-top: 26px; width:100px;}
.bottom_list .bottom_c .fdh .fdh_right .ewm img{width:100px;}
.bottom_list .bottom_c .fdh .fdh_right .pp1,.bottom .bottom_c .fdh .fdh_right2 .pp1{color:#999; font-size:14px;}
.bottom_list .bottom_c .fdh .fdh_right2 .pp2{color:#555; font-size:25px;}
.bottom_list .bottom_c .fdh .fdh_right2{margin-right:15px; float:right; margin-top:29px;}

.bottom2{width:100%; overflow:hidden; background: #F2F2F2;}
.bottom2 .bottom2_c{width:92%; margin:0 auto;}
.bottom2 .bottom2_c .bottom_con_xinxi{color:#818181; font-size:12px; line-height: 70px; float:left;}
.bottom2 .bottom2_c .bottom_con_links{color:#818181; font-size:12px; line-height: 70px; }
.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;}

@media (min-width: 1279px){
    .bottom_c {   width:1280px;   }
    .bottom .iconbox ul{ width: 1280px;}
}
@media ( min-width: 980px ) and (max-width: 1278px){
    .bottom_c {   width:96%; padding: 0 2%;   }
    .bottom .iconbox ul{ width: 96%; padding: 0 2%;}
}


@media (min-width: 768px)and (max-width: 980px){
    .bottom{ padding-bottom: 0; margin-top: 0;}
    .bottom .bottom_c .fdh{ display: none;}
    .bottom .iconbox{ height: auto; overflow: hidden;}
    .bottom .iconbox ul{ overflow: hidden; width: 100%; box-sizing: border-box; padding: 0 20px;}
    .bottom .iconbox ul li{ width: 50%;}
     .bottom_list {display:none; }
}


@media (min-width: 767px) {  .bottom2 .bottom2_c .bottom_con_links{float:right;}    }

@media (max-width: 767px) {
    .bottom { padding-bottom: 0; margin-top: 0; }
    .bottom .iconbox { height: auto; overflow: hidden; }
    .bottom .iconbox ul { overflow: hidden; width: 100%; box-sizing: border-box; padding: 0 20px; }
    .bottom .iconbox ul li { width: 50%; }
    .bottom .bottom_c .fdh { display: none; }
    .bottom_list { display: none; }
    .bottom2 .bottom2_c .bottom_con_xinxi { line-height: 24px; text-align: center; padding: 10px 0; }
    .bottom .iconbox ul li img { margin-top: 0px; }
    .bottom .iconbox ul li .p1 { margin-top: 0px; }
    .bottom .iconbox ul li { height: 80px; width: 50%; }
    .bottom2 .bottom2_c .bottom_con_links { text-align:center;line-height: 16px; padding-bottom:10px;        }


}


/*底部*/

.Language .lv {
    position: absolute;
    line-height: 20px;
    top: 2px;
    left: -82px;
}
/*以下为子类页面*/

.Language{ position:relative;float: right;}
.Language .lv{ position:absolute;line-height: 82px;}

/*新增头部样式*/

head_bar {
 
    padding-bottom: 3px;
    width: 100%;
  
}

.ht_Nav{width: 100%;  overflow:hidden;margin:0 auto;   }
.ht_logo{ float:left;}
.ht_Hotline{ float:right;}

.nav_hList {  overflow:hidden; background:#4bb3f9;width:100%;   }
.nav_hList>ul{ width:1200px;margin:0 auto;    }
.nav_hList>ul>li{float:left; }
.nav_hList>ul>li a{transition:all 300ms;  display:block;min-width:100px;max-width:150px; height:48px;line-height:48px;  color:#fff;padding: 0 15px;  text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;      }
.nav_hList>ul>li.nav_li_selected>a{  background:#29a2f3; color:#fff;     }
.nav_hList>ul>li>a:hover{  background:#29a2f3; color:#fff;     }
.head_bar .nav_wrap{ }

@media (min-width: 1279px) {
   .head_bar .nav_wrap{ width: 1280px; margin:0 auto;    }
   .nav_hList>ul{ width: 1280px;margin:0 auto; }
   .head_bar {width: 1280px; margin:0 auto; }
}

@media (max-width: 1279px) {
    .nav_hList > ul > li a {min-width:90px; }
}



@media (max-width: 979px) {
    .nav_hList { display:none;}
    .ht_Nav{display:none;   }
}

@media (max-width: 767px) {
    .nav_hList { display:none;}
    .ht_Nav{display:none;   }
}
.selectnav { display:none;}