html {
    font-size: 62.5%;
    font-size:75%\9;
    color: #222;
}
*{margin:0;padding: 0;font-family:Microsoft Yahei;}

::selection {
    background-color: #b3d4fc;
    text-shadow: none;
}

ul {
    margin: 0;
    padding: 0;
}
a{color:#333;text-decoration: none}
li {
    list-style: none;
}
body{background: #fff;    }
body > div{  margin:0 auto;   }


.top_wrap {   height:46px; background:#fff; width:100%; border-bottom:1px solid #eee;   }
.top {   height:46px;  margin:0 auto;   }
.top_notice {  height:46px;float:left; width:50%;      }
.top_notice i{  float:left; line-height:46px; padding:0 13px 0 5px; color:#e2484b  }
.top_notice p{  float:left;  line-height:46px; font-size:13px; color:#555;  }
.top_right { height:46px; float:right;    }
.top_right li {  float:left; margin:12px 0; padding:0 20px; height:17px;  }
.top_right li a{  display:block; height:17px; color:#555;  font-size:13px;   }
.top_right li.weixin{   background:url(../images/hoticonweixin.png) no-repeat 10px center; padding-left:45px;  position:relative;     }
.weixin img { width:100px;height:100px; position:absolute;top:19px; left:0px;z-index:9;display:none;     }

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

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

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

}

.head_wrap {height: 90px;width: 100%;overflow:hidden;background:rgba(255,255,255,0);border-bottom:1px solid rgba(255,255,255,0.2);/* position:absolute; *//* left:50%; *//* transform:translateX(-50%); */}
.nav_wrap {height: 90px;margin:0 auto;}
.head_logo {  float:left;    }
.head_nav_icon { float:right;  width:40px; height:40px; border-radius:40px; background:rgba(255,255,255,0.3);transition:300ms;  margin-top:19px;   }
.head_nav_icon a { display:block; color:#fff; text-align:center; line-height:40px; font-size:18px; transition:300ms;    }
.head_nav_icon a:hover {  text-decoration:none; transform:scale(1.1);   }
.head_nav_icon:hover {  background:rgba(255,255,255,0.4);  }
.navunder_line {position: absolute;left:35px;bottom: -1px;width:32px;height: 2px;background: #fff;}

.head_sosuo_con input{border:none;border-bottom:1px solid #eee;line-height:32px;width: 210px;margin-left:37px;padding:0px 5px;margin-top: 28px;}
.head_sosuo_con input:focus {outline:none; }
.head_sosuo_con i{color:#e2484b;position:absolute;font-size:18px;top: 6px;right: 0px;line-height:78px;}
.head_sosuo_icon {width:53px;float:right;height:78px;background:#e2484b;text-align:center;cursor:pointer;display: none;}
.head_sosuo_icon i{   line-height:78px; font-size:24px;  color:#fff;  }
.move_nav_icon {  width: 33px; height: 23px; right: 15px; top: 18px;position:absolute; cursor: pointer;  z-index:5;   }
.move_nav_icon li{ background:#e2484b;display: block;margin: 0;padding: 0; width:100%;
                   border: none; position: absolute;transition: .5s .3s; height: 3px;}
.move_nav_icon li:nth-child(1) { width: 100%; top: 0;right: 0; }
.move_nav_icon li:nth-child(2) { width: 40%;top: 50%;left: 0;margin-top: -2px;opacity: 1;  }
.move_nav_icon li:nth-child(3) { width: 40%;top: 50%;right: 0;margin-top: -2px; opacity: 1;  }
.move_nav_icon li:nth-child(4) { width: 100%;bottom: 0; right: 0; }
.move_nav_icon.selected_add { left: 20px; }
.move_nav_icon.selected_add li{ background:#fff; }
.selected_add.move_nav_icon li:nth-child(1) {width: 100%;top: 50%;margin-top: -2px;transform: rotate(45deg); transform-origin: center;}
.selected_add.move_nav_icon li:nth-child(2) { opacity: 0;left: -50%;}
.selected_add.move_nav_icon li:nth-child(3) {opacity: 0;right: -50%; }
.selected_add.move_nav_icon li:nth-child(4) {width: 100%; bottom: 50%;margin-bottom: -2px;transform: rotate(-45deg);transform-origin: center; }

.head_nav_wrap li a i{  padding-right:15px;display:none;   }
.side-phone {  padding:0 35px;  position:relative;  margin-top:25px;    }
.side-phone p b {display: block;font-weight: normal; color: rgba(0,0,0,.6); float:12px; }
.side-phone p a { display: block;color: rgba(0,0,0,1);font-size: 22px; letter-spacing: -1px; }
.side-phone i {  position:absolute;bottom:3px;right:35px;  display: block;font-size: 28px;color: rgba(255,255,255,1);background: rgba(0,0,0,.8);padding: 4px 4px 0 4px; margin-top: 9px; cursor: pointer; }

.move_nav_bg { position:fixed; top: 0px;left:0px;right:0px;bottom:0px;  background:rgba(0,0,0,0.6);z-index:4; display:none;  transition:300ms;   }
.move_nav_bg.move_nav_bgon { display:block;  }

.move_nav_login { width:50px; height:50px; margin:25px 0 10px 35px; position:relative;  transition:500ms;   opacity: 0; transform: translateX(1000%);    }
.move_nav_login a{ display:block;width:50px; height:50px; border-radius:50px; background:rgba(255,255,255,0.3); line-height:50px; text-align:center;    }
.move_nav_login i{  font-size:26px;color:rgba(255,255,255,0.8);   }
.move_nav_yuyan {  margin-top:15px;  padding-left:35px;position:relative; transition:2s; opacity: 0;transform: translateY(500%);   }
.head_nav_wrap.selected_nav .move_nav_yuyan { opacity: 1; transform: translateY(0);  }
.move_nav_yuyan a{ font-size:12px;color:rgba(255,255,255,0.8); line-height:18px; }
.selected_nav .move_nav_login {  opacity: 1; transform: translateX(0);     }
.head_nav_wrap ul{   }
.head_nav_wrap.selected_nav ul li { opacity: 1; transform: translateY(0);        }
.head_nav_wrap.selected_nav ul li:nth-child(1){ transition-delay:0.1s;   }
.head_nav_wrap.selected_nav ul li:nth-child(2){ transition-delay:0.2s;     }
.head_nav_wrap.selected_nav ul li:nth-child(3){ transition-delay:0.3s;  }
.head_nav_wrap.selected_nav ul li:nth-child(4){ transition-delay:0.4s;  }
.head_nav_wrap.selected_nav ul li:nth-child(5){ transition-delay:0.5s;  }
.head_nav_wrap.selected_nav ul li:nth-child(6){ transition-delay:0.6s;  }
.head_nav_wrap.selected_nav ul li:nth-child(7){ transition-delay:0.7s;  }
.head_nav_wrap.selected_nav ul li:nth-child(8){ transition-delay:0.8s;  }
.head_nav_wrap.selected_nav ul li:nth-child(9){ transition-delay:0.9s;  }
.head_nav_wrap.selected_nav ul li:nth-child(10){ transition-delay:1s;   }

.nav_wrap {/* position:relative; */}
@media (min-width: 1439px){

    .head_wrap {width: 1400px;/* transform:translateX(-50%); */top:46px;}
    
.head_logo { float:left;   }
}
@media ( min-width: 980px ) and (max-width: 1438px){

.head_logo { float:left;   }

}

@media (min-width: 980px ){
.head_wrap {  z-index:1;}
.move_nav_login { display:none; }
.head_nav_wrap {float: right;padding-left: 0px;}
.head_nav_wrap li{float:left;line-height: 90px;padding: 0 0px;}
.head_nav_wrap li a{display:block;line-height: 90px;color: #000;position:relative;transition:300ms;font-size:16px;padding: 0px 23px;}
.head_nav_wrap li a:hover {text-decoration:none;background: #da231a;color: #fff;}
.s1_top_bottom_navlibox a:hover,.nav_li_selected {text-decoration:none;background: #da231a;}
.head_nav_wrap li.nav_li_selected a{ color: #fff; }
.head_nav_wrap li.nav_li_selected a::after{ content:""; width:100%;height:1px; background:#fff; position:absolute;left:0px;bottom:0px;       }
.head_nav_wrap li a:hover::after { content:""; width:100%; height:1px; transition:300ms; background:#fff; position:absolute;left:0px;bottom:0px;   }
.move_member{  display:none;}
.move_nav_icon {  display:none;}
.move_nav_yuyan { display:none;}
.head_nav_wrap {position:relative;}
.head_wrap {border-radius:13px;border-top-left-radius:0;border-top-right-radius:0;/* background:url(../images/logoright_bg.png) no-repeat right top; */background-size:auto 100%;}
.head_logo {height: 90px;width: auto;float:left;/* background:url(../images/logo_bg.png) no-repeat; */}
.head_nav_wrap li a i{ display:none;}
.head_sosuo_wrap {float:right;width:275px;height:78px;display: none;}
.head_sosuo_con {float:left;width: 229px;height:78px;position:relative;line-height:78px;display: none;}
  .side-phone { display:none;}
}
@media (max-width: 979px){
   .head_nav_wrap {position: fixed;width: 75%;padding-bottom:20px;background: rgba(255,255,255,1);overflow:hidden;height:600px;right:0px;top:0px;bottom:0px;z-index: 999999999;transform:translateX(100%);transition:300ms;}
   .head_nav_wrap.selected_nav {  transform:translateX(0%); padding-top:80px;     }
   .move_nav_login {display:block; }
   .move_nav_yuyan { display:block;}
   .head_nav_wrap ul li{  position:relative;  }
   .head_nav_wrap ul li a{ line-height:52px;  padding-left:35px; color:#fff; font-size:16px; display:block;  }
   .head_nav_wrap ul li{ transition:all .3s ease-in-out;   opacity: 0; transform: translateY(300%);   }
   .head_wrap { border-bottom:none; }   
   .head_logo { z-index:1; }
   .head_sosuo_wrap { transition:all 300ms;transform:translateY(-200%);  position:absolute;top:10px;right:15px;opacity:0;  z-index:1;  }
   .selected_sosuo.head_sosuo_wrap{display:block;z-index: 99999999999999999999;width:60%;transform:translateY(0%);opacity:1;}
   .head_sosuo_icon { display:none; }
   .nav_li_selected { background:#e2484b; }
   .head_nav_wrap ul li.nav_li_selected a { color:#fff; }
   .head_sosuo_con {  width:100%; height:60px;   line-height:60px;  }
   .head_sosuo_con input { margin:0px; width:100%; line-height:49px;  box-sizing:border-box;  }
   .head_sosuo_con i { line-height: 50px; }
   .side-phone { display:block;}
}

@media (min-width: 980px )and (max-width: 1250px){
.head_nav_wrap li {/* padding: 0 10px; */}
.head_nav_wrap li a{font-size:14px;  }
}

@media (min-width: 768px)and (max-width: 979px){
    .nav_wrap {   position:relative;  }
    /*.head_logo {   position:absolute; left:50%; transform:translateX(-50%); top:0px;    }*/
    .head_nav_icon { display:none;  }
    .nav_wrap {   position:relative;  height:78px;  }
    .move_nav_icon {    top: 29px; }
    .head_logo {   height: 100%;   }
    .head_logo a { display:block; }
    .head_wrap { position: relative; }
    .head_nav_wrap ul li a { line-height: 60px;padding-left: 35px;color: #000;font-size: 16px; }
}


@media (max-width: 767px){
    .nav_wrap {position:relative;/* height:60px; */}
    .head_logo {   height: 100%;   }
    .head_logo a { display:block; }
    .head_logo img {max-height:60px;}
    .head_nav_icon { display:none;  }
    .head_nav_wrap { height:100%; } 
    .head_nav_wrap ul li a{ line-height:60px;  padding-left:35px; color:#000; font-size:16px;  }
    .move_nav_login { width:42px; height:42px;      }
    .move_nav_login a{ width:42px; height:42px; line-height:42px;     }
    .move_nav_login i {font-size:16px; margin-top:-3px;  }
    .head_wrap {/* height:60px; */}
    .nav_wrap:after { content:""; width:100%; height:1px; background: rgba(255,255,255,0.5);transform:scaleY(0.3);  position:absolute;left:0px;bottom:0px; z-index:1;    }
    .navunder_line { display:none;}
    .head_wrap { position:relative; } 
}

@media (min-width: 980px )and (max-width: 1250px){

.navunder_line {left:10px;}

}

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


.index_hotpro_wrap {overflow:hidden;margin-top: 90px;}
.index_hotpro_wrap ul li {transition:all 500ms ease-in-out;width:22%;float:left;box-sizing:border-box;border:1px solid #eee;/* border-left:none; */margin-bottom: 30px;}
.index_hotpro_wrap ul li:nth-child(1) {border-left:1px solid #eee;  }
.index_hotpro_wrap ul li.hotpro_selected{width:34%;background: #fff;}
.hotpro_img {height:260px;text-align:center;overflow: hidden;}
.hotpro_img img{vertical-align: middle;max-height: 95%;max-width: 95%;transition:all 500ms;overflow: hidden;}
.index_hotpro_wrap ul li.hotpro_selected .hotpro_img img {  transform:scale(1.2);    }
.index_hotpro_wrap ul li p{transition:all 500ms ease-in-out;height:36px;text-align:center;border-bottom:1px solid #eee;font-size:18px;color:#333;z-index: 99999999;position: relative;}
.index_hotpro_wrap ul li p span{  height:36px;display:inline-block; border-bottom:1px solid #e2484b;margin-bottom:-1px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis; max-width:80%;   }
.hotpro_href { height:80px;  position:relative;  }

.hotpro_href a { display: block; font-size:15px;   padding: 0 10px; color:#e2484b; text-align:center; line-height: 40px; width: 225px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.index_hotpro_wrap ul li.hotpro_selected p{  border-bottom:1px solid #fff;   }
.index_hotpro_wrap ul li.hotpro_selected .hotpro_href a{   background:#e2484b;color:#fff;  }

@media (min-width: 1439px){
 .index_hotpro_wrap {width: 80%; margin: 0 auto;margin-top: 120px;}
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .index_hotpro_wrap  {   width:96%; margin:0 2%;margin-top:20px;   }
}
@media (min-width: 980px){
    
}
@media ( min-width: 768px ) and (max-width: 979px){
    .index_hotpro_wrap ul li.hotpro_selected {  width:50%;   }
    .index_hotpro_wrap ul li {  width:50%;   }
  
}

@media (max-width: 767px){
    .index_hotpro_wrap ul li { width:100%; margin-top:-1px;    }
    .index_hotpro_wrap ul li.hotpro_selected { width:100%;    }

   
}


.index_about_wrap {  overflow:hidden;margin-top:20px;    }
.index_about_con {  width:100%; height:410px; box-sizing:border-box;padding-left:62px;padding-top:30px;   border:1px solid #eee; position:relative; background:url(../images/aboutimg.png ) no-repeat right center; background-size:60% 100%;  }
.titimg {  position:absolute;left:0px;top:0px;}
.index_about_con h2{  height:60px;line-height:60px;font-weight:normal; font-size:20px; color:#333;  width:45%; border-bottom:1px solid #eee;   }
.index_about_con h2 span{ line-height:60px;max-width:100%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;display:inline-block;border-bottom:1px solid #e2484b;margin-bottom:-1px;    }
.index_about_con_bjq p{ line-height:36px;  width:45%; height:180px; overflow:hidden; color:#696969; text-align:justify; }
.index_about_con_bjq {  margin-top:15px; }
.index_about_con_more { width:138px; margin-top:15px; height:46px;  transition:all 300ms;    border:2px solid #e2484b; color:#e2484b;font-size:15px;  text-align:center;line-height:42px; display:block;   }
.index_about_con_more:hover {  background:#e2484b;color:#fff;  }
@media (min-width: 1439px){
  .index_about_wrap {   width:1400px;  }
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .index_about_wrap  {   width:96%; margin:0 2%;margin-top:20px;   }
}
@media ( min-width: 768px ) and (max-width: 979px){
    .index_about_con { background-size: 50% 100%; }
  
}

@media (max-width: 767px){

    .index_about_con {  background-image:none;  background:#fff; padding:30px 20px; }
    .index_about_con h2 {  text-align:center; width:100%;      }
    .index_about_con_bjq p {   width:100%;   }
    .index_about_con_more { margin:30px auto 0;   }
   
}

.index_xijie_wrap {overflow:hidden;margin-top:120px;margin: auto;}
.index_xijie_con {   background:#eee; position:relative;  overflow:hidden;  }
.index_certificate_con {   box-sizing:border-box;border:1px solid #eee;   }
.xijie_con { width:100%; height:480px; position:relative;   }
.xijie_con_tit { height:50px; position:absolute; width:100%; overflow:hidden; left:0px;bottom:30px;   }
.xijie_con_tit p{height:50px;line-height:50px;color:#fff;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background: #da231a;position:absolute;left:15px;z-index:999;padding:0 16px;}
.xijie_con_tit a{  height:50px; line-height:50px; color:#fff; border:1px solid #fff; width:80px; position:absolute; right:15px;z-index:999; box-sizing:border-box; text-align:center;    }
.certificate_tit {  height:62px; border-bottom:1px solid #eee;   }
.certificate_tit h2{ line-height:62px; display:inline-block;float:left;margin-left:35px;  font-size:18px;color:#555; font-weight:normal; border-bottom:1px solid #e2484b;margin-bottom:-1px;  }
.certificate_tit p{ line-height:62px; float:right;display:inline-block;  margin-right:35px;  cursor:pointer;  }
.certificate_list li{ float:left; width:50%;  height:417px;   box-sizing:border-box; padding:35px;padding-left:17px;   }
.certificate_list li a{ display:block; width:100%; height:347px; background:#eee; display: table-cell;vertical-align: middle;text-align: center;   }
.certificate_list li:nth-child(2n+1){ padding:35px; padding-right:18px;    }
.certificate_list li a img {    vertical-align: middle; max-height: 95%; max-width: 95%; }
.certificate_list.certificate_list_selected li:nth-child(1){ display:none;  }
.certificate_list.certificate_list_selected li:nth-child(2){ display:none;  }
.certificate_list li:nth-child(3){ display:none;  }
.certificate_list.certificate_list_selected li:nth-child(3){ display:block;  }
.certificate_list li:nth-child(4){ display:none;  }
.certificate_list.certificate_list_selected li:nth-child(4){ display:block;  }

@media (min-width: 1439px){
  .index_xijie_wrap {width: 80%;}
}
@media ( min-width: 980px ) and (max-width: 1438px){
  .index_xijie_wrap  {   width:96%; margin:0 2%;margin-top:20px;   }
}
@media ( min-width: 768px ) and (max-width: 979px){
    .xijie_con {  height:300px; }
    .certificate_list li{  height:236px;padding:15px;padding-left:7px;   }
    .certificate_list li:nth-child(2n+1){ padding:15px; padding-right:8px;    }
    .certificate_list li a{  height:204px;  }

}


@media (min-width: 767px){
  .index_xijie_con { width:38%; float:left;   }
  .index_certificate_con { width:60%;float:right;   }

}

@media (max-width: 767px){
    .xijie_con {  height:350px;         }
    .index_certificate_con { margin-top:20px; }
    .certificate_list li { height:200px; }
    .certificate_list li{  height:200px;padding:15px;padding-left:7px;   }
    .certificate_list li:nth-child(2n+1){ padding:15px; padding-right:8px;    }
    .certificate_list li a {   height:200px;      }
}


.index_news_wrap { overflow:hidden; margin-top:20px;  }
.index_news_con { width:38%; height:480px; float:left; background:#eee; position:relative;  overflow:hidden;  }
.index_newslist_con { height:480px;  box-sizing:border-box;border:1px solid #eee;   }
.hotnews_con_tit { height:50px; position:absolute; width:100%; overflow:hidden; left:0px;bottom:30px;   }
.hotnews_con_tit p{  height:50px; line-height:50px; color:#fff; max-width:60%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;position:absolute; left:15px;z-index:999; padding:0 13px;  }
.hotnews_con_tit a{  height:50px; line-height:50px; color:#fff; border:1px solid #fff; width:80px; position:absolute; right:15px;z-index:999; box-sizing:border-box; text-align:center;    }
.index_newslist_con ul li {  height:160px; position:relative; box-sizing:border-box;  border-bottom:1px solid #eee;  padding:15px 15px 15px 160px;     }
.index_newslist_con ul li img{ width:130px;height:130px; position:absolute;left:15px;top:15px;     }
.index_newslist_con ul li h2 {  font-size:18px; font-weight:normal; color:#555; line-height:26px; width:100%;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;       }
.index_newslist_con ul li p {  font-size:14px; color:#999; margin-top:10px; line-height:26px; width:100%;height:52px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;      }
.index_newslist_con ul li span { display:block; color:#999; font-size:12px;  margin-top:10px;  }

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

@media ( min-width: 768px ) and (max-width: 979px){
    .index_newslist_con ul li img { top:10px; }
    .index_news_con { height: 300px;   }
    .index_newslist_con ul li { height:150px; padding: 10px 15px 10px 160px;   }
    .index_newslist_con ul li:nth-child(3) { display:none;}
    .index_newslist_con { height: 300px;    }
    .xijie_con_tit p {max-width: 45%; }
    .hotnews_con_tit p {max-width: 45%; }
}

@media (min-width: 767px){
  .index_newslist_con { width:60%;float:right;   }
}
@media (max-width: 767px){
    .index_news_con { display:none; }
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image:url(../images/prevbg.png)!important;         } 

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image:url(../images/nextbg.png)!important;    }





.footer_con_wrap {   background:#262626; margin-top:40px; }
.footer_bottom_wrap {  background:#222;    }
.footer_con {  overflow:hidden;   }
.footer_con_left {float:left; padding:20px 0; width:60%;  }
.footer_con_left p{  color:#bcbcbc; font-size:12px; line-height:28px;  }
.footer_con img{  margin-top:21px; }
.erweima {  overflow:hidden; }
.bottom_tel {  margin-right:20px;   }
.footer_bottom_con img{ float:left; height:100%; margin-top:15px;  }
.footer_bottom_right {  padding:13px 0; }
.footer_bottom_right .text {  color:#777; font-size:12px; text-align:right; line-height:28px;  }
.footer_bottom_right .text a{  color:#777; font-size:12px;  }
.footer_bottom_right>div{ }
@media (min-width: 1439px){
     .footer_con {width: 80%;margin:0 auto;}
     .footer_bottom_con {width: 80%;margin:0 auto;}
}
@media (min-width: 980px )and (max-width: 1438px){
    .footer_con {   width:96%; margin:0 2%  ; box-sizing:border-box;   }
    .footer_bottom_con {  width:96%; margin:0 2%  ; box-sizing:border-box;    }
}
@media ( min-width: 980px ) and (max-width: 1438px){
    .quality_con {   width:96%; margin:0 2%  ; box-sizing:border-box;  margin-top:35px;   }
}
@media (min-width: 768px){
.footer_bottom_wrap {   height:82px;  }
.footer_bottom_right .text {text-align: left;}
.footer_bottom_con .footer_bottom_right{float: left;}
.footer_bottom_right > div p    {text-align: left;}
.footer_con img{ float:right; margin-top:21px; }
.bottom_tel {  margin-right:20px;}
}
@media ( min-width:768px ) and (max-width: 980px ){
    .footer_con{   width:96%; margin:0 2%  ; box-sizing:border-box;   }
    .footer_bottom_con{   width:96%; margin:0 2%  ; box-sizing:border-box;   }
    .footer_con_left { width: 40%;   }
}
@media ( max-width:767px ){
    .footer_con_left { display:none; }
    .footer_bottom_con img { display:none;  }
    .footer_bottom_wrap {  overflow:hidden;   }
    .footer_bottom_right .text {  text-align:center; }
    .footer_bottom_con {  overflow:hidden;width:96%; margin:0 2%  ; box-sizing:border-box; }
    .footer_bottom_con .footer_bottom_right { }
    .footer_bottom_right > div p { text-align:center;    }
    .erweima img{ margin:21px auto;  display:block; }
    .bottom_tel { width:60%;  }
}



.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;   }
.duoduan li p img{  width:100px;height:100px;  margin-top:0px;  }

@media only screen and (max-width:767px) {

    .duoduan { display:none;}
    .bottom2 { height:auto;  }
}



.s311_nav
{
	background:url(../images/nav_1_02.jpg);
	width: 100%;
	height: 90px;
}

.head_logo img
{
	margin-top: 20px;
}
.s311_ico
{
	width:100%;
	float:left;
	position: absolute;
	margin-top: -170px !important;
    z-index: 999;
}
.s311_ico_1
{
	width: 80%;
	height:131px;
	background:#fff;
	margin: auto;
	box-shadow: 0 0 2px 2px #0000001f;
	border-radius: 5px;
}
.s311_ico_l
{
	
width: 27%;
	
float: left;
	
border-right: 1px solid #f2f2f2;
	
margin-left: 5%;
	
margin-top: 3%;
}
.s311_ico_l img
{
	
float: left;
}
.s311_ico_l h1
{
	
float: left;
	
font-size: 16px;
	
font-weight: 100;
	
margin-left: 20px;
}
.s311_ico_l p
{
	
float: left;
	
width: 75%;
	
margin-left: 20px;
	
margin-top: 10px;
	
line-height: 20px;
	
font-size: 14px;
}
.s172_cp
{
	width: 100%;
	margin: auto;
	margin-bottom: 20px;
}
.index_tit_news {margin-top:20px;height:60px;box-sizing:border-box;background:#f9f9f9;line-height:60px;font-size:18px;font-weight:normal;padding:0 22px 0 0;/* color:#555; */}
.index_tit_news span.tit_con {float:left;padding:0 10px 0 35px;color: #da231a;border-left: 1px solid #da231a;}



























.index_tit_news span.tit_ion  {float:left;display:block;width:0;height:0;border-width:30px 17px 30px 17px;border-style:solid;/* border-color: transparent transparent #ff9000 #ff9000; */}
.index_tit_news a{  color:#999; float:right; font-size:16px;  }
.index_tit_news a:hover{  text-decoration:underline;  }

.s311_about
{
	width:100%;
	float:left;
}
.s311_about_l
{
	width:50%;
	float:left;
	background:#f5f5f5;
	height: 568px;
}
.left
{
	width:50%;
	float:right;
}

.left .play{
    width: 100%;
    /* margin:2% 2% 0 2%; */
    height:26rem;
    background: #e0e0e0;
    overflow: hidden;
    /* border-radius:0.5rem; */
    height: 100%;
}
.left .play img{width:100%;}
.shipin{
    width: 100%;
    height: 100% !important;
    background: url(../images/flw.png);
    overflow: hidden;
    left: 0;
    right:0px;
    top: 0;
    bottom:0px;
    position: fixed;
    z-index: 99999999999999999;
}
.shipin .box{
    width:80%;
    margin:0 auto;
    height:73%;
    position: absolute;
    border-radius: 0.5rem;
    overflow: hidden;
    left:50%;transform:translateX(-50%);
}
.shipin .box embed{
}
.left
{
	width: 50%;
	float:left;
}
.s311_about_l1
{
	
width:39%;
	
float: right;
	
margin-left: 10%;
	
position: absolute;
	
margin-top: 1%;
}
.s311_about_l1 h1
{
	font-size:24px;
	color:#000;
	font-weight:100;
	margin-top: 15px;
}
.s311_about_l1 p
{
	
width: 70%;
	
text-align: justify;
	
line-height: 24px;
	
font-size: 14px;
	
margin-top: 10px;
}
.s311_about_l1 span
{
	
padding: 10px 40px;
	
color: #fff;
	
background: #da231a;
	
font-size: 14px;
	
margin-top: 10px;
	
display: inline-grid;
}
.s311_news
{
	width:100%;
	float:left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.s311_news_1
{
	width:80%;
	margin:auto;
}
.s311_news_t
{
	width:100%;
	float:left;
}
.s311_news_t li
{
	width:30%;
	float:left;
	margin-right: 5%;
}
.right
{
	float:right !important;
	margin:0px !important;
}
.s311_news_t li h1
{
	
font-size: 14px;
	
font-weight: 100;
	
color: #999;
	
line-height: 24px;
	
margin-top: 10px;
	
margin-bottom: 10px;
}
.s311_news_t li p
{
	
font-size: 14px;
	
margin-top: 10px;
}
.s311_news_t li span
{
	width: 100px;
	height: 1px;
	display: inline-block;
	background: #999;
}
.s311_news_t li h3
{
	
margin-bottom: 15px;
	
font-size: 18px;
	
font-weight: 100;
	
color: #000;
}
.s311_ys
{
	width:100%;
	float:left;
	background: url(../images/ys.jpg);
	height:570px;
	margin-top:30px;
	/* margin-bottom:30px; */
}
.s311_ys_t
{
	
float: right;
	
width: 50%;
	
margin-top: 8%;
}
.s311_ys_t li
{
	
width: 250px;
	
float: right;
	
border: 1px solid #fff;
	
height: 130px;
	
padding: 20px;
}

.s311_ys_t img
{
	
width: 50px;
	
float: left;
	
margin-bottom: 15px;
}
.s311_ys_t h1
{
	
float: left;
	
color: #a7a8a8;
	
font-size: 18px;
	
font-weight: 100;
	
margin-top: 10px;
	
margin-left: 15px;
	
margin-bottom: 25px;
}
.s311_ys_t span
{
	
width: 100px;
	
height: 1px;
	
background: #a7a8a8;
	
display: inline-block;
	
clear: both;
	
float: left;
	
margin-bottom: 10px;
}
.s311_ys_t p
{
	
clear: both;
	
line-height: 24px;
	
color: #a7a8a8;
	
font-size: 14px;
}
.s311_ys_1
{
	width:80%;
	margin:auto;
	margin-top: 25px;
}



.s311_ys_b li
{
	
width: 250px;
	
float: right;
	
border: 1px solid #a7a8a8;
	
height: 130px;
	
padding: 20px;
}

.s311_ys_b img
{
	
width: 50px;
	
float: left;
	
margin-bottom: 15px;
}
.s311_ys_b h1
{
	
float: left;
	
color: #a7a8a8;
	
font-size: 18px;
	
font-weight: 100;
	
margin-top: 10px;
	
margin-left: 15px;
	
margin-bottom: 25px;
}
.s311_ys_b span
{
	
width: 100px;
	
height: 1px;
	
background: #a7a8a8;
	
display: inline-block;
	
clear: both;
	
float: left;
	
margin-bottom: 10px;
}
.s311_ys_b p
{
	
clear: both;
	
line-height: 24px;
	
color: #a7a8a8;
	
font-size: 14px;
}
.s311_ys_b
{
	float: right;

}



.bottom_mess { background:#303030; width:100%;overflow:hidden;  }
.bottom_mess_liuyan {/* float:left; */width: 80%;margin-top:32px;margin: auto;}
.bottom_mess_liuyan h2 {color: #000000;font-weight:normal;font-size: 24px;padding-bottom:16px;text-align: center;margin-top: 50px;margin-bottom: 10px;}
.bottom_mess_liuyan h2 i{ color:#909090; font-size:14px; padding-right:3px;    }
.mess_form input{outline: none;margin-bottom:10px;height: 40px;line-height: 40px;box-sizing:border-box;border: 1px solid #fff;background: #fff;color:#b8b8b8;font-size:14px;padding:0 15px;}
.mess_form input:nth-child(2n+1){width: 49%;float:left;}
.mess_form input:nth-child(2n+2){width: 49%;float:right;}
.mess_form textarea{outline: none;margin-bottom:10px;font-family:"Microsoft YaHei";height: 150px;width:100%;line-height:36px;box-sizing:border-box;border: 1px solid #fff;background: #fff;color:#b8b8b8;font-size:14px;padding:0 15px;}
.mess_form button {float:right;border:none;color: #fff;font-size:16px;margin-top:5px;width: 20%;background: #999999;height: 40px;}
.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;    }
}
.s311_ly
{
	width:100%;
	float:left;
	background:#f4f4f4;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.s311_ly_1
{
	width:80%;
	margin:auto;
}

@media ( min-width: 980px ) and (max-width: 1438px){
	.head_nav_wrap {
    float: right;
    padding-left: 0px !important;
}
 .s311_ico_1 {
    width: 95%;

}
.s311_ico {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 28px;
}

.s311_ico_1 {
    width: 95%;
    height: 135px;
    background: #fff;
    margin: auto;
    box-shadow: 0 0 2px 2px #0000001f;
    border-radius: 5px;
}
.s311_ico_l h1 {
    float: left;
    font-size: 25px;
    font-weight: 100;
    margin-left: 20px;
    margin-top: 20px;
}
.s311_ico_l p {

    display: none;
}

.s311_about_l1 {
    width: 95%;
    float: none;
    margin-left: 10%;
    position: relative;
    margin: auto;
}
.s311_about_l {
    width: 100% !important;
    float: left;
    background: #f5f5f5;
    height: auto !important;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-bottom: 30px;
}
 .s311_about_l1 h1 {
    font-size: 30px;
    color: #000;
    font-weight: 100;
    margin-top: 15px;
}
.s311_about_l1 p {
    width: 100% !important;
    text-align: justify;
    line-height: 38px;
    font-size: 18px;
    margin-top: 10px;
}
.s311_about_l1 span {
    padding: 20px 60px;
    color: #fff;
    background: #da231a;
    font-size: 20px;
    margin-top: 10px;
    display: inline-grid;
}
.left {
    width: 95%;
    float: none;
    margin: auto;
}

.s311_news_t li {
    width: 30%;
    float: left;
    margin-right: 3.3% !important;
}
.s311_news_1 {
    width: 95%;
    margin: auto;
}
.s311_ys_1 {
    width: 95%;
    margin: auto;
    margin-top: 10%;
    margin-bottom: 2%;
}
.s311_ys_t {
    float: none;
    width: 100% !important;
    margin-top: 8%;
    margin: auto;
    display: inline-block;
    text-align: center;
}
.s311_ys_t li {
    width: 250px;
    float: none;
    border: 1px solid #fff;

    height: 130px;

    padding: 20px;
    display: inline-block;
    margin: auto;
}
.s311_ys_b {
    float: none;
    width: 100%;
    margin: auto;
    display: inline-block;
    text-align: center;
}

.s311_ys_b li {
    width: 250px;
    float: none;
    border: 1px solid #a7a8a8;
    height: 130px;
    padding: 20px;
    display: inline-block;
    margin: auto;
    margin-top: 2%;
}
.bottom_mess_liuyan {
    width: 100%;
    margin-top: 32px;
    margin: auto;
}
.head_sosuo_wrap{
width: 215px !important;
display: block !important;
}

.head_sosuo_con{
	width: 195px !important;
	display: block !important;
}

.head_sosuo_con input{
    width: 165px !important;
}

.s311_ico{
margin-top: -80px !important;
}
}


@media (max-width: 979px) and (min-width: 768px){
.s311_ico {
    display: none;
}
.index_hotpro_wrap {
    overflow: hidden;
    margin-top: 0px;
}
.s172_cp {
    width: 95%;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 39px;
}

.s311_about_l {
    width: 100% !important;
    float: left;
    background: #f5f5f5;
    height: auto;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
}
.s311_about_l1 {
    width: 95%;
    float: none;
    position: relative;
    margin: auto;
}
.s311_about_l1 p {
    width: 100% !important;
    text-align: justify;
    line-height: 28px;
    font-size: 16px;
    margin-top: 10px;
}
.left {
    width: 97%;
    float: none;
    margin: auto;
}
.s311_news_1 {
    width: 100%;
    margin: auto;
}
.s311_news_t {
    width: 95%;
    float: none;
    margin: auto;
}
.s311_news_t li {
    width: 30%;
    float: left;
    margin-right: 3.3% !important;
}
.s311_ys_t {
    float: none;
    width: 100% !important;
    margin-top: 8%;
    display: inline-block;
    margin: auto;
    text-align: center;
}
.s311_ys_t li {
    width: 250px;
    float: none;
    border: 1px solid #fff;
    height: 130px;
    padding: 20px;
    display: inline-block;
}
.s311_ys_b li {
    width: 250px;
    float: none;
    border: 1px solid #a7a8a8;
    height: 130px;
    padding: 20px;
    display: inline-block;
}
.s311_ys_b {
    float: none;
    display: inline-block;
    text-align: center;
    margin: auto;
}

.bottom_mess_liuyan {
    /* float: left; */
    width: 95%;
    margin-top: 32px;
    margin: auto;
}
.s311_ly_1 {
    width: 100%;
    margin: auto;
}
.index_xijie_wrap {
    overflow: hidden;
    margin-top: 20px;
    width: 95%;
    margin: auto;
}
}

.head_nav_wrap {
    float: left;
    padding-left: 25px;
}
.head_sosuo_wrap {
    float: right;
    width: 275px;
    height: 78px;
    display: block;
}
.head_sosuo_con {
    float: left;
    width: 229px;
    height: 78px;
    position: relative;
    line-height: 78px;
    display: block;
}
.ry
{
	width:100%;
	float:left;
}

@media (max-width: 767px){
.yjbd
{
	
position: fixed;
	
right: 0;
	
z-index: 9999999999999999999;
	
top:30% !important;
	
display: block !important;
	
width: auto;
}
.yjbd_l
{

height:125px;

width: 40px;

background: #f3f3f3;

border-radius: 5px 0px 0px 5px;

border: 1px solid #e9e9e9;

margin: auto;

text-align: center;

float: left;

padding-bottom:  5px;
}
.yjbd_l i
{
	color:#ff6600;
	font-size:20px;
}
.yjbd_r
{
	width: 110px;
	height:125px;
	background:#fff;
	border: 1px solid #e9e9e9;
	float: left;
	margin: auto;
	text-align: center;
}
.yjbd_r p
{

font-size: 14px;

color: #ff6600;

margin-top:  5px;
}
.yjbd_r p a
{
	color: #ff6600;
}
.yjbd_r img
{
	
margin-top: 15px;
}
.yjbd_l p
{

font-size: 16px;

color: #ff6600;

margin-top: 5px;

margin-bottom:  5px;
}
.yjbd_l img
{

margin-top: 5px;
}
.mess_form button {
    float: right;
    border: none;
    color: #fff;
    font-size: 16px;
    margin-top: 5px;
    width: 100%;
    background: #999999;
    height: 40px;
}
.mess_form #w_58 {
    width: 100% !important;
    float: left;
}
.w_58 {
    width: 75% !important;
    float: left !important;
}
.move_nav_icon {
    width: 33px;
    height: 23px;
    right: 15px;
    top: 37px;
    position: absolute;
    cursor: pointer;
    z-index: 5;
}
.s311_ico {
    display: none;
}
.index_hotpro_wrap {
    overflow: hidden;
    margin-top: 0px;
}
.s311_about_l {
    width: 100% !important;

    float: left;
    background: #f5f5f5;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.s311_about_l1 {
    width: 95%;
    float: none;
    position: relative;
    margin: auto;
}
.left {
    width: 95% !important;
    float: none !important;
    margin: auto;
}
.s311_news_1 {
    width: 95%;
    margin: auto;
}
.s311_news_t li {
    width: 100% !important;
    float: left;
    margin-right: 3% !important;
    margin-bottom: 50px;
}
.right {
    float:none !important;
    margin: 0px !important;
}
.index_xijie_con {

    display: none;
}
.s311_ys {
    width: 100%;
    float: left;
    background: url(../images/ys.jpg);
    height: auto;
    margin-top: 30px;

    padding-top: 30px;
    padding-bottom: 30px;
}
.s311_ys_t {
    /* float: none; */
    width: 100% !important;
    margin-top: 8%;
    /* display: inline-block; */
    margin: auto;
}
.s311_ys_b {
    float: none;
    display: inline-block;
    margin: auto;
    width: 100%;
}
.s311_ys_b li {
    width: 250px;
    float: none;
    border: 1px solid #a7a8a8;
    height: 130px;
    padding: 20px;
}
.s311_ys_1 {
    width: 70%;
    margin: auto;
    margin-top: 25px;
}
.s311_ys_t li {
    width: 250px;
    float: none;
    border: 1px solid #fff;
    height: 130px;
    padding: 20px;
}
.bottom_mess_liuyan {
    /* float: left; */
    width: 100%;
    margin-top: 32px;
    margin: auto;
}
.s311_about_l1 p {
    width: 100% !important;
    text-align: justify;
    line-height: 24px;
    font-size: 14px;
    margin-top: 10px;
    overflow: inherit !important;
    height: auto !important;
}
}
@media (max-width:1440px){
.s311_about_l {
    /*width: 50% !important;*/
    float: left;
    background: #f5f5f5;
    height: auto !important;
    padding-top: 2%;
    padding-bottom: 0;
}
.s311_ico_l p {
    float: left;
    width: 66%;
    margin-left: 20px;
    margin-top: 10px;
    line-height: 20px;
    font-size: 14px;
    display: block;
}
.s311_ico_l h1 {
    float: left;
    font-size: 25px;
    font-weight: 100;
    margin-left: 20px;
    margin-top: 0px;
}
.s311_ico_l {
    width: 27%;
    float: left;
    border-right: 1px solid #f2f2f2;
    margin-left: 5%;
    margin-top:2%;
}
.s311_about_l1 span {
    padding: 10px 40px;
    color: #fff;
    background: #da231a;
    font-size: 14px;
    margin-top: 10px;
    display: inline-grid;
}
.left {
    width: 50%;
    float: left;
}
.s311_about_l1 p {
    width: 70%;
    text-align: justify;
    line-height: 24px;
    font-size: 14px;
    margin-top: 10px;
    height: 50px;
    overflow: hidden;
}
.s311_news_t li {
    width: 30%;
    float: left;
    margin-right: 56px;
}
.s311_ys_t {
    float: right;
    width: 50%;
    margin-top: 0%;
}
}
.mess_form #w_58
{
	
width: 50%;
	
float: left;
}
.mess_form span img
{
	margin-top:5px;
}

.yjbd
{
	
position: fixed;
	
right: 0;
	
z-index: 99999999;
	
top: 50%;
	
display:none;
}