@charset "utf-8"; *{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; margin: 0rem; padding: 0rem; font-family: 'PingFang','Microsoft YaHei','Hiragino Sans GB'; } ul, ol, li{list-style: none;} img, a img{border: 0 none;outline:none;} section{margin: 0rem;padding: 0rem} a{text-decoration: none;color: #666666;} a:active{color: #666666;} a:hover{color: #ff0000;} input, select, button{vertical-align: middle;outline: none} input::-ms-clear{display:none;} input::-ms-reveal{display:none;} .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; overflow:hidden; } .clearfix {zoom:1;} .clear{clear: both;} .fl{float: left;} .fr{float: right;} body { overflow-x: hidden; } .headerBox{ position: fixed; top: 0; left: 0; z-index: 8; box-sizing: border-box; } .brace { width: 7.5rem; height: 3.4rem; } .header { width: 7.5rem; height: 1.21rem; background-color: #003567; box-sizing: border-box; padding: 0 0.24rem; display: flex; align-items: center; justify-content: space-between; position: relative; } .logo { display: inline-block; width: 3.07rem; height: 0.62rem; background: url(../images/logo.png)no-repeat center; background-size: 3.07rem 0.62rem; } .phone { display: inline-block; background: url(../images/phone.png)no-repeat left; background-size: 0.36rem 0.36rem; padding-left: 0.5rem; font-size: 0.28rem; color: #FFFFFF; } .mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); display: none; z-index: 6; } .header-language { width: 7.5rem; height: 0.7rem; display: flex; justify-content: flex-end; align-items: center; font-size: 0.28rem; color: #333333; position: relative; border-bottom: 1px solid #DCDDDD; background-color: #FFFFFF; z-index: 9; } .header-imgSize { width:100%; padding-right: 0.25rem; display: flex; align-items: center; justify-content: flex-end; } .languageIcon { width: 0.3rem; height: 0.3rem; margin-right: 0.1rem; } .languageIcon.zh { background: url(../images/language.png)no-repeat center; background-size: 0.3rem 0.3rem; } .languageIcon img { width: 0.3rem; height: 0.3rem; } .languageMore { width: 0.26rem; height: 0.26rem; background: url(../images/drop-down.png)no-repeat center; background-size: 0.26rem 0.26rem; margin-left: 0.1rem; } .languageList { width: 100%; background-color: #FFFFFF; position: absolute; top: 0.7rem; display: none; } .languageList a { display: flex; justify-content: flex-start; align-items: center; width: 1.9rem; } .languageItem { display: block; width: 100%; height: 0.7rem; display: flex; justify-content: flex-end; align-items: center; border-bottom: 1px solid #DCDDDD; padding-right: 0.25rem; } .navBox { width: 7.5rem; height: 1.51rem; background-color: #38A1F4; display: flex; flex-wrap: wrap; font-size: 0.28rem; color: #FFFFFF; box-sizing: border-box; padding: 0.16rem 0.36rem; } .navItem { width: 20%; height: 0.5rem; margin-bottom: 0.24rem; text-align: center; position: relative; } .navItem a{ color: #FFFFFF; } .navList { min-width: 2.6rem; position: absolute; left: -0.6rem; top: 0.7rem; background-color: rgba(0,0,0,0.7); z-index: 9; display: none; } .navList .nav { width: 100%; height: 0.72rem; display: flex; justify-content: center; align-items: center; font-size: 0.28rem; color: #FFFFFF; } .navList .nav a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 0.28rem; color: #FFFFFF; } .navAct { background: url(../images/nvaDown.png)no-repeat bottom; background-size: 0.5rem 0.12rem; } .navShow .navList { display: block; } .name{ padding-bottom: 0.05rem; } .footer{ width: 7.5rem; min-height: 5.29rem; background: #013566; padding: 0.35rem 0.2rem 0.2rem 0.27rem; box-sizing: border-box; } .bootm-title{ display: flex; align-items: center; margin-bottom: 0.28rem; } .bootm-title a{ font-size: 0.28rem; font-weight: 500; color: #FFFFFF; margin-right: 0.68rem; } .address{ font-size: 0.26rem; font-weight: 400; color: rgba(255,255,255,0.8); margin-bottom: 0.28rem; } .bootm-cont{ display: flex; align-items: flex-end; justify-content: space-between; font-size: 0.26rem; font-weight: 400; color: rgba(255,255,255,0.8); margin-bottom: 0.57rem; } .bootm-cont .cont-item{ margin-bottom: 0.28rem; } .cont-item:nth-last-child(1){ margin-bottom: 0; } .cont-img{ height: 1.66rem; text-align: center; background: url(../images/bootm-code.png)no-repeat center; background-size: 1.66rem 1.66rem; margin-bottom: 0.16rem; } .cont-sao{ font-size: 0.24rem; font-weight: 400; color: #FFFFFF; } .footer-bootm{ font-size: 0.14rem; font-weight: 400; color: #EDEFFF; text-align: center; } /*涓枃鏂伴椈鍒楄〃*/ .newList { width: 7.5rem; box-sizing: border-box; padding: 0 0.26rem; position: relative; } .newsItem { width: 100%; height: 2.24rem; border-bottom: 1px solid #F2F2F2; display: flex; justify-content: space-between; box-sizing: border-box; padding: 0.24rem 0; } .newsItem:last-child { border: none; } .newsImg { width: 2.6rem; height: 1.7rem; border-radius: 0.2rem; overflow: hidden; } .newsImg img { width: 100%; height: 100%; } .newsInfo{ width: 4.1rem; } .title { font-size: 0.3rem; color: #333333; margin-bottom: 0.08rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .cont { font-size: 0.26rem; height: 0.71rem; color: #666666; margin-bottom: 0.16rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .time { font-size: 0.26rem; color: #999999; } .detail-page img{ max-width:7.5rem; height: 100%; } .goto_index img{ width: 1.2rem; position: fixed; bottom: .5rem; right: .1rem; z-index: 9999; }