/*解决方案*/

article img{

border:2px solid #5c6392;
border-radius:25px;

 
}




    table,td{ 
        border: 1px solid white;
        
       
    }
    table{width:100%;}

    table tbody tr:nth-child(1) td{
        font-size: 25px;
            font-weight: 500;
            height: 50px;
    } 
        table tbody tr:nth-child(2) td{
        font-size: 25px;
            font-weight: 500;
            height: 50px;
    } 
        table tbody tr:nth-child(3) td{
        font-size: 25px;
            font-weight: 500;
            height: 50px;
    } 
table tbody tr:last-child{
        font-size: 25px;
            font-weight: 500;
            height: 50px;
	        color:#f1df09;
    } 


@media (max-width: 767px){
table tbody{width:100%;}
table{width:100%;}
table tbody tr:nth-child(1) td{font-size: 18px;height:38px;}
table tbody tr:nth-child(2) td{font-size: 15px;height:35px;}
table tbody tr:nth-child(3) td{font-size: 14px;height:30px;}
table tbody tr:nth-child(n+4) td:nth-child(1){display:none;}
table tbody tr:nth-child(n+4) td:nth-child(2){display:none;}
table tbody tr:nth-child(n+4) td:nth-child(5){display:none;}
table tbody tr:nth-child(n+4) td:nth-child(6){display:none;}
	}


.case-container{position:relative;margin-bottom:60px;margin-top: 60px;}

.case-container img{max-width:100%}

@media (max-width:767px){

.case-container{margin-bottom:15px}

}

.case-container .case-saw{margin-bottom:-40px;overflow:hidden}

.case-container .case-saw .row{margin-left:-24px;margin-right:-24px}

@media (max-width:767px){

.case-container .case-saw .row{margin-left:-7.5px;margin-right:-7.5px}

}

.case-container .case-saw .col-lg-4{padding-left:24px;padding-right:24px;margin-bottom:50px}

.case-container .case-saw .col-lg-4 .items{display:block;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}

