.way_box{ padding: 48px 0 44px; } .way_title{ width: 160px; font-size: 28px; color:#1e85d7; text-align: right; background: url(/uploads/image/sccimg/way.png) no-repeat left center; margin: 0 auto; } .way_new_box{ width: 100%; margin-top: 34px; display: flex; } .way_nav_list{ float: left; width: 124px; background:#edf1f5; } .way_nav_list li{ width: 84px; text-align: center; border-bottom: 1px solid #e2e2e2; font-size: 16px; color:#333; height:45px; line-height: 50px; margin: 0 auto; cursor: pointer; } .way_nav_list li:nth-last-child(1){ border:none; } .way_check{ width: 124px !important; color: #1e85d7; background: #ffffff; border-left: 3px solid #1e85d7; box-sizing: border-box; } .way_txt{ width: 445px; float: left; margin-left: 20px; } .way_txt img{ display: block; width: 100%; } .way_txt span{ font-size: 24px; color:#15255f; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block; } .way_txt p{ font-size: 14px; color:#656565; line-height: 26px; } .way_txt a{ font-size: 16px; color:#2287d7; line-height: 30px; } .way_new{ width: 580px; float: right; margin-left:30px; } .way_item{ width: 100%; height:133px; border-bottom: 1px solid #d4d4d4; padding: 25px 0 30px; } .way_item:first-child{ height: 108px; padding: 0 0 30px; } .way_item:last-child{ height: 103px; padding: 25px 0 0; border-bottom: none; } .way_item img{ width: 130px; height:80px; } .way_content{ float: right; width: 430px; font-size: 16px; } .way_content div:nth-child(1){ color:#1e85d7; line-height: 16px; margin-bottom: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .way_content div:nth-child(2){ color:#656565; font-size:14px; line-height: 16px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .way_time{ overflow: hidden; position: relative; } .way_time ul:nth-child(1){ font-size: 14px; color:#a9a9a9; line-height: 18px; float: left; } .way_time div:nth-child(2){ float: right; font-size: 16px; color:#6e6e6e; position: absolute; right: 0; bottom:0; margin:0; padding-top: 10px; } .way_time div span{ font-size: 24px; color:#ff9913; } .way_page{ width: 50%; margin:0 auto; display: flex; justify-content: center; } .way_page li { float: left; padding: 0 10px; } .new_box{ width: 100%; height:540px; background: #f3f3f3; padding-top:60px; box-sizing: border-box; } .new_center li{ width: 374px; background: #ffffff; padding: 17px; float: left; margin-right: 39px; } .new_center li:nth-child(3){ margin:0; } .new_title{ width: 100%; font-size: 22px; color:#1e85d7; vertical-align:middle; text-align:position; padding: 12px 0; } .new_title img{ width: 22px; height:22px; vertical-align:middle; /*optional*/ margin:0 8px; } .new_title span{ vertical-align:middle; /*optional*/ } .new_title span:nth-child(3){ font-size: 16px; color:#6e6e6e; } .new_notice{ float: right; margin-top: 8px !important; } .new_img{ width: 100%; height:340px; } .new_img img{ width: 100%; height:100%; } .hot_box{ padding: 48px 0 44px; } .hot_title{ width: 160px; font-size: 28px; color:#1e85d7; text-align: right; background: url(/uploads/image/sccimg/hot.png) no-repeat left center; margin: 0 auto; } .hot_nav{ display: flex; justify-content: space-between; width: 836px; margin:30px auto 40px; font-size: 16px; color:#333333; line-height: 38px; } .hot_nav li{ cursor: pointer; } .hot_check{ border-bottom: 2px solid #1e85d7; } .hot_content{ width: 100%; height:470px; } .item_logo{ width: 114px; height:44px; float: left; } .hot_item_nav{ width: 1050px; font-size: 16px; color:#333333; float: left; margin-left: 12px; } .hot_item_column{ font-size: 14px; color:#1e85d7; } .hot_item_column li{ float: left; margin-right: 20px; } .hot_item_column li:nth-child(1){ color: #b3b2b2; } .hot_item_column li img{ width: 34px; height:15px; margin-left:10px; } .hot_item_column li:nth-last-child(1){ float: right; } .hot_txt{ margin-top:10px; } .hot_txt_left{ float: left; width: 470px; height:410px; } .hot_txt_left img{ width: 100%; height:300px; } .hot_txt_title{ padding: 20px 12px; position: relative; } .hot_txt_title li:nth-child(1){ font-size: 18px; color:#333333; } .hot_txt_title li:nth-child(2){ font-size: 14px; color:#c6c6c6; } .hot_txt_title li{ font-size: 14px; color:#333333; line-height: 24px; } .hot_txt_pice{ position: absolute; bottom: 20px; right: 12px; font-size: 12px; color:#ff9a00; } .hot_txt_pice span:nth-child(1){ font-size: 22px; } .hot_txt_pice span:nth-child(2){ color:#000; } .hot_child{ width: 670px; float: right; } .hot_child li{ position: relative; width: 325px; height:210px; float: left; } .hot_child li:nth-child(2n){ float: right; } .hot_child li img{ width: 100%; height:148px; } .hot_child_box{ padding: 5px; } .hot_child_box{ font-size: 16px; color:#000000; } .hot_child_box div:nth-child(2) .hot_time{ font-size: 14px; color:#a5a5a5; } .hot_child_pice{ position: absolute; bottom: 8px; right: 5px; font-size: 10px; color:#ff9a00; } .hot_child_box .hot_child_pice span:nth-child(1){ font-size: 16px; } .hot_child_pice span:nth-child(2){ color:#000; } .server_box{ padding: 48px 0 44px; } .server_title{ width: 220px; font-size: 28px; color:#1e85d7; text-align: right; background: url(/uploads/image/sccimg/server.jpg) no-repeat left center; margin: 0 auto; } .server_nav{ width: 100%; height:200px; text-align: center; background: url(/uploads/image/sccihome/back.png) no-repeat center center; } .server_nav img{ width: 100%; height:100%; } .friend_box{ width: 100%; padding: 48px 0 30px; background: #f3f3f3; } .friend_title{ width: 220px; font-size: 28px; color:#1e85d7; text-align: right; background: url(/uploads/image/sccimg/friend.png) no-repeat left center; margin: 0 auto 30px; } .friend_item li{ width: 110px; height:60px; float: left; margin:0 10px 25px 0; } .friend_item li:nth-child(n10){ margin:0; } .friend_item li img{ width: 110px; height:60px; } .nav_lists li{ width: 120px; font-size: 16px; color:#ffffff; text-align: center; } .nav_lists li img{ width: 64px; height: 64px; margin-bottom: 10px; } .nav_lists{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; } .bourninput{ position: relative; } .bourninput input { width: 100px; position: absolute; top: 12px; left: 40px; z-index: 99; height: 26px; line-height: 40px; color: #999999; font-size: 14px; outline: none; cursor: pointer; display: none; } .cqinput{ position: relative; } .cqinput input { width: 100px; position: absolute; top: 12px; left: 40px; z-index: 99; height: 26px; line-height: 40px; color: #999999; font-size: 14px; outline: none; cursor: pointer; display: none; } .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-button-next,.swiper-button-prev{ /* position: absolute; top: 20px; left: 20px; border: 1px solid red; */ } .site-main{ background: #ffffff; } .swiper-slide{ /*background: center center no-repeat;*/ background-size: cover; position: relative; } .swiper-btn-next{ position: absolute; top: 50%; width: 30px; height: 30px; z-index: 10; cursor: pointer; background-size: 36px 40px; background-position: center; background-repeat: no-repeat; background-image: url(/uploads/image/sccimg/bloult.png); right: 100px; margin-top: 40px; left: auto; } .swiper-btn-prev{ position: absolute; top: 50%; width: 30px; height: 30px; cursor: pointer; background-size: 36px 40px; background-position: center; background-repeat: no-repeat; background-image: url(/uploads/image/sccimg/bloult.png); left: 100px; margin-top: 40px; right: auto; transform: rotate(180deg); -webkit-transform: rotate(180deg); z-index: 100; }