.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;} .clearfix{ zoom: 1;} ::-webkit-scrollbar{ display:none;} #mould73365{ position:fixed; top:0; width:100%; background:#fff; box-shadow: 0 0 10px rgb(0 0 0 / 30%); z-index:99;} .navbars4,.foot,.footer-center{ width:1400px; margin:0 auto;} .navbars4 .logo{ width:400px;} .navbars4 li a{ margin:0 5px;} .navbars4 li.active a{ background: #006dd3; border-radius: 6px; color: #fff;} .navbars4 li:hover a{ background: #006dd3; border-radius: 6px; color: #fff;} .navs>li{ position:relative;} .navs>li .hide1{ position: absolute; top:100px; left:-100px; width:540px; background: #f5f5f5; z-index: 9999; padding:25px 40px; display:none;} .navs>li .hide1 a{ display: block; background:rgba(0, 0, 0, 0); color:#333; padding:8px 0; border-radius: inherit;} .navs>li .hide1 a:hover{ background:#006dd3!important; color:#fff!important;} .navs>li .hide1 .left{ float: left; width:30%;} .navs>li .hide1 .left a{ text-align:center;} .navs>li .hide1 .right{ float: right; width:62%; padding-left:7%; box-sizing: border-box; border-left: 1px solid #ccc;} .navs>li .hide1 .right img{ width:94%;border: 1px solid rgba(0,0,0,0); margin: 5px 0;} .navs>li .hide1 .right img:hover{ border: 1px solid #006dd3;} .navs>li .hide1 .right p{ text-transform: uppercase; font-size:14px;} .navs>li:hover .hide1{ display:block;} .navs>li:nth-child(n 5) .hide1{ right:-100%; left:inherit;} #mould74597{ width:100%;} #mould74597 div{ position: relative; width: 100% !important; margin: 0; padding: 0; overflow: hidden;} #mould74597 div:first-child{ margin-top:100px;} #mould74597 div a{ display: block; background: 50% 100px no-repeat fixed; margin: 0; min-height: 814px; position: absolute; top: 0; left: 0; width: 100%; background-size: 100%; } #mould74599{ background-color:#f5f5f5;background:#f5f5f5;width:100%;} .jj25-cont{ width:1360px; height:auto; margin: 80px auto 50px auto;} .jj25-cont .jj25-left{ width:52%; margin-top:0;} .jj25-left>h2{ font-size:30px; font-weight:bold;} .jj25-left>span{ width:60px; background:#006dd3; margin-top: 18px; margin-bottom:30px;} .jj25-cont .jj25-left p{ width:100%; height: auto; font-size:16px; margin-top: 0;} .jj25-cont .jj25-left ul{ margin-left:0; margin-top: 30px;} .jj25-cont .jj25-left ul li{ background: rgba(15,99,210,0.05); border: 1px #fff solid; border-radius: 8px; padding: 24px 0; width:18%; margin-right:2.5%; box-sizing: border-box;} .jj25-cont .jj25-left ul li:hover{ border: 1px #0f63d2 solid;} .jj25-cont .jj25-left ul li:last-child{ margin-right:0;} .jj25-cont .jj25-left ul li a{ width:100%; height: auto;} .jj25-cont .jj25-left ul li a h3{ line-height:16px; margin-top: 15px;} .jj25-cont .jj25-left ul li:hover a h3{ color:#333;} .jj25-cont .jj25-left ul li a img{ display:block!important; width:38px; height:38px; margin:0 auto; transition:.5s;} .jj25-cont .jj25-left ul li a:hover img:nth-child(1){ display:initial;} .jj25-cont .jj25-left ul li:hover a img{ transform: rotatey(180deg);} .jj25-cont .jj25-right{ width:44%;} .jj25-cont .jj25-right img{ width:100%;} .addmuns1{ overflow: inherit; margin-bottom:60px;} .addmuns1 ul{ width:1360px; margin:0 auto; padding:0 48px; box-sizing: border-box; background: rgba(15,99,210,0.05);} .addmuns1 li{ width:25%; margin:36px 0; padding-left: 2vw; border-left: 1px solid rgba(0,0,0,0.1); position:relative;} .addmuns1 li:before{ content: ''; position: absolute; left: -1px; top: 0; width: 1px; height: 30%; background: #087ad0; z-index: 1; } .addmuns1 li:after{ display:none;} .addmuns1 li:nth-child(even){ margin-right:0;} .addmuns1 li p{ text-align: left; font-weight:normal;} .addmuns1 li p span{ font-size:46px; line-height:46px; position:relative; color:#006dd3;} .addmuns1 li p em{ position:relative; right:-5px; font-size:18px;} .addmuns1 li > span{ font-weight:normal; display: block; text-align: left;} .title-a{ text-align:center; margin:48px 0;} .title-a h2{ font-size:30px; font-weight:bold; color:#333; position:relative;} .title-a h2:after{ content: ''; position: absolute; left: 50%; top: 50px; width: 48px; height: 3px; background: #087ad0; transform:translatex(-50%);} .title-a p{ margin-top: 24px;} .slider1 .swiper-slide{ position:relative; height:auto;} .slider1 .swiper-slide p{ position:absolute; bottom:0; line-height: 48px; text-align: center; color: #fff; width: 100%; background:rgba(0,0,0,0.6);} .news6 .news6-cont{ width:1360px; overflow: initial;} .news6 .con li:first-child{ width:44%; box-shadow: 0 0 10px rgb(0 0 0 / 20%); padding:24px; box-sizing:border-box;} .news6 .con li .tu1{ width:100%; height: 320px;} .news6 .con li img{ transition:.5s;} .news6 .con li{ width: 53%; margin-bottom: 40px;} .news6 .con li .tu{ width:30%; height: 148px;} .news6 .con li .main{ width:67%;} .news6 .con li .main h4{ font-size:20px; float: initial; width: 100%;} .news6 .con li:hover .main h4{ text-decoration: none;} .news6 .con li .main .tit span{ float: initial; display: inline-block;} .news6 .con li .main .newcont{ height: auto; line-height:30px;} .footer,.footer-foot{ background:#006dd3;} .foot_nav > ul > li{ margin-right:60px;} .foot_nav > ul > li h4 a{ color:#fff; font-size: 18px; margin-bottom: 8px; display: block;} .foot_nav > ul > li h5 a{ color:#e5e5e5; line-height:32px;} .foot_nav > ul > li h5 a:hover{ text-decoration: underline;} .right{ float:right;} .right h2{ color:#fff; text-align: right; line-height:30px; background:url(/uploads/image/images/phone.png) no-repeat; background-position: 190px 5px; background-size: 22px; font-size: 18px;} .right h2 span{ font-size:30px; display: block; font-weight:bold; margin:8px 0 24px 0;} .foot-ewm p:first-child{ margin-left:0;} .footer-phone p{ float:left; color:#e5e5e5; margin-right:20px; margin-top:48px;} .footer-center{ border-top:1px solid rgba(255,255,255,0.2);} .footer-center p{ float:left; line-height:60px; color:#e5e5e5;} .footer-center p a{ color:#e5e5e5;} .footer-center p:last-child{ float:right;} @media screen and (max-width: 1360px){ .navbars4, .foot, .footer-center,.news6 .news6-cont,.addmuns1 ul,.jj25-cont{ width:94%;} }