body,  div,  p { margin: 0; padding: 0;}
ul { list-style: none;margin: 0; padding: 0;}
a:hover{cursor: pointer;}
html {width: 100%;overflow-x: hidden;}
.left{float: left;}
.right{float: right;}
.clear{clear: both}
body { width: 100%;  *cursor: default;
font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;overflow-x:hidden;}
img{border:0px;}
a{text-decoration: none;outline: none}
div{outline: none}
ul,li{list-style-type: none}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
img{max-width: 100%}
.clearfix:before,.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.main{margin:0 auto;max-width: 94%;width: 1450px;}
.main2{width: 1400px;margin: 0 auto;max-width: 94%}
/*头部*/
header{width: 100%;background: rgba(0,0,0,0.5);height: 80px;position:absolute;top:0;left:0;z-index: 100;overflow: hidden;}
.logo{padding-left:3%;margin-top: 8px;}
.logo img{height:64px;display: block;}
.nav_list li{float: left;padding:30px 30px 0;font-size: 15px;}
.nav_list a{color: #fff}
.nav_list li:hover a{color: #ffdd43}
.nav_list li a{
  display: block;
  position: relative;
  transition: all 150ms linear 0s;
}

.nav_list li a:after{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 1px solid rgba(255, 255, 255, 0);
  bottom: 2px;
  content: " ";
  display: block;
  margin: 7px auto 0;
  position: relative;
  -webkit-transition: all 280ms ease-in-out;
  transition: all 280ms ease-in-out;
  width: 0;
}
.nav_list li a:hover:after{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-color: #ffdd43;
  -webkit-transition: width 350ms ease-in-out;
  transition: width 350ms ease-in-out;
  width: 100%;
}
.nav_list{overflow: hidden;width: 992px;position: relative;margin-right: 30px;height: 80px;}
.nav_list ul{position: absolute;right:0px;top:0;transition: all 1.5s;}
.header_btn{padding-top: 25px;position: relative;width: 92px}
.header_right{margin-right:65px}
.menu{-webkit-transition: all ease-out .2s;}
.menu_rotate{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.search-wrapper::before{content:url(../images/bor.png);position: absolute;left:0;top:5px;}
.search-wrapper.active::before{display: none;}
.search{position:absolute;top:18px;right: 0;}
.search_span{color: #fff;font-size: 15px;height: 40px;line-height: 40px;position: absolute;right:-35px;top:0;display: block;}
.search-wrapper .input-holder {
    width: 45px;
    overflow: hidden;
    border-radius:6px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    border-radius: 50px;
    width:350px;
    background:#fff;
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}

.search-wrapper .input-holder .search-input {
    width:100%;
   
    padding:0px 70px 0 20px;
    opacity: 0;
    position: absolute;
    top:0px;
    left:0px;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-family:"Open Sans", Arial, Verdana;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color:#333;
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);

    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

.search-wrapper .input-holder .search-icon {
    width:30px;
    height:40px;
    margin-right:10px;
    border:none;
    background:transparent;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
    width: 30px;
    height:40px;
    border-radius: 30px;
}
.search-wrapper .input-holder .search-icon span {
    width:15px;
    height:15px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);

}
.search-wrapper.active .input-holder .search-icon span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content:'';
}
.search-wrapper .input-holder .search-icon span::before {
    width: 2px;
    height: 8px;
    left: 11px;
    top: 20px;
    border-radius: 2px;
    background: #fff;
}
.search-wrapper .input-holder .search-icon span::after {
    width:19px;
    height:19px;
    left: 0px;
    top: -3px;
    border-radius: 22px;
    border: 2px solid #fff;
}


.search-wrapper.active .input-holder .search-icon span::before{background:#b03421;}
.search-wrapper.active .input-holder .search-icon span::after{
  border: 2px solid #b03421;
}
.search-wrapper .close {
    position: absolute;
    opacity: 0;
    z-index: 1;
    top:5px;
    right:10px;
    width:25px;
    height:25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
    opacity: 1;
    right:-30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: #FFF;
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 2px;
    height: 25px;
    left: 17px;
    top: 3px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 2px;
    left: 6px;
    top: 15px;
}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top:80px;
    left:0px;
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display:none;
    color:#B7B7B7;
}
/*底部*/
.bot{width: 100%;background: #2f2f2f;padding:25px 0 35px}
.bot_left{padding-top: 10px;width:615px;float: left;}
.bot_left1{float: left;color: #bebebe;background: url('../images/hottel.png') no-repeat center left;padding-left: 72px;margin-left: 5%;margin-right: 29px}
.bot_left1 p{font-size: 28px;font-family: Impact;line-height: 35px;}
.bot_left1 span{font-size: 14px;}

.bot_left2{float: left;font-size: 14px;color: #b9b9b9;text-transform: uppercase;padding-left:50px;background: url('../images/bl.png') no-repeat center left;}
.bot_left2 p:nth-child(1){background: url('../images/email.png') no-repeat center left;padding-left: 29px;margin-bottom: 15px}
.bot_left2 p:nth-child(2){background: url('../images/addr.png') no-repeat center left;padding-left: 29px}
.bot_right{float: right;margin-right: 70px;width: 555px}
.bot_right_bot{color: #d8d8d8;font-size: 14px;}

 .bsBox{overflow: hidden!important;padding: 0!important;height: 256px!important;width: 232px!important;}
 .bot_right_top{text-align: right;margin-bottom: 15px}
 .bot_right_top.bshare-custom a {
     width: 49px;
     height: 49px;
     padding: 0;
     display: inline-block;
     border-radius:100%;
     background-position-x: center;
     background-position-y: center;
     margin-left:23px;
 }
 .bot_right_top.bshare-custom a.bshare-sinaminiblog {
     background:url("../images/xl.png") no-repeat center;
 }
 .bot_right_top.bshare-custom a.bshare-weixin {
     background:url("../images/wx.png") no-repeat center;
 }
  
 html{height: 100%;}
 body.open {height: 100%;
   overflow: hidden;
 }
 body.open #sidebar {
    width: 70%
 }
 #sidebar {
     width: 0%;
     height: 100%;
     background: rgba(0,0,0,0.75);
     position: absolute;
     top: 0;
     overflow-x: hidden;
     overflow-y: auto;
   
     transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     z-index: 10;
 }
 #sidebar ul li {
     display: block;
     min-height: 49px;
     border-bottom: 1px solid #333;;
     font-size: 14px;
     width: 100%;
 }
 .agent-mobile #sidebar ul li {
     border-color: rgba(255, 255, 255, .05);
 }
 #sidebar ul li a {
     display: block;
     color: #fff;
     padding: 0 25px;
     height: 49px;
     line-height: 49px;
     /*text-align: center;*/
 }

 .nr {
     position: relative;
     z-index: 10;
     height: 100%;
     transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 }
 body.open .nr {
     transform: translate3d(70%,0,0)!important;
     -webkit-transform: translate3d(70%,0,0)!important;
    
 }
 #close{position: absolute;right: 10px;top:10px;}
 #close img{height:15px;}

 li.navitem{
     position: relative;
     top: 100px;
     opacity: 0;
     transition: .3s;
     transitino-delay: 1s;
 }

 body.open li.navitem{
     top: 0px;
     opacity: 1;
     transition: 1s;
 }
 body.open li.navitem:nth-child(2)  {
     transition-delay: 0.2s;
 }

 body.open li.navitem:nth-child(3)  {
     transition-delay: 0.4s;
 }

 body.open li.navitem:nth-child(4)  {
     transition-delay: 0.6s;
 }

 body.open li.navitem:nth-child(5)  {
     transition-delay: 0.8s;
 }

 body.open li.navitem:nth-child(6)  {
     transition-delay: 1s;
 }

 body.open li.navitem:nth-child(7)  {
     transition-delay: 1.2s;
 }
 body.open li.navitem:nth-child(8)  {
     transition-delay: 1.4s;
 }
 body.open li.navitem:nth-child(9)  {
     transition-delay: 1.6s;
 }
 body.open li.navitem:nth-child(10)  {
     transition-delay: 1.8s;
 }

 body.open li.navitem:nth-child(11)  {
     transition-delay: 2s;
 }
 body.open li.navitem:nth-child(12)  {
     transition-delay: 2.2s;
 }
 body.open li.navitem:nth-child(13)  {
     transition-delay: 2.4s;
 }
 body.open li.navitem:nth-child(14)  {
     transition-delay: 2.6s;
 }

.ban2 img{display: block;}

.lanmu{padding: 55px 0 45px}
.title{font-size: 35px;color: #000000;}
.title span{font-size: 25px;color: #7c7c7c;font-family: Arial;text-transform: uppercase;}
.type li{float: left;background: #e8e8e8;margin-left: 18px}
.type li a{display: block;height: 45px;padding: 0 33px;color:#7c7c7c;line-height: 45px;}

.about1{overflow: hidden;}
.about1_top{position: relative;}
.about1_left{width: 568px;float: left;}
.about1_right{width:calc(100% - 620px);font-size: 16px;color: #5a5a5a;line-height: 37px;float: right;padding-top: 30px}

.about1_bot {text-align: center;padding: 55px 0}

.about_tit{text-align: center;font-size: 30px;font-weight: bold;color: #000000;position: relative;margin-bottom: 35px}
.about_tit span{color: #f3f3f3;font-size: 51px;font-weight: bold;text-transform: uppercase;line-height: 60px;display: block;}
.about_tit p{position: absolute;top:10px;left:0;width: 100%;z-index: 1;}

.about2_list li{width: calc(25% - 8px);float: left;margin-right: 10px;position: relative;}
.about2_list li .about2_pic{position:relative;width:100%;height:0;padding-top:131%;}
.about2_list li .about2_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.about2_info{position: absolute;top:0;left:0;width:100%;height:100%;bottom: 0;right: 0;color:#fff;background: rgba(0,0,0,0.3);padding-top:60%}
.about2_list li:last-child{margin-right: 0}
.about2_info p{text-align: center;font-size: 30px;font-weight: bold;}
.about2_jian{text-align: center;line-height: 30px;margin-top:15px}
.about2{margin-bottom: 80px}
.his_pic{width: 480px;height: 273px;float: left;}
.his_pic img{width: 480px;height: 273px;}
.his_con{width: 806px;float:left;margin-left: 45px;font-size: 16px;color: #000000;line-height: 32px;padding-top: 10px;max-width:calc(100% - 530px)}
.his_type{margin-top: 70px}
.his_type .swiper-slide{text-align: center;font-size: 20px;color: #000000;padding-top:35px;position: relative;}
.about3{padding-bottom: 60px}
.his_type{position: relative;}
.about3_line {width: 100%;height: 1px;border: 1px solid #d7d7d7;position: absolute;bottom:53px;left: 0;}
.his_type_nr{position: relative;max-width: 94%;width: 1470px;margin:0 auto;padding: 0 100px}
.his_type_nr i{display: block;width: 20px;height: 20px;background: #d7d7d7;border-radius:50%;position: absolute;left:50%;transform:translateX(-50%);top:0px;}

.his_type  .swiper-button-prev {
    background: url("../images/left.png") no-repeat center;
    left: 0px;
    bottom:25px;
    width: 53px;height: 53px;top:auto;
    right: auto;
} 
.his_type  .swiper-button-next{
  background: url("../images/right.png") no-repeat center;
  right: 0px;
  left: auto;
  bottom:25px;
  width: 53px;height: 53px;top:auto;}

  .his_type  .swiper-button-prev.swiper-button-disabled, .his_type .swiper-button-next.swiper-button-disabled {
      opacity:1;
      cursor: auto;
      pointer-events: none;
  }

/*集团产业*/
.industry_list li{width:676px;max-width: 48.5%;position: relative;margin-bottom: 35px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
.industry_list li:nth-child(2n+1){float: left;}
.industry_list li:nth-child(2n){float: right;}

.industry_list li .ind_pic{position:relative;width:100%;height:0;padding-top:38%;}
.industry_list li .ind_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.ind_info{position: absolute;top:50%;left:8%;width: 285px;transform:translateY(-50%);}
.ind_info p{color: #3a3a3a;font-size: 26px;font-weight: bold;}
.ind_jianjie{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:3;-webkit-box-orient: vertical;font-size: 14px;color: #171111;line-height: 2;margin-top:22px}
.industry_list{margin-bottom: 55px}
.industry_list li:hover .ind_info p{color: #c11c01}
.industry_list li .ind_pic{position: relative;overflow: hidden;}
.industry_list li .ind_pic img{transition:all 0.8s;-webkit-transition:all 0.8s;}
.industry_list li:hover .ind_pic img{transform:scale(1.05);}

.danye_tit{text-align: center;color: #000000;font-weight: bold;font-size: 30px;}
.danye_nr{font-size: 16px;line-height: 2;color: #333;padding:40px 0 70px}

/*联系我们*/
.contact_nr{padding-bottom: 100px}
.contact_left{width: 842px;max-width: 65%}
.contact_right{width: 360px;max-width:31%;margin-left:4%;margin-top: 10px}
.contact_web{color: #000000;font-size: 28px;font-weight: bold;}
.contact_right ul{margin-top: 25px}
.contact_right li{margin-bottom:17px;font-size: 16px;color: #181818}
.contact_right li:nth-child(1){background: url('../images/tel.png') no-repeat center left;padding-left: 29px}
.contact_right li:nth-child(2){background: url('../images/mail.png') no-repeat center left;padding-left: 29px}
.contact_right li:nth-child(3){background: url('../images/yb.png') no-repeat center left;padding-left: 29px}
.contact_right li:nth-child(4){background: url('../images/dz.png') no-repeat center left;padding-left: 29px}
.contact_code{margin-top:40px}

/*新闻*/
.type li.active{background: #c11c01}
.type li.active a{color: #fff}

.news_list li{width:30%;float: left;margin-right:5%;background: rgba(255,255,255,0.9);padding: 20px 15px;margin-bottom: 40px}
.news_list li:nth-child(3n){margin-right: 0}
.news_pic{position:relative;width:100%;height:0;padding-top:56%;}
.news_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.news_tit{color: #232020;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 20px;margin-bottom: 10px;transition: all 0.4s linear;-webkit-transition: all 0.4s linear;}
.news_jian{transition: all 0.4s linear;-webkit-transition: all 0.4s linear;font-size: 14px;color: #5f5b5a;line-height: 2;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.date{font-size: 15px;color: #111111;padding:38px 5px 20px;transition: all 0.4s linear;-webkit-transition: all 0.4s linear;}
.news_tit::before{ margin-right: 10px;content:'|';}
.news_info{padding: 0 5px}

.news_list li{transition: all 0.5s;position: relative;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.news_list li .news_pic{position: relative;z-index: 1;}
.news_info{position: relative;z-index: 1;}
.date{position: relative;z-index: 1;}
.news_bg{position: absolute;left: 0;bottom: 0%;width: 100%;height: 0;background: #bd4734;transition: all 0.4s linear;-webkit-transition: all 0.4s linear;}
.news_list li:hover .news_bg{height: 100%;}
.news_list li:hover .news_tit{color: #fff}
.news_list li:hover .news_jian{color: #fff}
.news_list li:hover .date{color: #fff}

.page{text-align: center;padding-bottom: 65px;padding-top: 25px}
.page a{display:inline-block;height:40px;line-height:38px;text-align: center;color: #898989;font-size: 14px;margin:0 4px 5px;padding: 0 10px;border:1px solid #d2d2d2;border-radius: 4px;min-width: 40px}
.page a.select{background:#c11c01;color: #fff;border: 1px solid #c11c01;}

.pre_page img{height: 12px;vertical-align: middle;}
.next_page img{height: 12px;vertical-align: middle;}

.ns_tit{text-align: center;font-size: 30px;color: #000000;font-weight: bold;}
.ns_date{text-align: center;font-size: 13px;color: #747474;padding: 30px 0;}
.ns_nr{font-size: 16px;color: #747474;line-height: 2.3;padding: 50px 0 20px;border-top: 1px solid #e6e6e6;}

.fenye li{width:560px;height: 50px;line-height: 50px;background:#f1f1f1;padding: 0 25px;font-size: 16px;color:#5a5a5a;}
.fenye li a{color:#5a5a5a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block;width:calc(100% - 70px);float: right;}
/*.fenye li:hover{background: #c11c01;color: #fff}*/
.fenye li:hover a{color: #fff}

.fenye li{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg,#f1f1f1, #f1f1f1,#c11c01,#c11c01);
  background-position: 99% 50%;
  background-size: 300% 300%;
  cursor: pointer;
}

.fenye li:hover{
    color: #fff;
  background-position: 1% 50%;
}


.fenye{padding:80px 0}


/*公司产品*/
.prod_list li{width: 32%;float: left;margin-right: 2%;margin-bottom: 45px}
.prod_list li:nth-child(3n){margin-right: 0}

.prod_pic{position:relative;width:100%;height:0;padding-top:67%;display: block;}
.prod_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.prod_tit{text-align: center;font-size: 18px;color: #262626;background: #f3f3f3;padding: 20px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.prod_list{padding-bottom: 15px}
.prod_list li{transition: all 0.5s;}
.prod_list li:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}


.prod_list li .prod_pic {overflow: hidden;}
.prod_list li .prod_pic img{
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  transition:all 1s;
}

.prod_list li:hover .prod_pic img{
  -webkit-transform: scale(1);
  transform: scale(1);
}

.prods_left{width: 760px;max-width: 50%;float: left;}
.prods_right{width: 645px;float: right;max-width: 48%;padding-top:20px}
.prods_top_tit{font-size: 30px;color: #262626;margin-bottom: 20px}
.prods_right span{font-size: 15px;color: #828282;display: block;margin-bottom: 15px}
.prods_top_jian{font-size: 16px;color: #5a5a5a;line-height: 36px;}
.prods_xq{font-size: 18px;color: #000000;padding-bottom: 10px;padding-top: 50px;border-bottom: 1px solid #d7d7d7}
.prods_bot_nr{padding: 50px 2% 20px;font-size: 16px;color: #5a5a5a;line-height: 2;}


.job_list table{border:1px solid #dddddd;}
.job_list .tr1{background: #f1f1f1;height: 54px;}
.job_list  td{border-bottom: 1px solid #dddddd;vertical-align: middle;}
.job_list .tr1 span{display: block;padding-left: 32px;font-size: 18px;font-weight:bold;color: #c11c01}
.job_list table{margin-bottom:30px;font-size: 16px;color: #000000;}

.bor0{border:0px!important;}
.td1{width: 156px;background: #f1f1f1;text-align: center;vertical-align: middle;}
.job_list .tr2{height: 50px;}
.job_list .tr2 td{padding: 0 10px}
.job_list .td2{width: 220px}
.job_list .tr3 td{padding:20px;line-height: 30px;}


.his_con{height: 273px;}

.his_type_nr .swiper-slide-thumb-active i{background: #c11c01;}
.his_type_nr .swiper-slide-thumb-active{color: #c11c01}

.type li{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg,#e8e8e8, #e8e8e8,#c11c01,#c11c01);
  background-position: 99% 50%;
  background-size: 300% 300%;
  cursor: pointer;
}

.type li:hover{
  background-position: 1% 50%;
}
.type li:hover a{color: #fff}

.about2{overflow: hidden;}
.about3_nr{overflow: hidden;}
.title b{font-weight: normal;display: inline-block;}
.title span{display: inline-block;}
.about3 .swiper-slide{overflow: hidden;}
.lanmu{overflow: hidden;}


.about1_left .about1_pic {position: relative;overflow: hidden;width:100%;height:0;padding-top:68%;}
.about1_left  .about1_pic img{transition:all 0.8s;-webkit-transition:all 0.8s;position:absolute;top:0;left:0;width:100%;height:100%;}
.about1_left:hover  .about1_pic img{transform:scale(1.05);}


.about2_list li .about2_pic {position: relative;overflow: hidden;width:100%;height:0;padding-top:131%;}
.about2_list li  .about2_pic img{transition:all 0.8s;-webkit-transition:all 0.8s;position:absolute;top:0;left:0;width:100%;height:100%;}
.about2_list li:hover  .about2_pic img{transform:scale(1.05);}

.about2_list li .about2_info{transition:all 0.8s;-webkit-transition:all 0.8s;}
.about2_list li:hover .about2_info{background: rgba(0,0,0,0.1);}

.prod_list li:hover .prod_tit{color: #c11c01}
.prods_top{overflow: hidden;}
.prods_bot,.fenye{overflow: hidden;}
.contact_nr{overflow: hidden;}

.prod_list{overflow: hidden;}
.news_list{overflow: hidden;}
.wu{padding-bottom: 100px;font-size: 16px;text-align: center;}
.gc_show_top{text-align: center;}

.search_list{padding-bottom: 50px}
.about1_right_con{height: 335px;}
.padr{padding-right: 10px}
.his_content{padding-right: 10px}

.gc_tit{font-size: 30px;color: #262626;margin-bottom:30px;text-align: center;}
.search_list{padding-top:10px}

@media (max-width:1600px){
  .nav_list li {float: left;padding: 30px 23px 0;}
}
@media (max-width:1550px){
  .nav_list li {float: left;padding: 30px 15px 0;}
  .nav_list{margin-right:20px;width:755px}
  .type li a{height: 40px;line-height: 40px;}
  .title{float: none;}
  .type{float: none;margin-top:20px}
  .type li{margin-left: 0;margin-right: 18px;margin-bottom:10px}
  .prod_tit{padding: 15px 0;font-size: 16px;}
}
@media (max-width:1400px){
  .about1_left{width: 500px}
  .about1_right {width: calc(100% - 540px);padding-top: 20px}
  .about1_right_con{height: 290px;}
  .his_list .his_pic{margin-left: 5px}
  .about2{margin-bottom: 50px}
  .contact_right{margin-top: 0}
  .contact_right ul{margin-top: 20px}

  .lanmu{padding: 30px 0 20px}
  .danye_nr {
      font-size: 16px;
      line-height: 2;
      color: #333;
      padding:25px 0 50px;

  }
  .prods_right{padding-top: 0}

}

.prods_top_3g{display: none;}
 @media screen and (max-width:1270px){
   header{height: 70px;}
   .nav_list{height: 70px;}
   .header_btn{padding-top: 21px}
   .search{top:16px;}
   .nav_list li { padding: 24px 7px 0;}
   .search-wrapper::before{top:6px;}
   .logo img{height: 50px;}
   .logo{margin-left:15px;padding-left: 0;margin-top: 10px}
   .header_right{margin-right:47px}
   .nav_list {margin-right: 10px;width: 625px;}
   .header_btn img{height: 20px;vertical-align: top;margin-top: 5px}
   .header_btn{width: 83px}
  
   .bot_left2{display: none;}
   .bot_left{width: 300px}
   
   .bot_right_top{margin-bottom: 10px}
   .bot_right_top.bshare-custom a{width: 35px;height: 35px;background-size: cover!important;display: inline-block;}
  
    .about1_left{width:400px}
    .about1_right {width: calc(100% - 430px);padding-top: 10px}
    .about1_right_con{height: 260px;}

    .about2_info p{font-size: 25px;}
    .about2_jian{font-size: 13px;line-height: 2;}

    .contact_left{max-width: 50%}
    .contact_right{max-width: 41%}
    
    .contact_nr {
        padding-bottom: 50px;
    }
    .contact_code{margin-top: 20px}
    .contact_right li{margin-bottom:10px}
    .contact_right ul {
        margin-top: 10px;
    }
    .contact_web{font-size: 23px;}
    .ind_jianjie{margin-top: 15px}
    .ind_info p{font-size: 23px;}
    .prod_list li{margin-bottom:30px}
    .type li a {padding: 0 25px;}
    
    .prod_tit {padding:7px 0 10px;}

    .fenye li{width: 100%;margin-bottom: 10px;float: none;}
    
    .prods_top{display: none;}
    .prods_top_3g{display: block;}
    .fenye {
        padding:40px 0;
    }
    .news_list li{padding: 15px 12px;width: 32%;margin-right: 2%;margin-bottom: 4%}
    .date {padding:15px 5px 10px;}
    .ns_tit{font-size: 25px;}


 }



 .head_3g,.bot2{display: none;}
 .job_list{overflow: hidden;}
 .his_list_3g{display: none;}
 .about1_3g{display: none;}
 @media screen and (max-width:1020px){
    .type{margin-top: 0}
   header{display: none;}
   .main{max-width: 94%}
   .head_3g{position:absolute;top:0;left:0;background: rgba(0,0,0,0.5);z-index: 100;width: 100%;height: 50px;display: block;}
   .nav img{height: 19px;margin-right: 10px;vertical-align: middle;}
   .sear img{height: 23px;vertical-align: middle;}
   .sear{background: url('../images/bor.png') no-repeat center left;padding-left: 10px;}
   .logo_3g img{height:40px;margin-top: 5px}
   .head_right{margin-top: 13px}

   .ss{width:0;height:35px;position:absolute;left:0;top:50px;overflow:hidden;z-index:7;}
   .ss_bd{width:80%;height:35px;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 12%;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px;}
   .ss_btn{width:20%;float:left;line-height:35px;background:#c11c01;border:none;color:#fff;font-family:"微软雅黑";border-radius:3px;
   -moz-border-radius:3px;-webkit-border-radius:3px;font-size:15px;}

   body.open #sidebar{width: 30%}
   body.open .nr { transform: translate3d(30%,0,0)!important;  -webkit-transform: translate3d(30%,0,0)!important;}
   
 
   .bot1{display: none;}
   .bot{padding: 15px 10px;}
   .bot2{display: block;color: #fff;font-size: 13px;text-align: center;}


    /*人力资源*/
   .job_list .tr1{height:45px;}
   .job_list .tr1 span{padding-left:13px;}
   .job_list table{margin-bottom: 16px;}

   .td1{width: 95px;}
   .job_list .tr2{height: 40px;}
   .job_list .tr2 td{padding-left: 12px}
   .job_list .td2{width:60px}
   .job_list .tr3 td{padding: 10px 5px}
   .job_list td{font-size: 14px;padding: 0 5px;}

   .lanmu{padding:15px 0}
   .title{font-size: 25px;float: none;}
   .title span{font-size:22px;}
   .type{float:none;width: 100%;padding: 10px 0}
   .type li a{height: 35px;padding: 0 20px;line-height: 35px;font-size: 15px;}
   .type li{margin-left: 0;margin-right: 10px}
   .about1_left{width: 365px}
   .about1_right {
    width: calc(100% - 385px);font-size: 14px;line-height: 2;}
    .about1_right_con{height: 220px;}
    .about2_info{padding-top: 35%}
    .his_list .his_pic{display: none;}
    .his_con{max-width: 100%;font-size: 14px;line-height: 2;margin-left:0px}


    .his_type {
        margin-top: 25px;
    }

    .his_type  .swiper-button-prev {
        background: url("../images/left.png") no-repeat center;
        left: 0px;
        bottom:30px;
        width:40px;height:40px;top:auto;
        right: auto;
        background-size: cover;
    } 
    .his_type  .swiper-button-next{
      background: url("../images/right.png") no-repeat center;
      right: 0px;
      left: auto;
      bottom:30px;
      width:40px;height:40px;top:auto;
      background-size: cover;
    }
    .his_type .swiper-slide{font-size: 18px;padding-top: 30px}
    .his_type_nr i{width: 15px;height: 15px}
    .about3_line{bottom: 48px;}
    .about_tit{font-size: 25px;}
    .about_tit span{font-size: 40px;}
    .about2_info p{font-size: 22px;}
    .lanmu{padding: 20px 0 10px}
    .title{padding-bottom:3px}
    .about2{margin-bottom:5%}

    .contact_left{max-width: 100%}
    .contact_right{max-width: 100%;margin-left: 0;width: 100%}
    .contact_right ul{float: left;}
    .contact_code{float: right;}

    .danye_nr {
        font-size: 14px;
        padding:15px 0 30px;
    }
    .danye_tit{font-size: 22px;}

    .industry_list li{width: 100%;max-width: 100%;float: none;margin-bottom: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
    .industry_list{padding-top: 15px}
    .gc_tit{margin-bottom:15px;font-size:25px;}

    .news_list li {padding:10px 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
    .news_info{padding: 0}
    .news_tit {font-size: 16px;margin-top:10px;margin-bottom:5px;}
    .news_tit::before {
        margin-right:4px;
        content: '|';}
    .news_jian{font-size: 13px;}
    .date {
        padding:10px 0px 10px;font-size: 13px;}
    .ns_date {
        padding: 10px 0 15px;
    }
    .ns_nr {
        padding:20px 0 20px;}

    .bot{position:fixed;bottom: 0;left:0;}
    .bot_h{height: 70px;}

 }
.ban2_3g{display: none;}
 @media screen and (max-width:750px){
  .ban2{display: none;} 
  .ban2_3g{display: block;} 
 }
 .foot{display: none;}
 @media screen and (max-width:640px){
   .bot{display: none;}
   .foot{display: block;}
   .foot{width: 100%;background:#2d3038;height:70px;position: fixed;bottom: 0px;left: 0;width: 100%;display: block;z-index: 100;}
   .foot a{display: block;float: left;text-align: center;color: #fff;width: 25%;padding-top:42px;font-size: 14px;}
   .foot a:nth-child(1){background: url('../images/foot1.png') no-repeat center top 10px;background-size: auto 32px;}
   .foot a:nth-child(2){background: url('../images/foot2.png') no-repeat center top 10px;background-size: auto 32px;}
   .foot a:nth-child(3){background: url('../images/foot3.png') no-repeat center top 10px;background-size: auto 32px;}
   .foot a:nth-child(4){background: url('../images/foot4.png') no-repeat center top 10px;background-size: auto 32px;}
   
   body.open #sidebar{width: 60%}
   body.open .nr {
       transform: translate3d(60%,0,0)!important;
       -webkit-transform: translate3d(60%,0,0)!important;
      
   }
   .about1_3g{display: block;}
   .about1{display: none;}
   .about_tit span{font-size: 21px;}
   .about_tit{font-size: 23px;margin-bottom: 5px}
   .about2_list li{width: 48%;margin-right: 0;margin-bottom: 4%}
   .about2_list li:nth-child(2n+1){float: left;}
   .about2_list li:nth-child(2n){float: right;}
   .about2_jian{margin-top:5px}
   .about2{margin-bottom:3%}

   .about1_3g_pic{text-align: center;}
   .about1_3g_top{font-size: 14px;}

   .his_type_nr {
       padding: 0 35px;
   }

   .type li a{padding: 0}
   .type li{width: 32%;text-align: center;margin-right:2%;margin-bottom: 7px}
   .type li:nth-child(3n){margin-right: 0}
   .his_type .swiper-slide{font-size:16px;padding-top:23px}

   .his_type  .swiper-button-prev {
       background: url("../images/left.png") no-repeat center;
       left: 0px;
       bottom:28px;
       width:30px;height:30px;top:auto;
       right: auto;
       background-size: cover;
   } 
   .his_type  .swiper-button-next{
     background: url("../images/right.png") no-repeat center;
     right: 0px;
     left: auto;
     bottom:28px;
     width:30px;height:30px;top:auto;
     background-size: cover;
   }
   .his_type_nr i{width:10px;height:10px;}
   .about3_line{bottom: 41px}
   .title{font-size: 22px;}
   .title span{font-size: 18px;}
    .about3{padding-bottom: 20px}
    .about1_3g{overflow: hidden;}
    .contact_right ul{float:none;}
    .contact_code{float: none;}
    .contact_web{font-size: 18px;}
    .contact_right li{font-size: 14px;}
    .contact_nr{padding-bottom: 20px}
    .contact_left{margin-bottom: 10px}

    .danye_nr {
        font-size: 14px;
        padding:7px 0 20px;
    }
    .danye_tit{font-size:20px;}

    .ind_info p{font-size: 20px;}
    .ind_jianjie{margin-top: 5px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .prod_list li{width: 48.5%;margin-right: 0;}
    .prod_list li:nth-child(2n+1){float: left;}
    .prod_list li:nth-child(2n){float:right;}
    .prod_tit {
        padding: 5px 0 7px;font-size: 14px;
    }
    .type li a{font-size: 14px;}
    .prod_list li{margin-bottom:4%}
    .type{padding-bottom: 0}

    .page a {height:30px;line-height: 28px;min-width: 30px}
    .page {
        padding-top:15px;
        padding-bottom: 20px;}

    .prods_xq {
        font-size:16px;
        padding-bottom:5px;
        padding-top:20px;
        border-bottom: 1px solid #d7d7d7;
    }

    .prods_bot_nr {
        padding:15px 0;
        font-size:14px;
    }
    .fenye {
        padding:20px 0;
    }
    .fenye li {
        height:40px;
        line-height:40px;font-size: 14px;padding: 0 10px;}
    .fenye li a { width: calc(100% - 60px);}

    .gc_tit{font-size:20px;margin-bottom:20px;font-weight: bold;}

      .news_list li {width: 48%;;padding:7px 7px 12px;margin:0 0 10px;}
      .news_list li:nth-child(2n+1){float: left;}
      .news_list li:nth-child(2n){float:right;}
      .date {padding: 5px 0;font-size: 13px;color: #2e2828;}
      .news_info{padding:0px;}
      .news_tit::before {margin-right:3px;content: '|';}
      .news_jian{font-size: 13px;line-height: 1.7;}
      .news_tit {margin-top:5px;margin-bottom:2px;font-size: 16px;}

      .ns_tit{font-size: 18px;}
      .ns_nr {
          padding:10px 0 10px;font-size: 14px;
      }


 }


.lg-outer .lg-image{border:20px solid #fff;}

