﻿
/*banner*/
#banner{
    width:100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#banner .item {
    display: block;
}
#banner img {
    display: block;
    width: 100%;
}

#banner  .owl-controls{
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    margin-top: 0 ;
}
#banner .owl-controls .owl-page span{
    background-color: #131313;
}
/*关于我们*/
.about-info{ background: url("/skin/images/ww.jpg") no-repeat; height: 728px;}
.about-title { margin-bottom: 55px; height: 186px; color:#000; font-size: 48px; text-align: center; padding-top:90px; border-bottom: 1px solid #999999; position: relative}
.about-title .about-subtitle{ position: absolute; left: 540px; bottom: -14px; height: 28px; line-height: 28px;  width: 120px;display: flex;justify-content: center;align-items: center;background: #018ecf;text-decoration: none;transform: skewX(-40deg);}
.about-title .about-subtitle span{transform: skewX(40deg); color:#fff;font-size: 14px;}
.about-list{ margin-bottom: 40px;}
.about-list li{ float: left; width: 33.33%; text-align: center; padding:16px 72px; border-right: 1px solid #dedede;}
.about-list li:last-child{ border:none;}
.text01 { font-size: 24px; color:#000;}
.text02{ font-size:60px; color:#000; font-weight: bold;}
.text03{ font-size: 14px; color:#999999; line-height: 30px;}
.about-contact{ margin:0 auto; width: 396px; height: 140px; background: url("/skin/images/contact.png") no-repeat; color:#fff; padding-top:66px; text-align: center;}
.text04{ font-size: 30px; margin:0px;}
.text05{ font-size: 18px;}

/*客户案例*/
.case{  width: 100%; padding-bottom: 70px;}
.case-title { margin-bottom: 55px; height: 156px; color:#000; font-size: 48px; text-align: center; padding-top:58px; border-bottom: 1px solid #999999; position: relative}
.case-title .case-subtitle{position: absolute;left: 515px;bottom: -20px;height: 40px;line-height: 40px;width: 170px;display: flex;justify-content: center;align-items: center;background: #d82018;text-decoration: none;transform: skewX(-40deg);}
.case-title .case-subtitle span{transform: skewX(40deg); color:#fff;font-size: 24px;}
.case-list{ margin-top:55px;}
.case-list li{ width: 385px; background-color: #fff; height:460px; padding:20px; border:1px solid #d7d7d7}
.case-list li img{ width: 345px; height: 230px;}
.text06{ font-size: 24px; colot:#000; line-height: 72px; text-align: center; border-bottom: 1px solid #cccccc}
.case-sub div{ float: left;width: 50%; text-align: center; margin:25px 0; height: 50px;}
.case-sub div:first-child{ border-right: 1px solid #cccccc; }
.text07{ font-size: 14px; color:#999999;}
.text08{ font-size: 30px;}
.xinji span{color: #d82018;}

/*解决方案*/
.service-bg{padding-top:50px;width: 100%;background: #d82018 url(/skin/images/bg.jpg) 100% no-repeat;width: 100%;height: 570px;background-position: center top;}
.service-info{ margin:-380px auto 0 auto; width: 1200px;}
.service-nav{ width: 100%; background: #fff;clear: both;overflow: hidden;}
.service-nav li{ width: 25%; float: left; border-right: 1px solid #eeeeee; height: 84px; padding:0 30px; cursor: pointer;}
.service-nav li:hover{background: #d82018;color:#fff;border:none;}
.service-nav .service-act{background: #d82018;color:#fff;border:none;}
.service-nav li .nav-icon{float: right; width: 30px; height: 30px; line-height: 30px; text-align: center;  border-radius: 20px; background-color: #f0f0f0; margin-top:27px;}
.service-nav li .nav-icon i{ font-size: 20px; color:#333333;}
.service-nav li .nav-title{ font-size: 20px; float: left; line-height: 84px; width: 200px; overflow: hidden;}
.service-banner .item{ padding-bottom: 40px;}
.service-banner img{ width: 1200px; height: 588px;}
.service-banner{ position: relative;}
.service-banner .service-last{ position: absolute; background: url("/skin/images/service-last.png") no-repeat; left: 0px; top:0px; width: 100px; height: 588px; line-height: 588px; text-align: center; border-radius:0;}
.service-banner .service-next{ position: absolute;background:url("/skin/images/service-next.png"); right: 0px; top:0px; width: 100px; height: 588px; line-height: 588px; text-align: center;border-radius:0;}
.service-banner .service-next i{ color:red;}
.service-banner i{ font-size: 40px;}
.service-banner .service-intro{ position: relative; z-index:999;margin:-150px auto 0 auto;width: 760px; height: 270px;background-color: #fff;text-align: center; padding:40px 50px; box-shadow:0 0 10px #ccc; border:1px solid #e0e0e0;}
.service-intro .intro-btn{background-color: #d82018;width: 140px;height: 50px;border-radius: 30px;text-align: center;line-height: 50px;margin: 36px auto 0 auto;}
.service-intro .intro-btn a { color:#fff; }
.text09{ font-size: 48px; color:#fff;text-align: center;}
.text09 span{ font-weight: bold; }
.text10 { font-size: 16px; color:#fff; text-align: center; letter-spacing:12px;}
.text11{font-size: 36px;color: #000000;margin-bottom: 26px;}
.text12{ color:#666666; line-height: 30px;}

/*产品展示*/
.product{ padding-top:50px; background:url("/skin/images/bg55.jpg") 100% no-repeat; background-position: center top; width: 100%; height: 806px;}
.text13:before,.text13:after {content:"";width:470px;height:1px;background:#cccccc;display:block; position:relative;}
.text13:before{top:34px;left:0px;}
.text13:after {top:-34px;right:-730px;}
.text13{ font-size: 48px; color:#333;text-align: center; margin-bottom:36px;}
.text13 span{font-weight: bold;color: #d82018;}
.text14 { font-size: 16px; color:#999999; text-align: center; letter-spacing:12px;}
.product-nav{float: left;width: 255px;background-color: #d82018;}
.product-nav ul { padding:38px 24px 16px 24px;}
.product-nav ul li{line-height: 50px; height: 50px; background-color: #fff; margin-bottom: 15px; padding:0 10px; cursor: pointer;}
.product-nav ul li span{ margin-right: 12px; color:#bfbfbf;}
.product-nav ul .product-act{color:#fff;background-color: #ffffff;}
.product-nav ul .product-act span{color: #d82018;}
.product-nav ul li:hover{ color:#fff;background-color:#333333}
.product-nav ul li:hover span{ color:#fff;}
.product-nav .product-more{background: url("/skin/images/bg22.jpg") no-repeat; width: 255px; height: 160px; text-align: center; padding-top:64px;}
.product-nav .product-more a:before,.product-nav .product-more a:after {content:"";width:60px;height:2px;background:#ff8b26;display:block;        position:relative;}
.product-nav .product-more a { color:#fefefe;}
.product-nav .product-more p{ font-size: 24px; color:#fefefe; margin-top:10px;}
.product-nav .product-more a:before{top:10px;left:24px;}
.product-nav .product-more a:after {top:-10px;right:-170px;}
.product-list{ float: right; width: 910px; display: none;}
.product-list ul li{float: left;width: 292px;margin-left: 12px;height: 266px;margin-bottom: 37px;background: white;}
.product-list ul li:nth-last-child(3n+0){ margin-left: 0px;}
.product-list ul li p{ text-align: center; line-height: 50px;}
.product-list ul li img{width: 292px;height: 50%;margin-top: 51px;}

/*优势*/
.advantage { padding-bottom: 70px; background-color: #fff;}
.advantage ul li .advantage-img{ margin-top:38px; width:564px; height: 356px; padding:5px; border-radius: 10px;box-shadow: 0 0 10px #ccc;border: 1px solid #e0e0e0;}
.advantage ul li .advantage-img img { width: 552px; height: 344px;}
.advantage ul li{ position: relative; clear: both; overflow: hidden; margin-bottom: 20px;}
.rights .advantage-img{ position: absolute; left:0px;}
.lefts .advantage-img{ position: absolute; right:0px;}
.rights .advantage-intro{ float: right;}
.lefts .advantage-intro{ float: left;}
.advantage-intro{ width: 930px; background-color: #f2f2f2; height: 440px;}
.sss{ clear: both; overflow: hidden;}
.ss-img, .ss-text{ float: left;}
.ees{ padding-top:60px;width: 550px;}
.rights .ees{  margin-right:30px; float: right;}
.lefts .ees{  margin-left:30px; float: left;}
.ss-text{ width: 382px; font-size: 14px; color: #cccccc; line-height: 20px; margin:16px 0 0 20px;}
.advantage-intro-top { border-bottom:1px #333333 dashed;}
.advantage-intro-top p{ font-size: 30px; line-height: 60px;}
.advantage-intro-top p span{ font-weight: bold;}
.advantage-intro-bottom{ padding-top:36px;}
.advantage-intro-bottom p{ margin-bottom: 40px;}
.advantage-intro-bottom p i{float: left; width: 26px; height: 20px; background: url("/skin/images/gou.jpg") no-repeat; margin-right: 10px;}
.advantage-intro-bottom p span{float: left; width: 500px; line-height: 30px;}

/*服务*/
.fuwu-bg{background-color: #d82018;height: 340px;}
.fuwu-bg .case-title .case-subtitle{background-color: #d82018;}
.fuwu-bg .case-title{color: #fff; border-bottom: 1px solid #fff;}
.fuwu-info{ height: 430px; background-color: #fff; margin-top:-120px; padding: 45px;}
.fuwu-info .fuwu-item{ float: left; width: 50%; height: 340px; text-align: center; padding: 0 60px;}
.kefu1{ margin-bottom: 20px; }
.fuwu-info .fuwu-item:first-child{ border-right: 1px solid #e0e0e0;}
.text15{ font-size: 30px; color: #000; margin-bottom: 20px;}
.text16{ line-height: 30px;}

/*售后*/
.shouhou{ margin: 0 auto; width: 1200px;}
.shouhou-info{ height: 560px;}
.shou-img,.shou-nav,.shou-list{ float: left;}
.shou-img{ width: 500px; height: 560px; position: relative; margin-bottom: 94px;}
.shou-nav{ width: 80px; height: 560px; background-color: #b0b0b0; color:#fff;}
.shou-list{ width: 620px; padding:0 10px 0 40px;}
.wow{color:#fff;position: absolute;top:120px;left:-30px;width: 205px;height: 110px;text-align: center;background-color: #d82018;padding-top: 32px;z-index:99;}
.wou{ color:#fff; position: absolute; top:130px; left:-20px; width: 205px; height: 110px; text-align: center; background-color: #fff;}
.text17{ font-size: 24px;}
.shou-nav .shou-act{background-color: #717171;}
.shou-nav li{ height: 186px; padding-top: 43px; text-align: center; font-size: 30px; cursor: pointer;}
.shou-list li{height: 186px; border-bottom: 1px solid #e0e0e0; }
.shou-list .text19:before{content:"★"; color:#ff0000;}
.text18{ font-size: 30px; color:#010101; line-height: 60px;}
.text19{ color:#999999; line-height: 30px;}

.indexbgs{ margin-top:200px;}
.bges{width: 100%;background-color: #d82018;height: 186px;}
.bagsimg{ width: 1200px; height: 544px; padding:5px;box-shadow: 0 0 10px #ccc;border: 1px solid #e0e0e0; margin-top:-380px; background-color: #fff;}

/*设备*/
.text20:before,.text20:after {content:"";width:400px;height:1px;background:#cccccc;display:block; position:relative;}
.text20{ font-size: 48px; color:#333;text-align: center; margin-bottom:50px;}
.text20:before{top:34px;left:0px;}
.text20:after {top:-34px;right:-800px;}
.text20 span{font-weight: bold;color: #d82018;}
.shebei{ margin-top: 50px; padding-bottom: 50px;background-color: #fff;}
.shebei-list li{ float: left; width: 382px; height: 287px; padding: 5px; box-shadow: 0 0 10px #ccc;border: 1px solid #e0e0e0; margin-right: 16px;}
.shebei-list li:last-child{ margin: 0px;}
.text21{ line-height: 40px; text-align: center; margin-top: 50px;}
.shebei-more{width: 200px;line-height: 50px;border-radius: 30px;box-shadow: 0 0 10px #ccc;border: 8px solid #fff;background-color: #d82018;text-align: center;margin: 50px auto 10px auto;}
.shebei-more a{ color:#fff;}

/*新闻*/
.news{ background-color: #f3f3f3; padding: 60px 0;}
.new-left{ float: left; width: 780px; padding:40px 30px; box-shadow: 0 0 10px #ccc;border: 1px solid #e0e0e0; background-color: #fff;}
.new-right{padding:45px 20px; float: right;box-shadow: 0 0 10px #ccc;border: 1px solid #e0e0e0;background-color: #fff; width: 400px;}
.new-top{ line-height: 50px; border-bottom: 1px solid #ccc; height: 50px;}
.top-right{ float: right;}
.top-right li{ float: left; line-height: 48px; margin-right: 20px; cursor: pointer;}
.top-right .new-act{color: #d82018;border-bottom: 4px solid #d82018;}
.top-right li:hover{color: #d82018;border-bottom: 4px solid #d82018;}
.top-left{ float: left;  }
.top-center{ float: left; font-size: 30px; margin-left: 20px; line-height: 40px;}
.new-center{ height: 164px; padding: 36px 0; border-bottom: 1px solid #ccc;}
.dates{float: left;width: 180px;height: 100px;background-color: #000000;text-align: center;line-height: 100px;color: #fff;font-size: 18px;}
.dates span{ font-size: 30px;}
.new-info{ float: right; width: 496px; }
.news-item{ display: none;}
.new-info .new-title{ font-size: 24px; }
.new-content{ color:#999999; line-height: 30px; }
.new-bottom{ padding: 30px 0 0px 0; display: none;}
.new-bottom li{ line-height: 40px;}
.new-bottom li a{ display: inline-block; width: 480px; }
.new-bottom li span{ display: inline-block; font-size:14px; color: #999999;}
.new-bottom li a:hover{ color: red;}
.new-bottom li:before {content: "★  ";color: #ff0000;}
.lee-img{ width: 40px; float: left;}
.lee{ height: 45px; border-bottom: 1px solid #ccc;}
.lee-list{ padding: 30px;}
.lee-list div{ border-bottom: 1px #ccc dashed;}
.lee-list a{ font-size: 18px;  line-height: 40px;}
.lee-list p{  font-size: 14px; color: #999999; line-height: 30px;}
.lee-but{ margin: 15px auto; border: 1px solid #ccc; line-height: 40px; width: 130px; text-align: center; border-radius: 6px;}
.lee-but a{ color:#000; }