/* CSS Document */
@charset "utf-8";

/*banner*/
.swiper-container-banner{position: relative;width: 100%;overflow: hidden;}
.swiper-container-banner .swiper-pagination {bottom: 3%;}
.swiper-container-banner .swiper-pagination-bullet {opacity: 1;position: relative;width: 12px;height: 12px;border-radius: 50%;margin: 0 4px;background-color: rgba(255,255,255,0.5);transition: background-color .3s ease;}
.swiper-container-banner .swiper-pagination-bullet::before {display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;transform: scaleX(0);transform-origin: 0 0;}
.swiper-container-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before {animation: sliderPagination 3s linear forwards}
.swiper-container-banner .swiper-pagination-bullet:hover,.swiper-container-banner .swiper-pagination-bullet-active {background-color: #e50043;}

/*reason*/
.reason{padding: 5% 0;background: #000 url(../images/reasonBg.jpg) center no-repeat;color: #fff;}
.reasonTit{justify-content: center;margin-bottom: 4%;}
.reasonTit h3{font-size: 70px;font-weight: bold;margin-left: 1.5%;line-height: 120%;letter-spacing: 1px;}
.reasonTit h3 span{display: block;font-size: 24px;line-height: 180%;letter-spacing: 2px;margin-top: 5px;}
.reasonTit h3 span em{color: #e50043;}

.reasonBox ul{border-left: 3px solid #fff;border-top: 3px solid #fff;}
.reasonBox ul li{width: 16.66%;border-bottom: 3px solid #fff;border-right: 3px solid #fff;padding: 30px;text-align: center;}
.reasonBox ul li h3{font-size: 28px;font-weight: 100;line-height: 40px;}
.reasonBox ul li h3 span{display: block;}
.reasonBox ul li h3 em{font-size: 40px;font-weight: bold;display: block;line-height: 50px;margin-top: 15px;}
.reasonBox ul li h4{font-size: 40px;font-weight: bold;line-height: 50px;margin-bottom: 15px;}
.reasonBox ul li p{font-size: 28px;font-weight: 100;line-height: 40px;}
.reasonBox ul li:first-child{background: #e50043;text-align: left;padding-right: 0;}

.reasonTxt{margin-top: 20px;border: 3px solid #fff;}
.reasonTxt h5{width: calc(100% - 16.66%);text-align: center;font-size: 54px;font-weight: bold;letter-spacing: 2px;}
.reasonTxt h5 em{color: #e50043;}
.reasonTxt .txt{background: #e50043;font-size: 28px;font-weight: 100;line-height: 40px;padding: 30px 0 30px 40px;border-left: 3px solid #fff;width: 16.66%;}
.reasonTxt .txt em{font-size: 40px;font-weight: bold;display: block;line-height: 50px;margin-bottom: 15px;}
.reasonTxt .txt span{display: block;}

/*core*/
.core{padding: 3% 0;background: #000 url(../images/coreBg.jpg) center no-repeat;color: #fff;-webkit-background-size: cover;background-size: cover;}
.coreTit{margin-bottom: 1%;}
.coreTit h3{font-size: 70px;font-weight: bold;letter-spacing: 2px;}
.coreTit h4{font-size: 34px;font-weight: 100;letter-spacing: 1px;}

.coreBox{padding: 0 3%;}
.coreBox ul li{width: 25%;text-align: center;margin-top: 2%;}
.coreBox ul li img{transition: all 2s;}
.coreBox ul li h5{font-size: 32px;font-weight: bold;letter-spacing: 2px;margin-top: 15px;}
.coreBox ul li p{font-size: 20px;font-weight: 100;}
.coreBox ul li:hover img{transform: rotateY(360deg);}
.coreBox ul li:hover h5{color: #e50043;}

/*works*/
.worksTit{font-size: 70px;font-weight: bold;letter-spacing: 2px;padding: 2% 0;color: #000;line-height: 150%;}

.worksList{margin:  0 1% 3% 1%;color: #fff;position: relative;}
.worksList a{color: #fff;}
.worksList h3{width: 100px;height: 48.6%;background: #000 url(../images/worksTitBg.jpg) center no-repeat;text-align: center;position: absolute;left: 0;}
.worksList h3 em{display: block;height: calc(100% - 128px);position: relative;}
.worksList h3 em b{position: absolute;left: 35px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);width: 30px;height: 100%;text-align: center;font-size: 30px;font-weight: bold;-webkit-writing-mode: vertical-rl;-ms-writing-mode: vertical-rl;writing-mode: vertical-rl;letter-spacing: 2px;}
.worksList h3 span{display: block;font-size: 20px;line-height: 124px;border-top: 4px solid #fff;}
.worksList .tit1{top:0;}
.worksList .tit2{top: 50%;}
.worksList1 h3{height: 97.2%;}
.worksList ul{margin-left: 100px;justify-content: flex-start;width: calc(100% - 100px);}
.worksList ul li{width: 32.53%;margin: 0 0 .8% .8%;}
.worksList ul li img{width: 100%;}
.worksList ul li .txt{background: #000 url(../images/worksTxtBg.jpg) center no-repeat;padding: 20px 15px;border-top: 4px solid #fff;}
.worksList ul li .txt h4{font-size: 32px;line-height: 50px;font-weight: bold;height: 50px;overflow: hidden;}
.worksList ul li .txt p{font-size: 18px;line-height: 30px;letter-spacing: 1px;margin-top: 4px;}

/*foucs*/
.foucs{background: #000 url(../images/focusBg.jpg) center no-repeat;padding: 5% 0;}
.foucsTit .t1{background: #e50043;color: rgba(255,255,255,.4);text-transform: uppercase;font-weight: bold;text-align: center;line-height: 30px;padding: 40px 0;width: 100px;}
.foucsTit .t1 span{display: block;font-size: 60px;line-height: 60px;}
.foucsTit .t2{width: calc(100% - 400px);background: #000 url(../images/focusTitBg.jpg) center no-repeat;color: #fff;text-align: center;border-top: 3px solid #fff;border-bottom: 3px solid #fff;padding: 20px;}
.foucsTit .t2 h3{font-size: 70px;letter-spacing: 2px;font-weight: bold;color: #fff;line-height: 80px;}
.foucsTit .t2 h3 span{display: block;font-size: 30px;font-weight: normal;letter-spacing: 1px;line-height:34px;margin-top: 10px;}
.foucsTit .t3{background: #e50043;color: #fff;font-size: 28px;line-height: 40px;letter-spacing: 1px;font-weight: 100;text-align: center;padding: 35px;width: 300px;}
.foucsTit .t3 span{display: block;font-size: 60px;font-weight: bold;line-height: 60px;}

.foucsTxt{margin-top: 4%;}
.foucsTxt ul{border-left: 3px solid #fff;border-top: 3px solid #fff;}
.foucsTxt ul li{width: 25%;border-bottom: 3px solid #fff;border-right: 3px solid #fff;padding: 30px;}
.foucsTxt ul li span{display: block;font-size: 28px;color: #fff;font-weight: 100;line-height: 150%;margin: 10px 0;}
.foucsTxt ul li b{display: block;font-size: 42px;font-weight: bold;line-height: 150%;color: #e50043;letter-spacing: 2px;}
.foucsTxt ul li:hover{background: #e50043;}
.foucsTxt ul li:hover b{color: #fff;}

.teamTit{background: #191919;}
.teamTit .container{align-items: flex-end;}
.teamTit h4{font-size: 70px;font-weight: bold;color: #e50043;line-height: 100%;padding: 10px 0;position: relative;}
.teamTit i{position: absolute;right: 0;top:20px;}
.teamTit i img{height: 50px;}
.teamTit h3{text-align: right;font-size: 36px;font-weight: bold;letter-spacing: 1px;color: #fff;margin-bottom: 10px;}
.teamTit h3 span{display: block;font-size: 22px;letter-spacing: 2px;font-weight: normal;line-height: 150%;}

.teamBox{padding: 5% 0;background: #000 url(../images/teamBg.jpg) center no-repeat;}
.teamBox ul li{width: 23.5%;}
.teamBox ul li h4{font-size: 32px;color: #fff;letter-spacing: 1px;margin-bottom: 20px;}
.teamBox ul li h4 span{display: block;font-size: 18px;line-height: 120%;}
.teamBox ul li img{width: 100%;}

/*case*/
.case{overflow: hidden;margin-bottom: 5px;background: #020202;}
.caseTit{background: #191919;}
.caseTit h3{font-size: 70px;font-weight: bold;letter-spacing: 1px;font-weight: bold;color: #fff;padding: 1% 0;}
.caseTit h3 span{color: #e50043;}

.caseBox{position: relative;padding: 3% 0;overflow: hidden;}
.caseBox .swiper-slide{align-items: flex-start;}
.caseBox .swiper-slide .pic{width: 58%;border: 3px solid #fff;}
.caseBox .swiper-slide .txt{width: 39%;color: #fff;}
.caseBox .swiper-slide .txt h4{font-size: 32px;font-weight: bold;margin-bottom: 20px;}
.caseBox .swiper-slide .txt p{font-size: 18px;line-height: 180%;letter-spacing: 2px;}
.caseBox .swiper-slide .txt p span{display: block;}

.caseList{position: absolute;width: 39%;right: 0;bottom:10%;padding-right: 4%;z-index: 666;}
.caseList ul li{width: 16%;margin: 5% 5% 0 0;}
.caseList ul li:nth-child(5n){margin-right: 0;}
.caseList ul li img{width: 100%;}

/*info*/
.info{overflow: hidden;background: #000 url(../images/infoBg.jpg) center;padding-bottom: 2%;}
.infoList{background: #191919;padding: 15px 0;}
.infoList .container{align-items: flex-end;position: relative;}
.infoList h3{font-size: 20px;color: #fff;letter-spacing: 2px;}
.infoList h3 span{font-size: 30px;font-weight: bold;display: block;}
.infoList ul{width: 46%;margin-right: 100px;}
.infoList ul li{font-size: 18px;}
.infoList ul li a{color: #fff;}
.infoList ul li.on a{color: #e50043;}
.infoList .more{position: absolute;right: 0;color: #fff;padding-left: 25px;background: url(../images/more.png) left center no-repeat;}

.swiper-container-info{overflow: hidden;}
.swiper-container-info ul{justify-content: flex-start;}
.swiper-container-info ul li{width: 31.33%;margin-top: 3%;margin-right: 3%;color: #fff;}
.swiper-container-info ul li:nth-child(3n){margin-right: 0;}
.swiper-container-info ul li a{color: #fff;}
.swiper-container-info ul li:hover a{color: #e50043;}
.swiper-container-info ul li h4{font-size: 30px;font-weight: bold;margin: 15px 0 20px 0;line-height: 45px;height: 45px;overflow: hidden;}
.swiper-container-info ul li span{font-size: 18px;letter-spacing: 2px;}
.swiper-container-info ul li p{font-size: 18px;letter-spacing: 1px;}
.swiper-container-info ul li .more{display: block;margin-top: 15px;font-weight: bold;font-size: 18px;letter-spacing: 2px;}


/*design*/
.design{overflow: hidden;}
.design .ColumnList{width: 100%;background: #e8e8e8;}
.design .ColumnList ul{justify-content: center;}
.design .ColumnList ul > li{font-size: 18px;font-weight: bold;line-height: 380%;margin: 0 2%;letter-spacing: 2px;}
.design .swiper-container-Column .swiper-slide{width: 100%;background: #fff;}
.design .swiper-container-Column .swiper-slide ul{justify-content: center;}
.design .swiper-container-Column .swiper-slide ul li{font-size: 14px;line-height: 60px;letter-spacing: 2px;padding: 0 2%;position: relative;}
.design .swiper-container-Column .swiper-slide ul li::after{content: "";position: absolute;right: 0;top:50%;width: 1px;height: 14px;margin-top: -6px;background: #888;}
.design .swiper-container-Column .swiper-slide ul li:last-child::after{display: none;}

.design .designTit{background: #000 url(../images/designBg.jpg) center no-repeat;color: #fff;padding: 30px 0;}
.design .designTit h3{font-size: 32px;letter-spacing: 5px;padding-left: 5px;margin-bottom: 6px;}
.design .designTit i{display: none;width: 220px;height: 1px;background: #fff;margin: 6px auto;opacity: .4;}
.design .designTit h4{font-size: 18px;text-transform: uppercase;opacity: .6;}

.design .designList{overflow: hidden;background: #f0f0f0;padding: 1.5% 0 3% 0;}
.design .designList ul{justify-content: flex-start;}
.design .designList ul li{width: 33%;background: #fff;padding: 10px;margin-top: 1.6%;}
.design .designList ul li:nth-child(3n-1){margin-left:.5%;margin-right:.5%;}
.design .designList ul li a{color: #fff;}
.design .designList ul li img{width: 100%;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.design .designList ul li:hover img{opacity: 0.6;}
.design .designList ul li .designTxt{background: #000 url(../images/designTxtBg.jpg) center no-repeat;margin-top: 10px;padding: 15px;}
.design .designList ul li .designTxt h2{font-size: 28px;font-weight: bold;line-height: 40px;height: 40px;overflow: hidden;margin-bottom: 10px;}
.design .designList ul li .designTxt table tr td{font-size: 18px;font-weight: bold;letter-spacing: 1px;line-height: 140%;}

.design .designList .more{text-align: center;margin-top: 3%;padding: 2px 0;}
.design .designList .more a{display: block;margin: 0 auto;line-height: 280%;width: 240px;color: #e50043;border: 1px solid #e50043;}
.design .designList .more a:hover{background: #e50043;color: #fff;}

/*position*/
.position{width: 100%;background: #f0f0f0;}
.position .positionTit{font-size: 18px;line-height: 80px;}
.position .positionCon{font-size: 14px;}
.position1{background: #fff;}
.position1 .container{max-width:1220px;padding: 1% 0;justify-content: flex-start;}
.position1 i{margin-right: 10px;}

/*designShow*/
.designText{padding: 4% 0;background: #000 url(../images/designShowBg.jpg) center no-repeat;}
.designText .designTxt{justify-content: center;}
.designText .pic{border: 5px solid #fff;}
.designText .pic img{height: 190px;}
.designText .txt{color: #fff;margin-left: 3%;}
.designText .txt h2{margin-bottom: 20px;font-size: 36px;font-weight: bold;}
.designText .txt tr td{font-size: 18px;font-weight: bold;letter-spacing: 1px;}

.designPic{padding: 3% 0;max-width:1220px;}
.designPic img{margin: 10px auto;}

.designPage{background: #f0f0f0;padding: 3% 0;}
.designPage ul{max-width:1220px;}
.designPage ul li{width: 49%;color: #fff;text-align: center;color: #fff;font-size: 18px;line-height: 50px;background: #000;}
.designPage ul li a{display: block;color: #fff;font-size: 18px;line-height: 50px;background: #000;}
.designPage ul li a:hover{background: #e50043;}

/*news*/
.news{overflow: hidden;background: #f0f0f0;padding: 4% 0;}
.news .newsTit span{display:block;font-size:40px;margin-bottom:10px;}
.news .newsTit em{display:block;font-size:20px;}
.news .newsPage{position:relative;}
.news .newsPage ul{width: 56%;margin-right:120px;}
.news .newsPage ul.newsNav{margin-right:0;}
.news .newsPage ul li{line-height:50px; font-size:16px; letter-spacing:1px; cursor:pointer;}
.news .newsPage ul li a{color:#666;padding:0 10px;}
.news .newsPage ul li.on,.news .newsPage ul li:hover{color:#e50043;border-bottom:solid 1px #e50043; }
.news .newsPage ul li.on a,.news .newsPage ul li:hover a{color:#e50043;}
.news .newsMore{position:absolute;right:0;background:url(../images/more.png) left center no-repeat;}
.news .newsMore a{display:block;padding-left:25px;}

.news .newslist{position: relative;margin-top:1%;}
.news .newslist ul{justify-content:flex-start;}
.news .newslist ul li{width:32%; margin:2% 2% 0 0;background:white;border-radius:8px;overflow:hidden;}
.news .newslist ul li:nth-child(3n){margin-right:0;}
.news .newslist ul li .pic{overflow:hidden;}
.news .newslist ul li .pic img{cursor: pointer;width: 100%;height: auto;transform: scale(1);-ms-transform: scale(1);webkit-transform: scale(1);-o-transform: scale(1);-moz-transform: scale(1);}
.news .newslist ul li .txt{padding:40px;}
.news .newslist ul li .txt h4{ width:100%; font-size:18px; line-height: 28px; margin: 5px 0 20px 0;height: 28px;overflow: hidden;text-align:left;}
.news .newslist ul li .txt p{ width:100%; font-size:14px; line-height:28px; height:56px;overflow:hidden;color:#666;margin:20px 0;}
.news .newslist ul li .txt .time{display:block;font-size:14px;line-height:14px;color:#888;}
.news .newslist ul li .txt .more{display:block;font-size:14px;font-weight:bold;}
.news .newslist ul li:hover{box-shadow:0 0 5px 2px rgba(0,0,0,.2);}
.news .newslist ul li:hover img {-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}

.newsBoxPage{margin-top: 4%;justify-content: center;}
.newsBoxPage ul{border:1px solid #ddd;display:flex;border-radius:6px;overflow:hidden;}
.newsBoxPage ul li{border-right:1px solid #ddd;font-size: 14px; line-height:36px;}
.newsBoxPage ul li:last-child{border-right:none;}
.newsBoxPage ul li a{padding:0 15px; display:block;}
.newsBoxPage ul li b{padding:0 15px; display:block;font-weight:normal;background: #e50043;color:#fff;}
.newsBoxPage ul li a:hover{ color: rgb(255, 255, 255); background: #e50043; text-decoration: none; }

/*content*/
.contentBox{background:#fff;margin:3% auto;}
.contentBox .container{align-items: flex-start;}
.content{width: 72%;background:#fff;border:1px solid #f0f0f0;}
.content .tit{text-align: center;padding-bottom:10px;border-bottom:1px solid #f0f0f0;margin:3% 2.5% 0 2.5%;}
.content .tit h1{font-size: 30px;font-weight: bold;padding-bottom:10px;color:#e50043;}
.content .tit .info{color: #888;font-size:14px;background: none;padding: 0;margin: 0;}
.content .tit .info a{color: #888;}
.content .tit .info a:hover{color: #e50043;}
.content .con{font-size: 17px;color: #444;padding: 2.5%;}
.content .con a{color: #e50043;}

.Page{padding: 2.5%;border-top: 1px solid #f0f0f0;color: #888;}
.Page ul li {font-size:14px;line-height:26px;}
.Page ul li a{color: #888;}
.Page ul li a:hover{color: #e50043;}
.Page .btn a{display:block;background:#e50043;color:#fff;line-height:300%;letter-spacing:2px;padding:0 40px;}
.Page .btn a:hover{background:#e50043;}

.contentList{width: 26%;}
.contentList h4{font-size:20px;line-height:300%;border-bottom:1px solid #f0f0f0;padding:0 20px;}
.contentdesign{border:1px solid #f0f0f0;margin-bottom:20px;}
.contentdesign ul{padding:0 20px;}
.contentdesign ul li{padding:20px 0;border-bottom:1px solid #f0f0f0;}
.contentdesign ul li:last-child{border-bottom:none;}
.contentdesign ul li .pic{width:30%;}
.contentdesign ul li .txt{width:65%;}
.contentdesign ul li .txt h3{font-size:16px;line-height:24px;height:24px;overflow:hidden;margin-bottom:10px;text-align: left;}
.contentdesign ul li .txt p{font-size:14px;line-height:20px;color:#888;}
.contentdesign ul li .txt p span{float:right;}

.contentNews{border:1px solid #f0f0f0;}
.contentNews ul{padding:15px 20px;}
.contentNews ul li a{display:block;width:100%;font-size:15px;line-height:32px;height:32px;overflow:hidden;}

/*contact*/
.contact{position: relative;background: #000 url(../images/contactBg.jpg) center no-repeat;}
.contactTit{position: absolute;width: 16%;height: 100%;background: #000 url(../images/contactTitBg.jpg) center no-repeat;border-right: 3px solid #fff;color: #fff;}
.contactTit .con{width: 100%;position: absolute;left: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
.contactTit img{width: 80px;margin-bottom: 20px;}
.contactTit h3{margin: 0 auto;font-size: 42px;font-weight: bold;letter-spacing: 1px;-webkit-writing-mode: vertical-rl;-ms-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.contactTit h3 em{display: block;}
.contactTit h3 span{display: block;font-size: 22px;line-height: 150%;font-weight: normal;}
.contactTit h3 span i{color: #e50043;}
.contactList{margin-left: 16%;padding: 5% 15%;}
.contactList ul{justify-content: center;}
.contactList ul li{width: 450px;color: #fff;justify-content: flex-start;margin: 4% 0;}
.contactList ul li:nth-child(2n){width: 500px;}
.contactList ul li > img{height: 60px;margin: 0 20px 0 0;}
.contactList ul li span{font-size: 26px;font-weight: bold;}
.contactList ul li span i{display: block;font-size: 18px;font-weight: normal;}
.contactList ul li .pic{margin-left: 60px;width: 180px;}
.contactList ul li .pic img{height: 70px;margin: 0;}

.contactTxt{padding: 1.5% 0;background: #e50043 url(../images/contactTxtBg.jpg) center no-repeat;color: #fff;}
.contactTxt h3{font-size: 70px;font-weight: bold;letter-spacing: 2px;}
.contactTxt h4{font-size: 32px;font-weight: bold;letter-spacing: 2px;}

/*join*/
.join{background: #f0f0f0;padding-bottom: 2%;}
.join h3{font-size: 36px;font-weight: bold;padding: 2% 0 1.5% 0;letter-spacing: 2px;}
.join h3 span{display: block;font-size: 24px;font-weight: normal;line-height: 150%;}
.join ul li{width: 32.33%;margin-bottom: 1.5%;padding: 20px 30px 20px 20px;border: 3px solid #000;}
.join ul li h4{font-size: 36px;font-weight: bold;letter-spacing: 1px;margin-top: 15px;}
.join ul li .txt{font-size: 18px;height: 160px;overflow: hidden;}

/*disclaimer*/
.disclaimer{padding: 4% 0 3% 0;max-width:1220px;}
.disclaimer h2{font-size: 40px;letter-spacing: 2px;text-align: center;margin-bottom: 2%;}
.disclaimer p{margin-bottom: 1%;}

/*company*/
.companyTxt{background: #000;color: #fff;padding: 9% 0;}
.companyTxt .txt h3{font-size: 50px;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;}
.companyTxt .txt h2{margin: 1% 0 2% 0;}
.companyTxt .txt h2 em{border: 1px solid #fff;background: #e50043;font-size: 64px;font-weight: bold;padding: 0 40px 0 45px;letter-spacing: 5px;line-height: 160%;display: inline-block;}
.companyTxt .txt p{font-size: 28px;line-height: 200%;}
.companyTxt .txt p span{color: #e50043;}

.companyTit{font-size: 68px;text-align: center;font-weight: bold;letter-spacing: 2px;padding: 3% 0 2% 0;}
.companyTit span{font-size: 20px;display: block;line-height: 150%;letter-spacing: 0;}

.company{margin: 15px auto;background: #000;color: #fff;}
.company .container{padding: 2% 0 4% 0;}
.company .con{width: 60%;}
.company .con .txt1{margin: 6% 0;}
.company .con h4{font-size: 30px;font-weight: bold;padding-left: 70px;position: relative;letter-spacing: 5px;margin-bottom: 15px;}
.company .con h4 span{position: absolute;left: 0;bottom:0;width: 50px;line-height: 48px;background: #e50043;border: 1px solid #fff;text-align: center;}
.company .con p{font-size: 26px;font-weight: 100;letter-spacing: 5px;line-height: 200%;}
.company .con p span{display: block;}
.company .pic{width: 38%;}

.companyCore{background: #000;color: #fff;}
.companyCore .container{padding: 2% 0 4% 0;}
.companyCore .pic{width: 26%;}
.companyCore .pic ul li{border: 2px solid #fff;}
.companyCore .pic ul li:nth-child(2){margin: 11% 0;}

.companyCore .txt{width: 70%;}
.companyCore .txt h4{margin: 3% 0;}
.companyCore .txt h4:first-child{margin-top: 0;}
.companyCore .txt h4 em{display: inline-block;background: #e50043;font-size: 60px;line-height: 160%;font-weight: bold;width: 60%;padding: 0 30px;letter-spacing: 2px;}
.companyCore .txt p{font-size: 26px;line-height: 200%;letter-spacing: 2px;}

.Topteam{background: #000;margin: 15px auto;color: #fff;}
.Topteam h3{justify-content: flex-start;padding: 4% 0;}
.Topteam h3 span{margin-right: 30px;font-size: 68px;font-weight: bold;color: #e50043;letter-spacing: 2px;position: relative;line-height: 120%;}
.Topteam h3 img{position: absolute;height: 50px;right: 0;top:15px;}
.Topteam h3 em{font-size: 60px;font-weight: bold;letter-spacing: 8px;line-height: 120%;width: 150px;text-align: left;}
.Topteam ul li{width: 24%;}
.Topteam ul li h4{font-size: 36px;font-weight: bold;line-height: 120%;margin-bottom: 20px;}
.Topteam ul li h4 span{display: block;font-size: 20px;font-weight: 100;letter-spacing: 2px;}
.Topteam p{font-size: 64px;font-weight: bold;text-transform: uppercase;color: rgba(255,255,255,.3);text-align: center;line-height: 200%;}

.honor{background: #000 url(../images/honorBg.jpg) center repeat;color: #fff;}
.honor .container{padding: 2% 0 6% 0;}
.honor .pic{width: 32%;}
.honor .txt{width: 60%;}
.honor .txt p{font-size: 36px;font-weight: bold;line-height: 240%;letter-spacing: 3px;}
.honor .txt p span{color: #e50043;}

.praiseTit{margin-bottom: 3%;}
.praiseTit h3{padding-bottom: 1%;}
.praiseTit p{font-size: 20px;letter-spacing: 1px;}
.praiseTit p span{display: block;}

.project{margin: 15px auto;}

.partner{margin-bottom: 5px;}


@media screen and (max-width:1680px){

.reasonTit img{height: 100px;}
.reasonTit h3{font-size: 60px;}

.reasonBox ul li h3{font-size: 20px;line-height: 32px;}
.reasonBox ul li h3 em{font-size: 30px;line-height: 40px;}

.reasonBox ul li h4{font-size: 30px;line-height: 40px;}
.reasonBox ul li p{font-size: 20px;line-height: 32px;}

.reasonTxt h5{font-size: 40px;}
.reasonTxt .txt{font-size: 20px;line-height: 32px;padding-left: 30px;}
.reasonTxt .txt em{font-size: 30px;line-height: 40px;}

.core{-webkit-background-size: contain;background-size: contain;}
.coreTit h3{font-size: 60px;}
.coreTit h4{font-size: 28px;}
.coreBox ul li img{max-width: 60%;}

.worksTit{font-size: 60px;}
.worksList h3 em b{font-size: 26px;}
.worksList ul li .txt h4{font-size: 26px;}

.foucsTit .t2 h3{font-size: 60px;}
.foucsTit .t2 h3 span{font-size: 24px;letter-spacing: 2px;}
.foucsTxt ul li span{font-size: 24px;}
.foucsTxt ul li b{font-size: 36px;}

.teamTit h4{font-size: 60px;}
.teamTit i img{height: 42px;}
.teamBox ul li h4{font-size: 28px;}

.caseTit h3{font-size: 60px;}
.caseBox .swiper-slide .txt h4{font-size: 30px;}
.caseBox .swiper-slide .txt p{font-size: 16px;letter-spacing: 0;}

.swiper-container-info{margin-top: 1%;}
.swiper-container-info ul li{width: 32%;margin: 2% 2% 0 0;}
.swiper-container-info ul li h4{font-size: 28px;margin: 15px 0;line-height: 40px;height: 40px;}
.swiper-container-info ul li span{font-size: 16px;}
.swiper-container-info ul li p{font-size: 16px;letter-spacing: 0;}

.design .designList ul li .designTxt h2{font-size: 24px;margin-bottom: 5px;line-height: 36px;height: 36px;}
.design .designList ul li .designTxt table tr td{font-size: 16px;line-height: 140%;}

.contactTit h3{font-size: 36px;}

.contactList{padding: 5% 0;}

.contactTxt h3{font-size: 60px;}
.contactTxt h4{font-size: 28px;}

.join ul li h4{font-size: 32px;}
.join ul li .txt{font-size: 16px;height: 150px;}

.companyTxt .txt h2 em{font-size: 60px;}

.companyTit{font-size: 60px;}

.company .con p{font-size: 22px;letter-spacing: 2px;}

.companyCore .txt h4 em{font-size: 50px;}
.companyCore .txt p{font-size: 20px;letter-spacing: 1px;}

.Topteam h3 span{font-size: 60px;}
.Topteam h3 img{height: 46px;}
.Topteam h3 em{font-size: 50px;width: 120px;}
.Topteam ul li h4{font-size: 32px;}
.Topteam p{font-size: 56px;}

.honor .txt{width: 64%;}
.honor .txt p{font-size: 28px;}

.praiseTit p{font-size: 18px;}

}

@media screen and (max-width:1440px){

.reasonTit img{height: 100px;}
.reasonTit h3{font-size: 60px;}

.reasonBox ul li h3{font-size: 20px;line-height: 32px;}
.reasonBox ul li h3 em{font-size: 30px;line-height: 40px;}

.reasonBox ul li h4{font-size: 30px;line-height: 40px;}
.reasonBox ul li p{font-size: 20px;line-height: 32px;}

.reasonTxt h5{font-size: 40px;}
.reasonTxt .txt{font-size: 20px;line-height: 32px;padding-left: 30px;}
.reasonTxt .txt em{font-size: 30px;line-height: 40px;}

.core{-webkit-background-size: contain;background-size: contain;}
.coreTit h3{font-size: 60px;}
.coreTit h4{font-size: 28px;}
.coreBox ul li img{max-width: 60%;}

.worksTit{font-size: 60px;}
.worksList h3 em b{font-size: 26px;}
.worksList ul li .txt h4{font-size: 26px;}

.foucsTit .t2 h3{font-size: 60px;}
.foucsTit .t2 h3 span{font-size: 24px;letter-spacing: 2px;}
.foucsTxt ul li span{font-size: 24px;}
.foucsTxt ul li b{font-size: 36px;}

.teamTit h4{font-size: 60px;}
.teamTit i img{height: 42px;}
.teamBox ul li h4{font-size: 28px;}

.caseTit h3{font-size: 60px;}
.caseBox .swiper-slide .txt h4{font-size: 30px;}
.caseBox .swiper-slide .txt p{font-size: 16px;letter-spacing: 0;}

.swiper-container-info{margin-top: 1%;}
.swiper-container-info ul li{width: 32%;margin: 2% 2% 0 0;}
.swiper-container-info ul li h4{font-size: 28px;margin: 15px 0;line-height: 40px;height: 40px;}
.swiper-container-info ul li span{font-size: 16px;}
.swiper-container-info ul li p{font-size: 16px;letter-spacing: 0;}

.design .designList ul li .designTxt h2{font-size: 24px;margin-bottom: 5px;line-height: 36px;height: 36px;}
.design .designList ul li .designTxt table tr td{font-size: 16px;line-height: 140%;}

.contactTit h3{font-size: 36px;}

.contactList{padding: 5% 0;}

.contactTxt h3{font-size: 60px;}
.contactTxt h4{font-size: 28px;}

.join ul li h4{font-size: 32px;}
.join ul li .txt{font-size: 16px;height: 150px;}

.companyTxt .txt h2 em{font-size: 60px;}

.companyTit{font-size: 60px;}

.company .con p{font-size: 22px;letter-spacing: 2px;}

.companyCore .txt h4 em{font-size: 50px;}
.companyCore .txt p{font-size: 20px;letter-spacing: 1px;}

.Topteam h3 span{font-size: 60px;}
.Topteam h3 img{height: 46px;}
.Topteam h3 em{font-size: 50px;width: 120px;}
.Topteam ul li h4{font-size: 32px;}
.Topteam p{font-size: 56px;}

.honor .txt{width: 64%;}
.honor .txt p{font-size: 28px;}

.praiseTit p{font-size: 18px;}

}

@media screen and (max-width:1280px){

.reasonTit img{height: 80px;}
.reasonTit h3{font-size: 50px;}
.reasonTit h3 span{font-size: 20px;}

.reasonBox ul li{width: 33.33%;}
.reasonBox ul li p{letter-spacing: 2px;}
.reasonBox ul li:first-child{text-align: center;padding: 30px;}

.reasonTxt h5{font-size: 36px;letter-spacing: 0; width: calc(100% - 20%);}
.reasonTxt .txt{width: 20%;}

.coreTit h3{font-size: 50px;}
.coreTit h4{font-size: 24px;}
.coreBox{padding: 0;}
.coreBox ul li h5{font-size: 30px;}
.coreBox ul li p{font-size: 18px;}
.coreBox ul li img{max-width: 60%;}

.worksTit{font-size: 50px;}

.foucsTit .t1{padding: 30px 0;}
.foucsTit .t2{width: calc(100% - 360px);}
.foucsTit .t2 h3{font-size: 50px;line-height: 60px;}
.foucsTit .t2 h3 span{font-size: 20px;}
.foucsTit .t3{font-size: 24px;width: 260px;padding: 25px;}
.foucsTit .t3 span{font-size: 50px;}

.foucsTxt ul li span{font-size: 22px;}
.foucsTxt ul li b{font-size: 32px;}

.teamTit h4{font-size: 50px;}
.teamTit i img{height: 36px;}
.teamTit h3{font-size: 32px;}
.teamTit h3 span{font-size: 20px;letter-spacing: 1px;}
.teamBox ul li h4{font-size: 26px;}

.caseTit h3{font-size: 50px;}
.caseBox .swiper-slide .txt p span{display: inline;}
.caseList{bottom:8%;}

.infoList ul{width: 60%;}

.designText .txt h2{font-size: 32px;}

.news .newslist ul li .txt{padding:30px;}
.news .newslist ul li .txt h4{margin-bottom:15px;font-size:16px;}
.news .newslist ul li .txt p{margin:15px 0;}

.content{width: 70%;}
.content .con{font-size: 16px;}
.contentList{width: 28%;}

.contactList ul li{width: 420px;}
.contactList ul li:nth-child(2n){width: 450px;}
.contactList ul li .pic{width: 160px;margin-left: 30px;}

.contactTxt h3{font-size: 50px;}
.contactTxt h4{font-size: 24px;}

.companyTxt .txt h3{font-size: 36px;}
.companyTxt .txt h2 em{font-size: 50px;}
.companyTxt .txt p{font-size: 24px;}

.companyTit{font-size: 50px;}
.companyTit span{font-size: 18px;}

.company .con h4{font-size: 28px;letter-spacing: 2px;padding-left: 60px;}
.company .con h4 span{width: 40px;line-height: 38px;}
.company .con p{font-size: 20px;}

.companyCore .txt h4 em{font-size: 36px;}
.companyCore .txt p{font-size: 18px;}

.Topteam h3 span{font-size: 50px;}
.Topteam h3 img{height: 36px;}
.Topteam h3 em{font-size: 46px;}
.Topteam ul li h4{font-size: 28px;}
.Topteam ul li h4 span{font-size: 18px;}
.Topteam p{font-size: 46px;}

.honor .txt p{font-size: 26px;}

}

@media screen and (max-width:1024px){

.swiper-container-banner .swiper-pagination-bullet{width: 10px;height: 10px;}

.reasonTxt h5{font-size: 36px;letter-spacing: 0; width: calc(100% - 33.33%);}
.reasonTxt .txt{width: 33.33%;text-align:center;padding:30px;}

.worksList h3{width: 80px;}
.worksList h3 em {height: calc(100% - 94px);}
.worksList h3 em b{font-size: 20px;left: 25px;}
.worksList h3 span{line-height: 90px;font-size: 16px;}

.worksList ul{margin-left: 80px;width: calc(100% - 80px);}
.worksList ul li .txt{padding: 15px;}
.worksList ul li .txt h4{font-size: 20px;line-height: 36px;height: 36px;}
.worksList ul li .txt p{font-size: 16px;letter-spacing: 0;line-height: 24px;margin-top: 0;}

.foucsTit .t1{display: none;}
.foucsTit .t2{border-left: 3px solid #fff;width: calc(100% - 25%);}
.foucsTit .t3{width: 25%;}

.foucsTxt ul li{padding: 25px;}
.foucsTxt ul li b{font-size: 28px;letter-spacing: 0;}

.teamBox ul li h4{font-size: 24px;letter-spacing: 0;}
.teamBox ul li h4 span{font-size: 16px;}

.caseList{position: relative;width: 100%;padding: 0;margin-top: 3%;}
.caseList ul li{width: 9%;margin: 0;}

.infoList ul{width: 70%;}

.swiper-container-info ul li h4{font-size: 24px;margin-bottom: 10px;line-height: 36px;height: 36px;}
.swiper-container-info ul li span{font-size: 16px;}
.swiper-container-info ul li p{font-size: 15px;}
.swiper-container-info ul li .more{font-size: 16px;margin-top: 10px;}

.design .ColumnList ul > li{margin: 0 1%;}
.design .designTit h3{font-size: 30px;}
.design .designTit h4{font-size: 16px;}
.design .designList ul li .designTxt{padding: 10px 15px;}
.design .designList ul li .designTxt h2{font-size: 18px;line-height: 30px;height: 30px;}
.design .designList ul li .designTxt table tr td{font-size: 12px;}

.news .newsPage ul{width:60%;margin-right:100px;}

.content{width: 100%;;}
.contentList{width: 100%;margin-top:3%;display:flex;justify-content:space-between;}
.contentdesign,.contentNews{width:49%}

.contactTit{width: 100%;position: relative;border: none;background: none;padding-top: 6%;}
.contactTit .con{position: relative;top:0;left: 0;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;align-items: center;}
.contactTit img{margin: 0 20px 0 0;}
.contactTit h3{-webkit-writing-mode: initial;-ms-writing-mode: initial;writing-mode: initial;margin: 0;}

.contactList{margin-left: 0;padding-top: 3%;}
.contactList ul li{margin: 3% 0;}

.join h3{font-size: 32px;}
.join ul li h4{font-size: 30px;}
.join ul li .txt{height: 240px;}

.disclaimer h2{font-size: 30px;}

.companyTxt .txt h2 em{font-size: 40px;}

.company .con{width: 100%;}
.company .con .txt1{margin: 3% 0;}
.company .pic{display: none;}

.companyCore .pic{width: 100%;}
.companyCore .pic ul li{width: 32%;margin-bottom: 4%;}
.companyCore .pic ul li:nth-child(2){margin: 0 0 4% 0;}
.companyCore .txt{width: 100%;}
.companyCore .txt h4 em{width: 50%;}

.Topteam ul li h4{font-size: 24px;}
.Topteam ul li h4 span{letter-spacing: 1px;font-size: 16px;}
.Topteam p{font-size: 40px;}

.honor .txt p{font-size: 22px;letter-spacing: 1px;}

}

@media screen and (max-width:768px){

.reasonTit img{height: 60px;}
.reasonTit h3{font-size: 36px;}
.reasonTit h3 span{font-size: 16px;letter-spacing: 1px;}

.reasonBox ul li{padding: 30px 25px;}

.reasonTxt h5{font-size: 30px;}

.coreTit h3{font-size: 36px;}
.coreTit h4{font-size: 20px;}
.coreBox ul li h5{font-size: 24px;}
.coreBox ul li p{font-size: 16px;}

.worksTit{font-size: 36px;}
.worksList{margin: 0 3% 3% 3%;}
.worksList h3{position: relative;width: 100%;margin-bottom: 2%;}
.worksList h3 em{height: 100%;padding: 4% 0;}
.worksList h3 em b{position: relative;top:0;left: 0;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-webkit-writing-mode: initial;-ms-writing-mode: initial;writing-mode: initial;font-size: 36px;}
.worksList h3 span{display: none;}
.worksList .tit2{display: none;}
.worksList ul{margin-left: 0;width: 100%;}
.worksList ul li{width: 49%;margin: 0 2% 2% 0;}
.worksList ul li:nth-child(3n){margin-right: 2%;}
.worksList ul li:nth-child(2n){margin-right: 0;}

.foucsTit .t2 h3{font-size: 40px;}
.foucsTit .t2 h3 span{font-size: 16px;letter-spacing: 1px;margin-top: 0;}
.foucsTit .t3{padding: 30px 0;font-size: 20px;line-height: 30px;}
.foucsTit .t3 span{font-size: 40px;line-height: 50px;}

.foucsTxt ul li{width: 50%;}
.foucsTxt ul li span{font-size: 24px;}
.foucsTxt ul li b{font-size: 30px;letter-spacing: 1px;}

.teamBox{padding-top: 1%;}
.teamBox ul li{width: 49%;margin-top: 4%;}

.caseTit h3{font-size: 36px;}
.caseBox .swiper-slide .pic{width: 100%;}
.caseBox .swiper-slide .txt{width: 100%;}
.caseBox .swiper-slide .txt h4{margin: 20px 0;}

.infoList h3{font-size: 18px;}
.infoList h3 span{font-size: 24px;}
.infoList ul{margin-right: 0;}
.infoList ul li{font-size: 16px;}
.infoList .more{display: none;}

.swiper-container-info ul li{width: 49%;}
.swiper-container-info ul li:nth-child(3n){margin-right: 2%;}
.swiper-container-info ul li:nth-child(2n){margin-right: 0;}


.design .ColumnList ul li{font-size: 16px;letter-spacing: 0;line-height: 360%;}
.design .swiper-container-Column .swiper-slide ul li{letter-spacing: 0;padding: 0 1.5%;line-height: 50px;}
.design .designList ul li{width: 49%;}
.design .designList ul li:nth-child(3n-1){margin-left: 0;margin-right: 0;}
.design .designList ul li:nth-child(odd){margin-right:2%;}

.position .positionTit{font-size: 16px;line-height: 70px;}

.designText .txt h2{font-size: 24px;}
.designText .txt tr td{font-size: 16px;}
.designPage ul li{font-size: 16px;line-height: 46px;}
.designPage ul li a{font-size: 16px;line-height: 46px;}

.news .newsTit span{font-size:30px;margin-bottom:5px;}
.news .newsTit em{font-size:18px;}
.news .newsPage{padding:0 1%;}
.news .newsPage ul{width:68%;margin-right:80px;}
.news .newsPage ul li{font-size:15px;}
.news .newsPage ul li a{padding:0}
.news .newslist ul{padding: 1% 1% 0 1%;}
.news .newslist ul li{width: 49%;}
.news .newslist ul li:nth-child(3n){margin-right:2%;}
.news .newslist ul li:nth-child(even){margin-right:0;}

.contentBox .container{padding:0 1%;}
.content .tit h1{font-size: 24px;}
.contentList h4{font-size: 18px;}

.contactTit img{height: 60px;width: auto;}
.contactTit h3{font-size: 30px;}
.contactTit h3 span{font-size: 18px;}

.contactList{margin: 0 3%;}
.contactList ul li{width: 46%;}
.contactList ul li:nth-child(even){width: 54%;}
.contactList ul li > img{height: 50px;margin-right: 10px;}
.contactList ul li span{font-size: 24px;}
.contactList ul li span i{font-size: 16px;line-height: 150%;}
.contactList ul li .pic{width: 130px;}
.contactList ul li .pic img{height: 60px;}

.contactTxt h3{font-size: 40px;}
.contactTxt h4{font-size: 18px;}

.join ul li{width: 49%;margin-bottom: 2%;padding: 15px;}
.join ul li .txt{height: 210px;}

.companyTxt .txt h3{font-size: 30px;}
.companyTxt .txt h2 em{font-size: 36px;padding: 0 30px 0 35px;}
.companyTxt .txt p{font-size: 22px;}

.companyTit{font-size: 40px;}
.companyTit span{font-size: 14px;}

.company{margin: 10px auto;}
.company .pic{display: block;width: 100%;margin: 3% 3% 2% 3%;}

.companyCore .txt h4 em{width: 450px;}
.companyCore .txt p{font-size: 17px;letter-spacing: 0;}

.Topteam{margin: 10px auto;}
.Topteam h3 span{line-height: 110%;font-size: 46px;margin-right: 20px;}
.Topteam h3 img{top:10px;}
.Topteam h3 em{font-size: 40px;}
.Topteam ul li{width: 49%;margin-top: 30px;}
.Topteam ul li:nth-child(1),.Topteam ul li:nth-child(2){margin-top: 0;}
.Topteam ul li h4{font-size: 28px;}
.Topteam ul li h4 span{}
.Topteam p{font-size: 30px;}

.honor .pic{width: 34%;}
.honor .txt p{font-size: 18px;letter-spacing: 0;line-height: 220%;}

.praiseTit p{font-size: 16px;letter-spacing: 0;}

.project{margin: 10px auto;}


}

@media screen and (max-width:480px){

.swiper-container-banner .swiper-slide{width: 100%;overflow-x: hidden;}
.swiper-container-banner .swiper-slide img{width: auto;max-width:300%;height: 60vw;object-fit: cover;font-family: "object-fit: cover;";position: relative;top:0;left: 50%;-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

.reasonTit img{height: 46px;}
.reasonTit h3{font-size: 24px;}
.reasonTit h3 span{font-size: 12px;letter-spacing: 0;}

.reasonBox ul li{width: 50%;padding: 15px 0;}
.reasonBox ul li h3{font-size: 16px;line-height: 24px;}
.reasonBox ul li h3 em{font-size: 24px;line-height: 36px;margin-top: 5px;}
.reasonBox ul li h4{font-size: 24px;line-height: 36px;margin-bottom: 5px;}
.reasonBox ul li p{font-size: 16px;line-height: 24px;letter-spacing: 0;}
.reasonBox ul li:first-child{padding: 15px 0;}

.reasonTxt h5{display: none;}
.reasonTxt .txt{border-left: none;width: 100%;padding: 25px;letter-spacing: 1px;}
.reasonTxt .txt em{margin-bottom: 10px;}

.core{padding-bottom: 6%;}
.coreTit h3{font-size: 28px;}
.coreTit h4{font-size: 16px;}
.coreBox ul li{width: 50%;margin-top: 20px;}

.worksTit{font-size: 28px;letter-spacing: 1px;}
.worksList h3 em{padding: 6% 0;}
.worksList h3 em b{font-size: 24px;}
.worksList ul li{width: 100%;margin-right: 0;}
.worksList ul li:nth-child(3n){margin-right: 0;}
.worksList ul li .txt p{font-size: 14px;}

.foucsTit .t2{width: 100%;border-right: 3px solid #fff;padding: 20px 0;}
.foucsTit .t2 h3{font-size: 24px;line-height: 150%;}
.foucsTit .t2 h3 span{font-size: 12px;letter-spacing: 0;line-height: 150%;}
.foucsTit .t3{width: 100%;text-align: right;padding: 10px 15px;line-height: 50px;}
.foucsTit .t3 span{float: left;font-size: 36px;}

.foucsTxt ul li{padding: 10px 15px 15px 15px;}
.foucsTxt ul li span{font-size: 16px;margin: 5px 0;}
.foucsTxt ul li b{font-size: 20px;}

.teamTit h4{display: none;}
.teamTit h3{text-align: left;font-size: 24px;margin: 10px 0;}
.teamTit h3 span{font-size: 12px;}

.teamBox ul li h4{font-size: 18px;margin-bottom: 10px;}
.teamBox ul li h4 span{font-size: 12px;}

.caseTit h3{font-size: 24px;padding: 3% 0;}
.caseBox .swiper-slide .txt h4{font-size: 20px;margin: 15px 0 10px 0;}
.caseBox .swiper-slide .txt p{font-size: 15px;}
.caseList ul li{width: 18.4%;margin: 1% 0;}

.info{padding-bottom: 5%;}
.infoList .container{align-items: center;}
.infoList ul{width: 64%;}
.infoList ul li{padding: 2px 0;}

.swiper-container-info ul li{width: 100%;margin-right: 0;margin-top: 4%;}
.swiper-container-info ul li:nth-child(3n){margin-right: 0;}
.swiper-container-info ul li h4{font-size: 20px;line-height: 30px;height: 30px;}



.design .ColumnList ul li{font-size: 16px;width: 50%;margin: 0;text-align: center;position: relative;line-height: 320%;border-bottom: 1px solid #f8f8f8;}
.design .ColumnList ul li:nth-child(odd){border-right: 1px solid #f8f8f8;}
.design .ColumnList ul li:nth-child(5),.design .ColumnList ul li:nth-child(6){border-bottom: none;}
.design .swiper-container-Column .swiper-slide{padding: 3% 0;}
.design .swiper-container-Column .swiper-slide ul li{font-size: 12px;padding: 0 10px;line-height: 220%;}
.design .designTit{padding: 15px 0;}
.design .designTit h3{font-size: 22px;margin-bottom: 3px;}
.design .designTit i{width: 160px;}
.design .designTit h4{font-size: 12px;}

.design .designList ul li{width: 100%;}
.design .designList ul li:nth-child(odd){margin-right:0;}
.design .designList .more{margin: 5% auto 2% auto;}

.designText .txt{margin-left: 0;margin-top: 3%;}
.designText .txt h2{font-size: 20px;margin-bottom: 3%;}
.designText .txt tr td{font-size: 14px;}
.designPage ul li{font-size: 14px;line-height: 40px;}
.designPage ul li a{font-size: 14px;line-height: 40px;}

.position{padding: 3% 0;}
.position .positionTit{font-size: 15px;line-height: 180%;}
.position .positionCon{font-size: 12px;opacity: .8;}

.news{padding-top: 6%;}
.news .newsTit em{font-size:16px;}
.news .newsPage ul{margin-right:0;width:200px;}
.news .newsPage ul li{font-size:14px;line-height:28px;}
.news .newsPage ul li.on, .news .newsPage ul li:hover{border-bottom:none;}
.news .newsMore{display:none;}
.news .newslist ul{padding: 1%;}
.news .newslist ul li{width: 100%;margin-right:0;margin-top:3%;}
.news .newslist ul li:nth-child(3n){margin-right:0;}
.news .newslist ul li .txt{padding:20px}
.news .newslist ul li .txt .time{font-size: 12px;line-height: 20px;}
.news .newslist ul li .txt h4{font-size: 14px;line-height: 20px;margin-bottom: 10px;height: 20px;}
.news .newslist ul li .txt p{font-size: 12px;line-height: 20px;height:40px;margin:10px 0;}

.newsBoxPage ul li{font-size: 12px;line-height: 24px;}
.newsBoxPage ul li a{padding:0 10px;}
.newsBoxPage ul li b{padding:0 10px;}

.contentBox .container{width:100%;padding:0;}
.content{border:none;}
.content .tit{margin:1% 3% 0 3%;}
.content .tit h1{font-size: 16px;padding:5px 0;}
.content .tit .info{font-size: 12px;}
.content .con{font-size: 14px;line-height: 160%;padding:3%}

.Page{padding:3%;}
.Page ul{width:100%;}
.Page ul li{width: 100%;font-size:12px;line-height:18px;height:18px;overflow:hidden;margin-bottom:5px;}
.Page .btn a{line-height:250%;margin-top:5%}

.contentList{width:94%;margin:0 auto;padding-top:2%;flex-wrap: wrap;}
.contentList h4{font-size:16px;padding:0 15px;}
.contentdesign,.contentNews{width:100%;margin:2% 0;}
.contentdesign ul{padding: 0 15px;}
.contentdesign ul li{padding:15px 0;}
.contentdesign ul li .txt h3{font-size:14px;margin-bottom:5px}
.contentdesign ul li .txt p{font-size:12px;}
.contentNews ul{padding: 10px 15px;}
.contentNews ul li a{font-size: 14px;line-height: 30px;height: 30px;}

.contactTit img{display: none;}
.contactTit h3{font-size: 22px;}
.contactTit h3 span{font-size: 14px;letter-spacing: 0;}

.contactList ul li{width: 100%;margin: 3% 0;}
.contactList ul li:nth-child(2n){width: 100%;}
.contactList ul li:nth-child(1),.contactList ul li:nth-child(2),.contactList ul li:nth-child(3),.contactList ul li:nth-child(4){width:50%;}
.contactList ul li > img{height:30px;margin-right:5px}
.contactList ul li span{font-size:16px;}
.contactList ul li span i{font-size:12px;}
.contactList ul li .pic{margin-left: 20px;width:110px}
.contactList ul li .pic img{height:50px;}

.contactTxt{padding: 3% 0;}
.contactTxt h3{font-size: 22px;letter-spacing: 0;}
.contactTxt h4{font-size: 12px;letter-spacing: 0;}

.join h3{font-size: 24px;letter-spacing: 0;}
.join h3 span{font-size: 18px;}
.join ul li{width: 100%;}
.join ul li h4{font-size: 24px;margin-top: 10px;}
.join ul li .txt{font-size: 15px;height: auto;}

.disclaimer h2{font-size: 24px;}

.companyTxt .txt h3{font-size: 18px;}
.companyTxt .txt h2 em{font-size: 22px;letter-spacing: 0;padding: 0 10px;}
.companyTxt .txt p{font-size: 16px;}
.companyTxt .txt p em{display: block;}

.companyTit{font-size: 28px;padding: 4% 0 2% 0;}
.companyTit span{font-size: 12px;}

.company .con h4{font-size: 20px;padding-left: 40px;}
.company .con h4 span{width: 30px;line-height: 28px;}
.company .con p{font-size: 15px;letter-spacing: 1px;}

.companyCore .txt h4 em{font-size: 24px;padding: 0 12px;width: 280px;}
.companyCore .txt p{font-size: 15px;}

.Topteam h3 span{font-size: 30px;margin-right: 10px;}
.Topteam h3 img{height: 24px;top:5px;}
.Topteam h3 em{font-size: 26px;width: 80px;letter-spacing: 3px;}

.Topteam ul li{margin-top: 15px;}
.Topteam ul li h4{font-size: 18px;margin-bottom: 10px;}
.Topteam ul li h4 span{font-size: 14px;letter-spacing: 0;}
.Topteam p{font-size: 16px;}

.honor .pic{width: 100%;}
.honor .txt{width: 100%;margin-top: 3%;}
.honor .txt p{font-size: 15px;}

.praiseTit p{font-size: 14px;}
.praiseTit p span{display: inline;letter-spacing: 0;}

}