/*page css cmsyou*/
@charset "UTF-8";
.btn{display: inline-block; border-radius: 5px; cursor: pointer; text-align: center;}
.btn.disabled{background-color: #b7b9c7; border-color: #b7b9c7; color: #fff; cursor: not-allowed; pointer-events: none;}
.btn-default{border: 1px solid #016672; color: #016672;}
.btn-default:hover{background-color: #016672; border-color: #016672; color: #fff;}
.btn-normal{border: 1px solid #fff; color: #fff;}
.btn-normal:hover{background-color: #fff; color: #016672;}
.btn-success{background-color: #5cc26f; border: 1px solid #5cc26f; color: #fff;}
.btn-success:hover{background-color: #40ab54; border-color: #40ab54; color: #fff;}
.btn-primary{background-color: #016672; border: 1px solid #016672; color: #fff;}
.btn-primary:hover{background-color: #40ab54; border-color: #40ab54; color: #fff;}
.label{display: inline; border-radius: 5px; color: #fff; font-size: 11px; text-align: center; padding: 2px 10px 3px; white-space: nowrap; vertical-align: top; *vertical-align: middle;}
.label-primary{background-color: #4db3f9;}
.label-warning{background-color: #fab846;}
.label-success{background-color: #78b421;}
.label-disabled{background-color: #ccc;}
/*page banner*/
.ny-banner{width:100%;height:540px;position:relative;transition:all ease .5s;}
.ny-banner .img{width:100%;height:100%;position:absolute;overflow:hidden;left:0;top:0;}
.ny-banner .img img{max-width:initial;width:auto;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);}
.ny-banner .boxs{position:relative;max-width:1600px;height:100%;z-index:2;margin:auto;color:#fff;}
.ny-banner .boxs.n1{padding-top:275px;letter-spacing:2px;transition:all ease .5s;}
.ny-banner .boxs.n1 .t1{font-size:36px;font-weight:bold;line-height:1;}
.ny-banner .boxs.n1 .t2{font-size:16px;line-height:30px;margin-top:12px;}
.ny-banner .boxs.n2 .box{width:100%;padding-bottom:120px;position:absolute;left:0;bottom:60px;padding-left: 30px;padding-right: 30px ;}
.ny-banner .boxs.n2 .box .t1{font-size:30px;line-height:50px;font-weight:bold;color:#fff;}
.ny-banner .boxs.n2 .box .t2{font-size:14px;line-height:36px;padding-top:8px;padding-bottom:8px;color:#ddd;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; /*行数*/ overflow: hidden;text-overflow: ellipsis;}
.ny-banner .boxs.n2 .box .t2 a{font-size:14px;color:#ddd;}
.ny-banner .boxs .breadcrumbs{position:absolute;right:0;bottom:0;line-height:60px;font-size:14px;color:#7e7e7e;letter-spacing:2px;padding-left:25px;background:url(../images/icon23.png) left center no-repeat;}
.ny-banner .boxs .breadcrumbs a{color:#7e7e7e;transition:all ease .3s;}
.ny-banner .boxs .breadcrumbs a:hover{color:#fff;}
.ny-banner .boxs .breadcrumbs span{color:#fff;}
.ny-banner .nb-menu{position:absolute;left:0;bottom:0;width:100%;height:60px;background:rgba(0,0,0,.25);}
.ny-banner .nb-menu ul{max-width:1600px;margin:auto;padding-top:13px;position:relative;z-index:5;}
.ny-banner .nb-menu ul li{float:left;margin-right:3px;}
.ny-banner .nb-menu ul li a{font-size:14px;color:#fff;line-height:35px;padding:0 20px;display:block;transition:all ease .3s;border-radius:15px;}
.ny-banner .nb-menu ul li:hover a,.ny-banner .nb-menu ul li.active a{color:#222;background:#fff;}
/*page main*/
.page-container{width:100%;background:#f7f7f7;padding:50px 0;}
.page-container .inner{max-width: 1600px;margin:0 auto;}
.post-title{ font-size:32px; line-height:1.5em; text-align:center; border-bottom:1px solid #f1f1f1;1px dashed #ccc; padding-bottom:10px; padding-top:50px; margin-bottom:10px;}
.post-meta{ color:#999; font-size:14px; line-height:1.5em; text-align:center;}
.post-content{ font-size:16px; line-height:1.5em; margin:0 auto;padding: 34px 30px 40px;}
.post-content p{ margin-bottom:15px;}
.post-content img{ max-width:100%; height:auto!important;}
.sub_title{ color:#016672; font-size:18px; line-height:35px; font-weight:bold; margin:20px 0;border-bottom:1px solid #eee;}
.time-list{font-size: 16px;}
.time-list li{position: relative;color: #333;margin-bottom:10px;padding-left: 175px;padding-bottom:10px;padding-top:15px;min-height: 30px;text-align: left;background: #f8f8f8;}
.time-list li:last-child{margin-bottom: 0;}
.time-list li span{position: absolute;left: 45px; color:#016672; font-size:15px; line-height:24px; text-align: center;-webkit-transition: all ease .5s;-moz-transition: all ease .5s;transition: all ease .5s;}
.time-list li p{width: 600px;font-size: 15px;line-height:24px; margin-bottom:0px!important; -webkit-transition: all ease .5s;-moz-transition: all ease .5s;transition: all ease .5s;}
.time-list li:hover{background: #f5f5f5;color: #333;}
.time-list li:hover span{transform: translate3d(-30px, 0, 0);-webkit-transform: translate3d(-30px, 0, 0);-moz-transform: translate3d(-30px, 0, 0);}
.time-list li:hover p{transform: translate3d(-30px, 0, 0);-webkit-transform: translate3d(-30px, 0, 0);-moz-transform: translate3d(-30px, 0, 0);}
.tag-wrap{}
.tag-wrap a{float:left;margin-right:10px;margin-bottom:10px;padding:0 19px;border:1px solid #222;border-radius:14px;height:28px;line-height:26px;cursor:pointer;transition:all ease .5s;font-size:14px;color:#222;}
.tag-wrap a:hover{background:#222;color:#fff;}
.tag-wrap a span{ font-size:12px;}
/*post content*/
.mainbar{float:left;width:68.75%;margin-right:1.25%;background: #fff;}
.mainbar .b1{background:#fff;padding:34px 30px 40px;}
.mainbar .txt{font-size:14px;line-height:26px;color:#222;}
.prevnext{width:100%;border-top:1px solid #eee;color:#999;line-height:30px;font-size:14px;position:relative;margin-top:34px;padding-top:20px;}
.prevnext a{color:#666;}
.prevnext a:hover{color:#222;}
.prevnext .goback{width:96px;height:40px;line-height:38px;display:block;border:1px solid #ececec;color:#999;font-size:14px;position:absolute;right:0;bottom:0;padding-left:20px;background:url(../images/icon26.png) 58px center no-repeat;transition:all ease .3s;}
.prevnext .goback:hover{color:#222;background:url(../images/icon26-1.png) 58px center no-repeat;border:1px solid #666;}
.case-related{width:100%;border-top:1px solid #f1f1f1;padding:24px 30px;margin-top:10px;background:#fff;}
.case-related .title{font-size:18px;color:#999;line-height:30px;}
.case-related .list{width:100%;margin-top:23px;}
.case-related .list li{float:left;width:31.7%;margin-right:2.45%;transition: all 0.5s linear;}
.case-related .list li:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.15);}
.case-related .list li:nth-child(3n){margin-right:0;}
.case-related .list li a{width:100%;display:block;}
.case-related .list li .img{width:100%;overflow:hidden;}
.case-related .list li .img img{width:100%;transition: all 0.5s linear;}
.case-related .list li:hover .img img{transform:scale(1.05);}
.case-related .list li .title{font-size:14px;line-height:30px;color:#222;padding:12px 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.art-related{width:100%;border-top:1px solid #f1f1f1;padding: 24px 30px;margin-top: 10px;}
.art-related .title{font-size:18px;line-height:24px;color:#c3c3c3;}
.art-related .list{width:100%;display:table;margin-top:12px;}
.art-related .list li{width:33.3%;float:left;padding-left:15px;position:relative;}
.art-related .list li:after{content:"";width:4px;height:4px;background:#999;position:absolute;left:0;top:21px;}
.art-related .list li a{width:100%;display:block;font-size:16px;line-height:46px;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;transition:all ease .5s;}
.art-related .list li:hover a{color:#21abd7;}
.art-related .list li .time{ display:none;}
.sidebar{float:right;width:30%;background: #fff;}
.sidebar .news-tj{width:100%;background:#fff;padding:37px 30px 10px;}
.sidebar .news-tj .title{font-size:18px;line-height:24px;color:#c3c3c3;}
.sidebar .news-tj .list{margin-top:10px;}
.sidebar .news-tj .list li{border-bottom:1px dashed #ccc;padding-bottom:25px;margin-bottom:13px;}
.sidebar .news-tj .list li:last-child{margin-bottom:0;border-bottom:none;}
.sidebar .news-tj .list li a{width:100%;display:block;}
.sidebar .news-tj .list li .t1{font-size:16px;line-height:50px;color:#222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sidebar .news-tj .list li:hover .t1{color:#000;}
.sidebar .news-tj .list li .t2{font-size:14px;line-height:24px;color:#666;margin-top:8px;}
.sidebar .news-tj .list li .t3{font-size:14px;line-height:24px;color:#999;margin-top:7px;}
.sidebar .label{width:100%;background:#fff;margin-top:10px;padding:26px 30px 32px;}
.sidebar .label .title{font-size:18px;line-height:24px;color:#c3c3c3;}
.sidebar .label .box{margin-top:18px;}
.sidebar .label .box a{color:#222;font-size:14px;line-height:30px;background:url(../images/icon27.png) right center no-repeat;padding-right:16px;margin-right:10px;}
.sidebar .label .box a:last-child{background:none;margin-right:0;}
.sidebar .label-case{width:100%;margin-top:10px;background:#fff;padding:26px 30px 32px;}
.sidebar .label-case .title{font-size:18px;line-height:24px;color:#c3c3c3;}
.sidebar .label-case .box{margin-top:18px;}
.sidebar .label-case .box a{color:#222;font-size:14px;line-height:30px;background:url(../images/icon27.png) right center no-repeat;padding-right:16px;margin-right:10px;}
.sidebar .label-case .box a:last-child{background:none;margin-right:0;}
/*case*/
.case-list{width:100%;display:table;padding:40px 0 10px;}
.case-list li{width:24%;float:left;margin-right:1.33%;margin-bottom:20px;}
.case-list li:nth-child(4n){margin-right:0;}
.case-list li:nth-child(4n+1){clear:both;}
.case-list li:hover{box-shadow:0 0 15px 1px rgba(0,0,0,.1);}
.case-list li .img{width:100%;overflow:hidden;}
.case-list li .img img{width:100%;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
.case-list li:hover .img img{-webkit-transform: scale(1.05) ;-moz-transform: scale(1.05) ;-ms-transform: scale(1.05);-o-transform: scale(1.05) ;transform: scale(1.05);}
.case-list li .tbox{width:100%;box-sizing:border-box;border:1px solid #ebebeb;border-top:none;padding:20px 20px 16px;background:#fff;}
.case-list li .tbox .title{width:100%;position:relative;line-height:36px;}
.case-list li .tbox .t1{font-size:16px;font-weight:bold;color:#222;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.case-list li .tbox .t2{font-size:13px;color:#666;height:60px;line-height:20px;margin-bottom:10px;overflow:hidden;}
.case-list li .tbox .t3{font-size:14px;line-height:24px;color:#999;background:url(../images/icon38.png) 68px center no-repeat;transition:all ease .5s;}
.case-list li .tbox .title .icon{position:absolute;right:0;top:0;}
.case-list li .tbox .title .icon span{display:inline-block;width:18px;height:16px;margin-left:10px;}
.case-list li .tbox .title .icon .icon1{background:url(../images/icon17.png) center center no-repeat;}
.case-list li .tbox .title .icon .icon2{background:url(../images/icon18.png) center center no-repeat;}
.case-list li .tbox .title .icon .icon3{background:url(../images/icon19.png) center center no-repeat;}
.case-list li .tbox .title .icon .icon4{background:url(../images/icon_xcx2.png) center center no-repeat;}
.solution-list li{width:32%;}
.solution-list li:nth-child(4n){margin-right:1.33%;}
.solution-list li:nth-child(4n+1){clear:none;}
.solution-list li:nth-child(3n){margin-right:0;}
.solution-list li:nth-child(3n+1){clear:both;}
.solution-list li .tbox{padding: 30px;}
.solution-list li .tbox .t1{ font-size:22px; font-weight:normal;margin-bottom: 24px;}
.theme-list li .tbox .t3{ position:relative;}
.theme-list li .tbox .t3 .price{ position:absolute; right:0; top:0;}
.theme-list li .tbox .t3 .price font{ color:#21abd7;}
.services-list{}
.services-list ul li{ float:left; width:48%; border-bottom:1px solid #eee; margin-right:2%;}
.services-list ul li:nth-child(2n){margin-right:0;}
.services-list ul li a{ padding:10px; display:block;}
.services-list ul li a:hover{background-color:#f8f8f8;}
/*news*/
.news-list{max-width:1600px;margin:auto;}
.news-list li{background:#fff;float:left;width:48.75%;margin-right:1.25%;margin-bottom:20px;transition:all ease .3s;}
.news-list li:nth-child(2n){margin-right:0;}
.news-list li:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.1);}
.news-list li a{display: block;}
.news-list li .tbox{ position:relative;width:100%;height:210px;padding:0 30px 0 330px; box-sizing:border-box;}
.news-list li .tbox.nothumb{ padding-left:30px;}
.news-list li .tbox a{display:inline-block;width:100%;}
.news-list li .tbox .img{ position:absolute; left:30px; top:0; width:280px; height:180px; overflow:hidden;}
.news-list li .tbox .img img{ width:100%; height:auto;}
.news-list li .tbox .time{font-size:14px;line-height:30px;font-family: 'sheepsansbold';color:#999;padding:5px 0;margin-top:10px;background:url(../images/icon20.png) right 15px no-repeat;border-top:1px solid #eee;transition:all ease .3s;}
.news-list li .tbox:hover .time{color:#222;}
.news-list li .tbox .titles{font-size:18px;line-height:36px;color:#000;margin-top:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list li .tbox .txts{font-size:14px;line-height:24px;color:#666;margin-top:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
/*pagenavi*/
.pagenavi{max-width:1600px;margin:30px auto 0;text-align:center;}
.pagenavi a,.pagenavi span{min-width:40px;height:40px;color:#666;font-size:16px;line-height:38px;text-align:center;border:1px solid #ccc;border-radius:3px;padding:0 10px;margin-right:5px;display:inline-block;background:#fff;transition: all 0.5s linear;}
.pagenavi a:hover,.pagenavi span{color:#fff;background:#222;border:1px solid #222;}
.pagenavi a.now{color:#fff;background:#222;border:1px solid #222;}
.pagenavi a.prev{background:#fff url(../images/icon24.png) center center no-repeat;}
.pagenavi a.next{background:#fff url(../images/icon25.png) center center no-repeat;}
/*case detail*/
.ny-banner .label-box{position:absolute;right:0;bottom:160px;}
.ny-banner .label-box a{display:inline-block;border:1px solid #fff;border-radius:50%;margin-left:22px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.ny-banner .label-box a:first-child{margin-left:0;}
.ny-banner .label-box a.on,.ny-banner .label-box a:hover{border:1px solid #21abd7;background:#21abd7;}
.case-info{width:100%;position:relative;z-index:2;margin-top:-60px;background:#fff;padding-top:0px;}
.case-info .post-content ol,.case-info .post-content ul{margin:0 auto 25px;border:1px solid #e9e9e9;border-left-color:#ccc}
.case-info .post-content ol li,.case-info .post-content ul li{padding:8px 18px;list-style:none}
.case-info .post-content ol li:nth-child(even),.case-info .post-content ul li:nth-child(even){background-color:#f6f6f6}
.other-case{max-width:1600px;margin:20px auto 0;background:#fff;padding:33px 30px 35px;}
.other-case .t1{font-size:18px;color:#999;line-height:30px;}
.other-case .list{margin-top:24px;width:100%;display:table;}
.other-case .list li{float:left;width:24%;margin-right:1.33%;}
.other-case .list li:nth-child(4n){margin-right:0;}
.other-case .list li a{width:100%;display:block;}
.other-case .list li .img{width:100%;overflow:hidden;}
.other-case .list li .img img{width:100%;transition:all ease .5s;}
.other-case .list li:hover .img img{transform:scale(1.1);}
.other-case .list li .t2{font-size:14px;line-height:24px;color:#222;margin-top:14px;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.other-case .list li:hover .t2{color:#000;}
.other-case .list li .tbox{padding-left:10px;}
.other-case .list li .t4{font-size:14px;line-height:24px;color:#666;margin-top:8px;}
/*contact*/
.contact-wrap .address{width:100%;background:#fff;display:table; clear:both;}
.contact-wrap .address .box1{width:25%;height:325px;float:left;border-right:1px solid #e8e8e8;padding-left:2.5%;}
.contact-wrap .address .box1:last-child{border-right:none;}
.contact-wrap .address .box1 p{font-size:14px;color:#999;line-height:24px; margin-top:10px;width: 90%}
.contact-wrap .address .box1 .t1{font-size:16px;font-weight:bold;line-height:30px;color:#222;}
.contact-wrap .address .box1 .t2{font-size:14px;min-height: 325px;color:#222;line-height:24px;padding-left:33px;background:url(../images/icon30.png) left 3px no-repeat;margin-top:32px;}
.contact-wrap .address .box1 .t3{font-size:16px;color:#222;line-height:26px;padding-left:33px;font-family: 'Gotham-Bold';background:url(../images/icon31.png) left center no-repeat;margin-top:34px;}
.contact-wrap .address .box1 .t4{width:100%;margin-top:35px;}
.contact-wrap .address .box1 .t4 a{display:inline-block;width:180px;height:45px;border:1px solid #222;border-radius:22px;line-height:43px;font-size:16px;font-family: 'Gotham-Bold';background:url(../images/icon33.png) 21px center no-repeat;padding-left:47px;margin-right:10px;transition:all ease .5s;}
.contact-wrap .address .box1 .t4 a:hover{background:#222 url(../images/icon32.png) 21px center no-repeat;color:#fff;}
.contact-wrap .map{width:100%;}
.contact-wrap .other{width:100%; border-top:1px solid #f1f1f1;margin-top:10px; clear:both;}
.contact-wrap .other .way{width:37.5%;height:698px;float:left;margin-right:0.625%;background:#fff;padding:60px 40px;}
.contact-wrap .other .way .t1{font-size:36px;font-weight:bold;color:#222;line-height:1;margin-bottom:23px;}
.contact-wrap .other .way .t2{font-size:14px;line-height:24px;color:#666;margin-bottom:37px;}
.contact-wrap .other .way .b1{color:#222;margin-bottom:50px;}
.contact-wrap .other .way .b1 .ts1{font-size:16px;line-height:30px;font-weight:bold;padding-left:45px;margin-bottom:10px;}
.contact-wrap .other .way .b1 .ts1.w1{background:url(../images/icon34.png) left center no-repeat;padding:7px 0 7px 45px;}
.contact-wrap .other .way .b1 .ts1.w2{background:url(../images/icon35.png) left center no-repeat;padding:3px 0 3px 45px;}
.contact-wrap .other .way .b1 .ts1.w3{background:url(../images/icon36.png) left center no-repeat;}
.contact-wrap .other .way .b1 .ts2{font-size:14px;line-height:26px;}
.contact-wrap .other .advisory{width:61.875%;float:left;background:#fff;padding:60px 50px;}
.contact-wrap .other .advisory .t1{font-size:36px;color:#222;line-height:1;font-weight:bold;margin-bottom:23px;}
.contact-wrap .other .advisory .t2{font-size:14px;line-height:24px;color:#666;margin-bottom:24px;}
.contact-wrap .other .advisory .b1{width:100%;display:table;border-bottom:1px solid #ccc;padding:22px 0;}
.contact-wrap .other .advisory .b1 .name{font-size:14px;color:#222;line-height:28px;float:left;margin-right:8px;}
.contact-wrap .other .advisory .b1 .lists{float:left;}
.contact-wrap .other .advisory .b1 .lists li{float:left;margin-right:10px;padding:0 19px;border:1px solid #222;border-radius:14px;height:28px;line-height:26px;cursor:pointer;transition:all ease .5s;font-size:14px;color:#222;}
.contact-wrap .other .advisory .b1 .lists li:hover{background:#222;color:#fff;}
.contact-wrap .other .advisory .b1 .lists li.on{background:#222;color:#fff;}
.contact-wrap .other .advisory .b2{width:100%;display:table;}
.contact-wrap .other .advisory .b2 .txt1{width:47%;height:52px;float:left;margin-right:6%;font-size:14px;color:#222;border-bottom:1px solid #ccc;margin-top:20px;}
.contact-wrap .other .advisory .b2 .txt2{width:100%;height:66px;font-size:14px;line-height:26px;color:#222;border-bottom:1px solid #ccc;resize:none;margin-top:35px;}
.contact-wrap .other .advisory .b2 .txt1::-webkit-input-placeholder, .contact-wrap .other .advisory .b2 .txt2::-webkit-input-placeholder{color: #999;}
.contact-wrap .other .advisory .b2 .txt1:-moz-placeholder, .contact-wrap .other .advisory .b2 .txt2:-moz-placeholder{color: #999;}
.contact-wrap .other .advisory .b2 .txt1::-moz-placeholder, .contact-wrap .other .advisory .b2 .txt2::-moz-placeholder{color: #999;}
.contact-wrap .other .advisory .b2 .txt1:-ms-input-placeholder, .contact-wrap .other .advisory .b2 .txt2:-ms-input-placeholder{color: #999;}
.contact-wrap .other .advisory .b2 .txt1:nth-child(2n){margin-right:0;}
.contact-wrap .other .advisory .b2 .txt1:focus,.contact-wrap .other .advisory .b2 .txt2:focus{border-bottom:1px solid #222;}
.contact-wrap .other .advisory .b2 .btn{width:140px;height:50px;background:#222;border-radius:25px;font-size:16px;color:#fff;font-weight:bold;margin-top:30px;}
/*services*/
.design{width:100%;padding-top:60px;padding:80px 7.8%;}
.design .title{font-size:36px;line-height:1;font-weight:bold;color:#fff;text-align:center;color:#222;}
.design .txt{font-size:14px;line-height:24px;color:#222;text-align:center;max-width:950px;margin:23px auto 0;}
.design .list{width:100%;display:table;margin-top:52px;}
.design .list li{width:calc(33% - 2px);float:left;position:relative;margin:2px 1px 0;}
.design .list li a{color:#fff;display:block;}
.design .list li .img{width:100%;overflow:hidden;}
.design .list li .img img{width:100%;transition:all ease .8s;}
.design .list li .tbox{width:100%;position:absolute;z-index:2;left:0;bottom:0;height:80px;background:rgba(26,137,172,.7);text-align:center;padding:13px 0;transition:all ease .5s;overflow:hidden;}
.design .list li .tbox .icon{width:54px;height:54px;display:inline-block;margin-right:10px;}
.design .list li .tbox .icon img{display:inline-block;margin:auto;}
.design .list li .tbox .t1{font-size:18px;line-height:24px;height:24px;color:#fff;font-weight:bold;display:inline-block;}
.design .list li .tbox .t2{font-size:14px;line-height:24px;color:#fff;text-align:center;padding:0 15%;display:none;animation: fadeInRight .6s ease-out;-webkit-animation: fadeInRight .6s ease-out;}
.design .list li:hover .img img{transform:scale(1.1);}
.design .list li:hover .tbox{width:100%;position:absolute;z-index:2;left:0;bottom:0;height:210px;background:rgba(26,137,172,.7);text-align:center;padding:20px 0;}
.design .list li:hover .tbox .icon{width:100%;height:54px;margin-right:0;margin-bottom:18px;display:block;}
.design .list li:hover .tbox .t1{font-size:18px;line-height:24px;height:24px;color:#fff;font-weight:bold;margin-bottom:12px;display:block;animation: fadeInLeft .5s ease-out;-webkit-animation:fadeInLeft .5s ease-out;}
.design .list li:hover .tbox .t2{font-size:14px;line-height:24px;color:#fff;text-align:center;padding:0 15%;display:block;}
.classPrice{width: 100%;background:#f2f2f2;padding:80px 7.8%;}
.classPrice .title{font-size:36px;line-height:1;font-weight:bold;color:#fff;text-align:center;color:#222;}
.classPrice .txt{font-size:14px;line-height:24px;color:#222;text-align:center;max-width:950px;margin:23px auto 0;}
.classPrice .list{width:100%;margin:60px auto 0;display:table;}
.classPrice .list .table{width: 100%;text-align: center;font-size: 16px;border:1px solid #E8E8E8;}
.classPrice .list .table .clear{clear:both}
.classPrice .list .table .one {background-color: #F5F7FA; color:#202124;font-weight:800;font-size: 20px;height: 100px;line-height: 100px;}
.classPrice .list .table .left-title{color:#202124;font-weight:800;width:240px;font-size:16px;border-right: 1px solid #E8E8E8;}
.classPrice .list .table .float-left{float:left;border-right: 1px solid #E8E8E8;}
.classPrice .list .table .seven{width: calc((100% - 260px)/7);}
.classPrice .list .table .seven2{width: calc(((100% - 260px)/7)*2);}
.classPrice .list .table .wid100{width: calc((100% - 260px));}
.classPrice .list .table .wid70{width: calc(((100% - 260px)/7)*5);}
.classPrice .list .table .wid30{width: calc(((100% - 260px)/7)*2);}
.classPrice .list .table .hang{height: 60px;line-height: 60px; background-color: #fff;border-bottom: 1px solid #E8E8E8;}
.classPrice .list .table .hei120{height: 120px; line-height: 120px;}
.classPrice .list .table .hang .lh-30{line-height: 30px;}
.classPrice .list .table .hang .lh-22{line-height: 22px;}
.classPrice .list .table .bor-no{border-right: none;padding-left: 10px;}
.process{width:100%;padding:80px 7.8%;}
.process .title{font-size:36px;font-weight:bold;color:#222;text-align:center;line-height:1;}
.process .txt{font-size:14px;line-height:24px;color:#222;text-align:center;margin-top:23px;}
.process .list{width:100%;margin:82px auto 0;display:table;}
.process .list li{width:18.125%;height:330px;float:left;margin-right:-1px;border:1px solid #d8d8d8;text-align:center;position:relative;padding-top:122px;cursor:pointer;transition:all ease .5s;background:#fff;}
.process .list li:hover{width:27.75%;padding-top:92px;}
.process .list li.on{width:27.75%;padding-top:92px;}
.process .list li .num{width:52px;height:52px;background:#21abd7;line-height:52px;position:absolute;top:-23px;left:50%;transform:translateX(-50%);border-radius:50%;font-size:24px;color:#fff;font-style:oblique;text-align:left;padding-left:8px;}
.process .list li .num:before{width:66px;height:66px;background:rgba(33,171,215,.1);content:"";position:absolute;left:-7px;top:-7px;border-radius:50%;}
.process .list li .num:after{width:80px;height:80px;background:rgba(33,171,215,.05);content:"";position:absolute;left:-14px;top:-14px;border-radius:50%;}
.process .list li .icon{width:60px;height:60px;margin:auto;position:relative;}
.process .list li .icon img{width:60px;height:60px;position:absolute;left:0;top:0;}
.process .list li .icon img:last-child{opacity:0;z-index:2;transition:all ease .5s;}
.process .list li:hover .icon img:last-child{opacity:1;}
.process .list li.on .icon img:last-child{opacity:1;}
.process .list li .t1{font-size:18px;line-height:24px;font-weight:bold;color:#222;margin-top:36px;transition:all ease .5s;}
.process .list li:hover .t1{color:#21abd7;}
.process .list li.on .t1{color:#21abd7;}
.process .list li .t2{font-size:14px;line-height:24px;color:#222;margin:20px auto;display:none;padding:0 13%;}
.process .list li:hover .t2{display:block;animation: fadeInUp .5s ease-out;}
.process .list li.on .t2{display:block;}

.relevant-information{width:100%;padding:80px 7.8% 43px;}
.relevant-information .title{font-size:36px;font-weight:bold;color:#222;text-align:center;line-height:1;}
.relevant-information .txt{font-size:14px;line-height:24px;color:#222;text-align:center;margin-top:22px;}
.relevant-information .list{max-width:1600px;margin:45px auto 0;display:table;}
.relevant-information .list li{float:left;width:23.75%;height:150px;border:1px solid #d8d8d8;margin-right:1.6%;margin-bottom:27px;box-sizing:border-box;padding:20px 40px 0 30px;transition:all ease .3s;}
.relevant-information .list li:hover{border:1px solid #21abd7;}
.relevant-information .list li:nth-child(4n){margin-right:0;}
.relevant-information .list li a{display:block;}
.relevant-information .list li .t1{font-size:16px;line-height:30px;height:60px;color:#222;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.relevant-information .list li .t2{font-size:12px;line-height:24px;color:#999;margin-top:18px;}
/*demo*/
@font-face{font-family:'demofont';src:url(../fonts/iconfont.eot);src:url(../fonts/iconfont.eot?#iefix) format('embedded-opentype'),url(../fonts/iconfont.woff) format('woff'),url(../fonts/iconfont.ttf) format('truetype'),url(../fonts/iconfont.svg#iconfont) format('svg')}
.demofont{font-family:"demofont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}
#iframe-header{height:32px;line-height:32px;text-align:center;font-size:14px;color:#ccc;background:#222;overflow:hidden}
#iframe-header a{color:#999;display:inline-block;text-decoration:none}
#iframe-header a:hover,#iframe-header a.cur{color:#fff;background:#016672}
#iframe-header .demofont{font-size:18px}
#ifh-l{float:left}
#ifh-r{float:right;position:absolute;top:0;right:0}
#ifh-l a,#ifh-r a{padding:0 15px;color:#ccc}
#ifh-l a:hover,#ifh-r a:hover{color:#fff;background:#016672}
#ifh-r a.purchase{color:#fff;background:#e74e52}
#ifh-r a.purchase:hover{background:#e12d31}
#ifh-m{display:inline}
#ifh-m .demofont{font-size:18px}
#ifh-m a{padding:0 8px}
#device-frame{text-align:center}
.web-frame{width:100%}
.frame-inner{width:100%;height:100%}
.pad-frame{margin:25px auto;padding:35px 15px;width:768px;background:#333;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.padcrossicon-frame{margin:25px auto;padding:15px 35px;width:900px;height:600px !important;background:#333;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.phone-frame{margin:25px auto;padding:30px 12px;width:360px;height:640px !important;background:#333;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.iframe-header-hide{height:auto !important;position:absolute;top:0;left:0}
.iframe-header-hide #ifh-l,.iframe-header-hide #ifh-r{float:none}
.iframe-header-hide #ifh-m,.iframe-header-hide #ifh-r .back-theme{display:none}
.iframe-header-hide #ifh-l a,.iframe-header-hide #ifh-r a{padding:0 10px 0 5px}
.iframe-header-hide #ifh-r{position:relative}
/*service list*/
.service_list{ width:964px; color: #666; font-size: 13px; line-height:24px; text-align:left; padding-top:50px; margin:0 auto; clear:both;}
.service_list p{ margin-bottom:10px;}
.servicelist {width:964px; color: #666; font-size: 13px; line-height:24px; padding:0; margin:0 auto;}
.servicelist li {float:left;padding:10px 15px;width:260px;height:260px;border-right:1px solid #F2F2F2;border-bottom:1px solid #FFF;background-image:url(../images/table.png);background-repeat:repeat-y;list-style:none;}
.servicelist li.title {height:auto;border-right:1px solid #278C98;border-bottom:none;text-align:center;background:#016672 url(../images/repeat.png) repeat-x 0 -20px;text-shadow:1px 1px 0px #005C67;}
.servicelist li.title h2 {font-weight:normal;color:#CCE3E6;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.servicelist li.sbtitle {text-align:center;background-color:#F0F0F0;background-position:0 0;}
.servicelist li.sbtitlealt {background-color:#ECECEC;background-position:-963px 0;}
.servicelist li.sbtitle h2 {line-height:180px;font-size:26px;font-weight:normal;color:#333;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.servicelist li.sbtitle h2 span {margin-top:-150px;font-size:13px;font-weight:normal;color:#F30;display:block;}
.servicelist li.mid {background-color:#E8F0F2;background-position:-261px 0;}
.servicelist li.midalt {background-color:#E8F0F2;background-position:-1224px 0;}
.servicelist li.last {background-color:#DFF0EE;background-position:-762px 0;}
.servicelist li.lastalt {background-color:#DFF0EE;background-position:-1725px 0;}
.servicelist li.last div {padding:50px 0 0 18px;}
.servicelist li.mid{width:500px;}
.servicelist li.mid ul li {width:100%;}
.servicelist li.last,.servicelist li.last ul li {width:200px;font-size:13px;font-weight:bold;border-right:none;}
.servicelist li ul {padding:0;width:100%;}
.servicelist li ul li {padding:10px 0;height:auto;border:none;background:none;}
/*responsive css*/
@media(max-width:1660px){
/* .ny-banner .boxs,.page-container-info,.page-container .box1,.news-list,.pagenavi{margin:0 30px;} */
.ny-banner .boxs.n1 .breadcrumbs{display:none;}
.case-tj{margin:60px 30px 0;}
.ny-banner .nb-menu{padding-left:30px;}
.inner{ padding-left:30px; padding-right:30px;}
.ny-banner .boxs.n2 .box{ padding-left:60px; padding-right:60px;}
}
@media(max-width:1600px){
.ny-banner .boxs{padding-left:30px;}
}
@media(max-width:1400px){
.contact-wrap .address .box1 .t4 a{margin-bottom:20px;}
}
@media(max-width:1370px){
.ny-banner{height:400px;}
.ny-banner .boxs.n2 .box{ padding-bottom: 60px;}
.ny-banner .boxs.n1 .breadcrumbs{display:none;}
.ny-banner .boxs.n1{padding-top:193px;}
.news-list li .tbox{height:170px;padding:0 30px 0 240px;}
.news-list li .tbox.nothumb{ padding-left:30px;}
.news-list li .tbox .img{width:200px; height:128px;}
.news-list li .tbox .txts{line-height:20px;-webkit-line-clamp:3;margin-top:5px;}
.design .list li .tbox .t2{padding:0 12%;}
.relevant-information .list li{padding: 20px 20px 0;}
}
@media(max-width:1345px){
    .classPrice{width: 100%;background:#f2f2f2;padding:50px 7.8%;}
    .classPrice .txt{font-size:14px;line-height:24px;color:#222;text-align:center;max-width:950px;margin:23px auto 0;}
    .classPrice .list .table{width: 100%;text-align: center;font-size: 14px;border:1px solid #E8E8E8;}
    .classPrice .list .table .left-title{color:#202124;font-weight:800;width:240px;font-size:14px;border-right: 1px solid #E8E8E8;}
}
@media(max-width:1330px){.ny-banner .boxs.n1 .breadcrumbs{display:none;}}
@media(max-width:1280px){.ny-banner .nb-menu ul li a{padding: 0 10px;}}
@media(max-width:1229px){
    .classPrice{width: 100%;background:#f2f2f2;padding:20px 7.8%;}
    .classPrice .txt{font-size:12px;line-height:24px;color:#222;text-align:center;max-width:950px;margin:23px auto 0;}
    .classPrice .list .table{width: 100%;text-align: center;font-size: 12px;border:1px solid #E8E8E8;}
    .classPrice .list .table .left-title{color:#202124;font-weight:800;width:240px;font-size:12px;border-right: 1px solid #E8E8E8;}
}
@media(max-width:1200px){
.inner{padding-left:20px; padding-right:20px;}
.ny-banner .boxs.n2 .box{ padding-left:50px; padding-right:50px;padding-bottom: 12px;}
.ny-banner .boxs.n2 .box .t1{ font-size:20px;}
.ny-banner .boxs.n2 .box .t2{padding:10px;line-height:1.5em;}
.ny-banner .boxs.theme-boxs .box{bottom:160px;}
.ny-banner .boxs.theme-boxs .box .t2{ display:none;}
.ny-banner .boxs.theme-boxs .label-box{bottom:80px;left:0; right:auto;}
.case-info{padding-top: 0px;}
.case-info .txt-box{padding: 50px 30px 44px;}
.other-case .list li .t4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.art-related .list li a{font-size: 14px;}
.contact-wrap .other .way{height: auto;}
.case-list li{width: 32%;margin-right: 2%;}
.case-list li:nth-child(4n){margin-right: 2%;}
.case-list li:nth-child(3n){margin-right: 0;}
.case-list li:nth-child(4n+1){clear: none;}
.design .list li .tbox{padding: 18px 0;}
.design .list li .tbox .icon{width: 43px;height: 43px;}
.design .list li .tbox .t1{font-size: 16px;}
.design .list li:hover .tbox .t2{padding: 0 8%;}
.servicelist{ width:100%;}
.servicelist:after{ content:" "; display:block; clear:both;}
.servicelist li{ width:20%; height:210px; background-image:none;}
.servicelist li.mid{ width:60%;}
.servicelist li.mid ul li{ width:100%;}
.servicelist li.last{ width:20%;}
.servicelist li.last ul li{ width:100%;}
}
@media(max-width:1110px){
.classPrice .list .table .left-title {width: 200px;}
.classPrice .list .table .seven{width: calc((100% - 200px)/7);}
.classPrice .list .table .seven2{width: calc(((100% - 200px)/7)*2);}
.classPrice .list .table .wid100{width: calc((100% - 200px));}
.classPrice .list .table .wid70{width: calc(((100% - 200px)/7)*5);}
.classPrice .list .table .wid30{width: calc(((100% - 200px)/7)*2);}
.classPrice .list .table .bor-no{padding-left: 0px;}
}
@media(max-width:1024px){
.servicelist li{height:250px;}
.servicelist li.mid{ width:55%;}
.servicelist li.last{ width:25%;}
}
@media(max-width:998px){
.classPrice .list .table .left-title {width: 120px;}
.classPrice .list .table .seven{width: calc((100% - 120px)/7);}
.classPrice .list .table .seven2{width: calc(((100% - 120px)/7)*2);}
.classPrice .list .table .wid100{width: calc((100% - 120px));}
.classPrice .list .table .wid70{width: calc(((100% - 120px)/7)*5);}
.classPrice .list .table .wid30{width: calc(((100% - 120px)/7)*2);}
.classPrice .list .table .bor-no{padding-left: 0px;}
}
@media(max-width:900px){
.ny-banner .boxs.n1 .t1{font-size: 24px;}
.page-container{width:100%;background:#f7f7f7;padding:20px 0 20px;}
.news-list li{float:none;width:100%;padding:5px 0;}
.news-list li:nth-child(3n){margin-right:20px;}
.page-container-info .leftbox{width:100%;margin-right:0;}
.page-container-info .rightbox{display:none;}
.ny-banner .nb-menu{height: 50px;}
.ny-banner .nb-menu ul li a{line-height: 30px;}
.ny-banner .boxs.n2 .box{bottom: 145px;}
.ny-banner .boxs.theme-boxs .box{bottom:150px;}
.ny-banner .boxs.theme-boxs .box .t1{ font-size:24px;}
.ny-banner .boxs .breadcrumbs{line-height: 50px;left: 0;}
.ny-banner .boxs.n2 .box .t2{ display:none;}
.ny-banner .label-box{left: 0;bottom: 80px;}
.ny-banner .label-box a{width: 45px;}
.ny-banner .label-box a{margin-left: 12px;}
.case-info {padding-top:0;}
.contact-wrap .address .box1{padding: 20px 1%;}
.contact-wrap .address .box1 .t2{font-size: 14px;line-height: 24px;padding-left: 20px;}
.contact-wrap .address .box1 .t3{font-size: 14px;line-height: 20px;padding-left: 20px;margin-top: 10px;}
.contact-wrap .address .box1 .t4{margin-top: 15px;}
.contact-wrap .address .box1 .t4 a{height: 35px;line-height: 35px;}
.contact-wrap .other .advisory .b1 .lists li{height: 24px;line-height: 22px;font-size: 14px;margin-bottom: 5px;padding: 0 10px;}
.contact-wrap .other .advisory .b2 .txt1{height: 50px;margin-top: 15px;}
.contact-wrap .other .way .t1,.contact-wrap .other .advisory .t1{font-size: 24px;}
.case-list li{width: 49%;margin-right: 2%;}
.case-list li:nth-child(3n){margin-right: 2%;}
.case-list li:nth-child(2n){margin-right: 0;}
.solution-list{padding: 30px 0;}
.solution-list li{width: 49%;margin-right: 2%;}
.solution-list li:nth-child(3n){margin-right:2%;}
.solution-list li:nth-child(3n+1){ clear:none;}
.solution-list li:nth-child(2n){margin-right: 0;}
.solution-list li .tbox .t1{margin-bottom: 10px;}
.solution-list li .tbox .t2{margin-bottom: 15px;}
.design .title,.process .title{font-size: 24px;}
.design .txt{font-size: 18px;padding: 0 30px;}
.design .list li{width: calc(33.3% - 2px);}
.classPrice .title{font-size: 24px;}
.classPrice .txt{font-size: 18px;padding: 0 30px;}
.classPrice{width: 100%;padding: 20px 0px;}
.process{padding: 80px 2%;}
.relevant-information{padding: 80px 2% 43px;}
.relevant-information .title{font-size: 24px;}
.relevant-information .list{margin: 30px auto 0;}
.relevant-information .list li{padding: 10px 10px 0;height: 120px;}
.relevant-information .list li .t2{margin-top: 10px;}
.sidebar{display: none}
.mainbar{width: 100%}
}
@media(max-width:767px){
.inner{padding-left:15px; padding-right:15px;}
.ny-banner{height:320px;}
.ny-banner .boxs.n1{ padding-top:115px;}
.ny-banner .boxs.n1 .t1{font-size: 20px;line-height: 40px;}
.ny-banner .boxs.n1 .t2{font-size: 14px;line-height: 20px;}
.ny-banner .boxs.n2 .box{bottom: 120px;padding-left:45px; padding-right:45px;}
.ny-banner .boxs.n2 .box .t1{font-size: 18px;line-height:1.5em;}
.ny-banner .nb-menu ul{padding-top: 10px;}
.ny-banner .nb-menu ul li a{line-height: 30px;}
.ny-banner .boxs.theme-boxs .box{bottom:130px;}
.ny-banner .boxs, .page-container-info, .page-container .box1, .news-list, .pagenavi{margin:0 12px;}
.ny-banner .label-box{bottom:65px;}
.ny-banner .label-box a{width: 35px;}
.page-container .inner .box1 .erweima{width: 80px;height: 80px;}
.page-container-info .leftbox .list2 li .time{width: 80px;}
.page-container-info .leftbox .list2 li .tbox{width:calc(100% - 80px);}
.page-container-info .leftbox .b1{background:#fff;padding:10px;}
.pagenavi a,.pagenavi span{min-width: 30px;height: 30px;line-height: 28px;}
.case-tj{display:none;}
.news-list li .tbox{ height:160px;padding: 0 20px 0 240px;}
.news-list li .tbox .img{ left:20px; top:10px;}
.news-list li .tbox .titles{margin-top:10px;}
.page-container-info .leftbox .case-related{display:none;}
.case-info{padding-top: 0px;margin-top: -40px;}
.other-case{display: none;}
.art-related{margin-top: 25px;padding-top: 25px;}
.art-related .title{font-size: 16px;}
.art-related .list li{width: 50%;}
.art-related .list li:after{top: 15px;}
.art-related .list li a{font-size: 12px;line-height: 30px;}
.contact-wrap .address .box1{width: 100%;padding-left: 2%;padding: 20px;border-bottom: 1px solid #ccc;border-right: none;}
.contact-wrap .other .way{width: 100%;padding: 40px 20px;margin-right: 0;}
.contact-wrap .other .way .t1{font-size: 24px;margin-bottom: 10px;}
.contact-wrap .other .way .t2{line-height: 20px;margin-bottom: 15px;}
.contact-wrap .other .advisory{width: 100%;padding: 40px 20px;}
.contact-wrap .other .advisory .t1{font-size: 24px;margin-bottom: 10px;}
.contact-wrap .other .advisory .t2{line-height: 20px;margin-bottom: 15px;}
.contact-wrap .other .advisory .b1{padding: 10px 0;}
.contact-wrap .other .advisory .b1 .lists li{padding: 0 10px;}
.contact-wrap .other .advisory .b2 .txt1{height: 30px;margin-top: 15px;}
.contact-wrap .other .advisory .b2 .txt2{margin-top: 15px;}
.contact-wrap .other .advisory .b2 .btn{height: 40px;font-size: 14px;margin-top: 20px;}
.case-list{ display:block;}
.case-list li,.case-list li:nth-child(3n){width: 100%;margin-right: 0;}
.solution-list{padding: 30px 0;}
.solution-list li .tbox{padding: 20px 15px;}
.solution-list li .tbox .t1{font-size: 20px;}
.design .title{font-size: 20px;}
.design .txt{font-size: 14px;}
.design .list li{width: calc(50% - 2px);}
.design .list li .tbox{height: 60px;}
.design .list li .tbox .t1{font-size: 14px;}
.design .list li .tbox .icon{width: 30px;height: 30px;}
.classPrice .title{font-size: 20px;}
.classPrice .txt{font-size: 14px;}
.classPrice .list .table .type-title{font-size: 14px;}
.classPrice .list .table .hang .lh-22{line-height: 20px;}
.process .list li{width: 100%;padding-top: 70px;}
.process .list li:hover{width: 100%;}
.process .list li.on{width: 100%;padding-top: 55px;}
.process .list li .t1{margin-top: 20px;}
.relevant-information{padding: 80px 2% 0;}
.relevant-information .title{font-size: 20px;}
.relevant-information .list li{width: 48%;margin-right: 4%;padding: 10px 5px 0;height: 90px;margin-bottom: 10px;}
.relevant-information .list li:nth-child(2n){margin-right: 0;}
.relevant-information .list li .t1{font-size: 14px;line-height: 20px;height: 40px;}
.relevant-information .list li .t2{margin-top: 10px;font-size: 10px;letter-spacing: -1px;}
.time-list li{padding-left: 120px;}
.time-list li:hover span,.time-list li:hover p{transform: translate3d(-10px, 0, 0);-webkit-transform: translate3d(-10px, 0, 0);-moz-transform: translate3d(-10px, 0, 0);}
.time-list li span{left: 15px;}
.time-list li p{ width:100%; line-height:1.5em; padding-right:10px;}
.servicelist li{height:310px;}
.servicelist li.title h2{font-size: 16px;}
.servicelist li.sbtitle{padding-left:5px; padding-right:5px;}
.servicelist li.sbtitle h2{font-size: 16px; line-height: 310px;}
.servicelist li.last{padding-left:5px; padding-right:5px;}
.servicelist li.last div{font-size: 13px; font-weight: normal; padding-top: 50px; padding-left:10px;}
}
@media(max-width:639px){
.servicelist li{height:410px;}
}
@media(max-width:539px){
.classPrice .list .table .left-title {width: 100px;font-size:10px}
.classPrice .list .table .type-title{font-size: 10px;}
.classPrice .list .table .hang .lh-22 {line-height: 14px;}

.classPrice .list .table .seven{width: calc((100% - 100px)/7);}
.classPrice .list .table .seven2{width: calc(((100% - 100px)/7)*2);}
.classPrice .list .table .wid100{width: calc((100% - 100px));}
.classPrice .list .table .wid70{width: calc(((100% - 100px)/7)*5);}
.classPrice .list .table .wid30{width: calc(((100% - 100px)/7)*2);}
}
@media(max-width:479px){
.news-list li .tbox{padding: 0 20px 0 20px;}
.news-list li .tbox.nothumb{ padding-left:20px;}
.news-list li .tbox .img{ display:none;}
.pagenavi a,.pagenavi span{min-width:24px;height:24px;font-size:12px;line-height:22px;padding:0 5px;margin-right:0;}
.relevant-information .list li{width:100%;margin-right:0; clear:both;}
.post-content{padding:20px 15px;}
.servicelist li{ width:100%!important;height:auto; clear: both;}
.servicelist li.title{display: none;}
.servicelist li.sbtitle{background: #016672 url(../images/repeat.png) repeat-x 0 -20px; text-shadow: 1px 1px 0px #005C67; margin-top:10px;}
.servicelist li.sbtitle h2{ color: #fff; line-height: 1.5em;}
.servicelist li.last div{ font-weight:bold;padding-top:0;}
}
@media(max-width:487px){
.classPrice .list .table .hang .lh-30zi {line-height: 30px;}
}

@media(max-width:411px){
.classPrice .list .table .left-title {width: 80px;}
.classPrice .list .table .seven{width: calc((100% - 80px)/7);}
.classPrice .list .table .seven2{width: calc(((100% - 80px)/7)*2);}
.classPrice .list .table .wid100{width: calc((100% - 80px));}
.classPrice .list .table .wid70{width: calc(((100% - 80px)/7)*5);}
.classPrice .list .table .wid30{width: calc(((100% - 80px)/7)*2);}
}
@media(max-width:390px){
.classPrice .list .table {font-size: 10px;}
}
@media(max-width:383px){
.classPrice .list .table .left-title {width: 75px;}
.classPrice .list .table .seven{width: calc((100% - 75px)/7);}
.classPrice .list .table .seven2{width: calc(((100% - 75px)/7)*2);}
.classPrice .list .table .wid100{width: calc((100% - 75px));}
.classPrice .list .table .wid70{width: calc(((100% - 75px)/7)*5);}
.classPrice .list .table .wid30{width: calc(((100% - 75px)/7)*2);}
.classPrice .list .table .type-title{font-size: 8px;}
}