/* 页头 */
.header{position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   z-index: 300;
   background-color: #fff;
   transition: top 0.5s ease;
   -webkit-transition: top 0.5s ease;
   -moz-transition: top 0.5s ease;
   -o-transition: top 0.5s ease;}
.header.active{box-shadow: 0px 0px 5px 6px rgb(0 0 0 / 10%);}
.header_main{max-width: 1820px;margin: 0 auto;}
.Pageheader{background-color: #f5f5f5;width: 100%;height: 45px;position: relative;}
.Pageheader_icon p{display: inline-block;margin-right: 20px;}
.number p{font-size: 16px;color: #666666;line-height: 45px;}
.number p span{font-size: 18px;display: inline-block;line-height: 40px;color: #336699;margin-right: 10px;}
.Pageheader_icon p a{display: inline-block;}
.language p a{font-size: 16px;color: #4c4c4c;display: inline-block;line-height: 45px;padding-right: 10px;background: url(../image/icon5.png) no-repeat center right;}
.number{float: left;}
.language{float: right;margin-left: 20px;}
.language p{padding-left: 28px;background: url(../image/icon4.png) no-repeat center left;}
.Pageheader_icon{float: right;margin-top: 7px;position: relative;}
.Pageheader_icon:before{content: '';width: 1px;height: 30px;background-color:#e0e0e0;right: 0;top: 0px;position: absolute;}
/* .Pageheader_content{display: inline-block;} */
.Pageheader_box{text-align: right;}
.Pageheader .bg{z-index: 1;background-color: #f2f2f2;position: absolute;top: 0;right: 0;width: 140px;height: 45px;}
.Pageheader .Pageheader_box{z-index: 2;position: relative;}



.Pageheader_icon span{width: 100px; position: absolute;display: none;}
.Pageheader_icon  .topimg img{max-width: 100%;}
.Pageheader_icon  p{position: relative;}
.Pageheader_icon span.topimg1{
   top: 45px;
   left: -30px;
}
.Pageheader_icon span.topimg2{
   top: 45px;
   left: -100%;
}
.Pageheader_icon p:hover span{display: block;}

/*  */

.business_icon ul li span{width: 100px; position: absolute;display: none;}
.business_icon ul li  .topimg img{max-width: 100%;}
.business_icon ul li {position: relative;}
.business_icon ul li span.topimg1{
   top: 45px;
   left: -30px;
}
.business_icon ul li span.topimg2{
   top: 45px;
   left: 50%;
}
.business_icon ul li:hover span{display: block;}


/* 导航 */
.header_nav .nav li{display: inline-block;padding-left: 45px;}
.header_nav .nav li a{font-size: 18px;color: #212121;line-height: 80px;display: inline-block;}
.search_btns input{height: 40px;border-radius: 20px;width: 350px;}
.header_nav .logo{float: left;margin-top: 17px;}
.header_nav .logo img{width: 160px;}
.header_nav .nav{float: left;display: inline-block;}
.header_nav .search_btn{float: right;display: inline-block;}
.header_nav{width: 100%;height: 80px;}
.search_btns .search_txt{padding-right: 130px; position: absolute;top: 20px;right: 0; border: 1px solid #d9d9d9;font-size: 14px;color: #999999;padding-left: 18px;}
.search_btns .search_btn{position: absolute;top: 20px;right: 0;z-index: 2; background: #369; cursor: pointer; width: 97px;color: #fff;font-size: 16px;} 
.search_btns{position: relative;height: 80px;display: inline-block; float: right;}
.header_nav .nav li a:hover{color: #369;}
.header_nav .nav li.active a{color: #369;}


/* .nav .info{position: relative;} */
.header_navlist{padding: 30px 0;border-top: 1px solid #d9d9d9;}
.header_navlist_ul{display: flex;flex-direction: row;justify-content: flex-start;}
.header_navlist_ul li{width: auto;float: left;margin-right: 15px;min-width:15%; }
.header_navlist_ul li dt{margin-top: 30px;}
.header_navlist_ul li dt a{font-size: 18px;color: #344f60;}
.header_navlist_ul li .nav_div dd a{font-size: 16px;color: #666666;display: inline-block;line-height: 36px;}
.header_navlist_ul li .nav_div dd a:hover{color: #369;}
.header_navlist_ul li .nav_div{margin-top: 10px;}
.nav_divimg{height: 70px;}
.header_nav .nav .info.mouse-in a{position: relative;}
.header_nav .nav .info.mouse-in a::after{
   content: '';
   width: 100%;
   height: 2px;
   background-color: #369;
   position: absolute;
   left: 0;
   bottom: 0;
}





/*  */
.main{max-width: 1460px;margin: 0 auto;padding:0 10px;display: block;}
.header_navlist{background-color: #fff;min-height: 100px;}
.nav_main{max-width: 1280px;margin: 0 auto;padding:0 10px;}
/* 首页title */
.h5title{font-size: 36px;color: #333;}
/* button  公用*/
.btn a{
     background: #fff;
     font-size: 15px;
     display: inline-block;
     border-radius: 20px;
     padding: 0 25px;
     color: #369;
     position: relative;
     /*  */
     text-transform:uppercase;
     cursor:pointer;
	 transition:all .5s;
     
      
     line-height: 40px;
    }

.btn a:hover{
    color: #fff;
    border: 1px solid #fff;
    background: #369  no-repeat center right 15px;
}
  /* button 反颜色 */
  .btnw a{
    background: #369 no-repeat center right 15px; 
    font-size: 16px;
    display: inline-block;
    border-radius: 20px;
    padding-left: 25px;
    padding-right: 75px;
    color: #fff;
    position: relative;
    /*  */
    border: 1px solid rgba(0, 0, 0, 0);
    text-transform:uppercase;
    cursor:pointer;
    -webkit-transition:all .5s;
    transition:all .5s;
    
   }
.btnw a:before{content: '';width: 1px;height: 40px;position: absolute;top: 0;right: 50px;background-color: #fff;}
.btnw a:hover:before{background-color: #369;}
.btnw a:hover{
   color: #369;
   border: 1px solid #369;
   background: #fff url(../image/icon6.png) no-repeat center right 15px;
}
 /* button 灰颜色 */
 .btnc a{
    background: #cccccc url(../image/icon6_1.png) no-repeat center right 15px;
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
    border-radius: 20px;
    padding-left: 25px;
    padding-right: 75px;
    color: #fff;
    position: relative;
    /*  */
    border: 1px solid rgba(0, 0, 0, 0);
    text-transform:uppercase;
    cursor:pointer;
    -webkit-transition:all .5s;
    transition:all .5s;
    
   }
.btnc a:before{content: '';width: 1px;height: 40px;position: absolute;top: 0;right: 50px;background-color: #fff;}
.btnc a:hover:before{background-color: #fff;}
.btnc a:hover{
   color: #fff;
   border: 1px solid #1cca79;
   background: #1cca79 url(../image/icon6_1.png) no-repeat center right 15px;
}
 /* button 黄颜色 */
 .btny a{
   background: #e5b23f url(../image/icon6-2.png) no-repeat center right 15px;
   font-size: 16px;
   display: inline-block;
   line-height: 40px;
   border-radius: 20px;
   padding-left: 25px;
   padding-right: 75px;
   color: #fff;
   position: relative;
   /*  */
   border: 1px solid rgba(0, 0, 0, 0);
   text-transform:uppercase;
   cursor:pointer;
   -webkit-transition:all .5s;
   transition:all .5s;
   
  }
.btny a:before{content: '';width: 1px;height: 40px;position: absolute;top: 0;right: 50px;background-color: #fff;}
.btny a:hover:before{background-color: #e5b23f;}
.btny a:hover{
  color: #e5b23f;
  border: 1px solid #e5b23f;
  background: #fff url(../image/icon6-3.png) no-repeat center right 15px;
}
/* 蓝条 */
.ibq{display: block;width: 34px;height: 4px;background-color: #369;margin: auto;}
/* 首页banner */
.index_banner{height: 688px;}
.index_banner .banner_left{width: 37.5%;display: flex;align-items: center;}
.index_banner .banner_right{width: 61%;}
.index_banner .banner_box{display: flex;flex-direction: row;justify-content: space-between;}
.banner_box h3{font-size: 48px;line-height: 63px;color: #fff;font-weight: 500;margin-bottom: 30px;}
.banner_box ul{flex-wrap: wrap; display: flex;flex-direction: row;justify-content: space-between;}
.banner_box ul li{width: 48%;margin-bottom: 35px; font-size: 16px;color: #fff;line-height: 20px;}
.banner_box ul img{display: inline-block;vertical-align:bottom;margin-right: 5px;}
.banner_box .banner_btn a{margin-top: 30px; }
.index_banner .banner_swiper .swiper-pagination-bullet{background: #fff;}
.index_banner .banner_swiper .swiper-pagination-bullet-active{width: 10px;height: 10px; background: rgba(0, 0, 0, 0);border: 2px solid #fff;}
.banner_swiper .swiper-slide{display: flex;align-items: center;width: 100%;height: 100%;}
.index_banner .banner_swiper{height: 740px;width: 100%;}
/* 首页产品搜索 */
.index_search .search_p {border: 1px solid #e1e1e1;line-height: 48px;border-radius: 24px;width: 100%;padding-left: 30px;font-size: 18px;color: #666;position: relative;}
.index_search .search_p .index_search_text{width: calc(100% - 180px);padding-left: 35px;line-height: 48px;font-size: 16px;color: #999999;}
.index_search .search_p:before{position: absolute;content: '';width: 1px;height: 22px;background-color: #d6d6d6;top: 13px;left: 80px;z-index: 2;}
.index_search .index_search_btn{font-size: 18px;color: #fff;background-color: #369;border-radius: 24px;line-height: 48px;width: 140px;position: absolute;top: 0;right: 0;border: 1px solid #369;}
.index_search form{position: relative;max-width: 55%;margin: 0 auto;}
.index_search .index_search_txt p{font-size: 16px;line-height: 24px;color: #999999;text-align: center;margin-top: 20px;}
.index_search{padding-top: 45px;padding-bottom: 35px;}
/* 首页推荐产品 */
.recommend{background-color: #f5f5f5;padding-top: 75px;position: relative;padding-bottom: 60px;}
.recommends{padding-top: 0;}
.recommend h5{text-align: center;}
.recommend .ibq{margin: 10px auto 50px;}
.recommend_list{padding: 45px 55px;}
.recommend_swiper .swiper-slide{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}


.recommend_list{display: flex;align-items: center; width: 49%;margin-bottom: 30px;height: 320px;background: #fff url(../image/bg2.png) no-repeat center right;}
.recommend_list .box{display: flex;flex-direction: row;justify-content: space-between;width: 100%;}
.recommend_list .box .recommend_txt{width: 44%;}
.recommend_list .box .recommend_txt h5{margin-bottom: 5px; font-size: 24px;line-height: 46px;color: #212121;text-align: left;}
.recommend_list .box .recommend_txt .text p{font-size: 16px;line-height: 28px;color: #333;}
.recommend_list .box .recommend_txt .text{min-height: 100px;}
.recommend_list .box .recommend_img{width:45%;display: table;height: 193px;}
.recommend_list .box .recommend_img div{width: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.recommend_list .box .recommend_img img{display: inline-block;}
/* .recommend .recommend_swiper{padding-top: 50px;} */
.recommends .recommend_swiper{padding-top: 0;}
.recommend .btnw{margin-top: 30px;text-align: center;}
.recommend .recommendPage{width: 50px;height: 50px;background-size: cover;left: initial;right: inherit;box-shadow: 0 0px 15px 5px #ddd;border-radius: 50%;outline:0 none !important;text-transform:uppercase;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}
.recommend .recommendPage.recommendnext{background: url(../image/iconn.png) no-repeat center center;right: 7%;}
.recommend .recommendPage.recommendprev{background: url(../image/iconp.png) no-repeat center center;left: 7%;}
.recommend .recommendPage.recommendnext:hover{background: url(../image/iconn1.png) no-repeat center center;right: 7%;}
.recommend .recommendPage.recommendprev:hover{background: url(../image/iconp1.png) no-repeat center center;left: 7%;}
/* 解决方案 */
.Solution_title .ibq {margin-top: 10px;}
.indexSolution{padding-top: 70px;}
.Solution_top{position: relative;}
.Solution_top .btn{position: absolute;right: 0;top: 15px;}
.indexSolution_list{width: 25%;padding: 27px 22px 25px 34px;position: relative;min-height: 220px;cursor: pointer;}
.indexSolution_list{border-right:1px solid #e8e8e8 ;}
.indexSolution_list:nth-child(4n){border-right: none;}
.indexSolution_list:hover{background: url(../image/bg3.png) no-repeat center center;background-size: cover;}
.indexSolution_list:hover .num{color: #fff;}
.indexSolution_list:hover .Solution_box_txt{display: none;}
.indexSolution_list:hover .Solution_box_txt1{display: block;}
.indexSolution_list:hover .img1{display: none;}
.indexSolution_list:hover .img2{display: block;}
.indexSolution_list .num{font-size: 16px;line-height: 20px;color: #a1acb2;}
.indexSolution_list_img .img2{display: none;}
.indexSolution_list_img{position: absolute;top: 27px;right: 22px;}
.indexSolution_list .Solution_box_txt1{display: none;position: absolute;left: 34px;bottom: 25px;}
.indexSolution_list h6{font-size: 20px;color: #344f60;}
.indexSolution_list .Solution_box_txt1 h6{color: #fff;padding-right: 22px;margin-bottom: 10px;}
.indexSolution_list .Solution_box_txt1 p{font-size: 16px;line-height: 20px; color: #fff;padding-right: 22px;}
.indexSolution_list .Solution_box_txt{position: absolute;left: 34px;bottom: 40px;}
.indexSolution_box{margin-top: 60px; }
/* .indexSolution_box:before{content: '';width: 100%;height: 1px;background-color: #e8e8e8;left: 0;top: 50%;margin-top: -.6px; position: absolute;} */
/* 合作伙伴 */
.indexPartners_swiper.swiper-container .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
      -moz-transition-timing-function: linear;
      -ms-transition-timing-function: linear;
      -o-transition-timing-function: linear;
      transition-timing-function: linear;
}
.indexPartners{padding-top: 40px;margin-bottom: 100px;}
.indexPartners h5{text-align: center;}
.indexPartners .ibq{margin: 0 auto;margin-top: 10px;}
.client_box{border-top: 1px solid #e0e0e0;margin-top: 50px;position: relative;padding-bottom: 5px;}
.client_box:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 5px;background-size: cover;}
/* 关于力之奇 */
.indexabout{height: 500px;background: url(../image/bg5.png)no-repeat center center;background-size: cover;}
.indexabout .h5title{color: #fff;}
.indexabout .ibq{background-color: #fff;margin-top: 10px;}
.indexabout_right h6{font-weight: 400; font-size: 26px;color: #fff;margin-bottom: 10px;}
.indexabout_txt{margin-bottom: 13px;font-size: 24px; background: #fff;  padding: 5px; border-radius: 20px;  color:#336699;}
.indexabout_txt p{font-size: 18px;line-height: 30px;}
.indexabout .main{height: 100%;display: flex;align-items: center;}
.indexabout_box{display: flex;flex-direction: row;}
.indexabout_box .indexabout_left{width: 25%;}
.indexabout_box .indexabout_right{width: 60%;padding-left: 25px;position: relative;margin: auto;}

/* 企业文化 */
.indexCulture .indexCulture_box .item{width: 50%;display: flex;align-items: center;height: 460px;}
.indexCulture .indexCulture_box .item .indexCulture_txt{position: relative;}
.indexCulture .indexCulture_box .item1 .indexCulture_txt{padding-right: 180px;padding-left: 25px;}
.indexCulture .indexCulture_box .item2 .indexCulture_txt{padding-left: 205px;}
.indexCulture .indexCulture_box .item .indexCulture_txt:before{content: '';width: 2px;height: 100%;background-color: rgba(255, 255, 255, .5);position: absolute;}
.indexCulture .indexCulture_box .item1 .indexCulture_txt:before{left: 0;}
.indexCulture .indexCulture_box .item2 .indexCulture_txt:before{left: 180px;}
.indexCulture .indexCulture_box{display: flex;flex-direction: row;justify-content: space-between;}
.indexCulture{position: relative;}
.indexCulture .item1:before{z-index: -1; top: 0;left: 0; content: '';position: absolute;width: 50%;height: 100%;background: url(../image/tu9.jpg) no-repeat center center;background-size: cover;}
.indexCulture .item2:before{z-index: -1; top: 0;right: 0; content: '';position: absolute;width: 50%;height: 100%;background: url(../image/tu10.jpg) no-repeat center center;background-size: cover;}
/* 资质认证 */
.qualifications_ul{text-align: center;margin-top: 40px;}
.qualifications_ul ul{display: inline-block;}
.qualifications_ul ul li{display: inline-block;font-size: 18px;color: #666666;margin: 0 15px;}
.qualifications .h5title{text-align: center;}
.qualifications .ibq{margin: 10px auto 0;}
.qualifications{margin-top: 90px;position: relative;margin-bottom: 100px;}
.qualifications_swiper .swiper-slide{background-color: #f5f5f5;padding: 42px 30px 0;}
.qualifications .qualificationsPage{top: 55%; width: 50px;height: 50px;background-size: cover;left: initial;right: inherit;box-shadow: 0 0px 15px 5px #ddd;border-radius: 50%;outline:0 none !important;text-transform:uppercase;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}
.qualifications .qualificationsPage.qualificationsnext{background: url(../image/iconn.png) no-repeat center center;right: 7%;}
.qualifications .qualificationsPage.qualificationsprev{background: url(../image/iconp.png) no-repeat center center;left: 7%;}
.qualifications .qualificationsPage.qualificationsnext:hover{background: url(../image/iconn1.png) no-repeat center center;right: 7%;}
.qualifications .qualificationsPage.qualificationsprev:hover{background: url(../image/iconp1.png) no-repeat center center;left: 7%;}
.qualifications_img{padding: 0 28px;}
.qualifications_box p{font-size: 20px;margin-top: 40px; color: #344f60;line-height: 70px;border-top: 1px solid #d9d9d9;}
.qualifications .qualifications_swiper{padding-top: 45px;}
.qualifications .btn{text-align: center;margin-top: 60px;}
/* 新闻中心 */
.indexnews{position: relative;width: 100%;margin: auto;padding: 80px 0;background: #f5f5f5;}
.indexnews_left{width: 21%;}
.indexnews_left:after{z-index: -1; content: '';position: absolute;top: 0;left: 0;width: 28%;height: 100%;background: url(../image/bg6.png) no-repeat center center;background-size: cover;}
.indexnews_box{display: flex;flex-direction: row;}
.news_box{width: 100%;height: 100%;padding: 15px 0;}
.news_box .news_swipers{padding: 60px 0;width: 100%;}
.news_swipers .indexnewsPage{z-index: 2; top: initial;bottom:15px; width: 50px;height: 50px;background-size: cover;left: initial;right: inherit;box-shadow: 0 0px 15px 5px #ddd;border-radius: 50%;outline:0 none !important;text-transform:uppercase;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}
.news_swipers .indexnewsPage.indexnewsnext{background: url(../image/iconn.png) no-repeat center center;left: 80px;}
.news_swipers .indexnewsPage.indexnewsprev{background: url(../image/iconp.png) no-repeat center center;left: 15px;}
.news_swipers .indexnewsPage.indexnewsnext:hover{background: url(../image/iconn1.png) no-repeat center center;left: 80px;}
.news_swipers .indexnewsPage.indexnewsprev:hover{background: url(../image/iconp1.png) no-repeat center center;left: 15px;}
.news_swipers .indexnews_img{height: 220px;width: 100%;max-width: 100%;overflow: hidden;}
.news_swipers .indexnews_img img{width: 100%; height: 100%;transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;transform: scale(1, 1);-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
.news_swipers .indexnews_year{margin-bottom: 5px;font-size: 16px;color: #666666;}
.news_swipers .indexnews_txt{font-size: 20px;line-height: 33px;color: #344f60;height: 66px;overflow: hidden;}
.news_swipers .indexnews_icon a{display: inline-block;padding-right: 30px;background: url(../image/icon13.png) no-repeat center right; font-size: 16px;color: #808080;}
.news_swipers .indexnews_icon a:hover{background: url(../image/icon12.png) no-repeat center right;color: #369;}
.news_swipers .swiper-slide:hover .indexnews_text:before{width: 100%;}
.indexnews_text{background-color: #fff;border-radius: 0 0 5px 5px; position: relative;overflow: hidden;padding: 15px;}
.indexnews_text:before{content: '';position: absolute;width: 0;height: 4px;background-color: #369;left: 0;bottom: 0;transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;}
.indexnews_icon{margin-top: 20px;}
.news_box .btn{position: absolute;right: 45px;bottom: 15px;z-index: 2;}
.news_list{position: relative;}
.news_swipers .swiper-slide:hover .indexnews_img img{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);}
.indexnews_box .ibq{margin-top: 10px;}
.indexnews_left ul li.active{color: #369;}
.indexnews_left ul li:hover{color: #369;}
.indexnews_left ul li{position: relative; font-size: 18px;color: #666666;cursor: pointer;margin-bottom: 10px;}
.indexnews_left ul li:nth-child(1){padding-top: 10px;}
.indexnews_left ul li:after{content: '';position: absolute;width: 2px;height: 0px;background-color: #369;left: -22px;top: 4px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.indexnews_left ul li:nth-child(1)::after{top: 15px;}
.indexnews_left ul li:hover::after{height: 16px;}
.indexnews_left ul li.active::after{height: 16px;}
.indexnews_left ul{padding-left: 20px;height: 140px;border-left: 2px solid #d9d9d9;}
.indexnews_left{padding-top: 100px;}
.indexnews_left ul{margin-top: 50px;}
/* 订阅关注 */
.subscribe{background-color: #3b4859;padding-top: 55px;padding-bottom: 45px;}
.subscribe_left h5 a{font-size: 24px;color: #e9f2f7;line-height: 36px;display: inline-block;}
.subscribe_left h5 a span{display: inline-block;color: #369;font-size: 26px;}
.indexforms input{width: 32%;margin-right: 20px; background: initial;border: none;font-size: 14px;color: #7a8696;border-bottom: 1px solid #5b6573;padding-bottom: 5px;}
.indexforms button{background: initial;border: none;outline:0 none !important;color: #e9f2f7;font-size: 18px;line-height: 42px;background-color: #369;border-radius: 21px;padding: 0 50px;cursor: pointer;}
.subscribeform h5{font-size: 24px;color: #e9f2f7;line-height: 30px;margin-bottom: 10px;}
.subscribeform p{font-size: 16px;line-height: 30px;color: #e9f2f7;margin-bottom: 10px;}
.subscribe_right h5{font-size: 24px;color: #fff;line-height: 30px;margin-bottom: 10px;}
.gzh_text .gzh_txt p{font-size: 14px;line-height: 20px;color: #e9f2f7;text-align: right;}
.gzh_text{display: flex;flex-direction: row;}
.gzh_img{width: 50%;border: 1px solid #5b6573;padding: 6px;}
.gzh_txt{width: 50%;display: flex;align-items: center;flex-direction: row-reverse;}
.subscribe_box{display: flex;flex-direction: row;justify-content: space-between}
.subscribe_left{width:1%;}
.subscribeform{width: 48%;} 
.subscribe_right{width: 12.5%;}
/* 页脚 */
.footer{padding-top: 80px;background: url(../image/bg7.png) no-repeat center center;background-size: cover;}
.footer_top{display: flex;flex-direction: row;justify-content: space-between;}
.footer_top .footer_logo{width: 13.8%;}
.footer_top .footer_txt{width: 81.5%;}
.footer_top .footer_txt p{font-size: 16px;line-height: 30px;color: #e9f2f7;}
.footer_nav{display: flex;flex-direction: row;justify-content: space-between;margin-top: 60px;}
.footer_nav dl{width: auto;}
.footer_nav dl dt a{font-size: 18px;line-height: 38px;color: #96abb7;}
.footer_nav dl dd a{font-size: 16px;line-height: 38px;color: #e9f2f7;display: inline-block;position: relative;cursor: pointer;}
.footer_nav dl dd a:after{bottom: 0;left: 0; content: '';position: absolute;width: 0;height: 1px;background-color: #369;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}
.footer_nav dl dd a:hover:after{width: 100%;}
.footer_nav dl dd a:hover{color: #fff;}
.footer_bottom p{width: auto; font-size: 14px;color: #96abb7;line-height: 38px;padding: 13px 0;}
.footer_bottom p a img{max-width: 5%;display: inline-block;vertical-align: top;}
.footer_bottom p a{font-size: 14px;color: #96abb7;line-height: 38px;padding: 13px 0;}
.footer_bottom{display: flex;flex-direction: row;justify-content: space-between;border-top: 1px solid #535e6c;margin-top: 50px;}
/* 产品详情页 */
.product_banner{width: 100%;background: url(../image/bg8.png) no-repeat center center;background-size: cover;height: 560px;}
.banner_box{display: flex;flex-direction: row;justify-content: space-between;width: 100%;}
.banner_txt{width: 50%;}
.banner_img{width: 50%;display: flex;align-items: center;text-align: center;}
.banner_img div{text-align: center;width: 100%;}
.banner_img div img{display: inline-block;max-width: 80%;}
.banner .main{display: flex;align-items: center;height: 100%;}
.banner_text{display: flex;align-items: center;height: 560px;}
.on_btn .btn{display: inline-block;margin-right: 15px;}
.system_text h4{font-size: 30px;color: #333;}
.system_text .ibq{margin-top: 10px;}
.system_tet p{font-size: 16px;line-height: 30px;color: #4d4d4d;text-align: justify;}
.system_tet{margin-top: 20px;}
.on_btn{margin-top: 30px;}
.system_img{width: 48.6%;background-color: #fff;padding: 20px;}
.system_text{width: 48.6%;}
.system_box{display: flex;flex-direction: row;justify-content: space-between;}
.system{background-color: #f5f5f5;padding: 80px 0;}
.system_swiper{display: flex;align-items: center;height: 100%;}
.system_swiper div{text-align: center;}
.system_swiper div img{display: inline-block;}
.system_text{display: flex;align-items: center;}
.system .system_swiper{padding-bottom: 20px;}
.system .system_swiper .swiper-pagination{bottom: -5px;}
.system .system_swiper .swiper-pagination-bullet-active{background: #1cca79;}
.advantage_box h4{font-size:30px;color: #333;text-align: center;}
.advantage_box .ibq{margin-top: 10px;}
.advantage_left{width: 100%;}
.advantage_right{width: 48.6%;}
.advantage_box{display: flex;flex-direction: row;justify-content: space-between;}
.advantage_list .list p{ font-size: 16px;line-height: 23px;color: #333333;padding:5px 0 20px 35px; }
.advantage_list .list{border-top: 1px solid #ececec;}
.advantage_list,.advantage_img{margin-top: 27px;}
.advantage{padding-top: 75px;padding-bottom: 100px;}
.parameter_form h4{font-size:30px;color: #333;text-align: center;}
.parameter_form .ibq{margin: 10px auto 0;}
.parameter_bg{margin-top: 40px;}
.parameter_form{padding-top: 70px;padding-bottom: 80px;background-color: #f5f5f5;}
.application_top{position: relative;margin-bottom: 38px;}
.application_top .btn{position: absolute;right: 0;top: 15px;}
.application_title h4{font-size:30px;color: #333;}
.application_title .ibq{margin-top: 10px;}
.application{padding-top: 75px;padding-bottom: 80px;}
.application_ul{display: flex;flex-direction: row;justify-content: space-between;}
.application_ul li{width: 31.25%;border-radius: 5px;overflow: hidden;text-transform:uppercase;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}
.application_ul li:last-child:nth-child(3n - 1){
   margin-right: calc(31.25% + 6.25% / 2);
}
.application_text{background-color: #f5f5f5;padding: 30px 25px 0;}
.application_text .title{font-size: 20px;line-height: 33px;color: #344f60;margin-bottom: 15px;}
.application_text .text{font-size: 16px;line-height: 24px;color: #666;min-height: 48px;}
.more a{background: url(../image/icon16.png) no-repeat center right; color: #808080; font-size: 16px;line-height: 60px;border-top: 1px solid #ebebeb;display: block;}
.application_text .more{margin-top: 15px;}
.application_ul li:hover .more a{background: url(../image/icon15.png) no-repeat center right; color: #369;}
.application_ul li:hover .application_text{background-color: #fff;}
.application_ul li:hover{box-shadow: 0 0 10px 5px #ddd;}
.support h4{font-size:30px;color: #333;text-align: center;}
.support .ibq{margin: 10px auto 0;}
.support_box{display: flex;flex-direction: row;justify-content: space-between;margin-top: 45px;}
.support_box .support_list{width: 48.6%;background-color: #fff;padding: 60px 0;position: relative;cursor: pointer;text-transform:uppercase;-webkit-transition:all .5s;transition:all .5s;}
.support_box .support_list:after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 4px;background-color: #369;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;}
.support_box .support_list:hover:after{width: 100%;}
.support_box .support_list:hover{box-shadow: 0 0 10px 5px #ddd;}
.support_box .support_list .support_img img{display: inline-block;}
.support_box .support_list .support_img{text-align: center;}
.support_box .support_list h6{font-size: 18px;color: #333333;text-align: center;margin-top: 20px;margin-bottom: 15px;}
.support_box .support_list .text_list p{padding-left: 12px; display: inline-block; font-size: 16px;line-height: 28px;color: #333333;text-align: center;background: url(../image/icon17.png) no-repeat center left;}
.support_box .support_list .text_list div{text-align: center;}
.support{background-color: #f5f5f5;padding-top: 75px;padding-bottom: 80px;}
.relevant{padding: 70px 0 30px;position: relative;}
.relevants{padding: 0px 0 80px;}
.relevant h4{font-size:30px;color: #333;text-align: center;}
.relevant .ibq{margin: 10px auto 0;}
.relevant .relevantPage{width: 50px;height: 50px;top: 55%; background-size: cover;left: initial;right: inherit;box-shadow: 0 0px 15px 5px #ddd;border-radius: 50%;outline:0 none !important;text-transform:uppercase;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}
.relevants .relevantPage{top: 38%;}
.relevant .relevantPage.relevantnext{background: url(../image/iconn.png) no-repeat center center;right: 7%;}
.relevant .relevantPage.relevantprev{background: url(../image/iconp.png) no-repeat center center;left: 7%;}
.relevant .relevantPage.relevantnext:hover{background: url(../image/iconn1.png) no-repeat center center;right: 7%;}
.relevant .relevantPage.relevantprev:hover{background: url(../image/iconp1.png) no-repeat center center;left: 7%;}
.relevant .recommend_list{width: 100%;background: #f5f5f5 url(../image/bg2.png) no-repeat center right;}
.relevant .relevant_swiper{margin-top: 45px;}
.relevants .relevant_swiper{margin-top: 0;}
.offer h4{font-size:30px;color: #333;text-align: center;}
.offer .ibq{margin: 10px auto 0;}
.offer .offer_form .input_box{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.offer .offer_form .input_box div{width: 48.5%;margin-bottom: 30px;position: relative;}
.offer .offer_form .input_box div input{ border: 1px solid #e6e6e6;background-color: #fff;border-radius: 5px;width: 100%;height: 48px;padding-left: 20px;font-size: 14px;color: #808080;}
.offer .offer_form .input_box div:after{content: '';position: absolute;width: 4px;height: 0%;background-color: #369;left: 0;top: 0;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}
.offer .offer_form .input_box div:hover:after{height: 100%;}
.offer .offer_form{max-width: 80%;margin: 0 auto;}
.offer_form .textarea textarea{border: none;outline: 0 none !important;border: 1px solid #e6e6e6;border-radius: 5px;font-size: 14px;line-height: 20px;color: #808080;padding: 10px;width: 100%;min-height: 120px;}
.offer_form .sub input{cursor: pointer; width: 30%;display: inline-block;font-size: 14px;color: #fff;line-height: 50px;border-radius: 25px;background-color: #369;}
.offer_form .sub{text-align: center;margin-top: 30px;}
.offer .offer_form{margin-top: 45px;}
.offer{padding-top: 70px;padding-bottom: 80px;background-color: #f5f5f5;}
/* 产品中心 */
.product_tab ul{display: flex;flex-direction: row;justify-content: space-between;padding: 0 10%;}
.product_tab ul li a{font-size: 18px;color: #212121;}
.product_tab ul li a:hover{color: #369;}
.product_tab ul li.active a{color: #369;}
.product_tab ul li{width: auto;line-height: 70px;}
.productList{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.productBox{padding-top:50px;padding-bottom: 100px; background-color: #f5f5f5;}
.PageBox .yiiPager .first,.PageBox .yiiPager .last{display: none;}
.PageBox .yiiPager li a{border: 1px solid #cacaca; display: block;border-radius: 50%; width: 36px;height: 36px;text-align: center;line-height: 36px;font-size: 16px;color: #666666;}
.PageBox .yiiPager li{width: auto;margin: 0 10px;}
.PageBox .yiiPager{display: flex;flex-direction: row;justify-content: center;}
.PageBox .yiiPager .page.selected a{background-color: #369;border: 1px solid #369;color: #fff;}
.PageBox .yiiPager .page:hover a{background-color: #369;border: 1px solid #369;color: #fff;}
.PageBox .yiiPager .previous a{border: 1px solid #ffffff; background: #fff url(../image/i.png) no-repeat center center;background-size: cover;}
.PageBox .yiiPager .previous a:hover{border: 1px solid #369;  background: #369 url(../image/i1.png) no-repeat center center;background-size: cover;}
.PageBox .yiiPager .next a{border: 1px solid #ffffff;  background: #fff url(../image/n1.png) no-repeat center center;background-size: cover;}
.PageBox .yiiPager .next a:hover{border: 1px solid #369;  background: #369 url(../image/n.png) no-repeat center center;background-size: cover;}
.PageBox .yiiPager .next a,.PageBox .yiiPager .previous a{box-shadow: 0 0 10px 5px #ddd;}
.PageBox{padding-top: 20px;}
.PageBoxs{padding-top: 10px;}
.PageBox35{padding-top: 35px;}
/* .Tips{width: 75px;height: 75px;background: url(../image/tips.png) no-repeat center center;background-size: cover;margin-top: 15px;}
.Tips{
   -webkit-animation: Tips 2.5s infinite ease-in-out;
   -moz-animation: Tips 2.5s infinite ease-in-out;
   animation: Tips 2.5s infinite ease-in-out;
} */
@keyframes Tips {
   0% {
       -webkit-transform: translateY(-10px);
       -moz-transform: translateY(-10px);
       -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
       transform: translateY(-10px);
   }
   50% {
       -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       transform: translateY(0);
   }
   100% {
       -webkit-transform: translateY(-10px);
       -moz-transform: translateY(-10px);
       -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
       transform: translateY(-10px);
   }
}
/* 关于我们 */
.banner{background-size: cover;}
.aboutbanner .banner_txt h3{font-size: 42px;line-height: 63px;font-weight: 400;}
.aboutbanner .banner_txt .bannerText p{font-size: 24px;color: #fff;}
/* .aboutbanner .banner_txt .Tips{margin-top: 40px;} */
.h4title{font-size: 30px;color: #333333;text-align: center;}
.about_box .h4title{margin-top: 10px;}
.about_text .ibq{margin-top: 15px;}
.about_txt{margin-top: 30px;padding-right: 25px;overflow: auto;height: 275px;}
.about_txt p{font-size: 16px;line-height: 28px;color: #333333;text-align: justify;margin-bottom: 10px;}
.about_txt p strong{font-size: 24px;line-height: 28px;color: #333333;font-weight: 400;}
.about_img{width: 50%;}
.about_text{width: 48%;}
.about_box{display: flex;flex-direction: row;justify-content: space-between;}

.about_txt {
   overflow: scroll; 
}
/*整个滚动条样式*/
.about_txt::-webkit-scrollbar {  
   width: 2px; 
   height: 0px;
}
/*设置滚动条上的滚动滑块样式*/
.about_txt::-webkit-scrollbar-thumb {
   background: transparent;
}
/*鼠标位于内容上时，滚动条样式*/
.about_txt:hover::-webkit-scrollbar {
   width: 2px;
   height: 0px;
   background: rgba(238, 238, 238, 1);
   border-radius: 1px;
}
/*鼠标位于内容上时，滚动滑块样式*/
.about_txt:hover::-webkit-scrollbar-thumb {
   background: #369;
   border-radius: 2px;
}
.about{padding-top: 80px;background-color: #f5f5f5;padding-bottom: 100px;}
.number_box{display: flex;flex-direction: row;justify-content: space-between;margin-top: 80px;}
.number_box .number_list{width: auto;position: relative;}
.number_box .number_list:after{content: ''; width: 1px;height: 80%;background-color: #d9d9d9;position: absolute;top: 0%;right: -110%;}
.number_box .number_list:last-child:after{display: none;}
.number_box .number_list p{font-size: 14px;color: #333;}
.number_box .number_list h5{font-size: 48px;color: #333;}
.History .ibq{margin-top: 10px;}
.History{padding-top: 75px;}
.mission_box{display: flex;flex-direction: row;justify-content: space-between;}
.mission_box .mission_list{ width: 48.6%;background-color: #fff;padding: 50px 115px 55px;position: relative;cursor: pointer;text-transform: uppercase;-webkit-transition: all .5s;transition: all .5s;}
.mission_box .mission_list .mission_img {text-align: center;}
.mission_box .mission_list .mission_img img {display: inline-block;}
.mission_box .mission_list h5{font-size: 30px;color: #333333;text-align: center;margin-top: 15px;}
.mission_box .mission_list .ibq{margin: 15px auto 0;}
.mission_box .mission_list p{margin-top: 15px; font-size: 16px;line-height: 28px;color: #333333;text-align: center;}
.mission{background-color: #f5f5f5;padding:100px 0;}
.mission_box .mission_list:after {content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 4px;background-color: #369;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;}
.mission_box .mission_list:hover::after{width: 100%;}
.mission_box .mission_list:hover{box-shadow: 0 0 10px 5px #ddd;}
.Culture h4{text-align: center;color: #fff;}
.Culture .ibq{margin: 10px auto 0;background-color: #fff;}
.Culture{background: url(../image/bg10.jpg) no-repeat center center;background-size: cover;padding: 80px 0 90px;}
.Culture_box{cursor: pointer; position: relative; padding: 14px 28px;border-radius: 3px;background-color: #fff;}
.Culture_box .yuan{position: absolute;top: 14px;left: 28px;}
.Culture_box .icon{position: absolute;top: 20px;left: 36px;}
.Culture_box .icon .img1{display: none;}
.Culture_box .number_txt{font-size: 18px;line-height: 33px;color: #bfbfbf;position: absolute;right: 28px;top: 14px;}
.Culture_box h6{margin-top: 50px; font-size: 20px;line-height: 33px;color: #344f60;}
.Culture_box .txt{margin-top: 5px; font-size: 16px;line-height: 24px;color: #4c4c4c;}
.Culture_box:hover h6{color: #369;}
.Culture_box:hover .icon .img{display: none;}
.Culture_box:hover .icon .img1{display: block;}
.Culture .Culture_swiper{padding-bottom: 105px;margin-top: 45px;}
.Culture .CulturePage{border: 1px solid #fff; top: initial;bottom: 0; width: 50px;height: 50px;background-size: cover;left: initial;right: inherit;border-radius: 50%;outline:0 none !important;text-transform:uppercase;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}
.Culture .CulturePage.Culturenext{background: url(../image/iconn.png) no-repeat center center;left: 51%;}
.Culture .CulturePage.Culturenext:hover{background: url(../image/iconn1.png) no-repeat center center;left: 51%;}
.Culture .CulturePage.Cultureprev{background: url(../image/iconp.png) no-repeat center center;left: 45.5%;}
.Culture .CulturePage.Cultureprev:hover{background: url(../image/iconp1.png) no-repeat center center;left: 45.5%;}
.qualification_ul{text-align: center;margin-top: 40px;}
.qualification_ul ul{display: inline-block;}
.qualification_ul ul li{display: inline-block;font-size: 18px;color: #666666;margin: 0 15px;}
.qualification .h4title{text-align: center;}
.qualification .ibq{margin: 10px auto 0;}
.qualification{padding-top: 90px;padding-bottom: 100px;background-color: #f5f5f5;}
.qualification_swiper .swiper-slide{text-transform: uppercase;-webkit-transition: all .5s;transition: all .5s; background-color: #fff;padding: 29px;border: 1px solid #ebebeb; border-radius: 5px;cursor: pointer;}
.qualification_swiper .swiper-slide:hover{box-shadow: 0 0 8px 4px #ddd;}
.qualification .qualificationPage{top: 50%; width: 50px;height: 50px;background-size: cover;left: initial;right: inherit;box-shadow: 0 0px 15px 5px #ddd;border-radius: 50%;outline:0 none !important;text-transform:uppercase;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}
.qualification .qualificationPage.qualificationnext{background: url(../image/iconn.png) no-repeat center center;right: 0%;}
.qualification .qualificationPage.qualificationprev{background: url(../image/iconp.png) no-repeat center center;left: 0%;}
.qualification .qualificationPage.qualificationnext:hover{background: url(../image/iconn1.png) no-repeat center center;right: 0%;}
.qualification .qualificationPage.qualificationprev:hover{background: url(../image/iconp1.png) no-repeat center center;left: 0%;}
.qualification .swi80{max-width: 80%;margin: 0 auto;}
.qualification .qualification_swiper{margin-top: 50px;padding: 10px;}
.qualification .swiper_min{position: relative;}
/* 视频中心 */
.problem_tab{display: flex;flex-direction: row;justify-content: center;}
.problem_tab p a{font-size: 18px;color: #212121;}
.problem_tab p.active a{color: #369;}
.problem_tab p a:hover{color: #369;}
.problem_tab p{width: auto;margin: 0 40px;line-height: 74px;}
.video .ibq{margin-top: 10px;}
.video_box ul{display: flex;flex-direction: row;border-bottom: 1px solid #cccccc;}
.video_box ul li{width: auto;line-height: 86px;margin-right: 50px;}
.video_box ul li.active a{color: #369;}
.video_box ul li a:hover{color: #369;}
.video_box ul li a{font-size: 18px;color: #666666;}
.video_boxs{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.video_boxs .video_list{width: 23%;border-radius: 5px;margin-bottom: 40px;}
.video_boxs .video_list .videos{height: 160px;}


.video_boxs .video_list:last-child:nth-child(4n - 1){
   margin-right: calc(23% + 8% / 3);
}
.video_boxs .video_list:last-child:nth-child(4n - 2){
   margin-right: calc(46% + 16% / 3);
}
.video_boxs .video_list .videos video{width: 100%;height: 100%;}
.video_boxs .video_list .video_txt{background-color: #fff;padding: 18px 20px;border-radius: 0  0 5px 5px; }
.video_boxs .video_list .video_txt p{font-size: 18px;line-height: 20px;color: #333333;}
.video{padding-top: 60px;padding-bottom: 75px;background-color: #f5f5f5;}
.video_boxs{margin-top: 40px;}
/* 常见问题 */
.problem_box{background-color: #f5f5f5;padding-top: 50px;padding-bottom: 75px;}
.problem_tabli{position: relative;}
.problem_icon{display: flex;flex-direction: row;}
.problem_icon p{width: auto;margin-right: 55px;}
.problem_icon p a{line-height: 28px; font-size: 16px;color: #333;display: inline-block;padding-left: 30px;background: url(../image/kuang.png) no-repeat center left;}
.problem_icon p.active a{background: url(../image/kuang1.png) no-repeat top left;}
.problem_box .ibq{margin-top: 10px;}
.problem_tabli h6{font-size: 20px;color: #333;font-weight: 400;margin-bottom: 17px;margin-top: 20px;}
.problem_btn{position: absolute;right: 0;bottom: -20px;}
.problemBox{margin-top: 45px;}
.problemBox_li .problemBoxTop h5{padding-left: 30px; font-size: 18px;color: #333333;line-height: 24px;background: url(../image/qq.png) no-repeat top 3px left;}
.problemBox_li .problemBoxTop{padding: 26px 0;border-bottom:1px solid #ebebeb;background: url(../image/icon18.png) no-repeat center right;cursor: pointer;}
.problemBoxContent{ background-color: #fff;border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
.problemBoxContent30{padding: 30px 30px 10px;}
.problemBoxContentp{padding-left: 30px;background: url(../image/aa.png) no-repeat left top 6px;}
.problemBoxContentp p{font-size: 16px;line-height: 30px;color: #4d4d4d;margin-bottom: 10px;}
.dcbt h6{font-size: 18px;color: #3d3d3d;padding: 20px 0 40px;}
.dcbt h6 span{display: inline-block;font-size: 18px;border-radius: 5px;padding: 0 10px;cursor: pointer;font-weight: 400;margin: 0 10px;}
.dcbt h6 span.yes{color: #fff;background-color: #369;}
.dcbt h6 span.no{color: #3d3d3d;background-color: #f5f5f5;}
.problemBoxContent::after{content: '';position: absolute;width: 100%;height: 1px;background-color: #d9d9d9;left: 0;bottom: 80px;}
.problemBox_ul{border-top: 1px solid #ebebeb;}
.problemBox_li .problemBoxTop.active{background: url(../image/icon19.png) no-repeat center right;}
.dcbt{padding: 0 60px;border-top: 1px solid #ebebeb;}
/* 解决方案 */
.banner_box .banner_right{width: 50%;position: relative;}
.banner_box .banner_right .center{width: 110px;height: 110px; position: absolute;top: 50%;left: 50%;margin-top: -55px;margin-left: -55px;}
.banner_box .banner_right .center2{width: 230px;height: 230px;position: absolute;top: 50%;left: 50%;margin-top: -115px;margin-left: -115px;}
.banner_box .banner_right .center3{width: 448px;height: 448px;position: absolute;top: 50%;left: 50%;margin-top: -224px;margin-left: -224px;}
.banner_box .banner_right .center2 {
   transform: rotate(360deg);
   animation: rotation 10s linear infinite;
}
@keyframes rotation {
   from {
       transform: rotate(0deg);
   }
   to {
       transform: rotate(360deg);
   }
}
.banner_rt .icons .img1{display: none;}
.banner_rt .icons p{font-size: 18px;color: #fff;}
.banner_rt .icons div{position: relative;display: inline-block;text-align: center;}
.banner_rt .icons div img{display: inline-block;}
.banner_rt{position: relative;}
.banner_rt .icons{position: absolute;cursor: pointer;}
.banner_rt .icons:hover .img{display: none;}
.banner_rt .icons:hover .img1{display: inline-block;}
.banner_rt .icons:hover p{color: #369;}
.banner_rt .icons:nth-child(1){
   top: 29px;
   left: 50%;
   margin-left: -36px;
}
.banner_rt .icons:nth-child(2){
   top: 84px;
   left: 69%;
   margin-left: -39px;
}
.banner_rt .icons:nth-child(3){
   top: 272px;
    right: 136px;
    margin-top: -28px;
}
.banner_rt .icons:nth-child(4){
   top: 378px;
    left: 67%;
    margin-left: -23px;
}
.banner_rt .icons:nth-child(5){
   top: 433px;
    left: 50%;
    margin-left: -35px;
}
.banner_rt .icons:nth-child(6){
   top: 378px;
    left: 33%;
    margin-left: -46px;
}
.banner_rt .icons:nth-child(7){
   top: 272px;
  left: 19%;
   margin-top: -28px;
}
.banner_rt .icons:nth-child(8){
   top: 84px;
   left: 32%;
   margin-left: -39px;
}
.banner_rt .icons:nth-child(3) div{
   position: relative;
}
.banner_rt .icons:nth-child(7) div{
   position: relative;
}
.banner_rt .icons:nth-child(3) div p{
   position: absolute;
    top: 28%;
    left: 70px;
    width: 100px;
}
.banner_rt .icons:nth-child(7) div p{
   position: absolute;
    top: 28%;
    left: -100px;
    width: 100px;
}

.solution_li{ background-color: #fff; cursor: pointer; display: flex;flex-direction: row;justify-content: space-between;padding: 30px;width: 48.8%;border: 1px solid #ededed;border-radius: 4px;margin-bottom: 40px;}
.solution_txt{width: 58.5%;}
.solution_img{width: 41.5%;}
.solution_txt{padding-left: 90px;padding-right: 40px;background-repeat: no-repeat;background-position: left top;}
.solution_txt h5{font-size: 20px;color: #344f60;margin-bottom: 10px;}
.solution_txt p{font-size: 16px;line-height: 20px;color: #666666;min-height: 40px;}
.solution_txt p a{
   display: inline-block;
   line-height: 80px;
   padding-right: 30px;
   background: url(../image/icon13.png) no-repeat center right;
   font-size: 16px;
   color: #808080;
}
.solution_li:hover .solution_txt p a{
      background: url(../image/icon12.png) no-repeat center right;
    color: #369;
}
.solution_img{overflow: hidden;}
.solution_img img{
   max-width: 100%;
   transition: all 0.6s;
   -webkit-transition: all 0.6s;
   -moz-transition: all 0.6s;
   transform: scale(1, 1);
   -webkit-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
}
.solution_li:hover .solution_img img{
   transform: scale(1.1, 1.1);
   -webkit-transform: scale(1.1, 1.1);
   -moz-transform: scale(1.1, 1.1);
}
.solution_box{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.solution_list{padding-top: 60px;padding-bottom: 40px;background-color: #f5f5f5;}
/* 解决方案具体详情 */
.solutiondetails .recommend_swiper .recommend_list{width: 100%;margin-bottom: 0;}
.solutiondetails  .recommendPage {top: 60%;}
.category .ibq{margin-top: 10px;}
.category .category_txt p{font-size: 16px;line-height: 30px;color: #4d4d4d;text-align: justify;margin-top: 15px;}
.category{background-color: #f5f5f5;padding-top: 50px;padding-bottom: 70px;}
.technology_box{display: flex;flex-direction: row;justify-content: space-between;}
.technology_box .technology_txt{width: 43.75%;display: flex;align-items: center;}
.technology_box .technology_img{width: 50%;}
.technology_txt h4{margin-bottom: 20px; font-size: 24px;color: #344e5f;}
.technology_txt p{font-size: 16px;line-height: 24px; color: #333333;}
.technology{padding: 80px 0;}
.features .technology_txt p{font-size: 16px;line-height: 28px;color: #333333;}
.features .technology_txt .text{margin-top: 30px;}
.features .technology_txt .tet p{font-size: 16px;line-height: 28px;color: #333333;padding-left: 15px;background: url(../image/icon17.png) no-repeat top 12px left;}
.features .technology_txt .tet{margin-top: 15px;}
.technology_txt h6{font-size: 24px;color: #344e5f;}
.features .technology_box .h4title{font-size: 30px;color: #333333;}
.features .technology_box .ibq{margin-top: 10px;}
.case .h4title{text-align: center;color: #fff;}
.case .ibq{margin: 10px auto 0;background-color: #fff;}
.case{background: url(../image/bg15.png) no-repeat center center;background-size: cover;}
/* 联系我们 */
.business {display: flex;flex-direction: row;justify-content: space-between;}
.business .business_list:nth-child(1){width: 33%;}
.business .business_list:nth-child(2){width: 30.5%;}
.business .business_list:last-child{width: 30.5%;}
.business .business_list h6{font-size: 20px;color: #344f60;border-bottom: 1px solid #d9d9d9;padding-bottom: 15px;}
.business .business_list .business_txt{padding-top: 10px;} 
.business .business_list .business_txt p{font-size: 16px;color: #666666;line-height: 26px;margin: 10px 0;padding-left: 28px;}
.business .business_list .business_txt p:nth-child(1){background: url(../image/icon20.png) no-repeat top 3px left;}
.business .business_list .business_txt p:nth-child(2){background: url(../image/icon21.png) no-repeat top 3px left;}
.business .business_list .business_txt p:nth-child(3){background: url(../image/icon22.png) no-repeat top 3px left;}
.business .business_list .business_txt p:nth-child(4){background: url(../image/icon23.png) no-repeat top 3px left;}
.business_ewm{display: flex;flex-direction: row;}
.business_ewm_{display: flex;align-items: center;padding-left: 15px;}
.business_ewm_ p{font-size: 14px;line-height: 20px;color: #666;}
.business_icon ul li{display: inline-block;margin-right: 10px;}
.business_icon ul{margin-top: 20px;}
.business_ewm_img{border: 1px solid #d9d9d9;max-width: 100px;}
.business_ewm{margin-top: 15px;}
.information .ibq{margin-top: 10px;}
.business{margin-top: 40px;}
.information{padding-top: 75px;padding-bottom: 60px;background-color: #f5f5f5;}
.business .business_list .business_txt p i{display: inline-block;position: relative;margin: 0 10px;}
.business .business_list .business_txt p i::after{content: '';position: absolute;width: 1px;height: 12px;background-color: #cccccc;top: -12px;}
/* 地图 */
#map{height: 500px; width: 100%;}
#map img { max-width: none !important; max-height: none !important;}
/*  */
.download_top .dow_ul{display: flex;flex-direction: row;}
.download_top .dow_ul li{width: auto;margin-right: 45px;}
.download_top .dow_ul li a{font-size: 18px;color: #666666;cursor: pointer;}
.download_top .dow_ul li.active a{color: #369;}
.download_top .dow_ul li a:hover{color: #369;}
.download .ibq{margin-top: 10px;}
.download{padding-top: 100px;padding-bottom: 95px;background-color: #f5f5f5;}
.download_content p{font-size: 16px;line-height: 30px;color: #4d4d4d;}
.download_content{margin-top: 25px;margin-bottom: 20px;}
.download_top{padding: 20px 0;border-bottom: 1px solid #e6e6e6;}
.download_list{margin-top: 30px; display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.download_list .download_li{background: #fff url(../image/icon24.png) no-repeat center right 24px; width: 48.89%; border-radius: 5px;margin-bottom: 30px;text-transform:uppercase;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}
.download_list .download_li:hover{box-shadow: 0 0 10px 5px #ddd;background: #fff url(../image/icon25.png) no-repeat center right 24px; }
.download_list .download_li a{display: block;padding: 20px 24px;}
.download_list .download_li a h6{font-size: 18px;line-height: 20px;color: #333;margin-bottom: 10px;}
.download_list .download_li a p{font-size: 14px;line-height: 24px;color: #4d4d4d;}
.Flagship .h4title{color: #fff;text-align: center;}
.Flagship .ibq{background-color: #fff;margin: 10px auto 0;}
.Flagship{background: url(../image/bg17.png) no-repeat center center;background-size: cover;padding-top: 60px;padding-bottom: 100px;}
.Flagship_box{max-width: 60%;margin: 35px auto 0;position: relative;}
.Flagship_box .text{width: 100%; padding-left: 25px; font-size: 14px;line-height: 40px;color: #fff;border: 1px solid #92d7c5;border-radius: 20px;background-color: #2fb38f;}
.Flagship_box .button a{display: inline-block;font-size: 18px;color: #ffffff;line-height: 42px;padding: 0 36px;border-radius: 21px;background-color: #ffa200;}
.Flagship_box .button{top: 0;right: 0;}
.Flagship_box p{position: absolute;}
.contactus_ p{font-size: 16px;line-height: 30px;color: #4d4d4d;text-align: center;padding-bottom: 45px;border-bottom: 1px solid #e1e0db;margin-bottom: 35px;}
.contactus_{padding-bottom: 100px;padding-top: 100px;}
.contactus_ .offer_form{margin-top: 35px;}
/* 全球服务 */
.Pre_sale .Pre_sale_left .ibq{margin-top: 10px;}
.Pre_sale_txt p{min-height: 56px; font-size: 16px;line-height: 28px;color: #333333;padding-left: 50px;margin-bottom: 20px;}
.Pre_sale_left{width: 44.56%;display: flex;align-items: center;}
.Pre_sale_img{width: 50%;}
.Pre_sale_box{display: flex;flex-direction: row;justify-content: space-between;}
.Pre_sale_txt{margin-top: 30px;}
.Pre_sale_txt p:nth-child(1){background: url(../image/icon26.png) no-repeat top 5px left;}
.Pre_sale_txt p:nth-child(2){background: url(../image/icon27.png) no-repeat top 5px left;}
.Pre_sale_txt p:nth-child(3){background: url(../image/icon28.png) no-repeat top 5px left;}
.Pre_sale h4{font-size: 30px;color: #333333;font-weight: 400;}
.Pre_sale{padding-top: 80px;padding-bottom: 100px;background-color: #f4f4f4;}
.team{height: 400px;background: url(../image/tu38.jpg) no-repeat center center;background-size: cover;}
.h400 {font-size: 30px;color: #fff;font-weight: 400;text-align: center;}
.team p{font-size: 18px;line-height: 35px;color: #fff;text-align: center;margin-top: 20px;}
.team .ibq{margin: 20px auto 0;background-color: #fff;}
.team .main{display: flex;align-items: center;height: 100%;}
.team .main div{width: 100%;}
.Pre_sale_next p:nth-child(1){background: url(../image/icon29.png) no-repeat top 5px left;}
.Pre_sale_next p:nth-child(2){background: url(../image/icon30.png) no-repeat top 5px left;}
.global_banner h3{font-size: 42px;color: #fff;margin-bottom: 15px;font-weight: 500;}
.global_banner .global_banner_txt p{font-size: 20px;line-height: 35px;color: #ffffff;}
.global_banner p{font-size: 16px;color: #fff;}
.global_banner h2{font-size: 60px;color: #fff;line-height: 70px;}
.global_banner ul{display: flex;flex-direction: row;justify-content: space-around;}
.global_banner ul li{width: auto;text-align: center;}
.global_banner{padding-top: 140px;padding-bottom: 50px;}
.global_banner1{padding-top: 100px;}
.global_banner .bannerText{width: 32%;}
.news .ibq{margin-top: 10px;}
.news_{position: relative;}
.news-tit dl {
   position: relative;
   margin-right: 10px;
   width: 200px;
   margin: 0 auto;
   z-index: 77;
   display: inline-block;
}

.news-tit dl dt {
   height: 40px;
   padding: 0px 25px 0 10px;
   border-radius: 20px;
   appearance: none;
   -webkit-appearance: none;
   background: url(../image/dbx.png) no-repeat 90% center;
   outline: none;
   line-height: 40px;
   text-align: left;
   position: relative;
   z-index: 3;
   cursor: pointer;
   border: 1px solid #d9d9d9;
   color: #999999;
   
}
.news-tit dl dd {
   display: none;
   position: absolute;
   top: 56px;
   left: 0px;
   background: #fff;
   width: 100%;
   z-index: 0;
   box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 10%);
   text-align: left;
   border-radius: 5px;
}
.news-tit dl dd a {
   font-size: 14px;
   color: #999999;
   display: block;
   display: block;
   padding: 12px 25px;
   border-bottom: 1px solid #eaeaea;
}
.all{display: inline-block;font-size: 14px;}
.nianfen{position: relative;display: inline-block;margin: 0 5px;padding-right: 5px;font-size: 14px;}
.nianfen::after{
   content: '';
   position: absolute;
   top: 10px;
   right: 0;
   width: 1px;
   height: 20px;
   background-color: #d9d9d9;
   
}
.news_right {
   position: absolute;
   top: 0;
   right: 0;
}
.news-tit{
   position: absolute;
    right: 360px;
    top: 21px;
}
.news_top{margin-bottom: 50px;}
.news{padding-top: 60px;background-color: #f5f5f5;padding-bottom: 75px;}
.news .search_btns .search_txt{background-color: #f5f5f5;}
.news_list .news_li{position: relative; margin-bottom: 40px; cursor: pointer; width:31.25%;background-color: #fff;border-radius: 7px;text-transform:uppercase;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}
.news_list{display: flex;flex-direction:row;justify-content: space-between;flex-wrap: wrap;}
.news_bg{padding: 20px 30px 0;}
.news_bg .news_title p span{line-height: 48px; display: inline-block;font-size: 48px;color: #666666;text-align: center;}
.news_bg .news_title p{font-size: 14px;color: #666666;width: 20%;}
.news_bg .news_title h6{width: 75%;font-size: 20px;line-height: 30px;min-height: 60px; color: #344f60;font-weight: 400;}
.news_bg .news_title{margin-bottom: 30px; display: flex;flex-direction: row;justify-content: space-between;}
.news_list .news_li .news_li_img{height: 220px;overflow: hidden;border-radius: 7px 7px 0 0;}
/* .news_list .news_li:hover .news_li_img img{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);} */
/* .news_list .news_li .news_li_img img{transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;transform: scale(1, 1);-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);} */
.news_list .news_li:hover .more a{background: url(../image/icon15.png) no-repeat center right;color: #369;}
.news_list .news_li:hover{box-shadow: 0 0 10px 5px #ccc;}
.news_list .news_li::after{
   content: '';
   height: 5px;
   width: 0;
   position: absolute;
   left: 0;
   bottom: 0px;
   background-color: #369;
   transition: all 0.8s;
   -webkit-transition: all 0.8s;
   -moz-transition: all 0.8s;
   border-radius: 0 0 3px 3px;
}
.news_list .news_li:hover::after{width: 100%;}
.news_list .news_li:last-child:nth-child(3n - 1){
   margin-right: calc(31.25% + 6.25% / 2);
}
.news .PageBox{padding-top: 10px;}


/* 侧边栏 */
.rinav ul{display: inline-block;}
.rinav ul li a{width: 56px;height: 56px;}
.rinav ul li{margin-bottom: 1px;position: relative;}
.rinav{position: fixed;top: 25%;right: 0;z-index: 30;}
/* 弹窗 */
/* .rinav_bd_box{display: none;} */
.rinav_bd_boxs{height: 100%;overflow: scroll;}
.rinav_bd_boxs::-webkit-scrollbar {
   width: 2px;
   height: 0px;
}
.rinav_bd_boxs::-webkit-scrollbar-thumb {
   background: transparent;
}
.rinav_bd{display: none; top: 0;left: 0; width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);position: fixed;z-index: 120;align-items: center;}
.rinav_bd .rinav_bd_box{position: relative; width: 80%;padding: 30px 100px;border-radius: 10px;background-color: #fff;margin: 6% auto 0;height: 77%;}
.rinav_bd .h4title{text-align: center;}
.rinav_bd .ibq{margin: 10px auto 0;}
.rinav_bd_box .xxxx{position: absolute;top: 20px;right: 50px;cursor: pointer;}
.rinav_bd_top{display: flex;flex-direction: row;justify-content: space-between;}
.rinav_bd_top div{width: 49%;}
.rinav_bd_top div textarea{width: 100%; border: 1px solid #e6e6e6;border-radius: 5px;height: 50px;}
.rinav_bd_top div input{width: 100%;border: 1px solid #e6e6e6;border-radius: 5px;height: 30px;padding: 0 10px;}
.rinav_bd_top  p{padding-left: 10px;position: relative;font-size: 16px;color: #333333;margin-bottom: 10px;}
.rinav_bd_top  p::after{
   content: '';
   position: absolute;
   top: 2px;
   left: 0;
   width: 3px;
   height: 80%;
   background-color: #369;
}
.rinav_bd_bottom  p{padding-left: 10px;position: relative;font-size: 16px;color: #333333;margin-bottom: 10px;}
.rinav_bd_bottom  p::after{
   content: '';
   position: absolute;
   top: 2px;
   left: 0;
   width: 3px;
   height: 80%;
   background-color: #369;
}
.rinav_bd_bottom div textarea{width: 100%; border: 1px solid #e6e6e6;border-radius: 5px;height: 50px;}
.rinav_bd_bottom{margin-top: 20px;}
.rinav_bd_top{margin-bottom: 20px;}
.rinav_bd_cd table td{width: 25%;text-align: center;line-height: 24px;font-size: 16px;color: #666666;}
.rinav_bd_cd table th{text-align: center;font-size: 16px;color: #4c4c4c;line-height: 36px;}
.rinav_bd_cd table{width: 100%;}
.rinav_bd_cd .table{border: 1px solid #e6e6e6;}
.rinav_form  .sub input {
   cursor: pointer;
   width: 30%;
   display: inline-block;
   font-size: 14px;
   color: #fff;
   line-height: 50px;
   border-radius: 25px;
   background-color: #369;
}
.rinav_form .sub {
   text-align: center;
   margin-top: 30px;
}
.rinav_form{margin-top: 20px;}
.rinav ul li.rinav_Top{display: none;}
.industry_tab ul{justify-content: initial;}
.industry_tab ul li{margin-right: 5%;}
.banner,.index_banner,.global_banner{margin-top: 60px;}
.p_header{display: none;}
.recommend .recommend_swiper.p_recommend_swiper{display: none;}

.recommends.solutiondetails .recommendPage{top: 40%;}

.news_detailsbox{padding: 50px 0;}
.news_detailsbox .title{font-size: 22px;color: #333;line-height: 30px;text-align: center;margin-bottom: 15px;}
.news_detailsbox .time{font-size: 16px;color: #333;line-height: 24px;text-align: center;margin-bottom: 15px;}
.news_detailsbox .NEW_BOX p{font-size: 18px;line-height: 26px;color: #333;margin-bottom: 5px;}
.news_detailsbox .NEW_BOX img{display: inline-block;max-width: 100%;}

.rinav_bd_box .errors p{text-align: center;color: red;}
.rinav_bd_cd table td input{width: 100%;padding-left: 10px;}
.c_box{background-color: #fff;border-top: 2px solid #369;position: absolute;top: -10px;right: 75px;padding: 10px;display: none;}
.c_box h6{font-size: 18px;color: #369;}
.c_box p{font-size: 16px;color: #ccc;position: relative;}
.c_box p:after{
   content: "";
    border: 10px solid transparent;
    position: absolute;
    margin-top: -10px;
    border-left-color: #fff;
    right: -30px;
    bottom: 50%;
}
.c_ewm{
   display: none;
   background-color: #fff;
   /* padding: 10px; */
   border: 1px solid #333;
   position: absolute;
   height: 130px;
   width: 130px;
   right: 75px;
   top: -40px;
}
.c_ewm h5{position: relative;}
.c_ewm h5 img{width: 100%;}
.c_ewm h5:after{
   content: "";
   border: 10px solid transparent;
   position: absolute;
    margin-top: -10px;
    border-left-color: #fff;
    right: -20px;
    bottom: 40%;
}

.rinav ul li:hover .c_box{display: block;}
.rinav ul li:hover .c_ewm{display: block;}





/* 首页实验室设备 */
/* .index_sss .recommend_list{width: 24%;padding: 20px;height: 160px;margin-bottom: 20px;background-size: contain;}
.index_sss .recommend_list:last-child:nth-child(4n - 1){
   margin-right: calc(24% + 4% / 3);
}
.index_sss .recommend_list:last-child:nth-child(4n - 2){
   margin-right: calc(48% + 8% / 2);
} */
.index_sss .recommend_list .box .recommend_txt .text p{font-size: 14px;line-height: 20px;}
.index_sss .recommend_list .box .recommend_txt .bten a{font-size: 14px;color: #369;display: inline-block;padding-right: 20px;background: url(../image/bten.png) no-repeat center right;}
.index_sss .recommend_list .box .recommend_txt h5{font-size: 16px;color: #212121;line-height: 30px;height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_sss .recommend_list .box .recommend_txt .text{min-height: 60px;}
.index_sss .recommend_list .box .recommend_img{height: 160px;}
.index_sss .recommend_list .box .recommend_txt{padding-top: 20px;}

.recommend .title_top{text-align: center;font-size: 22px;padding-bottom: 20px;}
.recommend .title_top_p{display: none;}

.search-result-empry{padding: 80px 0;text-align: center;}




/* 7-21 */
.indexSolution .main{
   max-width: 1480px;
   
}
.indexSolution .Solution_top{
   padding: 0 10px;
}
/* .indexSolution_swiper .swiper-slide{
   padding: 10px;
} */
.indexSolution_swiper .swiper-slide .solution_li{
   width: 49%;
   background-color: #fff;
   cursor: pointer;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   padding: 30px;
   margin-bottom: 30px;
   text-transform: uppercase;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.indexSolution_swiper .swiper-slide .solution_li:hover{
   box-shadow: 0 0 10px 5px #ddd;
}
.indexSolution .indexSolution_pagination  {
   display: inline-block;
   right: 10px;
   top: 50px;
}
.indexSolution .indexSolution_pagination .swiper-pagination-bullet{
   margin-left: 10px;
}
.indexSolution .swiper-pagination-bullet-active {
   opacity: 1;
   background: #1cca79;
}
.indexSolution_bt{
   text-align: center;
   padding-top: 30px;
}
.indexSolution_bt .btn{
   display: inline-block;
}
.indexSolution{
   padding-bottom: 80px;
}
.indexSolution .indexSolution_swiper  {
   padding: 0 10px;
   padding-top: 10px;
}
.indexSolution  .indexSolution_box{
   margin-top: 50px;
}
.indexabout_box{
   justify-content: space-between;
   width: 50%;
   text-align: center;
   margin: auto;
}
.indexabout_box .video_about{
   width: 35%;
   padding-left: 60px;
   cursor: pointer;
} 
.qualifications{
   margin-top: 0px;
   position: relative;
   margin-bottom: 0px;
   padding-top: 90px;
   background: url(../image/bg_722.jpg) no-repeat center center;
   background-size: cover;
   padding-bottom: 100px;
}
.qualifications_list{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex-wrap: wrap;
   border: 1px solid rgba(255, 255, 255, .4);
   position: relative;
   margin-top: 60px;
}
.qualifications_list::after{
   content: '';
   width: 100%;
   height: 1px;
   position: absolute;
   top: 50%;
   right: 0;
   background-color: rgba(255, 255, 255, .4);
}
.qualifications_list .qualifications_li{
   width: 33.33%;
   position: relative;
}
.qualifications_list .qualifications_li::after{
   content: '';
   width: 1px;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   background-color: rgba(255, 255, 255, .4);
}
.qualifications_list .qualifications_li:nth-child(3n)::after{
   display: none;
}

.qualifications_list .qualifications_li h5{
   font-size: 24px;
   line-height: 160px;
   color: #ffffff;
   padding: 0 50px;
}
.qualifications .h5title{
   color: #fff;
}
.qualifications .ibq{
   background-color: #fff;
}
.qualifications_list_more{
   text-align: center;
}
.qualifications_list_more .btn{
   display: inline-block;
}


.index_sss .recommend_list{width: 32%;padding: 20px;height: 220px;margin-bottom: 20px;background-size: contain;}
.index_sss .recommend_list .box .recommend_txt h5{font-weight: 600;font-size: 24px;color: #212121;}
.index_sss .recommend_list:last-child:nth-child(3n - 1){
   margin-right: calc(32% + 4% / 2);
}
.recommend_list .box .recommend_img{
   /* width: 40%; */
   width: 56%;
}
.recommend_list .box .recommend_txt{
   width: 60%;
}
.Pageheader_icon span{
   z-index: 10;
}
.search_btns .search_btn{
   z-index: 0;
}
.Culture{
   background: none;
   background-color: #fff;
}
.Culture h4 {
   text-align: center;
   color: #333333;
}
.Culture .ibq {
   margin: 10px auto 0;
   background-color: #369;
}
.Culture_box{
   background-color: #f5f5f5;
   text-transform: uppercase;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.Culture_box:hover{
   box-shadow: 0 0 10px 5px #ddd;
}
.Culture .CulturePage{
   border: none;
   box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);
   padding-bottom: 5px;
   bottom: 10px;
}

.Culture .main{
   max-width: 1480px;
}

.Culture .Culture_swiper{
   padding: 10px 10px 115px;
}
.technology{
   background-color: #f5f5f5;
}
.technologybg{
   background-color: #fff;
}
.technologybg h4{
   font-size: 30px;
   color: #333333;
   font-weight: 500;
}
.technologybg_text{
   margin-top: 30px;
}
.technologybg_text p{
   margin-bottom: 20px;
}
.technology_box .technologybg_swiper{
   overflow: hidden;
   position: relative;
}
.technology_box .technologybg_swiper .swiper-pagination-bullet-active {
   opacity: 1;
   width: 9px;
   height: 9px;
   background: #1cca79;
   border: 1px solid #fff;
}
.xg_box_wb{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   height: 280px;
}
.xg_box_wb .xg_swiper_left{
   width: 40%;
   border-right: 1px solid #e0e0e0;
   padding: 40px;
   display: flex;
   align-items: center;
}
.xg_box_wb .xg_swiper_right{
   width: 59%;
}
.xg_box_wb .xg_swiper_right div{
   height: 100%;
   width: 100%;
   display: flex;
   align-items: center;
}
.xg_box_wb .xg_swiper_right div img{
   display: inline-block;
   margin: 0 auto;
}
.xg_box .xg_swiper  {padding: 10px;}
.xg_swiper .swiper-slide{
   background-color: #fff;
   text-transform: uppercase;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.xg_swiper .swiper-slide a .xg_swiper_left h6{
   font-size: 22px;
   color: #212121;
   font-weight: 600;
   margin-bottom: 10px;
}
.xg_swiper .swiper-slide a .xg_swiper_left p{
   font-size: 16px;
   line-height: 28px;
   color: #333333;
}
.xg_swiper .swiper-slide a .xg_swiper_left p.more{
   font-size: 16px;
   color: #a0a0a0;
   margin-top: 40px;
   display: inline-block;
   padding-right: 30px;
   background: url(../image/icon_r.png) no-repeat center right;
}
.xg_swiper .swiper-slide:hover a .xg_swiper_left p.more{
   color: #369;
   background: url(../image/icon_rs.png) no-repeat center right;
}
.xg_swiper .swiper-slide:hover{
   box-shadow: 0 0 10px 5px #ddd;
}
.products_box{
   padding-top: 70px;
   background-color: #f5f5f5;
   padding-bottom: 90px;
}
.products_box .products_title .h4title{
   font-size: 36px;
   color: #333333;
   font-weight: 600;
   margin-bottom: 20px;
}
.products_top{
   position: relative;
}
.products_top .products_right{
   top: 0;
   right: 0;
   position: absolute;
}
.products_top .products_right .products_search p{
   width: 430px;
   height: 50px;
   border: 1px solid #dfdfdf;
   border-radius: 25px;
   padding-left: 60px;
   background: url(../image/ssicon.png) no-repeat center left 24px;
   position: relative;
}
.products_top .products_right .products_search p .search_txt{
   height: 48px;
   width: 230px;
   background: #f5f5f5;
   padding-left: 15px;
   font-size: 16px;
   color: #999999;
   padding-right: 10px;
   
}
.products_top .products_right .products_search p:after{
   content: '';
   width: 1px;
   height: 22px;
   position: absolute;
   top: 14px;
   left: 60px;
   background-color: #dfdfdf;
}
.products_top .products_right .products_search  .search_btn{
   font-size: 18px;
    color: #fff;
    background-color: #1cca79;
    border-radius: 24px;
    line-height: 48px;
    width: 140px;
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #1cca79;
    cursor: pointer;
}
.products_top .products_right .products_search form{
   position: relative;
   display: inline-block;
}
.products_content{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   margin-top: 40px;
}
.products_list_left{
   width: 24%;
}
.products_list_right{
   width: 73%;
   
}
.products_list_right_box{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex-wrap: wrap;
}
.products_list_right .products_libox{
   width: 49%;
   background-color: #fff;
   margin-bottom: 20px;
   text-transform: uppercase;
   -webkit-transition: all .5s;
   transition: all .5s;
}
.products_libox .xg_box_wb .xg_swiper_left{
   padding: 0 0 0 30px;
   width: 50%;
   border-right: none;
}
.products_libox a .xg_box_wb .xg_swiper_left h6{
   font-size: 22px;
   color: #212121;
}
.products_libox a .xg_box_wb .xg_swiper_left p{
   font-size: 16px;
   line-height: 28px;
   color: #333;
}
.products_libox a{display:block;}
.products_libox a .xg_box_wb{
   height: 240px;
}
.products_list_right .xg_box_wb .xg_swiper_right div img{
   max-width: 80%;
   padding-top: 30px;
}
.products_libox a .xg_swiper_left p.more{
   font-size: 16px;
   color: #a0a0a0;
   margin-top: 40px;
   display: inline-block;
   padding-right: 30px;
   background: url(../image/icon_r.png) no-repeat center right;
}
.products_libox:hover a .xg_swiper_left p.more{
   color: #369;
   background: url(../image/icon_rs.png) no-repeat center right;
}
.products_libox:hover{
   box-shadow: 0 0 10px 5px #ddd;
}
.products_list_left{
   background-color: #fff;
}
.p_list_title h3{
   font-size: 18px;
   color: #333;
   line-height: 56px;
   padding-left: 20px;
   font-weight: 500;
}
.p_list_title{
   border-bottom: 1px solid #e0e0e0;
}
.p_list_title .P_ul{
   border-top: 1px solid #e0e0e0;
   display: none;
}
.p_list_title .P_ul .p_li p{
   font-size: 16px;
   line-height: 56px;
   color: #333333;
   padding-left: 20px;
}
.p_list_title .P_ul .p_li ul{
   padding-left: 20px;
   display: none;
   
}
.p_list_title .P_ul .p_li ul li{
   border-top:1px solid #e0e0e0;
}
.p_list_title .P_ul .p_li ul li:last-child{
   border-bottom:1px solid #e0e0e0;
}
.p_list_title .P_ul .p_li:last-child ul li:last-child{
   border-bottom:none;
}
.p_list_title .P_ul .p_li ul li a{
   display: block;
   font-size: 16px;
   line-height: 56px;
   color: #333333;
   padding-left: 20px;
}
.p_list_title .P_ul .p_li ul li a.active{
   color: #369;
}
.P_ul{
   padding-right: 20px;
}
/*  */
.p_list_title h3{
   background: url(../image/j_iconp1.png) no-repeat center right 20px;
}
.p_list_title h3.active{
   color: #fff;
   background: #369 url(../image/j_iconp2.png) no-repeat center right 20px;
}
.p_list_title .P_ul .p_li p{
   background: url(../image/j_iconp1.png) no-repeat center right;
}
.p_list_title .P_ul .p_li p.active{
   color: #369;
   background: url(../image/j_iconp3.png) no-repeat center right;
}
.p_list_title .P_ul .p_li ul li.active a {
   color: #369;
}
.p_list_title .P_ul .p_li ul li:hover a {
   color: #369;
}
.xg_box_wb .xg_swiper_right div img{
   max-width: 60%;
}
.header_navlist .btn{
   padding-top: 30px;
   margin-top: 30px;
   border-top: 1px solid #ededed;
}
.indexSolution_swiper .swiper-slide{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex-wrap: wrap;
}

.index_sss .recommend_list .box .recommend_txt h5 .wfEditorMode{
   position: absolute;
   top: 50%;
}



/* 荣誉资质弹窗 */
.hnq-list {
   display: flex;
   flex-wrap: wrap;
   border: 1px solid rgba(255, 255, 255, .5);
   margin-bottom: 50px;
   margin-top: 50px;
}

.hnq-list li {
   border-right: 1px solid rgba(255, 255, 255, .5);
   border-bottom: 1px solid rgba(255, 255, 255, .5);
   width: calc(100% / 3 - 1px);
   flex-basis: auto;
   flex-shrink: 0;
   flex-grow: 0;

   height: 11.25rem;
   padding: 2.5rem 3.75rem;
   position: relative;
   font-size: 1.25rem;

   display: flex;
   flex-direction: column;
   align-content: space-between;
   justify-content: center;
   flex-wrap: wrap;
}


.hnq-list li.has-content {
   cursor: pointer;
}

.hnq-list li:nth-of-type(3n) {
   border-right: none;
}

.hnq-list li:nth-last-of-type(1),
.hnq-list li:nth-last-of-type(2),
.hnq-list li:nth-last-of-type(3) {
   border-bottom: 0;
}

.hnq-list li .name {
   font-size: 1.5rem;
   color: #fff;
}

.hnq-list li .logo {
   height: 100%;
   padding: 1.25rem 0;
}

.hnq-list li .logo img {
   height: 100%;
   width: auto;
}

body.wfEditorMode .hnq-list li a.wfEditorMode {
   position: absolute;
   right: 0;
   top: 0;
   margin-top: 0;
}

.hnq-list li > * {
   position: relative;
   z-index: 240;
}

/* .hnq-list li::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: linear-gradient(to bottom, transparent, white);
   opacity: 0;
   transition: .3s;
} */

/* .hnq-list li.has-content:hover::after {
   opacity: .2;
} */
.hnq-swiper-page-mask {
   background-color: rgba(0, 0, 0, .5);
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   /* padding-top: 10rem; */
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   cursor: default;
   opacity: 0;
   visibility: hidden;
   transition: .3s;
}

.hnq-list li > .hnq-swiper-page-mask {
   z-index: 650;
}

.hnq-swiper-page-mask.open {
   visibility: visible;
   opacity: 1;
}

.hnq-list li > .hnq-swiper-page-mask {
   position: fixed;
}

.hnq-swiper-box {
   position: relative;
   width: 56.25rem;
   height: 30rem;
   background-color: white;

   padding: 0 1.875rem;
   display: flex;
   flex-direction: column;
   align-items: stretch;
}

.hnq-swiper-box .btn-close {
   top: 0;
   left: -3.75rem;
}

.img-scale-mask .btn-close {
   right: 0;
   top: 0;
}

.hnq-honor-content {
   flex: 0 0 5rem;
}

.hnq-swiper {
   flex-basis: calc(100% - 5rem);
   flex-shrink: 0;
   flex-grow: 0;
   border-bottom: 1px solid #dadada;
   width: 100%;
}

.hnq-swiper .swiper-slide {
   display: flex;
   justify-content: center;
   align-items: center;
}

.hnq-swiper .swiper-slide img {
   max-height: calc(100% - 3rem);
   max-width: calc(100% - 4rem);
}

.hnq-swiper .swiper-button-prev {
   left: 0;
   background: url("../image/hnq_arror_left.png") center/contain no-repeat;
}

.hnq-swiper .swiper-button-next {
   right: 0;
   background: url("../image/hnq_arror_right.png") center/contain no-repeat;
}

.hnq-swiper .swiper-button-next, .hnq-swiper .swiper-button-prev {
   width: 36px;
   height: 36px;
   /* margin-top: -1.125rem; */
}

.hnq-honor-content {
   color: #333;
   font-size: 1rem;

   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: stretch;
}

.hnq-honor-content > div {
   line-height: 1.5625rem;
   height: 1.5625rem;
   text-align: center;
}

.img-scale-mask {
   background-color: rgba(0, 0, 0, .75);
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 1100;
   left: 0;
   top: 0;
   visibility: hidden;
   transition: .3s;
   opacity: 0;
   display: flex;
   justify-content: center;
   align-items: center;
}

.hnq-swiper img {
   cursor: pointer;
}


.img-scale-mask.show {
   opacity: 1;
   visibility: visible;
}

.img-scale-mask img {
   padding: 2rem;
   display: block;
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
}

.more_product_banner{
   /* background: url(../image/tu-bg.jpg) no-repeat center center; */
   width: 100%;
   height: 560px;
}

.system_swiper .swi_btn{
   width: 40px;
   height: 40px;
   border-radius: 50%;
  
}
.system_swiper .swi_btn.swiper-button-prev {
   background: url(../image/iconp.png) no-repeat center center;
   background-size: cover;
   box-shadow: 0 0px 10px 5px #ddd;
}
.system_swiper .swi_btn.swiper-button-next {
   background: url(../image/iconn.png) no-repeat center center;
   background-size: cover;
   box-shadow: 0 0px 10px 5px #ddd;
}

@media (max-width: 1440px) {

   .hnq-swiper-box {
       position: relative;
       width: 48rem;
       height: 28rem;
   }
}

@media (max-width: 1280px) {

   .hnq-swiper-box {
       position: relative;
       width: 44rem;
       height: 24rem;
   }
}


.banner_swiper .swiper-slide .index_imgs{
   display: none;
}
.rinav ul li.list{
   display: none;
}




/* 2022-1-17 */
.product_bannerbg{
   height: 400px;
   background: url(../image/bgyh.jpg) no-repeat center center;
}
.foot-contact {padding: 45px 0; background: #f5f5f5;margin-top: 20px;}
.foot-contact-inner {width: 100%;    width: 100%;max-width: 1000px;margin: 0 auto;background: #FFF;}
.foot-contact-inner::after {content: ""; display: block; clear: both;}
.foot-contact-header h4 {margin-bottom: 10px;}
.foot-contact-body p {margin-bottom: 10px;}
.foot-contact-body p:last-child {margin-bottom: none;}


@media (min-width: 951px) {
    .foot-contact-header {float: left; padding: 25px 30px; border-right: 1px solid #000;margin: 19px;}
    .foot-contact-body { padding: 30px;background: #FFF;width: 1000px;margin: auto;}
}
@media (max-width: 950px) {
    .foot-contact-header {padding: 10px; border-bottom: 1px solid #000;}
    .foot-contact-body {padding: 20px 10px 10px;}
    .foot-contact-body img {max-width: 100%;}
}