/*左侧导航*/
.menu { width: 1000px; height: 600px;  background:none ;z-index: 9999999 }
.menu ul { width: 165px; height: 480px; background-color: #ececec;  box-sizing: border-box; position: relative; z-index: 9999999}
.menu ul li {position: relative; height: 59px;  text-align: center; line-height: 59px; font-size: 13px;  z-index: 2;border-bottom: 1px solid #F2F2F2; }
.menu ul li a { color: #626262; height: 59px;line-height: 59px;}
.menu ul li a:hover { color: #E4393C; cursor: pointer; }
.menu ul li:hover { border: 1px solid #DDD; border-right: 0; background: #ffffff ;color: #E4393C;}
.menu ul li:hover .submenu { display: block; }
.menu ul li:hover span { width: 0px; height: 30px; display: inline-block; background-color: #FFF; float: right; z-index: 100; position: relative; }
.menu ul li .submenu { top: -1px; position: absolute; left: 162px;  width: 679px; height: auto; border: 1px solid #DDD; box-shadow: 0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; background-color: #FFF; z-index: 3; display: none; }
.menu ul li .submenu .subleft { margin-left: 0px; width: 600px; height: auto; float: left; padding: 5px; }
.menu ul li .submenu .subleft dl { overflow: hidden; border-bottom: 1px solid #f2f2f2; padding: 10px 0; }
.menu ul li .submenu .subleft dl dt { float: left; height: 27px; line-height: 27px; margin-right: 10px; font-weight: bold; color: #707070; font-size: 12px; cursor: pointer; }
.menu ul li .submenu .subleft dl dd { }
.menu ul li .submenu .subleft dl dd a { display: block; float: left; border-left: 1px solid #707070; padding: 0 8px; color: #707070; height: 22px; line-height: 22px;  font-size: 12px; margin-top: 5px;
    border-left: 1px solid #CCC}
.menu ul li .submenu .subright { width: 0px; height: auto; background-color: blue; float: left; }

.search{width: 1200px;margin: 0 auto;background: #ffffff;height: 120px;line-height: 120px}
.search-right{width: 600px;float:right;height: 120px;line-height: 120px}
.search-input{width: 520px;margin-top:30px;height:40px;line-height: 40px;background: #ff6d06;padding: 8px;}
#keyword{width: 440px;display: inline-block}
#search{ width: 80px;padding-left:20px;text-align: center;color: #ffffff;cursor: pointer}
#nav{  position: relative;width: 1200px;margin: 0 auto;  }
#nav-left{  position: absolute; }
.layui-nav {  position:relative;  padding:0px;  background-color:#ffffff;  color:#fff;  border-radius:2px;  font-size:0;  box-sizing:border-box  }
#nav-left .layui-nav * {  font-size:14px  }
#nav-left .layui-nav .layui-nav-item .text {  padding-left: 60px;  color: #fff;  text-align: left;  }
#nav-left .layui-nav .layui-nav-item .bage{  margin:-3px 40px  }
#nav-left  .layui-nav .layui-nav-item {  border-bottom: 1px solid #333;  list-style: circle;  position:relative;  display:inline-block;  *display:inline;  *zoom:1;  vertical-align:middle;  line-height:35px  }
#nav-left .layui-nav-tree .layui-nav-item a {  position: relative;  height: 68px;  line-height: 68px;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;  }
.layui-nav .layui-nav-item a {  display:block;  padding:0 20px;  color:#666;  transition:all .3s;  -webkit-transition:all .3s  }
.layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after {  position:absolute;  left:0;  top:0;  width:0;  height:5px;   transition:all .2s;  -webkit-transition:all .2s
}
.top-left .layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after {  position:absolute;  left:0;  top:0;  width:0;  height:0px;  transition:all .2s;  -webkit-transition:all .2s  }
.layui-nav-bar {  z-index:1000  }
.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a {  color:#ff6d03;  }
.layui-nav .layui-this:after {  content:'';  top:auto;  bottom:0;  width:100%  }
.layui-nav-img {  width:30px;  height:30px;  margin-right:10px;  border-radius:50%  }
.layui-nav .layui-nav-more {  content:'';  width:0;  height:0;  border-style:solid dashed dashed;  border-color:#fff transparent transparent;  overflow:hidden;  cursor:pointer;  transition:all .2s;  -webkit-transition:all .2s;  position:absolute;  top:50%;  right:3px;  margin-top:-3px;  border-width:6px;  border-top-color:rgba(255,255,255,.7)
}
.layui-nav .layui-nav-more,.layui-nav-itemed>a .layui-nav-more {  margin-top:-9px;  border-style:dashed dashed solid;  border-color:transparent transparent #fff
}
.layui-nav-child {  display:none;
    text-align: center;
    position:absolute;
    left:0;
    top:35px;
    min-width:100%;
    line-height:36px;
    padding:5px 0;
    box-shadow:0 2px 4px rgba(0,0,0,.12);
    border:1px solid #d2d2d2;
    background-color:#ffffff;
    z-index:100;
    border-radius:2px;
    white-space:nowrap
}
.layui-nav .layui-nav-child a {
    color:#333
}
.layui-nav .layui-nav-child a:hover {  background-color:#f2f2f2;  color:#000  }
.layui-nav-child dd {  position:relative  }
.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this {  background-color:#5FB878;  color:#ff6d03;  }
.layui-nav-child dd.layui-this:after {  display:none  }
.layui-bg-blue .layui-nav-bar,.layui-bg-blue .layui-nav-itemed:after,.layui-bg-blue .layui-this:after {
    background-color:#93D1FF
}
.layui-bg-blue .layui-nav-child dd.layui-this {
    background-color:#1E9FFF
}
.layui-bg-blue .layui-nav-itemed>a,.layui-nav-tree.layui-bg-blue .layui-nav-title a,.layui-nav-tree.layui-bg-blue .layui-nav-title a:hover {
    background-color:#007DDB!important
}
.layui-nav-tree{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 480px;
    overflow: hidden;
    width: 240px;
    z-index: 299;
    background-color: rgba(0,0,0,255);
    filter: alpha(opacity=25);
    background-color: rgba(0,0,0,.75);
}
.mod_personal_center {
    position: absolute;
    z-index: 102;
    right: 0px;
    top: 12px;
    width: 240px;
    height: 456px;
    padding-top: 30px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,.9);
    box-sizing: border-box;

}
.main-bg-gray{background: #F2F2F2; padding-top: 50px;padding-bottom: 50px;}
.header-content{width: 1200px;margin: 0 auto;height: 35px;}
.main-content{width: 1200px;margin: 0 auto; }

/*最新上线--开始*/
.new{ margin-top: 40px}
.new .new-title {margin: 40px; color: #F2AE11; font-size:18px; text-align: center; font-weight: 500; line-height: 1.1; }
.new .new-title span { display: block;  font-size: 18px;font-weight:bold;  color: #212121; position: relative;  }
.new .new-title span:before, .new .new-title span:after { content: '';  position: absolute;  top: 52%;  background: #333333;  width: 9%; height: 2px; }
.new .new-title span:before{ left: 35%;}
.new .new-title span:after { right: 35%; }
.new .new-list{ background-color: #ffffff;  }
.new .new-list .card{   }
.new .new-list .layui-card{  height: 140px;background: #f6f6f6;border-top:5px solid #feb800  }
.new .new-list .layui-card .company{  padding: 0px 15px;height: 70px}
.new .new-list .layui-card .company-title{  height: 40px;line-height: 40px;font-weight: bold;color: #000000;font-size: 16px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.new .new-list .layui-card .company-content{ height: 30px;line-height: 30px;font-size:14px;color: #6f6f6f;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.new .new-list .layui-card .layui-card-body{ padding-left:80px;height: 88px;position: relative}
.new .new-list .layui-card .layui-card-body .sales{ margin-top: 20px; color: #ff6d03}
.new .new-list .layui-card .layui-card-body .bg-black{ color: #ffffff;background: #000000;padding:4px;border-radius:2px;height: 20px;margin-right:2px;}
.new .new-list .layui-card .layui-card-body .company-logo img{ border-radius: 50%;width: 60px;height: 60px; margin: auto}
.new .new-list .layui-card .layui-card-footer{ height: 46px;line-height: 46px;background: #e6e6e6;position: relative;}
.new .new-list .layui-card .btn-left{ padding-left:20px;  width:100%;height:46px;font-size: 16px;color: #ff9850;font-weight: bold;}
.new .new-list .layui-card .btn-right{position: absolute;right: 0;top: 0; text-align: center; width:108px;height:46px;background: #ff9850;font-size: 16px;font-weight: bold;color: #ffffff}
/*最新上线--结束*/
/*热门通道--开始*/
.hot{ margin-top: 40px}
.hot .hot-title {margin-bottom: 40px; color: #F2AE11; font-size:18px; text-align: center; font-weight: 500; line-height: 1.1; }
.hot .hot-title span { display: block;  font-size: 18px;font-weight:bold;  color: #212121; position: relative;  }
.hot .hot-title span:before, .hot .hot-title span:after { content: '';  position: absolute;  top: 52%;  background: #333333;  width: 9%; height: 2px; }
.hot .hot-title span:before{ left: 35%;}
.hot .hot-title span:after { right: 35%; }
.hot .hot-list{ background-color: #ffffff;  }
.hot .hot-list .card{   }
.hot .hot-list .layui-card{  height: 225px;background: #f6f6f6;border-top:5px solid #feb800  }
.hot .hot-list .layui-card .company{  padding: 0px 15px;height: 60px}
.hot .hot-list .layui-card .company-title{  height: 35px;line-height: 35px;font-weight: bold;color: #333333;font-size: 16px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hot .hot-list .layui-card .company-content{ height: 25px;line-height: 25px;font-size:14px;color: #6f6f6f;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hot .hot-list .layui-card .layui-card-body{  height: 98px;position: relative;}
.hot .hot-list .layui-card .layui-card-body p{color: #6f6f6f;}
.hot .hot-list .layui-card .layui-card-body .sales{ margin-top: 20px; color: #ff6d03}
.hot .hot-list .layui-card .layui-card-body .bg-black{ color: #ffffff;background: #000000;padding:4px;border-radius:2px;height: 20px;margin-right:2px;}
.hot .hot-list .layui-card .layui-card-body .company-logo img{ position: absolute;left: 10px;top: 5px;border-radius: 50%;width: 80px;height: 80px;}
.hot .hot-list .layui-card .layui-card-footer{ height: 46px;line-height: 46px;background: #e6e6e6;position: relative;}
.hot .hot-list .layui-card .btn-left{ padding-left:20px;  width:100%;height:46px;font-size: 16px;color: #ff9850;font-weight: bold;}
.hot .hot-list .layui-card .btn-right{position: absolute;right: 0;top: 0; text-align: center; width:108px;height:46px;background: #ff9850;font-size: 16px;font-weight: bold;color: #ffffff}
/*热门通道--结束*/
.clear{clear: both;}
/*资讯*/
.article {  height: 410px;  }
.article .article-title{border-left: 10px solid #ff6d06 ; font-size: 18px;padding-left: 10px}
.article-list li{  position: relative;height: 46px;line-height: 46px;}
.article-list li a{ display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right: 80px  }
.article-list li a .layui-badge-dot{ margin-right:10px; }
.article-list li .date{ position: absolute;top: 0;right: 0; }

/*底部*/
.footer{padding-top: 20px;}
.footer-left{width: 544px;border-right: 1px solid #D3D4D3 ;height: 150px;}
.footer-left .class-list{width: 180px;float: left;padding-top: 10px;}
.footer-left .class-list h3{font-weight: bold;text-align: center}
.footer-left .class-list ul{margin-top: 15px;}
.footer-left .class-list ul li{text-align: center;padding-bottom: 10px}
.footer-left .class-list ul li a{color: #585858}
.footer-left .class-list .product-list{padding-top: 15px;}
.footer-left .class-list p{text-align:center;color: #585858;padding-bottom: 5px;}
.footer-left .class-list p a{text-align:center;color: #585858;padding:0 10px }


.footer-center{width:380px;border-right: 1px solid #D3D4D3 ;height: 150px;}
.footer-right{width:270px;height: 150px; text-align: center}
.footer-right .qrcode{width:130px;height: 130px; display: inline-block;}
.footer-right p{padding-top: 10px;}
.footer .footer-float{ float: left;}
.footer-center .work{margin-top: 10px; font-size: 16px;font-weight: bold;text-align: center;}
.footer-center .tel{ margin-top:15px;font-size: 22px;font-weight: bold;text-align: center; color: #343434 }

/*友情链接*/
.link{min-height: 30px; padding:15px 0; text-align: center;}
.link-list{ display: inline-block;padding-right: 15px;}




/*案例展示*/
.case-list{text-align:center;}
.case-list .item{width:30%;box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);display:inline-block;margin:10px;}
.case-list .item .img{width:100%;height:220px;}
.case-list .item .title{line-height:50px;text-align:center;font-size:16px;color:#333;}
.case-list .item .link{line-height:50px;text-align:center;font-size:16px;color:#333;}

/*关于我们*/
.home-about{}
.home-about .left{width:40%;float:left;}
.home-about .right{width:60%;float:left;}
.home-about .right .title{font-size:20px;text-align:center;margin:0 0 15px 0;}
.home-about .right .content{font-size:16px;}

.swiper-about{width:80%;}
.swiper-about .img{width:100%;}

/*我们承诺*/
.promise-list{margin-bottom:80px;}
.promise-list .item{width:25%;text-align:center;float:left;}
.promise-list .item img{width:40%;display:inline-block;}
.promise-list .item p{color:#999;line-height:1.8em;font-size:13px;}
.promise-list .item p.title{font-size:22px;color:#333;margin-bottom:5px;}