@charset "utf-8";
/*header*/

header{height:1.25rem;overflow:hidden;display: flex;justify-content:space-between;align-items: center;padding:1rem;position: absolute;left:0;top:0;right:0;position: fixed;top:0;left:0;right:0;transition: all .3s ease;z-index: 3;background:#fff;}
header.fixedHeader{background: #fff;-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease;z-index: 9;}
header .logo{width:7.675rem; height:1.25rem;padding: 0;}
header .logo img{width:100%;}
header .nav{width:1.175rem;height:1rem;position: relative;}
header .nav span{display:block;background:#595757;width:1.175rem;height:2px;position:absolute;right:0;transition:all ease 0.35s}
header .nav span:nth-of-type(1){top:0.0rem}
header .nav span:nth-of-type(2){top:0.425rem}
header .nav span:nth-of-type(3){top:0.9rem}
header .nav_cross span:nth-of-type(1){top:0.25rem;transform:rotate(45deg)}
header .nav_cross span:nth-of-type(2){width:0}
header .nav_cross span:nth-of-type(3){top:0.25rem;transform:rotate(-45deg)}
.nav-links{position:fixed;z-index:9;background:rgb(255,255,255);width:100%;min-height:100%;top:3.25rem;bottom:0;right:-95rem;overflow-x:hidden;transition:right ease 0.35s;display: flex;align-items: center;justify-content: center;}
.nav-links nav{margin-top:-3rem;}
.nav_show{right:0px;}
.nav-links a{display: block;line-height:3;font-size: 0.85rem;text-align: center;margin-bottom: 1rem;}
footer{padding:2.5rem 1rem 0;}
footer .address{margin: 0 auto;overflow: hidden;position: relative;color:#231815;line-height: 2.2;font-size:0.6rem;}
footer .address a{color:#231815;}
footer .cpy{text-align: left;font-size:0.5rem;line-height:1.8;padding:1.25rem 0 1.5rem;color:#898989;}
footer .cpy a{color:#898989;}
/*首页*/
.bannerSwiper{width:100%;height:30.425rem; }
.swiper-home {width: 100%;height: 100%; background: #fff;}
.swiper-home .swiper-slide {-webkit-box-sizing: border-box;box-sizing: border-box;}
.swiper-home .swiper-slide img{width:100%;}
.swiper-home .swiper-scrollbar-home{opacity: 1!important;}
.swiper-home.swiper-container-horizontal>.swiper-scrollbar{width:100%;left:0;bottom:0;background: rgb(239,239,239);}
.swiper-home.swiper-container-horizontal .swiper-scrollbar-drag{background:#231815;border-radius: 0px;}
.serviceSection{margin:2rem 1rem .5rem;}
.serviceSection dl dt{font-size:.85rem;line-height: 1.5;color:#231815;}
.serviceSection dl dd{font-size:.65rem;line-height: 2;color:#595757;margin: 1.25rem 0 3rem;text-align:justify}
.serviceCates ul {display: flex;flex-wrap: wrap;}
.serviceCates ul li{width:33.3%;display: flex;flex-direction:column;align-items: center;margin-bottom: 1.5rem;text-align: center;}
.serviceCates ul li .iconfont{font-size: 1.2rem;color:#b7b7b8;transition: all 0.3s}
.serviceCates ul li span{color:#595757;font-size: .6rem;display: block;line-height:1;margin-top:.6rem;}
/*首页--案例*/
.caseSwiperSection{margin-top:2.25rem;position: relative;z-index: 3;}
.swiper-case{padding-top:1.5rem;margin:0;}
.swiper-case .swiper-slide img{display: block;width:100%;margin-bottom: .5rem;}
.swiper-case .loadMoreCase{font-size: .55rem;color:#b5b5b6;display: block;margin:1rem 0 0 1rem;}
.swiper-pagination-case .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#231815;}
.swiper-pagination-case .swiper-pagination-bullet{width:3.15rem;height: 1rem;line-height: 1rem;font-size: .70rem;border-radius:0;background: none;margin-right:.5rem;font-weight: bold;vertical-align: middle;text-align: center;position: relative;opacity: 1;color:#595757;white-space: nowrap;outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-focus-ring-color: rgba(0, 0, 0, 0);}
.swiper-case.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;display: flex;justify-content: space-between;align-items: center; width: 3.5rem; margin-right: .5rem;}
.swiper-pagination-case .swiper-pagination-bullet:after{content:"";width:0;height:0.5rem;border:1px solid #595757;display:block;color:#595757;}
.swiper-pagination-case .swiper-pagination-bullet:last-child:after{display: none;}
.swiper-container-horizontal>.swiper-pagination-case.swiper-pagination-bullets{position:absolute;top:0;bottom: auto;left:1rem;width:auto;display: flex;}
.caseSwiperSection .slideSubCate{position: absolute;right:1rem;top:-.2rem;}
.caseSwiperSection .slideSubCate .iconfont{color:#231815;font-size: 1rem}
.caseSwiperSection .swiper-wrapper.htAuto{height:auto!important;}
/*首页--动态*/
.newsSwiperSection{margin-top:2.25rem;position: relative;z-index: 1;}
.swiper-news{padding-top:1.5rem;margin:0 1rem;}
.swiper-news .swiper-slide .hotNews .newsImg img{width:100%;}
.swiper-news .swiper-slide .hotNews .title{font-size: .75rem;color:#231815;line-height: 1.5;margin:.55rem 0;font-weight: normal;}
.swiper-news .swiper-slide .hotNews .title a{color:#231815;}
.swiper-news .swiper-slide .hotNews .summary{line-height: 1.8;font-size: .6rem;color:#595757;text-align:justify}
.swiper-news .swiper-slide .newsList{margin:1rem 0;}
.swiper-news .swiper-slide .newsList li{font-size: .65rem;color:#595757;line-height: 2.2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.swiper-news .swiper-slide .newsList li a{color:#595757;}
.swiper-news .swiper-slide .more{font-size: .55rem;color:#898989;}
.swiper-pagination-news .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#231815;}
.swiper-pagination-news .swiper-pagination-bullet{width:3.5rem;height: 1rem;line-height: 1rem;font-size: .70rem;border-radius:0;background: none;margin-right:.5rem;font-weight: bold;vertical-align: middle;text-align: center;position: relative;opacity: 1;color:#595757;white-space: nowrap;outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-focus-ring-color: rgba(0, 0, 0, 0);}
.swiper-news.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0;display: flex;justify-content: space-between; align-items: center;width: 3.5rem;margin-right: .5rem;}
.swiper-pagination-news .swiper-pagination-bullet:after{content:"";width:0;height:0.5rem;border:1px solid #595757;display:block;color:#595757;}
.swiper-pagination-news .swiper-pagination-bullet:last-child:after{display: none;}
.swiper-container-horizontal>.swiper-pagination-news.swiper-pagination-bullets{position:absolute;top:0;left:0;bottom: auto;width:auto;display: flex;}

/*首页--服务客户*/
.customersSection{margin:2.25rem 1rem;}
.customersSection h3{font-size: .75rem;font-weight: bold;color:#595757;margin-bottom: 1rem;color:#231815;}
.customersSection ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 1rem}
.customersSection ul li{width:45%;font-size: .65rem;line-height: 2.2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#595757;}
.customersSection .slideDown,.customersSection .slideUp{font-size: .5rem;color:#595757;}
.customersSection .slideUp{display: none;}
/*页面banner*/
.subBanner{margin:.5rem 1rem 0;}
.subBanner img{width:100%;}
/*关于*/
.aboutContainer{margin:0 1rem;padding:.5rem 0;}
.aboutBrand h4{font-size: .75rem;line-height: 1.5;color:#231815;margin-bottom: 1.1rem;margin-top:1rem;font-weight: 600;}
.aboutBrand p{font-size: 0.65rem;line-height: 2;color:#595757;text-align:justify}
.aboutImg{margin:1rem 0;width:100%;}
.aboutInt dt{font-size: 0.65rem;color:#231815;margin-top:1.6rem;font-weight: bold;}
.aboutInt dd{font-size: 0.65rem;color:#595757;line-height:2;margin-top:1.2rem;text-align:justify}
.cultureSection {margin:4rem 0 0;}
.cultureSection ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.cultureSection ul li {width:45%;font-size: .55rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 1rem;}
.cultureSection ul li .t{color:#231815;font-size:.65rem;line-height:1.5;margin:0.5rem 0 0.5rem;font-weight: bold;}
.cultureSection ul li .t:after{content:">";display: block;}
.cultureSection ul li p{color:#595757;font-size:.6rem;line-height:2}
.cultureSection ul li .tico{font-size: 2rem;color:#f3c91f;}
/*动态*/
.newsContainer{margin:0 1rem;padding:.5rem 0;}
.newsContainer .menu{display: flex;padding:.8rem 0;align-items: center;margin-left: -0.5rem;}
.newsContainer .menu a{font-size: .70rem;font-weight: bold;padding:0 .5rem;color: #595757;}
.newsContainer .menu span.line{width:0;height:0.5rem;border:1px solid #595757;display:inline-block;color:#595757;}
.newsContainer .menu a.on{color:#231815;}
.newsContainer .newsList{margin:.5rem 0 2rem;}
.newsContainer .newsList li {margin-bottom: 1.5rem;margin-top:.5rem;}
.newsContainer .newsList li .previewImg{width: 100%;height: 9.65rem;display: block;}
.newsContainer .newsList li .title{font-size: 0.75rem;color:#231815;font-weight:bold;line-height: 1.2;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;padding:0.75rem 0 .25rem;}
.newsContainer .newsList li .publishtime{font-size: 0.55rem;color:#898989;line-height: 1;padding:0.25rem 0 0.5rem;}
.newsContainer .newsList li .summary{font-size: 0.6rem;color:#595757;line-height: 2;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin:.75rem 0 .5rem;}
.newsContainer .newsList li .more{text-decoration: underline;color:#898989;font-size: .55rem;}
.newsContainer article{padding:1rem 0;}
.newsContainer article h1{font-size:0.75rem;font-weight: bold;text-align: center;line-height: 1.2;color:#231815;margin:0 1rem .45rem;}
.newsContainer article .sdate{font-size: 0.55rem;text-align: center;color:#898989;}
.newsContainer article .newsContent{font-size:0.65rem;line-height: 2;color:#595757;padding-top:1rem;text-align:justify;}
.newsContainer aside{margin:1.0rem 0 0;}
.newsRelate{display: flex;justify-content: space-between;}
.newsRelate li {width:7.5rem;}
.newsRelate li a.prev,.newsRelate li a.next{font-size: 0.6rem;color:#595757;margin-bottom: .5rem;display: inline-block;font-weight: bold;}
.newsRelate li .newsImg{height:4.5rem;overflow: hidden; }
.newsRelate li .newsImg img{width:100%;}
/*案例*/
.caseContainer{margin:0 1rem;padding:.5rem 0;position: relative;}
.caseContainer .caseMenuBox{display: flex; justify-content: space-between; align-items: center;margin:.8rem 0;}
.caseContainer .menu{display: flex;margin:0 1rem;align-items: center;margin-left: -0.5rem;font-weight: bold;}
.caseContainer .menu a{font-size: .70rem;padding:0 .5rem;color:#595757;}
.caseContainer .menu span.line{width:0;height:0.5rem;border:1px solid #595757;display:inline-block;color:#595757;}
.caseContainer .menu a.on{color:#231815;}
.caseContainer .slideSubCate .iconfont{color:#231815;font-size: 1rem}

.caseContainer .caseList{width: auto;margin-left:-1rem;margin-right:-1rem;}
.caseContainer .caseList li{width:100%;margin-bottom: .5rem;}
.caseContainer .caseList li img{width:100%;}
.caseContainer .loadMoreCase{display:block;color:#595757;font-size: .55rem;}
.caseDetsContainer{margin:0 1rem;padding:.5rem 0;}
.caseDetsContainer article{padding:1rem 0;}
.caseDetsContainer article h1{font-size:0.75rem;font-weight: bold;text-align: center;line-height: 1.2;color:#3e3a39;margin:0 1rem .45rem;}
.caseDetsContainer article .caseCate{font-size: 0.55rem;text-align: center;color:#3e3a39;}
.caseDetsContainer article .caseContent{font-size:0.65rem;line-height: 2;color:#595757;padding-top:1rem;}
.caseDetsContainer article .caseGallary{margin:1rem -1rem;}
.caseDetsContainer aside{margin:1.0rem 0 0;}
.caseRelate{display: flex;justify-content: space-between;}
.caseRelate li {width:7.5rem;}
.caseRelate li a.prev,.caseRelate li a.next{font-size: 0.6rem;color:#595757;margin-bottom: .5rem;display: inline-block;font-weight: bold;}
.caseRelate li .caseImg{height:4.5rem;overflow: hidden; }
.caseRelate li .caseImg img{width:100%;}
/*联系我们*/
.contactContainer{margin:0 1rem;}
.cooperateInf dt{font-size: 0.65rem;color:#231815;margin-top:1.8rem;font-weight: bold;}
.cooperateInf dd{font-size: 0.65rem;color:#595757;line-height:2;margin-top:.75rem;text-align:justify;}
.contactContainer .msgForm{margin:0 auto;padding-top:3.0rem;}
.contactContainer .msgForm .msgTb li{margin-bottom:1.1rem;border:0;border-bottom:1px solid #dfdfdf;font-size:.6rem;padding-left:.5rem;position: relative;}
.contactContainer .msgForm .msgTb li:before{content:"|";position:absolute;left:0;top:.25rem;color:#dfdfdf;}
.contactContainer .msgForm .msgTb li input{display: block;border:0;height:1.5rem;line-height:1.5rem;}
.contactContainer .msgForm .msgTb li input,.contactContainer .msgForm .msgTb li textarea{outline: none;background: transparent;}
.contactContainer .msgForm .msgTb li textarea{height: 4.5rem;line-height:1.5rem;display: block;width:100%;border:0px;}
.contactContainer .msgForm .msgTb li .subBtn{width:3.7rem;height:1.5rem;line-height:1.5rem;border:1px solid #dfdfdf;font-size:.55rem;color:#9fa0a0;background-color: #fff;display: block;margin:1.5rem auto 0;}
.contactContainer .msgForm .msgTb li:last-child{border-bottom: 0px;padding:0;}
.contactContainer .msgForm .msgTb li:last-child:before{display: none;}
.contactUsMap{margin:2.5rem 0 0;}
.contactUsMap img{width:100%;}
.msgContent {margin-top:2.25rem;}
.msgContent ul{border-bottom: 1px solid #dfdfdf;}
.msgContent ul li{display: flex;flex-direction: column;padding:0.8rem 1rem;align-items: center;border: 1px solid #dfdfdf;border-bottom: 0px;}
.msgContent ul li .usrBox{display: flex;flex-direction: row;justify-content: space-between;width: 100%;align-items: center;}
.msgContent ul li .usrBox .usrPhoto,.msgContent ul li .usrBox .usrPhoto img{width:1rem;height: 1rem;border-radius: 1rem;overflow: hidden;}
.msgContent ul li .usrBox .usrPhoto{background:#f3c91f;margin-right: .55rem;}
.msgContent ul li .usrBox .usrPhoto img{vertical-align: middle;}
.msgContent ul li .usrBox .usrInf,.msgContent ul li .usrBox .date{font-size: 0.55rem;font-weight: bold;color:#7d7d7d;}
.msgContent ul li .usrBox .date:before{content:"Date.";display: inline;}
.msgContent ul li .usrBox .usrInf{flex:1;}
.msgContent ul li .usrBox .usrInf .name{padding-right:.2rem;}
.msgContent ul li .usrBox .usrInf .mobile{padding-left:.2rem;}
.msgContent ul li .msgBox{color:#231815;line-height: 1.8;font-size: 0.6rem;margin-top:.5rem;}
.msgSummaryBox{position: fixed;width: 100%;top:3.5rem;bottom: 0;width:100%;background: #fff;z-index: 10;}
.msgSummaryBox .msgReply{margin:1rem;display: flex;flex-direction: column;padding:0.8rem 1rem;align-items: center;border: 1px solid #dfdfdf;height: calc(100% - 5rem);overflow: auto;}
.msgReply .usrBox{display: flex;flex-direction: row;justify-content: space-between;width: 100%}
.msgReply .usrBox .usrPhoto,.msgReply .usrBox .usrPhoto img{width:1rem;height: 1rem;border-radius: 1rem;overflow: hidden;}
.msgReply .usrBox .usrPhoto{background:#f3c91f;margin-right: .55rem;}
.msgReply .usrBox .usrPhoto img{vertical-align: middle;}
.msgReply .usrBox .usrInf,.msgReply .usrBox .date{font-size: 0.5rem;font-weight: bold;color:#7d7d7d;}
.msgReply .usrBox .date:before{content:"Date.";display: inline;}
.msgReply .usrBox .usrInf{flex:1;}
.msgReply .usrBox .usrInf .name{padding-right:.2rem;}
.msgReply .usrBox .usrInf .mobile{padding-left:.2rem;}
.msgReply .msgQuestion{color:#231815;line-height: 1.8;font-size: 0.6rem;margin-top:.5rem;}
.msgReply .msgAnswer{color:#231815;line-height: 1.8;font-size: 0.6rem;margin-top:.8rem;border-top: 1px solid #dfdfdf;padding-top:.8rem;}
.msgSummaryBox {display: none;}
.msgSummaryBox .close{position: absolute;right:1rem;top:1rem;}
.msgSummaryBox .close .iconfont{font-size: 1rem;}

/*右侧悬浮菜单*/
.subMenuBar{position: fixed;width:3.5rem;top:0rem;bottom: 0;background: #fff;right:-10rem;transition: all 0.3s;border-left:1px solid #ddd;padding:0 1rem;z-index: 9;}
.fixedBody .subMenuBar{top:3.25rem;}
.android .subMenuBar{bottom: 3rem;}
.subMenuContent{position: absolute;top:0;bottom: 0;height: 100%;width: 100%;overflow-y: auto;}
.subMenuBar.subMenuShow{right: 0;}
.subMenuBar .closeSubMenu{text-align: center;background: #fff;border-right:1px solid #fff;}
.subMenuBar .closeSubMenu .iconfont{font-size: 1.4rem;margin-left:.7rem;margin-top:.5rem;margin-bottom:.5rem;color:#231815;display: inline-block;}
.subMenuBar .mLevel{text-align:left;line-height: 2;font-weight: bold;font-size: .7rem; line-height:1.2;padding: .5rem 0;margin-top:.25rem;}
.subMenuBar .mLevel a{color:#231815;}
.subMenuBar .sLevel{display: flex;flex-direction: column;line-height: 1.2;}
.subMenuBar .sLevel a{font-size: .65rem;color:#595757;display: block;padding: .8rem 0;}
body.android footer{padding-bottom: 3rem;}

.caseContainer .slideSubCate.fixedSubCate{position:fixed;right:1rem;top:4.25rem;z-index:1;}