/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*主体样式*/
.wh{max-width: 1240px;margin: 0 auto;width: 92%;}
.top1{height: 30px;background: #373b40;line-height: 30px;}
.top2{background-color: #013a8b;transition: all 0.3s ease;}
.top2.scroll{position: fixed;top: 0;left: 0;right: 0;z-index: 999;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.dh{font-size: 20px;color: #fff;line-height: 90px;}
.yu a{color: rgba(255,255,255,.5);font-size: 14px;padding-right: 13px;margin-right: 10px;background: url(../skins/images/6bce55c4134cc3de59a409f53f05e1dd12647d1e.png) no-repeat right center;transition: all 0.5s;}
.yu a:hover{color: #fff;}
.yu a:last-child{background: none;}
.top2 #formsearch{margin-top: 2px;}
.top2 #formsearch input{height:27px;background:#fff;border:none;line-height:27px;outline: none;}
.top2 #formsearch input#keyword{height:27px;line-height:27px;font-size: 14px;text-align: center; color:#999999;width: 144px;}
.top2 #formsearch input#s_btn{width:27px;height:27px;line-height:27px;text-align:center;background-color:#00a9c3;color:#fff;border:none;cursor:pointer;font-size: 12px;}
.tou{margin-left: 26px;}

/* 视频容器样式 */
.x-banner {
    min-height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

/* 桌面端视频样式 */
.x-banner .desktop-video {
    height: 100%;
    width: 100%;
}

.x-banner .desktop-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 移动端视频样式 */
.x-banner .mobile-video {
    height: 100%;
    width: 100%;
}

.x-banner .mobile-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 移动端视频容器高度调整 */
@media (max-width: 767px) {
    .x-banner {
        min-height: 300px;
    }
}
.top2 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999999;
}
.top2 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999999;
}
.top2 ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999999;
}
.top2 :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999999;
}
.lastli{position: relative;}

.x-banner .owl-carousel .banner-item a img,.page-banner img{width: 100%;}
.x-banner{position: relative;}
.x-banner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9));
    z-index: 2;
}

