*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei", "PingFang SC","SimSun",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "Microsoft Yahei", "PingFang SC","SimSun",Arial,sans-serif; resize:none;}
body{font:14px "Microsoft Yahei", "PingFang SC","SimSun",Arial,sans-serif; color:#333; background:#fff; -webkit-font-smoothing: antialiased;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
img{max-width:100%;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}


/* index */
.wrap{width:1400px;margin:0 auto;}
.wrap_header{width:1500px;margin:0 auto;}
.header_bg{background:rgba(0,0,0,0.7);}
.header_bg .nav ul li>a{color:#fff !important;}
.header_bg .nav ul li>a:hover,.header_bg .nav ul li.on>a{color:#046BA6 !important;}
.header{height:100px;position:fixed;top:0;left:0;z-index: 999;width: 100%;}
.header .wrap{display:flex;justify-content: space-between;align-items: center;height:100%;}
.logo img{height:60px;}
.logo2 img{height:25px;}
.nav{display:flex;gap:20px;align-items: center;}
.nav ul{display:flex;align-items: center;}
.nav ul li{padding:0 20px;position:relative;line-height:100px;}
.nav ul li>a{display:block;font-size:18px;color:#212121 ;}
.nav ul li>a:hover,.nav ul li.on>a{color:#046BA6;}
.nav ul li:hover .nav_child{display:block;}
.nav_child{position:absolute;top:80px;left:50%;background:#fff;width:150px;padding:10px 0;display:none;transform: translateX(-50%);}
.nav_child a{display:block;line-height:40px;text-align:center;font-size:14px;}
.nav_child a:hover{color:#046BA6;}
.search form{position:relative;}
.search input.keyword{border:1px solid #E4E4E7;width:100px;height:24px;line-height:24px;border-radius: 100px;padding:0 10px 0 36px;}
.search .btn{position:absolute;top:5px;left:12px;background:url(../images/search-lg.png);width:16px;height:16px;background-size:100%;border:0;}
.tel{display:flex;gap:20px;align-items: center;}
.tel img{width:24px;height:24px;}
.tel p{font-size:24px;color:#046BA6;font-weight:bold;}


.banner{position:relative;overflow: hidden;}
.banner::after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:9;}
.banner img{width:100%;}
.banner .swiper-slide{position:relative;}
.banner .textinfo{position:absolute;z-index: 99;top:40%;left:0;width:100%;}
.banner .textinfo h2{font-size:80px;color:#046BA6;text-align:center;text-shadow: 2px 2px 2px #fff;}
.banner .swiper-pagination-bullet{background:#fff;opacity: .8;margin:0 20px;width:30px;height:4px;border-radius: 8px;}
.banner .swiper-pagination-bullet-active{background:#007aff;width:60px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5%;}


.padd80{padding:80px 0;}
.paddtop80{padding-top:80px;}
.title{text-align:center;margin-bottom:36px;}
.title h2{font-size:36px;}
.title h2 span{color:#046BA6;}
.title p{margin-top:10px;font-size:24px;color:#046BA6;text-transform: uppercase;}
.product{background:url(../images/pro_bg.png)no-repeat center bottom;}
.pro_con{box-shadow: 0 0 36px rgba(0,0,0,0.1);background:#FBFBFB;border-radius: 24px;padding:36px 60px;}
.pro_con .hd li{float:left;width:25%;padding-bottom:24px;text-align:center;cursor:pointer;font-size:28px;border-bottom:1px solid #D9D9D9;}
.pro_con .hd li.on{border-color:#046BA6;color:#046BA6;}

.pro_con .bd{margin-top:24px;}
.pro_con .bd li{width:32%;margin-right:2%;margin-bottom:2%;float:left;background:#fff;border-bottom-left-radius: 24px;    border-bottom-right-radius: 24px;}
.pro_con .bd li:nth-of-type(3n){margin-right:0;}
.pro_con .bd li a{display:block;}
.pro_con .bd li a:hover{color:#14408A;}


.clear{clear:both;}
.litpic{position:relative;width:100%;height:auto;padding-bottom:75%;overflow: hidden;}
.litpic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit: cover;}
.pro_info{padding:20px;}
.pro_info h2{font-size:20px;font-weight:normal;height:30px;line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#424242;}
.pro_info i{display:block;width:32px;height:2px;background:#046BA6;margin:16px 0;}
.pro_info p{font-size:16px;color:#585858;line-height:1.5;}
.pro_info img{width:20px;margin-top:16px;}
.pro_con .bd li a:hover img{transform: scale(1.1);transition: all 2s;}
.pro_con .bd li a:hover .pro_info h2{color:#046BA6;}


.pro_con .bd li a:hover .litpic div.tt{
    color:#fff;position:absolute;z-index: 99;font-size:14px;width:100%;
text-align: center;height: 100%;
    align-items: center;display:flex;
    justify-content: center;background:rgba(0,0,0,0.5);
}

.project{position: relative;}
.project .title{position: absolute;top:80px;left:0;    width: 100%;z-index: 9;}
.project .title h2{color:#fff;}
.project .title p{color:#fff;}
.project::after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:9;}
.project_con{position: relative;z-index: 99;}

.isect2 .content{position: relative;display:block;height:unset;}
.isect2 .bg{position: relative;overflow: hidden;}
.isect2 .bg em{display: block;width: 100%;height: 0;padding-bottom: 750px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;-webkit-filter: blur(3px);filter: blur(3px);}
.isect2 .bg em:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/mask1.png) no-repeat center;background-size: cover;}
.isect2:hover .bg .swiper-slide-active em{-webkit-filter: blur(0);filter: blur(0);}
.isect2 .tabs{position: absolute;left: 0;top:220px;width: 100%;height: calc(100% - 220px);z-index: 10;display: flex;overflow: hidden;}
.isect2 .tabs li{flex: 1;height: 100%;position: relative;box-sizing: border-box;border-left: 1px solid rgba(255,255,255,0.2);text-align: center;cursor: pointer;position: relative;}
.isect2 .tabs li::before{content: "";position: absolute;left: -1px;top: -100px;width: 1px;height: 100px;background-image: linear-gradient(180deg,transparent,#fff);animation: lineMove 2s ease-in-out infinite;}
@keyframes lineMove{
    to{top: 100%;}
}
.isect2 .tabs li:nth-child(1):before{animation-delay: 0s;}
.isect2 .tabs li:nth-child(2):before{animation-delay: 0.2s;}
.isect2 .tabs li:nth-child(3):before{animation-delay: 0.4s;}
.isect2 .tabs li:nth-child(4):before{animation-delay: 0.6s;}
.isect2 .tabs li:nth-child(5):before{animation-delay: 0.8s;}
.isect2 .tabs li:nth-child(6):before{animation-delay: 1.0s;}
.isect2 .tabs li:first-child{border: none;}
.isect2 .tabs li:first-child:before{display: none;}

.isect2 .tabs li a{display: block;width: 100%;height: 100%;position: relative;}
.isect2 .tabs li a .cont{position: absolute;left: 0;bottom: 0;width: 100%;box-sizing: border-box;padding: 0 20px;text-align: center;color: #fff;transition: all 0.8s ease 0.1s;}
.isect2 .tabs li a .cont .icon{width: 132px;height: 132px;/* border: 4px solid #ffffff; */border-radius: 50%;text-align: center;line-height: 132px;
    font-size: 0;margin: 0 auto 36px;font-size: 0;position:unset;}
.isect2 .tabs li a .cont .icon img{width: 100%;height: 100%;border-radius: 50%;}
.isect2 .tabs li a .cont h5{line-height: 30px;font-weight: normal;}
.isect2 .tabs li a .cont .line{display: block;width: 80%;max-width: 260px;margin: 32px auto 40px;height: 1px;background: #fff;opacity: 0.68;transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.isect2 .tabs li a .cont p{line-height: 30px;height: 0;overflow: hidden;}
.isect2 .tabs li:hover a .cont{bottom: 48px;}
.isect2 .tabs li:hover a .cont .line{transition: all 0.5s ease 0.55s;transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 0.68;visibility: visible;}
.isect2 .tabs li:hover a .cont p{height: 60px;color:#fff;}

.title2{display:flex;justify-content: space-between;align-items: center;}
.title2 p{text-align:left;}
.more{border:1px solid #046BA6;padding:10px 36px;border-radius:100px;display:flex; align-items: center;cursor:pointer;gap:5px;}
.more span{font-size:16px;color:#046BA6;}
.more img{width:12px;height:12px;}
.news_con{margin-top:36px;}
.news_left{float:left;width:42%;}
.news_left .news_item{position: relative;border-radius: 24px;overflow:hidden;}
.news_left .news_item .litpic::after{content:'';position:absolute;bottom:0;left:0;background: linear-gradient( 180deg, rgba(38,38,38,0) 0%, #262626 100%);width:100%;height:100%;}
.news_left .news_txt{position:absolute;left:36px;bottom:36px;padding-right:36px;width:calc(100% - 72px);}
.news_cat{position:absolute;left:36px;top:36px;border-radius: 24px 24px 24px 24px;background: rgba(255,255,255,0.65);font-size:16px;color:#046BA6;padding:10px 36px;font-weight:500;}
.news_left .news_txt span{color:#fff;}
.news_left .news_tit{margin-top:10px;display:flex;gap:36px;align-items: center;justify-content: space-between;}
.news_left .news_tit p{color:#fff;font-size:16px;line-height:30px;}
.news_left .news_tit img{width:48px;height:48px;}
.news_left a:hover .litpic img{transform: scale(1.1);transition: all 2s;}
.news_left a:hover p{color:#046BA6}
.news_left .news_left a .litpic::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);}
.news_right{width:calc(58% - 16px);float:right;}
.news_right li{width:calc(50% - 8px);float:left;margin-right:16px;}
.news_right li:nth-of-type(2n){margin-right:0;}
.news_right .news_item .litpic{border-radius: 24px;}
.news_right .news_item .news_txt{margin-top:16px;padding:0 17px;}
.news_right .news_item .litpic{border-radius: 24px;}
.news_right .news_item .news_txt span{color: rgba(38,38,38,0.45);}
.news_right .news_item .news_txt h2{font-weight:normal;color:#262626;font-size:16px;height:30px;line-height:30px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;margin-top:16px;}
.news_right .news_item .news_txt p{color: rgba(38,38,38,0.65);line-height:26px;margin-top:16px;}
.news_right a:hover .litpic img{transform: scale(1.1);transition: all 2s;}
.news_right a:hover .news_txt h2{color:#046BA6}

.kehu{background:url(../images/kehu.jpg)no-repeat center bottom;}
.kehu_con{background: #FFFFFF;box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.1);border-radius: 24px 24px 24px 24px;padding:60px 36px 30px;}
.kehu_con li{width:23.5%;margin-right:2%;margin-bottom:2%;float:left;}
.kehu_con li:nth-of-type(4n){margin-right:0;}
.kehu_con li .litpic{padding-bottom:25%;}
.kehu_con li .litpic img{object-fit: contain;}

.footer{background:#202020;}
.footer_con{display:flex;justify-content: space-between;border-bottom:1px solid #444;}
.ewm img{width:200px;}
.foot_item h2{font-size:18px;font-weight:normal;color:#fff;margin-bottom:10px;}
.foot_item .footer_contact{display:flex;gap:16px;padding-top:16px;align-items: center;}
.foot_item .footer_contact img{height:15px;}
.foot_item .footer_contact p{color:#fff;}
.foot_item a{display:block;padding-top:16px;color:#fff;}
.foot_item a:hover{color:#046BA6;}
.copyright{padding:24px 0;line-height:24px;color:#fff;text-align:center;font-size:12px;}
.copyright p{display:inline-block;}
.copyright a{color:#fff;}
.copyright a:hover{color:#046BA6;}


/* page */
.nbanner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.nbanner picture::after {
    content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);
}
.nbanner picture img {
    -webkit-animation: banner_inside 20s ease 1 forwards;
       -moz-animation: banner_inside 20s ease 1 forwards;
         -o-animation: banner_inside 20s ease 1 forwards;
            animation: banner_inside 20s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

.banner_txt{text-align:center;position: absolute;top: 55%;z-index: 9;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); width: 100%;}
.banner_txt1{font-size:55px;width:100%;font-weight:bold;text-align:center;left:0;color:#fff;
    -webkit-animation: fadeInUp4 1.4s .4s ease both;
    -o-animation: fadeInUp4 1.4s .4s ease both;
       animation: fadeInUp4 1.4s .4s ease both;
    -moz-animation: fadeInUp4 1.4s .4s ease both;
}
.banner_txt2{width:90%;margin:0 auto;font-size:16px;line-height:24px;color:#ffffff;margin-top:15px;-webkit-animation:fadeInUp5 1.4s .8s ease both;
    -o-animation:fadeInUp5 1.4s .8s ease both;
   animation:fadeInUp5 1.4s .8s ease both;
    -moz-animation:fadeInUp5 1.4s .8s ease both;
}

.menu{height:58px;line-height:58px;box-shadow: 0px 3px 18px #f0f0f0;overflow: hidden;}
.menu ul li{display:inline-block;/* margin-right:40px; */box-sizing: border-box;position:relative;}
.menu ul li a{display:inline-block;font-size:16px;padding:0 30px;background:#edf0f3;}
.menu ul li.on a::after,.menu ul li a:hover::after{
    position:absolute;bottom:1px;left:0;width:100%;height:1px;background:#046BA6;content:'';display: none;
}
.menu ul li a:hover,.menu ul li.on a{color:#fff;background:#046BA6;}
.content p{margin:5px 0;line-height:1.8;color:#333;font-size:16px;}
.content table{border-collapse: collapse;}

/* honor */
.gszz_list {
    width: 100%;
    height: auto;
    
}
.gszz_list ul {
    width: 100%;
    height: auto;

}
.gszz_list ul li {
    width: 23.5%;
    height: auto;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
	background:#eee;
	padding-top:24px;
}
.gszz_list ul li:nth-child(4n) {
    margin-right: 0
}
.gszz_list ul li .picbox {
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    float: right;
    position: relative;
    overflow: hidden;
}
/* .gszz_list ul li .picboxbg {
    width: 100%;
    padding: 0px;
    float: right;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;
} */
.gszz_list ul li .picboxbg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    object-fit: contain;
}
.gszz_list ul li:hover .picbox img {
    -webkit-transform: scale(1.12, 1.12);
    -moz-transform: scale(1.12, 1.12);
    -o-transform: scale(1.12, 1.12);
    -ms-transform: scale(1.12, 1.12);
    transform: scale(1.12, 1.12);
    transition: all 2s;
}
.gszz_list ul li .info {
    width: 100%;
    height: auto;
    float: left;
    padding: 36px 24px;
}
.gszz_list ul li h3 {
    width: 100%;
    height: auto;
    float: left;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    height:50px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;
    background: #a9a9a9;
    text-align: center;
    margin-top:24px;
	padding: 10px 10px;
    box-sizing: border-box;
}
.gszz_list ul li:hover h3 {
    background: #046BA6;
    color: #fff;
}



img {
 cursor: pointer;
}

.overlay {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.8);
 display: none;
 align-items: center;
 justify-content: center;
 z-index: 9999;
}

#zoomedImage {
 max-width: 70%;
 max-height: 70%;
 z-index: 99999;
}

.close-btn {
 position: absolute;
 top: 10px;
 right: 10px;
 background-color: white;
 border: none;
 cursor: pointer;
 font-size: 20px;
 border-radius: 50%;
 width: 30px;
 height: 30px;
 z-index: 99999;
}

.pages{padding-top:30px;text-align:center;}
.pages li{display:inline-block;}
.pages li a{display:inline-block;padding:0 10px;height:30px;line-height:30px;margin-right:5px;border:1px solid #eee;box-sizing: border-box;}
.pages li.active a,.pages li a:hover{border-color:#046BA6;background:#046BA6;color:#fff;}

/* 列表样式 */
.huanjing li{width:32%;margin-right:2%;margin-bottom:2%;float:left;}
.huanjing li:nth-of-type(3n){margin-right:0;}
.huanjing li:hover img{transform: scale(1.1);transition: all 2s ease-in-out;}
.product_list li{
    width:32%;margin-right:2%;margin-bottom:2%;float:left;position:relative;box-sizing: border-box;
    overflow: hidden;
}
.product_list li:nth-of-type(3n){margin-right:0;}
.product_list li a{display:block;}
.product_list li a .prolist_info{position:absolute;background: rgba(0, 0, 0, 0);transition: all ease-out .3s;top:0;left:0;width:calc(100% - 40px);height:100%;padding:0 20px;display: flex;align-items: center;}
.product_list li a .prolist_info p{width:100%;font-size:16px;line-height:25px;text-align:center;color: rgba(0, 0, 0, 0);transition: all ease-out .3s;margin-top:10px;}
.product_list li a .litpic{border: 1px solid #eee;border-radius: 10px;box-sizing: border-box;}
.product_list li a span{
    margin-top:10px;height:30px;line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    display:block;text-align: center;
}
.product_list li a:hover .prolist_info{background: rgba(0, 0, 0, .7);}
.product_list li a:hover .prolist_info p{color:#fff;margin-top: 0px;}
.product_list li a:hover img{transform: scale(1.1);transition: all 2s;}

/* show product */
.miaodian{padding-top:100px;margin-top:-100px;}
.cpxxqh {
width: 40%;
height: auto;
float: left;
position: relative;
overflow: hidden;
}
.cpxxqh .swiper {
width: 100%;
height: 100%;

}
.cpxxqh .swiper-slide {
text-align: center;

font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
}
.cpxxqh .swiper-slide .litpic{border:1px solid #eee;box-sizing: border-box;}
.cpxxqh .mySwiper2{margin-top:20px;}
.cpxxqh .swiper-slide img {
display: block;
max-width: 100%;
max-height: 100%;
}
/* .cpxxqh .swiper-button-next {
width: 30px;
height: 60px;
overflow: hidden;
top: 50%;
margin-top: -30px;
background: url(../images/sprites1008r.png) no-repeat center center / 100% 100%;

right: 30px;
font-size: 30px;
color: #000;
text-align: center;
}
.cpxxqh .swiper-button-prev {
overflow: hidden;
width: 30px;
height: 60px;
top: 50%;
margin-top: -30px;
background: url(../images/sprites1008l.png) no-repeat center center / 100% 100%;

left: 30px;
font-size: 30px;
color: #000;
text-align: center;
} */

.cpxxqh .swiper-button-next:after,
.cpxxqh .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.cpxxqh .swiper-button-prev:after,
.cpxxqh .swiper-container-rtl .swiper-button-next:after {
display: none;
}
.cpxxqh .swiper-container-horizontal>.swiper-pagination-bullets,
.cpxxqh .swiper-pagination-custom,
.cpxxqh .swiper-pagination-fraction {
bottom: 0px;
display: flex;
justify-content: center;
align-items: center;
}
.cpxxqh .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #DEDEDE;
opacity: 1;
}
.cpxxqh .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
opacity: 1;
width: 10px;
height: 10px;
background: #d9271b;
}
.cpxx .info {
width: 55%;
height: auto;
float: right;
}
.cpxx .info h1 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 32px;
color: #333333;
line-height: 45px;
letter-spacing: 1px;
margin-top: 42px;
margin-bottom: 13px;
}
.cpxx .info .tag {
width: 100%;
height: auto;
float: left;
margin-bottom: 24px;
}
.cpxx .info .tag span {
padding: 0 10px;
height: 28px;
background: rgba(22, 122, 255, 0.1);
border-radius: 4px;
border: 1px solid #91D5FF;
font-weight: 400;
font-size: 16px;
color: #046BA6;
line-height: 26px;
float: left;
}
.cpxx .info .infoitem {
width: 100%;
height: auto;
float: left;
border-top: 1px dashed #D2D2D2;
padding-top: 16px;
margin-bottom: 9px;
}
.cpxx .info .infoitem b {
width: 100%;
height: auto;
font-weight: bold;

font-size: 20px;
color: #333333;
line-height: 28px;
margin-bottom: 5px;
}
.cpxx .info .infoitem b:before {
content: "";
width: 3px;
height: 18px;
background: #046BA6;
float: left;
margin-top: 5px;
margin-right: 10px;
}
.cpxx .info .infoitem div{margin-top:15px;}

.cpxx .info .infoitem p {
width: 100%;
height: auto;

font-weight: 500;
font-size: 16px;
color: #666666;
line-height: 30px;
margin: 8px 0;
position: relative;
padding-left: 15px;

}
.cpxx .info .infoitem p::before{
    content: '';
    position: absolute;
    top: 12.5px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #046BA6;
}
.cpxx .info .buy {
width: 100%;
height: auto;
float: left;
margin-top: 23px;
}
.cpxx .info .buy a {
margin-right: 16px;
float: left;
}

.cpxq {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 80px;
}

.cpxq h2 {
    width: 100%;
    height: 43px;
    float: left;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 24px;
    line-height: 27px;
    font-size: 20px;
    color: #046BA6;
}

.cpxq .content {
    width: 100%;
    height: auto;
    float: left;
}

.cpxq .content p {
    line-height: 30px;
    margin: 5px 0;
    font-size: 14px;
    color: #262626;
    text-wrap: initial!important;
    /*text-align: justify!important;*/
}

.cpxq .content table{width: 49% !important;margin:5px 2% 5px 0;border-collapse:collapse;float:left;}
.cpxq .content table:nth-child(2n){margin-right:0;}
.cpxq .content table td,.cpxq .content table th{
    border:1px solid #fff !important;text-align:center;width:unset !important;background:unset !important;
    font-size: 14px;padding: 6px 0;line-height: 2;min-width: 100px;
}
.cpxq .content table tr:first-of-type{background:#046BA6;color:#fff;}
.cpxq .content table tr{background:#F9F9F9;}
.cpxq .content table tr:nth-of-type(2n){background:#F0F0F0;}
.cpxq .content h2{border:0;font-size:14px;height:auto;float:unset;margin:5px 0;font-weight:normal;}

.cpxq .content p span{
    text-wrap: initial!important;
    text-align: justify!important;
    }

.cpxq .content img {
    max-width: 100%;
}

.web-build-one{display:flex !important;}
.web-build-one:nth-of-type(2n){flex-direction: row-reverse}
.web-build-one-desc-cntr {
    padding:100px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.web-build-one-img, .web-build-one-desc{display: flex;}
.web-build-one:hover img{transform: scale(1.1);transition: all 2s;}
.web-build-one-btn.move:hover{background:#046BA6;border-color:#046BA6;transition: width 1s ease 0s, height 1s ease 0s, opacity 1.3s ease 0s;}
.btn-circle-hover,
.btn-circle-click {
    position: absolute;
    z-index: -2;
    display: block;
    -webkit-transform: translate3d(-50%, -50%, 0);
       -moz-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    width: 0;
    height: 0;
    -moz-border-radius: 50%;
         border-radius: 50%;
    background: #046BA6;
}

/* news */
.news_list{padding:0 100px;}
.news_list li{padding:30px 0;border-bottom: 1px solid #ececec;}
.news_list li a{display:flex; justify-content: space-between;align-items: center;    gap: 70px;}
.news_img{width:250px;}
.newslist_info{width:calc(100% - 300px);}
.newslist_info h2{font-size: 20px;}
.newslist_info p{font-size:14px;color:#999;line-height:1.5;padding:24px 0;}
.newslist_info span{color:#999;}
.news_date{width:100px;text-align:center;}
.news_date p{font-size: 56px;font-weight: bold;color: #046BA6;text-align: center;}
.news_date span{font-size:16px;margin-top:15px;}
.news_list li a:hover img{transform: scale(1.1);transition: all 2s;}
.news_list li a:hover .newslist_info h2{color:#046BA6;}

.show_news{width:70%;margin:0 auto;}
.news_title{border-bottom: 1px dashed #a0a0a0;margin-bottom:50px;}
.news_title h2{text-align: center;font-size: 32px;font-weight: bold;color: #333;}
.news_title ul{padding:50px 0;text-align:center;}
.news_title li{display:inline-block;margin-right:60px;}
.news_title li:last-of-type{margin-right:0;}
.news_title li span{color:#747474;font-size:14px;}

.prevpage{margin-top:50px;display: flex;}
.prevpage a{display:block;width:50%;height:40px;line-height:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prevpage a:last-of-type{text-align:right;}
.prevpage a:hover{color:#046BA6;}

/* job */
.TextList001729 .type{display:table; width:100%; background:#f5f5f5; color: #333;margin-bottom:6px; border-radius: 5px; }
.TextList001729 ol.type{ background-color:#0054a3; color:#fff; display: flex;}
.TextList001729 .type li{ display:block; vertical-align:middle;text-align:center; padding:13px 2%; line-height:24px;  width:16.6%; font-size:16px; float: left;}
.TextList001729 ul.type{display: flex;}
.TextList001729 ul.type li{cursor:pointer;}
.TextList001729 .type li:nth-child(1),
.TextList001729 ul.type li:nth-child(1){width:26%;}
.TextList001729 .type li:nth-child(6){width:6%;}
.TextList001729 ul.type li:nth-child(6){background:url(../images/TextList001729-icon_close.png) no-repeat center; width: 6%;}
.TextList001729 ul.type.select li:nth-child(6){ background-image:url(../images/TextList001729-icon_open.png);}
.TextList001729 .list .con{ display:none; overflow:hidden;padding:1% 0 3%; font-size:16px; line-height: 32px; color: #666; }
.TextList001729 .list .h1{font-size:18px; color: #0154a4; margin-top: 0; font-weight: normal;}
.TextList001729 .list .box{width: 45%; float: left;   margin-right: 10%;margin-bottom:20px;}
.TextList001729 .list .box:nth-of-type(2n){margin-right:0;}
.TextList001729 .btn_apply{ padding-top:50px;}
.TextList001729 .btn_apply a{ display:inline-block; max-width:180px; width:40%;  line-height:50px; text-align:center; color:#fff; background-color:#0054a3; font-size:16px; }
.dot {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* contact */
.shangwu ul{display: flex;flex-wrap: wrap;}
.shangwu li{padding:48px 60px;background:#f8f8f8;width:49%;margin-right:2%;margin-bottom:2%;border-radius: 5px;
cursor:pointer;box-sizing: border-box;display:flex;align-items: center;flex-wrap: nowrap;gap: 30px;}
.shangwu li:nth-of-type(2n){margin-right:0;}
.shangwu li i{width:80px;height:80px;display:block;}
.shangwu li>div{width:calc(100% - 120px);}
.shangwu li>div span{font-size:20px;color:#333;text-align:left;display:block;font-weight:bold;margin-top:5px;}
.shangwu li>div p{font-size:16px;color:#999;margin-top:24px;}
.shangwu li:nth-of-type(1) i{background:url("../images/sw1.png")no-repeat;background-size:100% 100%;}
.shangwu li:nth-of-type(2) i{background:url("../images/sw2.png")no-repeat;background-size:100% 100%;}
.shangwu li:nth-of-type(3) i{background:url("../images/sw3.png")no-repeat;background-size:100% 100%;}
.shangwu li:nth-of-type(4) i{background:url("../images/sw4.png")no-repeat;background-size:100% 100%;}
.shangwu li.on:nth-of-type(1) i,.shangwu li:hover:nth-of-type(1) i{background:url("../images/sw1_on.png")no-repeat;background-size:100% 100%;}
.shangwu li.on:nth-of-type(2) i,.shangwu li:hover:nth-of-type(2) i{background:url("../images/sw2_on.png")no-repeat;background-size:100% 100%;}
.shangwu li.on:nth-of-type(3) i,.shangwu li:hover:nth-of-type(3) i{background:url("../images/sw3_on.png")no-repeat;background-size:100% 100%;}
.shangwu li.on:nth-of-type(4) i,.shangwu li:hover:nth-of-type(4) i{background:url("../images/sw4_on.png")no-repeat;background-size:100% 100%;}

.shangwu li.on,.shangwu li:hover{background:#14408A;}
.shangwu li.on>div span,.shangwu li:hover>div span{color:#fff;}
.shangwu li.on>div p,.shangwu li:hover>div p{color:#fff;}
.map{margin-top:50px;}
.map img{width:100%;height:auto;}


/*------------------------------- 侧边栏 -------------------------------------*/
.aside-nav {
    position: fixed;
    right: 7px;
    top: 50%;
    transform:translateY(-50%);
    z-index: 10000;
}
.aside-nav-close {
    margin: 0 auto;
    width: 54px;
    height: 54px;
    line-height: 52px;
    background: #e75c1e;
    border-radius: 50%;
    text-align: center;
    visibility: visible;
    cursor: pointer;
}
.aside-nav-in.close {
    transform: translateX(100px);
    visibility: hidden;
    transition: .3s;
}
.aside-nav-one {
    position: relative;
    margin-top: 6px;
    margin-bottom: 6px;
    height:54px;
    width:54px;
    line-height: 52px;
    text-align: right;
}

.aside-nav-one-img {
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 10;
    width: 54px;
    height: 54px;
    text-align: center;
    transition: .3s;
}
.aside-nav-one-img img{
    width: 22px;
}
.online_wechat .aside-nav-one-img img{width:auto;height:22px;}
.more-width:hover .aside-nav-one-img {
    left: -73px;
}
.more-width-call:hover .aside-nav-one-img {
    left: -102px;
}
.aside-nav-one-desc {
    position: absolute;
    right: 0;
    padding-right: 16px;
    width: 54px;
    height: 54px;
    font-size: 14px;
    line-height: 52px;
    background: #046BA6;
    color: #046BA6;
    border-radius: 50px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: .3s, color .1s;
}

.aside-nav-one-desc .qq-name{
    display: inline-block;
    margin-right: 15px;
}

.aside-nav-one-desc .qq-name i{
  width: 22px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.aside-nav-one-desc .qq-name span{
  font-size: 14px;
  color: #046BA6;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1px;
}


.online_wechat_img{position:absolute;right:70px;top:50%;width:150px;transform: translateY(-50%);display:none;}
.online_wechat_img img{width:100%;}
.online_wechat:hover .online_wechat_img{display:block;}

.qq-name-box{
    position: absolute;
    right: 0px;
}
.more-width:hover .aside-nav-one-desc {
    width: 125px;
    color: #fff;
    transition: .3s;
}
.more-width-call:hover .aside-nav-one-desc {
    width: 156px;
}

.more-width-qq:hover .aside-nav-one-desc {
    width: 54px;
}

.more-width-qq:hover .aside-nav-one-desc span{
    transition:.3s .1s;
    color: #fff;
}

.more-width-qq:hover .aside-nav-one-img{
    left: 0px;
}

.aside-nav-one-qrcode {
    position: absolute;
    left: -200px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.aside-nav-one:hover .aside-nav-one-qrcode {
    left: -140px;
    opacity: 1;
    visibility: visible;
}

/*------------------------------- 侧边栏end -------------------------------------*/

.xgpro{float:left;overflow: hidden;width: 100%;}

.xgpro a .litpic{border:1px solid #eee;box-sizing: border-box;}
.xgpro .info{padding:10px;}
.xgpro .info p{height:30px;line-height:30px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align:center;}
.xgpro a:hover img{transform: scale(1.1);transition: all 1s;}
.xgpro a:hover p{color:#046BA6;}

.content .page_img{float:right;width:45%;margin: 0 0 5% 5%;}
.content .project_img{float:left;width:35%;margin: 0 10% 5% 0;}

.cptitle{margin-bottom:80px;}
.cptitle .info p{height:30px;line-height:30px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-size:16px;}
.cptitle a:hover p{color:#046BA6;}





@media screen and (min-width: 2000px) {
    .wrap{width:80%;}
}
@media screen and (min-width: 769px) and (max-width:1500px) {
    body,html{zoom:0.9;}
}


















.mobile_header{display:none;}

@media screen and (max-width: 768px) {

.header,.aside-nav{display:none;}
.mobile_header{
    display:block;height:50px;line-height:50px;background: #fff;position: fixed;width:100%;top:0;left:0;z-index:999;
        box-shadow: 0px 1px 0px 1px rgb(0 0 0 / 3%);
}
.mobile_header a.logo_m{display:inline-block;padding:0 10px;}
.mobile_header img{height:40px;display:inline-block;}

.btn_i {
    display: block;
    position: absolute;
    right: 15px;
    top: 26px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
    .btn_i small,  .btn_i:before,  .btn_i:after {
    display: block;
    content: '';
    width: 24px;
    height: 2px;
    background: #14408A;
    border-radius: 4px;
    margin: 6px 0;
}
.mobile_header .btn_i_click:before {
    transform: rotateZ(45deg);
    transform-origin: 0px 5px;
}
.mobile_header .btn_i_click:after {
    transform: rotateZ(-45deg);
    transform-origin: 4px -1px;
}
.mobile_header .btn_i_click small {
    opacity: 0;
}
.m_nav{background:#fff;display:none;box-shadow: 0px 1px 0px 1px rgb(0 0 0 / 3%);}
.m_nav li{margin:0 10px;border-bottom: 1px solid #eaedef;}
.m_nav li .m_pnav a{display:block;font-size:16px;color:#333;padding:0 10px;line-height:50px;}
.m_nav li .m_pnav a i {
    width: 11px;
    height: 6px;
    float: right;
    display: inline-block;
    margin-top: 22px;
    background: url(../images/navdown.png) no-repeat center center / 100% auto;
}
.m_nav li .m_pnav a i.up {
    background: url(../images/navup.png) no-repeat center center / 100% auto;
}
.m_nav li.on .m_pnav a{color:#14408A;}
.m_snav{background: #f7f7f7;display:none;}
.m_snav dl{margin-bottom:0;}
.m_snav dl dd{margin:0 10px;border-bottom: 1px solid #eaedef;}
.m_snav dl dd:last-of-type{border:0;}
.m_snav dl dd a{display:block;font-size:14px;color:#666;padding:0 10px;line-height:40px;}

.yb_conct{display:none;}

/* 工具栏 */
#toolbar {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 888;
    height: 50px;
    left: 0;
    background:#14408A;
}
#toolbar .list {
    width: 100%;
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    background: #14408A;
}
#toolbar .list li {
    float: left;
    width: 25%;
    text-align: center;
}
#toolbar .list a {
    display: block;
    height: 50px;
    line-height: 14px;
    font-size: 14px;
    padding-top: 0px;
}
#toolbar .list a span {
    text-align: center;
    color: #fff;
    display: block;
    font-size: 14px;
}
#toolbar .list a s {
    margin-left: auto;
    margin-right: auto;
    width: 21px;
    height: 20px;
    display: block;
    margin-bottom: 6px;
    margin-top:6px;
    background-position: -45px -12px;
}
#toolbar .list li:nth-child(2) s {
background-position: 0px -12px;
}
#toolbar .list li:nth-child(3) s {
background-position: -21px -12px;
}
#toolbar .list li:nth-child(4) s {
background-position: -71px -12px;
width:18px;
height:18px;
}
/*#toolbar .list li:hover {
    background: #fbdd16;
}*/

.icon {
    background: url(../images/icon.png) no-repeat;
    display: inline-block;
    background-size: 144px auto;
    vertical-align: middle;
}

/*微信弹窗*/
#wxnr {
    width: 100%;
    height: 100%;
    max-width: 640px;
    min-width: 320px;
    position: fixed;
    top: 0;
    z-index: 1000;
    display: none;
    background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
    margin: auto;
    position: absolute;
    top:calc(50% - 135px);
    left: 0;
    right: 0;
    width: 250px;
    height: 250px;
    padding: 20px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 2px 6px #777;
    -webkit-box-shadow: 0px 2px 6px #777;
    -moz-box-shadow: 0px 2px 6px #777;
    border-radius: 10px;
}
#wxnr img {
    width: 170px;
    height: 170px;
    display: block;
    margin: 34px auto 0;
}
#wxnr p {
    font-size: 14px;
    line-height: 27px;
    text-align: center;
}
#wxnr i {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    background: #333;
    border-radius: 60px;
    cursor: pointer;
}
#wxnr span {
    display: inline-block;
    padding: 2px 6px;
    line-height: 20px;
    background-color: #127a44;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}
#wxnr span.wx {
    padding-left: 24px;
    background-image: url(../images/wx.png);
    background-size: 14px;
    background-position: 6px center;
    background-repeat: no-repeat;
}

.banner,.nbanner{margin-top:50px;}
.banner .textinfo h2,.banner_txt1{font-size:24px;}
.padd80{padding:40px 0;}
.wrap{width:calc(100% - 20px);}
.title h2{font-size:24px;}
.title p{font-size:20px;}
.pro_con{padding:20px;}
.pro_con .hd li{font-size:16px;}
.pro_con .bd li{width:100%;}
.pro_info h2{font-size:16px;}
.pro_info p{font-size:14px;}

.isect2 .tabs{    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;}
.isect2 .tabs li{width:50%;height:50%;flex:none;}
.isect2 .tabs li a .cont .icon{width:100px;height:100px;}
.more{padding: 8px 18px;}
.more span{font-size:14px;}
.news_left{width:100%;float:unset;}
.news_right{width:100%;float:unset;margin-top:20px;}
.news_right li{width:100%;margin-bottom:2%;}
.kehu_con{padding:20px;}
.kehu_con li{width:49%;}
.kehu_con li:nth-child(2n){margin-right:0;}
.footer_con{flex-wrap: wrap;gap:20px;}
.foot_item{display:none;}
.footer_con .foot_item:nth-of-type(2){display:block;}
.copyright{padding:12px 0;}


.menu .wrap{overflow-y: auto;scrollbar-width: none;}
.menu .wrap::-webkit-scrollbar {
    display: none; /* 对于WebKit浏览器 */
}
.menu ul{white-space: nowrap;max-width: 500px;display: flex;justify-content: space-between;}
.menu ul li{margin-right:20px;}
.menu ul li a{background:none;padding:0;}
.menu ul li a:hover, .menu ul li.on a{background:none;color:#046BA6;}
.menu ul li.on a::after{display:block;}

.content p{font-size:14px;}
.gszz_list ul li{width:100%;}
.huanjing li{width:100%;}
.product_list li{width:100%;}
.cpxxqh{width:100%;}
.cpxx .info{width:100%;margin-top:20px;}
.cpxx .info h1{font-size:24px;margin-top:20px;}
.cpxq .content p{font-size:14px;}
.cpxq{margin-top:40px;}

.news_list{padding:0;}
.news_list li a{flex-wrap: wrap;gap:20px;}
.news_img{width:100%;}
.newslist_info h2{font-size:16px;}
.newslist_info{width:100%;}
.newslist_info p{padding:12px 0;}
.news_date{display:none;}

.show_news{width:100%;}
.news_title{margin-bottom:20px;}
.news_title h2{font-size:24px;}
.news_title ul{padding:20px 0;text-align:left;}
.news_title ul li{display:block;margin-bottom:10px;}
.prevpage{margin-top:20px;flex-wrap: wrap;}
.prevpage a{width:100%;}
.prevpage a:last-of-type{text-align:left;}

.TextList001729 .type li:nth-of-type(2),.TextList001729 .type li:nth-of-type(3),
.TextList001729 .type li:nth-of-type(4),.TextList001729 .type li:nth-of-type(5)
{display:none;}
.TextList001729 .type li:nth-child(1), .TextList001729 ul.type li:nth-child(1) {
    width: 88%;
    text-align: left;
    padding-left: 5%;
}
.TextList001729 .type li{font-size:14px;}
.TextList001729 .list .box{width:100%;}
.TextList001729 .list .h1{font-size:16px;}
.TextList001729 .list .con{font-size:14px;line-height:30px;}

.shangwu li{width:100%;padding:20px;}
.shangwu li i{width:50px;height:50px;}
.shangwu li>div p{margin-top:15px;}

.ewm img{width:150px;}

.cpxq .content table{width: 100% !important;}

.content .page_img{width:100%;margin:0 0 5% 0;float:unset;}
.content .project_img{width:100%;margin:0 0 5% 0;float:unset;}
.cptitle .info p{text-align:center;}

}