@charset "utf-8"; *{ box-sizing:border-box;} *::before, *::after{ box-sizing:border-box;} *:focus{ outline:none;} img{border:0;vertical-align: middle;} body,html,h1,h2,h3,h4,h5,h6,div{ margin: 0; padding: 0; } a, a:active { color: inherit; text-decoration: none; cursor: pointer; } /*时间轴*/ .abUs-comHist .p-title .t{color:#fff;} .abUs-comHist .p-title .s{background:#e50012;} /*大*/ .auCHist-man{width: 1100px;position:relative;margin:2px auto 0;} .auCHist-man .swiper-container{padding:54px 0 76px 0;} .auCHist-man .auCHman-box{display:block;height:72px;text-align:center;color:#fff;position:relative;} .auCHman-box .year{line-height:28px;font-size:30px;} .auCHman-box:before{content:"";display:block;width:12px;height:12px;border-radius:100%;background:#fff;position:absolute;left:50%;margin-left:-4px;bottom:0px;} .auCHman-box:after{content:"";display:block;width:30px;height:30px;border-radius: 100%;border: 1px solid #fff; border-style: dashed; position:absolute;left:50%;margin-left:-13px;bottom:-8px;} .auCHman-box.cur .year{color: #064e98;font-weight: bold;} .auCHman-box.cur:before{background-color: #064e98;} .auCHman-box.cur:after{border-color: #064e98;} .auCHistManSwiper-prev, .auCHistManSwiper-next{display:block;width:42px;height:42px;position:absolute;top:99px;} .auCHistManSwiper-prev{left:-86px;background:url('/template/pc/cxwnet/images/about_fzL.png') no-repeat center center;} .auCHistManSwiper-next{right:-86px;background:url('/template/pc/cxwnet/images/about_fzR.png') no-repeat center center;} .abUs-comHist{position: relative;} .auCHist-man-line{ width: 92%;height: 1px; background-color: rgba(255,255,255,.2); position: absolute;left: 4%;top: 120px; } .timershaft-arrow{ position: absolute; width: 25px; height: 14px; background-repeat: no-repeat; background-image: url('/template/pc/cxwnet/images/about_fzarr.png'); display: block; left: 50%; margin-left: -12.5px; bottom: -76px; opacity: 0; } .auCHman-box.cur .timershaft-arrow{ opacity: 1; } /*小*/ .auCHist-min{width:100%;position:relative;z-index:2;} .auCHist-min .swiper-container{padding:0 0 20px;} .auCHist-min .swiper-container .swiper-slide{padding:0 10px;} .auCHmin-box{display:block;background-color: #fff;;box-shadow:0 4px 20px rgba(162,162,162,.24);position:relative;} .auCHmin-box .auCHmin-block{padding:50px 40px;min-height:200px;} .auCHmin-block li{width: 100%;border-left: 1px solid #e2e2e2;position: relative;padding: 8px 0; list-style-type:none} .auCHmin-block li i{ width: 12px;height: 12px;display: inline-block; border-radius: 100%;border: 2px solid #064e98; position: absolute; top: 50%; margin-top: -6px; left: -6.54px; } .auCHmin-block li b{font-size: 16px;color: #064e98;font-weight: normal;margin-left: 80px;} .auCHmin-block li span{font-size: 16px;color: #666;margin-left: 80px;} @media all and (max-width:1280px){ .contain{width:100%;padding:0 2%;} } @media all and (max-width:1100px){ .auCHistManSwiper-prev{left:-20px;} .auCHistManSwiper-next{right:-20px;} .auCHist-min{width:100%;padding:0 4%;} } @media all and (max-width:1000px){ img{max-width:100%;} .abUs-comHist{padding:.5rem 0;background-size:cover;} .auCHist-man{width:86%;padding:0px;margin-left: 7%;} .auCHman-box.cur .year{font-size:22px;} .auCHman-box.cur .year:after{width:70px;height:70px;top:-10px;left:-10px;} .auCHist-min{margin:1.2rem 0 0;} .auCHist-min .swiper-container{padding:0px 0 1rem;} .auCHmin-box{padding:0px;} .auCHman-box .year { font-size: 18px; } .auCHist-man .swiper-container { padding: 54px 0 30px 0; } .auCHist-man-line { width: 74%; left: 13%; top: 130px; } .timershaft-arrow{display: none;} .auCHmin-box .auCHmin-block { padding: 28px 16px; min-height: 200px; } .auCHmin-block li b{width: 100%;display: block;margin-left: 5%;} .auCHmin-block li span{display: block;width: 90%;margin-left: 5%;} .auCHmin-block li i{display: none;} }