* {padding: 0;margin: 0;-webkit-tap-highlight-color:rgba(255,255,255,0);box-sizing: border-box;transition: all 0.3s;}
li,ol,ul {list-style: none;}
a {text-decoration: none;color: #545454;}
input,select,button,textarea {border: none;border-radius: 0;font-family: Microsoft YaHei,Helvetica, Arial;font-size: 1.4rem;}
input,textarea {outline: 0;-webkit-appearance: none;}
img{width: auto;max-width: 100%;}
.ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body{font-family: "微软雅黑";}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.xs-visible{display: none;}
.xs-hidden{}
.wrap{max-width: 1200px;margin: 0 auto;}
.banner{text-align: center;margin-bottom: 5%;}
.banner .swiper-button-prev{background: rgba(3,3,3,.1) url(../image/prev.png)no-repeat center !important;width: 50px !important;height: 80px !important;transition: .5s;left: 11% !important;}
.banner .swiper-button-next{background: rgba(3,3,3,.1) url(../image/next.png)no-repeat center !important;width: 50px !important;height: 80px !important;transition: .5s;right: 11% !important;}

.banner .swiper-button-prev:hover{background: rgba(3,3,3,.3) url(../image/prev.png)no-repeat center !important;}
.banner .swiper-button-next:hover{background: rgba(3,3,3,.3) url(../image/next.png)no-repeat center !important;}

header{width: 100%;display: flex;align-items: center;height: 106px;position: relative;background: #e7e7e7;}
header .logo {margin-left: 6%;}
header .nav{display: flex;white-space: nowrap;width: 50%;justify-content: space-around;margin: 0 auto;}
header .nav li{margin: 0 2%;}
header .nav li a{font-size: 18px;}
header .nav li.active a{color: #E53B39;}
header .nav li:hover a{color: #e53b39;}
header .Hotline{margin-right: 6%;width: 225px;height: 62px;background: #e53b39;border-radius: 2px;display: flex;
justify-content: center;align-items: center;}
header .Hotline .hotlineLogo{width: 38px;height: 38px;border: 1px solid #fff;border-radius: 50%;background-image: url(../image/hotlineLogo.png);background-position: center center;background-size: cover;}
header .Hotline .hotlineTel{margin-left: 5%;}
header .Hotline .hotlineTel p{color: #fff;}
header .Hotline .hotlineTel p:nth-child(2){font-size: 20px;}

.p-h-menu{ float: right; }
.p-h-line{ margin-top: 20px;
    margin-right: 20px; 
    width: 25px;height: 30px;
  }
.p-h-line span{
    position: relative;
    width: 28px;
    height: 2px;
    border-radius: 2px;
    background-color: #E53B39;
    margin: 6px 0;
    display: block;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.p-h-line.curr .head-l-x {
    top: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.p-h-line.curr .head-l-y{ display: none; }
.p-h-line.curr .head-l-z {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.p-h-m-list{ position: absolute; top:100%; left: 0; z-index: 10; width: 100%; background-color:#E53B39; display: none; transition: none;}
.p-h-main{ display: block; padding: .5rem 5%; font-size: 14px;; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1); }
.p-h-main.p-h-arrow{ background-image: url(404.png); background-repeat: no-repeat; background-position: 95% center; background-size: 20px; }
.p-h-main.p-h-arrow:hover{color:#fff;}
.p-h-main.curr{ background: #0f6eca url(404.png) no-repeat 95% center; background-size: 20px; }
.p-h-submenu{ padding: .5rem 7%; border-bottom: 1px solid rgba(255,255,255,.1); display: none; transition: none;}
.p-h-submenu a{ display: block; color: #fff; font-size: 14px; line-height: 1.8; }










.more{text-align: center;}
.more .wrap h1{color: #333333;font-size: 30px;}
.more .wrap div{font-size: 18px;color: #747474;line-height: 2.5;margin: 2% 0;}
.more .wrap>a{width: 218px;height: 50px;display: block;background: #E53B39;line-height:44px;font-size: 15px;color: #fff;border-radius: 25px;margin: 0 auto;border: 3px solid #E53B39;}
.more .wrap>a:hover{background: #fff;color: #E53B39;}

.service{width: 100%;background: #f4f6f8;margin-top: 3%;text-align: center;padding:3% 0;}
.service .wrap h1{font-size: 30px;color: #333333;}
.service .wrap h2{font-size: 16px;color: #E53B39;line-height: 1.7;}
.service .wrap ul{display: flex;justify-content: space-between;margin-top: 5%;flex-wrap: wrap;}
.service .wrap ul li{width: 16%;}
.service .wrap ul li span{width: 110px;height: 110px;border-radius: 50%;border: 3px solid #E53B39;display: block;background: #E53B39;margin: 0 auto;}
.service .wrap ul li span .shows{display: none;}
.service .wrap ul li span:hover {background: #f4f6f8;}
.service .wrap ul li span:hover .show{display: none;}
.service .wrap ul li span:hover .shows{display: block;}
.service .wrap ul li dl{border-right: 1px dashed #d5d1d2;}
.service .wrap ul li dl dt{font-size: 24px;margin-top: 30px;margin-bottom: 5px;}
.service .wrap ul li dl dd{line-height: 1.7;font-size: 18px;color: #545454;}



.case{margin-top: 3%;text-align: center;overflow: hidden;}
.case .wrap h1{font-size: 30px;}
.case .wrap h2{font-size: 16px;color: #E53B39;line-height: 1.7;}

.indexcase {margin: 3% 0 4%;position: relative;}
.indexcase .item {position: relative;text-align: center;}
.indexcase .item h3{position: absolute;left: 0;bottom: 0;padding: 10px;background: rgba(0, 0, 0, 0.5);color: #fff;width: 100%;font-size: 20px;font-weight: normal;}
.indexcase .item figure img{display: block;}
.indexcase .swiper-button-next{right: -5%;}
.indexcase .swiper-button-prev{left: -5%;}

.case .wrap .indexcase item{position: relative;}

.case .wrap>a{width: 120px;height: 40px;display: block;background: #E53B39;line-height:34px;font-size: 15px;color: #fff;border-radius: 25px;margin: 0 auto;border: 3px solid #E53B39;}
.case .wrap>a:hover{background: #fff;color: #E53B39;}


.area1{width: 100%;background: #f4f6f8;margin-top: 3%;text-align: center;padding:3% 0;}
.area1 .wrap h1{font-size: 30px;}
.area1 .wrap h2{font-size: 16px;color: #E53B39;line-height: 1.7;}
.area1 .wrap .areaList{width:80%;margin: 0 auto;text-align: left;margin-top: 3%;color: #545454;line-height: 2;font-size: 18px;}


.area2{margin-top: 3%;text-align: center;}
.area2 .wrap h1{font-size: 30px;}
.area2 .wrap h2{font-size: 16px;color: #E53B39;line-height: 1.7;}
.area2 .wrap ul{display: flex;justify-content: space-between;margin-top: 3%;flex-wrap: wrap;}
.area2 .wrap ul li{width: 32%;padding: 0 4%;border-right: 1px dashed #e53b39;}
.area2 .wrap ul li:last-child{border: none;}
.area2 .wrap ul li div{color: #545454;text-align: left;margin-top: 5%;line-height: 1.7;}


.information{margin-top: 6%;text-align: center;}
.information .wrap h1{font-size: 30px;}
.information .wrap h2{font-size: 16px;color: #E53B39;line-height: 1.7;}
.information .wrap>ul{display: flex;justify-content: space-between;margin-top: 3%;flex-wrap: wrap;}
.information .wrap>ul>li{width: 32%;background: #fff;box-shadow: 1px 1px 8px #CFCFCF;padding: 3% 2%;}
.information .wrap>ul>li dt{display: flex;justify-content: space-between;align-items: center;font-size: 20px;color: #E53B39;line-height: 3;}
.information .wrap>ul>li dt a{font-size: 15px;color: #E53B39;font-weight: normal;text-decoration: underline;}
.information .wrap>ul>li dt a:hover{transform: scale(1.2);text-decoration: none;}
.information .wrap>ul>li dd{text-align: left;margin: 2% 0;}
.information .wrap>ul>li dd a{position: relative;padding-left: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.information .wrap>ul>li dd a:hover{margin-left: 2%;color: #E53B39;}
.information .wrap>ul>li dd a:after{position: absolute;content: "";left:10px;top:50%;transform: translateY(-50%);width:5px;height: 5px;background: #c9c9c9;border-radius: 50%;}





.system{margin-top: 3%;text-align: center;}
.system .wrap{box-shadow: 1px 1px 8px #CFCFCF;padding: 4% 3%;}
.system .wrap h1{margin-bottom: 3%;color: #333333;font-size: 30px;}
.system .wrap div{text-align: left;color: #747474;line-height: 1.7;}

.systemStep{text-align: center;margin-top: 5%;}

.systemList{margin-top: 5%;}
.systemList .wrap ul{display: flex;justify-content: space-between;text-align: center;flex-wrap: wrap;}
.systemList .wrap ul li{width: 25%;}
.systemList .wrap ul li dl span{display: block;width: 42px;height: 2px;background: #E53B39;margin: 5% auto;}
.systemList .wrap ul li dl dt{font-size: 24px;font-weight: normal;margin-top: 20px;color: #333333;font-family: "微软雅黑";}
.systemList .wrap ul li dl dd{line-height: 1.7;color: #545454;}




.extension{margin-top: 3%;text-align: center;margin:0 auto;}
.extension .wrap{box-shadow: 1px 1px 8px #CFCFCF;padding: 4% 3%;}
.extension .wrap h1{margin-bottom: 3%;color: #333333;font-size: 30px;}
.extension .wrap div{text-align: left;color: #747474;line-height: 1.7;}

.extensionList{margin-top: 5%;padding:  0 4%;}
.extensionList .wrap ul{display: flex;justify-content: space-between;text-align: center;}
.extensionList .wrap ul li dl span{display: block;width: 42px;height: 2px;background: #E53B39;margin: 5% auto;}
.extensionList .wrap ul li dl dt{font-size: 24px;color: #333333;margin-top: 20px;font-family: "微软雅黑";}
.extensionList .wrap ul li dl dd{line-height: 1.7;color: #545454;}

.extensionList .wrap .extensionList1{display: flex;justify-content: center;text-align: center;margin-top: 5%;}




.sale{margin-top: 3%;text-align: center;}
.sale .wrap{box-shadow: 1px 1px 8px #CFCFCF;padding: 4% 3%;}
.sale .wrap h1{margin-bottom: 3%;color: #333333;font-size: 30px;}
.sale .wrap div{text-align: left;color: #747474;line-height: 1.7;}

.saleList{margin-top: 5%;}
.saleList .wrap ul li{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.saleList .wrap ul li .saleListL{width: 50%;text-align: center;}
.saleList .wrap ul li .saleListR{width: 50%;text-align: center;}
.saleList .wrap ul li dl span{display: block;width: 42px;height: 2px;background: #E53B39;margin: 3% auto;}
.saleList .wrap ul li dl dt{font-size: 24px;color: #333333;margin-top: 20px;font-family: "微软雅黑";}
.saleList .wrap ul li dl dd{line-height: 1.7;color: #545454;}






.customer{margin-top: 3%;text-align: center;margin:0 auto;}
.customer .wrap{box-shadow: 1px 1px 8px #CFCFCF;padding: 4% 3%;}
.customer .wrap h1{margin-bottom: 3%;color: #333333;font-size: 30px;}
.customer .wrap div{text-align: left;color: #747474;line-height: 1.7;}


.customerList{margin-top: 3%;text-align: center;}
.customerList .wrap h1{font-size: 20px;}
.customerList .wrap>div{margin: 3% auto 5%;}
.customerList .wrap ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 2%;}
.customerList .wrap ul li {width: 31%;margin-bottom: 5%;}
.customerList .wrap ul li .casepho{overflow: hidden;}
.customerList .wrap ul li h3{font-size: 20px;color: #282828;margin: 4% 0;}
.customerList .wrap ul li p{color: #545454;line-height: 1.7;}
.customerList .wrap>a{width: 224px;height: 50px;display: block;background: #E53B39;line-height: 50px;font-size: 15px;color: #fff;border-radius: 25px;margin: 0 auto;}


.Insight{margin: 3% 0;}
.Insight .wrap ul{display: flex;}
.Insight .wrap ul li{width: 180px;height: 48px;background: #e9e8e8;margin-right: 2%;text-align: center;line-height: 48px;border-radius: 6px;}
.Insight .wrap ul li a{color: #1c1d1d;}
.Insight .wrap ul li.active{background: #E53B39;}
.Insight .wrap ul li.active a{color: #fff;}


.InsightList ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.InsightList ul li{width: 32%;margin-bottom: 5%;box-shadow: 1px 1px 8px #ccc;padding: 1%;}
.InsightList ul li img{width: 100%;}
.InsightList ul li .inspho{overflow: hidden;}
.InsightList ul li:hover img{transform: scale(1.2);}
.InsightList ul li a>p{font-size: 14px;color: #717171;margin: 3% 0;}
.InsightList ul li a>h1{font-size: 18px;margin-bottom:3% ;}
.InsightList ul li a .txt{line-height: 1.7;display: -webkit-box;height: 94px;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;font-size: 14px;}


.InsightInfo{margin-top: 5%;}
.InsightInfo .wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.InsightInfo .wrap .InsightInfos{width: 70%;text-align: center;}
.InsightInfo .wrap .InsightInfos>h1{font-size: 30px;font-weight: normal;color: #e00000;}
.InsightInfo .wrap .InsightInfos>p{font-size: 14px;margin: 4% 0;}
.InsightInfo .wrap .InsightInfos>div{text-align: left;border-top: 1px solid #e4e1e3;font-size: 14px;color: #717171;padding-top: 3%;line-height: 2}
.InsightInfo .wrap .InsightInfos .btn{display: flex;justify-content: space-between;border: none;margin-top: 5%;}
.InsightInfo .wrap .InsightInfos .btn a{font-size: 18px;color: #1c1d1d;font-weight:bold;}
.InsightInfo .wrap .relevant{width: 26%;}
.InsightInfo .wrap .relevant ul li{padding:5% 3%;box-shadow: 4px 4px 8px #eae9e9;margin-bottom: 8%;}
.InsightInfo .wrap .relevant ul li p{font-size: 14px;margin: 3% 0;}
.InsightInfo .wrap .relevant ul li h1{font-size: 18px;margin: 3% 0;}



.brand{margin: 5% auto 3%;text-align: center;}
.brand .wrap h1{color: #333333;font-size: 30px;}
.brand .wrap ul{display: flex;justify-content: space-between;margin-top: 5%;flex-wrap: wrap;}
.brand .wrap  ul li{width: 28%;border-right:1px dashed #a0a0a0;padding-right: 5%;}
.brand .wrap  ul li:last-child{border-right: none;}
.brand .wrap  ul li h1{font-size: 100px;color: #e53b39;}
.brand .wrap  ul li div{text-align: left;line-height: 1.7;color: #747474;margin-top: 30px;}

.about{margin-top: 3%;text-align: center;}
.about .wrap{background: #fff;box-shadow: 1px 1px 8px #CFCFCF;padding: 4% 3%;transform: translateY(-40%);}
.about .wrap h1{margin-bottom: 3%;color: #333333;font-size: 30px;}
.about .wrap div{text-align: left;color: #747474;line-height: 1.7;}

.aboutField{text-align: center;margin-top: -8%;}
.aboutField .wrap{padding:0 2%;}
.aboutField .wrap h1{margin: 5% 0;color: #333333;font-size: 30px;}
.aboutField .wrap>div{text-align: left;line-height: 1.7;color: #747474;}



.touch{margin-top: 5%;text-align: center;}
.touch .wrap ul{display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap ;}
.touch .wrap ul li{width: 24%;}
.touch .wrap ul li h3{margin: 20px 0;font-size: 24px;color: #333333;font-family: arial;font-weight: normal;}
.touch .wrap ul li p{font-size: 20px;}
.touch .wrap #map{width: 100%;height: 485px;margin-top: 10%;}
.touch .wrap #map .addr{width: 382px;height: 84px;background: #E53B39;border-radius: 6px;position: relative;padding: 1% 0;}
.touch .wrap #map .addr p{line-height: 1.7;color: #fff;font-size: 15px;}
.touch .wrap #map .addr .arrow-down {position: absolute;left: 50%;top: 100%;transform: translateX(-50%);width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-top:17px solid #E53B39;}



 .page{text-align: center;margin-top: 2%;}
 .page a{width:32px;height:32px;display: inline-block;line-height: 32px;border-radius: 55px;background: #E53B39;color: #fff;margin: 0 2px;}
 .page .on{background: #e53b39;color: #fff;width: 110px;height: 32px;}


.rightNav{position: fixed;right: 2%;top:50%;transform: translateY(-50%);z-index: 111;}
.rightNav ul li a{width: 54px;height: 54px;background: #E53B39;margin-bottom:5px;text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 6px;}
.rightNav li a{color: #fff;display: block;}
.rightNav li.li2{position: relative;}
.rightNav li.li2 div{position: absolute;right: 110%;top:50%;transform: translateY(-50%);width: 100px;height: 100px;max-width: initial;display: none;}
.rightNav li.li2:hover div{display: block;}
.rightNav li.li3 a{background-image: url(../image/rnav_2.png);background-position: center center;background-size: cover;}
.rightNav li a.pc{display: block;padding-top: 5px;}
.rightNav li a.iph{display: none;}

footer{width: 100%;background: #282828;color: #989898;margin-top: 3%;}
footer .wrap{padding: 1.5% 0;}
footer .footInfo{display: flex;justify-content: space-between;align-items: center;}
.wechat{text-align: center;}
footer .footInfo .info p:nth-child(2){font-size: 16px;}
footer .bor{width: 100%;height: 1px;background: #606060;}
footer p{line-height: 1.7;}
footer .wrap .Hotlines p:nth-child(1){font-size: 16px;}
footer .wrap .Hotlines p:nth-child(2),footer .wrap .Hotlines p:nth-child(3){font-size:18px;}
footer .footCopy{line-height: 1.7;width: 100%;font-size: 13px;display: flex;justify-content: space-between;}
footer .footCopy a{color: #989898;margin: 0 5px;}
.pcs{display: block;}
.iphs{display: none;}

@media screen and (max-width: 1420px) {
	header .Hotline{margin-right: 4%;}
	header .nav li a{font-size: 18px;}
	header .logo{margin-left:2%;}
	header .logo>img{width: 70%;margin:2% 5%;}
	.brand .wrap ul li h1{font-size: 60px;}
	.case .wrap{max-width: 1100px;}
	.case {padding:0 5%;}
}
@media screen and (max-width:768px ) {
    .pcs{display:none;}
    .iphs{display: block;width: 80%;margin:0 auto 10px;}
	header{display: block;height: auto;}
	header .logo>img{width: 25%;margin:2% 5%;}
	header .nav{display: none;}
	header .Hotline{height: 40px;position: absolute;right: 10%;top: 50%;transform: translateY(-50%);width: 150px;}
	header .Hotline .hotlineLogo{width: 30px;height: 30px;}
	header .Hotline .hotlineTel p:nth-child(1){font-size: 12px;}
	header .Hotline .hotlineTel p:nth-child(2){font-size: 14px;}
	.banner .swiper-button-next{display: none;}
	.banner .swiper-button-prev{display: none;}
	.xs-visible{display: block;}
  	.xs-hidden{display: none;}
  	.banner img {height: 200px;object-fit: cover;}
	.more{padding:0 2%;}
	.more .wrap h1{font-size: 18px;}
	.more .wrap div{font-size: 13px;}
	.more .wrap>a{width: 90px;height: 26px;line-height: 17px;font-size: 12px;}
	.service .wrap h1{font-size: 18px;}
	.service .wrap h2{font-size: 14px;}
	.service .wrap ul li{width: 32%;margin-bottom: 5%;}
	.service .wrap ul li span{width: 55px;height: 55px;}
	.service .wrap ul li dl dt{font-size: 16px;margin-top: 15px;}
	
	.service .wrap ul li dl dd{font-size: 12px;}
	.case{padding: 0 2%;}
	.case .wrap h1{font-size: 18px;}
	.case .wrap h2{font-size: 14px;}
	.case .wrap ul li{width: 48%;}
	.case .wrap ul li h3{font-size: 16px;}
	.case .wrap ul li p{font-size: 12px;}
	.case .wrap>a{width: 90px;height: 26px;line-height: 17px;font-size: 12px;}
	.area1 .wrap h1{font-size: 18px;}
	.area1 .wrap h2{font-size: 14px;}
	.area1 .wrap .areaList{font-size: 12px;}
	.area2 .wrap h1{font-size: 18px;}
	.area2 .wrap h2{font-size: 14px;}
	.area2 .wrap ul li{width: 100%;border-right:none;}
	.area2 .wrap ul li div{font-size: 14px;}
	.information{padding: 0 2%;margin-top: 10%;}
	.information .wrap h1{font-size: 18px;}
	.information .wrap h2{font-size: 14px;}
	.information .wrap>ul>li{width: 100%;}
	.information .wrap>ul>li dt{font-size: 20px;}
	.information .wrap>ul>li dt a{font-size: 12px;}
	.information .wrap>ul>li dd a{font-size: 12px;}
	
	
	.system{padding: 0 2%;}
	.system .wrap h1{font-size: 18px;}
	.system .wrap div{font-size: 14px;}
	.systemStep{padding: 0 2%;}
	.systemList{padding: 0 2%;}
	.systemList .wrap ul li{width: 96%;margin: 3% 0;}
	.systemList .wrap ul li dl dt{font-size: 18px;}
	.systemList .wrap ul li dl dd{font-size: 12px;}
	
	
	.customer{padding:0 2%;}
	.customer .wrap h1{font-size: 18px;}
	.customer .wrap div{font-size: 14px;}
	.customerList{padding: 0 2%;}
	.customerList .wrap h1{font-size: 18px;}
	.customerList .wrap ul li{width: 48%;}
	.customerList .wrap ul li h3{font-size: 16px;}
	.customerList .wrap ul li p{font-size: 12px;}
	
	
	.extension{padding: 0 2%;}
	.extension .wrap h1{font-size: 18px;}
	.extension .wrap div{font-size: 14px;}
	.extensionList .wrap ul{display: block;}
	.extensionList{padding: 0 2%;}
	.extensionList .wrap ul li{margin-bottom: 30px;}
	.extensionList .wrap ul li dl dt{font-size: 18px;margin-top: 10px;}
	.extensionList .wrap ul li dl span{margin: 2% auto;}
	.extensionList .wrap ul li dl dd{font-size: 14px;}
	
	
	
	.Insight{padding: 0 2%;}
	.Insight .wrap ul li{width: 90px;height: 30px;line-height: 30px;font-size: 14px;}
	.InsightList{padding: 0 2%;}
	.InsightList ul li{width: 100%;}
	.InsightList ul li a>p{font-size: 12px;}
	.InsightList ul li a>h1{font-size: 16px;}
	.InsightList ul li a .txt{font-size: 12px;}
	
	
	.InsightInfo{padding:  0 2%;}
	.InsightInfo .wrap .InsightInfos{width: 100%;}
	.InsightInfo .wrap .InsightInfos>h1{font-size: 18px;}
	.InsightInfo .wrap .InsightInfos>p{font-size: 12px;}
	.InsightInfo .wrap .InsightInfos .btn a{font-size: 14px;}
	
	.InsightInfo .wrap .relevant{width: 100%;}
	.InsightInfo .wrap .relevant ul li{margin-bottom: 5%;}
	.InsightInfo .wrap .relevant ul li p{font-size: 12px;}
	.InsightInfo .wrap .relevant ul li h1{font-size: 14px;}
	
	.brand{padding: 0 2%;}
	.brand .wrap h1{font-size: 18px;}
	.brand .wrap ul li h1{font-size: 25px;}
	.brand .wrap ul li{width: 100%;padding: 0;border: none;margin-bottom: 5%;}
	.brand .wrap ul li div{margin-top: 10px;font-size: 14px;}
	.about .wrap{transform: translateY(0);}
	
	.about .wrap h1{font-size: 18px;}
	.about .wrap div{font-size: 14px;}
	.aboutField{margin-top: 0;}
	.aboutField .wrap h1{font-size: 18px;}
	.aboutField .wrap>div{font-size: 14px;}
	
	
	.sale{padding: 0 2%;}
	.sale .wrap h1{font-size: 18px;}
	.sale .wrap div{font-size: 14px;}
	.saleList{padding:  0 2%;}
	.saleList .wrap ul li{margin-bottom: 5%;}
	.saleList .wrap ul li .saleListL{width: 100%;margin-bottom:5%}
	.saleList .wrap ul li .saleListR{width: 100%;}
	.saleList .wrap ul li dl dt{font-size: 18px;}
	.saleList .wrap ul li dl dd{font-size: 14px;}
	.saleList .wrap ul li dl span{margin: 2% auto;}
	
	
	.touch .wrap ul li{width: 50%;margin-bottom: 5%;}
	.touch .wrap ul li h3{font-size: 16px;}
	.touch .wrap ul li p{font-size: 13px;}
    #map span{width: 80%;}
	
	footer{padding: 0 2%;}
	footer .footInfo{display: block;text-align: center;padding: 2% 0;}
	footer .footInfo .footLogo img{width: 40%;}
	footer .footInfo .info p:nth-child(2){font-size: 14px;}
	footer .footCopy{display: inherit;}
	footer .wrap .Hotlines{margin: 5% 0;}
	footer .wrap .info{margin-bottom: 5%;}
	footer .wrap .wechat{margin-bottom: 5%;}
	.rightNav li a.pc{display: none;}
	.rightNav li a.iph{display: block;padding-top: 5px;}
	.page .on{width: 70px;height: 22px;line-height: 22px;}
	.page a{width: 22px;height: 22px;line-height: 22px;}


	.indexcase .swiper-button-next{display: none;}
	.indexcase .swiper-button-prev{display: none;}
}