@charset "utf-8";
/* CSS Document */
body{position: relative;height: 100%;}
body img{width:100%;}

.more{display:flex; justify-content: space-between; align-items: center; padding:8px 15px; border:1px var(--gray) solid; max-width:150px;}
.more::after{content:"\eca8"; font-family: "iconfont"; margin-left:1rem; font-size:1em; transition: all .5s ease-in-out; }
.more:hover{max-width:200px; background-image:var(--bg); color: var(--white);}
.more::after:hover{margin-left:.5rem;}

.pc_web{display:block !important;}
.m_web{display:none !important;}

@media screen and (max-width:996px){
    body{font-size:13px !important;}
    .pc_web{display:none !important;}
    .m_web{display:block !important;}
    .more{padding:2px 6px; max-width:110px;}
    .more::after{margin-left:0.2rem;}
    .more:hover{max-width:125px;}
}


/*************************************导航css*******************************************/
header{display: flex; flex-direction: column;transition:all .5s ease-in-out; width:100%; height:100px; background:#fff; position:relative; z-index:99999;}
header.sticky{max-width:100%;margin-left:0; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2);}
header.sticky .site_nav{background:rgba(224,224,224,1);}
header.sticky .bg-light{background:rgba(255,255,255,1) !important;}

.navbar{padding:0 5%; height:100%;}
.navbar-brand{font-size:1.2rem; padding:0.9rem 0; display:flex; align-items:center; font-weight: bold;}
.navbar .navbar-brand img{max-width:85px; margin-right:15px;}
.navbar-collapse{flex-grow:0;}
.navbar-expand-lg .navbar-nav .nav-link{margin:0 5px;}
.navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .nav-link.active{background:var(--hover_bg); color:var(--white);}
.close,#navbarNav .navbar-brand{display: none;}

@media screen and (max-width:1440px){
    .navbar-brand{font-size:1.1rem; padding-top:0; padding-bottom:0;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:1em;padding-right: 1rem;padding-left: 1rem;}
}

@media screen and (max-width:1280px){
    .navbar-brand{font-size:1.125rem;}
    .navbar-light .navbar-nav .nav-link{font-size:1.25em;}
}

