.color_back { color: #211713 !important; } .color_hui { color: #b1b1b1 !important; } .color_white { color: #ffffff !important; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background:url(/uploads/image/scdi/home_bg.png)0 0 repeat-y;} #banner { width: 100%; height: 100%; margin-top: 0 !important; margin-bottom: 50px; } #swiper_banner { width: 100%; height: 100%; } #banner .swiper-slide { width: 100%; height: 100%; position: relative; } #banner .banner_title.left { left: 12%; } #banner .banner_title.center { left: 50%; transform: translatex(-50%); top:15%;} #banner .banner_title.right { left: 40%; } #banner .banner_title h2 { font-size: 3.5rem; margin: 0; transform: translatex(100%); font-weight: normal;} #banner .banner_title h5 { font-size: 1.5rem; margin: 0; transform: translatex(100%); font-weight: normal; } #banner .swiper-slide img { width: 100%; height: 100%; transform: scale(1); } #banner .swiper-slide > a { display:block; } /*#banner .swiper-slide > a{ display:block; position:absolute; top:0; left:0; right:0; bottom:90px; z-index:10; }*/ #banner .am-slider { width: 100%; height: 100%; } #banner .am-viewport { width: 100%; height: 100%; } #banner .am-slides { width: 100%; height: 100%; } #banner .am_slides_item { width: 100%; height: 100%; overflow: hidden; position: relative; } #banner .banner_title { position: absolute; left: 12%; top: 35%; color: #fff; z-index: 1; overflow: hidden; } #banner .ks { left: 5% !important; } #banner .ks3 { top: 40% !important; } #banner .am-active-slide img { width: 100%; height: 100%; transform: scale(1); } #banner .swiper-slide img.active { animation: boxscale 18s infinite 1s alternate; } /*#banner .swiper-slide.swiper-slide-active .banner_title h1 { transform: translatex(0); transition-delay: 0.5s; transition-timing-function: linear; transform-origin: left; transition-duration: 1s;} #banner .swiper-slide.swiper-slide-active .banner_title h5 { transform: translatex(0); transition-delay: 1.5s; transition-timing-function: linear; transform-origin: left; transition-duration: 1s; }*/ #banner .swiper-slide.swiper-slide-active .banner_title h2 { animation: titleshow 8s linear 0.5s normal; transform-origin: left; } #banner .swiper-slide.swiper-slide-active .banner_title h5 { animation: titleshow 8s linear 0.5s normal; transform-origin: left; } #business { margin: 85px 0 130px; } .am_business_title { text-align: center; margin-bottom: 100px; } .am_business_title_cn { color: #000000; font-size: 3rem; } .am_business_title_en { font-size: 1.4rem; color: #c2c2c2; } .a { border: 1px solid #d9d9d9; text-align: center; padding: 35px 0; display: block; position: relative; width: 195px; margin: 0 auto; text-decoration: none; color: #333333; } .am_business_body_btn { border: 0.1rem solid #d9d9d9; text-align: center; padding: 3.5rem 0; display: block; position: relative; text-decoration: none; color: #093a7f; display: block; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 195px; margin: 0 auto; } .am_business_body_btn::after { width: 0; height: 100%; position: absolute; content: ""; top: 0; left: 0; background-color: #00469c; z-index: -1; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .am_business_body_btn:hover { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #ffffff; } .am_business_body_btn:hover .icon path { fill: #ffffff; } .am_business_body_btn:hover .icon polygon { fill: #ffffff; } .am_business_body_btn:hover .icon circle { fill: #ffffff; } .am_business_body_btn:hover::after { width: 100%; } @keyframes titleshow { 0% { transform: translatex(100%); opacity: 0; } 30% { transform: translatex(0); opacity: 1; } 85% { transform: translatex(0); opacity: 1; } 100% { transform: translatex(0); opacity:0; } } @keyframes boxscale { from { transform: scale(1); } to { transform: scale(1.2) } } @keyframes pointscale { from { transform: scale(1); } to { transform: scale(1.1) } } @media screen and (max-width:1440px) { .am-container { width: 1268px; max-width: 1268px; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:30px;} .am_industry_point { width: 1340px; } #banner .banner_title h2 { font-size:2.8rem;} .am_media_price_info { padding:6rem 2rem; } .am_group_announcement { padding: 4rem; } .am_media_focus, .am_media_price { height: 600px;background-position:0 0; } .am_media_focus_info{left:10px;} .am_industry_info{left:-15px;} } @media screen and (max-width:1366px) { .am-container { width: 1268px; max-width: 1268px; } .am_industry_info { left: 0px; } .am_industry_info_content{font-size:12px;} } @media screen and (max-width:1280px) { .am_news_swiper .am-slider { padding-top: 15rem; box-shadow: none; height: auto; } #news { height: 700px; } .swiper_img { height: 12rem; width: 12rem; } .swiper_img img { height: 12rem; width: 12rem; } .swiper_info { padding: 3.2rem 0 3.2rem 13rem; } .am_media_focus { height: 600px; } .am_media_price { height: 600px; } .am_media_focus_info { margin-top: 205px; } .am_media_price_info { padding: 6rem 2rem; } #contact { padding: 50px 0; } .am_contact_box { width: 1100px; } .am_industry_point { width: 1234px; } } /*@media screen and (min-width:1920px) { #banner .ks { width: 90%; left: 50% !important; transform: translatex(-50%); overflow:hidden;} .ks h1 { float: left; transform:none;} .ks h5 { float: right; transform: none; } }*/