@charset "utf-8";
/* CSS Document */
.BreadCrumbPro{background: none;border: none;z-index: 4;}
.proDetailFocusBox {background: url("images/WuLianWang/banner-bg.jpg") no-repeat center bottom #16171b;padding: 87px 0 0 0;position: relative;height: auto;}
.proDetailFocusBox .left {float: left;width: 700px;padding: 0 0 20px 0;}
.proDetailFocusBox .right {float: right;width: 510px;color: #fff;padding: 8px 0 0 0;}
.proDetailFocusBox .right .title { font-size: 45px; line-height: 60px; color: #fff; }
.proDetailFocusBox h1 {font-size: 20px;line-height: 1.3;color: #ccc;margin-bottom: 15px;}
.proDetailFocusBox .canshu {margin: 20px 0 24px;border: 1px solid #2c2c2c;border-width: 1px 0;font-size: 16px;line-height: 28px;color: #7b7c7c;padding: 20px 0 20px 0;color: #a4a4a4;}
.proDetailFocusBox .canshu h2 { color: #fff; font-size: 20px; line-height: 1; height: 20px; margin-bottom: 20px; }
.proDetailFocusBox .canshu p { }
.proDetailFocusBox .type { line-height: 48px; }
.proDetailFocusBox .type dl {position: relative;padding: 10px 0 0 60px;}
.proDetailFocusBox .type dd {float: left;width: 60px;font-size: 16px;color: #a4a4a4;line-height: 32px;position: absolute;left: 0;top: 10px;}
.proDetailFocusBox .type dt { padding: 0px 0; margin: 0 -6px; }
.proDetailFocusBox .type dt a {border: 1px solid #6999fe;text-align: center;display: block;line-height: 30px;border-radius: 4px;color: #6999fe;float: left;width: 25%;margin: 0 6px 10px;}
.proDetailFocusBox .type dt a:hover { color: #00d1d1; border-color: #00d1d1; }
.proDetailFocusBox .type dt a.on {background: #6999fe;color: #fff;border-color: #6999fe;}
.proDetailFocusBox .type dt a.disable {
    cursor: not-allowed;
    border-color: #7a7a7a;
    color: #7a7a7a;
    background: none;
}
.proDetailFocusBox .type dt li { float: left; width: 25%; padding: 0 6px 10px; }
.proDetailFocusBox .type dt span {color: #6999fe;font-size: 32px;font-family: "Arial";padding: 2px;display: block;float: left;line-height: 32px;overflow: hidden;}
.proDetailFocusBox .type dt span i { font-size: 17px; }

.proDetailFocusBox .btns{ padding: 30px 0 0 0;}
.proDetailFocusBox .btns a{float: left;background: url("images/btnIcon_1.png") no-repeat 50px 50% #6999fe;color: #fff;padding: 0 40px 0 85px;margin-right: 10px;border-radius: 3px;font-size: 16px;position: relative;line-height: 45px;}
.proDetailFocusBox .btns a:hover{background-color: #6999fe;}
.proDetailFocusBox .btns .QR a{background-image: url("images/btnIcon_2.png")}
.proDetailFocusBox .btns a span{background: url("images/QR.png?v220610001") no-repeat; width: 172px; height: 213px; position: absolute; left: 50%; top: -220px; margin-left: -86px; display: none;}
.proDetailFocusBox .btns a:hover span{display: block;}
img{ display: block;margin: 0 auto;}
/*.systemDescribe .sidebarNav { position: absolute; height: 100%; }
.systemDescribe .sidebarNav .floorNum.top { position: relative; }
.systemDescribe .sidebarNav .floorNum.top:before { content: ''; width: 100%; height: 50px; position: absolute; left: 0; top: -30px; cursor: pointer; }
.systemDescribe .sidebarNav .floorNum.top2:before { top: 23px; z-index: 2; }
.systemDescribe .sidebarNav .floorNum.on { cursor: inherit; }*/
.systemDescribe .sidebarNav { position: absolute; }
.systemDescribe .sidebarNav.on { position: fixed; }



.section_Item{ background-position: 50% 50%; background-repeat: no-repeat;/* background-size: cover; */ background-color: #e4e4e4; }
.section_Item .wrap{position: relative;}
.section_Item .hd{position: absolute;line-height: 36px;color: #000;text-align: center;font-size: 22px;width: 100%;}
.section_Item .hd h2{font-size: 45px;/* font-weight: bold; */line-height: 1;padding: 65px 0 25px;}
.section_Item .hd.textLeft{text-align: left;}
.section_Item_dianLian{}
.section_Item_dianLian .hd{/*padding:0 0 15px; position: inherit;*/}
.section_Item_dianLian .hd h2{padding: 65px 0 25px;}

.section_jiexiantu {background-image: url("images/WuLianWang/JieXianTu-bg.jpg");background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;/* padding: 0 0 50px; */}
.section_jiexiantu h2 {line-height: 1;font-size: 40px;/* font-weight: bold; */color: #fff;text-align: center;padding: 50px 0 30px;border-top: 1px solid #656666;}
.section_jiexiantu h2:first-of-type { border-top: none; }
.section_jiexiantu img { margin-bottom: 40px; }
.section_jiexiantu img:first-of-type{margin-bottom:0}


/*关于*/
.seciont-about{text-align: center;background: none;margin: 0px auto 65px;position: relative;}
.seciont-about .detailWrap{position: absolute;left: 50%;line-height: 1;top: 94px;z-index: 2;}
.seciont-about h2{line-height: 1;color: #fff;font-weight: lighter;font-size: 38px;text-shadow: 0px 2px 3px rgba(15, 17, 21, 0.82);}
.seciont-about span,.seciont-about p{font-size: 30px;margin-top: 28px;display: block;}
.seciont-about img{}
.seciont-about .hd{/* position: absolute; *//* left: 0; *//* top: 94px; */text-align: center;/* width: 100%; *//* z-index: 9; */}
.seciont-about .hd ul{/* position: absolute; *//* left: 0; *//* top: 220px; *//* text-align: center; *//* width: 100%; */padding: 35px 0 0 0;}
.seciont-about .hd li{margin: 0 25px;font-size: 22px;line-height: 46px;background: #babec8;border-radius: 46px;color: #fff;padding: 0 30px;cursor: pointer;display: inline-block;} 
.seciont-about .hd li.on{background: #6999fe;}
/*仓库*/
.section-cangku{ padding: 30px 0 60px; text-align: center; max-width: 1120px; margin: 0 auto;}
.section-cangku h2{ line-height: 1; font-size: 38px; color: #1d2023;}
.section-cangku p{ font-size: 18px; line-height: 34px; color: #626262; padding:16px 40px 42px;}
.section-cangku img{}


/*客户*/
.section-kehu{background: #232325;padding: 0 0 40px 0;}
.section-kehuPic{background: url("images/kehu-bg.jpg?v1") no-repeat 50% 50%;background-size: cover;height: 900px;position: relative;margin: 0 0 40px;}
.section-kehuPic span{ position: absolute; left: 50%; top: 50%; background: url("images/kehu-num.png?v2") no-repeat; width: 664px; height: 300px; margin: -150px 0 0 -332px;}
.section-kehu .scroolWrap{padding:0 160px;overflow: hidden; position:relative;}
.section-kehu .scrool{ position: relative;}
.section-kehu .scroolWrap:before{content:'';background: #232325;width: 150px;height: 100%;position: absolute;left: 0;z-index: 5;top: 0;}
.section-kehu .scroolWrap:after{content: '';background: #232325;width: 150px;height: 100%;position: absolute;right: 0;top: 0;z-index: 5;}
.section-kehu .scrool .tempWrap{overflow: initial!important;}
.section-kehu .scrool li{float: left;width: 25%;position: relative;}
.section-kehu .scrool li:before{content: '';width: 1px;height: 30px;background: #2b2b2d;position: absolute;left: -1px;top: 50%;margin-top: -15px;z-index: 3;}
.section-kehu .scrool li:after{content: '';width: 1px;height: 30px;background: #2b2b2d;position: absolute;right: 0px;top: 50%;margin-top: -15px;z-index: 3;}
.section-kehu .scrool li:hover:before,.section-kehu .scrool li:hover:after{background: #6999fe;z-index: 4;}
.section-kehu .scrool li a{display: block; position: relative; text-align:center;}
.section-kehu .scrool li a img.last{position: absolute;top: 0;left: 50%;z-index: 2;opacity: 0;/* transform: translateX(-50%); */margin-left: -93px;}
.section-kehu .scrool li a:hover img{opacity:0;}
.section-kehu .scrool li a:hover img.last{opacity: 1;}
.section-kehu .scrool li a:hover{box-shadow: 0px 0px 18px -10px rgb(0, 127, 255);}
.section-kehu .scroolPrev,.section-kehu .scroolNext{width: 30px;height: 30px;border-radius: 30px;font-size: 14px;position: absolute;left: -70px;top: 50%;margin: -15px 0 0 0;text-align: center;line-height: 30px;background: #232325;cursor: pointer;z-index: 9;}
.section-kehu .scroolNext{left: initial;right: -70px;}
.section-kehu .scroolPrev:hover,.section-kehu .scroolNext:hover{/* background: #6999fe; */color: #fff;}
/*承诺*/
.section-chengnuo{ text-align: center; padding: 75px 0;}
.section-chengnuo h2{ line-height: 1; font-size: 38px; color: #1d2023; margin-bottom: 60px;}
.section-chengnuo ul{overflow: hidden;text-align: left;}
.section-chengnuo li{float: left;width: 50%;padding:45px 70px 0 70px;border: 1px solid #efefef;border-width: 1px 0 0 1px;min-height: 200px;margin: -1px 0 0px -1px;font-size: 18px;line-height: 34px;color: #6e6e6e;}
.section-chengnuo .t{font-size: 24px;line-height: 36px;color: #1d2023;padding: 0 0 14px 36px;position: relative;}
.section-chengnuo i{position: absolute;left: 0;top: 0;width: 30px;height: 36px;background: url(images/icon.png) no-repeat 0 0;}
.section-chengnuo i.i2{background-position: 100% 0;}
.section-chengnuo i.i3{background-position: 0 100%;}
.section-chengnuo i.i4{background-position: 100% 100%;}
.section-chengnuo p{}




.systemTopNavWrap { height: 50px; }
.systemTopNav { background: #333; height: 50px; line-height: 50px; width: 100%; position: relative; top: 0; z-index: 1000 }
.systemTopNav ul { }
.systemTopNav li.first { float: left; }
.systemTopNav li.first a { display: block; width:240px; text-align: center; font-size: 14px; color: #fff; }
.systemTopNav li.first a:hover { background: #484848 }
.systemTopNav li.first.on a { background: #00b8b8 }
.systemTopNav li.last { float: right; padding: 9px 0 0 0; line-height: 33px; }
.systemTopNav li.last a { display: block; padding: 0 50px 0 45px; border-radius: 33px; background: #00b8b8; font-size: 14px; line-height: 33px; color: #fff; position: relative; }
.systemTopNav li.last a i { font-size: 13px; color: #fff; position: absolute; right: 10px; width: 43px; text-align: center; }
.systemTopNav li.last a:hover {/*padding-right:60px;*/ background: #00c7c7 }
.systemTopNav li.first a em{display: none;border: 5px solid #fff;border-color: #ffffff #00b8b8 #00b8b8 #00b8b8;border-width: 5px 5px 0px 5px;width: 0;height: 0px;margin: 0px 0 0 10px; }
.systemTopNav li.first.on a em{ display:inline-block;}
.systemTopNavWrap.on .systemTopNav { position: fixed; }
.systemDescribe { position: relative; }
.systemDescribe .sidebarNav { padding: 167px 35px 0 0; width: 210px; min-height: 200px; background: rgba(0, 18, 34, 0.35); position:absolute; z-index: 4; top: 0; text-align: right; }
.systemDescribe .sidebarNav.on { top: 0; padding: 100px 35px 0 0; position: fixed}
.systemDescribe .sidebarNav.on2 { position: absolute!important; bottom: 0!important; top: inherit!important; }
.systemDescribe .sidebarNav h2 { font-size: 24px; line-height: 1;/* font-weight: bold; */color: #fff; padding: 0 0 30px; }
.systemDescribe .sidebarNav h3 { font-size: 18px; color: #fff; line-height: 1; padding: 30px 0 10px; cursor: pointer;}
.systemDescribe .sidebarNav .floorNum { }
.systemDescribe .sidebarNav .floorNum a,.systemDescribe .sidebarNav a { font-size: 15px; color: #cfcfcf; line-height: 26px; display: block; position: relative; }
.systemDescribe .sidebarNav .floorNum a:before { content: ''; background: url(images/WuLianWang/190429-icon.png) no-repeat; width: 12px; height: 22px; position: absolute; right: -47px; top: 50%; margin-top: -11px; display: none; }
.systemDescribe .sidebarNav .floorNum a:hover { color: #00cccc; }
.systemDescribe .sidebarNav .floorNum.first a, .systemDescribe .sidebarNav .floorNum.last a { font-size: 18px; line-height: 1; padding: 10px 0; color: #fff; }
.systemDescribe .sidebarNav .floorNum.on a { /*font-weight: bold;*/ color: #00cccc!important; display: block; }
.systemDescribe .sidebarNav .floorNum.on a:before { display: block; }
.systemDescribe .Item01 { }
.systemDescribe .Item01_1 { background: url("images/WuLianWang/190429001-01bg.jpg") no-repeat 50% 50%; background-size: cover; }
.systemDescribe .Item01_2 { background: url(images/WuLianWang/190429001-02bg.jpg) repeat-x #3c3e4a; padding: 70px 0 50px; }
.systemDescribe .Item01_2 { }
.systemDescribe .Item01_2 ul { color: #ccc; font-size: 18px; line-height: 33px; }
.systemDescribe .Item01_2 h3 { font-size: 20px; color: #0cc; padding: 0 0 10px; line-height: 1; }
.systemDescribe .Item01_2 p { }
.systemDescribe .Item01_2 .first { }
.systemDescribe .Item01_2 .first li { float: left; width: 50%; padding: 0 140px 0 50px; }
.systemDescribe .Item01_2 .last { }
.systemDescribe .Item01_2 .last li { float: left; width: 33.33%; padding: 0 0 0 50px; }
.systemDescribe .ItemTitle { padding: 0 0 0 80px; }
.systemDescribe .ItemTitle h2 { font-size: 30px; line-height: 1; color: #00cccc; padding: 0 0 35px; }
.systemDescribe .ItemTitle .hd { padding: 0 0 0 30px; position: relative; line-height: 1; }
.systemDescribe .ItemTitle .hd span { font-size: 24px; line-height: 1; color: #fff; position: relative; display: block; }
.systemDescribe .ItemTitle .hd em { position: absolute; left: 0; top: -10px; font-size: 24px; line-height: 1; color: #515059; }
.systemDescribe .ItemTitle p { font-size: 18px; color: #ccc; line-height: 30px; padding: 5px 0 5px; }
.systemDescribe .Item02_1 { background: #1f1f1f; padding: 50px 0 0 0; }
.systemDescribe .Item02_2 { background: url(images/WuLianWang/190429002-02bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 70px 0 0 0; }
.systemDescribe .Item02_3 { background: #38373d; padding: 60px 0 0 0; }
.systemDescribe .Item03_1 { background: url(images/WuLianWang/190429003-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 50px 0 0 0; }
.systemDescribe .Item03_2 { background: url(images/WuLianWang/190429003-02bg.jpg) no-repeat 50% 50% #35343a; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item03_3 { background: url(images/WuLianWang/190429003-03bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item04_1 { background: url(images/WuLianWang/190429004-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 50px 0 0 0; }
.systemDescribe .Item04_2 { background: url(images/WuLianWang/190429004-02bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item04_3 { background: url(images/WuLianWang/190429004-03bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item05_1 { background: url(images/WuLianWang/190429005-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 70px 0 0 0; }
.systemDescribe .Item06_1 { background: url(images/WuLianWang/190429006-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 50px 0 0 0; }
.systemDescribe .Item06_2 { background: url(images/WuLianWang/190429006-02bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item06_3 { background: url(images/WuLianWang/190429006-03bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribeAD { background: url(images/WuLianWang/190429007.jpg) no-repeat 50% 50%; background-size: cover; }
.systemDescribeAD a { padding: 155px 0 0 85px; display: block; height: 590px; }
.systemDescribeAD a p { font-size: 50px; color: #fff; line-height: 72px; padding: 0 0 18px; }
.systemDescribeAD a span { width: 340px; line-height: 63px; display: block; font-size: 30px; color: #0f2428; text-align: center; background: #fff; border-radius: 63px; }


.systemTabs{position:relative;min-height: 940px; overflow: hidden;}
.systemTabs .TabsHd{width: 200px;height: 100%;background: rgba(0, 18, 34, 0.35);position: absolute;z-index: 4;top: 0;text-align: right;}
.systemTabs .TabsHd h2{font-size: 24px;line-height: 1;color: #fff;padding: 55px 30px 50px 0;}
.systemTabs .TabsHd ul{}
.systemTabs .TabsHd li{}
.systemTabs .TabsHd li.last{margin-bottom: 25px;}
.systemTabs .TabsHd li a{position: relative;padding: 0 30px 0 0;display: block;font-size: 14px;line-height: 26px;color: #999;}
.systemTabs .TabsHd li a span{display: block;font-size: 18px;color: #fff!important;/* line-height: 1; *//* padding: 0 0 10px; */}
.systemTabs .TabsHd li a:before{content: '';background: url(images/WuLianWang/system-icon.png) no-repeat;width: 12px;height: 22px;position: absolute;right: -12px;bottom: 2px;display: none;}
.systemTabs .TabsHd li a:hover{color: #fff;}
.systemTabs .TabsHd li.m a{font-size: 18px;color: #fff;}
.systemTabs .TabsHd li.m a:before{}
.systemTabs .TabsHd li.m a:hover{}
.systemTabs .TabsHd li.on a:before{display:block;}
.systemTabs .TabsHd li.on a{color: #fff;}
.systemTabs .TabsHd li.m.on a{color: #00cccc;}
.systemTabs .TabsBd{}
.systemTabs .TabsBd dd{ min-height: 940px; background-repeat: repeat;background-position: 50% 50%; background-size: cover; }
.systemTabs .TabsBd .desc {padding: 40px 80px 20px 80px;}
.systemTabs .TabsBd .desc h2 { font-size: 30px; line-height: 1; color: #00cccc; padding: 0 0 35px; }
.systemTabs .TabsBd .desc .hd { padding: 0 0 0 30px; position: relative; line-height: 1; }
.systemTabs .TabsBd .desc .hd span { font-size: 24px; line-height: 1; color: #fff; position: relative; display: block; }
.systemTabs .TabsBd .desc .hd em { position: absolute; left: 0; top: -10px; font-size: 24px; line-height: 1; color: #515059; }
.systemTabs .TabsBd .desc p {font-size: 18px;color: #ccc;line-height: 30px;padding: 5px 0 0px;}
.systemTabs .TabsBd ul{color: #ccc;font-size: 18px;line-height: 33px;padding: 50px 0 20px 0;}
.systemTabs .TabsBd li { float: left; width: 50%; padding: 0 140px 0 50px; }
.systemTabs .TabsBd li h3{ font-size: 20px; color: #0cc; padding: 0 0 10px; line-height: 1; }
.systemTabs .TabsBd li p{}


.detailWrap{width:1120px; margin: 0 auto;}
.proDetailTabWrap { background: #fff;}
.proDetailTabHd .box{background: #fafafc;border: 1px solid #f3f3f3;border-width: 1px 0;}
.proDetailTabHd .box span{float: left;color: #7f7f7f;line-height: 50px;}
.proDetailTabHd .box .more{float: right;background: #6999fe;color: #fff;padding: 0 20px;line-height: 30px;margin: 10px 0 0 25px;border-radius: 2px;}
.proDetailTabHd .box ul{float: right;}
.proDetailTabHd .box ul li{ width: auto; border: none; padding: 0 25px;}
.proDetailTabHd li a{font-size: 14px;color: #7f7f7f;position: relative;}
.proDetailTabHd li a:hover{color:#6999fe}
.proDetailTabHd li a:before{content:'';background: #6999fe;width: 100%;height: 1px;position: absolute;left: 0%;margin-left: -0%;bottom: 20%;opacity: 0;}
.proDetailTabHd li.on a{background: none;color: #1d2023;}
.proDetailTabHd li.on a:before{opacity:1;}

/*表格参数*/
.section-table{ text-align: center; padding: 60px 0;}
.section-table h2{line-height: 1;font-size: 38px;color: #1d2023;margin-bottom: 60px;/* font-weight: 300; */}
.section-table table{border-collapse:collapse;width: 100%;font-size: 16px;color: #6b6b6b;}
.section-table table,.section-table th,.section-table td{border: 1px solid #ececec;padding: 13px 5px;line-height: 30px;}
.section-table th{font-size: 18px;color: #1d2023;background: #f7f9fb;min-width: 120px;font-weight: 400;}
.section-table td{}
.section-table tr:first-of-type td{color:#1d2023;font-size:18px;font-weight: 400;}



@media (max-device-width: 1600px){
    .systemTabs .TabsBd .wrap{width:1200px;}
    
    
}

@media (max-device-width:1440px) {
    .systemTabs .TabsHd{width: 120px;}
    .systemTabs .TabsHd h2{font-size: 16px; padding-right: 10px;}
    .systemTabs .TabsHd li a{padding-right: 10px;}
    .systemTabs .TabsHd li a{font-size: 12px;}
    .systemTabs .TabsBd li{padding-right: 120px;}
}