.nav_one{ width: 100%; height: 70px; background: rgba(34,34,34,.5); position:fixed; top: 0px; } .nav{ width: 1200px; height: 70px; margin: 0 auto; } .header{ width: 100%; height: 350px; position: relative; } .logo{ width: 81px; height: 31px; float: left; margin-top: 15px; } .backgund{ width: 100%; height: 100%; } .screah{ width: 396px; height: 50px; text-align: center; margin-left: 220px; display: inline-block; margin-top: 10px; } .screah input{ width: 303px; height: 44px; border: 1px #969696 solid; border-right: none; border-top-left-radius: 20px; border-bottom-left-radius: 20px; opacity: 0.3; color: aliceblue; } .screah_right{ width: 88px; height: 48px; background-color: rgb(194, 59, 86); float: right; border-top-right-radius: 20px; border-bottom-right-radius: 20px; line-height: 48px; } .screah_right .iconfont{ float: left; font-size: 20px; color: whitesmoke; margin-left: 10px; } .screah_right .iconfont_v{ font-size: 16px; width: 41px; height: 27px; margin-left: -20px; color: whitesmoke; } .nav_r ul{ width: 271px; height: 50px; float: right; } .nav_r{ width: 275px; height: 52px; float: right; margin-top: 15px; } .nav_r ul li{ float: left; margin: 0px 10px 0px 10px; text-align: center; } .nav_r_r div{ background: mediumvioletred; color: mintcream; width: 84px; height: 42px; line-height: 42px; border-radius: 20px; } .nav_r_l, .nav_r_c{ font-size: 15px; color: white; } .nav_r_l div, .nav_r_c div{ font-size: 20px; } .top_nav{ width: 1126px; height: 45px; background-color: white; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; } .top_nav ul li{ float: left; background-color: #fbfbfb; width: 92px; height: 45px; line-height: 45px; border-radius: 20px; text-align: center; margin-left: 42px; color: black; font-size: 15px; font-weight: bolder; } .cbody{ width: 1126px; height: 805px; background-color: rgb(252, 249, 245); margin: 0 auto; } .cbody_left{ width: 710px; height: 805px; background-color: white; float: left; } .cbody_right{ width: 416px; height: 805px; background-color: white; float: right; } .cbody_top{ width: 710px; height: 43px; } .cbody_top_one{ width: 200px; height: 43px; background: white; line-height: 42px; display: inline-block; } .cbody_top_one h2{ font-size: 24px; font-weight: bolder; color: #111; display: inline-block; } .cbody_top_one span{ float: right; color: rgb(85, 79, 79);; font-size: 12px; } .cbody_top_two{ width: 112px; height: 43px; background: white; float: right; line-height: 43px; font-size: 12px; color: #969696; } .cbody_top_two span{ margin: 0px 10px 0px 10px; } .cbody_bottom{ width: 710px; height: 738px; background-color: white; } .cbody_bottom_img{ width: 160px; height: 323px; background-color: white; float: left; margin-right: 17px; } .cbody_bottom_img img{ width: 160px; height: 263px; float: left; } .cbody_bottom_img p{ font-size: 15px; font-weight: bolder; } .cbody_bottom_img i{ color: #969696; font-size: 13px; } .cbody_bright{ width: 416px; height: 790px; background: white; } .cbody_brighta{ width: 383px; height: 69px; background:#f5f5f5; border-bottom: 1px #d4d0d0 solid; } .cbody_brighta h3{ width: 35px; height: 69px; font-size: 28.6px; float: left; text-align: center; line-height: 69px; margin: 0px 10px 0px 10px; } .cbody_brighta img{ float: right; width: 18px; height: 18px; margin-top: 20px; } .cbody_brighta div{ display: inline-block; } .cbody_brighta_b{ width: 195px; height: 40px; line-height: 40px; } .cbody_brighta_b p{ font-size: 13px; color: silver; }