*{box-sizing:border-box}
.wrap{max-width:100%;max-width:1550px;margin:0 auto;}
.container{max-width: 100%;max-width:1815px;margin:0 auto;}
.album{max-width: 100%;max-width:1460px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between;}
body{overflow-x: hidden;}

html, body {
    position: relative;
    height: 100%;
    scroll-behavior: smooth;
}
.shengchanshili{
    position: relative;
    top: -200px;
    display: block;
    height: 0; 
    overflow: hidden;
}
.zongcaizhici{position: relative;
    top: -260px; 
    display: block;
    height: 0; 
    overflow: hidden;
}
.qiyezizhi{
    position: relative;
    top: -260px; 
    display: block;
    height: 0; 
    overflow: hidden;
}


.header{height:115px;}
.header.height{position:fixed;top:0;width:100%;left:0;z-index:99999999999;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,.15);}
.header .logo{line-height: 115px;border-right: 1px solid #d0d0d0;width: 240px;}
.header .logo h1{text-align: center;}
.header .menu-info{width: calc(100% - 240px);display: flex;flex-wrap: wrap;align-content: flex-start;}
.header .info{height: 40px;line-height: 40px;border-bottom: 1px solid #d0d0d0;width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.header .info .wx{padding-right: 25px;line-height: 35px;}
.header .info .wx img{cursor: pointer;}
.header .info .search-btn{margin-left: 15px;position: relative;line-height: 38px;cursor: pointer;}
.header .info .search-btn::before{content: "";width: 1px;height: 18px;background: #ccc; position: absolute;right: -12px;top: 12px;}
.header .info .ico a{padding: 0 7px;position: relative;}
.header .info .ico a:nth-child(1){padding: 0 10px 0 15px;}
.header .info .ico a::before{content: "";width: 1px;height: 16px;background: #ccc;position: absolute;left: -3px;top: 0px;}
.header .info .ico a i{font-size: 18px;}
.header .info .ico a i:hover{color: #0054a6;}
.header .info .lang{margin:0 30px;cursor: pointer;position: relative;}
.header .info .lang h3{font-size: 14px;color: #0054a6;}
.header .info .lang h3 span{padding: 0 10px;font-size: 14px;font-family: 'Medium';}
.header .info .lang h3 i{transition-duration:.8s;color: #0054a6;font-size: 18px;}

.header .info .lang .sub-lang{position:absolute;left:0;width:100%;background: #fff;z-index: 9;display: none;border-bottom: 5px solid #0054a6;padding: 0 5px;}
.header .info .lang .sub-lang a{padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#202221;border-bottom:1px solid #cecccc;display:block;line-height:40px;}
.header .info .lang .sub-lang a:hover{color: #0054a6;}
.header .info .lang:hover .sub-lang{display:block;}
.header .info .lang:hover h3 i{transform: rotate(180deg);}

.header .menu{height: 75px;line-height: 75px;width: 100%;}
.header .menu ul{justify-content: flex-start;}
.header .menu li{cursor: pointer;position: relative;}
.header .menu li:nth-child(1) h3,.header .menu li:nth-child(2) h3{border-right: 1px solid #d0d0d0;padding: 0 20px 0 20px;}
.header .menu li:nth-child(1) a,.header .menu li:nth-child(2) a{padding-right: 75px;}
.header .menu li:nth-child(3){flex-grow:2;}
.header .menu li:nth-child(3),.header .menu li:nth-child(4),.header .menu li:nth-child(5){padding-right: 30px;}
.header .menu li:nth-child(6){padding-right: 30px;}

.header .menu li:hover h3 a,.header .menu li:hover h3 i{color: #0054a6;}
.header .menu li h3{font-size: 16px;}
.header .menu .on h3 a{color: #0054a6;}
.header .menu li h3 i{transition-duration:.8s;font-size: 16px;}
.header .menu li .sub-menu{display: none;position:absolute;left:0;width:100%;background: #fff;z-index: 9;padding:0 10px 0px 10px;border-bottom: 5px solid #0054a6;
    box-shadow: 5px 0 15px rgb(0 0 0 / 7%);
    
}
.header .menu li:nth-child(2) .sub-menu{border-bottom:0px;}
.header .menu li:nth-child(3) .sub-menu{left: 88%;width: 107px;text-align: left;}
.header .menu li .sub-menu a{padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#202221;border-bottom:1px solid #cecccc;display:block;line-height:40px;}
.header .menu li .sub-menu a:last-child{margin-bottom: 5px;}
.header .menu li:hover .sub-menu{display:block !important;}
.header .menu li:hover h3 i{transform: rotate(180deg);}
.header .menu li .sub-menu a:hover{color: #0054a6;}

.footer-blue{height: 15px;width: 100%;background-color: #0054a6;}
.footer{padding: 80px;background-color: #0f2030; }
.footer .menu {width: 45%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer .menu dl{width: 45%;padding:0 0 30px 0;}
.footer .menu dl dt{border-bottom: 1px solid #3f4d59;margin-bottom: 20px;padding-bottom: 15px;}
.footer .menu dl dt a{transition-duration: .5s;font-size: 18px;color: #fff;}
.footer .menu dl dd a{transition-duration: .5s;line-height: 40px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #babcbe;}
.footer .menu dl dd a:hover{padding-left: 5px;color: #fff;}
.footer .form{width: 40.5%;}
.footer .form h2{font-family: 'Barlow-Bold';font-size: 24px;color: #fff;}
.footer .form h3{font-size: 16px;line-height: 24px;color: #babcbe;padding: 10px 0 20px;}
.footer .form .input-box, .footer .form .text-box{margin-bottom: 30px;}
.footer .form .input-box{width: 47%;}
.footer .form p{font-size: 16px;color: #babcbe;margin-bottom: 10px;}
.footer .form input{display: block;padding: 0 10px;height: 45px;line-height: 45px;font-size: 16px;width: 100%;}
.footer .form textarea{display: block;padding: 5px 10px;min-height: 100px;line-height: 30px;font-size: 16px;width: 100%;}
.footer .form .code-box{width: 60%;position: relative;}
.footer .form .code-box img{
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 45px;
}
.footer .form button{margin-top: 32px;width: 160px;height: 45px;line-height: 45px;background: #0054a6;color: #fff;
    text-align: center;border: 0;cursor: pointer;font-size: 18px;
}
.bottom{padding: 30px 0 60px 0;border-top: 1px solid #3A3E42;background-color: #0f2030;}
.bottom p {font-size: 16px;line-height: 25px;color: #a6a9ad;font-family: "Barlow-Medium";}
.bottom p a{color: #a6a9ad;}
.footer .bottom p, .footer .bottom p a{font-size: 14px;color: #babcbe;}

.index-banner .swiper-button-prev,
.index-banner .swiper-button-next{width: 50px;height: 50px;color: #fff;font: 14px/50px '宋体';text-align: center;background: rgba(0, 0, 0, .4);border-radius: 100%;}
.index-banner .swiper-button-prev{left:2%;}
.index-banner .swiper-button-next{right:2%;}
.swiper-button-next:after,.swiper-button-prev:after{content:none !important;}
.index-banner .swiper-pagination-bullet{background: #85a8ca;opacity:1;}
.index-banner .swiper-pagination-bullet-active{background: #ffffff;}
.index-banner .swiper-pagination-bullet{width: 18px;height: 18px;}

.index-data ul{padding: 60px 0 70px 0;border-top: 1px solid #d3d3d3;}
.index-data li{width: 17%;cursor: pointer;}
.index-data li span{font-size: 72px;font-family: 'Bold';color: #212121;position: relative;}
.index-data li span img{position: absolute;top: -5px;right: -30px;}
.index-data li p{font-size: 16px;color: #212121;margin-bottom: 20px;}
.index-data li:hover span{color: #0054a6;}
.index-data .le{width: 45%;}
.index-data .ri{width: 55%;background:url(../image/index8.jpg) no-repeat;background-size: 100% 100%;}
.index-data .ri div{padding: 70px 120px 40px 100px;}
.index-data .ri div h2{color: #0054a6;font-size: 24px;padding: 20px 0;}
.index-data .ri div p{padding-bottom: 16px;line-height: 24px;}
.index-data .ri div a{background: #0054a6;font-size: 16px;display: block;width: 150px;height: 50px;color: #fff;
    border-radius: 5px;line-height: 50px;text-align: center;margin-bottom: 60px;margin-top: 45px;}
.index-data .ri div img{float: right;}

.index-pro{padding: 65px 0;}
.index-pro .title{padding-bottom: 20px;border-bottom: 1px solid #dedede;}
.index-pro .le{color: #0054a6;font-size: 24px;}
.index-pro .ri{font-size: 16px;line-height: 24px;}
.index-pro .ri a:nth-child(1){color: #0054a6;}
.index-pro .ri a{position: relative;padding-left: 60px;}
.index-pro .ri a:hover{color: #0054a6;}
.index-pro .ri a::before{
    content: "";width: 1px;height: 16px;background: #ccc; position: absolute;right: -30px;top: 4px;
}
.index-pro .ri a:nth-child(3):before{display: none;}
.index-pro ul{display:flex;flex-wrap:wrap;margin-top: 45px;justify-content: flex-start;}
.index-pro li{width:23.5%;margin:0 2% 60px 0;}
.index-pro li:nth-child(4n){margin-right:0;}
.index-pro li a{display:block}
.index-pro li .pic{overflow:hidden;padding:10px;}
.index-pro li .pic img{width:100%}
.index-pro li .txt{padding: 0 20px;}
.index-pro li .txt .o{border-bottom: 1px solid #bcbcbc;padding: 20px 0;font-size: 24px;}
.index-pro li .txt .o h3{font-family: 'Bold';font-size: 24px;color: #212121;}
.index-pro li .txt .o i{color: #0054a6;}
.index-pro li .txt .t{padding: 18px 0 50px 0;}
.index-pro li .txt .t h4{font-size: 16px;color: #6f6f6f;line-height: 24px;}
.index-pro li:hover .txt{background-color: #2459A5;color: #fff;}
.index-pro li:hover .txt .o h3,.index-pro li:hover .txt .o i,.index-pro li:hover .txt .t h4{color: #fff;}
.index-pro li:hover .txt .o{border-bottom: 1px solid #4d88c1;}


.index-pro li:hover {box-shadow: 0px 0px 20px rgb(0 0 0 / 12%);}

.index-type .le{width: 50%;background-color: #e9e9e9;position: relative;height: 580px;}
.index-type .ri{width: 50%;background-color: #f6f6f6;position: relative;height: 580px;}
.index-type .le-dingwei{position: absolute;top: 20%;left: 8%;}
.index-type .ri-dingwei{position: absolute;top: -14%;left: 28%;}
.index-type .pic{text-align: center;}
.index-type h2{text-align: center;font-size: 40px;font-weight: bold;color: #0054a6;padding-bottom: 10px;}

.index-type p{text-align: center;font-size: 16px;color: #272d34;}

.index-model{background: url(../image/index1.jpg) no-repeat center top; position: relative;}
.index-model ul{display: flex;    justify-content: flex-start;flex-wrap: wrap;padding-top: 360px;}
.index-model ul li{width: 25%;position: relative;overflow: hidden;}
.index-model ul li a .txt{position: absolute;color: #fff;bottom: 10%;left: 10%;z-index: 999;}
.index-model ul li a .txt h6{font-family: 'Bold';font-size: 16px;}
.index-model ul li a .txt h4{font-size: 30px;transition-duration: .5s;}

.index-model ul li:hover a .txt h4{margin-left:30px}

.index-model ul li:nth-child(1) a .txt h6,.index-model ul li:nth-child(3) a .txt h6{color: #0054a6;}
.index-model ul li:nth-child(1) a .txt h4,.index-model ul li:nth-child(3) a .txt h4{color: #212121;}


.index-news{padding: 75px 0;}
.index-news .title{padding-bottom: 20px;border-bottom: 1px solid #dedede;}
.index-news .title .le{color: #0054a6;font-size: 24px;}
.index-news .title .ri a{color: #212121;font-size: 16px;}
.index-news .title .ri a:hover{color: #0054a6 !important;}
.index-news .content{padding: 30px 0;border-bottom: 1px solid #dedede;}
.index-news .content .le{width: 60%;}
.index-news .content h4{font-size: 16px;color: #a8a8a8;}
.index-news .content h2 {padding: 20px 0 30px 0;}
.index-news .content h2 a{color: #0054a6;font-size: 18px;}
.index-news .content h6 i{color: #0054a6;margin-top: 40px;}
.index-news .jd-content{padding: 30px 0;border-bottom: 1px solid #dedede;}
.index-news .jd-content .le{width: 47%;position: relative;}
.index-news .jd-content .le::before{content: "";width: 1px;height: 16px;background: #ccc; position: absolute;right: -60px;top: 4px;}
.index-news .jd-content .ri{width: 46%;}
.index-news .jd-content i{color: #0054a6;}
.index-news .jd-content .t{font-size: 16px;color: #212121;}
.index-news .jd-content .t a:hover{color: #0054a6;}
.index-news .jd-content .t:hover{padding-left: 15px;transition-duration:.5s;}
.index-news .jd-content .time{font-size: 16px;color: #a8a8a8;}

.sidebar{width:21%;}
.sidebar .box{padding:30px 20px;background:#F2F2F3;}
.sidebar .box h2{padding-bottom:15px;margin-bottom:30px;font-family: 'Barlow-Bold';color:#0054a6; font-size:24px;border-bottom:6px solid #2459A5;}
.sidebar .box h3{position:relative;padding-bottom:15px;margin-top:15px; margin-bottom:15px;border-bottom:1px solid #0A1224;}
.sidebar .box h3 a{display:block;font-size:16px;color:#363234;}
.sidebar .box h3:before{width:14px;height:2px;content:"";background:#2459A5;position:absolute;right:10px;top:10px;}
.sidebar .box h3:hover a{color:#2459A5;}
.sidebar .box h3:hover,.sidebar .box h3.on{border-color:#2459A5;}
.sidebar .box li{position: relative;padding: 5px 0;}
.sidebar .box li::before{
    width: 13px;height: 13px;background: #fff;
    border: 1px solid #5c5c5c;position: absolute;
    left: 2%;content: "";top: 54%;margin-top: -7.5px;
}
.sidebar .box li a{margin-left: 30px;line-height: 25px;font-size: 16px;}
.sidebar .box li:hover a,.sidebar .box li.on a{color: #2459A5;border: 0;}
.sidebar .box li:hover:before,.sidebar .box li.on:before{background-color: #0054a6;border: 0;}

.list-products{padding:45px 0 85px 0}
.list-products .list-pro{width: calc(100% - 25.6%);}
.list-products .list-pro ul{display:flex;flex-wrap:wrap;}
.list-products .list-pro li{width:32%;margin:0 2% 60px 0;}
.list-products .list-pro li:nth-child(3n){margin-right:0;}
.list-products .list-pro li a{display:block}
.list-products .list-pro li .pic{overflow:hidden}
.list-products .list-pro li .pic img{width:100%}
.list-products .list-pro li  .txt{padding: 0 30px;}
.list-products .list-pro li  .txt .o{border-bottom: 1px solid #bcbcbc;padding: 18px 0;font-size: 24px;font-family: 'Bold';}
.list-products .list-pro li .txt .o i{color: #0054a6;}
.list-products .list-pro li:hover .txt .o{border-bottom: 1px solid #4d88c1; }
.list-products .list-pro li  .txt .t{padding: 18px 0 45px 0;}
.list-products .list-pro li .txt .t h4{color: #6f6f6f;font-size: 16px;}
.list-products .list-pro li:hover .txt{background-color: #0054a6;color: #fff; }
.list-products .list-pro li:hover {box-shadow: 0px 0px 20px rgb(0 0 0 / 12%);}
.list-products .list-pro li:hover .txt .t h4,.list-products .list-pro li:hover .txt .o i{color: #fff;}


.show-products{padding: 50px 0 80px 0;}
.show-products .content{width: calc(100% - 25%);}
.show-products .content .show-pro .show-banner{overflow:hidden;display:none;}
.show-products .content .show-pro .prolist{width:610px;position:relative;z-index:2;}
.show-products .content .show-pro .prolist .bd{width:500px;}
.show-products .content .show-pro .prolist .hd{width:100px;display:flex;align-content:space-between;flex-wrap:wrap}
.show-products .content .show-pro .prolist .hd li{width:100px;height:100px;margin-bottom:10px;}
.show-products .content .show-pro .prolist .hd li img{width:100px;height:100px;border: 1px solid #efefef;}
.show-products .content .show-pro .prolist .hd .btn{width:100%}
.show-products .content .show-pro .prolist .hd .btn a{font-size:20px;width:50%;height:28px;background:#0054a6;text-align:center;color:#fff;cursor:pointer;line-height:28px;}
.show-products .content .show-pro .prolist .hd .btn .prev{background: #131a24;}
.show-products .content .show-pro .prolist .hd .video{cursor:pointer;margin-bottom:10px;}
.show-products .content .show-pro .info{width:calc(100% - 650px);position:relative;z-index:1;background-color: #0054a6;padding: 0 30px;}
.show-products .content .show-pro .info .n{padding: 30px 0 20px 0;}
.show-products .content .show-pro .info .n h2{font-size:24px;color:#fff;font-family: 'Bold';}
.show-products .content .show-pro .info .n h3{font-size:16px;color:#fff;padding: 10px 0 15px 0;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.show-products .content .show-pro .info .info-nav{padding: 30px 0;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.show-products .content .show-pro .info .info-nav a{margin-bottom:5px;transition-duration:.6s;width:44px;height:44px;line-height:44px;text-align:center;display:inline-block;color:#fff;background:#131A24;margin-right:7px;}
.show-products .content .show-pro .info .info-nav a:first-child{width:130px;background:#fff;color: #0054a6;}
.show-products .content .show-pro .info .describe{color: #fff;font-size: 16px;padding: 20px 0 0px 0;}
.show-products .content .show-pro .info .describe h4 p{line-height: 26px;}
.show-products .content .show-pro .info .share{border-top: 1px solid rgba(255, 255, 255, .3);position: absolute;bottom: 20px;width: 90%;padding-top: 20px;}
.show-products .content .show-pro .info .share span{color:#000;text-transform:uppercase;color: #fff;line-height: 26px;}
.show-products .content .show-pro .info .share .ico a{transition-duration:.6s;width:26px;height:26px;line-height:26px;display:inline-block;background-color: #000;text-align:center;color:#fff;}
.show-products .content .show-content{padding: 40px 0;}
.show-products .content .show-content .t{font-size: 24px;color: #0054a6; line-height:60px;border-bottom: 1px solid #d3d3d3; margin-bottom:20px;}

.show-products .content .show-content .txt p{display: inline-block;width: 49%;border-bottom: 1px dotted #d3d3d3;padding: 15px 0;line-height:24px;font-size: 16px;}
.show-products .content .pro-content .t{font-size: 24px;color: #0054a6;border-bottom: 1px solid #d3d3d3;padding-bottom: 20px;}
.show-products .content .pro-content ul{display:flex;flex-wrap:wrap;}
.show-products .content .pro-content li{width:32%;margin:50px 2% 0px 0;}
.show-products .content .pro-content li:nth-child(3n){margin-right:0;}
.show-products .content .pro-content li a{display:block}
.show-products .content .pro-content li .pic{overflow:hidden}
.show-products .content .pro-content li .pic img{width:100%}
.show-products .content .pro-content li .txt{padding: 0 30px;}
.show-products .content .pro-content li .txt .o{border-bottom: 1px solid #bcbcbc;padding: 20px 0;font-size: 24px;font-family: 'Bold';}
.show-products .content .pro-content li:hover .txt .o{border-bottom: 1px solid #4d88c1;}

.show-products .content .pro-content li .txt .t{padding: 25px 0 50px 0;font-size: 16px;color: #6f6f6f;border: none;}
.show-products .content .pro-content li:hover .txt{background-color: #2459A5;color: #fff;}
.show-products .content .pro-content li:hover .txt .t{color: #fff;}
.show-products .content .pro-content li:hover {box-shadow: 0px 0px 20px rgb(0 0 0 / 12%);}


.list-about .about{background: url(../image/about3.jpg) no-repeat right bottom;padding-bottom: 70px;}
.list-about .t{color: #0054a6;font-size: 24px;}
.list-about .about .two{justify-content: flex-start;padding-top: 45px;flex-wrap: nowrap;}
.list-about .about .two div{width: 46%;font-size: 16px;}
.list-about .about .two div p{padding: 10px 0;line-height: 24px;}
.list-about .about .two img{margin-left: 80px;}

.list-about .data ul{padding: 70px 0 50px 0;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;}
.list-about .data li{width: 13.5%;cursor: pointer;}
.list-about .data li span{font-size: 72px;font-family: 'Bold';color: #212121;position: relative;}
.list-about .data li span:hover{color: #0054a6;}
.list-about .data li span img{position: absolute;top: -5px;right: -30px;}
.list-about .data li p{font-size: 16px;color: #212121;margin-bottom: 20px;}

.list-about .gongchang{padding: 65px 0 40px 0;}
.list-about .gongchang h2{padding-bottom: 30px;}
.list-about .gongchang ul{justify-content: flex-start;}
.list-about .gongchang li{width: 18%;margin: 0 2.3% 40px 0;border: 1px solid #ccc;padding: 10px;}
.list-about .gongchang li:nth-child(5n){margin: 0 0% 40px 0;}
.list-about .gongchang li .txt{padding-top: 10px ;}
.list-about .zhici{margin-bottom: 30px;}
.list-about .zhici .le{width: 60%;}
.list-about .zhici .ri{width: 35%;}
.list-about .zhici .le h4{padding: 30px 0 20px 0;font-size: 16px;}
.list-about .zhici .le p{padding-bottom: 30px;font-size: 16px;line-height: 24px;}

.list-about .rongyu h2{padding-bottom: 40px;}
.list-about .rongyu ul{justify-content: flex-start;}
.list-about .rongyu li{width: 18.4%;margin: 0 2% 40px 0;}
.list-about .rongyu li:nth-child(5n){margin: 0 0% 40px 0;}

.list-job .w-box{padding: 10px 0;}
.list-job .w-box a{border: 1px solid #1f1f1f;display: block;width: 100%;height: 70px;line-height: 70px;padding: 0 30px;}
.list-job .w-box a h2{font-size: 18px;color: #1f1f1f;}
.list-job .w-box a i{font-size: 18px;color: #0054a6;line-height: 75px;}
.list-job .box{padding: 0px 0;display: none;}
.list-job .box .box-title{background-color: #01559d;padding: 0 30px;line-height: 75px;}
.list-job .box .box-title h2{font-size: 18px;color: #fff;}
.list-job .box .box-title i{font-size: 16px;color: #fff;line-height: 75px;}
.list-job .box .box-header{border: 1px solid #1f1f1f;padding: 30px 30px;}
.list-job .box .box-header li{font-size: 16px;color: #1f1f1f;}
.list-job .box .box-content{border-left: 1px solid #1f1f1f;border-right: 1px solid #1f1f1f;padding: 0 30px;}
.list-job .box .box-content div{justify-content: flex-start;}
.list-job .box .box-content .le{width: 22%;margin: 40px 20px 240px 0;position: relative;}
.list-job .box .box-content .le h4{font-size: 24px;color: #1f1f1f;margin-bottom: 30px;}
.list-job .box .box-content .le p{font-size: 16px;color: #1f1f1f;}
.list-job .box .box-content .le::before{
    content: "";width: 1px;height: 280px;background: #000;position: absolute;right: 62px;top: 0px;
}
.list-job .box .box-content .ri h4{font-size: 24px;color: #1f1f1f;margin-bottom: 30px;}
.list-job .box .box-content .ri p{font-size: 16px;color: #1f1f1f;line-height: 30px;}

.list-job .box .box-content .ri{margin: 40px 20px 40px 0;}
.list-job .box .box-footer{background-color: #212121;text-align: center;color: #fff;height: 90px;line-height: 90px;font-size: 18px;cursor: pointer;}
.list-job .box .box-footer i{padding-right: 20px;}

.window_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1999101;background:rgba(0,0,0,.6)}
.window{display:none;padding:20px;border-radius:5px;position:fixed;top:50%;margin:-250px 0 0 -200px;left:50%;width:400px;height:500px;z-index:1999102;background:#fff}
.window .layui-layer-setwin{cursor: pointer;z-index:2;}
.window li{line-height:40px;height:40px;margin-bottom:10px;}
.window li span{width:70px;font-size:14px;color:#333;float:left;}
.window li .txt{position:relative;width: calc(100% - 70px);float:right;height:40px;line-height:40px;font-size:15px;color:#000;}
.window li .txt input,.window li .txt textarea{padding-left:10px;border-radius:2px;font-size:15px;display:block;width:100%;color:#000;line-height:38px;height:40px;border:1px solid #EEEEEE}
.window li .txt button{height:40px;line-height:40px;position:absolute;right:0;top:0;}
.window .button{display:block;border:0;background:#0A548B;border-radius:5px;height:45px;line-height:45px;text-align:center;font-size:18px;color:#fff;width:60%;cursor: pointer;margin:30px auto 0;}

.list-news {padding: 42px 0 70px 0;margin: 0 auto;}
.list-news ul{display: flex;flex-wrap: wrap;}
.list-news li{width: 23.4%;margin: 0 2% 65px 0;}
.list-news li a{display: block;}
.list-news li .pic {overflow: hidden;}
.list-news li .txt h2{font-size: 18px;color: #0054a6;padding: 20px 0;}
.list-news li .txt p{padding-bottom: 30px; font-size: 16px;line-height: 30px;color: #212121;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.list-news li .txt h4{padding-top: 15px;border-top: 1px solid #d3d3d3;}
.list-news li:nth-child(4n){margin: 0 0 65px 0;}

.show-news{padding: 65px 0 110px 0;}
.show-news .article{width: 75%;}
.show-news .re{width: 20%;}
.show-news .article .txt h2{color: #0054a6;font-size: 18px;}
.show-news .article .txt h4{color: #212121;font-size: 14px;padding: 20px 0;border-bottom: 1px solid #d3d3d3;}
.show-news .article .detail{padding:20px 0 200px 0;}
.show-news .article .detail p{padding: 15px 0;font-size: 16px;color: #212121;line-height: 25px;}
.show-news .back_page{border-top: 1px solid #d3d3d3;padding-top:30px;}

.show-news .re h2{color: #0054a6;font-size: 24px;}
.show-news .re .t{border-bottom: 3px solid #0054a6;width: 100px;padding-bottom: 5px;}
.show-news .re li{padding-top: 35px;}
.show-news .re li h2{color: #0054a6;font-size: 18px;}
.show-news .re li h4{font-size: 14px;color: #212121;padding: 20px 0;border-bottom: 1px solid #d3d3d3;}
.show-news .re li p{color: #212121;font-size: 16px;padding: 30px 0;}

.show-news .back_page .up_down p{line-height: 25px;}
.show-news .back_page .back a{
    transition-duration: .6s;
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #06539f;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
}

.list-video{padding: 55px 0;}
.list-video ul{justify-content: flex-start;}
.list-video li{width: 23%;margin: 0 2% 40px 0;}
.list-video li:nth-child(4n){margin: 0 0 40px 0;}
.list-video li .txt{padding: 10px;font-size: 18px;}

.list-download{padding: 55px 0;}
.list-download ul{justify-content: flex-start;}
.list-download li{width: 22.6%;margin: 0 2.4% 40px 0;}
.list-video li:nth-child(4n){margin: 0 0 40px 0;}
.list-download li .txt{padding: 10px;font-size: 16px;}

.list-contact{padding: 80px 0 75px 0;}
.list-contact .title{padding-bottom: 35px;text-align: center;}
.list-contact .title h2{color: #0054a6;font-size: 36px;}
.list-contact .title h4{color: #353535;font-size: 18px;font-family: 'Regular';padding: 3px 0 10px 0;}
.list-contact ul li{width: 33.9%;margin: 0 2% 40px 0;}
.list-contact ul li:nth-child(3){width: 25.6%;}
.list-contact ul li{box-shadow: 0 0 15px rgb(0 0 0 / 7%);}
.list-contact ul li .t{background-color: #0054a6;padding: 20px 0;margin-bottom: 10px;border-radius: 5px 5px 0px 0px;}
.list-contact ul li .t h2{color: #fff;padding-left: 30px;font-size: 18px;}
.list-contact ul li .txt{ padding-bottom:20px;}
.list-contact ul li .txt p{border-bottom: 1px dashed #d0d0d0;margin: 0 30px;padding: 15px 0;}
.list-contact ul li .txt p span{ display:inline-block;}
.list-contact ul li .txt p a{padding-left: 20px;font-size: 16px;}
.list-contact ul li .erweima{padding: 30px 30px 0 30px;}
.list-contact ul li .erweima div{width: 46%;}

.list-contact ul li .erweima p{text-align: center;padding: 10px 0;font-size: 16px;}
.list-contact .map{border: 20px solid #fff;border-radius: 5px; box-shadow: 0 0 10px rgb(0 0 0 / 7%);}

.list-album{padding: 100px 0;}
.list-album .le{width: 46.6%;box-shadow: 0px 10px 15px rgb(0 0 0 / 9%);;position: relative;padding-left: 30px;padding-bottom: 50px;}
.list-album .ri{width: 46.6%;box-shadow: 0px 10px 15px rgb(0 0 0 / 9%);;position: relative;padding-left: 30px;padding-bottom: 50px;}
.list-album h6{font-size: 18px;font-family: 'Medium';color: #84848d;padding-top: 40px;}
.list-album h2{font-size: 30px;color: #070611;padding-bottom: 55px;}
.list-album a{border:2px solid #0054a6;display: block;width: 176px;padding: 10px 15px;}
.list-album a p{font-size: 16px;}
.list-album a i{float: right;color: #0054a6;}
.list-album img{position: absolute;top: -65px;right: -60px;}

.pro-menu{padding: 17px 0;border-bottom: 1px solid #e8e8e8;}
.pro-menu a{padding-right: 28px;font-size: 16px;}
.pro-menu a:hover{color: #0054a6;}
.pro-menu i{padding-right: 10px;}

.main{padding: 40px 0 60px 0;}

@media (max-width: 1720px){
    .wrap{max-width:96% !important;}
    .index-data .ri div{padding: 10px 70px 10px 100px;}
    .index-data .ri div a{margin: 10px 0 10px 0;}
}

@media (max-width: 1400px){
    .wrap{max-width:94% !important;}
    .index-data .ri div h2{padding-bottom: 5px;}
    .index-data .ri div p{padding-bottom:5px;font-size: 16px;}
}
@media (max-width: 1200px){
    .index-type .le{height: 450px;}
    .index-type .ri{height: 450px;}
    .index-data .ri div p{font-size: 12px;}
}

@media screen and (max-width:992px) {
    .wrap{max-width:100% !important;}
    .main{padding: 30px 10px;}
    .show-products .content .show-pro .prolist{display: none !important;}
    .show-products .content .show-pro .info{width: 100% !important;}
    .show-products .content .show-pro .show-banner{display: block !important;}
    .show-banner .slick-dots{bottom: 0;}

    .swiper-pagination,.index-data .ri div img,.index-pro .ri,.index-news .content h6 i,.pro-menu,.sidebar,.show-news .re{display: none !important;}
    .show-news .back_page .back,.footer .form,.footer{display: none !important;}
    .index-data li{width: 49%;}
    .index-data .le,.index-data .ri,.index-type .le,.index-type .ri,.index-news .content .le,.list-products .list-pro,.show-products .content{width: 100%;}
    .show-products .content .pro-content li,.list-about .about .two div,.list-about .zhici .le,.list-about .zhici .ri,.show-news .article,.index-pro li{width: 100%;}
    .list-album .le,.list-album .ri,.list-contact ul li,.footer .menu,.list-video li,.list-download li,.list-news li,.list-products .list-pro li,.show-products .content .show-content .txt p{width: 100%;     margin: 0 0 30px 0;}
    .index-data ul,.index-data .ri div,.index-pro,.show-products .content .show-content,.show-products .content .pro-content {padding: 10px 10px;}
    .index-news,.list-products,.list-news,.show-news,.list-video,.list-download,.list-album,.list-contact{padding: 30px 10px;}
    .show-news .article .detail{padding: 0;}
    .show-products,.list-about .data ul,.show-products .content .show-pro .info .describe{padding: 30px 0;}
    .index-pro ul,.show-products .content .pro-content li{margin: 0px;}
    .index-model li{width: 50%;}
    .footer{padding: 30px 10px;}
    .footer .menu dl{width: 48%;}
    .bottom p{padding: 0 10px;text-align: center; font-size:14px;}
    .bottom a{margin: 0 auto;}

    .index-data li span{font-size: 36px;margin-top: 80px;}
    .index-data .ri div a{margin-bottom: 20px;}
    .index-pro li,.list-products .list-pro li{margin: 0 0.5% 30px 0;}
    .index-pro li .txt .o h3,.index-pro li .txt .o i,.list-products .list-pro li .txt .o {font-size: 18px;}
    .index-pro li .txt .o,.index-pro li .txt .t,.list-products .list-pro li .txt .t{padding: 5px 0;}
    .index-type .le{height: 400px;}
    .index-type .ri{height: 480px;}
    .index-type .ri-dingwei{top: 7%;left: 15%;}
    .index-type .le-dingwei{top: 27%;left: -2%;}
    .index-model ul{position: static;}
    .index-news .content .le{padding-bottom: 30px;}
    .index-news .content h2,.index-news .content{padding: 10px 0;}

    .show-products .content .show-pro .info{padding-bottom: 30px;}
    .show-products .content .show-pro .info .share{position:static;width: 100%;}
    .show-products .content .pro-content li .txt .t{padding: 10px 0 0 0;}
    .list-about .about .two img{margin: 0px;width: 100%;}
    .list-about .data li{width: 47%;}
    .list-about .data li span{font-size: 38px;}
    .list-about .about .two{padding-top: 20px;}
    .list-about .about{    padding-bottom: 20px;}
    .list-about .gongchang li{
        width: 100%;
        margin: 0 0 20px 0;
    }
    .list-about .zhici .le h4{padding: 16px 0;}
    .list-about .gongchang{padding: 30px 0;}
    .list-about .zhici .le p,.list-about .rongyu h2{padding-bottom: 20px;}
    .list-about .rongyu{padding-top: 30px;}
    .list-about .rongyu li{width: 48%;margin: 0 2% 20px 0;}
    .list-about .rongyu li:nth-child(5n){margin: 0 2% 20px 0;}
    .list-job .box .box-content .le,.list-job .box .box-content .ri{    margin: 20px 20px 20px 0;}
    .list-news li .txt h2{font-size: 12px;padding: 12px 0;}
    .list-news li .txt p{font-size: 10px;line-height: 16px;}
    .list-news li{margin: 0 0 30px 0;}
    .list-album img{top: 80px;right: -10px;width: 34%;}
    
    .list-album .ri{margin-top: 25px;}
    .list-contact .title h2{font-size: 22px;margin-bottom: 10px;}
    .list-contact .title h4{font-size: 12px;}
    .list-contact ul li .erweima div{width: 45%;}
    .list-about .t{padding-bottom: 10px;}
    .list-job .box .box-content .le{width: 100%;}
    .list-job .box .box-content .le::before{display: none;}
    .list-contact ul li:nth-child(3){width: 100%;}
    .list-album  p img{width: 16%;}
    .list-album h2{font-size: 24px;padding-bottom: 30px;}
    .index-model ul li{width: 100%;margin-bottom: 10px;}
    .index-news{margin-top: 30px;}

    .header-logo{text-align: left !important;padding-left: 10px;}
    .index-banner .swiper-button-prev, .index-banner .swiper-button-next{width: 25px;height: 25px;}
    .index-pro .title{padding: 20px 0;}
    .index-type p{margin-bottom: 30px;}

    .index-model{
        background: url(../image/index9.jpg) no-repeat  center top;
        background-size: 100% ;
        
    }
    .index-model ul{padding-top: 175px;}
    .index-news .title{padding-bottom: 14px;}
    .index-news .content h4{margin-top: 10px;}
    .index-news .content h2{margin-bottom: 10px;}
    .index-news .jd-content .le{width: 100%;margin-bottom: 20px;}
    .index-news .jd-content .ri{width: 100%;}

    .wap-bottom ul li:nth-child(3){background-color: #0054a6;}
    .list-about .about .two{flex-wrap: wrap;}
    .list-about .data li p{margin-bottom: 30px;}
    .list-about .gongchang li:nth-child(2n){margin: 0 0 10px 0;}



    .list-products .list-pro li:hover .txt .t h4,.list-products .list-pro li:hover .txt .o i{color: #333;}
    .list-products .list-pro li:hover .txt{background-color: #fff;color: #333;}

    .index-pro li:hover .txt{background-color: #fff;color: #333;}
    .index-pro li:hover .txt .o h3,.index-pro li:hover .txt .o i,.index-pro li:hover .txt .t h4{color: #333;}
    .index-pro li:hover .txt .o{border-bottom: 1px solid #4d88c1;}
    .index-data li{padding-top:20px;}
    
    
    .list-contact ul li .txt p span{ display:block; line-height:40px;}
    
    
}