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

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


.swiper-button-next,.swiper-button-prev{ color:var(--red); border-radius:100%; width:50px; height:50px; border: 1px var(--red) solid;}
.swiper-button-next:after,.swiper-button-prev:after{font-size: 24px;}
.swiper-button-next:hover,.swiper-button-prev:hover{background: rgba(0,0,0,.8);}
.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(--red);}

.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: rgba(0,0,0,.8); border-bottom: 1px rgba(255,255,255,.2) solid;}
header.sticky{max-width:100%;margin-left:0;}
.navbar{padding:0; height:100%;display:flex; align-items:center;}
.navbar-brand{padding: 0; margin: 0;}
.navbar .navbar-brand img{max-width:240px; margin-top: -10px;}
.navbar-collapse{flex-grow:0; justify-content: flex-end; height: 100%;}
.navbar-expand-lg .navbar-nav{height: 100%;}
.navbar-expand-lg .navbar-nav .nav-item{height: 100%; padding: 0 1.5rem;}
.navbar-expand-lg .navbar-nav .nav-link{height: 100%;font-size:1.125em; padding:0; align-items: center; display: flex; position: relative;}
.navbar-expand-lg .navbar-nav .nav-link::after{content: ""; width: 100%; height: 2px; background: var(--red); position: absolute; bottom: -1px; left:-100%; transition: all .5s ease-in-out; opacity: 0;}
.navbar-expand-lg .navbar-nav .nav-link.active::after,.navbar-expand-lg .navbar-nav .nav-link:hover::after{left: 0; opacity: 1;}
.navbar-expand-lg .navbar-nav .nav-link.active,.navbar-expand-lg .navbar-nav .nav-link:hover{color: var(--red); font-weight:bold}
.close,#navbarNav .navbar-brand{display: none;}


