@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;text-align: center;user-select: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.paging-menu, .paging-skip, .paging-hint{display: flex;flex-wrap: wrap;}
.paging-menu a{width: 42px;height: 42px;border: 1px solid #f4f4f4;margin: 5px;font-size: 15px;color: #888;transition: all .4s ease;font-weight: 700; border-radius: 15px;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #0064E6;background-color: #0064E6;color: #fff;}
.paging-skip{margin-left: 8px;align-items: center;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #0064E6;}
.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #0064E6;color: #fff;border-color: #0064E6;}
.paging-hint span{color: #0064E6;}
@media all and (max-width:1000px){.paging-menu a{margin: 4px;width: 34px;height: 34px;font-size: 12px;border-radius: 10px;}.paging-skip{width: 100%;margin-left: 0;justify-content: center;}}

/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #0064E6;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #0064E6;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: max(20px,0.4rem) max(15px,0.26rem);margin-top: max(12px,0.18rem);}
.search-link:first-child{margin-top: 0;}
.search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #0064E6 !important;}
.search-link:hover h2{color: #0064E6;}

/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}

.index-zhanhui .zhanhui-item .con{position:absolute;left:0;top:0;width:100%;height:100%;padding:20px 30px;color:white}
.index-zhanhui .zhanhui-item .con .title{justify-content: space-between;align-items: center;}
.index-zhanhui .zhanhui-item .con .li3{width:calc( 100% / 3);margin-bottom:15px;font-size:16px;font-weight:500;align-items: center;display:flex}
.index-zhanhui .zhanhui-item .con .li3 .dian{width:4px;height:4px;border-radius: 50%;background-color: #fff;display:inline-block;margin-right:10px;}

/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: max(14px,0.24rem);}
.webmap-title::after{content: "";position: absolute;width: max(36px,0.6rem);left: 0;right: 0;margin: 0 auto;bottom: 0;height: max(2px,0.04rem);background: #0064E6;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -0.4rem 0 0 -0.4rem;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: calc(20% - 0.4rem);margin: 0.4rem 0 0 0.4rem;color: #333;}
.webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;}
.webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;}
.webmap-list>ul>li a:hover{color: #0064E6;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: max(16px,0.2rem);width: 100%;padding-bottom: max(12px,0.2rem);line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: max(10px,0.2rem);}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: max(4px,0.06rem) 0;font-size: max(15px,0.18rem);}
.webmap-list>ul>li>.drop .drop a{padding-left: max(12px,0.18rem);font-size: max(14px,0.16rem);}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 0.14rem;}
@media all and (max-width: 1000px){
    .webmap-list>ul>li>.drop .drop a::before{top: 0.2rem;}
    .webmap-list>ul{margin: -14px 0 0;}.webmap-list>ul>li{width: 100%;margin: 14px 0 0;}.webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}

.nav .nav-item{text-align: center;padding:10px 40px;background: #EBEBEB;width:100%;display:block;}
.nav .nav-item.active{background: #0064E6;color:white}
.zhanshang-list .zhanshang-item .text{position:absolute;width:100%;height:48px;left:0;bottom:0;background-color: #000;opacity: .7;display:flex;
    justify-content: space-between;align-items: center;padding:0 20px;font-size:18px;font-weight:400;color:white}
.index-zhanhui .zhanhui-list{background-color: #F3F8FF;padding:30px 50px}
            .index-zhanhui .zhanhui-list .zhanhui-left{width:50%;display:flex;flex-direction:column;justify-content: space-between}
            .index-zhanhui .zhanhui-list .zhanhui-right{width:50%;padding-left:50px}
            .index-zhanhui .zhanhui-list i{margin-right:10px;color:#0064E6}
            .index-zhanhui .zhanhui-list .more-btn{height:51px;}
            .index-zhanhui .zhanhui-list .more-btn a{position: absolute;width: 186.93px;height: 51px;border-radius: 40px;opacity: 1;background: #0064E6;display:flex;justify-content: center;
    align-items: center;color:white;}

.index-about .images{width:50%}
.index-about .con{width:50%;padding:30px 50px;}
.index-about-num{background: #F3F8FF;}
.index-about-num .num-item{display:flex;flex-direction: column;align-items: center;justify-content: center;}
.index-about-num .num-item .text{color:#6D7F96}
.about-company{background: url('../images/pages/about-bg.png') no-repeat center/cover;color:white}

.index-honor{background: #FAFAFA;}
.navi-honor .navi-btn{width:50px;height:50px;text-align: center;line-height:50px;background-color: #fff;border-radius: 50%;
            position:absolute;top:calc( 50% - 25px);left:50px;z-index:9;transition: all .4s ease;            }
.navi-honor .navi-btn:hover{background-color: #2156A5;color:#fff;}            
.navi-honor .next-btn{right:50px !important;left:auto;transform: rotate(180deg);}

.navi-media2 .navi-btn{width:50px;height:50px;background-color: #fff;border-radius: 50%;
            position:absolute;top:calc( 50% - 25px);left:50px;z-index:9;transition: all .4s ease;    border:1px solid #2156A5;  display:flex;justify-content:center;align-items:center;}
.navi-media2 .navi-btn i{width:14px;height:14px;}
.navi-media2 .next-btn i{transform:translateY(-2px);}
.navi-media2 .navi-btn:hover{background-color: #2156A5;color:#fff;}            
.navi-media2 .next-btn{right:50px !important;left:auto;transform: rotate(180deg);}

.can-info .banner-left{width:70%;}
.can-info .banner-left .images{width:18%;display:flex;align-items:center;}
.can-info .banner-left .text{display:flex;flex-direction: column;justify-content: center;}
.can-info .banner-right{width:30%;justify-content:right}

.bg2{background: #F2F5F9;}
.form-form{border: 3px solid #0064E6;height:70px;position:relative}
.form-form .input{width:90%;padding:10px 10px; padding-left:30px;}
.form-form::before{content:'\e600';position:absolute;font-family: 'icon';left:10px;top:37%;z-index:9;color:#0064E6}
.form-form .submit-btn{width:10%;height:100%;background-color: #0064E6;color:white;font-size:24px;font-weight:600;cursor:pointer}
.canzhan-item{background-color: #fff;padding:40px 40px;margin-bottom:40px}
.canzhan-item .images{width:10%;display:flex;align-items: center;}
.canzhan-item .con{width:90%;padding-left:40px;}
.canzhan-item .con .title{justify-content: space-between;}
.canzhan-item .con .title i{margin-right:5px;}

/* 内页公共 */
.pagesBan{overflow: hidden;}
.pagesBan-con{width: 50%;align-items: center;padding-left: var(--widDb);padding-right: 1.3rem;}
.pagesBan-con::after{animation: w200 1.2s ease both; content: "";position: absolute;left: 0;top: 0;width: 200%;height: 100%;background: linear-gradient(to right,#37a500,#adc60d);}
.pagesBan-con .text-box{position: relative;z-index: 4;}
.pagesBan-con .logo-box{z-index: 2; position: absolute;left: 50%;top: 50%;width: 100%;height: 108%;transform: translate(-50%,-50%);display: flex;justify-content: center;}
.pagesBan-con .logo{height: 100%;animation: banIcon 1.5s .7s ease both;}
.pagesBan-con .logo-box img{height: 100%;}
.pagesBan-img{width: 50%;}
.pagesBan-img img{width: 100%;height: 27vw;transition: all 2s linear;}
.pagesBan-img:hover img{transform: scale(1.1);}

.video .video-pic .pic-title{justify-content: space-between;align-items: end;}
.video .video-pic .image-con .title{position:absolute;bottom:0px;left:0;width:100%;height:60px;display:flex;justify-content: center;
    align-items: center;background-color: rgba(0, 99, 229, 0.9);color:#fff;font-size:20px}
.now-nav div{display:flex;justify-content: center;}
.now-nav .nav-item{width:230px;height:50px;justify-content: center;align-items: center;display:flex;    border: 1px solid #b2b2b2;color:16px;margin-right:30px;}
.now-nav .nav-item.active{background-color:rgba(0, 99, 229, 0.9) ;color:white;border:none}
.now-nav .nav-item:last-child{margin-right:0;}

.now-list .now-item .play{position: absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content: center;
    align-items: center;color:white;font-size:40px;background-color: rgba(0, 99, 229, 0.7);opacity: 0;visibility: hidden;transition: all .4s ease;}
.now-list .now-item:hover .play{opacity: 1;visibility:visible;}
.now-list .now-item:hover .title{color:rgba(0, 99, 229)}


.media-nav div{display:flex;justify-content: center;}
.media-nav .nav-item{width:230px;height:50px;justify-content: center;align-items: center;display:flex;    border: 1px solid #b2b2b2;color:16px;margin-right:30px;}
.media-nav .nav-item.active{background-color:rgba(0, 99, 229, 0.9) ;color:white;border:none}
.media-nav .nav-item:last-child{margin-right:0;}

.media-list .media-item .play{position: absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content: center;
    align-items: center;color:white;font-size:40px;background-color: rgba(0, 99, 229, 0.7);opacity: 0;visibility: hidden;transition: all .4s ease;}
.media-list .media-item:hover .play{opacity: 1;visibility:visible;}
.media-list .media-item:hover .title{color:rgba(0, 99, 229)}


.navi-now .navi-btn{width:50px;height:50px;text-align: center;line-height:50px;background-color: #fff;border-radius: 50%;
    position:absolute;top:calc( 50% - 25px);left:-70px;z-index:9;transition: all .4s ease; border:1px solid #2156A5;           }
.navi-now .navi-btn:hover{background-color: #2156A5;color:#fff;}            
.navi-now .next-btn{right:-70px !important;left:auto;transform: rotate(180deg);}

.navi-media .navi-btn{width:50px;height:50px;text-align: center;line-height:50px;background-color: #fff;border-radius: 50%;
    position:absolute;top:calc( 50% - 25px);left:-70px;z-index:9;transition: all .4s ease; border:1px solid #2156A5;           }
.navi-media .navi-btn:hover{background-color: #2156A5;color:#fff;}            
.navi-media .next-btn{right:-70px !important;left:auto;transform: rotate(180deg);}

@keyframes w200 {0%{width: 200%;}100%{width: 100%;}}
@keyframes banIcon {0%{opacity: 0;transform: translateY(-60%);}100%{opacity: 1;transform: translateY(0);}}





.contact .contact-item{border-radius: 10px;background:#fff;padding: 30px 56px 30px 50px;}
.contact .contact-item .images{width:30%}
.contact .contact-item .imagebg{width:1.72rem;height:1.72rem;border-radius:50%;background: #E8F1FD;display:flex;justify-content: center;align-items: center;}
.contact .contact-item .text{width:65%;padding-left:40px}

.news-list .news-item{padding:20px;box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06);align-items: center;margin-bottom:30px}
.news-list .news-item .img{width:30%;height:200px}
.news-list .news-item .text{width:70%;padding-left:20px}
.news-list .news-item .text .date-con{justify-content: space-between;align-items: center;}
.news-list .news-item .text .date-con .more{padding:10px 20px;background: #0064E6;color:white;border-radius:40px;}


.canzhan-info .con{background-color: #fff;padding:60px 40px;}  
.banner-con{position:absolute;left:0;top:0;width:100%;height:100%;}  
.banner-con .contain{align-items: center;color:white;height:100%;justify-content: space-between;}
.banner-con .contain .icon-item{width:100px;height:100px;background-color: rgb(255,255,255,.1);border-radius: 50%;display:flex;
    justify-content: center;align-items: center;flex-direction: column;}

.pro-list .pro-nav{width:30%;padding:40px;background-color: #fff;}
.pro-list .pro-nav .nav-item{padding:10px 20px;margin-right:10px;margin-bottom:10px;display:block;}
.pro-list .pro-nav .nav-item.active{background-color: #0064E6;color:#fff;}
.pro-con-list{margin-left:20px;width:calc( 70% - 20px );padding:40px 40px;background-color: #fff;}

.pro-con-list .pro-item .desc{color:#808080}
.pro-con-list .pro-item .company{color:#3D3D3D}

.yao-btn{justify-content: center;align-items: center;}
.yao-btn .btn{display:block;width:300px;height:68px;line-height:68px;background: linear-gradient(270deg, #53A93B 0%, #52AD3C 22%, #50B93F 45%, #4CCE46 68%, #47EB4E 91%, #46F752 99%);border-radius:38px;}

.huiyi-info .con{width:70%;padding-right:40px;}
.huiyi-info .images{width:30%;}
.table table{width:100%;}
.table table td{padding:10px;}

.jieshao .jianjie .con{width:75%;padding-right:30px;}
.jieshao .jianjie .images{width:25%}
.index-first .first-item{border-radius: 10px;background: linear-gradient(90deg, #135FE8 0%, #4491FC 100%);align-items: center;padding: 30px 56px 30px 50px;justify-content: center;}
.index-first .first-item a{align-items: center;}
.index-first .first-item:nth-child(even){background: linear-gradient(270deg, #16C7C7 0%, #01BECB 100%);}
.zhanhui-pic{background: #F3F8FF;text-align:center;padding:40px 0;}

.news-info .con p{margin-bottom:10px;}

.huiyi-yilan .title{background-color: #0064E6;color:#fff;height:60px;text-align: center;line-height:60px;font-size:20px;font-weight:600;}
.huiyi-yilan .table1{width:25%;border:1px solid #999}
.huiyi-yilan .table2{width:50%;border:1px solid #999}
.huiyi-yilan .table3{width:25%;border:1px solid #999}
.huiyi-yilan .yilan-item{height:60px;text-align: center;line-height:60px;font-size:20px;font-weight:400;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}

@media all and (max-width:1590px){
    /* 1440 × (700)  */
    
}

@media all and (max-width:1430px){
    /* 1360 */
}

@media all and (max-width:1350px){
    /* 1280 */
}

@media all and (max-width:1270px){
    /* 1152 × (700) */
    
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .pagesBan-img img{height: 150px;}
    .pagesBan-con{padding-right: 10px;}
    .pagesBan-con .title{font-size: 16px;}
    .pagesBan-con .text{font-size: 12px;}
    
    
    .index-about .images {width: 100%;}
    .index-about .con{width:100%;padding:30px 0;}
    .uli.ml30.uli2 li {   width: 100%;margin-left:0;}
    .contact .contact-item .images{width:100%;}
    .contact .contact-item .text{width:100%;padding-left:0;}
    .news-list .news-item .img{width:100%;}
    .news-list .news-item .text{width:100%;margin-top:20px;}
    .uli.ml20.uli4 li {width: calc(100%/2 - max(8px,0.2rem));}
    .uli.ml20.uli3 li {width: calc(100%/1 - max(8px,0.2rem));}
    .huiyi-info .con{width:100%;padding-right:0;order:2}
    .huiyi-info .images {width:100%;order:1;}
    .canzhan-item .images{width:100%;}
    .canzhan-item .con{width:100%;padding-left:0;}
    .canzhan-item{padding:10px;}
    .form-form .input{width:80%;}
    .form-form .submit-btn{width:20%;}
    .pro-list .pro-nav{width:100%;padding:20px;}
    .pro-con-list{width:100%;margin-left:0;padding:20px;margin-top:10px}
    .pro-con .img{width:100%;}
    .pro-con .text{margin-top:20px;}
    
    .can-info .banner-left{width:100%;}
    .can-info .banner-left .images{width:20%;}
    .can-info .banner-right{width:100%;}
    
    .inner-banner .bgimg{height:300px;}
    .inner-banner .banner-left .images{width:20%;}
    .inner-banner .banner-left .images img{height:auto;}
    .canzhan-info .con{padding:20px 10px;}
    .jieshao .jianjie .con{width:100%;padding-right:0;order:2}
    .jieshao .jianjie .images{width:100%;order:1}
    .uli.ml20.uli2 li{width: calc(100%/1 - max(8px,0.2rem));}
    .zhanhui-item img{height:200px;}
    .index-zhanhui .zhanhui-item .con .li3{font-size:14px;}
    .uli.ml40.uli3 li{width: calc(100%/1 - max(16px,0.4rem));}
    .now-nav .nav-item{width:120px;margin-bottom:20px;margin-right:10px}
    .media-nav .nav-item{width:120px;margin-bottom:20px;margin-right:10px}
    .uli.ml30.uli3 li{width: calc(100%/1 - max(12px,0.3rem));}
    .huiyi-yilan .table1{font-size:12px;line-height:14px;display:flex;align-items:center;justify-content:center;}
    .huiyi-yilan .table2{font-size:12px;line-height:14px;display:flex;align-items:center;justify-content:center;}
    .huiyi-yilan .table3{font-size:12px;line-height:14px;display:flex;align-items:center;justify-content:center;}
     .index-zhanhui .zhanhui-list .zhanhui-left{width:100%;}
    .index-zhanhui .zhanhui-list .more-btn{margin-top:30px;}
    .index-zhanhui .zhanhui-list .zhanhui-right{width:100%;padding-left:0;margin-top:30px;}
    .index-zhanhui .zhanhui-list{padding:20px;}
    
    .navi-media2{display:flex;justify-content: center;margin-top:10px;}
    .navi-media2 .navi-btn{position:static;}
    .navi-media2 .next-btn{margin-left:10px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
}