@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:50px; max-width:150px; background-image:var(--bg); color: var(--white);}
.more::after{content:"\eb08"; font-family: "iconfont"; margin-left:1rem; font-size:1em; transition: all .5s ease-in-out; }
.more:hover{max-width:200px; }
.more::after:hover{margin-left:.5rem;}

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


/*************************************导航css*******************************************/
header{display: flex; flex-direction: column; box-shadow:0 0 15px rgba(0,0,0,.2); transition:all .5s ease-in-out; height:90px; background:#fff;}
header.sticky{max-width:100%;margin-left:0;}
header.sticky .site_nav{background:rgba(224,224,224,1);}
header.sticky .bg-light{background:rgba(255,255,255,1) !important; border-radius:0;}
header .language{background-image:var(--bg); color:#fff;height:100%; display: flex; align-items: center; padding:0 1.5rem; font-size:1.25em;}
header .language i{margin-right:5px; font-size:1.4em;}

@media screen and (max-width:996px){
    header .language{display: none;}
}


.navbar{padding:0 0 0 2rem; height:100%;}
.navbar-brand{font-size:1.5rem; padding:0.9rem 0; display:flex; align-items:center; font-weight: bold;}
.navbar .navbar-brand img{max-width:100px; margin-right:15px;}
.navbar-collapse{flex-grow:0;}
.navbar-expand-lg .navbar-nav .nav-link{font-size:1.125em;}
.navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .nav-link.active{background-image:var(--bg); border-radius:25px; color:#fff;}
.close,#navbarNav .navbar-brand{display: none;}

@media screen and (max-width:1440px){
    .navbar-brand{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:1.5rem; font-weight:bold;}
    .navbar-toggler span{font-size:1.5rem;}
    .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:20px;}
    #navbarNav .navbar-brand img{max-width:120px;}
}

@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:80px;}
    .navbar-collapse{ padding:1rem 1rem;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:1em;padding-right:0;padding-left:0;}
    .navbar{padding:0rem 1rem;}
    .navbar .navbar-brand{font-size:20px;}
    .navbar .navbar-brand img{max-width:100px;}
    .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;}  
}



