.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;} .clearfix{ zoom: 1;} body{ background:#dbf0fd;} body{ background:#f5f5f5;} /*导航*/ #mould81594{ position: fixed; top: 0; width:100%; z-index: 999; background:#fff; box-shadow: 0 0 10px rgb(0 0 0 / 20%);} .navbars4{ width:90%; margin:0 auto;} .navbars4 .logo{ width:371px;} .head-right{ float:right;} .head-right ul,.head-right .head-search,.head-right .language{ float:left;} .navbars4>li>a{ font-size:18px; padding: 8px 24px;} .navs>li>a{ text-transform: uppercase;} .navs>li:hover>a{ color:#333; background:none;} .navs>li{ position:relative;} .navs>li:after{ content: "";width:66px; height:3px; position:absolute; background:#e6213a; bottom:0; left:20px; display:none;} .navs>li:hover:after{ display:block;} .head-list{ position: absolute; top:100px; width:100%; background: url(/uploads/image/images/nav_bg.jpg) no-repeat center bottom; background-size: cover; z-index: 99;} .head-list .hide1{ width:1600px; margin:0 auto; display:none; padding:60px 0;} .head-list .hide1 .left{ float:left; width:26%;} .head-list .hide1 .left a{ display:block; text-align:center; line-height:54px; background:#e5e5e5; color:#333; width:48%; float:left; margin-bottom:10px; transition:.5s; text-transform: capitalize;} .head-list .hide1 .left a:nth-child(odd){ margin-right:4%;} .head-list .hide1 .left a:hover{ background:#215cae; color:#fff;} .head-list .hide1 .right{ float:right; width:65%;} .head-list .hide1 .right div{ float:left; width:54%; margin-right:80px;} .head-list .hide1 .right div h2{ font-size:30px; line-height:30px; font-weight:bold; margin-bottom:24px;} .head-list .hide1 .right div p{ line-height:28px;} .head-list .hide1 .right div a{ width:148px; line-height:48px; text-align:center; background:#e6213a; color:#fff; display:block; transition:.5s; margin-top:30px;} .head-list .hide1 .right div a:hover{ background:#215cae;} .head-list .hide1 .right img{ float:left;} .head-right .head-search{ height: 50px; margin: 25px; position: relative;} .head-right .head-search a{ background:url(/uploads/image/images/search.png) no-repeat center; width:50px; height:50px; display:block;} .head-right .head-search input{ width: 0; height: 48px; line-height: 48px; padding: 0; float: left; position: absolute; right: 50px; background: #f5f5f5; border: 0 solid transparent; font-size: 16px; transition:.2s; box-shadow:none; } .head-right .head-search:hover input{ width: 740px; padding: 0 20px; border: 1px solid #e6e6e6;} .head-right .language{ width:36px; height:36px; background:#e6213a; color:#fff; font-family: arial; text-transform: uppercase; display:block; margin-top:32px; font-size:18px; line-height:36px; text-align:center;} /*大图*/ #mould81593 .swiper-slide img{ height:100vh;} #mould81593 .swiper-button-next, .swiper-button-prev{ top:56%;} #mould81593 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:80px;} #mould81593 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:80px;} #mould81593 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:0.4;border-radius:4px; width:30px;} #mould81593 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1;border-radius:4px; width:30px;} /*简介*/ .width_1600{ width:1600px; margin:100px auto 0 auto;} .about_up video{ float:left; width:52.5%;} .about_up .about_right{ float:right; width:44%;} .about_up .about_right h2{ font-size:30px; line-height:30px; font-weight:bold; color:#215cae; margin:20px 0 30px 0;} .about_up .about_right p{ line-height:30px; text-indent:2em;} .about_up .about_right a{ display:block; width:128px; line-height:42px; box-sizing:border-box; border:1px solid #999; text-align:center; margin-top:20px; transition:.3s;} .about_up .about_right a:hover{ border:1px solid #215cae; background:#215cae; color:#fff;} .addmuns1{ background:rgba(255,255,255,0.5); padding:40px; box-sizing:border-box; margin-top:50px;} .addmuns1 ul{ width:100%;} .addmuns1 li{ width:25%;} .addmuns1 li:after{ height:70px; background:#999; top:0;} .addmuns1 li h2{ margin-left:21%;} .addmuns1 li h2,.addmuns1 li p{ float:left;} .addmuns1 li h2 em{ width:30px; height:30px; background:url(/uploads/image/images/about_btn.png) no-repeat; display:block;} .addmuns1 li:nth-child(2) h2 em{ background-position:-30px 0;} .addmuns1 li:nth-child(3) h2 em{ background-position:-60px 0;} .addmuns1 li:nth-child(4) h2 em{ background-position:-90px 0;} .addmuns1 li p span{ font-size:64px; line-height:64px; font-weight:bold; font-family:arial; color:#215cae; margin:0 10px;} .addmuns1 li p em{ } .addmuns1 li:nth-child(2) p em{ font-size:30px; line-height:30px; font-weight:bold; font-family:arial; color:#215cae; position: absolute;} /*产品*/ .product_a{ } .product_up .left{ float:left; position:relative;} .product_up .left .tu{ position:relative; float: left;} .product_up .left .tu:after{ content: ""; width:21px; height:32px; background: url(/uploads/image/images/jian.png) no-repeat; background-size: cover; position: absolute; right: -3rem; top: 1.5rem;} .product_up .left .text{ position:absolute; left: 109%; top: 80px; width: 900px; font-size: 18px; color: rgba(255,255,255,0.6); line-height:32px;} .product_up .right{ float:right; margin-top:80px;} .product_up .right h3{ display:inline-block; font-weight:bold; font-size:20px; line-height:48px; float: left; color:#fff; margin-right:18px;} .product_up .right a{ display:inline-block; width:48px; height:48px; background:#215cae; color:#fff; font-size:36px; text-align:center; line-height:42px;} .banner11{ margin-top:48px;} .banner11 .swiper-slide{ height:480px; width:100%; position:relative; overflow:hidden;} .banner11 .swiper-slide:after{ content: ""; width:100%; height:200px; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); position:absolute; bottom:0;} .banner11 .swiper-slide:hover:after{ background:linear-gradient(rgba(33,92,174,0),rgba(33,92,174,1));} .banner11 .swiper-slide a{ display:block; width:800px; height:100%; position:absolute; top:0; left:50%; transform:translatex(-50%);} .banner11 .swiper-slide a img{ width:100%; height:100%!important; transition:.5s;} .banner11 .swiper-slide:hover a img{ transform:scale(1.05);} .banner11 .swiper-slide p{ font-size:24px; line-height:24px; font-weight:bold; color:#fff; position:absolute; bottom:30px; left:30px; z-index:2;} .banner11 .swiper-container{ padding-bottom:36px;} .banner11 .swiper-container .swiper-pagination{ bottom:0; width: 142px; right: 0; left: inherit;} .banner11 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:0.4; width:12px!important; height:12px; border-radius:50%!important;} .banner11 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1; width:12px!important; height:12px; border-radius:50%!important;} /*营销*/ .yingxiao{ position:relative; height:100vh; overflow:hidden;} .yingxiao:after{ content: ""; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; z-index:1;} .yingxiao .video{ } .yingxiao .video video{ width:100%; height:100%;} .yingxiao .video video:last-child{ display:none;} .yingxiao .yx_cont{ position:absolute; bottom:60px; left:50%; transform:translatex(-50%); width:1600px; color:#fff; z-index:9;} .yingxiao .yx_name{ float:left; width:14%;} .yingxiao .yx_name a{ width:180px; height:50px; line-height:50px; font-size:24px; font-weight:bold; color:#215cae; background:#fff; display:block; border-radius:25px; text-align:center;} .yingxiao .yx_name a:first-child{ margin-bottom:24px;} .yingxiao .yx_name a.on{ color:#fff; background:#215cae;} .yingxiao .yx_text{ float:right; width:86%;} .yingxiao .yx_text div{ display:none;} .yingxiao .yx_text h2{ font-size:24px; font-weight:bold; margin-bottom:10px;} .yingxiao .yx_text p{ line-height:30px;} .yingxiao video::-webkit-media-controls-fullscreen-button {display: none;} .yingxiao video::-webkit-media-controls-play-button {display: none;} .yingxiao video::-webkit-media-controls-timeline {display: none;} .yingxiao video::-webkit-media-controls-current-time-display {display: none;} .yingxiao video::-webkit-media-controls-time-remaining-display {display: none;} .yingxiao video::-webkit-media-controls-mute-button {display: none;} .yingxiao video::-webkit-media-controls-toggle-closed-captions-button {display: none;} .yingxiao video::-webkit-media-controls-enclosure {display: none;} .yingxiao video::-webkit-media-controls-volume-slider {display: none;} /*新闻*/ .news_a{ } .news_a .left{ float:left; width:50%; position: relative;} .news_a .left:after{ content: ""; width:100%; height:120px; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); position:absolute; bottom:0;} .news_a .left a{ display:block; width:100%; height:500px; position:relative; overflow:hidden;} .news_a .left a img{ width:100%; height:100%; transition:.5s;} .news_a .left a:hover img{ transform:scale(1.05);} .news_a .left a p{ position:absolute; bottom:24px; left:30px; color:#fff; z-index:2; font-size:22px; font-weight:bold;} .news_a .right{ float:right; width:46%;} .news_a .right h3{ border-bottom:1px solid #ccc; font-size:30px; line-height:30px; color:#215cae; font-weight:bold; padding-bottom:20px; margin-bottom:28px;} .news_a .right h3 a{ font-size:16px; line-height:16px; color:#333; float:right; font-weight:normal; margin-top:8px;} .news_a .right h3 a:hover{ color:#215cae;} .news_a li{ position: relative;} .news_a li:nth-child(-n 3){ margin-bottom: 20px;} .news_a li time{ float: left; margin-right:24px; text-align:center; background:rgba(255,255,255,0.5); box-shadow: 0 0 10px rgb(0 0 0 / 10%); width:100px; padding:14px 0;} .news_a li time span { font-size: 36px; display: block; font-weight: bold; line-height: 36px; margin-bottom: 3px;} .news_a li .news_con h2{ font-size: 20px; font-weight: bold; line-height: 20px; margin-bottom: 14px; padding-top:6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .news_a li .news_con p{ line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .news_a li a:hover{ color:#215cae;} /*底部*/ .contact{ background:rgba(255,255,255,0.5); padding:50px 0;} .contact .width_1600{ margin-top:0;} .contact .left{ float:left; width:25%;} .contact .left h2{ font-size: 30px; font-weight: bold; line-height: 30px; color:#215cae; margin-bottom:24px;} .contact .left p{ font-size: 16px; line-height: 30px; text-transform: capitalize;} .contact ul{ float:left; width:75%;} .contact li{ float:left; width:33.33%; text-align:center; margin-top:22px; border-left:1px solid #ccc; box-sizing:border-box;} .contact li div img{ display:inline-block; margin-top: -5px;} .contact li div h2{ display:inline-block; margin-left:15px; font-weight: bold; font-size: 20px; font-weight: bold;} .contact li div h2:hover{ color:#215cae;} .contact li p{ font-size: 18px; color:#666; margin-top:6px;} footer .width_1600,.copy .width_1600{ margin-top:0;} .footer{ background:none; padding-top:60px;} .footer .foot_text{ width:30%; float:left;} .footer .foot_text>img{ margin-bottom:30px;} .footer .foot_text>p{ line-height:30px;} .footer .foot_share{ margin-top:36px;} .footer .foot_share a{ width:56px; height:56px; display:block; border-radius:6px; float:left; position:relative;} .footer .foot_share a:nth-child(-n 2){ margin-right:24px;} .footer .foot_share a:nth-child(1){ background:rgba(0,0,0,0.2) url(/uploads/image/images/sj1.png) no-repeat center;} .footer .foot_share a:nth-child(2){ background:rgba(0,0,0,0.2) url(/uploads/image/images/wx1.png) no-repeat center;} .footer .foot_share a:nth-child(3){ background:rgba(0,0,0,0.2) url(/uploads/image/images/dy1.png) no-repeat center;} .footer .foot_share a div{ width:120px; height:120px; position:absolute; bottom:56px; left:50%; margin-left:-56px; box-shadow: 0 0 8px rgb(0 0 0 / 10%); transition:.5s; transform: scale(0);} .footer .foot_share a:hover div{ transform: scale(1);} .footer ul{ width:66%; float:right;} .footer li{ float:left; margin-right:30px;} .footer li:last-child{ margin-right:0;} .footer li h4{ font-size:16px; line-height:18px; margin-bottom:15px; font-weight:bold;} .footer li h4 a:hover{ color:#333;} .footer li h5{ line-height:30px; font-size:14px;} .footer li h5 a:hover{ color:#215cae;} .copy{ margin-top:60px;} .copy_bg{ border-top:1px solid #ccc;} .copy_bg .fl{ float:left; line-height:60px; font-size:14px;} .copy_bg .fr{ float:right; line-height:60px; font-size:14px;} .copy_bg p{ } .copy_bg p a{ } @media screen and (max-width:1680px){ .navbars4{ width:94%; height:80px;} .navbars4 .logo,.navbars4 ul{ height:80px;} .head-right .head-search{ margin: 15px 25px;} .head-right .language{ margin-top:22px;} .head-list{ top:80px;} .head-list .hide1{ width:94%;} .head-list .hide1 .left{ width:24%;} .head-list .hide1 .right div{ margin-right: 60px;} .width_1600{ width:92%;} .about_up .about_right h2{ margin: 10px 0 20px 0;} .about_up .about_right p{ line-height:28px;} .addmuns1{ margin-top:40px; padding:30px; box-shadow: 0 0 8px rgb(0 0 0 / 10%);} .banner11{ margin-top:24px;} .banner11 .swiper-slide{ height:420px;} .yingxiao .yx_cont{ width:92%;} .footer li{ margin-right:74px;} } @media screen and (max-width:1440px){ .head-list .hide1 .right{ width:68%;} .width_1600{ width:94%;} .about_up video{ width:48%;} .about_up .about_right{ width:48%;} .about_up .about_right p:nth-child(4){ display:none;} .product_up .left .text{ font-size:16px; line-height: 28px; width:840px;} .yingxiao .yx_text{ width:82%;} .footer li{ margin-right:50px;} } @media screen and (max-width:1360px){ .navbars4{ width:96%;} .navbars4 li a{ padding: 8px 16px;} .head-list .hide1 .right{ width:66%;} .head-list .hide1 .right div{ width:56%; margin-right: 50px;} .head-list .hide1 .right img{ width:320px;} .head-right .head-search:hover input{ width:660px;} .about_up .about_right p:nth-child(5){ display:none;} .addmuns1 li h2{ margin-left: 18%;} .addmuns1 li:nth-child(2) h2{ margin-left: 16%;} .addmuns1 li p span{ font-size:56px;} .product_up .left .text{ width:760px;} .footer li{ margin-right:45px;} }