@charset "utf-8";
/* CSS Document */
body{overflow-x: hidden;}
body img{width:100%;}

.more{display:flex; justify-content: space-between; align-items: center; padding:8px 15px; border-radius: 2px; background:var(--dark); color:var(--white);max-width:150px;}
.more::after{content:"\eb08"; font-family: "iconfont"; margin-left:1rem; font-size:1em; transition: all .5s ease-in-out; }
.more:hover{background:var(--blue); color: var(--white);}
.more::after:hover{margin-left:.5rem;}
@media screen and (max-width:1366px) {
  .more{margin-top: 2rem;}
}

.swiper-button-next,.swiper-button-prev{ color:var(--blue); width:45px; height:45px; border: 1px var(--blue) solid;}
.swiper-button-next:after,.swiper-button-prev:after{font-size:18px;}
.swiper-button-next:hover,.swiper-button-prev:hover{background:var(--blue); color:var(--white);}
.swiper-pagination-bullet{width:6px; height:6px; background:var(--white); transition:all .5s ease-in-out;}
.swiper-pagination-bullet-active{width:60px; height:6px; border-radius:8px; background:var(--blue);}

.pc_web{display:block !important;}
.m_web{display:none !important;}
@media screen and (max-width:996px){
    .pc_web{display:none !important;}
    .m_web{display:block !important;}
    .swiper-button-next,.swiper-button-prev{width:30px; height: 30px;}
    .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right: 10px;}
    .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left: 10px;}
    .swiper-button-next:after,.swiper-button-prev:after{ font-size:18px;}
    .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
    .swiper-pagination-bullet{width:4px; height:4px; background:var(--white); transition:all .5s ease-in-out;}
    .swiper-pagination-bullet-active{width:30px; height:4px; border-radius:4px; background:var(--white);}
}

/*************************************导航css*******************************************/
header{width: 100%; max-width: 100%; padding: 0 5%; display:flex; justify-content:space-between; flex-direction:column; transition:all .5s ease-in-out; height:80px; position:fixed; top:0; left:0; z-index: 999; background:var(--white); box-shadow: 0 5px 10px rgba(0,0,0,.1);}
header.sticky{max-width:100%;margin-left:0; background:var(--white); box-shadow: 0 5px 10px rgba(0,0,0,.15);}
.navbar{padding:0; height:100%;display:flex; align-items:center; justify-content: space-between;}
.navbar-brand{padding: 0; margin: 0; font-weight:900;}
.navbar .navbar-brand img{max-width:180px; margin-right:10px;}
.navbar-collapse{flex-grow:0; justify-content: flex-end;}
.navbar-expand-lg .navbar-nav{height: 100%;}
.navbar-expand-lg .navbar-nav .nav-item{height: 100%; padding: 0 1rem;}
.navbar-expand-lg .navbar-nav .nav-link{height: 100%;font-size:1.125em; padding:0 10px; align-items: center; display: flex; position: relative;}
.navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .nav-link.active{color:var(--white); background:var(--blue);}
.navbar-expand-lg .navbar-nav .nav-link:last-child i{margin-right:10px;}

.close,#navbarNav .navbar-brand{display: none;}

