.content{width:100%}
.WdisplayNo{display: block!important;}
.HdisplayNo{display: none!important;}
body{padding-top:0!important;overflow: hidden;}
.logo, .logo img{width:6.5rem;height: auto;}
.logo{margin:0.5rem 0 0rem 1rem;}
.menuBtn{right:2rem;top:1.25rem;width:1.64rem;height:1.43rem;}
.menuBtn i{display:block;height:1px;width:100%;background-color:#e7c183;}
.menuBtn i:nth-child(2), .menuBtn i:nth-child(3){margin-top:0.6rem;}
#header{height:3.5rem;position: relative;}
.nav{position: absolute;background-color:#fff;width:100%;margin:0;top:100%;height: calc(100vh - 3.5rem);padding-bottom:3rem;overflow-y: scroll;}
.nav li{
    width:100%;
    border-top:1px solid #f8f8f8;
    display: flex;
    align-items: center;
    min-height:3rem;
    height: auto;
    flex-wrap: wrap;
    position: relative;
}
.nav>li>a {
    display: flex;
    padding-bottom: 0;
    width: 100%;
    height: 3rem;
    padding-left:2rem;
    align-items: center;
    background-size: 2.5vw auto;
}
.nav>li>a:hover, .nav>li.on>a{
    border-bottom:0;
    padding-bottom: 0;
}

.slideMenu{display:none;position:static;width: 100%;}
.slideMenu ol{width:100%;border:0 none;box-shadow:none;}
.slideMenu a{padding-left:3rem}
.menuArrow{display:block;right: 4vw;position: absolute;}
.menuArrow img{width: 2.5vw;}
#banner{
    width: 100%;
    padding-top: 0;
    height: auto;
}
#banner img{
    display:block;
    width:100%;
    height: auto;
}
#banner a{
    display:block;
    width:100%;
    height: auto;
}
#banner em{font-style:normal;text-transform:uppercase}
#banner .swiper-wrapper{margin:0;left:0}
.swiper-pagination-bullet{width:8px;height:8px;background-color:#999;vertical-align: middle;}
.swiper-pagination-bullet-active{width:12px;height:12px;background-color:#1c519f}
.ind_about{padding-bottom: 10vw}
.ind_about dl{display: flex;flex-wrap: wrap;}
.ind_about img{width: 100%;padding: 0 8vw;}
.ind_about dd{width: auto;padding: 2.5vw 8vw 0;}
.ind_about h3{margin-bottom: 2vw;font-size: 1.3rem;}
.ind_about_detail{height:20.5rem;font-size: 1rem;}
.ind_title{font-size: 1.4rem;padding: 1rem 0 1rem;margin-bottom: 0.5rem;}
#ind_pro .flex{ flex-wrap: wrap;}
#ind_pro .flex>div{width: auto; flex: 0 0 84%;margin:4vw 8vw}
#ind_pro img{width:100%}
#ind_video .swiper-slide {width:825px!important;height:463px;}
#ind_video{width:825px!important;padding:83px 0 75px;}
.videoList{bottom:225px;}
.ind_researchBtn{width:401px;margin-left: -200px;margin-top: -25px;}
#ind_research>div a{font-size:26px;width: 134px;height:49px;}
#ind_news{margin-bottom:0}
#ind_news ul{width: calc(100% - 4vw);margin: auto;}
#ind_news ul li{width: calc(50% - 4vw);margin: 0 auto 4vw;flex: none;border: 1px solid #eee;padding: 3vw;}
#ind_news ul li a{display: block}
#ind_news ul dd,#ind_news ul h4,#ind_news p{font-size:1rem;width:100%}
#ind_news ul dt, #ind_news ul dt img{width:100%;height: auto;display: block;}
#ind_news ul dd{height: auto;border: 0 none;padding: 0;}
#ind_news ul time{position: static;font-size:1rem}
#ind_news ul h4{margin: 0.5rem 0;}

#ind_infor ul{padding:0 0 5vw;flex-wrap:wrap;position: relative}
#ind_infor ul li{flex: 0 0 100%;padding: 2vw 4vw;}
#ind_infor li.mid{position: absolute;left: 50%;width: 50vw;margin-left: -25vw;bottom: -15rem;background:none;}
#ind_infor li.mid h4{display: none}
#ind_infor li.mid img,#ind_infor li.mid .fa-weibo img{width: 11vw;}
#bottomNav{background-color:#555;padding-top:0;margin-top: 9vw;}
.bottomNav{padding:5vw 0 1vw;}
.bottomNav ol{width:100% !important;flex-wrap:wrap;}
.bottomNav ol li{width:50%;padding-left: 5%;margin-bottom: 5vw;}
.bottomNav dt{color:#fff}
.bottomNav dd a{color:#ccc}
.cbn{height: auto}
.cbn img{width: 100%;margin-left: 0;position: static;}
.breadcrumb{display: none}
.newsList{margin-top:0vw;display: flex;align-items: center;padding: 0;flex-wrap: wrap;}
.newsList .floatL ul li.cur:after{display: none}
.newsList .floatL ul{width:100%;padding: 0;display: flex;border:0 none}
.newsList .floatL,.newsList .floatR{float:none;width:100%;}
.aboutDetail{padding-top:1rem !important;}
.newsList .floatL ul li{background-color:#f5f5f5;text-align:center;margin-bottom: 0;height:13vw;text-align: center;display: flex;align-items: center;width:50%}
.newsList .floatL a{display:block;text-align: center;width: 100%;}
.newsList .floatL ul li.cur{background-color:#fff}
.newsList dl{width:100%}
.detail{padding: 0 4vw 4vw;}
.detail img{max-width:100%;}

.proList dl{width:100%!important;}
.proList ol{width:100%}
.proList ol dt img{width:100%;height: auto}
.proList ol dd{padding:0 8vw!important;margin:0 !important;}
/*.proList ol li:nth-child(2n) dd{float:left}
.proList ol li:nth-child(2n) dt{float:right}*/
.proMainPic{width:calc(100% - 8vw);height: auto;margin:4vw auto;float: none;position: relative;overflow: visible}
.proMainPic img{width:100%;height: auto}
.pro-intro-top{padding-top:0}
.proMainPic .swiper-pagination{width:100%!important;bottom: -5vw;}
.proMainText{width: calc(100% - 8vw);margin: 12vw auto 0;float: none;}
.proMainText>h3{margin: 0 0 3vw;padding-bottom: 3vw;font-size: 1.5rem;}

.proDetail{margin:20vw 4vw 0}
.proDetail h4{padding:0.8rem 0;font-size: 1.3rem;}
.proContentBox .detail{padding: 1rem 0 2rem;}
.newsList .floatR ul{border:0 none}

#newsList{margin-bottom:0}
#newsList .floatR ul{width: calc(100% - 4vw);margin: auto;display: flex;flex-wrap: wrap;}
#newsList .floatR ul li{width: calc(100% - 4vw);margin: 0 auto 4vw;flex: none;border: 1px solid #eee;padding:0;}
#newsList .floatR ul li a{display: block}
#newsList .floatR ul dd,#ind_news .floatR ul h4,#ind_news .floatR  p{font-size:1rem;width:100%}
#newsList .floatR ul dt, #ind_news .floatR ul dt img{height: 27vw;display: flex;}
#ind_news .floatR ul dt img{max-height: 27vw;height: auto;width:100%;}
#newsList .floatR ul dt{align-items: center;width:40%}
#newsList .floatR ul dd{height: 31vw;border: 0 none;padding: 0 3vw;margin: 0;width: 60%;align-items: center;display: flex;flex-wrap: wrap;}
#newsList .floatR ul dd>*{width:100%;}
#newsList .floatR ul time{position: static;font-size:1rem}
#newsList .floatR ul h4{margin: 0.5rem 0 0;font-size: 1.28rem;}
.newsList .floatR dt, .newsList .floatR dt img{width:100%;height: auto}
.newsList .floatR p{font-size:1rem;height: 11.5vw;overflow: hidden;}
.newsList .floatR.detail p{height:auto}
.goBack{display: none}
.newsContentBox{padding:4vw 0;margin-bottom:0vw}
.newsContentBox h3{padding:4vw 0 4vw;margin:0;font-size:1.7rem;font-weight: 400;}
.newsContentBox>abbr{font-size:0.9rem;margin-bottom: 0.5rem;}
#beautyClass ul{width: 100%;margin: 4vw auto;padding: 0 2vw;}
#beautyClass ul li{flex:0 0 50%;padding: 0 2vw;width:50%;}
#beautyClass h4{font-size: 1rem;}
#beautyClass i{font-size: 0.85rem;}
#beautyClass{margin-bottom:0}

.loReBtn{top:5vw;left:50%;right:auto;margin-left:-38px;font-size:1rem}
.login>div,.register>div{border-radius:0;width:100%;height: auto;margin-left:0;margin-top:0;left:0;top:15vh}
.login ul span{text-align: left;display: block;font-size: 1rem;width:80vw;margin-bottom: 0.2rem;}
.login ul input{display: block;width:80vw;height:2.8rem;}
.login ul{margin:1rem 0 0rem 8vw;}
.form-submit{width:80vw;margin:1rem 0 2.5rem 8.5vw}