﻿/* CSS Document */
/* CSS Document */
.banner-img{display:none;}

/* banner */
.banner{position:relative;  height:600px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:600px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:600px;  }
.banner .bd li a{ height:600px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:#fff;}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px;border-radius:50%; margin:4px; background:#fff; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1; background:#1C50A2 }

.floor{padding:30px 0}
.floor .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
.floor .title h3{padding-left:7px;font-size:24px}
.floor .title .line{display:block;margin-top:10px;border-bottom:1px solid #aaa;position:relative}
.floor .title .line::before{position:absolute;content:'';width:7px;height:7px;border-radius:50%;background:#aaa;top:-3px}
.floor.lefter{display:flex;align-items:left;}

.tab-article .right{width:555px;}
.tab-article .left{width:633px;height:356px;padding:0;}
.tab-article .left .focusBox{width:633px;height:356px;position:relative;overflow:hidden;} 
.tab-article .info-con-img{overflow:hidden}
.tab-article .info-con-img img{width:100%;max-height:356px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;display:block}
.tab-article .info-con-img:hover img{transform:scale(1.1,1.1)}
.tab-article .left .info-con-date{position:absolute;top:0;left:46px;background-color:#067ecf;width:72px;height:68px;text-align:center;color:#fff}
.tab-article .left .info-con-date span:nth-child(1){display:block;font-size:28px;line-height:1;font-weight:700;margin-top:10px}

.tab-article .left .info-con-date span:nth-child(2){display:block;font-size:14px;line-height:1.5}
.tab-article .left h3 {position: absolute;left:0;bottom:0;width: 100%;padding:0 10px;height:51px;line-height:51px;background: rgba(0,0,0,.7);color:#fff;font-size:18px;
font-weight: normal;text-align: center;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;cursor: pointer;}
.tab-article .left h3:hover{color:#0092DB;}
.focusBox .num{position:absolute;bottom:60px;width:100%;text-align:center;}
.focusBox .num li{display:inline-block;background:#fff;display:inline-block;width:10px;height:10px;border-radius:10px;}
.focusBox .num li.on{background:#1C50A2}
.tablist{position:relative;margin-left:-20px}
.tabcontent{width:100%}

.floor1 .info-content{overflow:hidden}
.floor1 .info-content .list{padding:0;display:flex;justify-content:space-between}
.floor1 .info-content .list .list-top{height:100%;padding-left:15px;width:85%}
.floor1 .info-content .list .list-title{margin-bottom:8px;padding:3px 0 3px;font-size:22px;font-weight:700;color:#000;border-bottom:1px solid #dcdcdc;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.floor1 .info-content .list:hover{color:#078ee9}
.floor1 .info-content .list .list-desc{line-height:30px;color:#707070;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.floor1 .info-content .list .list-date{padding-top:10px;padding-right:0;width:77px}
.floor1 .info-content .list span{display:block;text-align:center;color:#707070}
.floor1 .info-content .list span:nth-child(1){font-size:32px;line-height:1;font-weight:700}
.floor1 .info-content .list span:nth-child(2){font-size:14px;line-height:2;color:#aaa}
.floor1 .info-content .list span:nth-child(3){font-size:20px;line-height:1;margin-top:10px;font-weight:lighter}
.floor1 .info-content ul{margin-top:4px;padding-left:20px;padding-right:0;clear:both}
.floor1 .info-content ul li{height:48px;line-height:48px;border-bottom:1px dashed #dcdcdc;padding-right:100px;position:relative}
.floor1 .info-content ul li:last-child{border-bottom:none}
.floor1 .info-content ul li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#000;font-weight:400;cursor:pointer}
.floor1 .info-content ul li a:hover{color:#078ee9}
.floor1 .info-content ul li span{display:block;width:100px;position:absolute;right:0;top:0;text-align:right;color:#999;font-size:14px}
.floor1 .info-content .list-more{padding-left:20px;padding-top:5px;clear:both;cursor:pointer}
.floor1 .info-content .list-more a{display:block;background-color:#eee;line-height:42px;text-align:center;transition:background-color .3s}
.floor1 .info-content .list-more a:hover{background-color:#078ee9;color:#fff!important}

/*floo2*/
.floor2 .section{width:33.333%}
.floor2 .border{box-shadow:0 1px 3px rgba(0,0,0,.08);padding:20px 0 0;background:#fff;margin-right:-9px;position:relative;}
.floor2 .border:before{position:absolute;top:-20px;right:40px;content:'';width:40px;height:40px;background:#0092DB;}
.floor2 .bd .section:nth-child(1) .border:before{background:#E60012}
.floor2 .bd .section:nth-child(2) .border:before{background:#1C50A2}
.floor2 .border .port{position:relative;margin-top:20px;overflow:hidden}
.port img{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.port:hover img,.port.hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}
.port .text-desc{position: absolute;background-color:rgba(0,0,0,.5); height: 100%; opacity: 0; width: 100%; bottom: -100%; color: #000;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.floor2 .border .port:hover .text-desc,.floor2 .border .port.hover .text-desc{bottom:0;opacity: 1;}
.floor2 .bd ul{padding:20px 20px 20px 10px}
.floor2 .bd h3{text-align:center;font-size:22px;position:relative;padding-bottom:8px;font-weight:700}
.floor2 .bd h3 a:after{position:absolute;bottom:0;left:50%;content:'';width:63px;height:3px;background:#008ed5;margin-left:-32px}
.floor2 .bd .section:nth-child(2) h3 a:after{background:#E60012;}
.floor2 .bd .section:nth-child(3) h3 a:after{background:#1C50A2;}
.floor2 .bd .more{text-align:center}
.floor2 .bd .more a{display:inline-block;width:115px;height:34px;line-height:34px;text-align:center;font-size:14px;color:#fff;transition:background-color .3s;background:#0092db;cursor:pointer}
.floor2 .bd .section:nth-child(2) .more a{background:#E60012;}
.floor2 .bd .section:nth-child(3) .more a{background:#1C50A2;}
.floor2 .bd .more a:hover{opacity:.8}
.floor2 .bd li{display:flex;align-items:center}
.floor2 .bd li .info-con-date{padding:10px 7px 0;text-align:center;color:#fff;width:80px}
.floor2 .bd li .info-con-date span{display:block}
.floor2 .bd li span:nth-child(1){font-size:28px;line-height:1;font-weight:700}
.floor2 .bd li span:nth-child(2){font-size:14px;line-height:2;opacity:.8}
.floor2 .bd li .name{width:85%;font-size:16px;color:#000;border-left:1px solid #aaa;padding-left:14px;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;cursor:pointer}
.floor2 .bd li .name a{color:#fff}
.floor2 .bd li .name a:hover{color:#078ee9}

.floor3 .left .item{list-style:none;margin-bottom:21px}
.floor3 .item .liitem{display:flex;align-items:self-start}
.floor3 .item .liitem .r{width:100%;margin-left:20px}
.floor3 .item .li-ask .r{border-bottom:2px dashed #e5e5e5;font-size:18px;padding-bottom:10px;margin-bottom:10px;cursor:pointer}
.floor3 .item .li-ask img{margin-top:3px;}
.floor3 .item .li-ask .r:hover{color:#008ed5}
.floor3 .item .li-answer .a{margin-top:4px;margin-left:2px;width:28px;height:28px;line-height:28px;border-radius:50%;text-align:center;background:#e60012;color:#fff}
.floor3 .item .li-answer .r{color:#888;font-size:14px;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.floor3 .right{text-align:right}
.floor3 .right img{width:99%}
.floor3 .right .bottom{position:relative;margin-top:15px}
.floor3 .right .handle{position:absolute;top:16px;left:65px}
.floor3 .right .handle .tit{font-size:18px;position:relative;display:flex;align-items:center}
.floor3 .right .handle .tit i{font-size:26px;color:#000;margin-right:10px}
.floor3 .right .handle .tit i:after{position:absolute;bottom:0;left:36px;content:'';width:40px;height:2px;background:#008ed5}
.floor3 .right .handle .clickbtn a{display:block;margin:15px 0 0 36px;width:98px;height:26px;border:1px solid #008ed5;border-radius:13px;line-height:26px;text-align:center;color:#008ed5;font-size:13px;transition:background-color .3s}
.floor3 .right .handle .clickbtn a:hover{background:#008ed5;color:#fff}
.floor3 .right .bottom .right{display:flex;flex-direction:column;position:absolute;right:25px;top:5px;transition:all .3s linear;transform:translateX(25px);opacity:0}
.floor3 .right .bottom .right a{display:block;width:116px;height:28px;text-align:center;background:#fff;line-height:28px;border:1px solid #dcdcdc;position:relative;margin-bottom:5px;font-size:12px}
.floor3 .right .bottom .right a:before{position:absolute;content:'';left:0;top:5px;width:3px;height:16px;background:#dcdcdc}
.floor3 .right .bottom .right a:hover{border-color:#008ed5;color:#008ed5}
.floor3 .right .bottom .right a:hover:before{background:#008ed5}
.floor3 .right .bottom .right a:hover:before i{opacity:1}
.floor3 .right .bottom .right a i{color:#e60012;position:absolute;right:40px;opacity:0;transition:all .3s linear}
.floor3 .right .bottom:hover .right{transform:translateX(0);opacity:1}

.floor4 .info{padding: 43px 54px 120px;background: #0092DB;color: #fff;position: relative;}
.floor4 .info h4{border:1px solid #fff;background:#1c50a2;width:274px;height:57px;line-height:57px;font-size:24px;position:absolute;top:-28px;left:50%;margin-left:-137px;text-align:center}
.info h4::after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:url(../image/xuanzhong.png) no-repeat center}
.floor4 .info .brief{line-height:35px;font-size:16px;font-family:'Microsoft YaHei';text-indent:20px}
.floor4 .tablist{position:relative;margin:0 50px;top:-93px;z-index:10;margin-bottom:-67px}
.floor4 .tablist .hd ul{display:flex;justify-content:space-between}
.floor4 .tablist .hd ul li{cursor:pointer;background:#fff;padding:26px 23px;margin-right:35px;position:relative}
.floor4 .tablist .hd .innter{width:100%;position:relative;overflow:hidden}
.floor4 .tablist .hd .innter::after {position: absolute;content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.2);top: 0;left: 0;}
.tablist .hd img{transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;display:block}
.tablist .hd .text{position:absolute;border:1px solid #fff;width:276px;height:144px;left:11px;top:11px;color:#fff;text-align:center;z-index:1}
.tablist .hd .text .name{font-size:30px;margin-top:20px}
.tablist .hd .text .ename{transform:translateX(80px);opacity:0;transition:all .3s linear}
.tablist .hd .text a{display:block;width:96px;height:24px;border-radius:12px;border:1px solid #fff;background:#000;font-size:12px;color:#fff;text-align:center;line-height:24px;margin:10px auto;transform:translateX(-80px);opacity:0;transition:all .3s linear}
.tablist .hd .bgline{position:absolute;width:100%;height:60px;background:url(../image/line1.png) no-repeat center bottom;left:0;bottom:-34px;transform:translateX(80px);opacity:0;transition:all .3s linear}
.tablist .hd .on .ename,.tablist .hd li:hover .ename{transform:translateX(0px);opacity:1;}
.tablist .hd .on .text a,.tablist .hd li:hover .text a{transform:translateX(0px);opacity:1;background:rgba(0,146,219,.6);}   
.tablist .hd li:hover .text a{background:#000;}        
.tablist .hd .on .bgline{transform:translateY(0px);opacity: 1;}

.floor4 .infoContent{position:relative;border:1px solid #0092db;margin:33px 0;padding:24px 50px;background:#fff}
.floor4 .infoContent::after,.floor4 .infoContent::before{position:absolute;content:'';width:104px;height:127px;background:#0092db;left:-17px;right:0;top:-18px;bottom:0;z-index:-1}
.floor4 .infoContent::after{left:auto;right:-18px;top:auto;bottom:-17px;z-index:-1}
.floor4 .infoContent .intro img{width:100%;}
.floor4 .infoContent .intro .title[data-v-3d11919a]{font-size:20px;color:#0092db;font-weight:700;position:relative;padding:5px 0}
.floor4 .infoContent .intro .title{font-size:20px;color:#0092db;font-weight:700;position:relative;padding:5px 0}
.floor4 .infoContent .intro .title::after{position:absolute;content:'';width:81px;height:2px;background:#0092db;bottom:0;left:0}
.floor4 .infoContent .intro p{font-size:14px;line-height:30px;margin:2px 0 5px;text-indent:40px}
.floor4 .infoContent .intro .subbtn a{display:inline-block;width:120px;height:35px;line-height:35px;text-align:center;background:#e60012;font-size:14px;color:#fff;transition:all .3s}
.floor4 .infoContent .intro .subbtn a:hover{opacity:.8}

.inner-tablist{margin-top:24px}
.inner-tablist .tabnav li{height:51px;line-height:51px;padding:0 20px;font-size:20px;color:#8d8d8d;display:inline-block;cursor:pointer}
.inner-tablist .tabnav li.on{background:#0092db;color:#fff;font-weight:700}
.inner-tablist .tabcontent{border:1px solid #e2e2e2;background:#f5f5f5;padding:25px 190px 25px 25px;position:relative}
.inner-tablist .tabcontent .top .name{margin-bottom:8px;font-size:20px;color:#0092db;font-weight:700}
.inner-tablist .tabcontent .top .ename{font-size:12px}
.inner-tablist .tabcontent .top .r{text-align:right;font-size:12px;color:#888;line-height:25px}
.inner-tablist .tabcontent .top .number{padding-right:20px}
.inner-tablist .tabcontent .top .p{padding-right:20px}
.inner-tablist .tabcontent .top .p i{color:#e5e5e5;padding:0 30px}
.inner-tablist .tabcontent .digest{background:#fff;height: 122px;overflow: hidden;box-sizing: border-box;border:1px solid #eee;padding:11px 16px 17px;margin-top:10px}
.inner-tablist .tabcontent .digest P{font-size:14px;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-indent:30px}
.inner-tablist .tabcontent .logo{position:absolute;right:25px;top:-36px;border:1px solid #eee;width:155px;height:255px;background:#fff;text-align:center}
.inner-tablist .tabcontent .logo img{max-width:118px;max-height:120px}
.inner-tablist .tabcontent .logo::after{position:absolute;content:'';width:30px;height:30px;background:#0092db;right:20px;bottom:-15px}
.inner-tablist .tabcontent .logo .short{margin:10px 0 20px}
.inner-tablist .tabcontent .logo .more a{width:120px;height:35px;line-height:35px;text-align:center;background:#1c50a2;color:#fff;display:inline-block}

/*友情链接*/
.friendlink{height:210px;background:#0092db;color:#fff;padding-top:10px;overflow:hidden}
.friendlink .scrollbarLink{height:90px;overflow-y:auto;}
.friendlink .left{padding-right:50px;position:relative}
/* .friendlink .left::after{position:absolute;content:'';width:0;border-right:1px dashed  */
rgba(255,255,255,.5);height:112px;top:20px;right:80px}
.friendlink .left .li{display:flex;align-items:center;justify-content:flex-start;margin:10px 0;cursor:pointer}
.friendlink .left .name{padding-left:5px;opacity:.8}
.friendlink .left .name:hover{opacity:1}
.friendlink .right h3{font-size:18px;font-weight:700;position:relative;padding-left:10px;letter-spacing:2px;margin:15px 0}
.friendlink .right h3::before{position:absolute;content:'';width:4px;height:4px;background:#fff;top:17px;left:0}
.friendlink ul{padding:0;margin:0;overflow:hidden}
.friendlink ul li{list-style:none;font-size:14px;position:relative;padding-left:10px;line-height:30px;opacity:.8;letter-spacing:1px;cursor:pointer}
.friendlink ul li:hover{opacity:1}
.friendlink ul li::before{position:absolute;content:'';width:3px;height:3px;background:#fff;top:13px;left:0}
.friendlink a{color:#fff}

/* 改版 */

  
/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 768px) { 
.focusBox .num {bottom: 5px;}
.banner{width:7.5rem;min-width:7.5rem;height:3rem;}
.banner .bd li{height: 30rem;background-size: 130% !important;}
.banner .bd li a{height: 30rem;}
.banner .hd{bottom:0;}
.tab-article .left,.tab-article .right{width:100% !important;float:none;}
.tab-article .right{padding:0 10px 0 0}
.tab-article .left .focusBox,.tab-article .left{width:7.5rem;height:2.8rem !important;}
.tab-article .info-con-img img {height: 245px !important;}

.floor{display: flex;padding: 30px 20px 5px 20px !important;overflow: inherit;}
.floor .Container1 { margin: 30px auto;overflow: inherit;}
.floor1 .info-content ul,.floor1 .info-content .list-more{padding-left:10px;}
.floor2 .bd{width:100%;overflow-x:auto;}
.floor2 .bd ul{padding:0 .2rem;}
.floor2 .section{width:6rem;padding:0;margin:0 .1rem;float:left;}
.floor2 .border{padding:.2rem 0 0;margin:0;}
.floor2 .border:before{display:none}
.floor2 .m-srcoll{width:19.5rem;padding-left:20px;}

.floor4{padding-bottom:0;margin-bottom:-20px;}
.floor4 .info{margin-top:1rem;padding-left:10px;padding-right:10px;padding-bottom:1.3rem}
.floor4 .tablist{margin:0 10px;top:-1rem;}
.floor4 .tablist .hd{width:100%;overflow-x:auto;}
.floor4 .tablist .hd ul{display:block;width:12.5rem}
.floor4 .tablist .hd ul li{padding:.1rem; width:4rem;margin-right: .1rem;display:inline-block;}
.tablist .hd .text{width:3.6rem;height:1.95rem;top:.1rem;left:.1rem;}
.tablist .hd img{width:100%}
.tablist .hd .text .name{font-size:22px;margin:0;}
.tablist .hd .text a{margin:0 auto;}
.tablist1 img{left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;}

.section1{min-width: 726px!important;}
.section1 div{margin: 10px 12px 0px 12px;min-width: 95px !important;}
.section1 img{height: 50% !important;width: 100% !important;object-fit: contain !important;
 margin-top: 10px!important;}
.section1 p{margin: 10px 0px 0px 0px !important;text-align: center;}
.floor1bg1 p{;padding: 8px 32px !important;;width: 300px !important;}


.floor4 .infoContent{padding:0;border:none;margin:.33rem 0 0}
.inner-tablist .tabcontent .logo{right:-1px;width:2.2rem;height:3.8rem;top:-60px;display:none}
.inner-tablist .tabcontent .logo img{width:100%;}
.inner-tablist .tabcontent .logo .short{margin:0 0 .1rem;}
.inner-tablist .tabcontent{padding:15px 10px 15px 10px}
.inner-tablist .tabcontent .top .r{text-align:left;}
.inner-tablist .tabcontent .top .p i{padding:0 5px;}
.inner-tablist .tabcontent .logo .more a{width: 1.5rem;height: .5rem;line-height: .5rem;}
.floor4 .infoContent::after, .floor4 .infoContent::before{left:-10px;top:-10px;display:none;}	.inner-tablist .tabcontent .inner-tablist .tabcontent .top .p span{display:block;}
	
.friendlink{height:auto;margin-top: 30px;}
.friendlink .scrollbarLink{margin:10px 0}
.friendlink .left{padding:0 10px;}
.friendlink .left::after{display:none;}

.floor3 .right{display:none}

}


/** 5.7IN Android Galaxy */
@media screen and (min-width:429px) and (max-width:480px){
html{font-size:64px;}
}

/** 6.5IN IPhone 6+ ~ 11Pro Max*/
@media screen and (min-width:410px) and (max-width:414px){
html{font-size:55.2px;}
.banner {width: 7.5rem;height: 3rem;margin-top: 64px;}
.tab-article .left .focusBox, .tab-article .left{height: 4.5rem !important;}

.section1 div{margin: 0px 0px !important;min-width: 54px !important;min-height: 79px !important;}
.section1 {margin-left: 2px !important;min-width: 325px !important;}
.section1 p{    font-size: 0.1rem !important;margin-top: 7px !important;}
.section1 img{height: 50% !important;width: 100% !important;object-fit: contain !important;
 margin-top: 10px!important;}
.floor1bg1 img{display: none !important;}
.floor1bg1 .subbtn1 a{padding: 0px 10px !important;}
.floor1bg1 p {font-size: 0.1rem !important;margin-top: 3px;text-align: left;line-height: 27px !important;
    padding: 0px 0px 0px 10px !important;}
.floor1bg1 .title1{padding-top: 5px !important; padding-left: 10px !important;}
.floor1bg1 .subbtn1{padding: 0px 0px 5px 8px !important;}
}

/** Mate30 Pro  IPhone 12Pro */
@media screen and (min-width:376px) and (max-width:392px){
html{font-size:52.4px;}
.banner{height: 3rem;margin-top: 60px !important;}
.section1 div{margin: 0px 0px !important;min-width: 54px !important;min-height: 79px !important;}
.section1 {margin-left: 2px !important;min-width: 325px !important;}
.section1 p{    font-size: 0.1rem !important;margin-top: 7px !important;}
.section1 img{height: 50% !important;width: 100% !important;object-fit: contain !important;
 margin-top: 10px!important;}
.floor1bg1 img{display: none !important;}
.floor1bg1 .subbtn1 a{padding: 0px 10px !important;}
.floor1bg1 p {font-size: 0.1rem !important;margin-top: 3px;text-align: left;line-height: 27px !important;
    padding: 0px 0px 0px 10px !important;}
.floor1bg1 .title1{padding-top: 5px !important; padding-left: 10px !important;}
.floor1bg1 .subbtn1{padding: 0px 0px 5px 8px !important;}
}

/** iPhone 8 (8, 7, 6S, 6) ~  11Pro*/
@media screen and (min-width:361px) and (max-width:375px){
html{font-size:50px;}
.banner {margin-top: 64px !important;}
.tab-article .left .focusBox, .tab-article .left {height: 4.8rem !important;}
.section1 div{margin: 0px 0px !important;min-width: 54px !important;min-height: 79px !important;}
.section1 {margin-left: 2px !important;min-width: 325px !important;}
.section1 p{    font-size: 0.1rem !important;margin-top: 7px !important;}
.section1 img{height: 50% !important;width: 100% !important;object-fit: contain !important;
 margin-top: 10px!important;}
.floor1bg1 img{display: none !important;}
.floor1bg1 .subbtn1 a{padding: 0px 10px !important;}
.floor1bg1 p {font-size: 0.1rem !important;margin-top: 3px;text-align: left;line-height: 27px !important;
    padding: 0px 0px 0px 10px !important;}
.floor1bg1 .title1{padding-top: 5px !important; padding-left: 10px !important;}
.floor1bg1 .subbtn1{padding: 0px 0px 5px 8px !important;}

}

/** HUAWEI P30 ~ XIAOMI6*/
@media screen and (max-width:360px){
html{font-size:48px;}
.banner{height: 3rem;margin-top: 60px !important;}
.floor{padding: 5px 20px 5px 20px !important;}
.tab-article .left .focusBox, .tab-article .left {height: 5rem !important;}

.section1 div{margin: 0px 0px !important;min-width: 54px !important;min-height: 79px !important;}
.section1 {margin-left: 2px !important;min-width: 325px !important;}
.section1 p{    font-size: 0.1rem !important;margin-top: 7px !important;}
.section1 img{height: 50% !important;width: 100% !important;object-fit: contain !important;
 margin-top: 10px!important;}
.floor1bg1 img{display: none !important;}
.floor1bg1 .subbtn1 a{padding: 0px 10px !important;}
.floor1bg1 p {font-size: 0.1rem !important;margin-top: 3px;text-align: left;line-height: 27px !important;
    padding: 0px 0px 0px 10px !important;}
.floor1bg1 .title1{padding-top: 5px !important; padding-left: 10px !important;}
.floor1bg1 .subbtn1{padding: 0px 0px 5px 8px !important;}

.right1 {margin-left: 0px !important;}


}