/*************************************轮播图css*******************************************/
.slider_bg img{width:100%;}
.slider_bg .mySwiper{display: flex; justify-content: center; align-items: center;}
.slider_bg .container-fluid{position: absolute; top:18%; z-index:99; margin:0 auto; text-align: center; color:#fff; display: flex; justify-content:center;}
.slider_bg .slider_img3 .container{display: flex; justify-content: flex-start;}
.slider_bg .title{font-size:60px; line-height: 1.5; font-weight:bold;}
.slider_bg .subtitle{font-size:24px;}
.slider_bg .subtitle b{font-weight: 900;}
.slider_bg b{padding:0 5px;}
.slider_bg .text a{width:50%; max-width:180px; background:rgba(58,120,245,.5); border-radius:50px; margin:30px auto 0; display: block; color:#fff; line-height:3; transition:all .5s ease-in-out;}
.slider_bg .text a:hover{background-image:var(--bg);}
.slider_bg .swiper-button-next,.slider_bg .swiper-button-prev{ color:#fff;}
.slider_bg .swiper-pagination-bullet{width:6px; height:6px; background:#fff; transition:all .5s ease-in-out; margin-right:5px;}
.slider_bg .swiper-pagination-bullet-active{width:30px; height:6px; border-radius:6px; background:#fff;}
.slider_bg .swiper-pagination{ bottom:10px;}

@media screen and (max-width:1440px){
    .slider_bg .title{font-size:32px;}
    .slider_bg .subtitle{font-size:18px;}
}

@media screen and (max-width:576px){
    .slider_bg .container{margin: 0 auto;}
    .slider_bg .title{font-size:16px;}
    .slider_bg .subtitle{font-size:12px;}
    .slider_bg .subtitle br{display:none;}
    .slider_bg .text a{ margin:10px auto 0; max-width:120px; line-height:2.5;}
    .slider_bg .swiper-button-next:after, .slider_bg .swiper-button-prev:after{ font-size:20px;}
}


/*首页公司简介css*/
.inabout_bg{padding:120px 0; background:url(../images/inabout_bg.jpg) top center no-repeat; background-size:cover;}
.inabout_bg .row{margin:0;}
.inabout_bg .col-12{padding:0; overflow:hidden;}
.inabout_bg .inabout_info{padding:0 5% 0 0; display: flex; flex-direction: column; justify-content:center;}
.inabout_bg .inabout_info h1{font-weight:bold; text-align:left;}
.inabout_bg .inabout_info h5{margin:15px 0 50px; color:#00245b;}
.inabout_bg .inabout_info p{padding:8px 0;}
.inabout_bg .more{max-width:160px; display:flex; justify-content:space-between;background-image:var(--bg); color:#fff; border-radius:50px;padding:8px 25px;  margin-top:50px;}
.inabout_bg .more:after{content:"\eca8"; transition: all .5s ease-in-out; font-family:"iconfont";}
.inabout_bg .more:hover{ max-width:220px;transition: all .5s ease-in-out;}
.inabout_bg .more:hover:after{color:#fff;}
.inabout_img img{max-width:100%;}

@media screen and (max-width:1440px){
    .inabout_bg{padding:60px 0;}
    .inabout_bg .inabout_info{padding:0 2%;}
}
@media screen and (max-width:996px){
    .inabout_bg{padding:25px 15px;}
    .inabout_bg .inabout_info{padding:4%;}
    .inabout_bg .inabout_info p{padding:0 0 10px 0;}
}
@media screen and (max-width:576px){
    .inabout_bg .inabout_info{padding:20px 15px;}
    .inabout_bg .inabout_info h5{margin:15px 0 10px;}
    .inabout_bg .more{max-width:140px; margin-top:20px;font-size: 14px}
    .inabout_bg .more:hover{max-width:180px;}
}

.innumber_bg{background:url(../images/innumber_bg.jpg) top center no-repeat; background-size:cover; height:350px; color:var(--white); display:flex; align-items:center;}
.innumber_bg p{font-size:20px;}
.innumber_bg p span{font-weight:900; font-size:80px; line-height:.9; margin-right:10px; background-image:var(--textbg); -webkit-background-clip: text;color: transparent;}
.innumber_bg p i{font-size:40px; margin-right:15px;}
.innumber_bg h4{font-size:1.125em;}
@media screen and (max-width:1440px){
    .innumber_bg p{font-size:18px;}
    .innumber_bg p span{font-size:60px;}
    .innumber_bg p i{font-size:32px;}
}

@media screen and (max-width:996px){
    .innumber_bg .col-6{margin:15px 0; text-align:center;}
}

@media screen and (max-width:576px){
    .innumber_bg{height:280px;}
    .innumber_bg p{font-size:14px;}
    .innumber_bg p span{font-size:44px; line-height:.9; margin-right:0px;}
    .innumber_bg p i{font-size:2em; margin-right:5px;}
    .innumber_bg h4{font-size:14px;}
}

/*首页产品展示css*/
.inproduct_bg{margin:0 auto; padding:50px 0; text-align:center;}
.inproduct_bg .col-lg-12{padding:0;}
.inproduct_bg h1{background-image:var(--textbg1); -webkit-background-clip: text; color: transparent; font-weight:900;}
.inproduct_bg p.p{color:var(--blue);}
.inproduct_bg .inproduct_box{display: flex; flex-wrap:wrap;}
.inproduct_bg .inproduct_img{flex:0 0 25%; max-width:25%; overflow:hidden;}
.inproduct_bg .inproduct_img img{transform: scale(1); transition: all .5s ease-in-out; border-radius:30px;}
.inproduct_bg .inproduct_img img:hover{transform: scale(1.1);}
.inproduct_bg .inproduct_cont{display: flex; justify-content: space-between; padding:20px 0px;}
.inproduct_bg .inproduct_info1 p{ display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; white-space: wrap; }

/**tabs**/
.panes{flex:0 0 100%; max-width:100%;}
.tabPanel ul{display:flex; flex-wrap:wrap; flex:0 0 100%; max-width:100%;padding:30px 0 20px;}
.tabPanel ul li{cursor:pointer; width:calc((100% / 6) - 1px); border-right:1px #ccc solid; padding:20px 0; font-size:1.125em; display: flex; align-items: center; justify-content: center; transition: all .5s ease-in-out; background:#f4f7f9; }
.tabPanel .hit,.tabPanel ul li:hover{cursor:pointer; color:var(--blue); position:relative;background:var(--white); border-left:5px var(--blue) solid;}
.tabPanel ul li:after{content: "\e6b5"; font-family:"iconfont"; display: inline-block; margin-left:30px; transition: all .5s ease-in-out;}
.tabPanel ul li.hit:after,.tabPanel ul li:hover:after{transform: rotate(90deg);}
.pane{display:none;}

#demo1{display: inline-block; height:auto}
#demo2{display:none;}
#demo1 li{text-align:center; padding:0 15px; display: inline-block;}
#demo1 li:after{display:none;}
#demo1 li p{padding:10px 0;}

@media screen and (max-width:1680px){
    .inproduct_bg .inproduct_cont{padding:20px 30px;}
}

@media screen and (max-width:1280px){
    .inproduct_bg h1 span{font-size:16px;}
    .tabPanel ul li{font-size:18px;}
    .tabPanel li:before{margin-right:10px;}
    .inproduct_bg h3 span{font-size:80px;}
}

@media screen and (max-width:576px){
    .inproduct_bg{padding:30px 15px;}
    .inproduct_bg h1{margin-bottom:10px;}
    .inproduct_img{display: none;}
    .inproduct_box{padding:15px 15px 0;}
    .inproduct_box p{padding:10px 0;}
    .inproduct_box .more{margin:0 auto;}
}


/*首页设备展示css*/
.intechnology_bg{background:url(/assets/templates/shuang/images/intechnology_bg.jpg) top center no-repeat fixed; height:80vh; background-size:cover; padding:80px 0;}
.intechnology_bg .container{ height:100%;}
.intechnology_bg h1{ margin:20px 0 10px; color:var(--white); line-height:1.5; font-weight:bold;}
.intechnology_bg p{color:var(--white);}
.intechnology_bg .row{display:flex; justify-content:space-between; height:100%;}
.intechnology_bg .col-xl-4{display: flex; flex-wrap: wrap; align-content: flex-end;height:100%;}
.intechnology_bg .technology_more{width:100%; padding:10px 0; color:var(--white);border-top:1px var(--white) solid; border-bottom:1px var(--white) solid; display:flex; justify-content:space-between; margin-top:40px;}
.intechnology_bg .technology_more:hover{background-image:var(--bg); border:1px var(--white) solid; padding:10px 30px;}

@media screen and (max-width:1440px){
    .intechnology_bg{height:60vh;}
}

@media screen and (max-width:576px){
    .intechnology_bg{background:url(/assets/templates/shuang/images/intechnology_bg.jpg) top center no-repeat; height:55vh;}
    .intechnology_bg .col-xl-4{height:auto;}
}


/*首页新闻css*/
.innews_bg{padding:80px 0;}
.innews_bg h1{line-height:1.5; margin-bottom:40px; font-weight:bold;}
.innews_img{overflow:hidden; max-width:400px;}
.innews_img:hover img{transform: scale(1.1);transition:all .5s ease-in-out}
.innews_bg .col-xl-8{display:flex; flex-wrap:wrap;}
.innews_bg .list{display:flex; border-bottom:1px #e9e9e9 solid; padding-bottom:20px; margin-bottom:20px;}
.innews_bg .innews_info{padding-left:25px;}
.innews_bg .innews_info em{font-style:normal;}
.innews_bg .innews_info h5{font-weight:bold; margin:20px 0;}
.innews_bg .innews_info a.innews_more{color:var(--blue); padding:5px 15px; margin-top:2rem; display:inline-block !important;}
.innews_bg .innews_info a.innews_more:hover{color:var(--white);background-image:var(--bg);}
.innews_bg .innews_info a i{margin-left:15px;}
.innews_bg .col-xl-4{padding-left:5%; }
.innews_bg .col-xl-4 .innews_info{padding-left:0; border-bottom:1px #e9e9e9 solid; padding-bottom:20px; }
.innews_bg .col-xl-4 .innews_img{overflow:hidden; max-width:100%; margin-bottom:15px;}
.innews_bg .col-xl-4 a.innews_more{margin-top:1rem;}

@media screen and (max-width:1440px){
    .innews_bg{padding:50px 0;}
    .innews_bg h1{margin-bottom:20px;}
}

@media screen and (max-width:576px){
    .innews_bg{padding:30px 0;}
    .innews_bg h1{margin-bottom:20px;}
    .innews_bg .list{display:block; padding-bottom:20px; margin-bottom:20px;}
    .innews_img{width:100%; max-width:100%;}
    .innews_bg .innews_info{padding:15px 0 0 5px;}
    .innews_bg .innews_info h5{margin:10px 0;}
    .innews_bg .innews_info a.innews_more{ margin-top:0;}
}

/*首页在线留言css*/
.inmessage_bg{background:url(../images/inmessage_bg.jpg) top center no-repeat; background-size:cover; padding:80px 0; color:var(--white);}
.inmessage_bg .col-xl-6{display:flex; flex-wrap:wrap; flex-direction: column;}
.inmessage_bg span{color:var(--white); display:flex; align-items:center;}
.inmessage_bg h2{font-weight:bold; display:inline-block; position:relative; margin:15px 0;}
.inmessage_bg .btn{display:flex; margin-top:20px;}
.inmessage_bg .btn .telphone{background:var(--white); border-radius:6px; color:var(--blue); display:inline-block; padding:0 50px; display:flex; align-items:center;}
.inmessage_bg .btn .telphone:hover{background-image:var(--bg); color:var(--white); box-shadow:0 0 10px rgba(255,255,255,.2);}
.inmessage_bg .btn .telphone i{font-size:24px; margin-right:5px;}
.inmessage_bg .btn_tel{display:flex; justify-content:flex-start; color:var(--white); text-align:left;}
.inmessage_bg .btn_tel i{width:62px; height:62px; display:flex; justify-content:center; align-items:center; font-size:26px; color:var(--white); background:rgba(255,255,255,.4);border-radius:100%;margin:0 8px 0 30px; }
.inmessage_bg .btn_tel .tel{font-size:26px; font-weight:900;}
.inmessage_bg .btn_tel .name{color:rgba(255,255,255,.5);}

.inmessage_info{width:90%; margin:0 auto;}
.inmessage_info li{width:100%; display:flex; line-height:52px; background:rgba(255,255,255,.2); margin-bottom:10px; border-radius:3px;}
.inmessage_info li em{ padding-left:15px; font-style:normal;}
.inmessage_info li input{width:80%; line-height: 50px; background: none; border: none; margin-left:15px; color:var(--white);}
.inmessage_info li textarea{width:86%; line-height:30px; background: none; border: none;  margin-left:15px;}
.inmessage_info .yzm{display:flex; justify-content: space-between; flex-wrap: nowrap; align-items: center;}
.inmessage_info .yzm li{width:100%; margin-bottom:0;}
.inmessage_info .yzm li input{width:55%;}
.inmessage_info .yzm img{width:20px;}
.inmessage_info li.submit{border:none; justify-content: center; background:none;}
.inmessage_info li.submit input{width:100%; background:var(--white); color:var(--blue); border-radius:3px; transition: all .5s ease-in-out;}
.inmessage_info li.submit:hover input{background:var(--white);}

@media screen and (max-width:1680px){
    .inmessage_info li textarea{width:88%;}
    .inmessage_info li input{width:75%;}
}

@media screen and (max-width:1440px){
    .inmessage_bg{padding:50px 0;}
}
@media screen and (max-width:1366px){
    .inmessage_bg .btn .telphone{padding:0 30px;}
    .inmessage_bg .btn_tel .tel{font-size:20px;}
    .inmessage_info li textarea{width:85%;}
    .inmessage_info li input{width:70%;}
}

@media screen and (max-width:996px){
    .inmessage_info{width:100%; margin:0px auto;}
    .inmessage_info li{line-height:40px; margin-bottom:10px;}
    .inmessage_info li span{font-size:1em; line-height: 40px;}
}


@media screen and (max-width: 576px){
    .inmessage h6 a{display:inline-block; margin-top:5px;}
    .inmessage_info li textarea{width:72%;}
    .inmessage_info .yzm li{width:100%; margin-bottom:10px;}
    .inmessage_info li input{width:80%;}
    .inmessage_info li.submit input{width:100%;font-size:1.125em; line-height:2.8; margin-left:0;}
    .inmessage_bg .btn{flex-direction: column;}
    .inmessage_bg .btn .telphone{padding:12px 50px; margin-bottom:15px;justify-content: center;}
}


/********************************************底部信息css****************************************/
footer{background:#191f2b; padding-top:40px; color:#c1c8cf;}
footer .box{max-width:83%;}
footer .menu a{ display:inline-block; margin:5px 10px; }
footer h5{border-bottom:1px rgba(255,255,255,.1) solid; color:var(--white); padding-bottom:30px; margin-bottom:25px;}
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 a{color:#c1c8cf;}
footer a:hover{color:var(--white);}
footer .erweima{display: flex;}
footer .erweima div{max-width:50%; text-align: center;}
footer .erweima div img{max-width:85%; margin-bottom:5px;}

.copyright{padding:30px 0; text-align:center;background:#191f2b; 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(--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 .erweima div{max-width:80%;}
  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:10px 5%; font-size:12px;}
  .copyright span{display: block; text-align: left;}
}

@media screen and (max-width:576px) {
  footer{padding-top:30px;}
  footer .box{max-width:100%;}
  footer .container .row .box{padding:0; margin-bottom:10px;}
  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;}
  footer .erweima{display:none;}
  .copyright{margin-top: 1rem;}
  .top{width:40px; height:40px;right:5px; bottom:2%;font-size:30px;}
}



/*************************************内页轮播图css*******************************************/
.product_slider_bg{overflow:hidden;}
.product_slider_bg img{width:100%;}
.product_slider_bg .swiper{display: flex; justify-content: center; align-items: center;}
.product_slider_bg .container-fluid{position: absolute; z-index:99; top:12%; margin: 0 auto; text-align: center; color:#fff; display: flex; justify-content:center;}
.product_slider_bg .title{font-size:50px; line-height: 1.5; font-weight:bold;}
.product_slider_bg .subtitle{font-size:24px;}
.product_slider_bg .subtitle b{font-weight: 900;}
.product_slider_bg b{padding:0 5px;}
.product_slider_bg .text a{width:50%; max-width:150px; background:rgba(58,120,245,.5); border-radius:50px; margin:30px auto 0; display: block; color:#fff; line-height:3; transition:all .5s ease-in-out;}
.product_slider_bg .text a:hover{background-image:var(--bg);}
.product_slider_bg .swiper-button-next,.product_slider_bg .swiper-button-prev{ color:#fff;}
.product_slider_bg .swiper-pagination-bullet{width:6px; height:6px; background:#fff; transition:all .5s ease-in-out; margin:0 3px;}
.product_slider_bg .swiper-pagination-bullet-active{width:30px; height:6px; border-radius:6px; background:#fff;}
.product_slider_bg .swiper-pagination{bottom:20px;}
@media screen and (max-width:1440px){
    .product_slider_bg .title{font-size:30px;}
    .product_slider_bg .subtitle{font-size:16px;}
}
@media screen and (max-width:576px){
    .product_slider_bg .container{margin: 0 auto;}
    .product_slider_bg .title{font-size:16px;}
    .product_slider_bg .subtitle{font-size:12px;}
    .product_slider_bg .subtitle br{display:none;}
    .product_slider_bg .text a{ margin:10px auto 0; max-width:120px; line-height:2.5;}
    .product_slider_bg .swiper-button-next:after, .product_slider_bg .swiper-button-prev:after{ font-size:20px;}
}


/*公司简介css*/
.about .row{display:flex; justify-content:center;}
.about_bg h1{font-weight:bold; margin-bottom:.5rem; text-align:center;}
.about_bg h5{line-height: 1.8; text-align:center;}
.about_bg p{padding:10px 5%;}
.about_bg .about_info{align-items: center; background:#fff; padding-bottom:50px;}

.she{text-align:center}
.she p{padding:20px 0; font-size:1.25em;}

@media screen and (max-width:1440px){
    .she p{font-size:1em;}
}
@media screen and (max-width:996px){
    .she p{padding:10px 0;}
}



/*产品中心css*/
.product_bg{padding:60px 0;}
.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;}
@media screen and (min-width: 960px) and (max-width:9999px){
    .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 h2{background-image:var(--textbg1); -webkit-background-clip: text; color: transparent; font-weight:900; text-align:center; margin-bottom:20px;}
.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; border-radius:20px;}
.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;}
    .product_img img{border-radius:10px;}
}

@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 45%; max-width:45%;}
    .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{background:var(--white); border-top-left-radius:20px; border-top-right-radius:20px; padding-bottom:30px; margin-bottom:30px;}
.news_info p{padding:0 20px; font-size:14px;}
.news_info .inproduct_more{padding:5px 20px; margin-right:20px; margin-top:15px; transition: all .5s ease-in-out; }
.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);}

@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 p{display:none;}
    .news_bg h6{padding:20px 15px 0px 15px;}
    .news_bg .innews_more{display:none;}

}


/********************************************联系我们css****************************************/
.contact .row{justify-content: space-between; align-items: center; margin:0;}
.contact h2{background-image:var(--textbg1); -webkit-background-clip: text; color: transparent; font-weight:900;margin-bottom:20px;}
.contact h4{font-weight:bold; margin-bottom:1rem;}
.contact p{line-height:3.5; border-bottom:1px #dcdcdc solid;}
.contact i{margin-right:15px; font-size:20px;}
.contact_info{width:70%; margin:0 auto;}
.contact_info img{max-width:77px;}

.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:85vh; border-left:#ccc solid 1px;}

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

@media screen and (max-width: 576px){
    .contact{padding:50px 0; width:100%;}
    .contact_info{width:100%;}
    .contact p{line-height:2.5;}
    .contact i{margin-right:8px;}
    .contact i.iconfont1{font-size:16px;}
    #dituContent{max-width:98%; margin:20px auto 0; height:500px;}
}

/*在线留言css*/
.message{background:#f2f2f2;}
.message h5{text-align:center;}
.message h5 span{color:var(--blue);}
.message h5 i{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:#f0873a; 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:8%;}
.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%;}
}

/*********************分页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:20px auto 0px;}
    .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;}
}