@media screen and (max-width:996px){
    body{position: relative;}
    .header_right{display:none;}
    .navbar-brand{padding:0; font-size:1rem; font-weight:bold;}
    .navbar-toggler{font-size:1.7rem;}
    .navbar-collapse{position:fixed; z-index: 9999; width:100%; max-width:100%; height:100vh; background:var(--white); 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; 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-expand-lg .navbar-nav{height: auto;}
    .navbar-light .navbar-nav .nav-link{color:rgba(255,255,255,.9);}
    .navbar-expand-lg .navbar-nav .nav-link,header.sticky .navbar-expand-lg .navbar-nav .nav-link{padding:1rem;color: var(--black);}
    .navbar-expand-lg .navbar-nav .nav-link::after{background:var(--black);height:1px;}
    .nav-item-none{display:none;}
    .close{opacity: 1; font-size:1.5rem; display: flex; cursor: pointer; margin: 1rem .2rem .5rem 0; color: var(--black);text-shadow: none;}
    .close:hover{color:#009679;}
    #navbarNav .navbar-brand{ display: flex; justify-content: center; align-items: center; margin:2rem 0; font-size:20px; color:var(--black);}
    #navbarNav .navbar-brand img{max-width:180px;}
}

@media screen and (max-width:576px){
    .fixed-top {position:relative;top: 0;right: 0;left: 0;z-index: 1030;}
    header{padding: 0 1%; margin: 0;height:50px;}
    .navbar-collapse{ padding:0 1rem; margin: 0;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:1em;}
    .navbar{padding:0;}
    .navbar .navbar-brand img{max-width:140px;}
    .navbar-toggler {padding:0;}
    .site_nav{padding-right:0rem;}
    .navbar-toggler-icon {height: 1em; }
    .navbar-expand-lg .navbar-nav .nav-link.last{display: none;}
    #navbarNav .navbar-brand{flex-direction: column;}
    #navbarNav .navbar-brand img{max-width:90px; margin-bottom:8px;}

    header .m_web form{display: flex; justify-content:flex-end; align-items: center; width: 100%; border: 1px #ccc solid; background: var(--white); padding: 0 15px;}
    header .m_web input{width:100%; color:#86807f; border: none;}
    header .m_web button{background:transparent; border:none; font-size:24px; color:#595757; opacity: 0.6;}
}


/*************************************轮播图css*******************************************/
.slider_bg{width: 100%;}
.slider_bg .swiper-slide{display: flex; justify-content: center; align-items:center;}
.slider_bg .swiper-button-next, .slider_bg .swiper-container-rtl .swiper-button-prev{right:40px;}
.slider_bg .swiper-button-prev, .slider_bg .swiper-container-rtl .swiper-button-next{left:40px;}
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.slider_bg .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px;}

@media screen and (max-width:1366px) {
  .slider_bg p{font-size:30px;}
}


@media screen and (max-width:576px) {
  .slider_bg .container{display: none;}
  .slider_bg p{font-size:16px;}
  .slider_bg a{margin-top: 10px; max-width:140px;}
  .slider_bg .swiper-button-next,.slider_bg .swiper-button-prev{display: none;}
  .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.slider_bg .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
}

span.sub{color:var(--blue); font-weight: bold; text-transform:uppercase; display:flex; align-items:center;}
h1.title{ margin:5px 0 10px; text-transform:uppercase;}
@media screen and (max-width:1366px) {
   h1.title{font-size:2em;}
}

@media screen and (max-width:576px) {
   h1.title{font-size:1.45em;}
}

/*首页公司简介css*/
.inabout_bg{padding:50px 0 20px;}
.inabout_bg h6{ margin:0;}
.inabout_bg p{color:var(--six);}
.inabout_bg .col-lg-2{text-align: center;}
.inabout_bg .col-lg-2 h1{font-weight:900; font-size:58px; margin:0;}
.inabout_bg .col-lg-2 p{font-size:20px;}
.inabout_bg .col-lg-5{padding-top:80px; padding-left:5%;}
.inabout_bg .col-lg-5 h1{margin:10px 0 50px;}
.inabout_bg .col-lg-6{padding-right:5%;}
.inabout_bg .col-lg-7{padding-top:50px;}
.inabout_bg .more{margin-top:5rem;}

@media screen and (max-width:1366px) {
    .inabout_bg .col-lg-2 h1{font-size:48px;}
    .inabout_bg .col-lg-7{padding-top:30px;}
}

@media screen and (max-width:1280px) {
    .inabout_bg .col-lg-5{padding-top:30px; padding-left:3%;}
    .inabout_bg .more{margin-top:3rem;}
}

@media screen and (max-width:996px) {
    .inabout_bg .col-lg-5{padding-top:10px; padding-left:15px;}
    .inabout_bg .col-lg-5 h1{margin:10px 0;}
    .inabout_bg .more{margin-top:1rem;}
}

@media screen and (max-width:576px) {
    .inabout_bg{padding:30px 0 20px;}
}

/*首页产品展示css*/
.inproduct_bg{padding:50px 0;}
.inproduct_bg .col-12{padding-bottom:30px;}
.inproduct_bg a{position: relative; display: block; color: var(--white);overflow: hidden;}
.inproduct_bg a:hover img{transform: scale(1.1);transition:all .5s ease-in-out}
.inproduct_name{position: absolute; z-index: 2; bottom:0; left:0; width:100%; height:72px; background:rgba(130,130,130,.8); display: flex; align-items: center; justify-content:space-between; padding:0 5%; font-size:1.65em; }
.inproduct_name::after{content: "\e620"; font-family: "iconfont"; color:var(--white); font-size:.8em;}
.inproduct_bg .col-6 a:hover .inproduct_name{background:var(--blue); opacity: .8;transition:all .5s ease-in-out}
.inproduct_bg .col-lg-12{padding-top:20px; padding-bottom:0;}
.inproduct_bg .ik16{position: absolute; z-index: 2; top:20%; right:0; width:38%; color:var(--dark);}
.inproduct_bg .ik16 h1{font-weight: 900;}
.inproduct_bg .ik16 h5{background:var(--blue); color: var(--white); display: inline-block; padding:6px 15px; margin:5px 0 25px;}
.inproduct_bg .ik16 p{font-size:1.125em;}
.inproduct_bg .ik16 p::before{content: "\e620"; font-family: "iconfont"; margin-right:10px; font-size:16px;}
.inproduct_bg .ik16 span.more{margin-top:3rem; border:1px var(--dark) solid; background: none; color:var(--dark);}
.inproduct_bg a:hover .ik16 span.more{background: var(--blue); color:var(--white); border:none;}

@media screen and (max-width:1366px) {
    .inproduct_name{height:50px; font-size:1.25em; }
}

@media screen and (max-width:996px) {
    .inproduct_name{height:38px; font-size:1em;}
    .inproduct_bg .ik16{top:17%; width:43%;}
    .inproduct_bg .ik16 p::before{margin-right:5px; font-size:.85em;}
    .inproduct_bg .ik16 span.more{margin-top:1rem;}
}
@media screen and (max-width:576px) {
    .inproduct_bg .ik16{top:27%; width:40%;}
    .inproduct_bg{padding:20px 0;}
    .inproduct_bg .ik16 p,.inproduct_bg .ik16 span.more{display: none;}
}


/*首页技术与设备css*/
.intechnology_bg .col-lg-12{ text-align: center; }
.intechnology_bg .col-lg-12 span{display: inline-block;}
.intechnology_bg .col-lg-12 h1{margin-bottom:50px;}
.intechnology_bg .col-lg-6{display: flex; flex-direction: column;justify-content:space-between;}
.intechnology_bg a{position: relative; display: block; overflow: hidden;}
.intechnology_bg a.last{color: var(--white);}
.intech_info{position: absolute; z-index: 2; top:10%; left:5%;}
.intech_info h5{font-weight: bold; padding-bottom:8px;}
.intech_info p::before{content: "\e620"; font-family: "iconfont"; margin-right:5px; font-size:14px;}

@media screen and (max-width:996px) {
    .intechnology_bg .col-lg-6 a{margin-bottom:15px;}
}


/*首页常见问题css*/
.incontact_bg{background:#f0f0f0; padding:80px 0; margin-top:60px;}
.incontact_bg .col-lg-4{ display: flex;flex-direction:column; align-items:center;}
.incontact_bg i{width:80px; height:80px; line-height: 80px; border-radius:100%; border:1px var(--blue) solid; background: var(--white); text-align: center; font-size:2.15em; color:var(--blue);}
.incontact_bg h2{text-transform: uppercase; margin:30px 0 10px;}
.incontact_bg a{color: var(--six);}
.incontact_bg a:hover{color:var(--blue);}
.incontact_bg a::after{content: "\e620"; font-family: "iconfont"; margin-left:10px; font-size:13px;}

@media screen and (max-width:996px) {
    .incontact_bg{padding:50px 0; margin-top:30px;}
    .incontact_bg h2{font-size:1.5em;}
    .incontact_bg a::after{margin-left:8px; font-size:8px;}
}


/********************************************底部信息css****************************************/
footer{background:#202020; padding-top:40px; color:#c1c8cf; text-transform: uppercase;}
footer img{max-width:200px; padding-bottom:20px;}
footer h2{color:var(--white); margin:5px 0 10px;}
footer h5{color:var(--white); margin-bottom:25px; display: flex; flex-direction: column;}
footer h5::after{content: ""; width:35px; height:4px; background: var(--blue); display: inline-block; margin-top:10px;}
footer i{width: 90px; height: 90px; border-radius: 100%; border: 1px var(--blue) solid; display:flex; justify-content: center; align-items: center; font-size:42px; color: var(--blue); margin-bottom: 1.5rem;}
footer i.iconfont1{font-size: 48px;}
footer p,footer a{color:var(--six);}
footer a:hover{color:var(--white);}

.copyright{padding:25px 0; text-align:center;background:#202020; border-top: 1px rgba(255,255,255,.1) solid; margin-top:3.5rem;}
.copyright span{margin-right:20px;}
.copyright a img{max-width:20px; margin-right:8px;}
.top{width:60px; height:60px; background:var(--black); 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 10px rgba(0,0,0,.5);}
.top:hover{ background:var(--blue); color:var(--white);}


@media screen and (max-width:996px) {
  footer i{width:70px; height:70px;font-size: 32px;}
  footer i.iconfont1{font-size: 38px;}
  footer .col-12{margin-bottom:40px;}
  .copyright{padding: 20px 5%; font-size:12px;}
  .copyright span{display: block; text-align: left;}
}

@media screen and (max-width:576px) {
  footer{padding-top:30px;}
  footer i{width:60px; height:60px;font-size:28px; margin-bottom:1rem;}
  footer h5{padding-bottom:10px; margin-bottom:20px;}
  footer p{font-size: 12px;}
  .copyright{margin-top: 1rem;}
  .top{width:40px; height:40px;right:5px; bottom:2%;font-size:30px;}
}


/*公司简介css*/
.about_bg{padding:60px 0;}
.about_bg .container{display: flex; align-items: center;}
.about_title,.honor_title{position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; text-transform: uppercase;}
.about_title::before,.honor_title::before{ font-weight: 900; color: var(--blue); opacity: .1; display: inline-block; font-size:170px; font-family: "AccidentalPresidency"; position: absolute; z-index: -1; line-height: 1;}
.about_title::before{content: "ABOUT";}
.honor_title::before{content: "HONOR";}
.about_info{padding: 0 5%;}
.about_info img{padding:25px 0px 0 0px;}

.quality_bg{padding:0px 0 50px;}
.quality_bg h4{color: var(--blue); font-weight: bold;}
.quality_bg img{border-radius: 3px; margin-bottom:20px;}
.quality_bg .quality_info{background:#f8f8f8; padding:20px; height:100%;}
.quality_bg .quality_info p{font-size:14px;}

.history_bg{background:#f0f0f0; padding:60px 0;}
.history_bg .col-lg-3{display:flex;flex-direction: column; justify-content: center;}
.history_bg ul li{ display:flex; align-items: center; background:var(--white); padding:15px 20px; margin-bottom:10px;}
.history_bg ul li:hover{background:var(--blue); color:var(--white); box-shadow: 0 10px 5px rgba(0,0,0,.2);}
.history_bg h5{font-weight: bold; margin:0; flex:0 0 60px;}

.zizhi_bg{padding:80px 0 50px;}
.zizhi_bg .col-lg-12{text-align: center; margin-bottom:30px;}
.zizhi_bg span{display: inline-block;}
.zizhi_bg img{border:1px var(--dark) solid; margin-bottom:20px;}


.honor_info{display: flex; flex-direction: column;}
.honor_info ul{display: flex;}
.honor_info ul li{flex:0 0 33.3333%; max-width: 33.333%; text-align: center;}
.honor_info img{border: 1px #ccc solid; max-width:90%;}
.honor_info span{background: var(--blue); display: inline-block; color: var(--white); text-transform: uppercase; padding:5px 0px 5px 20px; margin-bottom:20px;}

@media screen and (max-width:1366px) {
  .about_title::before,.honor_title::before{font-size:110px;}
  .about_title h1{margin-top: 20px;}
  .about_info{padding: 0 15px 0 5%;}
}
@media screen and (max-width:996px) {
  .about_bg{padding:40px 0;}
  .about_title{margin-bottom: 30px;}
  .about_title::before{font-size:120px;}
  .quality_bg .col-6{margin-bottom:20px;}
}
@media screen and (max-width:576px) {
    .about_bg{padding:40px 0 20px;}
    .about_info img{max-width: 100%; padding:10px 0px; border-radius:4px;}
    .about_title::before,.honor_title::before{font-size:92px;}
    .quality_bg{padding:0px 0 20px;}
    
    .history_bg{padding:30px 0 20px;}
    .zizhi_bg{padding:40px 0 30px;}
}


/*产品中心css*/
.product_bg{padding:60px 0 30px;}
.product_classlist{display: flex; flex-wrap: wrap; margin-bottom: 50px; }
.product_classlist a.title{flex:0 0 30%; max-width:30%; height:85px; line-height:85px; margin:0 1.5%; border-radius:2px;font-size:22px; font-weight:bold; text-align:center; background: var(--dark); color: var(--white); text-transform: uppercase;}
.product_classlist a:hover{background:var(--blue);}


/*产品列表css*/
.product_bg .col-lg-3 a{position: relative; display: block; color: var(--white);overflow: hidden; margin-bottom:20px;}
.product_bg .col-lg-3 a:hover img{transform: scale(1.1);transition:all .5s ease-in-out}
.product_name{position: absolute; z-index: 2; bottom:0; left:0; width:100%; height:58px; background:rgba(130,130,130,.8); display: flex; align-items: center; justify-content:space-between; padding:0 5%; font-size:1.25em; }
.product_name::after{content: "\e620"; font-family: "iconfont"; color:var(--white); font-size:.8em;}
.product_bg .col-6 a:hover .product_name{background:var(--blue); opacity: .8;transition:all .5s ease-in-out}
.product_bg img{border: 1px #ccc solid;}

@media screen and (max-width:576px) {
    .product_classlist{display:block; }
    .product_classlist a{display:inline-block; flex:0 0 33.333%; max-width:33.333%; padding:10px 15px; margin:0 5px;}
    .product_classlist .title{height:45px; line-height:45px; font-size:20px;}
}


/*产品详情css*/
.productview{padding:120px 0 50px;}
.productview .row{justify-content: space-between;}
.productview h2{font-weight: bold; margin:1rem 0 2.5rem; border-bottom: 1px var(--blue) solid; color: var(--blue); padding-bottom: 15px;}
.productview_btn{display: flex; margin: 2rem 0;}
.productview_btn a{margin-right:15px; display: flex; align-items: center;padding: 5px 15px; border-radius: 4px; color: var(--white); background: var(--darkblue);}
.productview_btn a:hover{background: var(--blue);}
.productview_btn i{margin-right: 5px;}
.productview img{}
.productview_info h3{font-weight: bold; color:var(--blue);}
.productview_info h5{color:var(--gray); margin-bottom:20px;}
.productview_info h4{color:var(--dark);}
.productview_info h6{color:var(--red); margin-top:20px;}
.productview_info p{padding:3px 0;}

.productview_info .swiper {width: 100%; height: 100%; overflow: hidden;}
.productview_info .swiper-slide img {display: block; width: 100%;height: 100%;object-fit: cover;}
.productview_info .swiper {width: 100%;margin-left: auto;margin-right: auto;}
.productview_info .swiper-slide {background-size: cover;background-position: center;}
.productview_info .mySwiper2 {height: 80%;width: 100%;}
.productview_info .mySwiper {height: 20%;box-sizing: border-box;padding: 10px 0;}
.productview_info .mySwiper .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.productview_info .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.productview_info .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover; border:1px #ccc solid;}
.productview_info .swiper-button-prev, .productview_info .swiper-container-rtl .swiper-button-next{left:15px; top:35%;}
.productview_info .swiper-button-next, .productview_info .swiper-container-rtl .swiper-button-prev{right:15px; top:35%;}



@media screen and (max-width:1440px) {
  .product_classlist{justify-content:flex-start; margin-bottom:30px;}
  .productview .col-xl-5{flex: 0 0 46%; max-width: 46%;}
}
@media screen and (max-width:1366px) {
    .product_classlist a.title{height:65px; line-height:65px;;font-size:20px;}
    .product_name{height:48px; }
    .productview_btn{flex-direction: column;}
    .productview_btn a{max-width: 260px; margin-bottom: 15px; padding: 8px 15px;}
}
@media screen and (max-width:996px) {
  .productview .col-xl-5{flex: 0 0 100%; max-width: 100%;}
  .productview_btn{flex-direction: row;}
}
@media screen and (max-width:576px) {
    .product_classlist a{padding:0px 15px; margin:0 2px;}
    .product_classlist a.title{height:45px; line-height:45px;;font-size:1.25em; margin:0 5px;}
    .product_bg{padding:30px 0;}
    .productview{padding:80px 0 20px;}
    .productview h2{margin:1rem 0 1rem;}
    .productview_btn{ margin: 2rem 0 0;}
}


.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:-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);}
.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) {
  .product_bg ul{margin-top: 1rem;}
  .product_img{max-width:100%;margin: .5rem auto;}
  .productview h4{margin: 1rem 0; font-weight:bold; font-size:16px;}
  .underline span {width:100%;background-image:none;}
}


/*新闻资讯css*/
.news_bg{padding:60px 0 30px;}
.news_bg a.row{background:#f8f8f8; transition: all .5s ease-in-out; margin:0 0 2rem;}
.news_bg h6{font-weight:bold; margin:.2rem 0 .5rem;}
.news_bg p{font-size: 14px; opacity: .7;}
.news_bg p{ display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; white-space: wrap; }
.news_bg span{font-size: 14px; color: var(--blue);transition: all .5s ease-in-out;}
.news_bg .news_title{display:flex; justify-content:center; margin-bottom:30px;}
.news_bg .news_title a{display:inline-block; padding:8px 35px; border:1px var(--blue) solid; color:var(--blue); margin:0 8px;}
.news_bg .news_title a:hover,.news_bg .news_title a.hit{background:var(--blue); color:var(--white);}

@media screen and (max-width:996px){
  .news_bg a.row{ margin:0 0 1rem;}
}

@media screen and (max-width:576px){
  .news_bg{padding:30px 0;}
}


/*新闻详情css*/
.newsview{padding:50px 0;}
.newsview .row{justify-content: center;}
.newsview h3{ padding:0 0 10px 0; text-align: center; font-weight:bold; color: var(--blue);}
.newsview h6{display: flex; justify-content: center; align-items: center; padding-bottom:25px; margin-bottom: 20px; font-size:14px; color:#949494; border-bottom: 1px var(--blue) solid;}
.newsview h6 span{margin-right: 15px;}
.newsview img{max-width:100%; margin:15px 0;}
.newsview p{margin:5px 0; text-indent:0;}

@media screen and (max-width:576px) {
    .newsview{padding:30px 0;}
}

/********************************************联系我们css****************************************/
.contact_bg{padding:80px 0;}
.contact_bg .col-lg-6 div{box-shadow: 0 5px 10px rgba(0,0,0,.1); padding:30px 0px; display: flex; flex-direction: column;
    align-items: center; height:100%; text-align: center;}
.contact_bg h3{color: var(--blue);text-align: center; margin-bottom:20px;}
.contact_bg p{display: flex; align-items: center;}
.contact_bg i{margin-right:10px; transition: all .5s ease-in-out;}
.contact_bg i{font-size:48px; margin-right:15px; line-height:2;}

#dituContent{width:100%;height:400px; border: 1px #ccc solid; box-shadow: 0 0 20px rgba(0,0,0,.1);}
.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}

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

@media screen and (max-width: 576px){
    .contact_bg{padding:30px 0;}
    .contact_bg p{line-height:2.5;}
    .contact_bg i{margin-right:8px;}
    .contact_bg i.iconfont1{font-size:16px;}
    #dituContent{max-width:98%; margin:0px auto; height:350px;}
}


/*在线留言css*/
.message_info{background:url(../images/honor_bg.jpg) top center no-repeat; background-size:cover; padding:80px 0;}
.message_info_title{position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; margin-bottom: 50px;}
.message_info_title::before{content: "MESSAAGE"; color: var(--blue); opacity: .1; display: inline-block; font-size:170px; font-family: "AccidentalPresidency"; position: absolute; line-height: 1; top: -70%;}
.message_info h1{margin-bottom:.5rem;}
.message_info li{width:100%;display: block;margin-bottom:15px;}
.message_info button, .message_info input {border: 0;outline: 0; padding:10px 16px; border:1px #ccc solid; background: none;}
.message_info textarea {border: 0;outline: 0; padding:16px;border:1px #ccc solid;background: none;}
.message_info input,.message_info textarea {margin-right:8px; width: 100%; box-sizing: border-box; transition: all 0.2s ease-in-out;appearance: none;-webkit-appearance: none;}
.message_info button {color:#61677C; transition: all 0.2s ease-in-out;cursor: pointer; border: none; color:var(--white);}
.message_info .red {display: block;width:100%;color:var(--white); font-size:18px; margin:0 auto; background:var(--blue);}
.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:50%;}
.message_info .yzm img{width:15px;}
.message_info .submit{ background:var(--blue);color:var(--white);}
.message_info .submit input{color:var(--white); font-weight: bold; font-size: 18px;}

@media screen and (max-width:1366px){
  .message_info_title::before{font-size:140px;}
}
@media screen and (max-width:996px){
  .message_info{padding:50px 0 30px;}
  .message_info_title::before{font-size:100px;}
}
@media screen and (max-width:576px){
    .message_info_title::before{font-size:90px;}
  .message_info li{margin-bottom:5px;}
  .message_info button, .message_info input {padding:10px;}
  .message_info textarea {padding:10px;}
}


/*********************分页css************************/
.page{width:100%; text-align:center; margin-top:30px;}
.page a span,.page span{display:inline-block; background:#ccc; border-radius:2px; line-height:36px; padding:0 20px; margin:0 10px;}
.page a:hover span,.page span:hover{background:var(--blue); color:var(--white);}
.prev_next{width:100%; margin-top:30px; color:#00a49e; font-size:15px; line-height: 32px;}
.prev_next a{ color:#00a49e; margin-left: 10px;}
.page span a:hover,.prev_next a:hover{ color:var(--white); text-decoration:none;}


@media screen and (max-width:1440px){
    *+.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:20px auto 0px;}
    .pagination>* {display:inline-block;margin:0 2px 14px 2px;}
    .prev_next{justify-content:flex-start; flex-direction: column; margin:0; padding-top:15px;}
    .page a span,.page span{margin:0 3px;}
}