@charset "gb2312";
/* CSS Document */

.DetailFocusHull{background: url("../img/detail/focus-bg.jpg") no-repeat 50% 0 #262729;position: relative;padding: 0 40px;}
.proFocus{/* height: 960px; */width: 100%;text-align: center;padding: 166px 0 0 0;/* height: 1106px; */position: relative;}
.proFocus:before{content: '';position: absolute;background: url("../img/detail/focus-mask.png") 50% 0%;width: 100%;height: 200px;z-index: 2;left: 0;bottom: 0;}
.proFocus .bd{height:770px;max-width: 100%;position: relative;margin: 0;}
.proFocus .hdposition{position: absolute;bottom: 35px;width: 600px;/* text-align: center; */}
.proFocus .prev, .proFocus .next{display: none;}
.proFocus .hd {position: relative;/* padding: 0 34px; */padding: 0;width: 100%;/* display: inline-block; */}
.proFocus .hd ul { padding: 0; }
.proFocus .hd li {float: left;padding: 0 7px;width: auto;}
.proFocus .hd li a{display: block;}
.proFocus .hd li img {/* width: 80px; height: 80px;*/width: 70px;height: 70px;border: 1px solid #434343;}
.proFocus .hd li.on img {border-color: #f69603;}

.proFocusInfo {width: 100%;padding:20px 0 0px;position: relative;margin-top: -170px;z-index: 3;}
.proFocusInfo.first{position: absolute;left: 0;top: 0;padding: 70px 40px 0;margin: 0;}
.proFocusInfo h1,.proFocusInfo h2 {font-size: 48px;color: #fff;line-height: 66px;padding: 0 0 15px;font-weight: normal;word-break: initial;text-align: initial;}
.proFocusInfo .subtitle {color: #fff;text-align: left;padding: 0px 0 80px 0;font-size: 30px;line-height: 46px;border: none;}
.proFocusInfo .type {border: 1px solid #3c3c3c;border-width: 0 0 1px;padding: 0 0 6px;}
.proFocusInfo .type dl {padding: 12px 0 12px 0px;padding: 5px 0 65px;}
.proFocusInfo .type dd {float: none;width: auto;color: #fff;font-size: 24px;margin: 0 0 22px;line-height: 27px;}
.proFocusInfo .type dt {}
.proFocusInfo .type dt span {font-size: 36px;font-family: "Arial";color: #fff;}
.proFocusInfo .type dt i { font-size: 18px; font-family: "Arial"; padding: 2px; color: #fff; }
.proFocusInfo .type dt a {border: 1px solid #fff;text-align: center;display: block;width: 31%;border-radius: 4px;float: left;margin: 6px 2% 6px 0;line-height: 60px;font-size: 22px;color: #fff;}
.proFocusInfo .type dt a:nth-of-type(3n+3){margin: 6px 0 6px;}
.proFocusInfo .type dt a:hover {/* color: #f69603; *//* border-color: #f69603; */}
.proFocusInfo .type dt a.on {color: #fff;border-color: #006edd;background: #006edd;}
.proFocusInfo .type dt a.disable {cursor: not-allowed;border-color: #505050;color: #505050;background: none;}
.proFocusInfo .type dl.price{padding: 0px 0 0px 250px;margin: 0 0 34px 0;border-bottom: 1px solid #515558;}
.proFocusInfo .type dl.price dt{float: left;margin: 0 0 0 -250px;width: 250px;min-height: 80px;line-height: 1;font-size: 50px;line-height: 80px;color: #fff;}
.proFocusInfo .type dl.price dt span{line-height: 80px;font-size: 67px;display: block;color: #fff;float: left;position: relative;padding: 0 5px 0 0;}
.proFocusInfo .type dl.price dt span:after{content:'元';font-size: 50px;color: #fff;line-height: 80px;position: absolute;top: 0;right: -60px;opacity: 0;}
.proFocusInfo .type dl.price dt span em{font-size: 34px;}
.proFocusInfo .type dl.price dd{position: relative;}
.proFocusInfo .type dl.price .pText{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}
.proFocusInfo .type dl.price dd p{font-size: 30px;line-height: 34px;color: #fff;padding: 0px 0 0 0px;float: left;width:100%;position: relative;letter-spacing: 1px;}
.proFocusInfo .type dl.price dd p+p{margin: 12px 0 0 0;}
.proFocusInfo .type dl.price dd span{float: left;background: #006edd;color: #fff;width: 70px;text-align: center;font-size: 24px;border-radius: 2px;line-height: 34px;/* position: absolute; *//* left: 0; */ top: -40px; /*font-weight: lighter;*/margin: 0 10px 0 0;}
.proFocusInfo .type dl.price dd small{display: block;margin-left: 74px;padding: 20px 0 0 0;font-size: 24px;}
.proFocusInfo .type dl.price dd img{}
.proFocusInfo .bd {padding: 35px 0 70px 0;}
.proFocusInfo .bd a {text-align: center;width: 31%;display: inline-block;border-radius: 10px;line-height: 60px;color: #fff;font-size: 24px;float: left;/* padding: 0 40px 0 40px; */margin-right: 2%;position: relative;background: #f69603;}
.proFocusInfo .bd a i{font-size: 30px;padding: 0 0 0 15px;display: none;}
.proFocusInfo .bd a .QR{position: absolute;top: -215px;background: #fff;border-radius: 4px;color: #000;padding: 10px 0 10px 0;line-height: 20px;min-height: 205px;display: none;width: 100%;}
.proFocusInfo .bd a .QR span{padding-bottom: 5px;display: block;}
.proFocusInfo .bd a .QR img{width: 160px;height: 160px;}
.proFocusInfo .bd a:hover .QR{display: block;}
.DetailTabHull{}
.DetailTabHdHull{height: 90px;position: relative;z-index: 4;}
.DetailTabHd{height: 90px;width: 100%;background: #f5f7fd;border-bottom: 1px solid #ececec;position: absolute;left: 0;top: 0;font-size: 26px;color: #7f8695;line-height: 89px;padding: 0 40px;}
.DetailTabHd ul{float: left;padding: 0 0px;}
.DetailTabHd li.m{float: left;padding: 0 20px 0 0;}
.DetailTabHd li.m a{font-size: 26px;color: #7f8695;line-height: 89px;display: block;position: relative;padding: 0 10px;/*font-weight: lighter;*/}
.DetailTabHd li.m a:before{content:'';width: 100%;height: 3px;background: #006edd;top: 65px;position: absolute;left: 0;display: none;}
.DetailTabHd li.m a:hover{/* color: #f69603; */}
.DetailTabHd li.m a.on{width: 100%;color: #006edd;}
.DetailTabHd li.m a.on:before{display: block;width: 50%;margin-left: 25%;}
.DetailTabHd .btn{float: right;font-size: 14px;color: #fff;background: #232325;line-height: 30px;min-width: 140px;text-align: center;border-radius: 2px;margin-top: 15px;}
.DetailTabHd .btn:hover{background:#f69603; color:#fff}
.DetailTabHdHull.on .DetailTabHd{position: fixed;top: 90px;}
.DetailTabBd{margin: 0 auto;}
.DetailTabBd.iframeBox{max-width: inherit;}

.section-item{position: relative;}
.section-item .desc{position: absolute;left: 0;top: 88px;width: 100%;text-align: center;color: #fff; padding: 0 40px;}
.section-item h2{font-size: 46px;line-height: 70px;}
.section-item p{
    font-size: 30px;
    line-height: 50px;
    padding: 10px 0 0 0;
}
.section-item .desc.black{ color: #1d2023}

/*关于*/
.seciont-about{position: relative;}
.seciont-about .desc{color: #fff;line-height: 1;position: absolute;left: 0;top: 120px;text-align: center;width: 100%;}
.seciont-about h2{font-size: 46px;padding: 30px 0 0 0;}
.seciont-about p{font-size: 30px;padding: 30px 0 45px;}
.seciont-about a{ display: inline-block; border: 1px solid #fff; font-size: 28px; line-height: 66px; padding: 0 25px; border-radius: 5px; color: #fff;}

/*仓库*/
.section-cangKu{padding: 120px 40px;color: #1d2023;}
.section-cangKu .title{line-height: 1;text-align: center;padding: 0 0  60px 0;}
.section-cangKu .title h2{font-size: 46px;}
.section-cangKu .title p{font-size: 34px;padding: 35px 0 0 0;}
.section-cangKu .title span{font-size: 40px;}
.section-cangKu .desc{position: relative;margin: 35px 0 0 0;background: #eef4fb;padding: 40px 75px;}
.section-cangKu .desc:before{content: '';width: 35px;height: 35px;background: #eef4fb;border: 15px solid #fff;position: absolute;right: -15px;bottom: -15px;}
.section-cangKu .desc p{position: relative;font-size: 30px;line-height: 50px;}
.section-cangKu .desc p:before,.section-cangKu .desc p:after{content: '';background: url("../img/detail/cangKu-icon1.png") no-repeat;width: 26px;height: 23px;position: absolute;left: -40px;top: 0;}
.section-cangKu .desc p:after{background: url("../img/detail/cangKu-icon2.png") no-repeat;left: inherit;top: inherit;bottom: 0;right: 0;}

/*品牌介绍*/
.section-brandHd{background: url(../img/detail/brand-pic.jpg) no-repeat 50% bottom #f3f8fe;text-align: center;padding: 120px 70px;}
.section-brandHd h2{font-size: 46px;line-height: 1;color: #000001;padding: 25px 0 80px;}
.section-brandHd img{}
.section-brandHd ul{border: 1px solid #d9dde8;border-radius: 10px;}
.section-brandHd li{ border-bottom: 1px solid #d9dde8; line-height: 1; min-height: 170px; position: relative; font-size: 40px; /* color: #1d2023; */ /* font-weight: lighter; */}
.section-brandHd li:last-of-type{border: none;}
.section-brandHd li .desc{position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);color: #1d2023;/* font-weight: lighter; */font-size: 40px;}
.section-brandHd li h3{font-size: 40px;padding: 0 0 20px;font-weight: bold;}
.section-brandHd li p{font-size: 40px;/*font-weight: lighter;*/}
.section-brandHd li span{font-weight: bold;}

.section-brandBd{ padding: 120px 40px; background: #f6f7fc; text-align: center;}

.section-brandBd .title{ line-height: 1; font-size: 30px; color: #465066; /*font-weight: lighter;*/ padding: 0 0 60px;}
.section-brandBd .title h2{ font-size: 46px; color: #1d2023; padding: 0 0 30px;}
.section-brandBd .hd{padding: 0 40px;}
.section-brandBd .hd ul{border-bottom: 1px solid #d9dde8;}
.section-brandBd .hd li{ float: left; width: 33.3333%; text-align: center;}
.section-brandBd .hd li span{display: inline-block;line-height: 120px;font-size: 30px;color: #1d2023; position:relative;}
.section-brandBd .hd li.on span{color: #006edd;}
.section-brandBd .hd li:first-of-type{text-align: left;}
.section-brandBd .hd li:last-of-type{text-align: end;}
.section-brandBd .hd li.on span:before{content:'';position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: #006edd;}
.section-brandBd .bd{}


.section-gongneng{padding: 120px 40px 120px;}
.section-gongneng h2,.section-canShu h2{text-align: center;font-size: 46px;color: #1d2023;margin-bottom: 80px;line-height: 1;}
.section-gongneng ul{}
.section-gongneng li{ border-top: 1px solid #d9dde8; padding: 50px 0; position: relative}
.section-gongneng li img{position: absolute;left: 0;top: 55px;}
.section-gongneng li h3{ font-size: 34px ;line-height: 40px; color: #1d2023; margin-bottom: 30px; padding: 0 0 0 45px;}
.section-gongneng li p{ font-size: 30px; line-height: 52px; color: #465066;padding: 0 0 0 45px;}
.section-gongneng li.last img{ position: initial;}
.section-gongneng p{font-size: 30px;line-height: 52px;color: #465066;border-top: 1px solid #d9dde8;padding: 50px 0;position: relative;}
.section-gongneng p span{font-size: 34px;line-height: 40px;color: #1d2023;margin-bottom: 30px;display: block;}
.section-gongneng p:last-of-type{border-bottom: 1px solid #d9dde8;margin-bottom: 50px;}


/*参数*/
.section-canShu{ padding: 120px 40px; background: #f6f7fc;}
.section-canShu h2{}
.section-canShu ul{ border: 1px solid #d9dde8;}
.section-canShu li{font-size: 30px;color: #465066;line-height: 50px;border-top: 1px solid #d9dde8;margin-top: -1px;padding: 30px 25px;}
.section-canShu li p{}
.section-canShu li span{color: #1d2023;}
.section-canShu li img{display: block; margin: 0 auto;}

.section-canShu table{border-collapse:collapse;width: 100%;font-size: 16px;color: #6b6b6b;}
.section-canShu table,.section-canShu th,.section-canShu td{border: 1px solid #d9dde8;padding: 35px 0;line-height: 42px;font-size: 30px;color: #465066;}
.section-canShu th{color: #1d2023;font-weight: 400;border-right-color: #f6f7fc;padding-left: 25px;min-width: 210px;vertical-align: top;}
.section-canShu td{padding-right: 25px;}
.section-canShu tr:first-of-type td{}
.section-canShu img{display:block;margin: 0 auto;}


.section-case{padding: 120px 40px 120px !important;/* width: calc(100% - 80px); */margin: 0 auto;background: #eff1fb;}
.section-case h2{text-align: center;line-height: 1;font-size: 46px;color: #1d2023;margin-bottom: 60px;}
.section-case ul{}
.section-case li{/* padding: 40px 0 20px; */}
.section-case li .bd{padding: 40px 40px 40px;position: relative;}
.section-case li .bd img{position: absolute;right: 40px;top: 45px;max-width: 130px;}
.section-case li a{background: #fff;display: block;text-align: left; box-shadow: 0px 3px 59px 0px rgba(71, 113, 201, 0.08);}
.section-case li a img{}
.section-case li a h2{font-size: 34px;line-height: 46px;color: #1d2023;margin-bottom: 20px;max-width: 440px;text-align: left;}
.section-case li a .desc{font-size: 30px;line-height: 53px;color: #465066;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.section-case li a p{font-size: 24px;line-height: 1;color: #445164;}
.section-case .swiper-pagination{bottom:120px;height: 2px;}
.section-case .swiper-pagination-bullet{width: 70px;height: 2px;border-radius: 0;background: #bdc4dc;opacity: .4;vertical-align: top;}
.section-case .swiper-pagination-bullet-active{opacity: 1; background: #006edd}

.section-case .more{text-align: center;padding: 70px 0 0 0;}
.section-case .more a{font-size: 28px;line-height: 66px;color: #626262;border: 2px solid #c1c1c1;padding: 0 30px;display: inline-block;border-radius: 5px;}
.section-case .more a i{color: #626262;margin: 0 0 0 10px;display: inline-block;vertical-align: top;}

.section-service{padding: 120px 0 40px;}
.section-service ul{padding: 0 10px;}
.section-service li{float:left;width: 50%;padding: 0 30px 80px;min-height: 340px;}
.section-service img{}
.section-service h3{font-size: 40px;line-height: 1;color: #1d2023;padding: 40px 0 30px;}
.section-service p{font-size: 30px;line-height: 48px;}



.section-xiTong{}
.section-xiTong a{display: block;position: relative;}
.section-xiTong a .desc{position: absolute;left: 40px;top: 50%;transform: translateY(-50%);line-height: 1;}
.section-xiTong a h2{color: #1d2023;font-size: 44px;}
.section-xiTong a p{font-size: 26px;color: #465066;padding: 25px 0 60px;}
.section-xiTong a em{color: #969da5;padding: 0 5px;}
.section-xiTong a span{
      background-image: -moz-linear-gradient( 174deg, rgb(0,110,221) 0%, rgb(30,138,247) 100%);
      background-image: -webkit-linear-gradient( 174deg, rgb(0,110,221) 0%, rgb(30,138,247) 100%);
      background-image: -ms-linear-gradient( 174deg, rgb(0,110,221) 0%, rgb(30,138,247) 100%);
      color: #fff;
      border-radius: 5px;
      display: inline-block;
      font-size: 24px;
      line-height: 50px;
      padding: 0 35px;
}


.section-system{}
.section-system .tit{background: url("../img/detail-dianbiao-yufufei/system-tit.jpg") no-repeat 50% 50%;background-size: cover;text-align: center;padding: 55px 40px 60px;}
.section-system .tit h2{font-size: 46px;line-height: 70px;color: #fff;}
.section-system .tit span{font-size: 38px;line-height: 70px;color: #fff;background: #006edd;border-radius: 70px;display: block;margin-top: 35px;}
.section-system ul{}
.section-system li{ position: relative;}
.section-system li:before{content: "";width: calc(100% - 80px);height: 1px;background: #cacaca;position: absolute;left: 40px;top: 0;}
.section-system li:first-of-type:before{ display: none;}
.section-system li .desc{position: absolute;left: 0;top: 80px;width: 100%;padding: 0 40px;}
.section-system li h2{font-size: 46px;color: #1d2023;line-height: 56px;padding-bottom: 12px;}
.section-system li p{font-size: 29px;line-height: 48px;color: #474b50;padding-top: 18px;}