@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:12px;border-bottom:1px solid rgba(255,255,255,.15);position:absolute;left:0;bottom:60px;}

.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;}

.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;top:30px;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:60px;}

.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%;padding-bottom:30px;background:#fff;display:table; clear:both;}

.contact-wrap .address .box1{width:25%;height:295px;float:left;border-right:1px solid #e8e8e8;padding-left:2.5%;padding-top:53px;}

.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;}

.contact-wrap .address .box1 .t1{font-size:16px;font-weight:bold;line-height:30px;color:#222;}

.contact-wrap .address .box1 .t2{font-size:14px;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;}

.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(20% - 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;}

.process{width:100%;background:#f2f2f2;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:24.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(../other/iconfont.eot);src:url(../other/iconfont.eot?#iefix) format('embedded-opentype'),url(../other/iconfont.woff) format('woff'),url(../other/iconfont.ttf) format('truetype'),url(../other/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;}

}

@media(max-width:1400px){

.contact-wrap .address .box1 .t4 a{margin-bottom:20px;}

}

@media(max-width:1370px){

.ny-banner{height:400px;}

.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: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:1200px){

.inner{padding-left:20px; padding-right:20px;}

.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: 40px;}

.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:1024px){

.servicelist li{height:250px;}

.servicelist li.mid{ width:55%;}

.servicelist li.last{ width:25%;}

}

@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%;height: 220px;}

.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);}

.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;}

}

@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;}

.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-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: 30px;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: 50%;height: 175px;padding-left: 2%;padding-top: 20px;border-bottom: 1px solid #ccc;}

.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;}

.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: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;}

}