/*--------全局样式--------*/
*{padding: 0 ;margin: 0;box-sizing: border-box;}
body{font-size: 16px;color: #000;font-family: "微软雅黑";box-sizing: border-box;height: 100%;}
form, div, body, img, p, a, img, dl, dd, dt, table, tr, td, th, h1, h2, h3, h4,h5,h6{margin: 0px;padding: 0px;border: 0;font-weight: normal;}
a:link{color: #333;text-decoration: none;}
a:visited{color: #333;text-decoration: none;}
a:hover{color:#333;text-decoration: none;}
a:focus{-moz-outline-style: none;}
a:active{outline: none;text-decoration: none;}
ul, li{list-style: none;margin: 0;padding: 0;}
input, textarea, select{color: #333;margin: 0;padding: 0;font-size: 16px;font-family: "微软雅黑";}
input:focus, textarea:focus{outline: 0;}
/*-------- clear --------*/

.clearfix {*zoom: 1;}

.fl{float: left;}
.fr{float: right;}
.w{width:1440px;margin: 0 auto;max-width: 1440px;}

.scroll::-webkit-scrollbar{width: 10px;height: 10px;background-color: #fcfcfc;}
.scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #fcfcfc;}
.scroll::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #eee;}



/* 首页 */
.big_title{width: 100%;text-align: center;height:63px ;margin-top: 79px;font-weight: 700;font-size: 28px;color: #1A2846;}
.m_head{display: none;}
.mcategory-main{display:none;}
.header{height: 88px;line-height: 88px;width: 100%;position: fixed;background-color: #fff;top: 0; z-index:999;}
.header .nav{height: 88px;width: 100%; display:flex;justify-content:space-evenly;align-items:center;}
.header .nav .fl{width:22%; height: 88px;}
.header .nav .fl .logo{ height: 88px;width:100%;background:url(/Content/images/logo.png)no-repeat;background-size:100%;background-position:center;}



.header .nav .fr{width: 55%;}
.header .nav .fr ul{text-align: right;width: 100%;  display:flex; justify-content:space-between;}
.header .nav .fr ul li{position: relative;text-align: center;line-height: 80px;float: left;text-transform: uppercase;}
.header .nav .fr ul li a{color: #666;font-size: 16px;vertical-align: middle;height: 80px;line-height: 80px;width: 100px;}
.header .nav .fr ul li .this{color: #33BEF0;}
.header .nav .fr ul li span:first-child{color: #33BEF0;}
.header .nav .fr ul li a:hover{color: #33BEF0;}
.swiper-container{--swiper-theme-color:#ddd;--swiper-pagination-color:#fff}
.header-item1{display: none ;}
/* banner */
.banner{margin-top: 95px;width: 100%;display: block;height: 600px;}
.banner .swiper{width: 100%;height: 100%;}
.banner .swiper-wrapper{width: 100%;}
.banner .swiper-slide{width: 100%;background-repeat: no-repeat;background-size: 100% 100%;position: relative;height: 600px;}

.img-main{width:50% ;background-color:rgba(255, 255, 255, 0.77) ;padding: 50px;box-sizing: border-box;position: absolute;left: 240px;top: 170px;}
.img-main h1{text-shadow: 0px 0.5px 0.5px rgba(0, 0, 0, 0.25);font-weight: 700;font-size: 36px;line-height: 50px;}
.img-main h6{margin-top: 10px;font-weight: 400;font-size: 16px;text-shadow: 0px 0.5px 0.5px rgba(0, 0, 0, 0.25);line-height: 22px;}
.more{text-align: center; width: 170px;line-height: 42px; height: 44px;background: rgba(255, 255, 255, 0.25);border: 1px solid rgba(51, 190, 240, 0.44);border-radius: 2px;font-size: 16px;margin-top: 10px;color:#1A2846;}
.more img{margin-left:10px ;width: 12px;}
.more1{text-align:center;width:64px;line-height:19px;color:#33bef0;height:19px;background:rgba(255,255,255,0.25);border:1px solid rgba(51,190,240,0.44);border-radius:2px;font-size:10px}
.more1 img{margin-left:10px ;width: 15px;}
.mores{text-align: center;float: right; width: 142px;line-height: 38px; height: 38px;background:#fff;box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.12);border-radius: 2px;font-size: 16px;margin-top: 10px;color: #33BEF0;}
.mores img{margin-left:5px ;width: 14px;}

.solution{overflow: hidden;height:100%;background-color: #F8F8F8;padding-bottom: 70px;display: block;}
.center ul{display: flex;align-items: center;position: absolute;top: 0;left: 0;width: 100%;}
.center {overflow: hidden;width: 100% !important;position: relative;height:478px;margin-top: 40px;}
/* .solution li {list-style-type: none;width: 200px;margin: 0 auto;float: left;margin-left: 20px;overflow: hidden;} */
.center ul li {height: 478px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition: all .5s;animation: fadeInUps .5s;margin-right: 10px;position: relative;}
.center ul li .solution-item{background-size: 100% 478px;background-repeat: no-repeat;position: relative;width: 483px;animation: fadeInUps .5s;height: 478px;}
.center ul li:last-child {margin-right:auto!important;}

.scroll::-webkit-scrollbar{width: 10px;height: 10px;background-color: #fcfcfc;}
.scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #fcfcfc;}
.scroll::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #eee;}

.ydownbottom{display: none;}
.footer{width: 100%;background-color: #0197CE;display: block;margin-top:100px;}
.footer-main{display: flex;justify-content: center;padding:4% 0;}
.footer-main .footer-item:first-child{width: 30%;margin-right:10%;}
.footer-main .footer-item{width: 60%;color: #fff;}
.footer-main .footer-item h4{color: #fff;font-size: 18px;font-weight: 400;margin-bottom:20px;}
.footer-main .footer-item .UScon{width:100%;display: flex;justify-content: flex-start;align-items:center;}

.footer-main .footer-item .UScon p{font-size: 17px;color: rgba(255, 255, 255, 0.7);line-height: 24px;cursor:pointer;}

.footer-main .footer-item .UScon h4{color: #fff;font-size: 18px;font-weight: 400;}
.footer-main .footer-item .UScon h6{width: 15%;background-color: rgba(255, 255, 255, 0.5);height: 2px;margin: 15px 0 15px;}

.footer-main .footer-item .UScon .fl {width:45%;margin-right:5%}
.footer-main .footer-item ul li{margin: 5px 0; font-size: 17px;color: rgba(255, 255, 255, 0.7);line-height: 24px;display:flex;align-items:flex-start;}

.footer-main .footer-item ul li img{width:24px;height:24px;}
.footer-main .footer-item ul li span{width:95%;color: #FFF;font-family: PingFang SC;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;text-transform: capitalize;}

.footer-main .footer-item ul li:hover{color: #fff;}
.footer-main .footer-item ul li a{color:  rgba(255, 255, 255, 0.7);display: block;line-height: 30px;}
.footer-main .footer-item ul li a:hover{color: #fff;}

.footer-main .footer-item img{width: 100%;text-align: center;}
.footer .bottom{ margin-top: 0px;text-align: center;}
.footer .bottom p{padding: 21px 0;text-align: center;color: #fff;font-size: 20px;background-color: #006F97;}
.m_foot{display: none;}


@keyframes fadeInUps {
0% { opacity: 0;visibility: visible;-webkit-transform: translateX(100px); transform: translateX(100px)}
to { opacity: 1;visibility: visible;-webkit-transform: translateX(50);transform: translateX(50) }}
.hide{display: none !important;}
.anouther{display: none;}
.outher{display: block !important;}
.solution-tag{width: 100%;height: 60px;margin-bottom: 25px;}
.solution-tag ul{display: flex;align-items: center;height: 60px;}
.solution-tag ul li{border-right:0.5px solid #f8f8f8 ; background-color: #fff;width:200px;text-align: center;height: 60px;line-height: 60px;font-weight: 700;font-size: 18px;}
.solution-tag ul .active{border-bottom: 4px solid #33BEF0;height: 60px;line-height: 60px;display: inline-block;width: 200px;}
.solution-tag ul li:last-child{border-right: none;}
.center ul li .solution-slide {-ms-flex-negative: 0;position: relative; flex-shrink: 0;-webkit-box-sizing: content-box;box-sizing: content-box;padding-right: 10px; -webkit-transition: width .3s;transition: width .3s;overflow: hidden;}
.center ul li .solution-slide.active-item {width: 528px !important}
.center ul li .solution-slide .solution-item {position: relative;width: 100%;height:100% ;background-size:  100%;background-repeat: no-repeat; animation: fadeInUps .5s;overflow: hidden}
.slide-num {position: absolute;z-index: 2;top: 26px;right: 32px;font-size: 48px;color: hsla(0, 0%, 94.5%, .3)}
.solution-init {width: 218px;height: 478px;cursor: pointer;background-repeat: no-repeat;background-size: 218px 100%;display: block;position: relative;}
.solution-init .init-content {width: 100%;padding: 0 10px;position: absolute;bottom: 60px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);text-align: center;white-space: nowrap;}
.solution-init .init-content img {display: block;width: 35px;height: 35px;margin: 0 auto 28px}
.solution-init .init-content .des1 {font-size: 24px;line-height: 28px;color: #fff;margin-bottom: 14px;overflow: hidden;text-overflow: ellipsis}
.solution-init .init-content .des2 {font-size: 14px;line-height: 14px;font-weight: 300;color: #fff;overflow: hidden;text-overflow: ellipsis}
.solution-item .item-content {position: absolute;left: 0;top: 0;z-index: 2;height: 100%;padding: 130px 52px 0 37px;}
.solution-item .item-content .item-content-logo {width: 34px;height: 32px;margin-bottom: 26px}
.solution-item .item-content .item-content-logo img {display: block;width: 100%;height: 100%}
.solution-item .item-content .item-content-title {position: relative;padding-left: 10px; font-size: 20px;color: #fff;margin-bottom: 14px;overflow: hidden;text-overflow: ellipsis}
.solution-item .item-content .item-content-title::before{content: '';position: absolute;top:3px;left: 0 ;width: 3px;height:20px;background: -webkit-linear-gradient(top,rgba(51, 190, 240, 1),rgba(153, 214, 245, 1));border-radius:10px ;}

.solution-item .item-content .item-content-des {height: 88px;font-size: 14px;font-weight: 300;line-height: 22px;color: #fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-bottom: 10px}
.solution-item .item-content .content-btn {position: relative;width: 192px;height: 40px;line-height:40px;  border: 1px solid #33BEF0;background:rgba(0, 144, 196, 0.3);font-size: 14px;color: #f1f1f1;cursor: pointer}
.solution-item .item-content .content-btn a span {line-height:40px;color:#fff;  position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 1;white-space: nowrap}
.solution-item .item-content .content-btn a span img{margin:auto;}
.solution-item .item-content .content-btn:after {position: absolute;left: 0;top: 0;content: "";width: 0;height: 100%;background-color: #33BEF0;border-radius: 2px;-webkit-transition: all .3s;transition: all .3s}
.solution-item .item-content .content-btn:hover:after {width: 100%}
.laboratory{width: 100%;background-image: url(/Content/images/laboratory-banner.png);display: black; background-size: 100% 100%; background-repeat: no-repeat;padding: 30px 60px 0 60px;box-sizing: border-box;}
.laboratory-top{text-align: center;}
/* 头部字体大小实验室 */
.laboratory-top h2{letter-spacing: 5px;background: -webkit-linear-gradient(left,#FFF200, #f31b1b);background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;position: relative;padding: 0 12px 0 15px;}
.laboratory-top h2:before{content: '';position: absolute;width: 5px;height: 5px;border-radius: 50%;box-sizing: border-box;top: 50%;left: 0;background-image: linear-gradient(to right,#FFF200,#FF0000);}
.laboratory-top h2::after{content: '';position: absolute;width: 5px;height: 5px;border-radius: 50%;box-sizing: border-box;top: 50%;right: 0;background-image: linear-gradient(to right,#FFF200,#FF0000);}
.laboratory-top span{display: block;color: #7e7a7a;}

.laboratory-main{box-sizing: border-box;width:100%;margin:auto;display:flex; align-items:center;justify-content:space-between;}
.laboratory_m_left{ width:37%;position:relative;}

.laboratory_m_left .swiper{width: 100%;}
.laboratory_m_left .swiper-wrapper{width: 100%;}
.laboratory_m_left .swiper-slide{width: 100%!important;background-repeat: no-repeat;background-size:100%;position: relative; background-position-x: center; margin: 0 auto;}
.laboratory_m_left .swiper-slide::after{content:"";display:block; padding-bottom:132%;}

.laboratory_m_left .swiper-pagination-bullet-active{background-color: #FFFFFF !important;}
.laboratory_m_left .swiper-pagination-bullet{background-color: rgba(7, 115, 203, 0.33);width: 40px;height: 3px;margin-right: 10px;border-radius:10px}
.laboratory_m_left .swiper-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 40px;}
.laboratory_m_left .labnext, .swiper-container-rtl .labprev{background: url(/Content/images/right2.png) no-repeat;background-size: cover; width: 44px;height: 44px;right: -30%;top:97%; z-index:100;opacity:1!important;position:absolute;}
.laboratory_m_left .labprev, .swiper-container-rtl .labnext{background: url(/Content/images/left2.png) no-repeat;background-size: cover; width:44px;height:44px;left:100%;top:97%;z-index:100;opacity:1!important;position:absolute;}

.laboratory_m_left .labnext:after, .swiper-container-rtl .labprev:after{margin-right: 400px; content:'';}                
.laboratory_m_left .labprev:after, .swiper-container-rtl .labnext:after{margin-left: 400px; content:'';}           


.laboratory_m_text{top: 15%;width: 50%;background: #fff;padding: 35px 25px;box-sizing: border-box;left: 40%;box-shadow: 0 0 15px -10px;border-radius: 3px;z-index:100;}
.laboratory_m_text h3{margin-bottom: 15px;color: #090836;font-size: 22px;letter-spacing: 2px;font-weight: 500;}
.laboratory_m_text p{line-height: 28px;color: #7e7a7a;}
.laboratory_m_right{bottom: 30px;position: absolute;right: 30px;}


/* 关于我们 */

.about-main{background: url('/Content/images/about-bg.png');width: 100%;height:570px ;margin-top: 40px;background-size: 100% 100%;}
.about-main .w{display: flex;justify-content: space-between;align-items: center;}
.about-left{width: 50%;padding-top: 40px;}
.about-left img:first-child{width: 100%;height:300px ;margin-bottom: 20px;}
.about-left img:last-child{width:340px ;height: 170px;text-align: right;float: right;}
.about-right{width: 40%;color: #fff;padding-top: 40px;}
.about-right p{font-size:16px ;font-weight: 400;padding-bottom: 10px;line-height: 28px;}



.contanct-main{margin-top: 40px !important;}
.form-input {height: 62px;line-height: 62px;width: 47%;margin-right: 3%;float: left;margin-bottom: 25px;position: relative;border:1px solid #D5D5D5;}
.form-input:nth-child(2){margin-right: 0%;width: 50%;}

.form-input-box {width: 76%;padding-right: 7%; height: 62px;border: none;background: none; line-height: 62px;}
.form-textarea-box {width: 97%;height: 270px;background: none;outline: none;float: left;border: none;resize: none;}
.form-textarea{border:1px solid #D5D5D5;width: 100%;display: flex;height: 300px;padding: 20px 0;}
.form-btn {font-size: 22px;letter-spacing: 6px;color: #fff;border: none;padding: 0;margin: 20px auto 70px;text-align: center;background: none;
transition: all 0.5s ease;-webkit-transition: all 0.5s ease;width: 100%;}
.form-btn  span{width:280px;text-align: center;background-color: #33BEF0;cursor: pointer;height: 63px;line-height:63px;display: inline-block;border-radius: 5px;}

.form-icon {display: inline-block;font-size: 16px;height: 48px;vertical-align: middle;width: 64px;color: #fff;text-align: center;}
.form-icon img{width: 40%;}
.y{display: none;}


/* 关于我们页面 */
.mabout-banner{display: none;}
.about-banner{width: 100%;height: 418px;display: block;margin-top: 95px;}
.about-banner img{width: 100%;height: 100%;object-fit: cover;}

/* 联系我们页面 */
.contactmain{width:100%;display:flex;align-items:center;justify-content:space-between;}
.contactmain li{width:24%;height:210px; box-sizing: border-box; text-align:center;border:1px solid #dcdcdc;font-size:18px;color:#000000; padding:10px;}
.contactmain li .icon{width:88px; height:88px;margin:10px auto;background-size: 100%;}
.contactmain a:hover {color: #179b8d;}
.we{width: 100%;display: flex;justify-content: space-between;align-items:center;margin:70px auto !important;}
.contanct-map{width: 50%;}
.contanct-map img{width: 100%;}
.contact{display: block;}
.about{display: block;}


/*产品分类页面*/
.category-main{width: 100%;margin-top: 40px;background-size: 100% 100%;}
.category-main .w{display: flex;justify-content: space-between;}
.category-table{width:100%;padding:10px}
.category-banner {width: 100%;height: 420px;display: flex;justify-content: center;align-items: center;  margin-top: 95px;}
.category-banner img{width: 100%;height: 100%;object-fit: cover;}

.category-left {display: flex;flex-direction: column; align-items: flex-start; padding: 30px 20px;width: 26%;background: #FFFFFF;box-shadow: 0px 1px 10px rgba(158, 163, 167, 0.12);border-radius: 4px;}
.category-right {display: flex;flex-direction: column; align-items: flex-start; padding: 30px 20px;width: 70%;background: #FFFFFF;}

.left-top{ width: 90%; height: 30px;border-bottom: 1px solid #EBEBEB;font-weight: 400;font-size: 20px;padding-bottom:45px; }
.left-group{background: #33BEF0; border-radius: 2px; display: flex;flex-direction: row ;justify-content: space-between;padding: 10px 15px;text-align: center; color: #FFFFFF; font-weight: 400;font-size: 18px;width: 90%;}
.ulcls{padding: 15px;margin-bottom: 8px;}
ul li{margin: 8px;}
ul li:hover a{cursor: pointer;color: #33BEF0;}
ul .as a{ color: #33BEF0;}
.title{font-weight: 700;font-size: 38px;line-height: 57px;color: #303030;}
.desc{margin-top: 30px;width:100%;}


.txt1{font-weight: 700;font-size: 22px;line-height:150%;color:#303030; fon}
.txtDesc{font-weight: 400;font-size: 16px;line-height: 24px;color: #626262;margin-top: 20px;width:100%; word-wrap:break-word!important;}
.detail{margin-top: 30px;}
.detail .but3{padding: 6px 16px;gap: 4px;width: 130px;height: 40px;border: 1px solid #33BEF0;border-radius: 2px;margin:auto;}
.detail .but3 a{font-weight: 400;font-size: 13px;line-height: 150%;text-align: center;text-transform: capitalize;color: #33BEF0;}
.category-table {margin-top: 30px;width: 100%;}
table td{border-bottom: 1px solid #EBEBEB;border-right: 1px solid #EBEBEB;}
table tr:first-child td{border-top: 1px solid #EBEBEB;}

table tr td:first-child{border-left: 1px solid #EBEBEB;}

table tr:first-child th{border-top: 1px solid #EBEBEB;border-right: 1px solid #EBEBEB;}
table tr th:first-child{border-left: 1px solid #EBEBEB;}   
table td,table th {padding: 10px 15px;text-align: center;color: #626262; font-weight: 400;font-size: 15px;line-height: 150%;text-align: center;}
table th {font-weight: 400; font-size: 17px;line-height: 150%;text-align: center; color: #33BEF0;}
@media screen and (max-width:1440px) {
    .w{width:1200px;margin: 0 auto;max-width: 1200px;}
    
    .laboratory_m_left .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(/Content/imagesEN/right2.png) no-repeat;background-size: cover; width: 44px;height: 44px;right: -30%;top:96%; z-index:100;opacity:1!important;position:absolute;}
.laboratory_m_left .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(/Content/imagesEN/left2.png) no-repeat;background-size: cover; width:44px;height:44px;left:100%;top:96%;z-index:100;opacity:1!important;position:absolute;}




}
@media screen and (max-width:1280px) {


    .w{width:1000px;margin: 0 auto;max-width: 1000px;}
  .footer-main .footer-item:first-child{width: 20%;margin-right:10%;}
.footer-main .footer-item{width: 70%;color: #fff;}
    .footer-main .footer-item:first-child{width: 30%;margin-right:5%;}
    
.footer-main .footer-item .UScon .fl:last-child {margin-right:0%}
    .laboratory_m_left .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(/Content/imagesEN/right2.png) no-repeat;background-size: cover; width: 44px;height: 44px;right: -30%;top:95%; z-index:100;opacity:1!important;position:absolute;}
.laboratory_m_left .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(/Content/imagesEN/left2.png) no-repeat;background-size: cover; width:44px;height:44px;left:100%;top:95%;z-index:100;opacity:1!important;position:absolute;}



}
@media screen and (max-width:1000px){
  .category-main{display:none;}
  .category-banner {display:none;}
  .big_title{display:none;}
  .m_head,.y{display: block;}
  .header,.laboratory{display: none;}
  .contactmain{display:none;}
  .we{display:none;}
  .about-banner{display: none;}
  .about-main{display:none;}
  .banner,.bottom{display: none;}
  .contact,.about,.footer,.solution{display: none !important;}
  .m_head{padding: 0px 3%;width: 100%;z-index: 999;display: block;}
  .m_head .away{position: fixed;top: 0;width: 100%;padding: 5px 3%;z-index: 999;background: #fff;margin: 0;box-shadow: 1px 1px 9px #e5e5e5;}
  .m_head .logo{float: left;width: 44px; height:40px;background: url(/Content/imagesEN/m_logo.png) left no-repeat;background-size:100%;margin:5px 0;}
  .m_head .fr .icon{float: right;width: 30px; height: 50px;line-height: 50px;}
  .m_head .m_nav{display: none; top:0px;left: 0;width: 100%;height: 100vh; z-index: 999; background: #fff;position: fixed;}
  .m_head .m_nav .close{width: 80%;margin: 20px auto;text-align: right;}
  .m_head .m_nav   .list .this {color:#33BEF0 ;}
  .m_head .m_nav .close img{width: 24px;height: 24px;vertical-align: middle;}
  .m_head .m_nav .list ul li{width: 90%;margin: 0 auto; border-bottom: 1px #eaeaea solid;}
  .m_head .m_nav .list ul li a{display: block;height: 50px;line-height: 50px; font-size: 16px;color: #545454;}
  .m_head .m_nav .list ul li .may{display: none;}
  .m_head .m_nav .list ul li .may li:last-child{border: none;}
  
  .m-about{width: 92%;margin: 20px auto 20px;background-color: #fff;border-radius: 8px;padding: 15px;box-shadow: 0px 0px 15px rgba(138, 144, 167, 0.1);}

  .m-about-banner-title{position: relative;padding-left: 30px;margin-bottom: 15px;font-size: 18px;}
  .m-about-banner-title::before{position: absolute;content: '';background: linear-gradient(90deg, #FABD00 -1.07%, #E60012 98.96%);width: 4px;
height: 20px;left:15px;top: 0;border-radius: 25px;}
.m-about-banner{width: 100%;margin-bottom: 25px;}
.m-about-banner img{width: 100%;}
.m-about-banner-p{font-weight: 700;font-size: 15px;line-height: 24px;padding: 0 15px 10px;color: #1A2846;}
.m-about-banner-ps{font-weight: 400;font-size: 14px;line-height: 24px;padding: 0 15px 0px;color: #626262;overflow-y: scroll;height: 180px;}
.m-about-banner-pss{font-weight: 400;font-size: 14px;line-height: 24px;padding: 0 15px 0px;color: #626262;}

.mabout-banner{width: 100%;display: block;}
.mabout-banner img{width:100%;}
.mabout-banner .swiper{width: 100%;height: 100%;}
.mabout-banner .swiper-wrapper{width: 100%;}
.mabout-banner .swiper-slide{width: 100%;background-repeat: no-repeat;background-size: 100% 100%;position: relative;height: 220px;}
.img-mains{width:90% ;height: 164px;background-color:rgba(255, 255, 255, 0.77) ;padding: 15px 20px;box-sizing: border-box;margin:20px auto;}
.img-mains h1{text-shadow: 0px 0.5px 0.5px rgba(0, 0, 0, 0.25);font-weight: 700;font-size: 18px;line-height: 25px;color: #1A2846;text-shadow: 0px 0.5px 0.5px rgba(0, 0, 0, 0.25);}
.img-mains h6{margin-top: 0px;font-weight: 400;font-size: 12px;line-height: 17px;color: #626262;text-shadow: 0px 0.5px 0.5px rgba(0, 0, 0, 0.25); overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.more{text-align: center; width: 119px;line-height: 28px; height: 28px;background: rgba(255, 255, 255, 0.25);border: 1px solid rgba(51, 190, 240, 0.44);font-size: 13px;margin-top: 10px;}



.ydownbottom{color: #fff;padding: 10px 0;background-color: #272E35;height:50px ;display: block !important;}
.ydownbottom p{text-align: center;color: #fff;font-size: 14px;}
.mcontactmain{width:100%;height:575px; margin:20px auto!important;padding: 0 15px;}
.mcontactmain li{width:100%;height:130px;float:left;box-sizing: border-box; text-align:center;font-size:13px;line-height: 150%;color:#626262; margin:0 0 15px 0;border: 1px solid #D5D5D5;border-radius: 10px;}
.mcontactmain li .micon{width:45px; height:44px;margin:15px auto;background-size: 100%;}
.mcontactmain a:hover {color: #179b8d;}
.form-input-box {width: 76%;padding-right: 7%; height: 62px;border: none;background: none; line-height: 62px;font-size:14px;}

/*产品分类页面*/
.Msolution{margin:20px;}

.solution-tag2{width: 100%;height: 36px;}
.solution-tag2 ul{display: flex;align-items: center;height: 36px;}
.solution-tag2 ul li{ background-color: #fff;width:50%;text-align: center;height: 36px;line-height: 36px;font-weight: 400;font-size: 16px;border: 0.5px solid #33BEF0;color: #33BEF0;border-radius: 6px 6px 0px 0px;}
.solution-tag2 ul .active{background-color:#33BEF0; height: 36px;line-height: 36px;display: inline-block;color:#FFF;width:100%;}


.center2 {overflow: hidden;width: 100% !important;position: relative;height:478px;overflow-y: scroll;}
/* .solution li {list-style-type: none;width: 200px;margin: 0 auto;float: left;margin-left: 20px;overflow: hidden;} */
.center2 ul li {width: 95%;height: 120px;background: #FFFFFF;border: 0.5px solid #F1F1F1;border-radius: 8px;display:flex;padding:15px;justify-content:space-between;}
.center2 ul li img{width:35%;}
.center2 ul li .nr{width:60%;}
.center2 ul li .nr h3{font-weight: 400;font-size: 15px;line-height: 21px;color: #333333;  overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.center2 ul li .nr p {font-weight: 400; font-size: 14px;line-height: 20px; color: #888888; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.center2 ul li .solution-item{background-size: 100% 478px;background-repeat: no-repeat;position: relative;width: 483px;animation: fadeInUps .5s;height: 478px;}







.mcategory-main{width: 100%;background-size: 100% 100%;display:block;}
.mcategory-main .w{display: flex;justify-content: space-between;}
.mcategory-table{width:100%;padding:10px}


.mcategory-right {display: flex;flex-direction: column; align-items: flex-start; padding: 30px 20px;width: 100%;background: #FFFFFF;}


.title{font-weight: 700;font-size: 18px;line-height: 150%;color: #303030;}
.desc{margin-top: 30px;width:100%;}
.desc p{width:100%;}
.txt1{font-weight: 400;font-size: 18px;line-height:150%;color:#303030;}
.txtDesc{font-weight: 400;font-size: 16px;line-height: 24px;color: #626262;margin-top: 20px;width:100%;}
.detail{margin-top: 30px;}
.category-table {margin-top: 30px;width: 100%;}
table td{border-bottom: 1px solid #F5F5F5;border-right: 1px solid #F5F5F5;}
table tr:first-child td{border: 1px solid #F5F5F5;}
table tr td:first-child{border: 1px solid #F5F5F5;}
table tr:first-child th{border: 1px solid #F5F5F5;}
table tr th:first-child{border: 1px solid #F5F5F5;}   
table td,table th {padding: 5px 10px;text-align: center;color: #626262; font-weight: 400;font-size: 15px;line-height: 150%;text-align: center;}
table th {font-weight: 400; font-size: 17px;line-height: 150%;text-align: center; color: #33BEF0;}

}