@media screen and (max-width:996px){
    body{position: relative;}
    .navbar-brand{padding:0; font-size:1rem; font-weight:bold;}
    .navbar-toggler span{font-size:2rem;}
    .navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .nav-link.active{ border-radius:0px;}
    .navbar-collapse{position:fixed; z-index: 9999; width:100%; max-width:100%; height:100vh; background:#f2f2f2; padding:1rem 2rem; top:0px; left:0;}
    .navbar-light .navbar-toggler{color: rgba(255, 255, 255, 0.5);border-color:rgba(255,255,255, 0.8); padding:0; line-height:1.25;}
    .navbar-light .navbar-toggler-icon{background-image:none; color:#fff; font-size:1.35em; height:1.25em; }
    .nav-link{padding:0.8rem 1rem; border-bottom:1px #e2e2e2 solid;}
    .dropdown-menu{margin:0;background:none; padding-bottom:30px;}
    .dropdown-item{border-bottom:1px #e2e2e2 solid; text-align:left; line-height:3;}
    .navbar-light .navbar-nav .nav-link{color:rgba(255,255,255,.9);}
    .navbar-expand-lg .navbar-nav .m_web .nav-link{color:#fff; padding-left:15px; text-transform: uppercase;}
    .navbar-expand-lg .navbar-nav .m_web .nav-link i{font-size:1.2em; margin-right:5px;}

    .nav-item-none{display:none;}
    .close{opacity: 1; font-size:1.5rem; display: flex; cursor: pointer;}
    .close:hover{color:#009679;}
    #navbarNav .navbar-brand{ display: flex; justify-content: center; align-items: center; margin:2rem 0; font-size:16px;}
    #navbarNav .navbar-brand img{max-width:80px;}
}

@media screen and (max-width:576px){
    .fixed-top {position:relative;top: 0;right: 0;left: 0;z-index: 1030;}
    header{max-width:100%; margin-left:0; box-shadow:none; height:75px;}
    .navbar-collapse{ padding:1rem 1rem;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:1em;}
    .navbar{padding:0rem 0.8rem;}
    .navbar .navbar-brand{font-size:14px;}
    .navbar .navbar-brand img{max-width:65px; margin-right:5px;}
    .navbar-toggler {padding:0;}
    .site_nav{padding-right:0rem;}
    .navbar-toggler-icon {height: 1em; font-size:1.5em;}
    .nav_tel{max-width:90%; text-align: center; margin:2rem auto; background:#f0873a; padding:12px 0; color:#fff;}
    .nav_tel i{margin-right:5px;}  
}


.swiper{width: 100%;}
.swiper .swiper-slide{display: flex; justify-content: center;align-items: center;}
.swiper .swiper-slide img {display: block;width:100%;}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{right:30px;}

/*************************************轮播图css*******************************************/
.slider .swiper-button-next,.slider .swiper-button-prev{color:var(--white); top:auto; right:50px; top:45%; width:52px; height:52px; border:2.5px var(--white) solid; transition:all .5s ease-in-out;}
.slider .swiper-button-next:after,.slider .swiper-button-prev:after{ font-size:22px;}
.slider .swiper-button-prev{right:auto; left:50px;}
.slider .swiper-button-next:hover,.slider .swiper-button-prev:hover{background:var(--white); color:var(--black);}
.slider .swiper-pagination-bullet{width:45px; height:9px; border-radius:0; border:1.5px var(--white) solid; background:none; transition:all .5s ease-in-out; opacity:1; position:relative;}
.slider .swiper-pagination-bullet:after{content:"";width:0; height:100%; position:absolute; top:0; left:0; background:var(--white);}
.slider .swiper-pagination-bullet-active:after{width:100%; transition:all 5s linear;}
.slider .swiper-pagination{ bottom:3%; text-align:inherit; left:5%;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,10px);}


@media screen and (max-width:996px){
    .slider .swiper-button-next{right:20px;}
    .slider .swiper-button-prev{left:20px;}
}
@media screen and (max-width:576px){
    .slider .swiper-button-next:after, .slider .swiper-button-prev:after{ font-size:20px;}
    .slider .swiper-button-next,.slider .swiper-button-prev{display:none;}
}



/*首页产品分类css*/
.inproduct_list{width: 100%; overflow:hidden; padding:50px 0 2px 0; position:relative;}
.inporduct_title{width:90%; display:flex; justify-content:space-between; margin:0 5% 50px 5%;}
.inproduct_list .list{display:flex; flex-direction:column;}
.inproduct_list h1{position:relative; bottom:-30px; z-index:-1; font-weight:bolder; color:rgba(169,214,255,.35); font-family:"Arial"; line-height:1; margin-bottom:0;}
.inproduct_list h4{font-weight:bold;}
.inproduct_list h4::after{content:""; display:block; width:40px; height:2px; background:var(--blue); margin:10px 0;}

.inproduct_list .swiper-slide{background:var(--f2f2f2); height:auto; padding:20px 40px 40px; transition:all .5s ease-in-out;}
.inproduct_list .swiper-slide:hover{background:#e4f2ff;}
.inproduct_list .swiper-slide img{margin:0 auto;}
.inproduct_list .swiper-button-next,.inproduct_list .swiper-button-prev{color:var(--white); top:auto; right:80px; top:14%; width:52px; height:52px; background: var(--blue); transition:all .5s ease-in-out;}
.inproduct_list .swiper-button-next:after,.inproduct_list .swiper-button-prev:after{ font-size:22px;}
.inproduct_list .swiper-button-prev{left:auto; right:140px;}
.inproduct_list .swiper-button-next:hover,.inproduct_list .swiper-button-prev:hover{background:var(--hover_bg);}

@media screen and (max-width:1440px) {
    .inproduct_list .swiper-slide{padding:20px 35px 40px;}
}

@media screen and (max-width:1200px) {
    .inproduct_list .swiper-slide{padding:20px 35px;}
    .inproduct_list h1,.inproduct_list p{display:none;}
}


@media screen and (max-width:576px) {
    .inporduct_title{width:90%; display:flex; justify-content:space-between; margin:0 2% 20px 3%;}
    .inproduct_list p,.inproduct_list h1,.inproduct_list h4::after{display:none;}
    .inproduct_list{padding:20px 0 2px 0;}
    .inproduct_list .swiper-button-next,.inproduct_list .swiper-button-prev{right:10px; top:20%; width:35px; height:35px;}
    .inproduct_list .swiper-button-prev{right:50px;}
    .inproduct_list .swiper-slide{padding:10px 0px;}
    .inproduct_list h4{text-align:center; font-weight:normal;}
    .inproduct_list .swiper-button-next:after,.inproduct_list .swiper-button-prev:after{ font-size:16px;}
}



/*首页公司简介css*/
.inabout_bg{ position:relative;}
.inabout_bg .row{margin:0; text-align:center;}
.inabout_img img{width:100%;}
.inabout_main{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.55); display:flex; align-items:center;}
.inabout_bg h1{line-height:1; margin-bottom:0;}
.inabout_bg h1 i{font-style:normal;}
.inabout_bg h1 span{font-size:18px;}
.inabout_bg h2{color:var(--white);}
.inabout_bg p{color:var(--white); padding:40px 0 250px;}
.inabout_bg .col-lg-3{display:flex; align-items:center; justify-content:space-between;}
.inabout_bg .col-lg-3 div{width:calc(100% - 2px);}
.bg_blue{background:rgba(32,58,140,.9);color:var(--white); padding-top:30px; padding-bottom:30px;}
.bg_blue::after{content:""; width:1px; height:60px; background:#5d78cd; display:inline-block;}
.inabout_bg .row .bg_blue:nth-child(4)::after{display:none;}
.bg_white{background:rgba(255,255,255,.9); padding-top:30px; padding-bottom:30px;}
.bg_white::after{content:""; width:1px; height:60px; background:#989898; display:inline-block;}
.inabout_bg .row .bg_white:nth-child(2)::after{display:none;}
.bg_white h1{color:var(--blue);}
.bg_blue p{color:var(--white);padding:0;}
.bg_white p{color:#262626;padding:0;}


@media screen and (max-width:1440px){
    .inabout_bg p{padding:40px 0 190px;}
    .bg_blue p,.bg_white p{padding:0;}
}
@media screen and (max-width:1200px) {
    .inabout_bg{height:650px; overflow:hidden;}
    .inabout_img img{height:650px; object-fit:cover;}
}

@media screen and (max-width:996px){
    .bg_blue::after,.bg_white::after{height:30px;}
    .inabout_bg h1 span{font-size:14px; margin-left:5px;}
}
@media screen and (max-width:576px){
    .inabout_bg{height:550px; overflow:hidden;}
    .inabout_main{background:rgba(0,0,0,.45);}
    .inabout_img img{height:550px; object-fit:cover;}
    .inabout_bg p{padding:0; margin:30px 0 120px; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; text-overflow: ellipsis; }
    .bg_blue p,.bg_white p{margin:0;}
    .bg_blue,.bg_white{padding-top:15px; padding-bottom:15px;}
    .bg_blue::after,.bg_white::after{height:25px;}
    .inabout_bg h1 span{font-size:12px; margin-left:5px;}
}


/*首页员工风采css*/
.infengcai_bg{padding:50px 0;}
.infengcai_bg h2{margin-bottom:0}
.infengcai_bg .title{display:flex; justify-content:space-between; align-items:center; margin-bottom:50px;}
.infengcai_bg .innews_left{position:relative; color:var(--white); overflow:hidden; display:block;}
.infengcai_bg .innews_right{position:relative; color:var(--white); overflow:hidden; display:block;}
.infengcai_bg a.innews_right{margin-bottom:20px;}
.infengcai_bg img{transform: scale(1); transition: all .5s ease-in-out;}
.infengcai_bg a:hover img{transform: scale(1.1);}
.infengcai_bg .info{position:absolute; z-index:2; bottom:0; left:0;width:100%; max-width:100%; height:20%; background:linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,.75)); padding:30px 40px 30px 30px;}
.infengcai_bg .info p{font-size:14px; opacity:0.8;}
.infengcai_bg .innews_right .info{height:35%; padding:20px 30px 30px 30px;}

@media screen and (max-width:1440px) {
    .infengcai_bg .info p{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; text-overflow: ellipsis; }
}

@media screen and (max-width:1366px) {
    .infengcai_bg .info{ height:38%;}
    .infengcai_bg .innews_right .info{height:42%;}
}
@media screen and (max-width:1200px) {
    .infengcai_bg .info{ height:30%;}
    .infengcai_bg .innews_right .info{height:50%;}
    .infengcai_bg .info p{display:none;}
}
@media screen and (max-width:996px) {
    .infengcai_bg .info{ height:24%;}
    .infengcai_bg .innews_right .info{height:30%;}
    .infengcai_bg .col-lg-7,.infengcai_bg a.innews_right{margin-bottom:10px;}
    .infengcai_bg .time{font-size:12px;}
}

@media screen and (max-width:576px) {
    .infengcai_bg{padding:30px 0 20px;}
    .infengcai_bg .title{margin-bottom:20px;}
    .infengcai_bg .info{ height:40%; background:linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,.95)); padding:30px 20px;}
    .infengcai_bg .innews_right .info{height:45%; padding:20px;}
    .infengcai_bg .col-lg-7 p{display:none;}
}

/*首页应用领域css*/
.inapplication_bg{position:relative;}
.inapplication_bg h4{margin-bottom:0}
.inapplication_bg .swiper-slide {background-size: cover;background-position: center;}
.mySwiper4 {height: 100%;}
.mySwiper5 {width:15%; position:absolute; z-index:999; top:15%; right:3%;height:70%;box-sizing: border-box;}
.mySwiper5 .swiper-wrapper{display:flex; align-items:center; flex-direction:column; width:100%;}
.mySwiper5 .swiper-slide {width: 100%;height:25%;opacity: 0.4; background:rgba(0,0,0,0.8); opacity:1; color:var(--white); display:flex; align-items:center; border-bottom:1px rgba(255,255,255,.1) solid; cursor:pointer;}
.mySwiper5 .swiper-slide-thumb-active {background:rgba(8,29,96,0.95);}
.inapplication_bg .swiper-slide img {display: block;width: 100%;height: auto;object-fit: cover;}
.mySwiper5 i{font-size:42px; line-height:1; margin-right:15px;}

@media screen and (max-width:1200px) {
    .mySwiper5 {width:20%;}
}

@media screen and (max-width:996px) {
    .mySwiper5 i{font-size:32px; margin-right:10px;}
}

@media screen and (max-width:576px) {
    .mySwiper5 {width:30%; top:10%; height:80%;}
    .mySwiper5 i{font-size:24px; margin-right:10px;}
}


/********************************************底部信息css****************************************/
footer{background:#123c86; padding-top:40px; color:var(--white);}

footer a{color:#82a6f6; display:block;}
footer a:hover{color:var(--white);}
footer .footer_logo img{max-width:100px; margin-bottom:10px;}
footer .name{font-weight:bold;}
footer a.footer_download{background:#4f82dd; max-width:240px; border-radius:4px; display:flex; justify-content:center; align-items:center; margin-top:30px;color:var(--white); padding:5px 0;transition: all .5s ease-in-out;}
footer a.footer_download:hover{color:var(--white); background-image:var(--bg);}
footer a.footer_download i{font-size:30px; margin-right:15px;}

footer h5{margin-bottom:15px; line-height:1.2; display: inline-block;}
footer h5:after{content:""; width:30%; height:2px; background:var(--white); display: inline-block;}
footer .erweima{display: flex; flex-direction:column;}
footer .erweima .img{max-width:45%; margin-bottom:10px;}
footer .erweima .img img{max-width:85%; margin-bottom:5px;}
footer .erweima .box a{ display:inline-block; }

.copyright{padding:30px 0; text-align:center;background:#123c86; border-top: 1px rgba(255,255,255,.1) solid; margin-top:3.5rem; font-size:14px;color:#82a6f6;}
.copyright a{display:inline-block;margin-right:20px;}
.copyright a img{max-width:20px; margin-right:8px;}
.top{width:60px; height:60px; background:var(--white); border-radius:5px; border:2px var(--blue) solid; position: fixed; z-index: 9999;right:20px; bottom:3%; display: flex; justify-content: center; align-items: center; color:var(--blue); font-size:40px; box-shadow: 0 0 5px rgba(0,0,0,.2);}
.top:hover{ background:var(--bg); color:var(--white);}

@media screen and (max-width:1366px) {
  footer .service_title{margin-bottom:3rem;}
  footer .service_title::before{font-size:150px; top:-70%;}
  footer .service_title h1{margin-bottom: .5rem;}
}
@media screen and (max-width:996px) {
    footer{padding-top:20px;}
    footer h5{padding-bottom:10px; margin-bottom:20px;}
    footer p{font-size: 12px;}
    footer .container .row .box{padding:0; margin-bottom:10px;}
    footer .footer_logo{display:flex; align-items:center;}
    footer .footer_logo img{max-width:70px; margin:0 10px 0 0;}
    footer .row .col-lg-3:nth-child(1){ display:flex; justify-content:space-between; align-items:center;}
    footer a.footer_download{width:160px; margin:0; padding:0 10px;}
    footer .erweima{display:none;}
    .copyright{padding:10px 5%; font-size:12px; margin-top:15px;}
    .copyright a{margin-right:10px;}  
}


@media screen and (max-width:576px) {
    .copyright{margin-top: 1rem;}
    .copyright span{display: block; text-align: left;}
    footer .footer_logo img{max-width:60px; margin:0 5px 0 0;}
    footer a.footer_download{width:110px; padding:0 5px;}
    footer a.footer_download i{font-size:20px; margin-right:5px;}
    .top{width:40px; height:40px;right:5px; bottom:2%;font-size:30px;}
}


/*************************************内页轮播图css*******************************************/
.about_slider{overflow:hidden; height:550px;  display:flex; justify-content:center;}
.about_slider img{width:100%; height:550px; object-fit:cover;}
.about_menu{position:relative; z-index:2; margin-top:-40px; height:80px; line-height:80px; background:rgba(31,83,193,0.95); text-align:center; font-size:1.125em; border-radius:8px;}
.about_menu a{width:calc(100% / 6);color:var(--white); background:none;transition: all .5s ease-in-out;}
.about_menu a:hover{background:#e1ebff; color:var(--blue); border-radius:8px;}

@media screen and (max-width:996px){
    .about_slider{height:auto;}
    .about_slider img{height:auto;}
    .about_menu{margin:-30px 0 0px 0; height:auto; line-height:40px; font-size:1em;}
    .about_menu a{width:33.333%; font-size:14px;}
}


/**********公司简介css***********/
.about_bg,.honor_bg,.jiance_bg,.canshu_bg,.jobs_bg,.fuli_bg,.contact_bg,.message{padding:50px 0;}
.about_bg .row{display:flex; justify-content:center;}
.about_bg h1{line-height:1; margin-bottom:0;}
.about_bg h1 i{font-style:normal;}
.about_bg h1 span{font-size:18px;}
.about_bg h2,.fazhan_bg h2,.honor_bg h2,
.canshu_bg h2,.jiance_bg h2,.jobs_bg h2,.fuli_bg h2,.contact_bg h2,.message h2{color:var(--gray-dark);font-weight:bold; margin-bottom:20px;}

.about_bg h2::after,.fazhan_bg h2::after,.honor_bg h2::after,.canshu_bg h2::after,.jiance_bg h2::after,.jobs_bg h2::after,
.fuli_bg h2::after,.contact_bg h2::after,.message h2::after{content:""; width:14px; height:14px; border-radius:100%; background:var(--blue); display:inline-block; margin:0 0 -4px 10px;}

.about_bg h5{line-height: 1.8; text-align:center;}
.about_bg p{padding:5px 0; text-indent:2em;}
.about_bg .col-lg-3{display:flex; align-items:center; justify-content:space-between; padding:80px 0;}
.about_bg .col-lg-3 div{width:calc(100% - 2px); text-align:center;}
.about_bg .bg_white::after{content:""; width:1px; height:60px; background:#dee6f4; display:inline-block;}
.about_bg .row .bg_white:nth-child(4)::after{display:none;}
.about_bg .bg_white h1{color:var(--blue); font-weight:bold;}
.about_bg .bg_white p{color:#262626;padding:5px 0 0 0; text-indent:0}

@media screen and (max-width:1440px){
    .about_bg h1{font-size:48px;}
    .about_bg h1 span{padding-left:5px;}
}

@media screen and (max-width:996px){
    .about_bg h1{font-size:32px;}
    .about_bg .bg_white::after{height:40px;}
    .about_bg .col-lg-3{padding:30px 0;}
}

@media screen and (max-width:576px){
    .about_bg{padding:30px 0;}
    .about_bg h1 span{font-size:16px;}
    .about_bg .bg_white::after{height:25px;}
}



/**********企业文化css***********/
.culture_bg{background:#f7f7f7; text-align:center;}
.culture_bg i{font-size:3.2em; color:var(--blue); padding:15px 0;}
.culture_bg h3{display:flex; flex-direction:column; justify-content:center;align-items:center;}
.culture_bg h3::after{content:""; width:60px; height:2px; background:var(--blue); display:block; margin:20px 0;}
.culture_bg p{color:var(--gray);}
.culture_bg .row{display:flex; align-items:center;}
.culture_bg .col-lg-4{height:450px;max-height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; border-right:1px #cdcdcd solid;border-bottom:1px #cdcdcd solid;}
.culture_bg .col-lg-4.hover{background:var(--blue);padding:50px 0; transition: all .5s ease-in-out;}
.culture_bg .col-lg-4.hover i,.culture_bg .col-lg-4.hover h3{color:var(--white); }
.culture_bg .col-lg-4.hover h3::after{background:var(--white);}
.culture_bg .col-lg-4.hover p{color:#e4f2ff;}

@media screen and (max-width:1366px) {
    .culture_bg .col-lg-4{height:400px;}
}

@media screen and (max-width:996px){
    .culture_bg .col-lg-4{height:300px;}
    .culture_bg i{padding:0 0 15px 0;}
    .culture_bg .col-lg-4.hover{background:none;}
    .culture_bg .col-lg-4.hover i{color:var(--blue);}
    .culture_bg .col-lg-4.hover h3{color:#262626;}
    .culture_bg .col-lg-4.hover h3::after{background:var(--blue);}
    .culture_bg .col-lg-4.hover p{color:var(--gray);}
}
@media screen and (max-width:576px){
    .culture_bg .col-lg-4{height:240px;}
}

/**********发展历程css***********/
.fazhan_bg{padding:80px 0 30px;}
.fazhan_bg .row{ display:flex; justify-content:space-between; }
.fazhan_bg h5{margin-bottom:0; font-weight:bold; color:var(--blue); margin-right:15px;}
.fazhan_bg ul li{background:#e4f2ff; margin-bottom:10px; padding:12px 20px; border-radius:4px; display:flex; align-items:center;}
.fazhan_bg span{font-weight:bold; color:var(--red); }

@media screen and (max-width:996px){
    .fazhan_bg{padding:30px 0;}
    .fazhan_bg img{display:none;}
    .fazhan_bg h5{margin-right:10px;}
    .fazhan_bg ul li{margin-bottom:5px; padding:12px 15px;}
}


/**********致辞css***********/
.manager_info{position:relative; padding:50px 50px 50px 80px; background:#e4f2ff; box-shadow:0 10px 10px rgba(6,51,145,.1);}
.manager_info::before,.manager_info::after{font-family:"iconfont"; font-size:3em; line-height:1; color:var(--blue); position:absolute; z-index:1;}
.manager_info::before{content:"\e61b"; top:20px; left:30px;}
.manager_info::after{content:"\e61a"; bottom:30px; right:30px;}
.manager_info p span{font-weight:bold; color:var(--blue); text-decoration:underline;}

@media screen and (max-width:576px){
    .manager_info{padding:40px 30px 40px 40px;}
    .manager_info::before,.manager_info::after{font-size:2em;}
    .manager_info::before{top:20px; left:20px;}
    .manager_info::after{bottom:40px; right:20px;}
}



/**********荣誉css***********/
.honor_bg .row{display:flex; justify-content:center;}
.honor_info.row{ display:flex; justify-content:start; }
.honor_info .img{overflow:hidden;}
.honor_info .img img{transform: scale(1); transition: all .5s ease-in-out;}
.honor_info .img:hover img{transform: scale(1.1);}
.honor_info h6{font-size:1em; text-align:center; height:42px; line-height:42px; margin:1px 0 20px 0; background:#e4f2ff;}

@media screen and (max-width:576px){
    .honor_bg,.jiance_bg,.canshu_bg,.jobs_bg,.fuli_bg,.contact_bg,.message{padding:30px 0;}
    .honor_info h6{margin:1px 0 15px 0; height:32px; line-height:32px;}
}


/**********办公环境css***********/
.office_bg ul{ display:flex; flex-wrap:wrap; }
.office_bg ul li{flex:0 0 50%; max-width:50%; padding:0 0 20px 20px;}

@media screen and (max-width:996px){
    .office_bg ul li{flex:0 0 50%; max-width:50%; padding:0 10px 20px;}
    .office_bg .col-lg-4 img{padding:0 10px;}
}

@media screen and (max-width:576px){
    .office_bg ul li{flex:0 0 100%; max-width:100%; padding:0 0 10px 0px;}
     .office_bg .col-lg-4 img{padding:0;}
}



/**********技术参数css***********/
.canshu_bg .row{ display:flex;}
.canshu_bg h5{margin-bottom:0; font-weight:bold; color:var(--blue); margin-right:15px;}
.canshu_bg .canshu_info{display:flex; flex-wrap:wrap;}
.canshu_bg .canshu_info a{flex:0 0 48%; max-width:48%; background:#e4f2ff; margin:10px 1%; padding:10px 20px; border-radius:4px; display:flex; justify-content:space-between; align-items:center;}
.canshu_bg i{font-size:2em; color:var(--red); }
.canshu_bg .canshu_info a:hover{background:var(--blue); color:var(--white); transition:all .5s ease-in-out;}
.canshu_bg .canshu_info a:hover i{color:var(--white); transition:all .5s ease-in-out;}

.shengchan_bg .col-lg-2{background:#f7f7f7; padding:20px; text-align:center;border-right:1px #cdcdcd solid;border-bottom:1px #cdcdcd solid;}
.shengchan_bg .col-lg-2.shengchan_title{background:var(--blue); display:flex; flex-direction:column; justify-content:center; align-items:center;color:var(--white);}
.shengchan_bg h2{ color:var(--white); font-weight:bold;}
.shengchan_bg i{font-size:4em;}
.shengchan_bg p{padding-top:10px;}
.jiance_bg h5{margin:10px 0;}

@media screen and (max-width:576px){
    .canshu_bg .canshu_info a{flex:0 0 100%; max-width:100%; margin:4px 0; padding:10px 20px;}
    .shengchan_bg .col-lg-2.shengchan_title{padding:10px 0;}
    .shengchan_bg i{font-size:3em;}
}


.jobs_linian{ height:35vh; background:var(--e4f); display:flex; flex:0 0 16.5%; max-widht:16.5%; flex-direction:column; justify-content:center; align-items:center; margin-right:2px;}
.jobs_linian i{font-size:4em; color:var(--blue);}
.jobs_linian h5{font-weight:bold; margin-bottom:2em;}
.jobs_linian:hover{background:var(--blue); transition:all .5s ease-in-out; color:var(--white);}
.jobs_linian:hover i{color:var(--white); transition:all .5s ease-in-out;}

@media screen and (max-width:1366px) {
   .jobs_linian{flex:0 0 16.45%; max-widht:16.45%;}
}


@media screen and (max-width:996px){
    .jobs_bg{padding-left:15px;}
    .jobs_linian{ height:25vh; flex:0 0 32.5%; max-widht:32.5%;margin-bottom:2px;}
}

.fuli_bg{background:#f7f7f7;}
.fuli_bg p{padding:10px 0;}
.fuli_bg b{color:var(--blue);}

@media screen and (max-width:576px){
    .fuli_bg p{padding:5px 0;}
    .jobs_bg .row{margin:0}
    .jobs_linian{padding:0 10px;}
    .jobs_linian i{font-size:3em;}
    .jobs_linian h5{ margin-bottom:1em;}
}


/*产品中心css*/
.product_bg{padding:50px 0;}
.product_bg h2{color:var(--gray-dark);font-weight:bold; margin-bottom:20px;}
.product_bg h2::after{content:""; width:14px; height:14px; border-radius:100%; background:var(--blue); display:inline-block; margin:0 0 -4px 10px;}
.product_list .title{background-image:var(--bg); height:100px;color:var(--white); text-align:center;}
.product_list .title h4{ line-height:100px; font-weight:bold;}
.product_list ul{background:var(--white); padding:20px 0 30px 20px;}
.product_list ul li{height:60px; line-height:60px; font-size:1.125em; transition: all .5s ease-in-out;}
.product_list a{display:block;}
.product_list a:hover{color:var(--blue); background:#f4f7f9; border-left:5px var(--blue) solid; padding-left:20px;}
.product_list a:hover::after{content: "\e6b5"; font-family:"iconfont"; display: inline-block; margin-left:30px;}

.product_box p{ padding:10px 0; text-align:center;}
.product_bg h3{background-image:var(--textbg1); -webkit-background-clip: text; color: transparent; font-weight:900; margin-bottom:20px;}
.product_img{overflow: hidden;}
.product_img img{width:100%;-webkit-transform:scale(1); transform:scale(1); transition:all .5s ease-in-out;}
.product_img:hover img{-webkit-transform:scale(1.1); transform: scale(1.1);}

.productview_btn{display: flex; margin: 2rem 0;}
.productview_btn a{margin-right:15px; display: flex; align-items: center;padding:5px 25px; border-radius:4px; background: var(--blue); color:var(--white);}
.productview_btn a:hover{background-image: var(--bg);}
.productview_btn i{margin-right: 5px;}

.prev_next{display: flex; flex-direction: column; margin:20px 0;}
.underline {display: flex; align-items: center;text-decoration: none; position: relative;}
.underline span {width:100%;
background-image: linear-gradient(0deg, var(--gray-dark) 0%, var(--gray-dark) 100%);background-position: 100% 100%;background-repeat: no-repeat;background-size: var(--background-size, 100%) 1px;transition: background-size 0.2s linear var(--background-delay, 0.15s); line-height:3;transform: translateZ(0);}
.underline svg {vertical-align: top;display: inline;line-height: 1; width:35px; height:35px;position:absolute;right:0px;fill: none;
stroke-linecap: round;stroke-linejoin: round;stroke-width: 1px;stroke:var(--blue);stroke-dasharray: 7.95 30;
stroke-dashoffset: var(--stroke-dashoffset, 46);
transition: stroke-dashoffset var(--stroke-duration, 0.15s) var(--stroke-easing, linear) var(--stroke-delay, 0s);}
.underline:hover {--background-size: 0%;--background-delay: 0s;--stroke-dashoffset: 26;--stroke-duration: .3s;--stroke-easing: cubic-bezier(.3, 1.5, .5, 1);--stroke-delay: .195s; color:var(--blue);}
@media screen and (max-width:1680px){
    .product_list ul li{font-size:1em;}
    .product_list a:hover::after{margin-left:10px;}
}

@media screen and (max-width:1440px){
    .product_bg{padding:50px 0;}
    .product_list .title{height:80px;}
    .product_list .title h4{ line-height:80px;}
    .product_list ul li{height:50px; line-height:50px; font-size:1em;}
}

@media screen and (max-width:1366px){
    .product_list .title{height:60px;}
    .product_list .title h4{ line-height:60px;}
    .product_list ul{padding:10px 0 15px 10px;}
    .product_list a:hover{padding-left:10px;}
}

@media screen and (max-width:996px){
    .product_bg{padding:30px 0;}
    .productview_btn{flex-direction: row;}
    .product_list{margin-bottom:15px;}
    .product_list .title{display:none;}
    .product_list ul{display:flex; flex-wrap:wrap; background:none;}
    .product_list ul li{flex:0 0 23%; max-width:23%;margin:0 1% 10px 1%; background:var(--white); text-align:center;}
    .product_list a:hover::after{display:none;}
    .product_bg h3{text-align:center;}
}
@media screen and (max-width:576px){
    .product_bg{padding:30px 15px;}
    .product_list ul li{flex:0 0 30%; max-width:30%;}
    .productview_btn{margin:0;}
}

/*产品详情css*/
.prev_next1{display: flex; justify-content: space-between; margin:10px auto 20px;}
.prev_next1 a{ display:block; position: relative;}
.prev_next1 .underline {display: flex; align-items: center;text-decoration: none; color: #2B3044;position: relative;}
.prev_next1 .underline span {
background-image: linear-gradient(0deg, #646B8C 0%, #646B8C 100%);background-position: 100% 100%;background-repeat: no-repeat;background-size: var(--background-size, 100%) 1px;transition: background-size 0.2s linear var(--background-delay, 0.15s); line-height:2.5;transform: translateZ(0);}
.prev_next1 .underline svg {vertical-align: top;display: inline;line-height: 1; width:25px; height:25px;position:absolute;right:-20px;fill: none;
stroke-linecap: round;stroke-linejoin: round;stroke-width: 1px;stroke:var(--blue);stroke-dasharray: 7.95 30;
stroke-dashoffset: var(--stroke-dashoffset, 46);
transition: stroke-dashoffset var(--stroke-duration, 0.15s) var(--stroke-easing, linear) var(--stroke-delay, 0s);}
.prev_next1 .underline:hover {--background-size: 0%;--background-delay: 0s;--stroke-dashoffset: 26;--stroke-duration: .3s;--stroke-easing: cubic-bezier(.3, 1.5, .5, 1);--stroke-delay: .195s; color:var(--blue);}
@media screen and (max-width:576px) {
    .prev_next1 .underline{margin:2px 0;}
    .prev_next1 .underline span{width:auto; display: inline-block;}
    .productview_img .swiper-button-next:after,.productview_img .swiper-button-prev:after{font-size:16px;}
    .productview a.back{margin:20px auto 0;}
}


/*新闻资讯css*/
.news_bg .row{display:flex; justify-content:center;}
.news_bg .product_img img{border-radius:0;}
.news_bg .innews_more{padding:5px 20px; margin-right:20px; margin-top:15px; transition: all .5s ease-in-out; }
.news_bg h4{ padding:25px 0 10px 0; color:#000; text-align: center; font-weight:bold;}
.news_bg h5{font-size:12px; color:var(--blue); text-align: center; padding-bottom:25px; }
.news_bg h6{font-weight:bold; padding:20px 20px 10px 20px;}
.news_info.bg{background:#f7f7f7; padding-bottom:20px; margin-bottom:20px;}
.news_info h6{font-weight:bold;}
.news_info p{font-size:14px; padding:0 20px;}
.news_info .more{padding:5px 10px; margin:15px 0 15px 20px; transition: all .5s ease-in-out; font-size:14px;}
.news_info p{ display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; white-space: wrap; }
.news_img{width:100%; overflow:hidden;}
.news_img img{transform: scale(1);width:100%; transition: all .5s ease-in-out;}
.news_img img:hover{transform: scale(1.1);}

/**********办公环境css***********/
.party_bg .col-lg-3{padding:0}
.party_bg .col-lg-9{padding:20px;}
.party_bg ul{display:flex; flex-direction:column; }
.party_bg ul li{background:#e4f2ff; margin:0 0 25px 0;}
.party_bg p{text-indent:0; padding:0}
.party_bg span{font-size:14px; color:var(--blue); margin-bottom:10px; display:block;}
.party_bg a.more{margin-top:10px; margin-left:0}
.party_bg h6{margin-bottom:15px;}


@media screen and (max-width:1366px){
    .news_bg h6{padding:20px 15px 10px 15px;}
}
@media screen and (max-width:996px){
    .news_info{padding-bottom:10px; margin-bottom:10px;}
    .news_info .more{padding:2px 6px;}
    .news_info p{display:none;}
    .news_bg h6{padding:20px 15px 0px 15px;}
    .news_bg .innews_more{display:none;}
    .party_bg .col-lg-3{display:block;}
    .party_bg .col-lg-9{padding:15px 0 0 20px;}
    .party_bg span{margin-bottom:5px;}
}
@media screen and (max-width:576px){
    .party_bg ul li{margin:0 0 15px 0;}
    .news_info .more{margin:10px 0 15px 15px;}
    .party_bg a.more{margin-left:0}
    .party_bg h6{margin-bottom:5px;}
}





/********************************************联系我们css****************************************/
.contact_bg .row{justify-content: space-between; align-items: center; margin:0;}
.contact_bg .col-xl-2{display:flex; justify-content:center; flex-direction:column; align-items:center;}
.contact_bg .col-lg-12{margin-top:30px;}
.contact_bg h3{font-weight:bold; text-align:center; margin-bottom:2.5rem;}
.contact_bg h5{font-weight:bold; margin:1.5rem 0 0.5rem 0;}
.contact_bg i{font-size:2.8em; width:80px; height:80px; line-height:80px; border-radius:100%; background:var(--e4f); text-align:center; color:var(--blue);}

.iw_poi_title{color:#CC5522;font-size:16px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:14px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{width:100%; height:55vh; border-left:#ccc solid 1px;}

@media screen and (max-width:1366px){
    .contact_bg .col-xl-2{padding:0}
}

@media screen and (max-width:1200px){
    .contact_bg .col-xl-2{padding:15px 15px;}
}

@media screen and (max-width:996px){
    .contact_bg .col-xl-2{padding:0 15px 15px 15px;}
    #dituContent{max-width:100%; height:450px; margin:20px 0 0; border:#ccc solid 1px;}
}

@media screen and (max-width: 576px){
    .contact_bg .col-xl-2{margin-bottom:15px;}
    .contact_bg h3{margin-bottom:1.5rem;}
    .contact_bg h5{margin:1rem 0 0 0;}
    .contact_bg i{font-size:2.8em; width:70px; height:70px; line-height:70px; }
    #dituContent{max-width:98%; margin:20px auto 0; height:500px;}
}

/*在线留言css*/
.message{background:#f2f2f2;}
.message h5 span{color:var(--blue);}
.message h5 i{font-size:22px; margin-right:10px;}
.message h5 a{color:var(--blue);}
.message h5 a:hover{text-decoration: underline;}
.message_info{width:90%; margin:30px auto 0;}
.message_info li{width:100%;display: block;margin-bottom:30px;}
.message_info button, .message_info input {border: 0;outline: 0; border-radius:30px; padding:16px; background-color:#f2f2f2; text-shadow: 1px 1px 0 #FFF;}
.message_info textarea {border: 0;outline: 0; border-radius:30px; padding:16px;background-color:#f2f2f2; text-shadow: 1px 1px 0 #FFF;}
.message_info input,.message_info textarea {margin-right:8px; box-shadow:inset 2px 2px 5px #BABECC, inset -5px -5px 10px #FFF; width: 100%; box-sizing: border-box; transition: all 0.2s ease-in-out;appearance: none;-webkit-appearance: none;}
.message_info input:focus,.message_info textarea:focus {box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;}
.message_info button {color:#61677C; font-weight:bold; box-shadow: -5px -5px 20px #FFF,  5px 5px 20px #BABECC;transition: all 0.2s ease-in-out;cursor: pointer;font-weight: 600;}
.message_info button:hover {box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC;}
.message_info button:active {box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;}

.message_info .red {display: block;width: 50%;color:var(--blue); font-size:20px; margin:0 auto;}
.message_info .input-group {display: flex;align-items: center;justify-content: flex-start;}
.message_info label {margin: 0;flex: 1;}
.message_info .yzm{position: relative;}
.message_info .yzm_img{position: absolute; right:4%; top:0;}
/*.message_info .yzm img{width:15px;}*/

@media screen and (max-width:1440px){
  .message .container-fluid{ width:80%;}
}

@media screen and (max-width:996px){
    .message{padding:50px 0;}
    .message .container-fluid{ width:90%;}
}

@media screen and (max-width:576px){
    .message .container-fluid{ width:100%;}
    .message_info{max-width:100%; margin:10px auto;}
    .message_info li{margin-bottom:20px;}
    .message_info .red {width:100%;}
    .message h5 span{display:block;}
}

/*********************分页css************************/
.pagination {display:flex; align-items:center; justify-content:center; font-size:0; line-height:0; margin:40px auto 0px;}
.pagination:empty {margin-bottom:0;margin-left:0}
.pagination>* {display:inline-block;margin:0 5px 14px 4px;}
.pagination li {display:inline-block;vertical-align:middle;text-align:center}
.pagination li:first-child .pagination li a,
.pagination li:last-child .pagination li a {border-radius:50%}
.pagination li:first-child .pagination li a:hover,
.pagination li:first-child .pagination li a:focus,
.pagination li:first-child .pagination li a:active,
.pagination li:last-child .pagination li a:hover,
.pagination li:last-child .pagination li a:focus,
.pagination li:last-child .pagination li a:active {color:#fff}
.pagination li a,.pagination li span {display:inline-block;min-width:42px;padding:4px; font-size:14px; line-height:1.5; color:#333; border:1px #d9d9d9 solid;transition:all .3s ease-in-out}
.pagination li a.icon{font-size:22px}
.pagination li a:hover,.pagination li a:focus,.pagination li a:active,.pagination li.active span{color:#fff; background-image:var(--bg) !important;}
.pagination li.active>.pagination li a,.pagination li.active>.pagination li a:hover,.pagination li.active>.pagination li a:focus,.pagination li.active>.pagination li a:active {color:#fff;}
.pagination li.disabled span>.pagination li a,.pagination li.disabled span>.pagination li a:hover,.pagination li.disabled span>.pagination li a:focus,.pagination li.disabled span>.pagination li a:active {color:#333;}
.pagination li.disabled span{min-width:75px; color:#ccc !important;}
.pagination li:last-child a{min-width:75px;}
.page-item-control .icon::before {font-family:fontawesome;line-height:25px}
.page-item-control:first-child .icon::before {content:'';margin-left:-1px}
.page-item-control:last-child .icon::before {content:'';margin-right:-1px}
.page-item.active .page-link{background-image:var(--bg);}

@media screen and (max-width:1440px){
    .pagination {margin:20px auto 0px;}
    *+.pagination-wrap {margin:20px auto 0}
}

@media screen and (max-width:1280px){
    .pagination {margin:20px auto 0px;}
}

@media screen and (max-width: 576px){
    .pagination-wrap {margin:0px auto;}
    .pagination>* {display:inline-block;margin:0 2px 14px 2px;}
    .pagination li.disabled span{min-width:65px;}
    .pagination li:last-child a{min-width:65px;}
    .prev_next{justify-content:flex-start; flex-direction: column; margin:0; padding-top:15px;}
    .prev_next a{ padding:0;}
    .prev_next span{padding:5px 0;}
}