@media screen and (max-width:996px){
    body{position: relative;}
    .navbar-toggler-icon{color: var(--white);}
    .navbar-brand{padding:0; font-size:1rem; font-weight:bold;}
    .navbar-collapse{position:fixed; z-index: 9999; width:100%; max-width:100%; height:100vh; background:var(--dark); 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:var(--white); 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{padding:1rem 0;}
    .nav-item-none{display:none;}
    .close{opacity: 1; font-size:1rem; display: flex; cursor: pointer; margin: 1rem .2rem .5rem 0; color: var(--white);text-shadow: none;}
    .close:hover{color:#009679;}
    #navbarNav .navbar-brand{ display: flex; justify-content: center; align-items: center; margin:2rem 0; font-size:20px;}
    #navbarNav .navbar-brand img{max-width:320px;}
}

@media screen and (max-width:576px){
    .fixed-top {position:relative;top: 0;right: 0;left: 0;z-index: 1030;}
    header{max-width:100%; height:50px; margin: 0;}
    .navbar-collapse{ padding:0 1rem; margin: 0;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:1em;padding-right:0;padding-left:0;}
    .navbar{padding:0;}
    .navbar .navbar-brand img{max-width:140px; margin:-5px 0 0 0;}
    .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 img{max-width:220px;}

    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 .container{position:absolute; z-index:99;display: flex; flex-direction: column; justify-content:center; align-items: flex-start; color:var(--white);}
.slider_bg p{font-size:40px; font-weight:300; line-height: 1.4;}
.slider_bg p span{font-weight: bold; margin-left: 10px; position: relative;}
.slider_bg p span::after{content: ""; width: 100%; height:2px; background: var(--white); position: absolute; bottom: -5px; left: 0;}
.slider_bg a{background: var(--red); color: var(--white); width: 100%; max-width:200px; line-height: 2.2; margin-top:4rem; display: flex; justify-content:center; align-items: center; border-radius:2px;}
.slider_bg i{font-size: 1.25em; margin-right:8px;}
.slider_bg a:hover{background: var(--darkred);}
.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:50px;}

@media screen and (max-width:1366px) {
  .slider_bg p{font-size:30px;}
}
@media screen and (max-width:576px) {
  .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;}
}

/*首页公司简介css*/
.inabout_bg{padding:80px 0;}
.inabout_bg .container{display: flex; align-items: center;}
.inabout_title{position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.inabout_title::before{content: "ABOUT"; color: var(--red); opacity: .1; display: inline-block; font-size:170px;position: absolute;z-index: -1; line-height: 1;}
.inabout_info{padding: 0 12% 0 8%; color: var(--white); opacity: .8;}
.inabout_map{margin-top:80px;width: 100%; max-width: 1100px;}
.inabout_map img{max-width:1012px;}
.inabout_ys{width: 100%;max-width: calc(100% - 1100px);}
.inabout_ys ul{height: 100%; display: flex; flex-direction: column; justify-content: center;}
.inabout_ys ul li{width: 100%;border-bottom: 1px rgba(255,255,255,.1) solid; display: flex; align-items: center; justify-content: space-between; padding: 20px 0;}
.inabout_ys li p{line-height: 1.125;}
.inabout_ys li p em{font-style: normal;font-size:60px;}
.inabout_ys li p span{font-weight: bold; font-size: 20px;}
.inabout_ys li i{font-size: 60px; line-height: 1;}
.inabout_bg h1{ margin-bottom: 10px;}
.inabout_bg h6{ margin:0;}

@media screen and (max-width:1440px) {
  .inabout_map{max-width: 950px;}
  .inabout_map img{max-width:900px;}
  .inabout_ys{max-width: calc(100% - 950px);}
}

@media screen and (max-width:1366px) {
  .inabout_title::before{ font-size:150px;}
  .inabout_info{padding: 0 0 0 8%;}
  .inabout_map{max-width: 68%; margin-top:50px;}
  .inabout_map img{max-width:95%;}
  .inabout_ys{max-width:32%;}
}
@media screen and (max-width:996px) {
  .inabout_bg{padding:40px 0;}
  .inabout_title{margin-bottom: 30px;}
  .inabout_title::before{ font-size:120px;}
  .inabout_ys li p em{font-size:40px;}
  .inabout_ys li i{font-size:40px; line-height: 1;}
}
@media screen and (max-width:576px) {
  .inabout_bg h1{ margin:5px 0;}
  .inabout_title::before{ font-size:100px; opacity:.2;}
  .inabout_info{padding: 0 15px;}
  .inabout_map{max-width: 100%; margin-top: 10px;}
  .inabout_map img{max-width:100%;}
  .inabout_ys{max-width: 90%; margin: 0 auto;}
  .inabout_ys ul li{padding: 10px 0;}
}


/*首页产品分类css*/
.inproduct_bg{padding:80px 0; border-top: 1px var(--black) solid;}
.inproduct_bg .swiper-slide .container{display: flex; justify-content:flex-end; align-items: center; position: relative;}
.inproduct_bg .swiper-slide-img{overflow: hidden; border: 2px var(--black) solid; margin-right:10%;}
.inproduct_bg .swiper-slide-img img{width: 100%;max-width: 930px; transform: scale(1); transition: all .5s ease-in-out;}
.inproduct_bg .swiper-slide-img:hover img{transform: scale(1.1);}
.inproduct_bg .swiper-pagination-bullet{width: 1px; height:calc(100% / 11);background:var(--red); opacity: 1; border-radius: 0;}
.inproduct_bg .swiper-pagination-bullet-active{background:var(--white);}
.inproduct_bg .swiper-container-horizontal>.swiper-pagination-bullets,.inproduct_bg .swiper-pagination-custom,.inproduct_bg .swiper-pagination-fraction{width: 100px; height: 100%; background:url(../images/inproduct_bg.jpg) top center no-repeat; background-size: cover; left: auto; right:10%; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px 0;}
.inproduct_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.inproduct_bg .swiper-pagination::before{content: "01"; font-size: 20px; color: var(--red); }
.inproduct_bg .swiper-pagination::after{content: "11"; font-size: 20px; color: var(--red);}

.inproduct_bg .swiper-slide-text{position: absolute; z-index: 2; left: 0;}
.inproduct_bg h1{font-weight: 900; margin-bottom:1rem;}
.inproduct_bg p{padding:0 30% 0 0;}
.inproduct_bg .line{width:2px; height:80px; background:var(--red); margin:50px 0;}
.inproduct_bg .swiper-slide-text span{position: absolute; z-index:-1; top: -120px; left:-80px; color: var(--red); opacity: .1; font-size:240px; line-height: 1; font-weight:500;}
.inproduct_bg .more{max-width:180px;}

@media screen and (max-width:1680px) {
  .inproduct_bg .swiper-container-horizontal>.swiper-pagination-bullets,.inproduct_bg .swiper-pagination-custom,.inproduct_bg .swiper-pagination-fraction{right:4%;}
  .inproduct_bg .swiper-slide-text span{left:-50px;}
}
@media screen and (max-width:1440px) {
  .inproduct_bg .swiper-slide-img img{max-width:850px;}
}

@media screen and (max-width:1366px) {
  .inproduct_bg .swiper-slide-img img{max-width:800px;}
  .inproduct_bg .swiper-slide-text span{font-size:200px; top: -100px; }
}
@media screen and (max-width:996px) {
  .inproduct_bg{padding:40px 0;}
  .inproduct_bg .swiper-slide-text span{font-size:120px; top: -50px; left: -30px;}
  .inproduct_bg .swiper-slide-img img{max-width:500px;}
  .inproduct_bg .line{height:40px;margin:20px 0;}
  .inproduct_bg .swiper-slide-img{margin-right:1%;}
  .inproduct_bg h1{font-size:1.85em;}
  .inproduct_bg h3{font-size:1.125em;}
  .inproduct_bg .swiper-container-horizontal>.swiper-pagination-bullets,.inproduct_bg .swiper-pagination-custom,.inproduct_bg .swiper-pagination-fraction{width:70px;}
  .inproduct_bg .more{max-width:150px;}
}

@media screen and (max-width:576px){
  .inproduct_bg .swiper-slide .container{display: flex; flex-direction: column; position: relative;}
  .inproduct_bg .swiper-slide-img{ margin-right:0;}
  .inproduct_bg .swiper-slide-img img{max-width:100%;}
  .inproduct_bg .swiper-slide-text{position: relative; width: 100%;}
  .inproduct_bg .line{display: none;}
  .inproduct_bg p{padding: 15px 0 0 0;}
  .inproduct_bg .more{margin: 10px 0 25px;}
  .inproduct_bg .swiper-slide-text span{top:-20px; left: 0;opacity:.2;}
  .inproduct_bg h1{margin:30px 0 5px 0}
  .inproduct_bg .swiper-container-horizontal>.swiper-pagination-bullets,.inproduct_bg .swiper-pagination-custom,.inproduct_bg .swiper-pagination-fraction{width:92%; height:50px;background:url(../images/m_inproduct_bg.jpg) bottom center no-repeat; background-size: cover; left:4%; right:auto; bottom: 0; flex-direction: row; padding: 0 15px; position: relative; margin-top:15px;}
  .inproduct_bg .swiper-pagination-bullet{width: calc(100% / 11); height:1px;}
}


/*首页技术与设备css*/
.intechnology_bg{background:url(../images/intechnology_bg.jpg) top center no-repeat; background-size:cover; padding:80px 0;}
.intechnology_bg .row{align-items: center;}
.intechnology_bg h1{margin-bottom: .1rem;}
.intechnology_bg h2{color: var(--red); text-transform: uppercase;font-size:44px; letter-spacing: -0.5px;}
.intechnology_bg p{margin-top:3rem;}
.intechnology_bg .col-xl-8{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;}
.intechnology_img{border: 1px var(--red) solid; margin:7px;}
.intechnology_bg .img1{flex: 0 0 calc(60% - 16px); max-width: calc(60% - 16px);} 
.intechnology_bg .img2{flex: 0 0 calc(40% - 16px); max-width: calc(40% - 16px);} 
.intechnology_img img{ height:340px; object-fit: cover;}

@media screen and (max-width:1440px) {
  .intechnology_bg p br{display: none;}
  .intechnology_img img{ height:300px;}
}

@media screen and (max-width:1366px) {
  .intechnology_img img{ height:240px;}
}
@media screen and (max-width:996px) {
  .intechnology_bg{padding:40px 0;}
  .intechnology_bg p{margin-top:0;}
  .intechnology_bg .col-xl-8{padding: 0; margin-top: 15px;}
}
@media screen and (max-width:576px) {
  .intechnology_bg h2{font-size:32px;}
  .intechnology_bg .img1{flex: 0 0 calc(50% - 16px); max-width: calc(50% - 16px);} 
  .intechnology_bg .img2{flex: 0 0 calc(50% - 16px); max-width: calc(50% - 16px);} 
  .intechnology_img img{ height:120px;}
}



/********************************************底部信息css****************************************/
footer{background:var(--black); padding-top:80px;}
footer .container .row{align-items: center;}
footer .container .row div{display: flex; flex-direction: column; justify-content: center; align-items: center;}
footer .service_title{ position: relative; margin-bottom:5rem;}
footer .service_title::before{content: "SERVICE";text-transform: uppercase; font-size: 200px; line-height: 1; color: var(--red); opacity: .1; position: absolute;z-index: -1;}
footer .service_title h1{margin-bottom: 1rem;}
footer i{width: 90px; height: 90px; border-radius: 100%; border: 1px var(--red) solid; display:flex; justify-content: center; align-items: center; font-size:42px; color: var(--red); margin-bottom: 1.5rem;}
footer i.iconfont1{font-size: 48px;}
footer p{opacity: .5;}
footer p a:hover{opacity: 1;}
.copyright{padding:30px 0; text-align:center;background:var(--black); 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(--red) solid; position: fixed; z-index: 9999;right:20px; bottom:3%; display: flex; justify-content: center; align-items: center; color:var(--red); font-size:40px; box-shadow: 0 0 10px rgba(0,0,0,.5);}
.top:hover{ background:var(--red); 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 .service_title{margin-bottom:1.5rem;}
  footer .service_title::before{font-size:100px; top:-65%; opacity:.2;}
  footer i{width:70px; height:70px;font-size: 32px;}
  footer i.iconfont1{font-size: 38px;}
  .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 .service_title::before{top:-55%;}
  footer .container .row div{padding:0; margin-bottom:10px;}
  footer i{width:60px; height:60px;font-size:28px; margin-bottom:1rem;}
  footer h5{margin:0;}
  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:80px 0;}
.about_bg .container{display: flex; align-items: center;}
.about_title{position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.about_title::before{content: "ABOUT"; color: var(--red); opacity: .1; display: inline-block; font-size:170px;  position: absolute; z-index: -1; line-height: 1;}
.about_info{color: var(--white); opacity: .8; padding: 0 5%;}
.about_info img{max-width: calc(50% - 20px); padding:25px 10px 0 10px;}

.honor_bg{background:url(../images/intechnology_bg.jpg) top center no-repeat; background-size:cover; padding:80px 0 30px;}
.honor_bg .row{display: flex; justify-content: center;}
.honor_title{position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; margin-bottom: 50px;}
.honor_title::before{content: "HONOR"; color: var(--red); opacity: .1; display: inline-block; font-size:170px; position: absolute; line-height: 1; top: -65%; z-index:-1;}
.honor_bg .technology_img{overflow: hidden;}
.honor_bg .technology_img img{transform: scale(1.0); transition: all .5s ease-in-out;}
.honor_bg .technology_img:hover img{transform: scale(1.1);}
.honor_bg img{border-radius: 3px; margin-bottom:20px;}


.technology_bg{padding:80px 0 30px;}
.technology_title{position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; margin-bottom: 50px;}
.technology_title::before{content: "EQUIPMENT"; color: var(--red); opacity: .1; display: inline-block; font-size:170px; position: absolute; line-height: 1; top: -65%; z-index:-1;}
.technology_bg h1{margin-bottom:1rem;}
.technology_bg .col-xl-3{margin-bottom:30px;}
.technology_bg img{border-radius: 3px;}
.technology_bg .technology_img{overflow: hidden;}
.technology_bg .technology_img img{transform: scale(1.0); transition: all .5s ease-in-out;}
.technology_bg .technology_img:hover img{transform: scale(1.1);}

@media screen and (max-width:1366px) {
  .about_title::before{font-size:150px;}
  .about_title h1{margin-top: 20px;}
  .about_info{padding: 0 15px 0 5%;}
  .honor_bg{padding:50px 0;}
  .honor_title::before{font-size:140px; top: -45%;}
  .technology_bg{padding:50px 0;}
  .technology_title::before{font-size:140px; top: -45%;}
  .technology_bg h1{margin:.5rem 0;}
}
@media screen and (max-width:996px) {
  .about_bg{padding:40px 0;}
  .about_title{margin-bottom: 30px;}
  .about_title::before{font-size:120px;}
  .honor_title::before{font-size:100px;}
  .technology_title::before{font-size:100px;}
}
@media screen and (max-width:576px) {
  .about_info img{max-width: 100%; padding:10px 0px; border-radius:4px;}
  .about_title::before{opacity:.2;}
  .honor_title{margin-bottom: 20px;}
  .honor_title::before{top: -60%;opacity:.2;}
  .technology_bg{padding:30px 0;}
  .technology_title{margin-bottom: 20px;}
  .technology_title::before{top: -10%;opacity:.2;}
  .technology_title h6{line-height: 1.5;}
  .technology_bg .col-xl-3{margin-bottom:15px;}
}




/*产品中心css*/
.product_bg{padding:60px 0 30px;}
.product_classlist{display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px;}
.product_classlist a{margin: 0 7px; padding:5px 17px; border-radius:2px; border: 1px var(--red) solid;}
.product_classlist a:hover{background: var(--red); color: var(--white);}

/*产品列表css*/
.product_bg ul{margin-top: 1.5rem;}
.product_img{overflow: hidden; margin: 1rem auto;}
.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);}*/
.product_bg h6{text-align: center;}

/*产品详情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(--red) solid; color: var(--red); 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(--darkred);}
.productview_btn a:hover{background: var(--red);}
.productview_btn i{margin-right: 5px;}

.product_img.gallery-top {margin-bottom:5px;}
.product_img .gallery-thumbs {width:30%; box-sizing: border-box; padding: 10px 0;}
.product_img .gallery-thumbs .swiper-slide {opacity: 0.4; cursor: pointer;}
.product_img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border:1px #009679 solid;}
.product_img .swiper-button-next:after,.product_img .swiper-button-prev:after{color:var(--red);}

@media screen and (max-width:1440px) {
  .product_classlist{justify-content:flex-start; margin-bottom: 5px;}
  .product_classlist a{margin: 0 7px 15px;}
  .productview .col-xl-5{flex: 0 0 46%; max-width: 46%;}
}
@media screen and (max-width:1366px) {
  .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_bg{padding:30px 0;}
  .product_classlist a{margin: 0 5px 12px; padding:5px 10px;}
  .productview{padding:80px 0 30px;}
  .productview h2{margin:1rem 0 1rem;}
  .productview_btn{flex-direction: column; margin: 2rem 0 0;}
}


.prev_next{display: flex; flex-direction: column; margin:20px 0;}
.underline {display: flex; align-items: center;text-decoration: none;color:var(--white);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(--red);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(--red);}

@media screen and (max-width:576px) {
  .product_bg ul{margin-top: 1rem;}
  .product_img{max-width:100%;margin: .5rem auto;}
  .productview h4{margin-bottom: 1rem;}
  .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(--red);transition: all .5s ease-in-out;}

@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: 120px 0 50px;}
.newsview .row{justify-content: center;}
.newsview h3{ padding:0 0 10px 0; text-align: center; font-weight:bold; color: var(--red);}
.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(--red) 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: 90px 0 30px;}
}

/********************************************联系我们css****************************************/
.contact_bg{padding: 50px 0;}
.contact_bg h3{color: var(--red);}
.contact_bg p{line-height:4; display: flex; align-items: center; border-bottom: 1px var(--gray-dark) solid;}
.contact_bg i{margin-right:10px; transition: all .5s ease-in-out;}
.contact_bg i.iconfont1{font-size:18px;}
.contact_bg i.iconfont2{font-size:20px;}
.contact_bg a:hover i{margin-left: 15px;}

#dituContent{width:100%;height:470px; 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 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/intechnology_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(--red); opacity: .1; display: inline-block; font-size:170px;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; color: var(--white);}
.message_info textarea {border: 0;outline: 0; padding:16px;border:1px #ccc solid;background: none; color: var(--white);}
.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;}
.message_info .red {display: block;width:100%;color:var(--white); font-size:18px; margin:0 auto; background:var(--red);}
.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:25%;}
.message_info .yzm img{width:15px;}

@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 li{margin-bottom:5px;}
  .message_info button, .message_info input {padding:10px;}
  .message_info textarea {padding:10px;}
}

/*********************分页css************************/
.pagination {display:flex; align-items:center; justify-content:center; font-size:0; line-height:0; margin:30px auto 0;}
.pagination:empty {margin-bottom:0;margin-left:0}
.pagination>* {display:inline-block;margin:0 5px;}
.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:var(--white)}
.pagination li a,.pagination li span {display:inline-block;width:42px; height: 42px; border-radius:100%; font-size:14px; line-height:42px; color:var(--white);transition:all .3s ease-in-out; background: var(--black);}
.pagination li a.icon{font-size:22px}
.pagination li a:hover,.pagination li a:focus,.pagination li a:active,.pagination li.active span{color:var(--white); background:var(--red)!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:var(--white);}
.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{background:#333;}
.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}


@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;}
}