@charset "gb2312";.part-1 {padding:30px 0;}
.left-box {width:16%;float:left;}
.left-box ul li {margin-bottom:8px;width:100%;height:45px;line-height:45px;font-size:15px;}
.left-box ul li {border:1px solid #f2f2f2;}
.left-box ul li a {color:#3D3D3D;display:block;width:100%;text-align:center;}
.left-box ul li:hover {background:#f9f9f9;}
.left-box ul li:hover a {color:#24d9d7;}
.left-box ul li.on {background:#23D3D1;border:1px solid #23D3D1;}
.left-box ul li.on a {color:#fff;}
.customer-con {width:80%;float:right;}
.customer-con1 {width:100%;}
.category {background:#FAFAFA;height:44px;width:100%;line-height:44px;}
.category ul li {float:left;margin:0px 1.5%;}
.category ul li a {padding:2px 8px 2px 8px;border:1px solid #FAFAFA;}
.category ul li a:hover {cursor:pointer}
.category ul li.on a {margin:12px 0 0 0px;color:#23D3D1;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;border:1px solid #23D3D1}
.category ul li.on a:hover {cursor:default;color:#23D3D1;}
.customerlist .title {border-bottom:2px solid #F6F6F6;width:100%;height:40px;padding-top:50px;}
.customerlist .title {display:block;text-align:center;line-height:200%;font-weight:bold;}
.customerlist li {padding:30px 0px;border-bottom:1px solid #F6F6F6;}
.w1 {width:55%;float:left;display:block;}
.w2 {width:15%;float:left;display:block;}
.customerlist li .w2 {line-height:92px;}
.customer-logo {width:35%;height:92px;float:left;}
.customer-logo img {}
.customer-info {width:60%;float:left;margin-left:5%;_margin-left:2%;}
.customer-info .name {width:100%;float:left;font-size:16px;text-align:left;}
.customer-info .desc {width:100%;float:left;color:#A9A9A9;text-align:left;line-height:175%;padding-top:10px;}
#content {height:800px;}
@media screen and (max-device-width:768px) {.part-1 {padding:0px 0 5% 0;}
.left-box {width:100%;float:left;margin-top:3%;}
.left-box ul li {margin-bottom:0px;width:19%;margin-left:0.5%;margin-right:0.5%;height:auto;line-height:200%;font-size:12px;float:left;background:#23C4C4;}
#content {height:550px;}
@media all and (orientation:landscape) {.left-box ul li {font-size:larger}
#content {height:750px;}
}
.left-box ul li {border:0 solid #f2f2f2;}
.left-box ul li a {color:#fff;display:block;width:100%;text-align:center;}
.left-box ul li:hover {background:#f9f9f9;}
.left-box ul li:hover a {color:#24d9d7;}
.left-box ul li.on {background:#23D3D1;border:0 solid #23D3D1;}
.left-box ul li.on a {background:#484848}
.customer-con {width:100%;float:left;}
.category {background:#FAFAFA;height:auto;width:100%;line-height:44px;}
.category ul li {float:left;margin:0px 0.5%;font-size:12px;}
@media all and (orientation:landscape) {.category ul li {font-size:larger}
}
.category ul li a {padding:0px 4px 0px 4px;border:1px solid #FAFAFA;}
.category ul li.on a {padding:0px 4px 0px 4px;margin:12px 0 0 0px;color:#23D3D1;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;border:1px solid #23D3D1}
.customerlist .title {display:none;}
.customerlist li {padding:10px 0px;border-bottom:1px solid #F6F6F6;}
.w1 {width:100%;float:left;display:block;}
.w2 {width:30%;margin-right:1%;float:left;display:block;}
.customerlist li .w2 {font-size:12px;line-height:225%;}
.customer-logo {width:27%;height:auto;float:left;margin-right:3%;}
.customer-logo img {width:100%;height:auto;}
.customer-info {width:70%;float:left;margin-left:0px;}
.customer-info .name {width:100%;float:left;font-size:14px;text-align:left;}
.customer-info .desc {width:100%;float:left;color:#A9A9A9;text-align:left;line-height:175%;padding-top:0px;font-size:12px;}
}
.view-box {border:1px solid #F2F2F2;margin-bottom:30px;}
.view-box .tit {height:50px;line-height:50px;font-size:15px;background:#FCFCFC;width:100%;text-align:left;font-weight:bold;text-indent:20px;}
.view-box .pic {width:165px;height:92px;float:left;padding:30px 0 30px 30px;}
.view-box .info {width:700px;float:left;text-align:left;font-size:16px;line-height:175%;padding:30px 30px 30px 30px;}
.view-box .info-1 {font-size:14px;color:#AFAFAF;padding-top:20px;}
.view-box-con {padding:40px}
.message01,.message02 {margin:30px auto;line-height:175%}
.message01 .c {width:63px;height:63px;float:left;}
.message01 .d {float:left;margin-left:20px;width:430px;padding:20px;color:#323232;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border:1px solid #f2f2f2;background:#fcfcfc;font-size:16px;position:relative;text-align:left;}
.message01 .inc01 {position:absolute;left:-16px;top:20px;}
.message02 .e {width:63px;height:63px;float:right;margin-left:20px;}
.message02 .f {float:right;width:360px;padding:20px;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border:1px solid #23D2D0;background:#23D2D0;font-size:16px;position:relative;text-align:left;}
.message02 .inc02 {position:absolute;right:-16px;top:20px;}
.part-2 {height:302px;background:url(../images/news/02.jpg) no-repeat center;margin-top:100px;}
.banner-box {height:140px;padding-top:90px;}
.banner-box .a {color:#fff;font-size:30px;margin-bottom:50px;}
.banner-box .b {-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border:1px solid #fff;background:#fff;font-size:16px;width:240px;height:50px;line-height:50px;margin:0px auto;}
.banner-box .b a {color:#22D1CF;font-size:18px;}
@media screen and (max-device-width:768px) {.view-box {border:1px solid #F2F2F2;margin-bottom:30px;}
.view-box .tit {height:50px;line-height:50px;font-size:15px;background:#FCFCFC;width:100%;text-align:left;font-weight:bold;text-indent:20px;}
.view-box .pic {width:100%;height:auto;text-align:center;float:none;padding:0px 0 0px 0px;}
.view-box .pic img {width:50%;height:auto;}
.view-box .info {width:90%;float:left;text-align:left;font-size:14px;line-height:175%;padding:5% 5% 5% 5%;}
.view-box .info-1 {font-size:14px;color:#AFAFAF;padding-top:10px;}
.view-box-con {padding:10px}
.message01,.message02 {margin:20px auto;line-height:175%}
.message01 .c {width:63px;height:63px;float:left;}
.message01 .d {float:left;margin-left:20px;width:50%;padding:20px;color:#323232;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border:1px solid #f2f2f2;background:#fcfcfc;font-size:16px;position:relative;text-align:left;}
.message01 .inc01 {position:absolute;left:-16px;top:20px;}
.message02 .e {width:63px;height:63px;float:right;margin-left:20px;}
.message02 .f {float:right;width:50%;padding:20px;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border:1px solid #23D2D0;background:#23D2D0;font-size:16px;position:relative;text-align:left;}
.message02 .inc02 {position:absolute;right:-16px;top:20px;}
.part-2 {height:302px;background:url(../images/news/02.jpg) no-repeat center;margin-top:100px;}
.banner-box {height:140px;padding-top:90px;}
.banner-box .a {color:#fff;font-size:18px;margin-bottom:50px;}
.banner-box .b {-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border:1px solid #fff;background:#fff;font-size:16px;width:240px;height:50px;line-height:50px;margin:0px auto;}
.banner-box .b a {color:#22D1CF;font-size:18px;}
}
/*官网新版修改 2018-01-21*/
.customerlist .title {padding:0;}
.part-cases .customer-con {width:100%;}
@media screen and (max-width:520px){
    .part-cases{padding:20px;box-sizing: border-box;}
}