.case-container .case-saw .col-lg-4 .items div{border:1px solid #ccc;border-bottom:none;padding:15px 30px 35px;text-align:center}

.case-container .case-saw .col-lg-4 .items:hover div{border:1px solid #f00;border-bottom:none;padding:15px 30px 35px;text-align:center}

.case-container .case-saw .col-lg-4 .items div span{height:64px;line-height:64px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff;font-size:18px;border-bottom:1px solid #dadada;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}

.case-container .case-saw .col-lg-4 .items:hover div span{border-bottom:1px solid #f00;}

.case-container .case-saw .col-lg-4 .items div p{margin-top:25px;line-height:21px;height:42px;overflow:hidden}

.case-container .case-saw .col-lg-4 .items:hover div p{color:#f00}

@media (max-width:767px){

.case-container .case-saw .col-lg-4 .items div{padding:0 15px 15px}

.case-container .case-saw .col-lg-4 .items div span{height:54px;line-height:54px;font-size:16px}

.case-container .case-saw .col-lg-4 .items div p{margin-top:15px}

}

.case-container .case-saw .col-lg-4 .items .pic{overflow:hidden;background:url(../fonts/ring.svg) no-repeat center #ccc}

.case-container .case-saw .col-lg-4 .items .pic img{transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}

.case-container .case-saw .col-lg-4 .items .pic i{display:block;padding-bottom:62%}

.case-container .case-saw .col-lg-4 .items:hover{box-shadow:0 0 20px rgba(0,0,0,0.2)}

.case-container .case-saw .col-lg-4 .items:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.case-container .case-saw .col-lg-4 .items:hover div span{color:#f00}

@media (max-width:767px){

.case-container .case-saw .col-lg-4{margin-bottom:15px;padding-left:7.5px;padding-right:7.5px}

}

@media (max-width:767px){

.case-container .case-saw{margin-bottom:15px}

}

.case-container .case-products{margin-bottom:-60px;overflow:hidden}

@media (max-width:767px){

.case-container .case-products{margin-bottom:15px}

}

.case-container .case-products .row{margin:0 -41px}

@media (max-width:767px){

.case-container .case-products .row{margin:0 -7.5px}

}

.case-container .case-products .col-lg-4{padding:0 41px;margin-bottom:68px}

@media (max-width:767px){

.case-container .case-products .col-lg-4{margin-bottom:15px;padding:0 7.5px}

}

.case-container .case-products .col-lg-4 .items{display:block;border:1px solid #cbcbcb;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}

.case-container .case-products .col-lg-4 .items .pic{overflow:hidden;background:url(../fonts/ring.svg) no-repeat center #fff}

.case-container .case-products .col-lg-4 .items .pic img{transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}

.case-container .case-products .col-lg-4 .items .pic i{display:block;padding-bottom:57%}

.case-container .case-products .col-lg-4 .items div{padding:10px 22px 22px;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}

.case-container .case-products .col-lg-4 .items div span{color:#333;font-size:18px;display:block;height:48px;line-height:48px;position:relative;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}

.case-container .case-products .col-lg-4 .items div span:before{content:"";width:72px;height:1px;background-color:#b9b9b9;bottom:0;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out;position:absolute}

.case-container .case-products .col-lg-4 .items div p{margin-top:10px;line-height:22px;height:66px;font-size:12px;overflow:hidden}

.case-container .case-products .col-lg-4 .items div i{margin-top:15px;display:inline-block;background-color:#ec6901;border:1px solid transparent;color:#fff;font-style:normal;padding:7px 40px;text-align:center;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-o-border-radius:17px;-mz-border-radius:17px}

@media (max-width:767px){

.case-container .case-products .col-lg-4 .items div{padding:10px 15px 15px}

.case-container .case-products .col-lg-4 .items div span{font-size:16px}

.case-container .case-products .col-lg-4 .items div p{height:42px}

.case-container .case-products .col-lg-4 .items div i{font-size:12px;padding:7px 20px}

}

.case-container .case-products .col-lg-4 .items:hover{box-shadow:0 0 20px rgba(0,0,0,0.2)}

.case-container .case-products .col-lg-4 .items:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.case-container .case-products .col-lg-4 .items:hover div{background-color:#ec6901;color:#fff}

.case-container .case-products .col-lg-4 .items:hover div span{color:#fff}

.case-container .case-products .col-lg-4 .items:hover div span:before{background-color:#fff}

.case-container .case-products .col-lg-4 .items:hover div i{border:1px solid #fff}

.case-container .case_projects{margin-bottom:-60px;overflow:hidden}

@media (max-width:767px){

.case-container .case_projects{margin-bottom:15px}

}

.case-container .case_projects .row{margin:0 -18px}

@media (max-width:767px){

.case-container .case_projects .row{margin:0 -7.5px}

}

.case-container .case_projects .col-lg-4{margin-bottom:60px;padding-left:18px;padding-right:18px}

@media (max-width:767px){

.case-container .case_projects .col-lg-4{margin-bottom:15px;padding-left:7.5px;padding-right:7.5px}

}

.case-container .case_projects .items{display:block;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out;border:1px solid #dadada;padding:0 18px 18px}

.case-container .case_projects .items .txt{font-size:16px;height:80px;line-height:80px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}

.case-container .case_projects .items .pic{overflow:hidden;background:url(../fonts/ring.svg) no-repeat center #f5f5f5}

.case-container .case_projects .items .pic img{transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}

.case-container .case_projects .items .pic i{display:block;padding-bottom:89%}

@media (max-width:767px){

.case-container .case_projects .items{padding:0 15px 15px}

.case-container .case_projects .items .txt{height:60px;line-height:60px}

}

.case-container .case_projects .items:hover{box-shadow:0 0 20px rgba(0,0,0,0.2)}

.case-container .case_projects .items:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.case-container .case_projects .items:hover .txt{color:#009e96}

.case-container .case-saw-d{overflow:hidden}

.case-container .case-saw-d .case-name{font-size:26px;color:#009e96;font-weight:700}

.case-container .case-saw-d .case-name-en{padding:5px 0 20px;font-size:16px;position:relative;font-family:arial;margin-bottom:60px}

.case-container .case-saw-d .case-name-en:after{content:"";display:block;width:188px;height:1px;background-color:#009e96;z-index:2;left:50%;margin-left:-94px;bottom:0;position:absolute}

.case-container .case-saw-d .case-saw-article{font-size:16px;line-height:33px}

.case-container .case-saw-d .case-saw-article .p-green{color:#009e96;font-size:18px}

.case-container .case-saw-d .case-saw-article .p-orage{color:#ec6900}

@media (max-width:767px){

.case-container .case-saw-d .case-name{font-size:18px;font-weight:500}

.case-container .case-saw-d .case-name-en{font-size:14px;padding-bottom:10px;margin-bottom:30px}

.case-container .case-saw-d .case-saw-article{font-size:12px;line-height:24px}

.case-container .case-saw-d .case-saw-article .p-green{font-size:14px}

}

.case-container .case-content{font-size:16px;line-height:33px;overflow:hidden}

.case-container .case-content .txt-orage{font-size:26px;color:#ec6901;font-weight:700}

.case-container .case-content .p-en{padding:5px 0 10px;position:relative;font-size:17px}

.case-container .case-content .p-en:after{content:"";background-color:#ec6901;width:232px;height:1px;bottom:0;left:0;position:absolute}

.case-container .case-content .dfont14{font-size:14px;line-height:32px}

@media (max-width:767px){

.case-container .case-content{padding-top:10px;font-size:12px;line-height:24px}

.case-container .case-content .txt-orage{font-size:18px;font-weight:500}

.case-container .case-content .p-en{font-size:14px}

.case-container .case-content .dfont14{font-size:12px}

}

.case-container .case-service{overflow:hidden;line-height:30px}

.case-container .case-service .service-list{margin:0}

.case-container .case-service .service-list .col-lg-6{padding:0 50px;margin-bottom:50px}

.case-container .case-service .service-list .col-lg-6 .pic{overflow:hidden;background:url(../fonts/ring.svg) no-repeat center #ccc}

.case-container .case-service .service-list .col-lg-6 .pic img{transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}

.case-container .case-service .service-list .col-lg-6 .pic i{display:block;padding-bottom:62%}

.case-container .case-service .service-list .col-lg-6 .txt{font-size:40px;color:#ec6901;padding:5% 0;font-weight:400}

.case-container .case-service .service-list .col-lg-6 p{font-size:21px;color:#959595;font-weight:400}

.case-container .case-service .service-list .col-lg-6 .p2{font-size:24px;padding-right:18%}

.case-container .case-service .service-img{margin:0 45px 85px;background-color:#f28101;color:#fff}

.case-container .case-service .service-img .col-lg-7{padding:0}

.case-container .case-service .service-img .con{padding:5% 7% 2%;font-size:26px;font-weight:300;line-height:48px}

.case-container .case-service .service-img .con span{font-size:50px;margin-bottom:40px}

.case-container .case-service .service2-p1{font-size:26px;color:#ec6901;font-weight:700}

.case-container .case-service .service2-p1 span{color:#454545;text-transform:uppercase;font-family:arial;font-weight:400}

.case-container .case-service .service2-p2{margin-top:20px;font-size:17px}

@media (max-width:1309px){

.case-container .case-service .service-list .col-lg-6 .txt{font-size:20px}

.case-container .case-service .service-list .col-lg-6 p,.case-container .case-service .service-list .col-lg-6 .p2{font-size:16px;padding-right:0}

.case-container .case-service .service-img .con{font-size:14px;line-height:34px}

.case-container .case-service .service-img .con span{font-size:20px;margin-bottom:20px}

}

@media (max-width:767px){

.case-container .case-service .service-list .col-lg-6{margin-bottom:15px;padding:0}

.case-container .case-service .service-list .col-lg-6 .txt{padding:5px 0}

.case-container .case-service .service-img{margin:0 0 30px}

.case-container .case-service .service-img .con{padding:15px;line-height:28px}

.case-container .case-service .service-img .con span{font-size:18px;margin-bottom:10px}

.case-container .case-service .service2-p1{font-size:18px;font-weight:400}

.case-container .case-service .service2-p1 span{display:block}

.case-container .case-service .service2-p2{margin-top:10px;font-size:14px}

}

.block {display: block;position: relative;}

.vcenter {display: block;max-width: 100%;max-height: 100%;position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;}

/*定义延迟*/

.case figure a figcaption{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}

.msub-menu{display:none;}

.sub-menu-con{background:#454545;color:#fff;text-align:center;margin-bottom:70px;display:none;}

.sub-menu-con span{display:inline-block;color:#fff;height:42px;line-height:42px;margin:-3px 25px 0;position:relative}

.sub-menu-con span:after,.sub-menu-con span:before{content:"";width:0;height:100%;background-color:#009e96;top:0;position:absolute;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}

.sub-menu-con span:after{left:0}

.sub-menu-con span:before{right:0}

.sub-menu-con span a{display:block;color:#fff;z-index:2;position:relative;padding:0 20px;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}

.sub-menu-con span.active:after,.sub-menu-con span:hover:after,.sub-menu-con span.active:before,.sub-menu-con span:hover:before{width:51%}

.sub-menu-con span.active a,.sub-menu-con span:hover a{color:#fff;background-color:#009e96 \9}

@media (max-width:767px){

.list-inline{display:none;}

.sub-menu-con{background:none;margin-bottom:15px;display:block;}

.sub-menu-con span{float:left;display:block;width:100%;padding:0 10px;margin:0 0 5px;background:#454545}

.sub-menu-con span a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0}

}

/*menu*/

.menu-kj li+li::before {padding:0 5px 0 0;color:#ccc;content:"|\00a0"}

.menu-kj li a {color: #f00}

.menu-kj li.active a {text-decoration: underline;font-size: 16px;color: #f00}

.menu-kj2 {margin-bottom:-30px}

.menu-kj2 li {padding: 0 12px}

.menu-kj2 li a {font-size: 14px;color: #ccc}

.menu-kj2 li a:hover {color: #f00}

.menu-kj2 li.active a {display: block;color: #f00;border: 1px solid #3c3c3c;padding: 3px 15px 1px 15px}

.content h2{font-size:24px;margin-bottom: 20px;color: #fff;font-weight: 500;line-height: 150%;}

.content p{color: #999;margin-bottom: 20px;}

.content h3{font-size: 40px;color: #fff;font-weight: 500;line-height: 150%;}

.case .row div:nth-child(1) {animation-delay: 0.1s}

.case .row div:nth-child(2) {animation-delay: 0.2s}

.case .row div:nth-child(3) {animation-delay: 0.3s}

.case .row div:nth-child(4) {animation-delay: 0.1s}

.case .row div:nth-child(5) {animation-delay: 0.2s}

.case .row div:nth-child(6) {animation-delay: 0.3s}

.case .row div:nth-child(7) {animation-delay: 0.1s}

.case .row div:nth-child(8) {animation-delay: 0.2s}

.case .row div:nth-child(9) {animation-delay: 0.3s}

.case .row div:nth-child(10) {animation-delay: 0.1s}

.case .row div:nth-child(11) {animation-delay: 0.2s}

.case .row div:nth-child(12) {animation-delay: 0.3s}

.case p.b {animation-delay: 0.4s}

/*case*/

.case {background-color: #222}

.case .row figure {margin-bottom: 40px}

.case figure a {position: relative;width: 100%;height: 100%;display: block;text-decoration: none;transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out}

.case figure:hover a {transform:scale(1.05);-webkit-transform:scale(1.05)}

.case figure a figcaption {display: block; background-color:#333;margin: 0 auto}

@media (min-width:1200px) {.case figure a {width: 340px}.case.team-show figure a {width: auto}}

.case figure a figcaption h3 {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size: 16px;color: #fff; margin: 0;padding: 20px 30px 18px 30px;text-align: left}

@media (max-width:767px) {.case figure a figcaption h3{padding: 20px 10px 18px 10px}}

.case figure a figcaption h3 span {display: block;margin-top: 5px;font-size: 12px;color: #999}

.case figure:hover a figcaption {background-color: #f00}

.case figure:hover a figcaption h3 span {color: #ff8d8d}