* {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

body {
    background-color: rgb(239, 239, 239);
}

a {
    text-decoration: none;
    color: #0f0f0f;
}

/* 导航栏开始 */
.nav a:hover {
    font-size: 1.1vw;
    color: rgb(86, 165, 250);
    transition: all 0.1s;
}

.nav {
    float: left;
    position: absolute;
    width: 12%;
    height: 100%;
    background-color: rgb(219, 227, 243);
}

.nav p {
    margin: 15% 10% 2% 24%;
}

.websitename {
    float: left;
    width: 12vw;
    height: 10vh;
    font-size: 1.3vw;
}

.XBiaoTi {
    float: left;
    width: 80%;
    margin-top: 10%;
    padding: 0% 0% 12% 13%;
    font-size: 0.8vw;
    color: rgb(199, 199, 199);
}

.menu {
    float: left;
    width: 100%;
    height: 18vh;
}

.menu li {
    float: left;
    padding: 0% 0% 18% 13.5%;
    width: 85%;
    height: 18%;
    line-height: 3vh;
    font-size: 0.85vw;
}

.menu2 li {
    float: left;
    padding: 0% 0% 10% 13.5%;
    width: 85%;
    height: 18%;
    line-height: 3vh;
    font-size: 0.85vw;
}

.menu li div {
    float: left;
    width: 2vw;
    height: 2vh;
    margin-right: 1.5vw;
}

/* 导航栏结束 */

/* 搜索栏 */
.SoSuoLan {
    float: left;
    height: 3.5vh;
    margin: 0.4% 1% 0.2% 1%;
}

.SoSuo {
    float: left;
    width: 65vw;
    height: 100%;
    margin-left: 35vh;
    background-color: white;
    line-height: 3.5vh;
    border-radius: 12px;
}

.SoSuo p {
    opacity: 0.3;
}

.TouXiang {
    float: right;
    margin-top: 2vh;
    line-height: 3vh;
    font-size: 1vw;
}

.TouXiangTP {
    float: right;
    width: 3%;
    margin: 0.6% 1.2% 1% 1%;
}

.TouXiangTP img {
    border-radius: 100%;
}

/* 搜索栏结束 */

/* 正文开始 */
.banner h3 a:hover {
    font-size: 0.95vw;
    color: red;
}

.banner {
    float: left;
    height: 32vh;
    width: 85vw;
    margin-left: 14vw;
}

.tupian {
    float: left;
    width: 100%;
    height: 100%;
}

.banner .tupian li {
    float: left;
    width: 15vw;
    height: 25vh;
    background-color: aqua;
    margin-right: 2.35%;
}

.banner .tupian li img:hover {
    width: 15.2vw;
    height: 25.2vh;
    box-shadow: 2px 3px 5px 3px rgb(153, 153, 153);
    transition: all 0.4s;
}

.banner ul .Rmargin {
    margin-right: 0px;
}

.banner div h2 {
    font-weight: 500;
    font-size: 1.2vw;
}

.banner div h2 {
    width: 100%;
    height: 3vh;
    font-weight: 500;
}

.banner div h3 {
    width: 100%;
    height: 4.3vh;
    line-height: 4.3vh;
    font-size: 0.9vw;
    font-weight: 400;
}

.banner .tupian li {
    border-radius: 20px;
}

.banner ul li img {
    border-radius: 20px;
}

.zw {
    float: left;
    width: 85vw;
    height: 7vh;
}

.JieShao li {
    float: left;
    width: 17vw;
    height: 16vh;
}

.GeMing {
    font-size: 1vw;
    padding-left: 0%;
}

.GeShou {
    font-size: 0.8vw;
    padding-left: 0%;
    opacity: 0.4;
}

/* banner结束 */

/* banner2开始 */
.banner2 {
    float: left;
    height: 18vh;
    width: 85vw;
    margin-top: 0.5vh;
}

.DanQuTj {
    float: left;
    width: 50%;
    height: 100%;
}

.GeShouTJ {
    float: left;
    width: 50%;
    height: 100%;
}

.WenZi {
    font-size: 1.2vw;
    margin-bottom: 0.8%;
}

.DanQuTJTP {
    float: left;
    width: 96%;
    height: 75%;
    margin-top: 1%;
    margin-right: 2%;
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
}

.BoFangQi {
    float: left;
    width: 60%;
    height: 100%;
    margin-left: 20%;
}

.GeShouTJ ul {
    float: left;
    width: 96%;
    height: 75%;
    margin-top: 1%;
    background-color: #ffffff;
    border-radius: 20px;
}

.DanQuTJTP img {
    float: left;
    width: 8vw;
    border-radius: 20px;
}

.YuanSe {
    width: 28%;
    height: 15%;
    line-height: 200%;
}

.WenZi3 {
    display: inline-block;
    margin-top: 15%;
    font-size: 1.4vw;
}

.WenZi4 {
    font-size: 0.8vw;
}

.GeShouTJ ul li {
    float: left;
    width: 14%;
    height: 75%;
    margin-right: 2.3%;
    margin-left: 3.3%;
    margin-top: 0.6%;
    border-radius: 100%;
}

.GeShouTJ ul li p {
    margin-left: 29%;
}

.GeShouTJ ul li a {
    font-size: 0.9vw;
}

.GeShouLeiBiao {
    float: left;
    width: 69vh;
}

.GeShouLeiBiao span {
    display: inline-block;
    font-size: 1vw;
    margin: 0.4% 6.6%;
}



/* banner2结束 */

/* banner3开始 */
.banner3 {
    float: left;
    height: 29vh;
    width: 85vw;
    margin-top: 2%;
}

.banner3 .tupian {
    float: left;
    width: 100%;
    height: 100%;
}

.banner3BT {
    font-weight: 400;
    font-size: 1vw;
    margin-bottom: 0.8%;
}

.banner3 .tupian li .TMdiv {
    width: 100%;
    height: 9vh;
    margin-top: 16vh;
    border-radius: 0px 0px 20px 20px;
    background-color: rgba(0, 0, 0, .4);
}

.banner3 .tupian li .TMdiv p {
    padding: 4% 1% 0% 7%;
    font-size: 1.05vw;
    color: #ffffff;
}

.banner3 .tupian li .TMdiv .TouMingp {
    margin-top: -4%;
    font-size: 0.8vw;
    color: rgba(255, 255, 255, .8);
}

/* banner3结束 */