﻿.banner{width:100%;overflow: hidden;}
.banner img{width:100%;}
.banner .swiper-pagination{bottom:35px;left: 50%;transform: translateX(-50%);}
.banner .mySwiper{position:relative;}
.banner .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0px 0px 0px 12px;background:#dce1e9;opacity:1;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#013578;}

.content{position:relative;}
.box1{position:relative;}
.center{width:1280px;margin:0 auto;position:relative;}
.content .name{display: flex;flex-wrap: wrap;font-size: 20px;color: #013578;line-height: 30px;margin: 60px auto 0px;}
.content .name .s1{background: #013578;color: #fff;padding: 0px 10px;margin: 0px 20px 0px 0px;position: relative;}
.content .name .s1::after{width: 4px;height: 4px;background:#013578;border-radius:50%;content:'';display:inline-block;position: absolute;left: 68px;top: 15px;}
.content .name hr{position:relative;top: 5px;background: #f6f6f6;width: 1070px;height: 1px;border: 0;}
.content .name a{float:right;font-size: 14px;color:#013578;}
.content .box1:before{width: calc((100vw - 1340px)/2);height:1px;background: #f6f6f6;border:0;content:'';position:absolute;left:0px;top: 15px;}
.content .box1:after{width: calc((100vw - 1340px)/2);height:1px;background: #f6f6f6;border:0;content:'';position:absolute;right:0px;top: 15px;}
.box1 .text{color:#666666;font-size:14px;line-height:32px;text-indent:30px;margin:45px 0px 0px 0px;}
.content .name a:hover{font-weight:bold;}
.Product{margin:27px 0px 70px 0px;}
.Product li{float: left;margin: 0px 24px 0px 0px;width: 302px;}
.Product li .con{text-align:center;}
.Product li .title{font-size:18px;color:#333;margin:18px 0px 10px 0px;}
.Product li .SUMMARY{font-size:14px;color:#777;}
.Product li:nth-child(4n){margin-right:0px;}
.Product li .Img{overflow:hidden;width: 100%;height:220px;}
.Product li  img{transition:1s all ease;width:100%;height:100%;}
.Product li:hover img{transform:scale(1.2) translate(-10%,-10%);}
.Product li:hover .title{color:#013578;}
.Product li:hover .summary{color:#013578;}

.box2{background: #f8f8f8;padding: 40px 0px 50px 0px;}
.content .box2 .name{margin:0 auto;}
.content .box2:before{top:55px;}
.content .box2:after{top:55px;}

.buildCon ul li{padding: 15px 0px;margin: 0px 0px 20px 0px;transition: 1s all ease;}
.buildCon ul li .txt{float:right;}
.buildCon ul li .Txt{float: right;width: 530px;}
.buildCon ul li .day{transition: 1s all ease;line-height: 30px;font-size: 28px;color: #323232;display: block;}
.buildCon ul li .title{color: #333333;font-size:16px;transition: 1s all ease;}
.buildCon ul li .years{color: #323232;transition: 1s all ease;margin: 5px 0px 0px 0px;font-size: 14px;display: block;}
.buildCon ul li .summary{color: #777777;font-size:14px;line-height: 24px;margin: 10px 0px 0px 0px;transition: 1s all ease;}
.buildCon ul li:hover .title{color:#013578;}
.buildCon ul li:hover .time{color:#013578;}
.buildCon ul li:hover .summary{color:#013578;}
.buildCon ul li:hover .day{color:#013578;}
.buildCon ul li:hover .years{color:#013578;}
.buildCon ul li:last-child{margin:0;}
.news {margin:28px 0px 0px 0px;}
.news .Img{width:580px;height: 360px;float: left;}
.news .Img img{width:100%;height:100%;}
.news ul{width:630px;float: right;}
.news li .time{float:left;width: 80px;}

.Link{margin: 27px 0px 60px 0px;}
.Link li{float:left;width: 303px;height:90px;border:1px solid #f0f0f0;box-sizing:border-box;margin:0px 22px 0px 0px;text-align:center;line-height: 88px;overflow: hidden;}
.Link li:nth-child(4n){margin-right:0px;}
.Link li img{vertical-align:middle;max-width:100%;max-height: 98%;transition: 0.5s all ease;}
.Link li:hover img{transform:scale(1.2);}


@media(max-width:1080px){
    .banner .swiper-pagination{bottom: 15px;}
    .content .name{margin:20px auto 0px;font-size: 16px;line-height: 26px;}
    .center{width:95%;}
    .content .name hr{width: calc(100% - 180px);}
    .content .name .s1::after{left: 61px;top: 12px;}
    .content .name a{font-size:12px;}
    .box1 .text{margin: 20px auto 0px;line-height: 30px;}
    .Product li{width: 49%;margin:0px 0px 15px 0px;}
    .Product li:nth-child(2n){float:right;}
    .Product li .Img{height: 34vw;}
    .Product li .title{font-size:16px;margin:10px auto;}
    .Product{margin:20px auto;}
    .box2{padding: 25px 0px 30px 0px;}
    .news .Img{width:100%;height:auto;float:none;}
    .news ul{float:none;width: 100%;margin: 20px 0px 0px 0px;}
    .news li .time{width: 70px;}
    .buildCon ul li .Txt{width: calc(100% - 75px);}
    .buildCon ul li .day{font-size:24px;}
    .buildCon ul li{margin: 0px 0px 15px 0px;padding: 0px;}
    .Link{margin:20px auto 30px;}
    .Link li{width: 49%;margin: 0px 0px 10px 0px;height: 70px;line-height: 68px;}
    .Link li:nth-child(2n){float:right;}




}