/*  */
.box1{padding: 88px 0 82px;overflow: hidden;background-color: #f6f6f6;}



/*  */
.box2{overflow: hidden;position: relative;padding: 6.2% 0 54px;}
.bt1{text-align: center;}
.bt1 h2{color: #013a8b;font-size: 42px;font-weight: normal;}
.bt1 p{color: #666666;font-size: 18px;font-weight: normal;margin-top: 20px;}

/* 隐私条款页面样式 */
.fbox1.bxs {
    background-color: #ffffff;
    margin: 30px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
}

.jiantt {
    padding: 30px 0 20px;
    border-bottom: 1px solid #f0f0f0;
}

.jiantt h2 {
    color: #013a8b;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

.jianwz {
    padding: 30px 0;
    font-size: 16px;
    line-height: 1.8;
    color: #333333;
}

.jianwz p {
    margin: 15px 0;
    text-align: justify;
    text-indent: 2em;
}

.jianwz p:first-child {
    margin-top: 0;
}

.jianwz p:last-child {
    margin-bottom: 0;
}

.hul{margin-top: 54px;}
.hul li{width: 18%;}
.hul li .img{overflow: hidden;}
.hul li .img img{width: 100%;transition: all 0.5s;}
.hul li:hover .img img{transform: scale(1.1);}
.hbj{
    background-color: #ffffff;padding: 20px 26px 23px;text-align: center;
	box-shadow: 0px 4px 8px 0px 
		rgba(1, 15, 35, 0.2);
}
.hbj h3{color: #013a8b;font-size: 18px;font-weight: normal;}
.hbj p{color: #666666;font-size: 15px;line-height: 18px;margin-top: 11px;}



.aimg{width: 55.25%;}
.aright{width:39.75%;margin-top: 2.3vw;}
.aimg {overflow: hidden;}
.aimg img{width: 100%;transition: all 0.5s;}
.aimg img:hover{transform: scale(1.1);}
.abox h3{color: #013a8b;font-size: 42px;}
.acon{color: #666666;font-size: 16px;line-height: 24px;margin: 14px 0 2.5vw;}
.amore a{display: block;width: 245px;height: 50px;line-height: 46px;border: solid 2px #013a8b;transition: all 0.5s;text-align: center;color: #013a8b;font-size: 16px;font-weight: normal;}
.amore a:hover {background: #013a8b;color: #fff;}
.jg{color: #333333;font-size: 30px;font-weight: normal;margin-top: 2vw;line-height: 1;}




.anniusp{display: block;position: absolute;left: 0%;top:50%;transform: translate(-50%,-50%);}

.anniusp::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    content: '';
    z-index: -1;
}

.anniusp::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    content: '';
    z-index: -1;
}

.anniusp::before {
    animation: scale 2s ease-out infinite;
    background: #fff;
    opacity: 0.5;
    animation-delay: 0;
}

.anniusp::after {
    animation: scale2 2s ease-out infinite;
    background: #fff;
    opacity: 0.3;
    animation-delay: 0;
}

@keyframes scale {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: .9
    }

    100% {
        transform: translate(-50%, -50%) scale(6);
        opacity: 0;
    }
}

@keyframes scale2 {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: .9;
    }

    100% {
        transform: translate(-50%, -50%) scale(8);
        opacity: 0;
    }
}


/*  */
.box3{padding: 5.5% 0 7.2%;overflow: hidden;}
.nul{margin-top: 39px;}
.nul li{width: 31.8%;border: solid 2px #eeeeee;padding: 1.5vw 1.3vw 1.6vw;}
.nul li .img{overflow: hidden;border-radius: 10px;}
.nul li .img img{width: 100%;transition: all 0.5s;}
.nul li:hover .img img{transform: scale(1.1);}
.ntime{height: 55px;background-color: #013a8b;line-height: 55px;color: #ffffff;font-size: 16px;padding-left: 29px;}
.ntime img{margin-right: 10px;}
.nbj{text-align: center;}
.nbj h3{color: #0c1027;font-size: 18px;font-weight: normal;margin: 1.5vw 0 ;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all 0.5s;}
.nbj p{color: #666666;font-size: 15px;line-height: 22px;font-weight: normal;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nmore{color: #333333;font-size: 15px;line-height: 38px; font-weight: normal;padding-left: 48px;position: relative;}
.nmore:after{content: '';display: block;width: 38px;height: 38px;border: solid 1px #013a8b;border-radius: 50%;background: url(../67e33b7c/25/11/939dcd0f5cc073194ccefbfa2729838af08abaf9.png) no-repeat center;position: absolute;left: 0;top:0;transition: all 0.5s;}
.nn span{color: #999999;font-size: 14px;font-weight: normal;}
.nn{margin-top: 2.4vw;}
.nul li:hover .nbj h3{color: #013a8b;}
.nul li:hover  .nmore:after{background: #013a8b url(../67e33b7c/25/11/de4fd7b798a7ee1b4f684ac4e7161f9a5353c03e.png) no-repeat center;}





/*  */
.foot{overflow: hidden;}
.ft1{background: #292b2d;padding: 3.1% 0 4%;position: relative;}
.ft1 .wh{position: relative;}
/* .ft1 .wh:after{content: '';display: block;width: 100%;height: 1px;background: rgba(255,255,255,.5);position: absolute;top:105px;left: 0;} */
.ft2{background-color: #013a8b;padding: 20px 0;font-size: 14px;line-height: 24px;color: rgba(255,255,255,.5);}
.ft2 a{color: rgba(255,255,255,.5);}
.tlogo img{max-width: 200px;}
.tlx h3{color: #ffffff;font-size: 18px;font-weight: bold;margin-bottom: 22px;}
.lx p{color: #ffffff;font-size: 15px;line-height: 30px;font-weight: normal;}
/* .lx p:first-child{background: url(../skins/images/6e34368dcb01fa8f585a5cf5fb58acf051bd4e5c.png) no-repeat left center;}
.lx p:nth-child(2){background: url(../skins/images/4617de4c24abb31bce71edab42642ce166d13ca6.png) no-repeat left center;}
.lx p:nth-child(3){background: url(../skins/images/5eca3ceda8c6606c72c10b55da06a8a874c06f66.png) no-repeat left center;} */
.tlx{margin-top: 30px;}
.foot_nav2{width: 846px;}
.foot_nav2 >li>a{display: block;color: #ffffff;font-size: 17px;font-weight: bold;margin: 44px 0 130px;}
.foot_nav2 dd a{display: block;color: #ffffff;font-size: 15px;line-height: 2;letter-spacing: 0;font-weight: normal;}
.ft1 a{transition: all 0.5s;}
.ft1 a:hover{color: #00a9c3;}
.ft2 a{transition: all 0.5s;}
.ft2 a:hover{color: #fff;}

.foot_nav2  li h4{color: #ffffff;font-size: 18px;font-weight: normal;}
.line11{width: 26px;height: 1px;background-color: #ffffff;margin: 22px 0 18px;}
.dlogo img{height: 52px;}
.xx1{margin-bottom: 20px;}
.xx1 h4{color: #fff;font-size: 18px;line-height: 2;font-weight: bold;}


@media(max-width: 1400px){
   .bt1 h2,.abox h3{font-size: 36px;}
   .acon{margin-bottom: 3vw;}
   .anniusp img{width: 100px;}
   .jg{font-size: 26px;}
}


@media(max-width: 1300px){
  .bt1 h2,.abox h3{font-size: 32px;}
   .acon{margin-bottom:2vw;}
   .anniusp img{width: 90px;}
}
@media(max-width: 1280px){
   /* .x-menu > li > a{font-size: 14px;padding: 0 10px;} */
}


@media(max-width: 1210px){
   .box1{padding: 68px 0 64px;}
   .abox{width: 89%;}
    .bt1 h2,.abox h3{font-size: 28px;}
   .foot_nav2{width: 73%;}
   .bq,.yins{width: 100%;text-align: center;}
   .amore a{width: 200px;height: 44px;line-height: 40px;font-size: 14px;}
   .acon{font-size: 14px;}
   .nbj h3{font-size: 16px;}
   .nbj p{font-size: 14px;}
}
@media(max-width: 1100px){
    .x-menu > li > a{font-size: 16px;}
    .foot_nav2 li h4{font-size: 16px;}
    .lx p{font-size: 14px;line-height: 28px;}
    .foot_nav2 dd a{font-size: 14px;}
    .hbj{padding: 20px 15px;}
}

@media(max-width: 768px){
    .box1{padding: 40px 0;}
    .aimg{margin-top: 30px;}
   .aimg,.aright{width: 100%;}
   .jg{font-size: 22px;}
   .bt1 p{margin-top: 20px;}
   .plist{margin-bottom: 40px;}
   .plist li h3 a{font-size: 16px;padding: 20px 3px ;}
   .pmore a{width: 160px;height: 45px;line-height: 45px;}
   .anniusp{top: 0;left: 50%;}
   .foot_nav2 li{display: none;}
   .foot_nav2 li:last-child{display: block;}
   .tleft{width: 100%;}
   .bt1 p{font-size: 16px;}
   .hul{margin: 0 -1%;margin-top: 40px;justify-content: flex-start;}
   .hul li{width: 31.333%;margin: 0 1%;margin-bottom: 20px;}
   .box2{padding-bottom: 0;}
   .nmore:after{width: 32px;height: 32px;}
   .nmore{padding-left: 38px;font-size: 14px;}
   .nn span{font-size: 12px;}
   .nmore{line-height: 32px;}
   .bt1 p{margin-top: 15px;}
}

@media(max-width: 640px){
   .aimg,.aright{width: 100%;}
   .box1{padding: 30px 0;}
   .bt1 p{margin-top: 15px;}
   .bt1 h2,.abox h3{font-size: 27px;}
   .jg{font-size: 20px;margin-top: 20px;}
   .plist{margin: 25px 0 20px;}
   .plist li{width: 100%;margin-bottom: 20px;}
   .acon{font-size: 14px;margin:10px 0 20px 0;}
   .amore a{font-size: 14px;width: 140px;height: 42px;line-height: 38px;}
   .box3{padding: 10px 0 20px;}
   .nul{margin-top: 25px;}
   .nul li{width: 100%;margin-bottom: 20px;}
   .nbj h3{font-size: 16px;margin: 20px 0 10px;}
   .nbj p{font-size: 14px;line-height: 26px;}
   .ft1{padding: 20px 0;}
   .tlx h3{font-size: 18px;}
   .lx p{font-size: 12px;}
   .tlx{margin-top: 20px;}
   .tlogo img{max-width: 100px;}
   .tlogo{text-align: center;}
   .ft1 .wh:after{top:80px;}
   .ft2{padding: 15px 0 ;font-size: 12px;}
   .waponline{display: none;}
   .box2{padding: 30px 0 0 0;}
   .bt1 p{font-size: 14px;margin-top: 10px;font-weight: normal;}
   .hul{margin-top: 20px;}
   .hul li{width: 100%;margin-bottom: 25px;}
   .hbj h3,.hbj p{font-weight: normal;}
   .nul li{padding: 20px 15px;}
   .foot_nav2{width: 100%;}
   .sp2{height: 200px;object-fit: cover;}
}


 /* 轮播图视频样式 */
        .owl-carousel .banner-item video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        /* 轮播图容器高度 */
        .x-banner {
            min-height: 500px;
            overflow: hidden;
        }
        
        .owl-carousel {
            height: 100%;
        }
        
        .owl-carousel .owl-stage-outer {
            height: 100%;
        }
        
        .owl-carousel .owl-stage {
            height: 100%;
        }
        
        .owl-carousel .owl-item {
            height: 100%;
        }
        
        .owl-carousel .banner-item {
            height: 100%;
        }
        
        /* 移动端轮播图高度调整 */
        @media (max-width: 767px) {
            .x-banner {
                min-height: 300px;
            }
        }



        /* 隐私条款页面专用样式 */

/* 全局样式优化 */
#yszc9da .page-wrap-right {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

#yszc9da .fbox1 {
    padding: 30px 0;
    margin: 0;
}

/* 标题样式优化 */
#yszc9da .jiantt {
    margin-bottom: 20px;
}

#yszc9da .jiantt h2 {
    color: #013a8b;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

/* 内容样式优化 */
#yszc9da .jianwz {
    color: #333;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 15px;
    padding: 0;
}

#yszc9da .jianwz p {
    margin-bottom: 15px;
    text-align: justify;
}

#yszc9da .jianwz p:last-child {
    margin-bottom: 0;
}

/* 移动端响应式设计 */
@media (max-width: 768px) {
    
    
    #yszc9da .page-wrap-right {
        padding: 0 15px;
    }
    
    #yszc9da .fbox1 {
        padding: 20px 0;
    }
    
    #yszc9da .jiantt h2 {
        font-size: 24px;
    }
    
    #yszc9da .jianwz {
        font-size: 15px;
        line-height: 1.7;
    }
}




/*3D展示样式*/
        .three-d-title {
            font-size: 18px;
            font-weight: 500;
            color: #333;
            text-align: center;
            margin: 20px 0;
            padding: 15px 0;
            border-bottom: 2px solid #013a8b;
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            border-radius: 6px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        }
        .three-d-view-container {
            width: 100%;
            height: 700px;
            border: 2px solid #ddd;
            margin: 30px 0;
            background-color: #ffffff;
            position: relative;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
        }
        
        #three-d-canvas {
            width: 100%;
            height: 100%;
            display: block;
        }
        
        #loading {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: #333;
            width: 90%;
            max-width: 500px;
            padding: 30px;
            background-color: rgba(255, 255, 255, 0.95);
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
        }

        .loading-text {
            font-size: 22px;
            font-weight: 500;
            margin-bottom: 25px;
            color: #333;
        }

        .loading-progress {
            width: 100%;
            height: 24px;
            background-color: #f0f0f0;
            border-radius: 12px;
            overflow: hidden;
            position: relative;
            margin-bottom: 15px;
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        .loading-bar {
            height: 100%;
            background: linear-gradient(90deg, #4caf50 0%, #45a049 100%);
            width: 0%;
            transition: width 0.3s ease;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(76, 175, 80, 0.4);
        }

        .loading-percentage {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 16px;
            font-weight: 600;
            color: #333;
            text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
        }

        .loading-hint {
            margin-top: 20px;
            font-size: 15px;
            color: #555;
            line-height: 1.7;
        }

        .loading-hint a {
            color: #013a8b;
            text-decoration: none;
            font-weight: 500;
            border-bottom: 2px solid transparent;
            transition: all 0.3s ease;
        }

        .loading-hint a:hover {
            text-decoration: none;
            color: #0255c5;
            border-bottom-color: #0255c5;
        }
        
        .three-d-file-info {
            text-align: center;
            margin: 30px 0;
            padding: 25px;
            background-color: #f8f9fa;
            border-radius: 12px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
            border-left: 5px solid #013a8b;
        }
        
        .three-d-file-info h3 {
            font-size: 20px;
            font-weight: 600;
            color: #333;
            margin-bottom: 15px;
        }
        
        .three-d-file-info p {
            font-size: 16px;
            color: #555;
            margin: 8px 0;
            line-height: 1.6;
        }
        
        .download-button, .btn-download {
            display: inline-block;
            font-size: 16px;
            font-weight: 500;
            color: #ffffff;
            background-color: #013a8b;
            border: none;
            padding: 12px 25px;
            border-radius: 28px;
            text-decoration: none;
            transition: all 0.3s ease;
            margin: 10px 8px;
            box-shadow: 0 2px 8px rgba(1, 58, 139, 0.25);
        }
        
        .download-button:hover, .btn-download:hover {
            background-color: #0255c5;
            box-shadow: 0 4px 12px rgba(1, 58, 139, 0.4);
            transform: translateY(-2px);
            color: #ffffff;
        }
        
        .page-product-inquiry {
            text-align: center;
            margin: 30px 0;
        }
        
        .page-product-inquiry a {
            display: inline-block;
            font-size: 16px;
            font-weight: 500;
            color: #ffffff;
            background-color: #013a8b;
            border: none;
            padding: 12px 25px;
            border-radius: 28px;
            text-decoration: none;
            transition: all 0.3s ease;
            margin: 10px 8px;
            box-shadow: 0 2px 8px rgba(1, 58, 139, 0.25);
        }
        
        .page-product-inquiry a:hover {
            background-color: #0255c5;
            box-shadow: 0 4px 12px rgba(1, 58, 139, 0.4);
            transform: translateY(-2px);
            color: #ffffff;
        }
        
        /* 产品列表页按钮样式 */
        .product-actions {
            text-align: center;
            margin: 15px 0;
        }
        
        .btn-inquiry, .btn-download {
            display: inline-block;
            font-size: 12px;
            font-weight: 500;
            padding: 6px 12px;
            margin: 0 3px;
            border-radius: 4px;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        
        .btn-inquiry {
            background-color: #013a8b;
            color: #ffffff;
            border: 1px solid #013a8b;
        }
        
        .btn-inquiry:hover {
            background-color: #0255c5;
            border-color: #0255c5;
            box-shadow: 0 4px 8px rgba(1, 58, 139, 0.3);
            transform: translateY(-1px);
        }
        
        .btn-download {
            background-color: #ffffff;
            color: #013a8b;
            border: 1px solid #013a8b;
        }
        
        .btn-download:hover {
            background-color: #013a8b;
            color: #ffffff;
            box-shadow: 0 4px 8px rgba(1, 58, 139, 0.3);
            transform: translateY(-1px);
        }


 .bxs{overflow: hidden;}
.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.wh1560{max-width:1590px;margin:0 auto;padding:0 15px;}





.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}

.flexs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}







/*头部样式*/
.top_head{position: absolute;width: 100%;top: 0px;z-index: 999;padding: 20px 0;}
.tp_phone{display:block;width: 31px;height: 31px;background: url(../images/5d20958eb3699bd8d194b555268448cbe2c92d6b.png) no-repeat center;margin-left: 2.0416vw;}
.top_head .max1630{max-width:1590px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}


/* top_ss */
.top_ss {width: 35px;height: 35px;position: relative;display: flex;align-items: center;justify-content: center;}
.top_ss .ss_btn {width: 35px;height: 35px;background: url(../images/c94e1cdc1ac3e89f8413899e278d316524cfcac7.png) no-repeat center;cursor: pointer;}
.top_ss #formsearch {position: absolute;top: 45px;right: 0px;z-index: 9999;width: 200px;display: none;background: #f2f2f2;}
.top_ss #formsearch #s_btn {float: left;outline: none;border: none;width: 35px;height: 30px;font-size: 0;background-color: transparent;background-repeat: no-repeat;background-image: url(//cdn.myxypt.com/19a72a49/22/02/d361eebbe300be32588323061960f488837223d4.png);background-position: 0 -210px;}
.top_ss #formsearch #keyword {float: left;background: none;outline: none;border: none;width: calc(100% - 35px);color: rgba(0, 0, 0, 0.8);margin-top: 0px;height: 30px;padding-left: 10px;font-size: 14px;}






/* 主体样式 */
.fbox1{padding:4.5vw 0;}
.ab_img{width:40.77%;position: relative;}
.ab_img img{width:100%;display:block;position: relative;z-index:99;}
.bkaa{background-color: rgb(0, 94, 53);opacity: 0.8;width: 158px;height: 84px;z-index: 100;border-top-left-radius:30px;border-bottom-right-radius:30px;position:absolute;right:-39px;top:57px;}



.qyjj{width:52.88%;}
.jiantt h2{color:#000000;font-size:30px;font-weight:bold;}
.jiantt h3{color:#013a8b;font-size:24px;text-transform:uppercase;font-family:"Arial";margin-top:16px;}
.jianwz{color:#555555;font-size:17px;line-height:32px;margin-top: 20px;}

.sjnm li .num1{justify-content:flex-start;flex-wrap: nowrap;display: -webkit-flex;}
.sjnm li .counter{color:#333333;font-size:56px;font-weight:bold;line-height:55px;}
.sjnm li .num2{color:#fff;font-size:13px;width:22px;height:22px;line-height:22px;border-radius:50%;background:#005e35;text-align:center;margin-left:5px;}
.sjnm li .num3{color:#666666;font-size:16px;margin-top:10px;}


.fbox2{padding:4.5vw 0;background:url(../images/065d25c37c728e0f41d220c9b7f38af4ec56a7c3.jpg) no-repeat;background-size:100% 100%;}
.fgy_tt{color:#000000;font-size:30px;text-align:center;font-weight:bold;}
.qywh_list{margin-top:2.4vw;}
.qywh_list li{width:18.59%;text-align:center;border-radius: 10px;background-color: rgb(255, 255, 255);padding:40px 0;}
.qywh_list li .wz1{color:#111111;font-size:22px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:26px 0 17px;}
.qywh_list li .wz2{color:#555555;font-size:16px;line-height:28px;}


.fbox3{padding-bottom: 4.5vw;}
.hor{margin-top:3vw;position:relative;}
.hor .mySwiperhor{overflow:hidden;}
.hor .swiper-slide{text-align:center;background:#eeeeee;padding:13px 13px 0;}
.hor .swiper-slide img{width:100%;margin:0 auto;display:block;}
.hor .swiper-slide .wz{color:#555555;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:52px;}
.hor .swiper-slide:hover{background:#013a8b;}
.hor .swiper-slide:hover .wz{color:#fff;}
.hor .swiper-button-prevf{
    position: absolute;
    top:50%;
    margin-top:-33px;
    left:10px;
    width:38px;
    height:66px;
    opacity:1;
    z-index:9999;
    background:url(../images/9e326e39b62d6e86fa472375178311a723f58be8.png) no-repeat;
    background-size:100% 100%;
}

.hor .swiper-button-nextf{
    position: absolute;
    top:50%;
    margin-top:-33px;
    right:10px;
    width:38px;
    height:66px;
    opacity:1;
    z-index:9999;
    background:url(../images/0cfea2a033dd3e3469b6fcd0d5cc936121012f20.png) no-repeat;
    background-size:100% 100%;
}

.hor .swiper-button-prevf:hover{
    background:url(../images/9e326e39b62d6e86fa472375178311a723f58be8.png) no-repeat;
    background-size:100% 100%;
}

.hor .swiper-button-nextf:hover{
    background:url(../images/0cfea2a033dd3e3469b6fcd0d5cc936121012f20.png) no-repeat;
    background-size:100% 100%;
}



.fbox4{padding:4vw 0;background:#f5f5f5;}
.fqyhj{margin-top:3vw;}
.fqyhj li{width:24.4%;margin-bottom:1vw;box-shadow:0 0 15px #ddd;}
.fqyhj li .img{overflow:hidden;border:3px solid #fff;display:block;}
.fqyhj li .img img{transition:all 0.8s;width:100%;display:block;}
.fqyhj li .img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



@media (max-width:1440px){
   .hor .swiper-button-prevf{left:0;}
   .hor .swiper-button-nextf{right:0;}
   .hor{padding:0 60px;}
}

@media (max-width:1024px){
  .ab_img{width:100%;}
  .qyjj{width:100%;margin-top:20px;}
  .bkaa{display:none;}
  .ab_img:before{display:none;}
  .jiantt h2{font-size:34px;}
  .jiantt h3{font-size:18px;}
  .jianwz{font-size:15px;line-height:25px;}
  .sjnm li .counter{font-size:45px;line-height:36px;}
  .sjnm li .num3{font-size:15px;}
  .fgy_tt{font-size:34px;}
  .qywh_list li{padding:25px 0;}
  .qywh_list li .img{width:54px;margin:0 auto;}
  .qywh_list li .img img{width:100%;}
  .qywh_list li .wz1{font-size:18px;padding:15px 0 10px;}
  .qywh_list li .wz2 br{display: none;}
   .qywh_list li .wz2{font-size:14px;line-height:22px;padding:0 10px;}
   .hor .swiper-slide .wz{font-size:14px;line-height:42px;}
   .hor .swiper-slide{padding:8px 8px 0;}
}

@media (max-width:768px){
    .hor .swiper-button-prevf{width:23px;height:40px;margin-top:-20px;}
   .hor .swiper-button-nextf{width:23px;height:40px;margin-top:-20px;}
   .hor{padding:0 46px;}
}

@media (max-width:482px){
  .jiantt h2{font-size:22px;}
  .fgy_tt{font-size:22px;}
  .sjnm li{width:50%;margin:8px 0;}
  .sjnm li .counter{font-size:35px;line-height:30px;}
  .sjnm li .num2{font-size:12px;line-height:18px;height:18px;width:18px;}
  .sjnm li .num3{margin-top:5px;}
  .qywh_list li{width:49%;margin:5px 0;}
  .fqyhj li{width:49%;}
  .fbox2{background-size:cover;}
  .hor{padding: 0 30px;}
  .fbox1{padding: 30px 0;}
  .jianwz{margin-top: 10px;}
  .hor{margin-top: 20px;}
  .fbox3{padding-bottom: 30px;}
}


/*contacts*/
.max1585{
   max-width: 1615px;
   padding-left: 15px;
   padding-right: 15px;
   margin: 0 auto;
}

.max1630{
    max-width: 1730px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.max1700{
    max-width: 1730px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.max1600{
    max-width: 1630px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.flex-cc{display: flex;align-items: center;justify-content: space-between;}
.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}
/* top_head */
.top_head{position: absolute;width: 100%;top: 0px;z-index: 999;padding: 20px 0;}
.tp_phone{display:block;width: 31px;height: 31px;background: url(../images/f6331c9bce8f78cf8233ad446cc2006f43033fbd.png) no-repeat center;margin-left: 2.0416vw;}

/* top_ss */
.top_ss {width: 35px;height: 35px;position: relative;display: flex;align-items: center;justify-content: center;}
.top_ss .ss_btn {width: 35px;height: 35px;background: url(../images/c94e1cdc1ac3e89f8413899e278d316524cfcac7.png) no-repeat center;cursor: pointer;}
.top_ss #formsearch {position: absolute;top: 45px;right: 0px;z-index: 9999;width: 200px;display: none;background: #f2f2f2;}
.top_ss #formsearch #s_btn {float: left;outline: none;border: none;width: 35px;height: 30px;font-size: 0;background-color: transparent;background-repeat: no-repeat;background-image: url(../images/d361eebbe300be32588323061960f488837223d4.png);background-position: 0 -210px;}
.top_ss #formsearch #keyword {float: left;background: none;outline: none;border: none;width: calc(100% - 35px);color: rgba(0, 0, 0, 0.8);margin-top: 0px;height: 30px;padding-left: 10px;font-size: 14px;}


/* one */
.pubtitle{
    margin: 3.64583333333333vw 0;
    text-align: center;
}

.pubtitle h3{
    color: #333333;
    font-size: 30px;
    font-weight: 600;
}
.pubtitle h4{
    color: #666666;
    font-size: 18px;
    margin-top: 15px;
}

.lxlist{
    margin-bottom: 5.52083333333333vw;
}

.lxlist li{
    border: 1px solid #eeeeee;
    width: 24%;
    padding: 50px 0;
    text-align: center;
}

.lxlist li .img1 img{
    max-width: 62px;
    margin: 0 auto;
    width: 100%;
}

.lxlist li .wz1{
    color: #101010;
    font-size: 22px;
    margin-top: 0.5vw;
    margin-bottom: 1.1vw;
}

.lxlist li .wz2{
    color: #101010;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    word-break: break-all;
}

.lxlist li .wz3 p{
    color: #666666;
    font-size: 16px;
    line-height:1.75;
}
.lxlist li:last-child .wz2{
    margin-top: 5px;
    margin-bottom: 0;
}
.lxlist li:last-child{
    position: relative;
}
.lxhover{
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
}

.lxhover .img2{
    background: url(../images/47bfa8f5735553964c1de6e56fb0094175bd31db.png) no-repeat top center;
    width: 176px;
    height: 189px;
    margin: 0 auto;
    background-size: 100% 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.lxhover .img2 img{
    margin-top: 1.3vw;
    max-width: 125px;
    width: 100%;
}
.lxlist li:hover{
    border: 1px solid #013a8b;
}

.lxlist li:last-child:hover .lxhover{
    display: block;
}


/* map */
.map {
    margin-top: 5.52083333333333vw;
}
.map img{
    width: 100%;
}





#map {
    overflow: hidden;
    width: 100%;
    height: 458px;
    margin: 0;
}





/* mess */
.mess-wrap{
    
}
.mess-index span{
    display: block;
    color: #333333;
    font-weight: 600;
    font-size: 17px;
    padding: 20px 0;
}

.mess-index span b{
    color: #013a8b;
}

.mess-index .ww1 .ww2{
    width: 48.125%;
    
}

.mess-index .ww1 .ww2 input{
    width: 100%;
    border: 1px solid #eaeaea;
    line-height: 62px;
    text-indent: 20px;
    color: #a8a8a8;
    font-size: 16px;
    outline: none;
}

.mess-index .ww1 .ww2 input::-webkit-input-placeholder{
    color: #a8a8a8;
}

.mess-index .ww2 .ww2img{
    position: relative;
}

.mess-index .ww2 .ww2imga{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
    height: 34px;
}

.mess-index .ww2 .ww2imga img{
    width: 100%;
}

.mess-index .ww3 textarea{
    width: 100%;
    border: 1px solid #eaeaea;
    line-height: 62px;
    text-indent: 20px;
    height: 160px;
    color: #a8a8a8;
    font-size: 16px;
    padding: 0;
    outline: none;
}

.mess-index .ww3 textarea::-webkit-input-placeholder{
    color: #a8a8a8;
}

.mess-index .ww4{
    text-align: center;
    margin-top: 3.125vw;
    margin-bottom: 3.125vw;
}

.mess-index .ww4 input{
    border:none;
    background:#013a8b;
    background-size: 100% 100%;
    line-height: 60px;
    text-indent: 0;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    width: 400px;
    margin: 0 auto;
}


@media(max-width: 767px){
    .pubtitle{
        margin: 20px 0;
    }
    .pubtitle h3{
        font-size: 20px;
    }
    .pubtitle h4{
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px;
    }
    .lxlist {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .lxlist li{
        width: 48%;
        margin-bottom: 4%;
        padding: 20px 10px;
    }
    .lxlist li .img1 img{
        max-width: 40px;
    }
    .lxlist li .wz1{
        font-size: 16px;
    }
    .lxlist li .wz2{
        font-size: 15px;
    }
    .lxlist li .wz3 p{
        font-size: 14px;
        line-height: 20px;
    }
    .lxhover{
        top: 15px;
    }
    .lxhover .img2{
        width: 132px;
        height: 137px;
    }
    .lxhover .img2 img{
        max-width: 100px;
    }
    .map{
        margin-top: 10px;
    }
    #map{
        height: 300px;
    }
    .mess-index .ww1 .ww2{
        width: 100%;
    }
    .mess-index span{
        padding: 10px 0;
    }
    .mess-index .ww1 .ww2 input{
        font-size: 14px;
        line-height: 45px;
    }
    .mess-index .ww3 textarea{
        font-size: 14px;
        line-height: 45px;
        height: 120px;
    }
    .mess-index .ww4{
        margin: 20px 0;
    }
    .mess-index .ww4 input{
        width: 65%;
        line-height: 45px;
        font-size: 14px;
    }
}