*{margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box;}
ul li{ list-style: none;}
a{ text-decoration: none;}
img{ max-width: 100%; display: block;}
html,body{ background: #fff; width: 100%; font-family: "microsoft yahei",arial; color: #333;}
.flex {display: flex;display: -webkit-flex;}
.flex.jlr {justify-content: space-between;}
.flex.j-center {justify-content: center;}
.flex.a-center {align-items: center;}
.flex.col {flex-direction: column;}
.flex.wrap {flex-wrap: wrap;}
.flex.j-end {justify-content: flex-end;}
.flex.a-end {align-items: flex-end;}
.homeTM{ width: 1200px; position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 1; opacity: 0.2; display: none;}
.container{ width: 1200px; margin: auto;}
.headerTop{ background: #f1f2f4; height:24px; line-height: 24px; font-size: 14px;}
.h100{ height: 100%;}
.header{position: relative; box-shadow: 0px 2px 3px rgba(63,63,63,0.2); z-index: 2;}
.headerTop .mapIcon{ width: 7px; margin-right: 8px; height: 10px; background: url(../images/maoIcon.png) no-repeat; background-size:100% 100%;}
.headerTop .cut{ color: #ff7600; cursor: pointer; margin-left: 7px; position: relative;}
.headServer{ font-size: 12px;}
.headServer a{ color: #333;}
.headerContainer{position: relative; height: 96px;}
.headerContainer .city{ width: 510px; padding: 24px; padding-right: 20px; padding-top: 20px; display: none; height: 174px; background: #fff; position: absolute; left: 200px; top: 88px; z-index: 98; box-shadow: 0px 0px 10px rgba(63,63,63,0.1); -webkit-box-shadow: 0px 0px 10px rgba(63,63,63,0.1);}
.headerContainer .city::before{content: ''; display: block; position: absolute; height:0; width:0; border-left:9px solid transparent; z-index: 2; border-right:9px solid transparent; border-bottom:9px solid #fff; top: -9px; left: 24px;}
.headerContainer .city::after{content: ''; display: block; position: absolute; height:0; width:0; border-left:9px solid transparent; z-index: 1; border-right:9px solid transparent; border-bottom:9px solid rgba(63,63,63,0.1); top: -12px; left: 24px; filter:blur(4px)}
.headerContainer .city .cityItem{ width: 50px; cursor: pointer; margin-bottom: 5px; font-size: 16px; color: #333; display: block; line-height: 30px; height: 30px; float: left;}
.headerContainer .city .cityItem a{ color: #333;}
.headerContainer .city .cityItem.on a,.headerContainer .city .cityItem:hover a{ color: #ff7600;}
.headerContainer .logo,.headerContainer .logo img{ width: 184px; height: 52px;}
.headerContainer .logo{margin-right: 33px; float: left;}
.menu{ float: left;}
.menu ul{ overflow: hidden;}
.menu ul li{ float: left; margin-right: 15px; transition: all 0.4s;}
.menu ul li h4 a{ color: #333333; transition: all 0.4s; font-family:"microsoft yahei"; display: block; position: relative; padding: 37px 12px; font-weight: 400; font-size: 18px;}
.menu ul li h4 a.on,.menu ul li h4 a:hover{ color: #288bde;}
.menu ul li h4 a.on::before,.menu ul li h4 a:hover::before{content: ''; display: block; width: 40px; height: 2px; background: #288bde; position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%);}
.headPhone{width: 217px; margin-top: 8px; position: relative; padding-left: 62px; height: 62px; float: right;}
.headPhone b{ width: 42px; height: 42px; background: url(../images/phoneIcon.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 10px;}
.headPhone p{color: #333; font-size: 16px;}
.headPhone h4{ font-family: arial; transform-origin:left top; -webkit-transform-origin:left top; -webkit-transform: scale(0.92,1); transform: scale(0.92,1); color: #FF7600; font-size: 27px; white-space: nowrap; padding-top: 4px;}
.banner{ width: 100%; height: 500px;}
.m_banner {
	width:100%;
	height:500px;
	display:none;
}
.banner img{ width:1920px; height: 500px; object-fit:cover;}
.business{ padding-top: 41px;}
.swiper-pagination-bullet{ width: 14px; height: 14px; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0px 15px;}
.business h2{ text-align: center; font-size: 35px; font-weight: 900;}
.businessLine{ width: 560px; height: 28px; position: relative; margin: auto; margin-top: 17px;}
.businessLine::before{content:''; display: block; width: 100%; height: 1px; background: #288BDE; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.businessLine_cont{ width: 280px; height: 28px; line-height: 28px; text-align: center; font-size: 18px; background: #288BDE; color: #fff; position: absolute; left: 50%; transform: translateX(-50%);}
.businessFlexList{ padding-top: 30px; padding-bottom: 20px; padding-left: 41px; overflow: hidden;}
.businessFlexItem{ width: 240px; overflow: hidden; transition: all 0.4s; -webkit-transition: all 0.4s; float: left; margin-left: 32px; background: #fff; height: 322px; background: #fff; border-radius: 5px; box-shadow: 0px 0px 10px rgba(63,63,63,0.29); -webkit-box-shadow: 0px 0px 10px rgba(63,63,63,0.29);}
.businessFlexItemImage,.businessFlexItemImage img{ width: 100%; height: 140px;}
.businessFlexItemContent{ flex: 1; padding: 0px 35px 0px 35px;}
.businessFlexItemContent h4{ color: #333; text-align: center; font-size: 20px; padding-top: 15px;}
.businessFlexItemContent p{ color: #333; padding-top: 10px; font-size: 14px; line-height: 1.8;}
.businessFlexItemContent .subscribeBtn{ width: 110px; font-size: 14px; margin: auto; margin-top: 24px; height: 30px; line-height: 28px; text-align: center; color: #5cacf0; border: 1px solid #5cacf0;}
.businessFlexItem:hover .businessFlexItemImage{ border: 2px solid #5cacf0; transition: all 0.4s; border-radius: 5px 5px 0px 0px;}
.businessFlexItem:hover .businessFlexItemContent{ background: #5CACF0; color: #fff; transition: all 0.4s; border-radius: 0px 0px 5px 5px;}
.businessFlexItem:hover .businessFlexItemContent p,.businessFlexItem:hover .businessFlexItemContent h4{ color: #fff;}
.businessFlexItem:hover .subscribeBtn{ border: 1px solid #fff; color: #fff;}
.assistance{ width: 100%; height: 574px; background: url(../images/assistance.png) no-repeat; background-size:1920px 100%; background-position: center top;}
.assistance_container h2{ color: #333333; text-align: center; font-size: 35px; font-weight: 900;}
.assistance_container{ padding-top: 43px;}
.assistanceCenter{ flex: 1; position: relative; background:url(../images/assistanceCenter.png) no-repeat center 37px;}
.assistance_ctLeft{ width: 375px; padding-left: 65px;}
.assistance_ctLeft .item{ margin-top: 31px;}
.assistance_ctLeft .item img{ width: 66px; height: 66px; transition: all 0.4s; -webkit-transition: all 0.4s;}
.assistance_ctLeft .item:hover img{transform: rotate(360deg);}
.assistance_ctLeft .itemInfos{ flex: 1; padding-left: 40px;}
.assistance_ctLeft .itemInfos h3{ color: #288bde; font-size: 21px;}
.assistance_ctLeft .itemInfos p{ color: #666; font-size: 16px; padding-top: 10px; line-height: 1.8;}
.assistance_ctRight{width: 390px; padding-right: 70px;}
.assistance_ctRight .item{ margin-top: 31px;}
.assistance_ctRight .item img{ width: 66px; height: 66px; transition: all 0.4s; -webkit-transition: all 0.4s; transform-origin: center center;}
.assistance_ctRight .item:hover img{transform: rotate(360deg);}
.assistance_ctRight .itemInfos{ flex: 1; padding-right: 40px; text-align: right;}
.assistance_ctRight .itemInfos h3{ color: #288bde; font-size: 21px;}
.assistance_ctRight .itemInfos p{ color: #666; font-size: 16px; padding-top: 10px; line-height: 1.8;}
.case{ padding-top:43px; padding-bottom: 50px; overflow: hidden;}
.case h2{ color: #333333; text-align: center; font-size: 35px; font-weight: 900;}
.caseTab{ padding-top: 30px; padding-left: 30px; overflow: hidden; padding-bottom: 10px;}
.caseTabItem{ width: 160px; cursor: pointer; border-radius: 3px; float: left; font-size: 20px; color: #666; margin: 0px 15px; height: 50px; background: #e9e9e9; position: relative;}
.caseTabItem b{ display: block; margin-right: 15px; margin-left: 17px; width: 30px; height: 30px; background: url(../images/IconTab.png) no-repeat;}
.caseTabItem b.icon1{ background-position: 0px -30px;}
.caseTabItem b.icon2{ background-position: -30px -30px;}
.caseTabItem b.icon3{ background-position: -60px -30px;}
.caseTabItem b.icon4{ background-position: -90px -30px;}
.caseTabItem b.icon5{ background-position: -120px -30px;}
.caseTabItem b.icon6{ background-position: -150px -30px;}
.caseTabItem:hover b.icon1,.caseTabItem.on b.icon1{ background-position: 0px -0px;}
.caseTabItem:hover b.icon2,.caseTabItem.on b.icon2{ background-position: -30px -0px;}
.caseTabItem:hover b.icon3,.caseTabItem.on b.icon3{ background-position: -60px -0px;}
.caseTabItem:hover b.icon4,.caseTabItem.on b.icon4{ background-position: -90px -0px;}
.caseTabItem:hover b.icon5,.caseTabItem.on b.icon5{ background-position: -120px -0px;}
.caseTabItem:hover b.icon6,.caseTabItem.on b.icon6{ background-position: -150px -0px;}
.caseTabItem.on,.caseTabItem:hover{ background: #288bde; color: #fff;}
.caseTabItem.on::before,.caseTabItem:hover::before{content: '';position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); height:0; width:0; border-left:8px solid transparent; border-right:8px solid transparent;	 border-top:8px solid #288bde;}
.caseList ul{ padding-left: 17px; display: none;}
.caseList ul li{ width: 270px; border-radius: 5px; overflow: hidden; position: relative; height: 200px; border-radius: 5px; float: left; margin-left: 18px; margin-top: 18px;}
.caseList ul li p{ position: absolute; font-size: 18px; bottom: 0px; width: 100%; text-align: center; height: 36px; line-height: 36px; left: 0; background: rgba(53,53,53,0.6); color: #fff;}
.caseList ul li img{ transition: all 0.4s; -webkit-transition: all 0.4s; transform-origin: center center;width:100%;height:100%;}
.caseList ul li:hover img{transform: scale(1.2,1.2);}
.project{ width: 100%; height: 714px; background: url(../images/productBg.png); padding-top: 43px;}
.project h2{ color: #333333; text-align: center; font-size: 35px; font-weight: 900;}
.projectTable{ width: 100%; padding-top: 30px;}
.projectTable .item{ width: 138px; cursor: pointer; height: 60px; background: #d4d4d4; margin: 0px 5px; position: relative; font-size: 20px; color: #333; line-height: 60px;}
.projectTable .item span{ margin-left: -2px;}
.projectTable .item.on,.projectTable .item:hover{ background: #288bde; color: #fff; height: 70px;}
.projectTable .item:hover::before,.projectTable .item.on::before{content: '';position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); height:0; width:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #288bde;}
.projectTable .item b{ display: block; margin-top: 6px; width:50px; height:50px; background: url(../images/iconShichang.png) no-repeat;}
.projectTable .item b.icon1{ background-position:0 -50px;}
.projectTable .item b.icon2{ background-position:-50px -50px;}
.projectTable .item b.icon3{ background-position:-100px -50px;}
.projectTable .item b.icon4{ background-position:-150px -50px;}
.projectTable .item:hover b.icon1,.projectTable .item.on b.icon1{ background-position:0 0px;}
.projectTable .item:hover b.icon2,.projectTable .item.on b.icon2{ background-position:-50px 0px;}
.projectTable .item:hover b.icon3,.projectTable .item.on b.icon3{ background-position:-100px 0px;}
.projectTable .item:hover b.icon4,.projectTable .item.on b.icon4{ background-position:-150px 0px;}
.projectText{ text-align: center;font-size: 20px; padding-top: 42px;}
.projectFlexs{ padding-top: 27px; display: none;}
.itemProject{ width: 250px; height: 334px; background: #278bde; margin: 0px 9px;}
.itemProject:nth-child(2){ background: #83bff0;}
.itemProject:nth-child(4){ background: #83bff0;}
.itemProject h3{ font-size: 28px; margin-top: 26px; color: #fff; text-align: center;}
.itemProject p{ display: block; padding: 0px 24px;  word-break: break-all; word-wrap: break-word; word-break: normal; color: #fff; font-size: 14px; padding-top: 10px; line-height: 1.8;}
.itemProject b{ display: block; margin: auto; margin-top: 38px; width: 80px; height: 80px; background: url(../images/projectIcons.png) no-repeat;}
.itemProject b.icon1{background-position: 0 0;}
.itemProject b.icon2{background-position: -80px 0;}
.itemProject b.icon3{background-position: -160px 0;}
.itemProject b.icon4{background-position: -240px 0;}
.brand{padding-top:43px;}
.brand h2{ color: #333333; text-align: center; font-size: 35px; font-weight: 900;}
.brandBackground{ width: 100%; margin-top: 30px; height: 475px; background: url(../images/brandBg.png) no-repeat; background-size:100% auto; background-attachment: fixed; background-position: center center;}
.brandImage{ padding: 6px; margin-top: 16px; width: 492px; height: 390px; padding-bottom: 16px; background: url(../images/brandImage.png) no-repeat; background-size: 100% 100%;}
.brandInfo{ flex: 1; margin-left: -1px; line-height: 1.7; background: rgba(36,42,51,0.7); height: auto; text-indent: 1em; padding: 30px 22px; color: #fff; font-size: 15px;}
.brandInfo p{ margin-bottom: 22px;}
.brandInfo .borus{width: 401px; margin: auto; padding-top: 18px;}
.brandInfo .borusLeft{ flex: 1;}
.borusFlex{ height: 40px;}
.borusFlex .borLefts{ flex: 1; white-space: nowrap; font-size: 16px; color: #fff; border: 1px solid #fff; border-right: 0px; border-radius:20px 0px 0px 20px;}
.borusFlex .borLefts span{ font-family: arial; font-weight: 900; font-size: 24px; transform-origin:left top; -webkit-transform-origin:left top; -webkit-transform: scale(0.92,1); transform: scale(0.92,1);}
.borusFlex .borRightBtns{ width: 120px; font-size: 18px; padding-right: 10px; height: 40px; background: #FF7600; color: #fff; border-radius: 0px 20px 20px 0px;}
.borusFlex .borRightBtns a{ color: #fff;}
.league{padding-top:43px; background: url(../images/productBg.png); padding-bottom: 50px;}
.leagueFlex{ padding-top: 30px;}
.league h2{ color: #333333; text-align: center; font-size: 35px; font-weight: 900;}
.league .blocks{ width: 100px;}
.league .blocks p{font-size: 16px; text-align: center; padding-top: 10px;}
.league b{ width: 100px; display: block; height: 100px; position: relative;  background: url(../images/leagueIcon.png) no-repeat; transition: all 0.4s;}
.league b:hover{ transform:rotate(359deg);}
.league b.icon1{background-position:0 0;}
.league b.icon2{background-position:-100px 0;}
.league b.icon3{background-position:-200px 0;}
.league b.icon4{background-position:-300px 0;}
.league b.icon5{background-position:-400px 0;}
.backRight{ width: 125px; height: 100px; margin-bottom: 30px; background: url(../images/backRight.png) no-repeat;}
.league b p{ font-weight: 400; width: 100%; text-align: center; position: absolute; bottom: -32px; font-size: 14px;}
.leagueBtn{ width: 130px; cursor: pointer; margin: 0px 28px; height: 40px; background: #FF7600; color: #fff; text-align: center; line-height: 40px;}
.leagueBtnGroup{ padding-top: 57px; font-size: 18px;}
.puzzled{ width: 100%; padding-top:43px; height: 475px; background: url(../images/puzzled.png) no-repeat; background-size: 1920px 475px; background-position: center center;}
.puzzled h2{ color: #fff; text-align: center; font-size: 35px; font-weight: 900;}
.puzzled ul li{ padding-left: 68px; margin-bottom: 20px; font-size: 18px; float: left; border-radius: 7px 0px 0px 7px; color: #5cacf0; height: 50px; line-height: 50px; background: #fff; width: 50%; position: relative;}
.puzzled ul li a{color: #5CACF0;}
.puzzled ul li b{width: 40px; height: 40px; position: absolute; background: url(../images/QandA.png) no-repeat; left: 12px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.puzzled ul li:nth-child(2n){ color: #fff; border-radius: 0px 7px 7px 0px;}
.puzzled ul li:nth-child(2n){ color: #fff;}
.puzzled ul li:nth-child(2n){ background-position: 0px -40px;}
.puzzledList{margin: auto; width: 1000px; margin-top: 30px;}
.messageKefu{ width: 100%; height: 300px; background: #5cacf0; margin-top: 95px;}
.messageKefu_container{ padding-left: 72px; position: relative;}
.messageKefu_container h3{ color: #fff; font-weight: 600; padding-top: 20px; letter-spacing: 1px; font-size: 18px;}
.messageKefu_container h3 span{ color: #FF7600;}
.messageKefu_container .satisfy{ font-size: 18px; position: relative; color: #fff; padding-top: 8px;}
.messageKefu_container .satisfy::before{content: ''; display: block; width: 30px; height: 2px; background: #fff; position: absolute; bottom: -13px;}
.ewm{ width: 124px;}
.ewm p{ font-size: 14px; padding-top: 15px; color: #fff; white-space: nowrap;}
.phoneTels{ width: 242px; margin-left: 22px; margin-top: 58px; line-height: 100%; color: #fff; font-family: arial; font-size: 22px; font-weight: 900; height: 48px; background:url(../images/messagePhone.png) no-repeat; background-size: 100% 100%; padding-left: 50px; padding-top: 24px;}
.phoneTels span{transform-origin:left top; display: block; -webkit-transform-origin:left top; -webkit-transform: scale(0.9,1); transform: scale(0.9,1);}
.messageKefu_img{ width: 413px; position: absolute; bottom: 0; left: 294px; height: 347px; background: url(../images/kefu.png) no-repeat; background-size: 100% 100%;}
.messagebox{ width: 400px; padding:10px 24px; height: 270px; border: 1px solid #fff; margin-top: 15px; margin-right: 70px;}
.messagebox h4{ color: #fff; font-size: 20px; color: #fff; display: block;}
.messagebox span{ color: #fff; font-size: 16px; line-height: 1.6; display: block;}
.elInput{padding: 0px 4px; padding-top: 26px;}
.elInput input{ width: 160px; height: 30px; color: #333; background: #fff; border: 1px solid #bfbfbf; padding: 0px 10px; font-size: 14px;}
.elInput textarea{ width: 100%; display: block; height: 80px; color: #333; overflow: hidden; border: 1px solid #bfbfbf; padding: 8px; font-size: 14px;}
.messageBtns{ width: 100px; color: #fff; text-align: center; font-size: 14px; cursor: pointer; line-height: 24px; height: 24px; border-radius: 12px; background: #FF7600; margin: auto; margin-top: 10px;}
.system{ margin-top: 43px;}
.systemLeft{ width: 841px;}
.systemTitle{ width: 100%; padding-left: 175px; height: 40px; line-height: 40px; border-bottom: 2px solid #288bde; font-size: 16px;}
.systemTitle .item{ padding:0px 20px; margin-right: 26px; position: relative; cursor: pointer;}
.systemTitle .item.on,.systemTitle .item:hover{ color: #288BDE;}
.systemTitle .item.on::before,.systemTitle .item:hover::before{content: ''; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -14px; display: block; width: 22px; height: 14px; background: url(../images/typeDown.png) no-repeat; background-size: 100% 100%;}
.systemRight{ width: 300px;}
.systemRight a{ color: #333; font-size: 14px; padding: 0px 10px;}
.systemRight a.on,.systemRight a:hover{ color: #288BDE;}
.systemRightnr{ display: none;}
.iconfont.icon-xia{ font-size: 0.2rem;}
.systemLeft ul{ padding-top: 30px;}
.systemLeft ul li{ width: 402px; height: 120px; margin-bottom: 30px;}
.newsImage,.newsImage img{ width: 178px; height: 120px;}
.newsInfos{ flex: 1; padding-left: 20px;}
.newsInfos h4{ font-size: 17px; color: #333; line-height: 1.8; margin-bottom: 13px;}
.newsInfos p{ font-size: 14px; color: #666; line-height: 1.8;}
.systemRight h3{ color: #FF7600; font-weight: 400; padding-top: 39px; margin-left: 5px; font-size: 18px;}
.systemRight ul{ margin-top: 8px;}
.systemRight ul li{ padding-left: 13px; line-height: 32px; position: relative;}
.systemRight ul li a{ padding: 0px; display: block;}
.systemRight ul li::before{content: ''; position: absolute; display: block; width: 7px; height: 10px; background: url(../images/rightIcon.png) no-repeat; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.footer{ width: 100%; background: #333; color: #fff; height: 255px; margin-top: 20px;}
.footerBot{ width: 100%; text-align: center; color: #fff; height: 29px; background: #000; font-size: 14px; line-height: 29px;}
.footerLink{ width: 100%; height: 100px; background: #4e4e4e;}
.footer_container_top{ width: 1033px; margin: auto; height: 76px; border-bottom: 1px solid #626262;}
.TelPhoneIcon{ width: 40px; height: 40px; background: url(../images/telPhone.png) no-repeat; margin-left: -2px; margin-top: 2px;}
.TelPhoneNumber{ color: #FF7600; padding-left: 20px; font-size: 22px; font-weight: 600; transform-origin:left top; -webkit-transform-origin:left top; -webkit-transform: scale(0.92,1); transform: scale(0.92,1);}
.footerSearch{ width: 284px; height: 32px; border-radius: 16px; background: #646468; margin-left: 5px; overflow: hidden;}
.footerSearch input{ flex: 1;  border: 0; background: none; padding-left: 15px; color: #fff; outline: none;}
.selectFlexBtn{ width: 87px; height: 32px; line-height: 32px; font-size: 14px; background: #ff7600; color: #fff;}
.selectFlexBtn a{ color: #fff;}
.kefuTels{ font-size: 14px; margin-left: 30px;}
.footer_container_center{ width: 1033px; margin: auto; overflow: hidden; font-size: 14px;}
.footer_container_center dl{ padding-top: 10px; padding-left: 3px; margin-right: 25px;}
.footer_container_center dd{ padding-left: 30px; text-align: center;}
.footer_container_center dd a{ color: #b5b5b5; margin-bottom: 9px; padding-top: 3px; padding-left: 2px; display: block; line-height: 100%; font-size: 12px;}
.footFGX{ width: 1px; height: 134px; background: #626262; margin-top: 20px;}
.quanguoXC{ width: 350px; padding-top: 15px; padding-left: 63px;}
.quanguoXC span{ font-size: 12px;}
.quanguoXC h4{color: #FF7600; font-size: 22px; font-weight: 600; transform-origin:left top; -webkit-transform-origin:left top; -webkit-transform: scale(0.92,1); transform: scale(0.92,1);}
.quanguoXC p{ font-size: 12px; margin-bottom: 6px;}
.footewm{ flex: 1; font-size: 12px;}
.footewm img{ width: 108px; height: 108px; display: block; }
.footewm p{ margin-top: 8px;}

/* ÓÑÇéÁ´½Ó */
#tabbox{background-color: #fff;border-radius: 5px;width: 1190px;margin: 0 auto;overflow: hidden;}
.tab_conbox{border: 1px solid  #e0e0e0;border-top: none;}
.tab_con{ display:none;}
.tabs{height: 32px;border-bottom:1px solid  #e0e0e0;border-left: 1px solid  #e0e0e0;width: 100%;}
.tabs li{float:left;border:1px solid #999;border-left:none;background: #e0e0e0;position: relative;font-size: 13px;line-height: 31px;height: 31px;overflow: hidden;border-bottom: 1px solid #ddd;margin-bottom: -1px;padding: 0 4px;}
.tabs li a {display: block;padding: 0 20px;border: 1px solid #fff;outline: none;}
.tabs li a:hover {background: #ccc;}
.tabs .thistab,.tabs .thistab a:hover{background: #fff;border-bottom: 1px solid #fff;}
.tab_con {padding:12px;font-size: 13px; line-height:175%;}
.tab_con p a{margin: 0 15px 10px 0;color: #949393;}


.mapPhone{ font-size: 14px; color: #4f4f4f; cursor: pointer; height: 20px; display: block; position: relative; margin-top: -5px; padding-right: 15px; white-space: nowrap; margin-right: 53px;}
.mapPhone i{ font-size: 14px !important; position: absolute; right: -3px; top: 50%; transform: translateY(-30%);}
.menuOpen{ display: none;}
.phoneFooter{ display: none;}
.nrshow{ background: url(../images/productBg.png); overflow: hidden;}
.positionShows{ height: 62px; font-size: 14px;}
.positionShows a{ color: #333;}
.positionShows img{ margin-left: 10px; margin-right: 10px;}
.newsShowLeft{ width: 905px; float: left; background: #fff; padding: 20px 50px 0px 50px;}
.newsShowLeft h1{ color: #333; font-size: 20px; text-align: center; line-height: 45px;}
.newsShowLeftContainer{font-size: 14px; line-height: 1.6;}
.newsShowLeftContainer img{ display: block; width: 100%; margin-bottom: 20px;}
.newsShowLeftContainer p{ text-indent: 2em; margin-bottom: 20px;}
.newsShowLeft .admin{ color: #333; margin-bottom: 15px; font-size: 12px; text-align: center; padding: 15px 0px; border-bottom: 1px dashed #bfbfbf;}
.PageFenye{ margin-bottom: 20px;}
.PageFenye a{ color: #333; font-size: 14px; display: block; margin: 8px 0px;}
.PageFenye a:hover{ color: #278BDE;}
.guanggao{ width: 100%; margin-bottom: 50px;}
.correlation{ width: 100%; height: 32px; border-bottom: 1px solid #b8b8b8; color: #333; line-height: 32px;}
.correlation_title{ width: 80px; font-size: 14px; color: #fff; text-align: center; height: 32px; margin-bottom: -1px; background: #83bff0;}
.correlationList{ padding-top: 25px;}
.correlationList li{ width: 100%; position: relative; height: 32px; line-height: 32px; padding-left: 15px;}
.correlationList li::before{content: ''; width: 4px; height: 4px; border-radius: 2px; background: #278BDE; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.correlationList li a{ color: #4f4f4f; font-size: 14px; display: block;}
.correlationList li a:hover{ color: #278BDE;}
.showCase{ padding-top: 30px; overflow: hidden; width: 120%; padding-bottom: 20px;}
.showCase li{ width: 270px; margin-right: 10px; float: left; height: 200px; border-radius: 5px; overflow: hidden; position: relative;margin-bottom: 10px;}
.showCase li:last-child{margin: 0;}
.showCase li p{ background: rgba(51,51,51,0.6); width: 100%; text-align: center; position: absolute; left: 0; bottom: 0; height: 36px; color: #fff; line-height: 36px; color: #fff; font-size: 16px;}
.showCase li img {width:100%;height:100%;}
.newsList li{ padding:30px 0px; border-bottom: 1px solid #b8b8b8; position: relative;}
.newsList li .image,.newsList li .image img{ width: 240px; height: 160px; border-radius: 5px;}
.newsListInfos{ padding-left: 27px; flex: 1; padding-right: 75px; position: relative;}
.newsList li .dateTimes{ position: absolute; right: 0; font-size: 12px; color: #999;}
.newsListInfos h2{ color: #278BDE; font-size: 16px;}
.newsListInfos p{ color: #333; font-size: 14px; padding: 12px 0px; line-height: 1.8;}
.tagList span{ padding: 5px 10px; margin-right: 20px; font-size: 12px; display: block; color: #999; background: #f1f2f4;}
.pageNext{padding: 20px 0px;font-size:14px;}
.pageNext li {list-style:none;}
.pageNext a{ color: #333; font-size: 14px; display: block; border: 1px solid #dedede; padding: 2px 8px; margin: 0px 5px;}
.pageNext a.on,.pageNext a:hover{ background: #288bde; color: #fff; border: 1px solid #288BDE;}
.newsShowRight{ width: 280px; float: right;}
.newsShowRight .subscribeBoxs{ width: 100%; border: 1px solid #cccccc; height: 449px; background: #fff; margin-bottom: 15px;}
.subscribeBoxs_title{ width: 100%; height: 46px; background: #83bff0; color: #fff; color: #fff; padding: 0px 15px;}
.subscribeBoxs_title h4{ color: #fff; font-size: 16px; font-weight: 400; line-height: 46px;}
.subscribeBoxs_title span{ font-size: 12px; display: block;}
.subscribeBoxs_cont{ flex: 1; font-size: 14px;}
.subscribeBoxs_cont_title{ width: 100%; text-align: center; color: #555; padding: 20px 0px;}
.subscribeBoxs_cont_title span{ color: #288BDE;}
.subscribeBoxs_cont input{ width: 233px; padding: 0px 10px; height: 37px; border: 1px solid #d2d2d2; border-radius: 3px; margin: auto; display: block; margin-bottom: 10px;}
.subscribeBoxs_cont select{ width: 115px; padding: 0px 10px; height: 38px; border: 1px solid #d2d2d2; border-radius: 3px;}
.yuyueBtns{ width: 100px; height: 30px; margin: 20px auto; line-height: 30px; border-radius: 15px; background: #FF7600; color: #fff; font-size: 14px; text-align: center;}
.yuyueTips{ padding: 0px 20px; font-size: 12px; color: #666; line-height:1.8;}
.yuyuePhoneNum{ text-align: center; color: #666; padding-top: 40px;}
.yuyuePhoneNum h4{ color: #FF7600; font-weight: 600; font-family: arial; font-size: 22px; margin-left: 5px;}
.subscribeList{ width: 100%; height: 280px; padding: 0px 15px; background: #fff; border-top: 4px solid #e7e7e7;}
.subscribeList_title{ width: 100%; height: 57px; border-bottom: 1px solid #b8b8b8;}
.subscribeList_title_text{ border-bottom: 2px solid #288BDE; color: #288BDE; margin-bottom: -1px; height: 57px; font-size: 16px; width: 72px; line-height: 57px;}
.subscribeList_cont{ padding-top: 10px;}
.subscribeList_cont li{ width: 100%; margin-top: 3px; height: 30px; line-height: 30px; padding-left: 8%; font-size: 12px; position: relative;}
.subscribeList_cont li::before{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background: url(../images/listIcons.png) no-repeat; background-size: 100% 100%;}
.subscribeList_cont li a{ color: #333;}
.subscribeList_title_MORE a{ color: #FF7600; display: block; font-size: 12px;}
.itemProject2{ width: 210px; margin: 0px 25px; height: 333px; background: url(../images/pro2bg.png) no-repeat; background-size: 100% 100%;}
.itemProject2Image{ width: 135px; height: 135px; background: #fff; border-radius: 50%; margin: auto; overflow: hidden;}
.itemProject2Image img{ width: 100%; height: 100%;}
.itemProject2 h4{ color: #278BDE; font-size: 18px; padding-top: 25px; text-align: center;}
.itemProject2 p{ color: #666; font-size: 14px; padding: 12px 20px;}
.projectFlexstabs{ width: 1121px; height: 338px; border: 1px solid #278BDE; border-right: 0; border-bottom: 0;}
.projectFlexstabs_item{ width:280px; padding-left: 10px; height: 169px; border-right: 1px solid #278BDE; border-bottom: 1px solid #278BDE;}
.projectFlexstabs_item b{ width: 70px; margin: 0px 10px; height: 70px; background: url(../images/p3Icon.png) no-repeat;}
.projectFlexstabs_item b.icon1{ background-position:0 0;}
.projectFlexstabs_item b.icon2{ background-position:-70px 0px;}
.projectFlexstabs_item b.icon3{ background-position:-140px 0px;}
.projectFlexstabs_item b.icon4{ background-position:-210px 0px;}
.projectFlexstabs_item b.icon5{ background-position:-280px 0px;}
.projectFlexstabs_item b.icon6{ background-position:-350px 0px;}
.projectFlexstabs_item b.icon7{ background-position:-420px 0px;}
.projectFlexstabs_item b.icon8{ background-position:-490px 0px;}
.projectFlexstabs_item .infoItemtxt{ flex: 1; padding-right: 10px;}
.projectFlexstabs_item .infoItemtxt h3{ font-size: 18px; font-weight: 600; color: #278BDE;}
.projectFlexstabs_item .infoItemtxt p{ font-size: 14px; color: #666; padding-top: 10px;}
.itemProject4{ width: 200px; height: 290px; background: #fff; position: relative; padding: 10px; z-index: 3;}
.itemProject4:nth-child(odd){ background: #d4d4d4 !important;}
.systemnr{ display: none;}
.m43{ margin-top: 43px !important;}
.itemProject4 img{ width: 180px; height: 130px; margin-bottom: 25px;}
.itemProject4 h4{ font-size: 18px; text-align: center;}
.itemProject4 p{ font-size: 14px; color: #333; text-align: center; padding-top: 15px; line-height: 1.6;}
.itemProject4::before{content: '';position: absolute; z-index: 2; bottom: -40px; left: 50%; transform: translateX(-50%); height:0; width:0; border-left:100px solid transparent; border-right:100px solid transparent; border-top:40px solid #fff;}
.itemProject4::after{content: '';position: absolute; z-index: 1; bottom: -50px; left: 50%; transform: translateX(-50%); height:0; width:0; border-left:100px solid transparent; border-right:100px solid transparent; border-top:40px solid rgba(51,51,51,0.2); filter:blur(7px)}
.itemProject4:nth-child(odd)::before{content: '';position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); height:0; width:0; border-left:100px solid transparent; border-right:100px solid transparent; border-top:40px solid #d4d4d4;}

.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.city h5{ display: none;}
@media screen and (max-width:768px) {
	.leagueFlex{ padding-top: 0.3rem;}
	.citybg{ width: 100%; height: 100%; display: none; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 7;}
	.brandInfo .borus{ padding-top: 0px;}
	.itemProject4::after{content: '';position: absolute; z-index: 1; bottom: -50px; left: 50%; transform: translateX(-50%); height:0; width:0; border-left:1.15rem solid transparent; bottom: -0.58rem; border-right:1.15rem solid transparent; border-top:0.5rem solid rgba(51,51,51,0.15); filter:blur(3px)}
	.projectFlexstabs{ height: auto;}
	.positionShows{ display: none;}
	.business{ padding-top: 0.3rem;}
	.business h2{ font-size: 0.36rem;}
	.main{ padding-top: 1rem;}
	.footer{ display: none;}
	.header{ padding-bottom: 0px; height: 1rem; z-index: 8; position: fixed; left: 0; top: 0; width: 100%; background: #fff;}
	.headerContainer{ padding-top: 0; height: 100%;}
	.headerTop{ display: none;}
	.container{ width: 100%;}
	.menu{/*transition: all 0.4s;*/ position: fixed; background: #000; height: 100%; width: 200px; right: 0; top: 0; z-index: 99999; transform: translateX(100%);}
	.menu li{ width: 100%; text-align: center;}
	.menu ul li h4 a{ color: #fff;}
	.headPhone{width: 1.8rem; padding-left: 0px; display: block; margin-top: 0px; margin-right: 0.3rem; display: flex; flex-direction: column; justify-content: center;}
	.headPhone p{ font-size: 0.24rem;}
	.headPhone b{ display: none; }
	.headPhone h4{ font-size: 0.28rem;}
	.mapPhone{ display: block; font-size: 0.22rem; float: left; padding-top: 0.3rem; margin: 0 !important; height: auto;}
	.mapPhone i{ margin-right:5px; color: #278BDE; transform: translate(5px,30%);}
	.headerContainer .logo, .headerContainer .logo img{ width: 2.1rem; height: 0.6rem;}
	.headerContainer .logo{ margin-right: 0.3rem; margin-left: 0.3rem;}
	.menuOpen{ width: 0.4rem; margin-top: 0.34rem; margin-right: 0.3rem; display: block; float: right; height: 0.32rem; background: url(../images/menuBtn.png) no-repeat; background-size: 100% 100%;}
	.banner,.banner img{ height: 4rem;}
	.businessLine{ width: 5.02rem; height: 0.4rem; font-size: 0.24rem; display: block; margin-top: 0.2rem;}
	.businessLine_cont{ width: 3.4rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.22rem;}
	.businessFlexList{ padding-left: 0px; padding-top: 0px; padding-bottom: 0.2rem;}
	.businessFlexItem{ width: 3.3rem; height: 4.3rem; margin-left: 0.3rem; margin-top: 0.3rem; overflow: hidden;}
	.businessFlexItemContent{ padding: 0px 0.44rem;}
	.businessFlexItemContent h4{ font-size: 0.32rem; font-weight: 400; padding-top: 0.1rem;}
	.businessFlexItemContent p{ font-size: 0.24rem; padding-top: 0.1rem;}
	.assistance{ background: none; height: 10.4rem;}
	.assistanceCenter{ background: url(../images/bada.png) no-repeat; background-size: 100% auto; margin-top: 1.54rem; height: 3rem;}
	.assistance_ctLeft .item{ display: block; margin-top: -1.2rem;}
	.assistance_ctLeft .item img{ width: 0.8rem; height: 0.8rem; display: block; margin-left: 0.2rem; margin-bottom: 0.3rem;}
	.assistance_ctLeft .item:hover img{transform:rotate(0deg);}
	.assistance_ctLeft .itemInfos{ padding-left: 0;}
	.assistance_ctLeft .itemInfos h3{ font-size: 0.3rem; font-weight: 400;}
	.assistance_ctLeft .itemInfos p{ font-size: 0.18rem; padding-top: 0.1rem;}
	.assistance_ctLeft{ width: 2.18rem; padding-left: 0.3rem;}
	.assistance_ctRight{ width: 2.18rem; padding-right: 0.5rem;}
	.assistance_ctRight .item{ display: block; margin-top: -1.2rem; position: relative; padding-top: 1.1rem;}
	.assistance_ctRight .item img{ width: 0.8rem; position: absolute; right: 50%; transform: translateX(80%) rotate(0deg); top: 0; height: 0.8rem; display: block; margin-left: 0.2rem; margin-bottom: 0.3rem;}
	.assistance_ctRight .item:hover img{transform: translateX(80%)  rotate(0deg);}
	.assistance_ctRight .itemInfos{ padding: 0;}
	.assistance_ctRight .itemInfos h3{ font-size: 0.3rem; font-weight: 400;}
	.assistance_ctRight .itemInfos p{ font-size: 0.18rem; padding-top: 0.1rem;}
	.businessFlexItemImage, .businessFlexItemImage img{ height: 1.9rem;}
	.businessFlexItemContent .subscribeBtn{ margin-top: 0.23rem; width: 1.24rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.24rem;}
	.assistance_container{ padding-top: 0.1rem;}
	.assistance_container h2{ font-size: 0.36rem;}
	.case h2{ font-size: 0.36rem;}
	.caseTab{ padding:0.3rem 0px 0.18rem 0px; width: 96%; margin: auto; overflow-x: auto;}
	.caseTabSrcoll{ width: 50rem; display: block;}
	.caseTabItem{ width: 1.62rem; font-size: 0.24rem; height: 0.6rem; margin: 0px 0.07rem; justify-content: center;}
	.caseTabItem b{ display: block; margin-left: 0; margin-right: 0.08rem; width: 0.30rem; height: 0.3rem; background: url(../images/IconTab.png) no-repeat; background-size: 7.5rem auto;}
	.caseTabItem b.icon1{ background-position: 0px -0.3rem;}
	.caseTabItem b.icon2{ background-position: -0.30rem -0.30rem;}
	.caseTabItem b.icon3{ background-position: -0.60rem -0.30rem;}
	.caseTabItem b.icon4{ background-position: -0.90rem -0.30rem;}
	.caseTabItem b.icon5{ background-position: -1.20rem -0.30rem;}
	.caseTabItem b.icon6{ background-position: -1.50rem -0.30rem;}
	.caseTabItem:hover b.icon1,.caseTabItem.on b.icon1{ background-position: 0px -0px;}
	.caseTabItem:hover b.icon2,.caseTabItem.on b.icon2{ background-position: -0.30rem -0px;}
	.caseTabItem:hover b.icon3,.caseTabItem.on b.icon3{ background-position: -0.60rem -0px;}
	.caseTabItem:hover b.icon4,.caseTabItem.on b.icon4{ background-position: -0.90rem -0px;}
	.caseTabItem:hover b.icon5,.caseTabItem.on b.icon5{ background-position: -1.20rem -0px;}
	.caseTabItem:hover b.icon6,.caseTabItem.on b.icon6{ background-position: -1.50rem -0px;}
	.caseList ul{ padding-left: 0; height: 5rem; overflow: hidden;}
	.caseList ul li{ width: 3.3rem; position: relative; height: 2.2rem; border-radius: 5px; float: left; margin-left: 0.3rem; margin-top: 0.3rem;}
	.caseList ul li img{ width: 3.3rem; height: 2.2rem;}
	.caseList ul li p{ position: absolute; font-size: 0.24rem; bottom: 0px; width: 100%; text-align: center; height: 0.36rem; line-height: 0.36rem; left: 0; background: rgba(53,53,53,0.6); color: #fff;}
	.project h2{ color: #333333; text-align: center; font-size: 0.36rem; font-weight: 900;}
	.projectTable .item{ width: 1.62rem; height: 0.6rem; font-size: 0.24rem; margin-right:0.08rem; justify-content: center;}
	.projectTable .item b{ width: 0.5rem; height: 0.5rem; margin-top: 0.05rem; background: url(../images/iconShichang.png) no-repeat; background-size: 7.5rem auto;}
	.projectTable .item span{ display: block; line-height: 0.6rem;}
	.projectTable .item b.icon1{ background-position:0 -0.50rem;}
	.projectTable .item b.icon2{ background-position:-0.50rem -0.50rem;}
	.projectTable .item b.icon3{ background-position:-1.00rem -0.50rem;}
	.projectTable .item b.icon4{ background-position:-1.50rem -0.50rem;}
	.projectTable .item:hover b.icon1,.projectTable .item.on b.icon1{ background-position:0 0px;}
	.projectTable .item:hover b.icon2,.projectTable .item.on b.icon2{ background-position:-0.50rem 0px;}
	.projectTable .item:hover b.icon3,.projectTable .item.on b.icon3{ background-position:-1.00rem 0px;}
	.projectTable .item:hover b.icon4,.projectTable .item.on b.icon4{ background-position:-1.50rem 0px;}
	.projectTable .item.on{ background: #288bde; color: #fff; height:0.7rem;}
	.projectText{ font-size: 0.24rem; padding-top: 0.2rem;}
	.itemProject{ width: 3.3rem; height: auto; padding-bottom: 0.6rem; padding-top: 0.3rem; margin-bottom: 0.3rem;}
	.itemProject:nth-child(2),.itemProject:nth-child(3){ background: #83bff0;}
	.itemProject:nth-child(3),.itemProject:nth-child(4){ margin-bottom: 0px;}
	.itemProject b{ display: block; width: 0.8rem; height: 0.8rem; margin: 0 auto; background: url(../images/projectIcons.png) no-repeat; background-size: 3.2rem auto;}
	.itemProject h3{ font-size: 0.32rem; margin-top: 0.1rem;}
	.itemProject p{ font-size: 0.24rem; padding: 0px 0.3rem;}
	.itemProject b.icon2{background-position: -0.80rem 0;}
	.itemProject b.icon3{background-position: -1.60rem 0;}
	.itemProject b.icon4{background-position: -2.40rem 0;}
	.brand h2{ font-size: 0.36rem;}
	.brandBackground{ height: auto; background-size: 100% 100%; padding-top: 4rem; position: relative;}
	.brandBackground .container{ display: block !important;}
	.brandImage{ width: 4.92rem; height:3.9rem; position: absolute; top: -0.5rem; left: 50%; transform: translateX(-50%);}
	.brandInfo{ width: 96%; margin: auto;}
	.brandInfo p{ font-size: 0.24rem;}
	.borusFlex{ height:0.6rem; border-radius: 0.3rem; padding-top: 0; width: 5.4rem; position: absolute; left: 50%; bottom: -0.8rem; transform: translateX(-50%);}
	.borusFlex .borLefts{ font-size: 0.24rem;}
	.borusFlex .borLefts span{ font-size: 0.32rem;}
	.borusFlex .borRightBtns{ font-size: 0.24rem; width: 1.55rem; height: 100%; padding-right: 0px; text-align: center !important;}
	.borusFlex .borRightBtns a{ text-align: center; padding-right: 12px; white-space: nowrap;}
	.backRight{ width: 0.5rem; height: 0.45rem; background: url(../images/backRight.png) no-repeat; background-size:100% 100%;}
	.league{ padding-top: 0.4rem; height: auto; padding-bottom: 0.4rem;}
	.league h2{ font-size: 0.36rem;}
	.league b{ width: 1.005rem; height: 1.005rem; position: relative;  background: url(../images/leagueIcon.png) no-repeat; background-size: 5rem auto;}
	.league b.icon1{background-position:0 0;}
	.league b.icon2{background-position:-1rem 0;}
	.league b.icon3{background-position:-2rem 0;}
	.league b.icon4{background-position:-3rem 0;}
	.league b.icon5{background-position:-4rem 0;}
	.league b p{ white-space: nowrap; font-size: 0.24rem;}
	.leagueBtn{ font-size: 0.24rem;}
	.puzzled{ height: 5.24rem; padding: 0.4rem 0px;}
	.puzzled h2{ font-size: 0.36rem;}
	.puzzledList{ width: 100%; padding: 0px 0.6rem; overflow: hidden; margin-top: 0.3rem;}
	.puzzled ul li{ width: 100%; padding-left: 13%; font-size: 0.24rem; height: 0.6rem; border-radius: 3px; margin-bottom: 0.2rem; line-height: 0.6rem;}
	.puzzled ul li b{ width: 0.4rem; height: 0.4rem; background: url(../images/QandA.png) no-repeat; background-size: 0.4rem auto;}
	.puzzledList .on{ display: none;}
	.messageKefu{ display: none;}
	.system{ display: none;}
	.footerBot{ display: none;}
	#tabbox{ display: none;}
	.phoneFooter{ width: 100%; height: 3.42rem; background: #333; padding:0.1rem 0.3rem; color: #fff; font-size: 0.24rem; display: block;}
	.flexPhoneFooter{ margin-top: 0.36rem;}
	.flexPhoneFooter span{padding-right: 0.3rem;}
	.flexPhoneFooterSearch{ width: 4.36rem; height: 0.6rem; overflow: hidden; border-radius: 0.3rem; background: #767676;}
	.flexPhoneFooterSearch input{ width: 2.8rem; border: 0; outline: none; background: none; color: #fff; padding-left: 15px; font-size: 0.24rem;}
	.flexPhoneFooterSearch .searchBtns{ width: 1.55rem; height: 0.6rem; background: #ff7600; color: #fff;}
	.flexPhoneFooterSearch .searchBtns a{ color: #fff;}
	.phoneFooterLeft{ width: 4.85rem; height: 1.8rem; border-right: 1px solid #494949;}
	.phoneFooterLeft p{ line-height: 1.3; font-size: 0.22rem;}
	.phoneFooterLeft h4{color: #FF7600; font-size: 0.34rem; font-family: arial;}
	.phoneFooterRight{flex: 1; padding-left: 0.5rem; font-size: 0.18rem;}
	.phoneFooterRight img{ width: 1.5rem; height: 1.5rem; display: block; margin: 0.05rem 0px;}
	.bgFix{ width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: fixed; z-index: 2; display: none;}
	.newsShowLeft{ width: 100%; padding:0px 0.3rem;}
	.newsShowLeft h1{ font-size: 0.36rem; line-height: 1.6; padding: 0.2rem 0px;}
	.admin{ font-size: 0.24rem !important; color: #999;}
	.newsShowLeftContainer p{ font-size: 0.24rem; line-height: 1.8;}
	.PageFenye { font-size: 0.24rem;}
	.PageFenye a{ font-size: 0.24rem;}
	.guanggao{ margin-bottom: 0.4rem;}
	.correlationList{ padding-top: 0.25rem;}
	.correlationList li a{ font-size: 0.28rem;}
	.showCase li{ width: 2.25rem; height: 2rem; margin-right: 0.1rem;}
	.showCase li img{ width: 2.25rem; height: 2rem;}
	.newsList li .image, .newsList li .image img{ width: 2.2rem; height: 1.4rem;}
	.newsListInfos{ padding-left: 0.4rem; padding-right: 0px;}
	.newsListInfos h2{ font-size: 0.28rem; color: #333; width:58%; overflow: hidden; white-space: nowrap;}
	.newsListInfos p{ font-size: 0.24rem;}
	.tagList{ display: none;}
	.newsListInfos p{
		padding: 0px; margin-top: 0.2rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.newsShowRight{ display: none;}
	.itemProject2{ width: 3rem; height: 4.55rem; margin: 0.15rem;}
	.itemProject2Image{ width: 1.82rem; height: 1.82rem;}
	.itemProject2 h4{ padding-top: 0.2rem; font-size: 0.32rem;}
	.itemProject2 p{ font-size: 0.24rem;}
	.projectFlexstabs{ width: 6.9rem;}
	.projectFlexstabs_item{ width: 50%; height: 1.8rem; padding-left:0.1rem;}
	.projectFlexstabs_item b{width: 0.7rem; margin: 0px 0.1rem; height: 0.7rem; background: url(../images/p3Icon.png) no-repeat; background-size: 5.6rem;}
	.projectFlexstabs_item .infoItemtxt{ padding-right: 0.1rem;}
	.projectFlexstabs_item .infoItemtxt h3{ font-size: 0.24rem;}
	.projectFlexstabs_item .infoItemtxt p{ font-size: 0.22rem; color: #666; padding-top: 0.1rem;}
	.projectFlexstabs_item b.icon2{ background-position:-0.7rem 0px;}
	.projectFlexstabs_item b.icon3{ background-position:-1.4rem 0px;}
	.projectFlexstabs_item b.icon4{ background-position:-2.1rem 0px;}
	.projectFlexstabs_item b.icon5{ background-position:-2.8rem 0px;}
	.projectFlexstabs_item b.icon6{ background-position:-3.5rem 0px;}
	.projectFlexstabs_item b.icon7{ background-position:-4.2rem 0px;}
	.projectFlexstabs_item b.icon8{ background-position:-4.9rem 0px;}
	
	.itemProject4{ width: 2.3rem; height: 3.4rem; padding: 0.1rem; margin-bottom: 0.75rem;}
	.itemProject4 img{ width: 100%;height: 1.4rem; margin-bottom: 0.2rem;}
	.itemProject4 h4{ font-size: 0.3rem;}
	.itemProject4 p{ font-size: 0.22rem; color: #333; padding-top: 0.1rem; position: relative; z-index: 4;}
	.itemProject4::before {
	    content: '';
	    position: absolute;
	    bottom: -0.5rem;
	    left: 50%;
	    transform: translateX(-50%);
	    height: 0;
	    width: 0;
	    border-left: 1.15rem solid transparent;
	    border-right: 1.15rem solid transparent;
	    border-top: 0.5rem solid #fff;
	}
	.itemProject4:nth-child(odd)::before{
		content: '';
		position: absolute;
		bottom: -0.5rem;
		left: 50%;
		transform: translateX(-50%);
		height: 0;
		width: 0;
		border-left: 1.15rem solid transparent;
		border-right: 1.15rem solid transparent;
		border-top: 0.5rem solid #d4d4d4;
	}
	.itemProject:nth-child(4){
		background: #278bde;
	}
	.m43{ margin-top: 0.3rem !important;}
	.m45{margin-top: 0.95rem !important;}
	.case{ padding-top: 0rem; padding-bottom: 0px;}
	.project{ padding-top: 0.4rem; height: auto; background: #fff;}
	.projectTable{ padding-top: 0.3rem;}
	.projectFlexs{ padding-top: 0.27rem;}
	.brand{ padding-top: 0.4rem;}
	.borus{ width: 100% !important;}
	.newsShowLeftContainer p,.newsShowLeftContainer img{ margin-bottom: 0.3rem; line-height: 2;}
	.PageFenye{ margin-bottom: 0.3rem;}
	.PageFenye a{ padding: 0px;}
	.showCase{ padding: 0.3rem 0px 0.1rem 0px;}
	.newsList li{ padding: 0.3rem 0px; border-bottom: 1px solid #ccc;}	
	.businessFlexItem:hover .businessFlexItemImage{ border: 0;}
	.businessFlexItem:hover .businessFlexItemContent{ background: #fff; color: #333;}
	.businessFlexItem:hover .businessFlexItemContent p,.businessFlexItem:hover .businessFlexItemContent h4{ color: #333;}
	.businessFlexItem:hover .subscribeBtn{ border: 1px solid #5cacf0; color: #5cacf0;}
	.leagueBtn{ width: 1.4rem; height: 0.5rem; line-height: 0.5rem; border-radius: 3px; margin: 0px 0.25rem; font-size: 0.24rem;}
	.brandInfo{ padding: 0.3rem; padding-bottom: 0.1rem; margin-bottom: 1.2rem; position: relative;}
	.brandInfo p{ margin-bottom: 0.25rem;}
	.brandBackground{ background: url(../images/brandphone.png) no-repeat; background-size: 100% 100%;}
	.newsShowLeft .admin{ padding-top: 0.1rem; padding-bottom: 0.2rem;}
	.showCase li p{ font-size: 0.24rem; height:0.36rem; line-height: 0.36rem;}
	.correlationList li a:hover{ color: #4f4f4f;}
	.league .blocks{ width: 1rem;}
	.league .blocks p{ font-size: 0.22rem;}
	.league b:hover{ transform:rotate(0deg);}
	.backRight{ margin-bottom: 0.45rem;}
	.leagueBtnGroup{ padding-top: 0.4rem;}
	.city{ width: 100% !important; height: auto !important; left: 0px !important; top: 0.8rem !important; padding: 0.3rem !important; box-shadow: 0px 0px 0px #000 !important; -webkit-box-shadow: 0px 0px 0px #000 !important;}
	.headerContainer .city .cityItem{font-size: 0.3rem !important; height: 0.5rem; width: 0.9rem; line-height: 0.5rem; margin-bottom: 0.05rem;}
	.headerContainer .city::before{ display: none;}
	.city h5{ font-size: 0.32rem; display: block; height: 0.75rem; padding-left: 0.3rem; margin-bottom: 0.1rem; color: #333; border-bottom: 1px solid #dedede; margin-left: -0.3rem; margin-right: -0.3rem;}
	.swiper-pagination-bullet{ width: 8px; height: 8px; }
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0px 4px;}
	.banner {
		display:none;
	}
	.m_banner {
		display:block;
	}
	.m_banner, .m_banner img {
    height: 4rem;
	object-fit:cover;
	}
}

.swiper-pagination{ display: flex; justify-content: center;}
.swiper-pagination-bullet{ display: block; background: #fff; opacity: 1;}
.swiper-pagination-bullet-active{ background: #007AFF;}