.banner{position: relative;}
.banner .Text{position: absolute;color: #fff;line-height: .3rem;top: 1.5rem;width: 100%;text-align: center;}
.banner .Text p:first-child{font-size:30px}
.banner .Text p:last-child{font-size:18px}
.iHead{margin: 0.5rem auto 0.3rem;text-align: center;position: relative;width: 100%;}
.iHead .title{line-height: .5rem;font-size: .3rem;color: #444444;}
.iHead .en{font-family:"Arial";font-size: 0.14rem;color: #adadad;text-transform: uppercase;line-height: .3rem;}
.iHead a{display: inline-block;padding: 5px 20px;border:1px solid #c6a75f;color: #c6a75f;margin: 10px}
.iHead a:hover,.iHead a.active{background: #c6a75f;color: #fff}

.joinBox ul li{margin-bottom: 20px;}
.joinBox ul li p.title{height: 50px;line-height: 50px;padding-left: 30px;box-sizing: border-box;position: relative;background:#f3f3f3;font-size: 16px;color: #666666;}
.joinBox ul li p.title span{cursor:pointer;position: absolute;width: 24px;height: 24px;background:url(../images/joinIcon.png) right bottom no-repeat;top: calc(50% - 12px);right: 30px;display: block;}
.joinBox ul li p.title:hover,.joinBox ul li.slide p.title{background: #c6a75f;color: #fff;}
.joinBox ul li p.title:hover span{background-position: left bottom;}
.joinBox ul li.slide p.title span{background-position: left top;}
.joinBox ul li .Text{display:none;padding: 0 30px 40px;box-sizing: border-box;box-shadow: 0 3px 7px rgba(0,0,0,0.07);}
.joinBox ul li .row{line-height: 63px;display: flex;justify-content: space-between;color: #333333;font-size: 16px;border-bottom:1px solid #cccccc;margin-bottom: 15px;}
.joinBox ul li .info{line-height: 28px;font-size: 14px;color: #666666;}
.joinBox ul li .info .moreBtn{text-align: left;}
.joinBox ul li .info .moreBtn .more{text-align: center;}

#pages{width:100%;text-align:center;margin: 30px 0 80px;font-size:0;display: flex;justify-content: center;}
#pages a{width:40px;height:40px;display:inline-block;border:1px solid #cccccc;line-height:40px;position:relative;font-size:18px;border-radius:5px;margin: 0 6px;color: #666666;}
#pages a.prev{background:center center no-repeat;background-size:10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b8b8b8'%2F%3E%3C%2Fsvg%3E");}
#pages a.next{background:center center no-repeat;background-size:10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b8b8b8'%2F%3E%3C%2Fsvg%3E");}
#pages a.currentpage,#pages a:hover{color:#fff;background-color:#c6a75f;border:1px solid #c6a75f;}
#pages a.prev:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");}
#pages a.next:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");}

.serviceBox ul{display:flex;flex-wrap:wrap;margin-bottom: 40px;}
.serviceBox ul li{width:50%;margin-bottom:40px;display:flex;}
.serviceBox ul li:nth-child(3),.serviceBox ul li:nth-child(4){flex-direction:row-reverse}
.serviceBox ul li .Text{width:300px;box-sizing: border-box;/* padding: 30px 40px 0 54px; */line-height:220px;}
.serviceBox ul li .Text .con{display:inline-block;vertical-align:middle;line-height:1.5;margin-left: 54px;position:relative}
.serviceBox ul li:nth-child(3) .Text .con,.serviceBox ul li:nth-child(4) .Text .con{margin-left:42px}
.serviceBox ul li .Text p{color:#434343;font-size:18px;padding-left: 40px;}
.serviceBox ul li .Text .en{color:#c6a75f;font-size:18px;padding-left:40px}
.serviceBox ul li .Text .en em{font-style:normal;font-size:58px;color:#e7d2a2;text-transform:uppercase;position:absolute;top: -4px;left:0;line-height: 1;}
.serviceBox ul li .Text dl{margin-top:28px;display:flex;flex-wrap:wrap}
.serviceBox ul li .Text dl dd{width:94px;height:34px;margin-right:18px;border:1px solid #c6a75f;box-sizing:border-box;margin-bottom:16px;float: left;}
.serviceBox ul li .Text dl dd:nth-child(2n){margin-right:0}
.serviceBox ul li .Text dl dd a{display:block;width:100%;height:100%;text-align:center;line-height:34px;font-size:16px;color:#c6a75f}
.serviceBox ul li .Text dl dd:hover a{color:#fff;background:#c6a75f}
.serviceBox ul li .Img{width:300px;height:220px;background-size: cover!important;position:relative;overflow:hidden}
.serviceBox ul li .Img:after{content:"";position:absolute;background:url(../images/serviceBK1.png) top left no-repeat;width:100%;height:100%;top:0;left:0;transform:rotate(180deg);}
/* .serviceBox ul li:nth-child(1) .Img:after,.serviceBox ul li:nth-child(2) .Img:after{transform:rotate(0);} */
/* .serviceBox ul li:nth-child(1):hover .Img:after,.serviceBox ul li:nth-child(2):hover .Img:after{transform:rotate(180deg)} */
.serviceBox ul li:hover .Img:after{transform:rotate(0)}
.serviceBox ul li:hover .Text .en em{color:#c6a75f;}

.partnerBox{}
.partnerBox ul{display:flex;flex-wrap:wrap;}
.partnerBox ul li{width:220px;height:115px;margin-right:25px;box-sizing:border-box;box-shadow:1px 1px 10px 2px rgba(0,0,0,.1);margin-bottom:25px;overflow:hidden}
.partnerBox ul li:nth-child(5n){margin-right:0}
.partnerBox ul li a{display:block;width:100%;height:100%;text-align:center;line-height:115px;}
.partnerBox ul li img{vertical-align:middle;transition:all .3s ease-in-out}
.partnerBox ul li:hover img{transform:scale(1.2)}

.contactBox .map{width:100%;height:430px;border:5px solid #dbdbdb;box-sizing:border-box;margin-bottom:43px;}
.contactBox #maps{position:relative}
.contactBox #maps>p{position:absolute;color:#333333;font-size:16px;padding:10px 25px;background:rgba(255,255,255,.8);top: 41%;left: 40%;border-radius:5px;box-shadow: 0 0 5px 1px rgb(0 0 0 / 20%);line-height:1.5;}
.contactBox ul{display:flex;flex-wrap:wrap;margin-bottom:60px}
.contactBox ul li{width:585px;margin-right:30px;display: flex;line-height:32px;padding-bottom:25px;border-bottom:1px solid #ebebeb;margin-bottom:24px}
.contactBox ul li:nth-child(2n){margin-right:0}
.contactBox ul li span{padding-left:50px;position:relative;font-size:20px;color:#535353;}
.contactBox ul li span i{position:absolute;width:32px;height:32px;background:#ececec center center no-repeat;border-radius:50%;left:0;top:0;z-index: -1;}
.contactBox ul li p{font-size:20px;color:#666666}

.subNav ul{display:flex;margin-top:-22px}
.subNav ul li{width:240px;height:55px;line-height:55px;text-align:center;position:relative;z-index:10;background:#fff;border:1px solid #dedede;border-right:0;box-sizing:border-box}
.subNav ul li a{display:block;width:100%;height:100%;color:#666666;font-size:16px}
.subNav ul li:last-child{border-right:1px solid #dedede}
.subNav ul li:hover,.subNav ul li.active{border-bottom:3px solid #c6a75f;}
.subNav ul li:hover a,.subNav ul li.active a{color:#c6a75f}

.profileBox .profile .info{color:#666666;font-size:16px;line-height:34px}

.slide_container{position: relative;margin-bottom: 70px;}
.slide_container .row{width: 856px;background: url(../images/responseBk3.png) center center repeat-x;margin: 0 auto;height:80px}
.slide_container .swiperBtn{width: 876px;top:23px;position: absolute;left: calc(50% - 438px);height: 30px;z-index: 1;}
.slide_container .prev,.slide_container .next{z-index:100;width: 30px;height: 30px;/* top: 23px; */background: url(../images/responseArrow.png) left top;background-size: 60px 60px;left:10px;bottom: 0;top:auto}
.slide_container .next{background-position: right top;left:auto;right:10px}
.slide_container .next:hover{background-position: right bottom;}
.slide_container .prev:hover{background-position: left bottom;}
.slide_container .row .swiper-container{width: 720px;}
.slide_container .row .swiper-container ul{width:auto;display: flex;}
.button {position: absolute;cursor: pointer;top: 15%;font-size: 40px; color: #333;}
.slide_container {margin: 0 auto;position: relative;overflow: hidden;}
.slide_wrap  {overflow: hidden;width: 720px;margin:0 auto;}
.slide_wrap ul {position: relative;left: calc(50% - 53px);/* display: flex; */width: auto;width: 20000px;}
.slide_items li{/* float: left; */font-size: 20px;width: 104px;text-align: center;height: 80px;}
.slide_items li a {display: block;}
.slide_items li p{text-align: center;padding-top: 56px;line-height: 1.5;font-size: 14px;color: #4f4f4f;cursor: pointer;box-sizing: border-box;}
.slide_items li.swiper-slide-active {background: url(../images/resActive.png) center top no-repeat;background-size: contain;}
.slide_items li.swiper-slide-active p{line-height: 70px;padding-top: 0;font-size: 16px;color: #c6a75f;}
.slide-content {background: url(../images/responseBk2.png) center top repeat-y;overflow:hidden;}
.slide-content ul {display: none;}
.slide-content ul.on {display: block;}
.slide-content ul{/* max-height: 780px; */}
.slide-content ul li{display: flex;margin: 86px 0 93px;justify-content: space-between;min-height: 20px;}
.slide-content ul li>div{width: 600px;}
.slide-content ul li .Img{width: 300px;height: 180px;margin-left: 223px;}
.slide-content ul li .Text{padding-left: 117px;box-sizing: border-box;margin-top: 90px;font-size: 14px;color: #666666;line-height: 25px;position: relative;}
.slide-content ul li .Text p{padding: 0 18px 0 32px;line-height: 26px;border-radius: 20px;background: #c6a75f;color: #fff;position: absolute;top: 9px;left: -15px;font-size:12px;}
.slide-content ul li .Text p span{width: 10px;height: 10px;border: 3px solid #FFFFFF;border-radius: 50%;display: inline-block;position: absolute;top: calc(50% - 8px);left: 6px;}
.slide-content ul li .title{font-size:16px;color:#333333}
.slide-content ul li .summary{font-size:14px;color:#666666;margin-top:10px}
.slide-content ul li:nth-child(2n){flex-direction: row-reverse;}
.slide-content ul li:nth-child(2n) .Img{margin-left: 86px;margin-right: 223px;}
.slide-content ul li:nth-child(2n) .Text{padding-left: 0;padding-right: 117px;}
.slide-content ul li:nth-child(2n) .Text p{left: auto;right: -20px;padding: 0 32px 0 18px;}
.slide-content ul li:nth-child(2n) .Text p span{left: auto;right: 6px;}
.slide-content .more{font-size:16px;display: block;width: 156px;height: 50px;line-height: 50px;color: #49c9af;border-radius: 5px;margin: 0 auto;text-align: center;cursor: pointer;margin-top: 40px;border: 1px solid #dcdcdc;background: #fff;}
.slide-content .more a{color:#49c9af;}

.culture{width:1050px}
.culture ul{display:flex;flex-wrap:wrap;}
.culture ul li{width:160px;height:130px;margin-right:130px;margin-bottom:70px;text-align:center}
.culture ul li:nth-child(4n){margin-right:0}
.culture ul li .Img{width:100%;height:80px;line-height:80px;}
.culture ul li p{font-size:16px;color:#3b3b3b;}
.culture ul li .summary{font-size:14px;color:#959595;margin-top:10px}

.factory{/* height: 720px; *//* width: 100%; *//* margin: 46px 0 62px; */position: relative;}
.factory ul{height:720px;margin-bottom:80px}
.factory li{width: 900px;height: 240px;background: #fff;float: left;position: relative;overflow: hidden;}
.factory li .left{overflow: hidden;}
.factory li .left div{width:100%;height:100%;position:relative;}
.factory li .left img{transition: 1s all ease-in-out;height: 100%;width: auto;max-width: none;transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}
.factory li .right{padding: 40px 40px;box-sizing: border-box;}
.factory li .right:after{content:"";position:absolute;background:#cccccc;width:20px;height:2px;}
.factory li .right i{color: #333333;font-size: 18px;font-style: normal;}
.factory li .right .summary{font-size: 14px;color: #666666;margin: 23px 0 37px;/* display: -webkit-box; */text-overflow: ellipsis;/* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 2; */overflow: hidden;height: 64px;line-height: 32px;margin-top: 10px;}
.factory li .right .date{display: block;text-align: right;font-size: 12px;color: #999999;position: relative;}
.factory li .right .date:after{position: absolute;content: "";width: 20px;height: 2px;left: 0;top: 6px;background: #cccccc;}
.factory li:hover .right i{color: #c6a75f;}
.factory li:hover .left img{transform:translate(-50%, -50%) scale(1.1);transition: .5s all ease-in-out}
.factory li:hover .right .summary{height:128px}
.factory li:nth-child(1) .left{width: 517px;height: 100%;}
.factory li:nth-child(1) .right{width: 400px;height: 100%;background: transparent url(../images/factoryBk1.png) center center no-repeat;position: absolute;top: 0;right: 0;padding-left: 45px;}
.factory li:nth-child(2){width: 300px;height: 480px;}
.factory li:nth-child(2) .left{width: 300px;height: 256px;}
.factory li:nth-child(2) .right{width: 300px;height: 240px;background: transparent url(../images/factoryBk2.png) center center no-repeat;position: absolute;bottom: 0;left: 0;}
.factory li:nth-child(3){width: 300px;height: 480px;position: absolute;bottom: 0;left: 0;}
.factory li:nth-child(3) a{position: relative;display: block;width: 100%;height: 100%;}
.factory li:nth-child(3) .left{width: 300px;height: 256px;bottom: 0;left: 0;position: absolute;}
.factory li:nth-child(3) .right{width: 300px;height: 240px;background: transparent url(../images/factoryBk3.png) center center no-repeat;position: absolute;top: 0;left: 0;}
.factory li:nth-child(4){width: 600px;height: 480px;position: absolute;bottom: 0;left: 300px;}
.factory li:nth-child(4) .left{width: 600px;height: 298px;}
.factory li:nth-child(4) .left img{height: auto;width: 100%;vertical-align:top}
.factory li:nth-child(4) .right{width: 600px;height: 200px;background: transparent url(../images/factoryBk4.png) center center no-repeat;position: absolute;bottom: 0;left: 0;padding-top: 28px}
.factory li:last-child{width: 300px;height: 240px;float: right;background: url(../images/More.jpg) center center no-repeat;}
.factory li:last-child a{width: 300px;height: 240px;text-align: center;line-height: 240px;display: block;font-size: 20px;color: #ffffff;}
.factory li:last-child a:after{content:"";position:absolute;width: 33px;height: 14px;background:url(../images/factoryArrow.png) center center no-repeat;background-size:100% 100%;top: calc(50% - 7px);left: calc(50% - 17px);}
.factory .more{display:none}

.team{background:url(../images/back1.jpg) bottom right no-repeat}
.team .iHead{margin-top:-20px}
.team .swiper{position:relative}
.team .swiper-container{width:1050px}
.team .gallery-thumbs .swiper-slide{height:242px;}
.team .gallery-thumbs .swiper-slide .Img{width: 100%;height:232px;box-sizing:border-box;border:1px solid #dcdcdc;overflow:hidden;}
.team .gallery-thumbs .swiper-slide .Img:after{content:"";position:absolute;width:100%;height:242px;background:url(../images/teamBk1.png) center bottom no-repeat;top:0;left:0;display:none}
.team .gallery-thumbs .swiper-slide.on .Img{overflow:unset;border:2px solid #c6a75f;}
.team .gallery-thumbs .swiper-slide.on .Img:after{display:block;}
.team .gallery-thumbs .swiper-slide-thumb-active .Img{overflow:unset;border:2px solid #c6a75f;}
.team .gallery-thumbs .swiper-slide-thumb-active .Img:after{display:block;}
.team .gallery-top{margin-top:30px}
.team .gallery-top .swiper-slide{display: none;min-height:490px}
.team .gallery-top .swiper-slide.on{display: block}
.team .gallery-top .swiper-slide>p{font-size:20px;color:#c6a75f;line-height:2;}
.team .gallery-top .swiper-slide .summary{font-size:16px;color:#888888;line-height:34px;}
.team .gallery-top .swiper-slide span{font-size:20px;color:#c6a75f;line-height:2}
.team .gallery-top .swiper-slide ul{display:flex;justify-content:space-between;margin-top:10px;margin-bottom: 40px;}
.team .gallery-top .swiper-slide ul li{width:333px;}
.team .gallery-top .swiper-slide ul li .Img{width:100%;height:215px;border-radius:10px;overflow:hidden}
.team .gallery-top .swiper-slide ul li .Img img{transition:all .3s ease-in-out}
.team .gallery-top .swiper-slide ul li p{font-size:16px;color:#666666;margin-top:15px;text-align:center}
.team .gallery-top .swiper-slide ul li:hover img{transform:scale(1.1)}
.team .gallery-top .swiper-slide ul li:hover p{color:#c6a75f}
.team .swiper-button-next,.team .swiper-button-prev{width:40px;height:105px;background: url(../images/teamArrow.jpg) left top no-repeat;left: calc(50% - 600px);top:80px;opacity: 1!important;}
.team .swiper-button-next{background-position:right top;left:auto;right: calc(50% - 600px);}
.team .swiper-button-next:after,.team .swiper-button-prev:after{display:none}
.team .swiper-button-next:hover{background-position:right bottom}
.team .swiper-button-prev:hover{background-position:left bottom}

.caseInfoBox .title{margin-top:35px}
.caseInfoBox .title p{line-height:75px;text-align:center;font-size:30px;color:#444444;border-bottom:1px solid #e2e2e2;position:relative;padding-bottom:10px}
.caseInfoBox .title p:before{content:"";position:absolute;width:10px;height:10px;box-sizing:border-box;background:#fff;border:2px solid #e2e2e2;bottom:-5px;left:0;border-radius:50%;}
.caseInfoBox .title p:after{content:"";position:absolute;width:10px;height:10px;box-sizing:border-box;background:#fff;border:2px solid #e2e2e2;bottom:-5px;right:0;border-radius:50%}
.caseInfoBox .title ul{margin:20px 0;display:flex;justify-content:center}
.caseInfoBox .title ul li{font-size:16px;color:#999999;margin-right:145px;line-height:30px}
.caseInfoBox .title ul li:last-child{margin-right:0}
.caseInfoBox .info{font-size:16px;color:#666666;line-height:30px;padding-bottom: 80px;position: relative;}
.caseInfoBox .info>a{font-size:12px;color:#5b6bc7;text-decoration: underline;position: absolute;right: 0;bottom: 30px;}
.caseListBox{position:relative}
.caseNav ul{display:flex;justify-content:center;margin-bottom:35px;}
.caseNav ul li{line-height:38px;margin:0 10px}
.caseNav ul li dl{display:none}
.caseNav ul li>a{display:block;padding:0 20px;font-size:16px;color:#666666;}
.caseNav ul li.active>a,.caseNav ul li:hover>a{background:#c6a75f;color:#fff;border-radius:30px}
.classify{position:absolute;left:-203px;top:300px;width:203px;top: 250px;}
.classify ul{display:none}
.classify ul:after{content:"";position:absolute;width:1px;height:calc(100% - 20px);background:#d7d7d7;top:5px;left:5px}
.classify ul li{padding-left:30px;position:relative;font-size:14px;margin-bottom:23px}
.classify ul li:after{position:absolute;width:11px;height:11px;background:url(../images/caseListArrow.png) bottom left no-repeat;content:"";left:0;top:3px;z-index:1}
.classify ul li a{color:#777777}
.classify ul li.active:after,.classify ul li:hover::after{background-position:top left;}
.classify ul li.active a,.classify ul li:hover a{color:#c6a75f}
.caseListBox .info{position:relative}
.caseListBox .info ul{display:flex;flex-wrap:wrap;min-height: 180px;}
.caseListBox .info ul li{width:380px;margin-right:30px;margin-bottom:35px}
.caseListBox .info ul li:nth-child(3n){margin-right:0;}
.caseListBox .info ul li .Img{width:100%;height:245px;overflow:hidden;border-radius: 10px;position: relative;}
.caseListBox .info ul li .Img img{transition:all .3s ease-in-out}
.caseListBox .info ul li .Img .range,.caseListBox .info ul li .Img #range{position: relative;width: 380px;height: 245px;background-color: rgb(133, 246, 250);overflow: hidden;background-size: cover!important;}
.caseListBox .info ul li .Img .icon {position: absolute;height: 100%;width: 100%;cursor: move;user-select: none;left: 0;background-size: cover!important;width:70%}
.caseListBox .info ul li .Img .icon:hover{cursor:pointer}
.caseListBox .info ul li .Img .icon .imgBox{width:100%;height:100%;background-size:auto 100%!important}
.caseListBox .info ul li .Img .icon span{position:absolute;width:50px;height: 100%;background: url(../images/btn1.png) center center no-repeat;border:0;top: 0;right: -24px;} 
.caseListBox .info ul li a,.caseListBox .info ul li p{text-align:center;margin-top:17px;font-size:16px;color:#333333;display:block}
.caseListBox .info ul li:hover img{transform:scale(1.1)}
.caseListBox .info ul li:hover a,.caseListBox .info ul li:hover p{color:#c6a75f}

.caseMapBox{position:relative;margin-bottom:80px}
.caseMapBox .map{height:685px}
.caseMapBox .mapNav{position:absolute;width:100%;top:0;left:0}
.caseMapBox .mapNav ul{display:flex;justify-content:space-between;}
.caseMapBox .mapNav ul li{width:24.93%;text-align:center;line-height:64px;position:relative}
.caseMapBox .mapNav ul li>a{background:rgba(236,236,236,0.9);display:block;width:100%;height:64px;color:#333333;font-size:16px}
.caseMapBox .mapNav ul li span{position:absolute;width:25px;height:15px;background:url(../images/mapIcon.png) center center no-repeat;background-size:8px;top:26px;left:calc(50% + 35px);cursor: pointer;}
.caseMapBox .mapNav ul li dl{background:rgba(236,236,236,0.9);display: none;}
.caseMapBox .mapNav ul li dl dd{border-top:1px solid #dedede;height:50px;line-height:50px}
.caseMapBox .mapNav ul li dl dd a{color:#666666;font-size:14px}

.tanchuang{/* max-width:80%; *//* width:13.1rem; *//* height: 5.3rem; */position: fixed;top: 0;left: 0;/* transform:translate(-50%,-50%); */display: none;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 9999999;}
.tanchuang .tabConBox{top: 50%;left: 50%;transform: translate(-50% , -50%);position:absolute;}
.tanchuang .range{position: relative;width: 9.3rem;height: 6.0rem;background-color: rgb(133, 133, 133);overflow: hidden;background-size: cover!important;/* background-size: auto 100%!important; */}
.tanchuang .icon {position: absolute;height: 100%;width: 13.1rem;cursor: move;user-select: none;left: 0;background-size: cover!important;width: 7.55rem;position: relative;}
.tanchuang .icon:hover{cursor:pointer}
.tanchuang .icon .imgBox{width:100%;height:100%;background-size:auto 100%!important}
.tanchuang .icon span{position:absolute;width:50px;height: 100%;background: url(../images/btn1.png) center center no-repeat;border:0;top: 0;right: -24px;}
.tanchuang .close{width: .5rem;height: .5rem;background:url(../images/close.png) center center no-repeat;position: absolute;right: -.2rem;top: -.2rem;display: inline-block;background-size: cover;}

p.infoTab{position:absolute;right:0;top: -75px;}
p.infoTab a{line-height:38px;/* padding:70px 10px 0; */box-sizing:border-box;padding-left: 30px;}
p.infoTab a#xgt{background: url(../images/效果图1.png) left center no-repeat;background-size: auto 90%;}
p.infoTab a#sjt{background:url(../images/实景图4.png) left center no-repeat;background-size: auto 110%;margin-left: 50px;}
p.infoTab a.on,p.infoTab a:hover{color:#c6a75f}
p.infoTab a#xgt.on,p.infoTab a#xgt:hover{background-image: url(../images/效果图.png)}
p.infoTab a#sjt.on,p.infoTab a#sjt:hover{background-image:url(../images/实景图.png)}
p.infoTab a#dt,p.infoTab a#lb{padding:0 30px}
p.infoTab a#dt{background:url(../images/地图2.png) left center no-repeat;background-size:auto 100%}
p.infoTab a#lb{background:url(../images/列表3.png) left center no-repeat;background-size:auto 100%}
p.infoTab a#dt.on,p.infoTab a#dt:hover{background:url(../images/地图.png) left center no-repeat;background-size:auto 100%}
p.infoTab a#lb.on,p.infoTab a#lb:hover{background:url(../images/列表.png) left center no-repeat;background-size:auto 100%}

p.infoTab span{position:absolute;top: -50px;left:0;display:block;width:100%;text-align: right;}
p.infoTab span #dt{padding-right:0}
@media screen and (max-width: 1024px){
    .main{margin-top:17vw;margin-top: 65px;}
    .banner{height:43vw;overflow: hidden;}
    .banner img{height:100%;max-width: unset;transform: translate(-50%,-50%);position: absolute;left: 50%;top: 50%;}
    .banner .Text{line-height: 1;top: 15vw;}
    .banner .Text p:nth-of-type(1){font-size: 18px!important;}
    .banner .Text p:nth-of-type(2){font-size:12px!important}

    .subNav{display:none}
    .iHead{margin-top:8vw;margin-bottom: 4vw;}
    .iHead .title{line-height:1.5;font-size: 17px;}
    .iHead .en{font-size: 10px;line-height:1.5;}
    
    .profileBox .profile .info{width:92vw;margin:0 auto;font-size: 14px;line-height: 1.5;}

    .slide_container{width:92vw;margin:0 auto;padding-bottom: 3vw;}
    .slide_container .swiperBtn{width:100%;left: 0;height: 2vw;top: 0;/* top: auto; */}
    .slide_container .prev, .responseCon .next{left:0;top: 10vw;}
    .slide_container .next{left:auto;right:0;top: 10vw;}
    .slide_container .row{width:100%;height: 15vw;background-size: auto 3vw;}
    .slide_container .row .swiper-container{width:80vw}
    .slide_wrap{width: 85%;/* overflow: inherit; */}
    .slide_wrap ul{left: calc(50% - 7.5vw);}
    .slide_items li{height: 15vw;width: 15vw;box-sizing: border-box;}
    .slide_items li p{padding-top:10vw;font-size: 12px;}
    .slide_items li.swiper-slide-active p{line-height:15vw;font-size: 12px;}
    .slide_items li.on p{line-height:15vw;font-size: 13px;}
    .slide-content{background-size:1px}
    .slide-content ul li{margin:10vw 0 12vw}
    .slide-content ul li .Img{width: 40vw;margin-left: 0;height: 24vw;}
    .slide-content ul li .Text{padding-left:4vw;margin-top: 10vw;line-height: 20px;font-size: 12px;width: 45vw;}
    .slide-content ul li .Text p{top: -10vw;line-height: 24px;padding: 0 15px 0 25px;left: -13px;}
    .slide-content ul li .Text p span{border-width:2px;top: calc(50% - 7px);left: 3px;}
    .slide-content ul li .title{font-size:14px}
    .slide-content ul li .summary{font-size:12px;margin-top:1vw}
    .slide-content ul li:nth-child(2n) .Img{margin-right:0;margin-left: 6vw;}
    .slide-content ul li:nth-child(2n) .Text{padding-right: 4vw;}
    .slide-content .more{width:20vw;height:6vw;line-height:6vw;font-size:12px}

    .culture{width:100%}
    .culture ul{width:92vw;margin:0 auto}
    .culture ul li{width: 32%;margin-right: 2%;margin-bottom: 3vw;}
    .culture ul li:nth-child(4n){margin-right: 2%;}
    .culture ul li:nth-child(3n){margin-right:0}
    .culture ul li .Img{height:15vw;line-height: 15vw;}
    .culture ul li .Img img{max-height: 65%;}
    .culture ul li p{font-size:15px}
    .culture ul li .summary{font-size:10px}

    .team{background-size:100%}
    .team .iHead{margin-top:0}
    .team .swiper-container{width: 70vw;}
    .team .gallery-top{width:92vw;margin-top: 1vw;}
    .team .gallery-top .swiper-slide{min-height:400px}
    .team .gallery-top .swiper-slide>p{line-height:2;font-size:16px}
    .team .gallery-top .swiper-slide .summary{font-size:12px;line-height:1.5}
    .team .gallery-top .swiper-slide span{font-size:16px}
    .team .gallery-top .swiper-slide ul{flex-wrap:wrap;margin: 2vw 0;}
    .team .gallery-top .swiper-slide ul li{width: 47%;margin-right: 2%;margin-bottom: 4vw;}
    .team .gallery-top .swiper-slide ul li .Img{height: 28vw;}
    .team .gallery-top .swiper-slide ul li p{margin-top:1vw;font-size: 14px;}
    .team .gallery-thumbs .swiper-slide{height: 27vw;}
    .team .gallery-thumbs .swiper-slide .Img{height: 23.3vw;border-width: 1px;}
    .team .gallery-thumbs .swiper-slide.on .Img:after{height: 24.6vw;background-size: 40vw;}
    .team .swiper-button-next, .team .swiper-button-prev{width: 6vw;height: 15vw;top: 11vw;left: 4vw;background-size: 200%;}
    .team .swiper-button-next{left:auto;right:4vw}

    .factory ul{width:92vw;height: auto;margin: 0 auto 10vw;}
    .factory ul li{width:100%;position:unset;float: none;height: auto;margin-bottom: 5vw;}
    .factory li .left img{position:unset;transform: translate(0,0);width: 100%;height: auto;}
    .factory li .right{padding: 6vw 5vw;background: #f7f7f7!important;}
    .factory li .right i{font-size:16px}
    .factory li .right .summary{line-height:1.5;height: auto;margin: 3vw 0 3vw;line-height: 20px;height: 40px;}
/*     .factory li .right:after{display:none} */
    .factory li:nth-child(1) .left, .factory li:nth-child(2) .left, .factory li:nth-child(3) .left{max-height: 52vw;/* height: auto; */}
    .factory li:nth-child(1) .left, .factory li:nth-child(1) .right, .factory li:nth-child(2), .factory li:nth-child(2) .left, .factory li:nth-child(2) .right, .factory li:nth-child(3), .factory li:nth-child(3) .left, .factory li:nth-child(3) .right, .factory li:nth-child(4), .factory li:nth-child(4) .left,.factory li:nth-child(4) .right{width:100%;}
    .factory li:nth-child(1) .right{padding: 6vw 5vw;}
    .factory li:nth-child(1) .right, .factory li:nth-child(2) .right, .factory li:nth-child(3), .factory li:nth-child(3), .factory li:nth-child(3) .left, .factory li:nth-child(3) .right, .factory li:nth-child(4),.factory li:nth-child(4) .right{position:unset}
    .factory li:nth-child(2), .factory li:nth-child(2) .right, .factory li:nth-child(3), .factory li:nth-child(3) .left, .factory li:nth-child(3) .right, .factory li:nth-child(4), .factory li:nth-child(4) .left,.factory li:nth-child(4) .right{height:auto}
    .factory li:last-child{display:none}
    .factory li:hover .left img{transform:scale(1.2)}
    .factory li:hover .right .summary{height:auto}

    .contactBox{width:92vw}
    .contactBox .map{border-width:2px;height:60vw;margin-bottom: 5vw;}
    .contactBox #maps>p{left: calc(50% - 24vw);font-size:12px;padding: 1vw 3vw;border-radius: 2px;}
    .contactBox ul{margin-bottom:10vw}
    .contactBox ul li{width:100%;margin-right: 0;line-height: 1.5;padding-bottom: 4vw;margin-bottom: 4vw;}
    .contactBox ul li span{font-size:12px;padding-left: 9vw;}
    .contactBox ul li span i{width: 6vw;height: 6vw;background-size: auto 3vw;}
    .contactBox ul li p{font-size:12px}

    .partnerBox ul{width:92vw;margin:0 auto}
    .partnerBox ul li{width: 47%;margin-right: 6%;margin-bottom: 4vw;height: 23vw;}
    .partnerBox ul li:nth-child(5n){margin-right:6%}
    .partnerBox ul li:nth-child(2n){margin-right:0}
    .partnerBox ul li a{line-height:23vw}
    .partnerBox ul li img{max-width:80%;max-height:90%}

    #pages{margin:4vw 0 13vw}
    #pages a{width:8vw;height:8vw;line-height: 8vw;font-size: 14px;}
    #pages a.prev,#pages a.next{background-size:30%}

    .serviceBox ul{margin: 0 auto 10vw;width: 92vw;}
    .serviceBox ul li{height:auto;width: 100%;margin-bottom: 7vw;justify-content: space-between;}
    .serviceBox ul li .Text{width: 36vw;line-height: 37vw;}
    .serviceBox ul li .Text .con{margin-left:0}
    .serviceBox ul li .Text p{font-size:15px;padding-left: 10vw;}
    .serviceBox ul li .Text .en{font-size:15px;padding-left: 10vw;}
    .serviceBox ul li .Text .en em{font-size:50px}
    .serviceBox ul li .Text dl{margin-top:3vw}
    .serviceBox ul li .Text dl dd{width: 17vw;margin-right: 2vw;height: 7vw;margin-bottom: 2vw;}
    .serviceBox ul li .Text dl dd a{font-size: 10px;line-height: 7vw;}
    .serviceBox ul li .Img{width:51vw;height: 37vw;}
    .serviceBox ul li .Img:after{background-size:20vw}
    .serviceBox ul li:nth-child(3) .Text .con, .serviceBox ul li:nth-child(4) .Text .con{margin-left:0}
    .serviceBox ul li:nth-child(2n+1){flex-direction:row}
    .serviceBox ul li:nth-child(2n){flex-direction: row-reverse;}

    .joinBox ul{width:92vw;margin:0 auto}
    .joinBox ul li{margin-bottom:5vw}
    .joinBox ul li p.title{font-size:14px;height: 36px;line-height: 36px;padding-left: 4vw;}
    .joinBox ul li p.title span{width:20px;height:20px;background-size:40px;top: calc(50% - 10px);right: 4vw;}
    .joinBox ul li .Text{padding: 0 4vw 6vw;}
    .joinBox ul li .row{flex-wrap:wrap;line-height: 35px;font-size: 10px;margin-bottom: 4vw;}
    .joinBox ul li .info{font-size:12px;line-height:1.5}

    .caseMapBox{width:94%;margin:0 auto 15vw}
    .caseMapBox .map{height:100vw;margin-top: 40px;margin-top: 10px;}
    .caseMapBox .mapNav ul li{line-height:10vw;width:calc(25% - 1px)}
    .caseMapBox .mapNav ul li>a{height:10vw;font-size:14px}
    .caseMapBox .mapNav ul li span{top: 4vw;left: 82%;width: 15px;height: 10px;background-size: 6px;}

    .caseNav{width:94%;margin:0 auto;}
    .caseNav ul{margin-bottom:7vw;}
    .caseNav ul li{margin:0 1vw;position: relative;}
    .caseNav ul li>a{padding:0 3vw;font-size: 12px;}
    .caseNav ul li span{width: 3vw;height: 100%;background:red;display:inline-block;position:absolute;top: 0;right: 0;background: url(../images/span1.png) right center no-repeat;background-size: 5vw;z-index: 20;}
    .caseNav ul li dl{position:absolute;top:30px;left:0;width: 100%;padding-bottom:1vw;z-index: 99;}
    .caseNav ul li dl dd a{font-size:12px;display: block;text-align: center;line-height:26px;color:#fff}
    .caseNav ul li.slide span,.caseNav ul li.active span{background-position-x:left}
    .caseNav ul li.slide{background:#c6a75f;border-top-left-radius:15px;border-top-right-radius:15px}
    .caseNav ul li.slide dl{background:#c6a75f;border-bottom-left-radius:15px;border-bottom-right-radius:15px}
    .caseNav ul li:hover>a{background:none;color:#666}
    .caseNav ul li.slide>a{background:#c6a75f;color:#fff}
    .caseNav ul li.active>a{background:#c6a75f;color:#fff}
    
    .caseListBox .info ul{width:94%;margin:0 auto;min-height: auto;}
    .caseListBox .info ul li{width:48%;margin-right: 4%;margin-bottom: 4vw;}
    .caseListBox .info ul li:nth-child(3n){margin-right:4%;}
    .caseListBox .info ul li:nth-child(2n){margin-right:0}
    .caseListBox .info ul li .Img{height: 27vw;position:relative}
    .caseListBox .info ul li .Img .range, .caseListBox .info ul li .Img #range{width:100%;height:100%}
    .caseListBox .info ul li .Img .icon span{width:10vw;background-size:100%;right:-5vw}
    .caseListBox .info ul li a,.caseListBox .info ul li p{margin-top:2vw;font-size:14px}
    
    .caseInfoBox{width:94%;}
    .caseInfoBox .title{margin-top:7vw}
    .caseInfoBox .title p{font-size:18px;line-height:1.5;padding-bottom: 3vw;}
    .caseInfoBox .title ul{margin: 4vw 0px;justify-content: space-between;flex-wrap: wrap;}
    .caseInfoBox .title ul li{margin-right:0;font-size: 11px;line-height: 1.5;}
    .caseInfoBox .info{font-size:14px;line-height:2}

    .tanchuang .tabConBox{/* top: 50%; */left: 50%;transform: translateX(-50%);position:absolute;bottom: 5%;top:auto;}
    .tanchuang .range{/* width:80vw; */height:80vh;width:124vh;height:70vh;width:108.5vh;/* width: 108.5vh; *//* height: 70vh; */}
    .tanchuang .range>div{width:70%}
    .tanchuang .icon span{width: 50px;background-size: 100%;right: calc(-25px + 1px);}
    .tanchuang .close{width: 40px;height: 40px;top: -20px;right: -20px;}
 
    p.infoTab{top: -35px;left:50%;transform:translateX(-50%);right: auto;font-size:12px;/* display: none; */display: block;width: 100%;text-align: right;line-height: 20px;font-size: 12px;position: absolute;left: auto;right: 0;transform: translateX(0);/* display: inline-block; *//* width: auto; */top: -47px;}
    p.infoTab a#dt,p.infoTab a#lb{font-size:12px;line-height: 20px;padding: 0 25px;display: inline-block;padding-right: 0;}
    .caseListBox .info{margin-top: 60px;}
    .caseListBox p.infoTab a{/* padding: 50px 10px 0; */font-size: 10px;padding-left: 22px;}
    .caseListBox p.infoTab span{top: -45px;position:static;width: auto;display: inline-block;/* line-height:40px; */margin-right: 12%;}
    .caseListBox p.infoTab span #dt{padding-right:0;vertical-align:top}
    .caseListBox p.infoTab a#xgt,.caseListBox p.infoTab a#sjt{/* background-size: auto 30%; */font-size:12px;-webkit-appearance: none;margin-left: 20px;}
    .caseListBox p.infoTab a#sjt{margin-right:10%}
}

@media screen and (max-width: 500px){
    .tanchuang .tabConBox{top: 50%;left: 50%;transform: translate(-50%,-50%);position:absolute;bottom: auto;}
    .tanchuang .range{width:80vw;height:51.6vw;}
    .tanchuang .range>div{width:70%}
    .tanchuang .icon span{width:10vw;background-size: 100%;right: calc(-5vw + 1px);}
    .tanchuang .close{width:8vw;height:8vw;top:-4vw;right:-4vw}
 
}