* {font-family: "Microsoft Yahei", "SimSun";margin: 0;padding: 0;outline: none;list-style: none;}
body {color: #555;background-color: #fff;}
a {color: #555;text-decoration: none;}
.white, .white a{color: #fff;}

.o{overflow: hidden;}
.fl{float:left !important}
.fr{float:right !important}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.flex {display: flex;}
.flex_1 {flex: 1;}
.jcc{justify-content: center;}
.img{display: block;margin: 0;padding: 0;width: 100%;height: auto;}
.hide{display: none;}

.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.mt20{margin-top: 20px;}
.bgGray{background-color: #f6f6f6;}

.pagination{text-align: center;margin: 20px 0 40px;clear: both;}
.pagination li{display: inline-block;border: 1px solid #ddd;font-size: 0;background-color: #f4f4f5;margin: 0 2px;width: 30px;height: 30px;text-align: center;line-height: 30px;}
.pagination li a{color: #666;}
.pagination li.active{background-color: #263768;color: #fff;}
.pagination li a, .pagination li span{font-size: 16px;}

.wrap {width: 1460px;margin: 0 auto;}

.top {background: url(../images/top-bg.png) no-repeat top center;height: 37px;color: #fff;line-height: 37px;}
.top .wrap, .header .wrap, .nav-box{width: 1220px;}
.top .icon{display: inline-block;font-size: 0;width: 20px;height: 20px;background: url(../images/icon/map.png) no-repeat center center;margin: 8px 4px 0 0;}
.top .icon.icon-task{background-image: url(../images/icon/task.png);}
.top .icon.icon-tel{background-image: url(../images/icon/tel.png);}
.top .mrl{margin: 0 40px;}
.change-map-btn{cursor: pointer;}

.header{height: 80px;border-bottom: 1px solid #edecec;}
.header .wrap{height: 80px;align-items: center;}
.site-logo {width: 230px;height: 56px;background: url(../images/logo.png) no-repeat;}
.tel-24h{text-align: right;color: #205095;}
.icon-24h{background: url(../images/icon/24hour.png) no-repeat;width: 40px;height: 40px;margin-right: 10px;}
.search-box{border: 1px solid #205095;width: 535px;height: 38px;box-sizing: border-box;}
.search-box span{color: #999;line-height: 36px;padding: 0 10px;font-size: 14px;}
.search-box select, .search-box input{border: none;}
.search-box select{margin-left: 10px;}
.search-box a{background-color: #205095;color: #fff;text-align: center;line-height: 36px;width: 118px;}

.nav-box{font-weight: bold;}
.nav li{height: 70px;width: 90px;margin: 0 15px;text-align: center;position: relative;z-index: 999;}
.nav li > a{display: block;height: 70px;line-height: 70px;}
.nav li.curr a{color: #205095;}
.nav li ._child{display: none;position: absolute;top: 70px;left: 0;width: 100%;}
.nav li ._child a{display: block;text-align: center;color: #fff;font-weight: normal;line-height: 40px;background-color: #373737;transition: all .5s;}
.nav li ._child a:hover{background-color: #fff;color: #333;}
.other a{display: block;height: 70px;line-height: 70px;background: url(../images/icon/house.png) no-repeat center left;padding-left: 25px;margin-left: 20px;}
.other a.icon-site{background-image: url(../images/icon/site.png);}

.layui-layer-bgNone{background: none !important;border-radius: 6px !important;} 
#chooseCityTpl{display: none;}
.choose-city-warp{width: 500px;height: 380px;padding: 10px;background-color: rgba(0,0,0,0.5);border-radius: 5px;z-index: 19930204;box-sizing: border-box;}
.choose-city{background: #fff;width: 100%;height: 100%;padding: 15px;box-sizing: border-box;}
.choose-city-title{width: 100%;height: 40px;display: flex;display: -webkit-flex;display: -ms-flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end;}
.choose-city-title h3{font-size: 20px;color: #373737;}
.choose-city-title ul{display: flex;display: -webkit-flex;display: -ms-flex;}
.choose-city-title ul li{font-size: 15px;color: #373737;margin: 0 5px;}
.choose-city-title ul li:hover{color: #00ae67;}
.choose-city-list{width: 100%;height: auto;display: -webkit-flex;display: -ms-flex;-ms-flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding: 10px 0;}
.choose-city-list li{width: 50%;height: 35px;line-height: 35px;}
.choose-city-list li{font-size: 15px;}
.choose-city-list li span{color: #666;margin-right: 10px;}
.choose-city-list li a{margin: 0 5px;color: #373737;}
.choose-city-list li a:hover{color: #00ae67;}

.footer{background-color: #213f6b;padding-top: 60px;}
.footer .gray, .footer .gray a{color: #b2b9c4;}
.footer-nav, .contact-us{border-right: 1px solid #38537a;}
.contact-us{padding: 0 40px;}
.footer .content-box{border-bottom: 1px solid #38537a;}
.footer .footer-nav dt a{color: #fff;}
.footer-nav{padding-right: 50px;}
.footer-nav dl{width: 120px;padding-bottom: 30px;text-align: center;}
.footer-nav dt{margin-bottom: 10px;}
.footer-nav dd{line-height: 2;}
.contact-us h2{font-size: 18px;font-weight: normal;letter-spacing: 3px;position: relative;margin-bottom: 20px;}
.contact-us h2::after{content: "";width: 52px;height: 1px;background-color: #909fb5;position: absolute;top: 35px;left: 0;}
.contact-us p{margin-bottom: 40px;}
.contact-us p.tel{font-family: Arial, Helvetica, sans-serif;font-size: 40px;}
.contact-us img{margin-top: 40px;}
.wechat-box{text-align: center;padding-left: 40px;}
.wechat-box p{padding-top: 10px;}
.copy{font-size: 12px;line-height: 50px;}
.copy span, .copy a{padding-right: 20px;}

.indexBanner{height: 596px;}
.indexBanner .swiper-slide{background-repeat: no-repeat;background-position: top center;}

.guestBox{margin: 30px auto;}
.guestItem{width: 248px;height: 153px;margin: 0 7px;background-color: #f6f6f6;border-radius: 10px;box-sizing: border-box;transition: all .5s ease-in-out;display: flex;align-items: center;cursor: pointer;}
.guestItem .box{position: relative;}
.guestItem.curr{width: 408px;background: transparent url(../images/guest/bg1.png) no-repeat 0 0;}
.guestItem.curr.guestBg2{background-image: url(../images/guest/bg2.png);}
.guestItem.curr.guestBg3{background-image: url(../images/guest/bg3.png);}
.guestItem.curr.guestBg4{background-image: url(../images/guest/bg4.png);}
.guestItem.curr.guestBg5{background-image: url(../images/guest/bg5.png);}
.guestItem .icon{width: 60px;height: 60px;background: url(../images/guest/1.png) no-repeat center center;position: absolute;top: 50%;left: 50%;margin: -30px 0 0 -10px;display: block;}
.guestItem .icon.icon-3{background-image: url(../images/guest/2.png);}
.guestItem .icon.icon-3{background-image: url(../images/guest/3.png);}
.guestItem .icon.icon-4{background-image: url(../images/guest/4.png);}
.guestItem .icon.icon-5{background-image: url(../images/guest/5.png);}
.guestItem.curr .icon{display: none;}
.guestItem .desc{color: #fff;padding-left: 30px;opacity: 0;transition: opacity .1s ease-in;transition-delay: .2s;position: relative;}
.guestItem.curr .desc{opacity: 1;}
.guestItem .text{width: 136px;height: 100%;justify-content: center;display: flex;align-items: center;padding-left: 10px;box-sizing: border-box;}
.guestItem.curr .text{background: url(../images/guest/m1.png) no-repeat 0 0;}
.guestItem.curr.guestBg2 .text{background-image: url(../images/guest/m2.png);}
.guestItem.curr.guestBg3 .text{background-image: url(../images/guest/m3.png);}
.guestItem.curr.guestBg4 .text{background-image: url(../images/guest/m4.png);}
.guestItem.curr.guestBg5 .text{background-image: url(../images/guest/m5.png);}
.guestItem.curr .text{color: #fff;}
.guestItem h2{font-size: 18px;}
.guestItem p{font-size: 14px;margin-top: 7px;}

.guestForm{box-sizing: border-box;padding: 0 7px;color: #205095;}
.guestForm .fl{width: 1025px;height: 467px;}
.guestForm .fr{background-color: #f6f6f6;border-radius: 10px;width: 360px;height: 467px;box-sizing: border-box;padding: 40px 50px 0;text-align: center;text-align: center;}
.guestForm .fr h2{font-size: 20px;font-weight: normal;}
.guestForm .fr .tab{margin-top: 40px;}
.guestForm .fr .tab li{width: 126px;height: 43px;line-height: 43px;font-size: 20px;font-weight: bold;cursor: pointer;}
.guestForm .fr .tab li.curr{background-color: #205095;color: #fff;border-radius: 43px;}
.guestForm .formItem{margin-top: 20px;padding: 0 15px;background-color: #fff;line-height: 41px;color: #999;font-size: 12px;}
.guestForm .formBtns{margin-top: 30px;}
.guestForm .formItem select, .guestForm .formItem input{background-color: transparent;border: none;height: 41px;}
.guestForm .icon-service, .guestForm .icon-tel{color: #205095;font-size: 12px;height: 42px;background: #fbd843 url(../images/icon/guest-tel.png) no-repeat 10px center;line-height: 42px;text-align: left;padding-left: 30px;}
.guestForm .icon-tel{margin-left: 10px;background-image: url(../images/icon/guest-mobile.png);}
.guestForm .tips{font-size: 12px;color: #999;margin-top: 10px;}

.circle{position: absolute;left: -200px;top: -200px;width: 550px;height: 460px;background: url(../images/circle1.png) no-repeat;z-index: 1;transition: all .5s ease;}
.caseBox{background: url(../images/caseBg1.jpg) no-repeat center bottom;height: 1000px;margin-top: 50px;position: relative;width: 100%;}
.caseBox.caseBg1{background-image: url(../images/caseBg1.jpg);}
.caseBox.caseBg3{background-image: url(../images/caseBg2.jpg);}
.caseBox.caseBg2{background-image: url(../images/caseBg3.jpg);}
.caseBox .wrap{position: relative;}
.caseBox .title{background: url(../images/title-case.png) no-repeat;width: 319px;height: 72px;position: absolute;left: 0;top: 60px;z-index: 2;}
.caseBox .styleList{text-align: right;font-size: 24px;padding-top: 125px;}
.caseBox .styleList a{padding-left: 30px;}
.caseBox .caseStyleBox{min-height: 540px;}
.caseBox .caseList{margin-top: 50px;white-space: nowrap;}
.caseBox .caseList li{display: inline-block;margin-right: 20px;}
.caseBox .caseList li img{width: 360px;height: 540px;}
.caseBox .posList{text-align: center;font-size: 24px;line-height: 166px;}
.caseBox .posList a{padding: 0 30px;}

.teamBox{padding: 50px 0;}
.teamBox .title{background: url(../images/title-team.png) no-repeat;width: 339px;height: 78px;}
.teamList{margin-top: 50px;}
.teamList li{float: left;width: 285px;height: 370px;overflow: hidden;background-color: #efefef;text-align: center;display: flex;}
.teamList li .team{display: block;width: 285px;height: 370px;}
.teamList li .team img{display: block;width: 285px;height: 295px;margin: 0;padding: 0;}
.teamList li .team .desc{line-height: 1.75;padding-top: 10px;}
.teamList li .swiper{display: none;width: 595px;height: 370px;overflow: hidden;}
.teamList li .swiper img{width: 595px;height: 370px;}
.teamList li.curr{width: 880px;}
.teamList li.curr .swiper{display: block;}
.teamMore{display: block;width: 150px;height: 40px;border: 1px solid #ddd;text-align: center;line-height: 40px;font-size: 14px;margin: 50px auto 0;}

.hotBox{height: 760px;overflow: hidden;background: url(../images/hotBg.png) no-repeat center top;margin-top: 50px;}
.hotBox .wrap{padding: 80px 0 25px;}
.hotBox .title{background: url(../images/title-hot.png) no-repeat;width: 274px;height: 75px;}
.hotBox .abox a{border: 1px solid #ddd;margin-left: 20px;width: 170px;height: 40px;text-align: center;line-height: 40px;font-size: 14px;}
.hotBox .abox a.btn{border-color: #f8d64f;background-color: #f8d64f;border-radius: 40px;font-size: 18px;font-weight: bold;}
.hotList{position: relative;padding: 0 70px;margin-top: 55px;}
.hostListBox{background-color: #fff;height: 525px;align-items: center;}
.hostListBox .hotImg{width: 310px;text-align: center;}
.swiperBox{background-color: #f0f0f0;height: 525px;padding: 20px;box-sizing: border-box;}
.hotSwiper{width: 925px;line-height: 2;}
.hotSwiper img{width: 100%;height: auto;}
.hotSwiper h2{color: #000;font-size: 18px;}
.hotSwiper p{font-size: 14px;color: #999;}
.hotSwiper h2, .hotSwiper p{padding-left: 20px;}

.serviceBox{padding: 60px 0;background-color: #f6f6f6;}
.serviceBox .title{background: url(../images/title-service.png) no-repeat top center;height: 100px;}
.serviceBox .serviceImgBox{margin: 60px auto 0;text-align: center;}

.banner{height: 410px;background-repeat: no-repeat;background-position: center center;}
.breadcrumb{line-height: 60px;font-size: 14px;}

.caseWrap{width: 1200px;margin: 0 auto 50px;}
.filterBox{background-color: #fff;border: 1px solid #ddd;line-height: 40px;}
.filterBox dt{background-color: #eee;width: 120px;text-align: center;margin-right: 20px;}
.filterBox a{margin: 5px 10px;padding: 0 10px;line-height: 30px;}
.filterBox a.curr{background-color: #205095;color: #fff;}
.caseLists, .teamLists{margin: 30px 0;}
.caseLists li{float: left;margin-right: 21px;margin-bottom: 21px;width: 386px;border: 1px solid #ddd;box-sizing: border-box;}
.caseLists li:nth-child(3n){margin-right: 0;}
.caseLists li img{width: 100%;height: 580px;}
.caseLists li .text{padding: 15px;}
.caseLists li h2, .caseLists li h2 a{color: #000;font-size: 24px;font-weight: normal;}
.caseLists li p{font-size: 12px;color: #999;margin-top: 15px;}
.caseLists li .pre-book{display: block;margin-top: 15px;background-color: #f6f7fa;border: 1px solid #3e4f7f;color: #3e4f7f;width: 125px;height: 32px;text-align: center;line-height: 30px;box-sizing: border-box;font-size: 14px;border-radius: 32px;}

.leftTrimList{width: 100%; background-color: #ffffff;display: flex;flex-direction: column;}
.leftTrimList li{margin: 0 20px;padding: 20px 0;border-bottom: 1px solid #eee;display: flex;flex-direction: column;}
.leftTrimList li:last-child{border-bottom: 0}
.leftTrimList li h3{font-size: 16px;color: #333;font-weight: bold;}
.leftTrimList li a{font-size: 14px;color: #333;margin-top: 10px;background-image: url(https://shj-web.oss-cn-hangzhou.aliyuncs.com/static/pcweb/images/gonglue/right-cate1.png);background-size: 8px 10px;background-repeat: no-repeat;background-position: left;padding-left: 18px;}
.leftTrimList li a:hover {color: #00af64}
.teamLists li{width: 285px;float: left;border: 1px solid #ddd;box-sizing: border-box;margin-right: 20px;margin-bottom: 20px;}
.teamLists li:nth-child(4n){margin-right: 0;}
.teamLists li img{width: 100%;}
.teamLists li h2, .caseLists li h2 a{color: #000;font-size: 20px;font-weight: normal;}
.teamLists li h2 span{color: #999;}
.teamLists li .text{padding: 15px;}
.teamLists li p{font-size: 12px;color: #999;margin-top: 10px;}

.workLists{padding: 40px 0 60px;}
.workLists li{float: left;width: 590px;height: 240px;padding: 20px;background: #fff;transition: all .5s;margin: 0 20px 20px 0;box-sizing: border-box;}
.workLists li:nth-child(2n){margin-right: 0;}
.workLists li:hover{box-shadow: 0 0 20px #d2d0d0;}
.workLists li img{width: 290px;height: 200px;}
.workLists li .text{flex:1;height: 200px;margin-left: 20px;}
.workLists li .text h2{line-height: 30px;}
.workLists li .text h2 span{margin: 0 10px;}
.workLists li .text h5{margin: 10px 0;}
.workLists li .text p{font-size: 14px;display: -moz-box;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 24px;}
.workLists li .text button{width: 190px;height: 40px;border: 1px solid #d1d1d1;font-size: 14px;transition: all .3s;margin-top: 22px;cursor: pointer;}
.workLists li .text button:hover{border-color: #c79e68;color: #c79e68;}

.leftTrim{width: 330px;margin-right: 20px;}
.leftTrim, .rightTrim{background-color: #fff;}
.rightTrim{padding: 20px;}
.trimLists li{margin: 15px 0;}
.trimLists li img{width: 330px;height: 220px;}
.trimLists li .text{flex:1;height: 200px;margin-left: 20px;}
.trimLists li .text h2{line-height: 30px;}
.trimLists li .text h5{margin: 10px 0;color: #999;}
.trimLists li .text p{font-size: 14px;display: -moz-box;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 24px;border-top: 1px solid #c79e68;padding-top: 20px;margin-top: 20px;}
.trimLists li .text button{width: 190px;height: 40px;border: 1px solid #d1d1d1;font-size: 14px;transition: all .3s;margin-top: 22px;cursor: pointer;border-radius: 5px;}
.trimLists li .text button:hover{border-color: #c79e68;color: #c79e68;}

.contentBox{box-sizing: border-box;border: 1px solid #eee;padding: 20px;}
.contentBox .caseTitle{border-bottom: 1px solid #ddd;width: 100%;margin-bottom: 20px;}
.contentBox .caseTitle h2{padding: 0 20px;font-size: 18px;color: #000;border-bottom: 2px solid green;padding-bottom: 15px;display: inline-block;}
.contentBox .caseLists{margin: 0;}
.contentBox .caseLists li {width: 370px;}
.design{border-bottom: 1px solid #ccc;padding-bottom: 20px;align-items: center;}
.design img{border-radius: 100%;width: 60px;height: 60px;margin-right: 30px;}
.design .text{align-items: center;line-height: 1.5;}
.design .text a{margin-left: 40px;width: 100px;background-color: #f90;color: #fff;height: 30px;border-radius: 30px;line-height: 28px;text-align: center;}
.otherBox{line-height: 2;color: #999;justify-content: center;font-size: 14px;}
.otherBox span{color: #f90;}
.otherBox div{margin: 10px;}
.title{font-size: 30px;line-height: 1.5;text-align: center;margin-top: 15px;color: #000;}
.content{line-height: 2;padding: 20px 0;border-top: 1px solid #ccc;margin-top: 20px;}
.content p{padding: 12px 0;text-indent: 2em;}
.content img{max-width: 100%;}
.article-page{justify-content: center;align-items: center;}
.article-page a{border: 1px solid #eee;padding: 5px 10px;margin: 0 10px;}
.designBox{color: #333;line-height: 2;}
.designBox img{width: 300px;height: auto;margin-right: 30px;}
.designBox h2{font-size: 20px;color: #f60;}
.designBox .content{border-top: none;border-bottom: 1px solid #333;margin-bottom: 20px;}

.workInfo{height: 430px;background-color: #fff;box-shadow: 0 0 20px #d2d0d0;}
.workInfo img{width: 700px;height: 430px;}
.workInfo .text{padding: 20px;color: #000;}
.workInfo .text p{margin-top: 20px;line-height: 2;}
.workerList{margin-top: 20px;padding-top: 20px;border-top: 1px solid #000;}
.workerList li{width: 135px;margin: 0 15px 20px 0;float: left;}
.workerList li img{width: 135px;height: 135px;}
.workerList li p{text-align: center;font-size: 14px;line-height: 2;margin-top: 10px;}
.relatedList{margin-top: 50px;}
.relatedList li{box-shadow: 0 0 20px #d2d0d0;background-color: #fff;padding: 30px;}
.relatedList li h2{font-size: 18px;color: #000;border-bottom: 1px solid #000;padding-bottom: 20px;}
.relatedList li .imgs{margin-top: 20px;}
.relatedList li img{width: 135px;height: 135px;display: inline-block;margin: 5px;}
.relatedList li p{line-height: 1.75;font-size: 14px;margin-top: 10px;}