﻿#nBanner {width:100%;position:relative;background:#000;margin-top:1rem;}
.nWrap {position:relative;text-align:center;}
.pcBanner {position:relative;}
.pcTxt {position:absolute;left:20%;top:52%;width:100%;color:rgba(255, 255, 255, 0.9);font-size:48px;text-align:left;-webkit-transform:translate3d(0, -50%, 0);-ms-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);}
.pcTxt .txtP,.pcTxt .txtB {display:block;font-size:0.72rem;font-weight:500;}
.pcTxt .txtP {font-size:0.35rem;margin-top:45px;width:800px;line-height:180%;}
.moBanner {height:auto;max-height:none;}
.moTxt {padding:0 15px;position:absolute;left:0;top:50%;width:100%;font-size:18px;color:#fff;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.moTxt .txtB,.moTxt .txtP {display:block;font-weight:500;text-align:center;font-size:16px;line-height:22px !important;}
.moTxt .txtP {font-size:20px;margin-top:6px !important;}
.nNavbox {background-color:#fff;}
.nav-tabs,.nNav{max-width:880px;margin-left:auto;margin-right:auto;}
.nNav {text-align:center;font-size:0;margin-bottom:0;padding:0;}
.nNav a {display:inline-block;height:49px;padding-left:22px;padding-right:22px;color:#4a4a4a;font-size:16px;line-height:49px;}
.nNav a.active{border-bottom:3px solid #359adc;color:#359adc;}
.mWrap {display: flex;justify-content: space-between;margin:0 auto;width: 17rem;}
.sitePath {height:45px;line-height:45px;font-size:14px;color:14px;margin:15px auto 20px;width:17rem;}
.sitePath a {color:#5c5c5c;}
.sitePath a:hover {color:#ff3d58;}
.sideBar {width:26%;}
.sideBox {margin-bottom:30px;overflow:hidden;box-sizing:border-box;background:#fff;padding:20px;}
.sideTit {border-bottom:solid 1px #ededed;margin-bottom:20px;padding-bottom:10px;overflow:hidden;display:flex;align-items:center;}
.sideTit i{width:5px;height:20px;background-color:#359adc;margin-right:15px;display:inline-block;}
.sideTit h3{display:inline-block;font-size:18px;line-height:180%;font-weight:400;color:#359adc;}
.sideNews {font-size:14px;}
.sideNews ul li {margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sideNews ul li a{color:#666;font-size:15px;padding-left:15px;background:url(../image/sj.jpg) 0 8px no-repeat;}
.sideNews ul li a:hover{color:#0e9cda;}
.newsList ul li {background:#fff;padding:15px;transition:0.3s;margin-bottom:20px;overflow:hidden;cursor:pointer;display:flex;justify-content:space-between;}
.newsList ul li:hover{border-bottom-color:#fff;box-shadow:0 3px 16px rgba(35,110,251,.1);background:#fff;transform:translateY(-6px);z-index:3;}
.newsImg {width:32%;overflow:hidden;}
.newsImg img {width:100%;transition:.9s;}
.newsList ul li:hover .newsImg img {transform:scale(1.1);-webkit-transform:scale(1.1);}
.newsInfo {width:63%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;}
.newsInfo h3{margin:4px 0 10px;font-size:0.32rem;line-height:35px;font-weight:700;}
.newsInfo h3 a {color:#101010;}
.newsInfo h3 a:hover {color:#0e9cda;}
.newsList ul li:hover h3 a{color:#0e9cda;}
.newsDate {display:inline-block;font-size:20px;font-family:"Microsoft JhengHei", 微软雅黑;color:#333;overflow:hidden;margin:0 0 5px;padding:0 0 12px;}
.newsDate span{display:inline-block;font-weight:400;font-size:14px;color:#333;margin-left:10px;}
.newsInfo p {font-size:0.21rem;line-height:27px;font-weight:400;color:#454545;margin-bottom:20px;}
.paging {overflow:hidden;margin-bottom:30px;padding:20px;display:flex;justify-content:center;align-items:center;}
.paging a{margin:0px 3px;color:#000;line-height:30px;border-radius:2px;text-align:center;float:none;display:inline-block;border:none;box-shadow:0 0 2px rgba(0,0,0,0.2);height:40px;width:40px;font-size:14px;font-weight:500;padding:6px 12px;}
.paging a:hover {background:#31BDF3;color:#fff;}
.paging a.curPage{background:#31BDF3;color:#fff;}
.newsCon{overflow:hidden;}
.nTit{margin:30px 0;}
.nTit h1{font-size:0.41rem;color:#000;font-weight:600;line-height:140%;text-align:left;font-family:'微软雅黑';}
.nTit .ndate{margin:20px 0;font-size:16px;text-align:left;}
.ndate{color:#999;margin:8px 0 12px;}
.ndate span {margin-right:20px;font-size:14px;}
.ndate s.s1{width:20px;height:17px;margin-right:5px;background-position:43px 0;}
.ndate s.s2{width:20px;height:17px;margin-right:5px;background-position:18px 0;}
.nCon {padding:0;line-height:180%;font-size:16px;color:#333;}
.nCon p {margin-bottom:10px;word-break:break-word;}
.reLink{ height:75px;line-height:75px;clear:both;padding:0;margin-top:30px;margin-bottom:8px;border-top:solid 1px #ededed;overflow:hidden;font-size:0.24rem;}
.reLink a {color:#4a4a4a;}
.reLink a:hover {color:#359adc;}
.reLink .prevLink,.reLink .nextLink {}
.reLink .prevLink {float:left;}
.reLink .nextLink {text-align:right;float:right;}
.caseType {margin-top:0.8rem;}
.caseType h2{text-align:center;font-size:0.42rem;font-weight:400;color:#1C1C1C;margin-bottom:0.8rem;}
.caseList {width:20rem;margin:0 auto;}
.caseList ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.caseList ul li {margin-bottom:30px;}
.caseBox {position:relative;overflow:hidden;z-index:1;transition:all 0.3s ease;}
.caseImg img{width:100%;display:block;transition:all 0.6s;}
.caseMu {opacity:0;visibility:hidden;}
.caseMu .caseNer {position:absolute;width:100%;top:50%;left:0;transition:all 0.3s ease;text-align:center;}
.caseMu .caseNer .caseDes{position:absolute;left:0;top:20%;width:100%;height:100%;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:500ms;opacity:0;}
.caseBox:hover .caseMu .caseNer .caseDes{top:0;opacity:1;}
.caseMu .caseNer h3{font-size:20px;color:#fff;display:block;letter-spacing:2px;margin-bottom:0.2rem;}
.caseMu .caseNer p{font-size:16px;color:#fff;position:relative;border-top:1px solid #fff;border-bottom:1px solid #fff;line-height:2.6;}
.caseBox:before {background-image:linear-gradient(180deg, #045ce2 0%, #004fc8 100%);content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#164ea3;opacity:0;visibility:hidden;transition:all 0.4s ease 0s;}
.caseBox:hover .caseMu {opacity:1;visibility:visible;}
.caseBox:hover:before {opacity:0.9;visibility:visible;}
.caseWrap {padding:0;width:100%;text-align:center;min-height:300px;}
.pageF {position:relative;max-width:1600px;margin-top:122px;margin-bottom:70px;text-align:center;box-sizing:content-box;margin-left:auto;margin-right:auto;font-size:0.24rem;overflow:hidden;}
.pageF a {position:relative;display:inline-block;width:180px;height:42px;border:1px solid #eaeaea;border-radius:40px;line-height:42px;color:#585858;-webkit-transition:background .8s;transition:background .8s;text-decoration:none;}
.pageF a:hover {display:inline;color:#0051ac;background-color:#ff3d58;text-decoration:none;}
.pageF a:hover::before {color:#333;}
.pageF a:before {position:absolute;left:10px;font-size:26px;color:#a6a6a6;}
.pageF a.page-prev,.pageF a.page-next {position:absolute;top:0;background:#fff;}
.pageF a.page-prev {left:0;text-indent:20px;}
.pageF a.page-next {right:0;text-indent:-20px;}
.pageF a.page-next::before {left:143px;}
.pageF a.caseMore {width:300px;text-indent:20px;color:#fff;background:#e73a2a;opacity:.8;}
.pageF a.caseMore:hover {display:inline-block;opacity:1;}
.swiper-container1 {width:100%;height:100%;margin-bottom:0.3rem;position:relative;}
.swiper-container1 .swiper-slide {text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;}
.swiper-container1 img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.swiper-container1 .swiper-slide .title{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:500ms;opacity:0;text-decoration:none;}
.swiper-container1 .swiper-slide:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;transition:500ms;}
.swiper-container1 .swiper-slide:hover:before{background:#164ea3;opacity:.9;}
.swiper-container1 .swiper-slide:hover .title{top:0;opacity:1;}
.swiper-container1 .swiper-slide h3{font-size:20px;color:#fff;display:block;letter-spacing:2px;}
.swiper-container1 .swiper-slide p{font-size:16px;color:#fff;position:relative;border-top:1px solid #fff;border-bottom:1px solid #fff;line-height:2.6;}
.hm1fldivs{position:relative;}
.zlswiper-but{position:absolute;z-index:2;top:0;bottom:0;margin:auto;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.zlswiper-prev{left:50px;opacity:0;}
.zlswiper-next{right:50px;opacity:0;}
.swiper-container1:hover .zlswiper-prev {left:80px;opacity:1;}
.swiper-container1:hover .zlswiper-next {right:80px;opacity:1;}
.aboutNav {width:15.39rem;margin:0.8rem auto 0;border-bottom:0.01rem solid #e6e6e6;padding:0 0.3rem;}
.aboutNav ul {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.aboutNav ul li {display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;}
.aboutNav ul li a{font-size:0.33rem;line-height:0.66rem;font-weight:300;color:#666;}
.aboutNav ul li a:hover {color:#C40E18;}
.aboutQy {width:16rem;margin:0 auto;}
.aboutJ {font-size:0.25rem;font-weight:300;color:#666;line-height:0.46rem;margin-top:0.5rem; text-align:center;}
.aboutImg {margin:0.9rem 0 0.8rem 0;width:16rem;height:9.21rem;}
.aboutImg img {width:100%;height:100%;}
.aboutW {width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;overflow:hidden;}
.aboutTim {width:5.31rem;height:4.29rem;position:relative;}
.aboutTimm {width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;}
.aboutTimm img {width:1.14rem;height:1.08rem;}
.aboutTimm h3 {font-size:0.38rem;line-height:0.72rem;font-weight:400;color:#1D1D1D;margin-top:0.2rem;}
.aboutTimm p {font-size:0.25rem;line-height:0.5rem;height:2rem;padding:0.4rem;font-weight:300;color:#666;}
.aboutNum {width:100%;height:2.73rem;display:flex;justify-content:space-between;align-items:center;background:#fff;position:relative;margin-top:0.9rem;margin-bottom: 0.9rem;}
.aboutNum dl {width:4rem;padding:0.3rem 0.6rem 0.6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.aboutNum dl dt img {width:1.3rem;}
.aboutNum dl dd:nth-child(2) {font-size:0.45rem;font-family:PingFang SC;font-weight:600;color:#0A1D3D;line-height:1rem;margin-top:0.2rem;}
.aboutNum dl dd:nth-child(3) {font-size:0.33rem;font-weight:300;color:#666;}
.aboutNum dl span {font-size:0.45rem;font-family:PingFang SC;font-weight:600;color:#0A1D3D;}
.aboutNum dl i {font-weight:200;font-style:normal;}
.aboutY {width:16rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.aboutY dl {width:49%;padding:0 0.8rem;height:4.01rem;margin-bottom:0.28rem;background-color:#F6F8FC;background-size:7.74rem;display:flex;flex-direction:column;}
.aboutY dl dt {margin-top:0.52rem;width:100%;margin-bottom:0.3rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.aboutY dl dt img {width:0.6rem;height:0.61rem;}
.aboutY dl dt h3 {padding-left:0.1rem;flex:auto;font-size:0.38rem;font-family:PingFang SC;font-weight:400;color:#1D1D1D;line-height:0.76rem;}
.aboutY dl dd{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:0.25rem;font-weight:300;color:#666;line-height:0.46rem;}
.aboutY dl dd p {width:2.3rem;}
.aboutH {width:16rem;margin:0rem auto 0.3rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.hzWrap {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.hzWrap li  {width:2.94rem;height:1.14rem;margin:0 0 0.3rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.hzWrap li img {width:100%;height:100%;}
.aboutTit {width:100%;height:1.75rem;line-height:2.68rem;font-size:0.42rem;font-weight:400;color:#1D1D1D;display:flex;flex-direction:column;align-items:center;}
.aboutTis {width:100%;height:1.5rem;line-height:0.3rem;font-size:0.25rem;font-weight:300;color:#666;display:flex;flex-direction:column;align-items:center;}
.fanWrap {background:#f7f7f7;width:100%;overflow:hidden;position:relative;z-index:1;}

.fanBox {padding:42px 0 80px;width:16rem;margin:0 auto;}
.fanBox ul li {width:100%;border-radius:20px;position:relative;overflow:hidden;background:#fff;margin-bottom:0.4rem;}
.fanBox ul li:nth-child(2) .shade .Related_case {display:block;}
.fanBox ul li .serve_nr {padding:62px 4.29% 75px;}
.fanBox ul li .serve_nr .serve_title {font-size:36px;color:#333;font-weight:bold;position:relative;white-space:nowrap;padding-bottom:22px;margin-top:14px;float:left;z-index:99;}
.fanBox ul li .serve_nr .serve_title::after {content:'';width:31px;height:3px;background:#e73a2a;position:absolute;left:0;bottom:0;z-index:99;transition:all 0.4s;}
.fanBox ul li .serve_nr .serve_content {width:68.29%;float:right;}
.fanBox ul li .serve_nr .serve_content .title {width:100%;}
.fanBox ul li .serve_nr .serve_content .title .cn {font-size:24px;color:#1d1d1f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.fanBox ul li .serve_nr .serve_content .title .en {font-size:14px;color:#c3c3c3;text-transform:uppercase;}
.fanBox ul li .serve_nr .serve_content .abstract {width:100%;margin-top:24px;font-size:20px;color:#666;line-height:36px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-align:justify;}
.fanBox ul li:last-child {margin-bottom:0;}
.fanBox ul li .serve_nr .serve_content .abstract_list {width:100%;margin-top:18px;}
.fanBox ul li .serve_nr .serve_content .abstract_list b {display:block;float:left;min-width:45%;margin-right:5%;font-size:20px;color:#1d1d1f;margin-top:12px;background:url(../image/dian.png) no-repeat left center;padding-left:25px;box-sizing:border-box;font-weight:normal;}

.news-container{ width:100%; margin:0 auto;}
.news-container .news-item{ padding:14px 0; border-bottom:1px dotted #ccc;}
.news-container .news-item a{display:block;display: flex;justify-content: space-between;}
.news-container .news-item .news-img {width:44%;}
.news-container .news-item .news-img img{transition:all .3s ease-out}
.news-container .news-item:hover .news-img img{transition:all .3s ease-out;transform:scale(1.1)}
.news-container .news-item .news-con {width:50%;}
.news-container .news-item .news-con .news-title{ font-size:14px; color:#333333;}
.news-container .news-item:hover .news-con .news-title {color:#359adc;}
.news-container .news-item .news-con .news-desc{ font-size:14px; color:#999999; padding-top:3px;overflow:hidden;  text-overflow:ellipsis;  -o-text-overflow:ellipsis;  -webkit-text-overflow:ellipsis;  -moz-text-overflow:ellipsis;}
.news-container .news-container .news-img{transition:all .3s ease-out;width:20%;overflow:hidden;clear:both;position:relative;list-style-type:none;display:block;overflow:hidden;max-width:100%;margin:auto;}
.news-container time{display:block;margin-top:10px;margin-bottom:14px;}
.news-container .news-container .news-img img{transition:all .3s ease-out;position:absolute;transform:translate(-50%, -50%);max-width:100%;max-height:100%;top:50%;left:50%;margin:auto;padding:auto;display:block;}

.news-container .news-detailbtn span{transition:all .3s ease-out ;}
.news-container .news-detailbtn{ width:108px; display:block; cursor:pointer; height:30px;margin-top:20px;background:#fff; transition:all .3s ease-out 0s; position:relative;box-shadow:0px 0px 2px rgba(0,0,0,.2);font-size:11px; color:#999; line-height:30px; text-align:center;}
.news-container .news-detailbtn::before{opacity:0;content:"";transition:all .3s ease-out ; transition:all .3s ease-out ; width:32px;height:32px; display:block; position:absolute;top:-1px;right:0; background:#000;}
.news-container .news-detailbtn::after{opacity:0; content:""; background:url("404.png") no-repeat center; position:absolute;top:4px;right:7px;width:20px; height:20px; display:block;}
.news-container .label-box {font-size:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-container .news-label {display:inline-block; font-size:12px; color:#999; padding:3px 12px; line-height:1; background:#eee; margin-top:2px; margin-right:10px;}
.news-container .videobox .Mantle {position:absolute;height:100%;width:100%;background:#000;opacity:.3;z-index:9;}
.news-container .videobox .iconfont{display:block;left:50%;top:50%;position:absolute;z-index:10;font-size:66px;color:#fff;transform:translate(-50%,-50%);}

.greyW {width:100%;background-color:#f5f8fd;overflow:hidden;}
.mainW {width:17rem;margin:1rem auto 0;}
.fbTit { text-align:center;margin-bottom:0.7rem;}
.fbTit h1,.fbTit h2{color:#444;font-size:0.46rem;font-weight:500;}
.fbTit p {font-size:0.24rem;margin-top:0.22rem;color:#848484;}
.fbList {margin-top:0.5rem;display:flex;justify-content:space-between;}
.fbList li {width:30%;padding:39px 33px;font-size:26px;box-shadow:0 3px 12px rgba(35,110,251,.16);border-radius:6px;text-align:center;margin-bottom:1rem;transition: all 0.3s;}
.fbList li:hover {background:#fbce00;transition: all 0.3s;}
.fbList li img {width:74px;height:74px;margin-bottom:10px;}
.fbList li h3 {font-size:0.33rem;color:#000;font-weight:600;}
.fbList li p{margin-top:25px;font-size:0.22rem;color:#2d2d2d;}


.zbList{margin-top:1.4rem;display:flex;justify-content:space-between;}
.zbList li{width:23.5%;background:#fff;box-shadow:0 3px 16px rgba(35,110,251,.1);color:#000;font-size:18px;text-align:center;border-radius:6px;margin-bottom:1.1rem;padding-bottom:1rem;}
.zbList li img{margin-top:-0.75rem;width:1.3rem;height:1.3rem;margin-bottom:0.5rem;}
.zbList li h3 {font-size:0.28rem;color:#555;}

.zbpList{margin-top:1.4rem;display:flex;justify-content:space-between;}
.zbpList li{width:23.5%;height:3.6rem;background:#fff;box-shadow:0 3px 16px rgba(35,110,251,.1);color:#000;font-size:18px;text-align:center;border-radius:6px;margin-bottom:1.1rem;}
.zbpList li img{margin-top:-0.75rem;width:1.3rem;height:1.3rem;margin-bottom:0.5rem;}
.zbpList li h3 {font-size:0.28rem;color:#555;}
.zbpList li p {padding:20px;font-size:0.21rem;color:#333; text-align:left;}

.zbkList{margin-top:1.4rem;display:flex;justify-content:space-between;}
.zbkList li{width:30%;height:auto;background:#fff;box-shadow:0 3px 16px rgba(35,110,251,.1);color:#000;font-size:18px;text-align:center;border-radius:6px;margin-bottom:1.1rem;padding:25px;}
.zbkList li img{margin-top:-1rem;width:1.3rem;height:1.3rem;margin-bottom:0.5rem;}
.zbkList li h3 {font-size:0.28rem;color:#555;}
.zbkList li p {font-size:0.21rem;color:#333; text-align:left;background: url(../image/dian.png) no-repeat left 8px;text-indent: 1.1em;margin-bottom:5px;}

.kfaList {margin:0.6rem auto;height:598px;width:100%;position:relative;text-align:center;}
.kfaList img{width:auto;height:398px;margin-top:80px;}
.kfaBox {position:absolute;top:25px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.kfaBox dl {position:relative;width:400px;padding:30px 33px;border-radius:8px;box-shadow:0 3px 12px rgba(35,110,251,.16);font-size:16px;color:#848484;text-align:left;background-color:#fff;margin-right:10px;margin-bottom:0.75rem;}
.kfaBox dl:nth-child(2n) {margin-right:0;}
.fbImg {margin:0.6rem auto 0.8rem;}
.kfaBox dt {font-size:24px;color:#000;margin-bottom:16px;margin-left:24px;}
.kfaBox dd {font-size:15px;color:#848484;text-align:left;background:url(../image/dian.png) no-repeat left 6px;padding-left:25px;margin-bottom:8px;}
.twList {margin:0.8rem auto;display:flex;justify-content:space-between;}
.twList dl {width:22%;font-size:24px;color:#000; text-align:center;margin-bottom:0.8rem;}
.twList dl img{width:211px;height:210px;margin-bottom:20px;}
.twList dt {background:#6096e6;color:#fff;font-size:20px;font-weight:600;padding:10px 0;border-radius:10px 10px 0 0;box-shadow:0 3px 12px rgba(35,110,251,.16);}
.twList dd {background:#f5f8fd;font-size:15px;border-radius:8px;padding:25px;color:#666;line-height:170%;min-height:200px;box-shadow:0 3px 12px rgba(35,110,251,.16);}
.tpList {display:flex;justify-content:space-between;margin-bottom:1rem;}
.tpList dl {width:23.5%;font-size:24px;color:#000; text-align:left;background:#fff;box-shadow:0 3px 12px rgba(35,110,251,.16);border-radius:0 0 8px 8px;margin-bottom:0.3rem;}
.tpList dl img{width:100%;}
.tpList dt {color:#333;font-size:22px;font-weight:600;border-radius:20px;padding:15px 15px 0;}
.tpList dd {font-size:15px;color:#666;line-height:170%;padding:12px 15px;}
.tpbList {display:flex;justify-content:space-between;margin-bottom:1rem;margin-top:1rem;}
.tpbList dl {width:23.5%;font-size:24px;color:#000; text-align:left;background:#fff;box-shadow:0 3px 12px rgba(35,110,251,.16);border-radius:0 0 8px 8px;margin-bottom:0.3rem;}
.tpbList dl img{width:100%;}
.tpbList dt {color:#333;font-size:22px;border-radius:20px;padding:15px 15px 0;}
.tpbList dd {font-size:15px;color:#666;line-height:170%;padding:12px 15px;}

.tpsList {display:flex;justify-content:space-between;margin-bottom:1rem;margin-top:1rem;}
.tpsList dl {width:23.5%;font-size:24px;color:#000; text-align:center;background:#fff;box-shadow:0 3px 12px rgba(35,110,251,.16);border-radius:0 0 8px 8px;margin-bottom:0.3rem;}
.tpsList dl img{width:65%;}
.tpsList dt {color:#333;font-size:22px;border-radius:20px;padding:15px 15px 0;}
.tpsList dd {font-size:16px;color:#666;line-height:170%;padding:0 15px 20px;}

.wgList {width:100%;display:flex;margin-bottom:50px;margin-top:23px;background:#fff;box-shadow:0 3px 12px rgba(35,110,251,.16);border-radius:10px;}
.wgList dd{width:670px;height:100%;padding:40px 38px 60px 60px;text-align:left;}
.wgList dd h2{font-size:0.42rem;color:#000;font-weight:800;margin-bottom:30px;}
.wgList dd p {font-size:15px;line-height:180%;color:#666;margin-top:20px;background:url(../image/dian.png) no-repeat left 8px;text-indent:1.1em;}
.rcList{display:flex;justify-content:space-between;margin-bottom:1.4rem;padding-bottom:20px;text-align:center;background:#fff;box-shadow:0 3px 12px rgba(35,110,251,.16);}
.rcList dl {width:22%;}
.rcList dl dt {background:#6096e6;color:#fff;font-size:0.3rem;font-weight:600;border-radius:8px;padding:10px 0;margin-bottom:15px;}
.rcList dl dd {font-size:0.22rem;line-height:200%;margin-bottom:10px;}
.wgzList {display:flex;justify-content:space-between;margin:60px auto;}
.wgTxt {background:#fff;box-shadow:0 3px 12px rgba(35,110,251,.16);padding:72px 43px 70px 60px;}
.wgImg img{height:100%;}
.wgTxt h2 {font-size:24px;color:#000;font-weight:800;margin-bottom:30px;}
.wgTxt p {background:url(../image/dian.png) no-repeat left 8px;text-indent:1.1em;margin-bottom:10px;}
.wgTxt{flex-basis:50%;}

.wgdList .wgTxt h2 {line-height:38px;text-align:center;}
.faList {display: flex;justify-content: space-between;margin:0.8rem auto 0;width:17rem;}
.faInfo {width:70%;background-color: #ffff;padding:30px;box-sizing: border-box;}
.faAbout {width:26%}
.faParam{border-bottom: 1px solid #eee;overflow: hidden;padding-bottom: 30px;display: flex;justify-content: space-between;margin-bottom:30px;}
.faParam dl {display: flex;justify-content: space-between;}
.faParam dt{width:45%;}
.faParam dd{width:48%;padding-right:25px;padding-top:20px;}
.faParam dd h1{font-size: 20px;color: #333;font-weight:600;margin-bottom:20px;}
.faParam p{font-size:16px;color: #333;margin-top:5px;}
.faParam p em {font-style:normal;}
.faDz{margin-top:30%;}
.faDz a{display: block;width:140px;height:40px;line-height:40px;background-color: #4a85f8;text-align: center;color: #fff;border-radius: 3px}
.faDz a:hover{background-color: #6e9df7;transition: 300ms}
.faTit{font-size: 20px;color: #333;margin-bottom: 20px}
.faMsg{font-size: 16px;color: #333;line-height: 34px;margin-bottom:20px;}
.faImg img{display: block;width:100%;text-align: center}

.faBox{background-color: #fff;height: auto;padding-bottom:20px;overflow: hidden;}
.fabTit {margin-top: 19px;display: flex;justify-content:flex-start;}
.fabTit i{display: block;width:6px;height: 27px;background-color: #4a85f8;}
.fabTit h2{font-size: 20px;color: #333;margin-left:15px;}

.fabImg{margin-bottom: 0px;overflow: hidden;margin:0 20px;}
.fabImg ul li{background-color: #fff;margin-top:20px;margin-bottom:30px}
.fabImg ul li img{width: 100%;}
.fabImg ul li h3 {font-size:15px;color: #333;margin-top:20px;margin-left: 10px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fabNews {font-size:0.2rem;margin:20px 20px 0;}
.fabNews ul li {margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fabNews ul li a{color:#666;font-size:15px;padding-left: 15px;background: url(../image/sj.jpg) 0 8px no-repeat;}
.fabNews ul li a:hover{color:#0e9cda;}

.ysList {margin:0.8rem auto;}
.ysList ul {display: flex;justify-content: space-between; flex-wrap:wrap;}
.ysList ul li {width: 30%;color: #000;text-align: left;background: #fff;padding:0.4rem;box-shadow: 0 3px 12px rgba(35,110,251,.16);border-radius:8px;margin-bottom: 0.8rem;text-align:center;}
.ysList ul li .ysPic img {width:65px;transition: .9s;}
.ysList ul li:hover .ysPic img {transform: scale(1.2);-webkit-transform: scale(1.2); cursor:pointer;}
.ysList ul li h3 {font-size:0.3rem;margin:0.2rem;}
.ysList ul li p {font-size:0.21rem;color:#333}
.appCase {margin:0.8rem auto;width:17rem;overflow:hidden;}

.yspList {display:flex;justify-content:space-between;margin-bottom:1rem;margin-top:1rem;}
.yspList dl {width:11%;font-size:24px;color:#000; text-align:center;background:#fff;box-shadow:0 3px 12px rgba(35,110,251,.16);border-radius:0 0 8px 8px;margin-bottom:0.3rem;padding:20px 8px 20px;}
.yspImg img{width:36px;}
.yspList dt {color:#333;font-size:15px;border-radius:20px;padding:15px;}
.yspList dd {font-size:11px;color:#a8a5a5;line-height:170%;}
.mainBox{width:70%;background-color: #ffff;padding:20px;box-sizing: border-box;box-shadow: 0px 0px 16px 0px rgba(211,210,210,0.40);margin-bottom:0.8rem;}
.newslBox {box-shadow:none;padding:0;background:none;}
.sHezuo  {margin:0.8rem auto;}
.wxList {display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:1rem;margin-bottom:1rem;}
.wxList dl {width:32%;display:flex;justify-content:space-between;background:#fff;box-shadow:0 3px 12px rgba(35,110,251,.16);border-radius:0 0 8px 8px;margin-bottom:30px;padding:30px;}
.wxList dl dt {width:25%;}
.wxList dl dd {width:65%;}
.wxList dl dd h3 {font-size:0.3rem;font-weight:500;margin-bottom:10px;}
.titMsg {box-shadow:0 3px 12px rgba(35,110,251,.16);border-radius:6px;padding:20px;background:#fff;margin:20px 0;}

.fbpList {margin-top:0.5rem;display:flex;justify-content:space-between;}
.fbpList li {width:30%;padding:20px;font-size:26px;text-align:center;margin-bottom:1rem;background:#fff;box-shadow:0 3px 12px rgba(35,110,251,.16);}
.fbpList li img {height:150px;margin-bottom:10px;}
.fbpList li h3 {font-size:22px;color:#555;font-weight:600;}
.fbpList li p{margin-top:25px;font-size:15px;color:#2d2d2d;}

.wgpList {width:100%;display:flex;margin-bottom:50px;margin-top:30px;background:#fff;box-shadow:0 3px 12px rgba(35,110,251,.16);border-radius:10px;}
.wgpList dd{width:670px;height:100%;padding:30px 40px 40px 40px;text-align:left;}
.wgpList dd p {font-size:15px;line-height:180%;color:#666;margin-top:20px;background:url(../image/dian.png) no-repeat left 8px;text-indent:1.1em;}

.wgwList .wgTxt,.wgwList .wgImg{flex-grow:1;}
.wgwList .wgTxt {padding:40px 43px 50px 60px;box-shadow:none;}
.wgwList .wgTxt h2 {margin-bottom:25px;margin-top:25px;}

.twoList {flex-wrap: wrap;}
.twoList .wgTxt {width:50%;}
.ulList {margin-bottom:1rem;}
.ulList li {width: 100%;margin-bottom:25px;box-shadow: 0 3px 12px rgb(35 110 251 / 16%);border-radius:20px;transition: all 0.3s;background:#fff;padding:20px;display:flex;justify-content:space-between;}
.ulList li:hover {background: #fbce00;box-shadow: none;transition: all 0.3s;cursor:pointer;}
.ulList li i {width:5%;font-size:18px;font-weight:bold; text-align:center;color:#e73a2a;}
.ulList li p {width:90%; text-align:left;}

@media (max-width:767px) {
.news-container .news-desc {overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
.news-container .news-detailbtn {display:none;}
.news-container .news-container .news-img {overflow:hidden;transition:all .3s ease-out;width:35%;}
.news-container .news-item .news-con {width:60%;}
}


@media screen and (max-width:750px) {
#nBanner {margin-top:1.3rem;}
.about {margin:0.73rem auto 0 auto;max-width:7.5rem;min-width:auto;}
.aboutNum {width:auto;margin:0.9rem 0;padding:0;}
.aboutNum dl {width:2.29rem;padding:0.2rem 0 0.76rem;}
.aboutNum dl dd {line-height:initial;}
.aboutNum dl dd:first-of-type {font-size:0.33rem;padding-bottom:0rem;}
.aboutNum dl dd:last-of-type {font-size:0.25rem;}
.aboutNum dl dd span {font-size:0.35rem;}
.aboutNav {display:none;}
.aboutQy {padding:0 0.31rem;width:auto;}
.aboutQy .aboutTit {line-height:1.7rem;font-size:0.37rem;padding-top:0.28rem;box-sizing:border-box;}
.aboutQy .aboutImg {margin:0.48rem 0 0.5rem;width:100%;height:auto;}
.aboutW {justify-content:initial;align-items:initial;}
.aboutW .aboutTis{font-size:0.25rem;color:#666;height:0.5rem;line-height:0.5rem;}
.aboutW .aboutTim {width:33.3%;height:auto;}
.aboutW .aboutTim .aboutTimm {justify-content:flex-start;padding-top:0.39rem;}
.aboutW .aboutTim .aboutTimm img {width:0.74rem;height:0.74rem;}
.aboutW .aboutTim:nth-child(1) {padding-left:0.61rem;}
.aboutW .aboutTim:nth-child(2) {padding-left:1.03rem;}
.aboutW .aboutTim .aboutTimm p {height:auto;}
.aboutY {width:auto;padding:0 0.27rem;}
.aboutY .aboutTit {height:0.5rem;font-size:0.37rem;margin-bottom:0.15rem;line-height:0.5rem;margin-top:0.9rem;}
.aboutTis {font-size:0.25rem;color:#666;height:0.5rem;line-height:0.5rem;margin-bottom:0.9rem;}
.aboutY dl {width:48%;padding:0.27rem 0.3rem 0.2rem 0.19rem;justify-content:flex-start;height:4.8rem;}
.aboutY dl dt {display:flex;flex-wrap:initial;margin-top:0.1rem;}
.aboutY dl dt img {width:0.5rem;height:0.51rem;}
.aboutY dl dt h3 {font-size:0.29rem;white-space:nowrap;}
.aboutY dl dt h3 span {font-size:0.21rem;}
.aboutY dl dd {align-items:flex-start;line-height:0.36rem;}
.aboutY dl dd p {width:1.2rem;margin-bottom:0.2rem;}
.aboutH {width:auto;margin:0;padding:0.96rem 0.28rem 0 0.25rem;display:block;height:auto;max-width:7.5rem;min-width:auto;margin:0 auto;}
.aboutH .ydd {margin:0 auto;}
.aboutH .aboutTit {height:0.4rem;text-align:center;margin-bottom:0.2rem;flex-direction:row;justify-content:center;}
.aboutH .con {font-size:0.25rem;font-weight:300;color:#666;text-align:center;width:100%;padding-bottom:0.9rem;height:auto;}
.hzWrap li {width:45%;}
.hzWrap li:nth-of-type(3n - 1) {margin:0 0.23rem;}
.zlswiperbut {display:block;}
.caseList {width:auto;padding-left:30px;padding-right:30px;}
.fanBox {width:auto;padding:15px;}
.sitePath {padding:0 15px;} 
.fanBox ul li .serve_nr .serve_title{width:100%;text-align:center;padding-bottom:10px;margin-top:0;font-size:20px;}
.fanBox ul li .serve_nr .serve_title::after{left:50%;transform:translate(-50%,0);width:26px;}
.fanBox ul li .serve_nr .serve_content {width:100%;}
.fanBox ul li .serve_nr .serve_content .title{text-align:center;}
.fanBox ul li .serve_nr{padding:16px 3.2%;}
.fanBox ul li .serve_nr .serve_content .abstract{line-height:24px;-webkit-line-clamp:3;margin-top:10px;font-size:12px;line-height:22px;}
.fanBox ul li:hover .shade a{margin-top:50px;}
.fanBox ul li .serve_nr .serve_content .title .cn{font-size:16px;}
.fanBox ul li .serve_nr .serve_content .title .en{font-size:12px;}
.fanBox ul li .serve_nr .serve_content .abstract_list b{font-size:12px;margin-top:8px;}

.mainW {width:100%;margin:1rem auto 0;padding:0 15px;}
.aboutImg {width:100%;height:auto;}
.aboutImg img {width:100%;height:auto;}
.mainBox,.zbkList li{width:100%;padding:15px;}
.fbList,.zbList,.tpList,.twList,.wgList,.rcList,.wgzList,.wgpList,.kfaBox,.faList,.faInfo,.faAbout,.faParam dl,.faParam,.zbpList,.zbkList,.tpbList,.ysList ul,.yspList,.mWrap,.newsList ul li,.tpsList,.fbpList{flex-wrap:wrap;}
.fbList li,.twList dl,.kfaBox dl,.faList,.faInfo,.faAbout,.faParam dt,.faParam dd,.faParam dl,.faDz,.mainBox,.mWrap,.newsImg,.newsInfo,.wxList dl,.fbpList li{width:100%;}
.zbList li,.tpList dl,.rcList dl,.zbpList li,.tpbList dl,.ysList ul li,.tpsList dl{width:48%;}
.twList dd {min-height:auto;}
.wgList dd,.wgTxt,.wgwList .wgTxt{padding:20px;}
.wgTxt {flex-basis: 100%;}
.kfaList img {display:none;}
.kfaList,.kfaBox dl {height:auto;}
.kfaBox { position:static;}
.faDz {margin-top:8%;}
.faInfo {padding:20px;}
.faDz a {width:100%;}
.zbpList li {height:auto;}
.appCase {width:100%;}
.ysList ul li {margin-bottom: 0.3rem;}
.yspList dl {width:22%;}
.yspList dd {display:none;}
.moTxt .txtP {display:none;}
.moTxt .txtB {text-align:left;font-size:20px;padding-left:30px;}
.pageF {padding:30px;margin-top:0;margin-bottom:0;}
.tpbList dt {font-size:18px;}
.tpbList dd {font-size:14px;}
#fBox {right:10px;}
.aboutJ {font-size:0.28rem;}
.zbpList li H3 {font-size:22px;}
.zbpList li p {font-size:15px;}
.zbkList li H3 {font-size:22px;}
.zbkList li p {font-size:15px;}
.fbTit p {font-size:0.26rem;}
.wgTxt h2 {font-size:18px;}
.wgImg img {height:auto;}
.wgwList {margin:0 auto 20px;}
.kfaBox dt {margin-left:0;font-size:20px;}
.ulList li i {width:25%}
.ulList li p {width:75%}
}
.fadeinup {animation-duration:2s;animation-name:fadeInUp;}
@keyframes fadeinup {0% {opacity:0;transform:translate3d(0, 100%, 0);}100% {opacity:1;transform:none;}}
@media screen and (max-width:880px){
.sideBar {display:none;}
.newsList ul li {box-shadow:0 2px 20px rgba(0, 0, 0, 0.08);}
.reLink{height:auto;line-height:20px;margin-top:20px;padding-top:5px;padding-bottom:5px;}
.reLink .prevLink,.reLink .nextLink{ float:none;display:block;padding-top:5px;padding-bottom:5px;text-align:left;}
.pageF a:before {font-size:14px;left:-5px;}
.pageF a.page-prev,.pageF a.page-next {position:relative;width:100px;height:36px;line-height:36px;}
.pageF a.page-prev {float:left;}
.pageF a.page-next {float:right;}
.pageF a.page-next:before {left:87px;}
.pageF a.caseMore {display:block;width:auto;margin:55px 0 0;}
.pageF a.caseMore:hover {display:block;}
}