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;}
.nr{min-height:640px}
img{border:0px;max-width: 100%}
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;}
.main{width: 94%;margin:0 auto;}
header img{display: block;}
.clearfix:before,.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}


html{height: 100%;}
body.open {height: 100%;
  overflow: hidden;
}
body.open #sidebar {
   width: 70%
}
#sidebar {
    width: 0%;
    height: 100%;
    background: #000000;
    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-top: 1px solid #171311;
    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;}

.navitem{
    position: relative;
    top: 100px;
    opacity: 0;
    transition: .3s;
    transitino-delay: 1s;
}

body.open .navitem{
    top: 0px;
    opacity: 1;
    transition: 1s;
}
body.open .navitem:nth-child(2)  {
    transition-delay: 0.2s;
}

body.open .navitem:nth-child(3)  {
    transition-delay: 0.4s;
}

body.open .navitem:nth-child(4)  {
    transition-delay: 0.6s;
}

body.open .navitem:nth-child(5)  {
    transition-delay: 0.8s;
}

body.open .navitem:nth-child(6)  {
    transition-delay: 1s;
}

body.open .navitem:nth-child(7)  {
    transition-delay: 1.2s;
}
body.open .navitem:nth-child(8)  {
    transition-delay: 1.4s;
}
body.open .navitem:nth-child(9)  {
    transition-delay: 1.6s;
}
body.open .navitem:nth-child(10)  {
    transition-delay: 1.8s;
}
body.open .navitem:nth-child(11)  {
    transition-delay: 2s;
}
.head{width: 100%;background: #141414;padding:10px 0 12px;}
.logo img{display: block;height: 40px;}
.nav img{height:20px;margin-top:10px}
.logo a{display: block;}

.banner .swiper-pagination-fraction, .banner .swiper-pagination-custom, .banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:15px}
.banner .swiper-pagination-bullet{width:6px;height: 6px;background:#fff;opacity: 1;border-radius: 6px;transition:all 1s;}
.banner .swiper-pagination-bullet-active{background:#fbcd3b;width:25px}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
.banner .swiper-slide img{display: block;}

/*底部*/
.h70{height:70px;}
.foot{width: 100%;background:#000000;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: #616161;width: 25%;padding-top:41px;font-size: 14px;}
.foot a:nth-child(1){background: url('../images/foot1.png') no-repeat center top 13px;background-size: auto 25px;}
.foot a:nth-child(2){background: url('../images/foot2.png') no-repeat center top 9px;background-size: auto 30px;}
.foot a:nth-child(3){background: url('../images/foot3.png') no-repeat center top 11px;background-size: auto 28px;}
.foot a:nth-child(4){background: url('../images/foot4.png') no-repeat center top 10px;background-size: auto 28px;}

.bg{background: #282828}
.section1{padding: 20px 0}
.title{color: #fff;font-size:22px;margin-bottom: 10px}
.title span {color: #787878;background-image: -webkit-linear-gradient(top, #959595, #666566);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size:15px;font-weight: bold;text-transform: uppercase;}
.more{color: #a8a8a8;font-size:12px;border:1px solid #666666;height: 30px;line-height: 30px;padding:0 10px}

.sec1_type{width: 100%;background: #2e2e2e;margin-bottom:3px}
.sec1_type li{float: left;height:40px;line-height:40px;text-align: center;padding: 0 5px;}
.sec1_type li a{font-size:13px;color: #fff}
.sec1_list li{position: relative;border-right: 1px solid #2e2e2e;}
.sec1_list li.first{width:66.6%;float: left;}
.sec1_list li.two{width:33.3%;float: left;}
.sec1_bg{position: absolute;bottom: 0;left: 0;width: 100%;z-index:100;background: rgba(0,0,0,0.5);padding:0 5px;}
.sec1_pic img{display: block;}
.sec1_bt{color: #fff;font-size: 13px;text-align: center;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec1_type li.active{background: #e7892d}
.sec1_list li.three{width: 50%;float: left;}
.sec1_list li:nth-child(2),.sec1_list li:nth-child(3),.sec1_list li:nth-child(5),.sec1_list li:nth-child(7){border-right: 0;border-left: 1px solid #2e2e2e;}
.sec1_pic{position:relative;width:100%;height:0;padding-top:73%;}
.sec1_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}

.section2{width: 100%;padding:20px 0;background: url('../images/sec2.jpg') no-repeat center top;background-size: cover}
.sec2_con{font-size: 14px;color: #ffffff;line-height: 2;}
.sec2_type a{font-size: 14px;color: #ffffff;display: inline-block;margin-right:20px;}
.sec2_type a.active{color: #e7892d;position: relative;padding-left:15px;}
.sec2_type a.active::before {content: "";position: absolute;left: 0px;top: 50%;width:10px;height: 2px;margin-top: -1px;background: #e7892d;}
.sec2_left_top{padding-bottom:10px}

.sec2_more{background: url('../images/sec2_more.png') no-repeat center left;width: 15px;height: 15px;background-size: 100%;margin-top:6px}

.section3{padding:20px 0}
.sec3_list li{background: #2e2e2e;margin-bottom: 10px}
.sec3_right{width:60%;float: right;padding: 5px 10px 5px 0;}
.sec3_tit{font-size: 14px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec3_jian{font-size:11px;color: #737373;line-height: 1.7;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sec3_pic{position:relative;width:37%;height:0;padding-top:20%;float: left;}
.sec3_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.sec3_list{padding-top:10px;}

.section4{padding: 20px 0;background: url('../images/sec4.jpg') no-repeat center top;background-size: cover}
.sec4_list{padding-top: 5px}
.sec4_list li{width: 48.5%;float: left;background: #fff;margin-bottom: 15px}
.sec4_list li:nth-child(2n){float: right;}
.sec4_list li .sec4_pic{position:relative;width:100%;height:0;padding-top:96%;}
.sec4_list li .sec4_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.sec4_info{padding: 5px 0;text-align: center;}
.sec4_bt{font-size: 15px;color: #000000}
.sec4_key{color: #b4b4b4;font-size:10px;}

.section5{width: 100%;padding:20px 0;}
.sec5_left{width: 60%;float: left;}
.bot1_right{width:40%}
.sec5_left li{font-size:13px;color: #b5b5b5;margin-bottom: 13px;padding-left: 25px;}
.sec5_left li.tel{background: url('../images/tel.png') no-repeat center left;}
.sec5_left li.email{background: url('../images/email.png') no-repeat center left;}
.sec5_left li.qq{background: url('../images/qq.png') no-repeat center left;}
.sec5_left li.addr{background: url('../images/addr.png') no-repeat center left;}

.bot1_right{background: #282828;border:1px solid #3d3d3d;float: right;padding:7px 5px 7px 10px;}
.bot1_r_t{font-size:14px;color: #ffffff;width:16px;line-height:16px;}
.bot1_r_code{width:calc(100% - 20px) }

.us{width: 100%;background:#2c2c2c url('../images/us.jpg') no-repeat center bottom;background-size: 100%;padding:45px 0;min-height:508px}
.lanmu{text-align: center;position: relative;margin-bottom:20px}
.lanmu p{font-size:22px;color: #ffffff;position:absolute;top:-10px;left:0;width: 100%}
.lanmu span{color: #4b4b4b;font-size:30px;font-weight: bold;text-transform: uppercase;line-height:35px;display: block;}

.us_top{background: #292929;margin-bottom: 15px}
.us_top_left{width:40%;float: left;}
.us_top_right{width: 56%;float: right;}
.us_top_r_t{color: #ffffff;font-size:16px;margin-bottom: 10px;margin-top: 5px;}
.us_top_r_t span{width:20px;height: 2px;background:#e7892d;display:block;margin-top:4px;}
.us_top_r_nr{color: #fff;font-size:12px;line-height: 2;}
.us_more{background: url('../images/us_more.png') no-repeat center left;width:25px;height: 11px;display: block;margin-top:10px;background-size: 100%}
.us_top_left img{display: block;}
.us_bot li{width: 49%;float: left;}
.us_bot li:nth-child(2n){float: right;}

.us_bot li{background: #000000;position: relative;}
.us_bot_pic{position:relative;width:55%;height:0;padding-top:37%;}
.us_bot_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.us_bot_info{width: 45%;position: absolute;top:45%;left:60%;transform:translateY(-50%);font-size: 14px;color: #fff}
.us_bot_info span{width:20px;height: 2px;background:#e7892d;display:block;margin-top:4px;}

.banner2{position: relative;}
.banner2 img{display: block;}
.banner2 .lanmu{position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 100%;text-align: center;}
.type{background: #282828;text-align: center;}
.type a{display: inline-block;color:#f6f6f6;font-size:13px;line-height:38px;padding: 0 5px;position: relative;min-width: 65px;}
.type a.active span{height: 2px;background: #e7892d;position: absolute;bottom: 0;left: 0;width: 100%;}
.bg2{background:#141414}

.danye{color: #f6f6f6;font-size: 14px;line-height: 2;padding: 25px 0;width: 94%;
margin: 0 auto;}

.honor li{width: 48.5%;float: left;margin-bottom: 10px}
.honor li:nth-child(2n){float: right;}
.honor{padding:30px 0}
.honor li .honor_pic{position:relative;width:100%;height:0;padding-top:138%;display: block;}
.honor li .honor_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}

.page{text-align: center;padding:20px 0 20px}
.page a{display: inline-block;height:30px;line-height:30px;padding: 0 5px;background: #2f2e2e;color: #fff;font-size:13px;margin:0 2px;min-width: 25px;margin-bottom: 10px}
.page a.pre_page{margin-right:5px}
.page a.select{background: #b26423;color: #fff}

.contact{color: #fff;font-size: 14px;padding: 25px 0}

.service{padding:35px 0;background: url('../images/service.jpg') no-repeat center bottom;background-size: 100%}
.service_list li{background: #292929;color: #fff}
.service_list li a{color: #fff}

.service_pic{width: 40%;float: left;}
.service_pic img{display: block;}
.service_right{width:60%;float: right;color: #fff;padding: 5px 5% 0}
.service_tit{font-size: 15px;margin-bottom:10px}
.service_con{font-size: 12px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.service_tit span{width:20px;height: 2px;background:#e7892d;display:block;margin-top:4px;}
.s_more{background: url('../images/us_more.png') no-repeat center left;width:23px;height: 11px;display: block;margin-top:10px;background-size: 100%}
.service_list li{margin-bottom: 15px}

.service_li2 .service_pic{float: right;}
.service_li2 .service_right{float: left;}


.news_list{padding-top: 25px;padding-bottom: 10px}
.news_list li{width: 48.5%;float: left;background: #333333;margin-bottom: 15px}
.news_list li:nth-child(2n){float: right;}
.news_info{color: #fff;padding: 5px 5px 15px;height: 105px}
.time{font-size: 13px;}
.news_tit{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px}
.news_jian{font-size:12px;color:#6a6a6a;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_more{color: #fff;font-size:12px;text-transform: uppercase;height: 25px;line-height: 25px;width: 100%;background:#4f4f4f;text-align: right;padding-right: 7px}
.news_pic{position:relative;width:100%;height:0;padding-top:51%;}
.news_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.ns{padding: 25px 0}
.ns_tit{text-align: center;color: #f6f6f6;font-size: 18px;font-weight: bold;margin-bottom: 10px}
.ns_date{text-align: center;color: #f6f6f6;font-size: 13px;padding-bottom: 10px;}
.ns_nr{color: #f6f6f6;font-size: 14px;line-height: 1.7;padding:20px 0;border-top: 1px solid #202020;padding-bottom: 10px;border-bottom: 1px solid #202020;}

.fenye{padding: 20px 0}
.fenye li{font-size: 14px;color: #c3c3c3;margin-bottom: 10px;line-height: 1.7;}
.fenye li a{color: #c3c3c3}

.prod_list li{width: 48.5%;background: #575757;text-align: center;float: left;margin-bottom: 10px}
.prod_list li:nth-child(2n){float: right;}
.prod_list li .prod_pic{position:relative;width:100%;height:0;padding-top:73%;}
.prod_list li .prod_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.prod_info{padding:5px;height: 50px}
.prod_tit{font-size: 14px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prod_jian{color: #b2b2b2;font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prod_list{padding: 25px 0}

.ps{padding: 25px 0 10px}
.ps_pic{width: 90%;margin:0 auto;}
.ps_tit,.ps_key{text-align: center;}
.ps_tit{font-size: 16px;color:#fff;padding-top:5px}
.ps_key{font-size: 13px;color: #b2b2b2}
.ps_nr{background: #1c1c1c;padding: 15px 10px 20px;margin-top: 20px;color: #fff}
.ps_xq{font-size: 18px;margin-bottom: 5px}
.ps_con{font-size: 14px;line-height: 2;}

.us_top,.service_list{overflow: hidden;}