/*公共样式*/ *{margin: 0;padding: 0;} div,span,ul,li,td,th,input,textarea,a,label{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;} html,body{font-size: 14px;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;line-height: 1;background: #fff;overflow-x: hidden;} ul,li{list-style-type: none;} a{text-decoration: none;color: #000;transition: all .5s;cursor: pointer;} a:hover{text-decoration: none;color: #015196;} .clear:after{content: '';display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;} .clear{zoom: 1;} input,textarea,select{-webkit-appearance: none;resize: none;outline: none} a,button,input,textarea, select{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border: 0;} img{border-style: none;vertical-align: middle;max-width: 100%;} article{display: block;margin: 0 auto;} .zoom-img{overflow: hidden;} .zoom-img .img{overflow: hidden;} .zoom-img img{transition: all .5s;} .zoom-img:hover img{transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);} .wd{width: 83.33%;height: auto;margin: 0 auto;} .w14{max-width: 1400px;width: 100%;height: auto;margin: 0 auto;} .nav-page{font-size: 0;text-align: center;} .fl{float: left;} .fr{float: right;} /*!- w101-wrapper begin -*/ .wrapper { max-width: 1660px; margin: 0 auto; padding: 0 32px; } @media screen and (max-width: 1200px) { .wrapper { padding: 0 24px; } } @media screen and (max-width: 768px) { .wrapper { padding: 0 16px; } } /*特效*/ .white,.whites{position: relative;overflow: hidden;} .white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);} .white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;} .whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;} /* header */ .header{position: fixed;top: 0;left: 0;width: 100%;height: auto;z-index: 99;background: #fff;transition: all .3s; box-shadow: 2px 2px 3px 0px #0006;} #header .header{position: relative;} .header .head-wrap{height: 95px;margin: 0 auto;} .header .logo{line-height: 85px;position: relative;overflow: hidden;} .header .logo::before { content: ""; position: absolute; left: -665px; top: -460px; width: 420px; height: 15px; background-color: rgba(255, 255, 255, .5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 1s ease-in 1s infinite; -o-animation: searchLights 1s ease-in 1s infinite; animation: searchLights 1s ease-in 1s infinite; } @-webkit-keyframes searchLights { 0% { left: -100px; top: 0; } to { left: 120px; top: 100px; } } @-o-keyframes searchLights { 0% { left: -100px; top: 0; } to { left: 120px; top: 100px; } } @-moz-keyframes searchLights { 0% { left: -100px; top: 0; } to { left: 120px; top: 100px; } } @keyframes searchLights { 0% { left: -100px; top: 0; } to { left: 120px; top: 100px; } } .header .logo img{height: 75px;} .header .nav{margin-left: 10%;} .header .nav-wrap>li{float: left;position: relative;} .header .nav-wrap>li>a{display: block;padding: 0 20px;font-size: 17px;color: #222;line-height: 95px;position: relative;} .header .nav-wrap>li>a::before{position: absolute;content: "";left: 50%;bottom: -2px;width: 105px;height: 4px;background: #015196;display: none;transition: all .3s;z-index: 9;transform: translate(-50%, 0);} .header .nav-wrap li:first-child a::before{width: 72px;} .header .nav-wrap>li>a:hover{font-weight: bold;color: #015196;} .header .nav-wrap>li.on>a{font-weight: bold;color: #015196;} .header .nav-wrap>li.on>a::before{display: block;} .header .nav .box{position: fixed;top: 96px;background: #fbfcfd;display: none;z-index: 9;} .header .nav .box-wrap{position: relative;padding: 18px 0;} .header .nav .box li>a{display: block;font-size: 14px;color: #333;padding: 15px 25px;line-height: 20px;text-align: center;} .header .nav .box li.on>a{color: #fff;background: #015196;} .header .language{position: relative;} .header .language .name{display: inline-block;font-size: 19px;color: #222;line-height: 89px;background: url(../image/img1.png) right center no-repeat;padding: 0 20px;cursor: pointer;} .header .search{float: right;margin-right: 15px;} .header .search .icon{width: 24px;line-height: 89px;cursor: pointer;min-height: 24px;} .header .search .icon.on{margin-top: 32px;background: url(../image/sson.png) center center no-repeat;} .header .search .icon.on img{display: none !important;} .header .search .icon .img_1{display: inline-block;transition: all .3s;} .header .serc-wrap{position: relative;} .header .search .box{display: none;width: 300px;position: absolute;right: 0;top: 65px;padding: 10px;font-size: 0;background: #fff;} .header .search .box form{margin: 0 auto;font-size: 0;} .header .search .text{width: calc(100% - 30px);height: 30px;vertical-align: top;padding: 0 10px;background: none;color: #999999;font-size: 14px;} .header .search .text::-webkit-input-placeholder{color: #999;} .header .search .text:-moz-placeholder{color: #999;} .header .search .text::-moz-placeholder{color: #999;} .header .search .text:-ms-input-placeholder{color: #999;} .header .search .sub{width: 30px;height: 30px;background: url(../image/ss.png) center center no-repeat;cursor: pointer;} .header .language .box{position: absolute;display: none;left: 50%;margin-left: -50px;top: 89px;width: 100px;padding: 10px 0;background: rgba(255, 255, 255, 1);box-shadow: 0 1px 3px rgba(0, 0, 0, .1);} .header .language a{display: block;font-size: 17px;color: #333;line-height: 40px;text-align: center;} .header .language>a{display: block;font-size: 14px;color: #333;padding: 15px 5px;line-height: 20px;text-align: center;} .header .language a:hover{color: #fff;background: #015196;} /* footer */ .footer{background: #edf1f6;padding-top: 60px;} .footer .top{padding-bottom: 32px;border-bottom: 1px solid #dcdcdc;} .footer .sort{float: left;margin-right: 60px;} .footer .sort:last-child{margin-right: 0;} .footer .tit{font-size: 14px;color: #222;font-weight: bold;margin-bottom: 18px;} .footer .sort a{font-size: 14px;color: #666;line-height: 30px;} .footer .sort a:hover{color: #026ac6;text-decoration: underline;} .footer .t-box{padding-bottom: 20px;border-bottom: 1px solid #dcdcdc;margin-bottom: 20px;} .footer .logo{margin-right: 75px;} .footer .logo img{ max-height: 60px;} .footer .cont .list{ margin-left: 75px;} .footer .cont .icon{float: left;margin-top: 4px;margin-right: 8px;} .footer .cont .text{float: left;font-size: 14px;color: #666;line-height: 26px;} .footer .top .subsc-box{font-size: 14px;color: #666;} .footer .top .subsc-box .record{display: none;} .footer .subsc{display: inline-block;width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #fff;font-weight: bold;background: #009690;margin-top: 18px;} .footer .top .code-box{text-align: center; padding-top: 40px;} .footer .code{margin-bottom: 13px;} .footer .code img{ max-width: 120px;} .footer .share{font-size: 0;} .footer .share a{display: inline-block;margin: 0 6px;height: 28px !important;width: 28px !important;cursor: pointer;_height: 30px;} .footer .share a.bshare-linkedin{background: url(../image/img30.png) no-repeat !important;} .footer .share a:hover.bshare-linkedin{background: url(../image/img30-2.png) no-repeat !important;} .footer .share a.bshare-sinaminiblog{background: url(../image/img31.png) no-repeat !important;} .footer .share a:hover.bshare-sinaminiblog{background: url(../image/img31-2.png) no-repeat !important;} .footer .share a.bshare-weixin{background: url(../image/img32.png) no-repeat !important;} .footer .share a:hover.bshare-weixin{background: url(../image/img32-2.png) no-repeat !important;} .footer .share .img_2{display: none;} .footer .share img{transition: all .3s;} .footer .share a:hover .img_1{display: none;} .footer .share a:hover .img_2{display: inline-block;} .footer .bot{padding: 20px 0 15px;} .footer .link{font-size: 0;line-height: 22px;margin-bottom: 10px;} .footer .link .name{font-size: 12px;color: #222;} .footer .link a{display: inline-block;vertical-align: top;font-size: 12px;color: #666;margin-right: 15px;} .footer .record{font-size: 12px;color: #666;line-height: 22px;} .footer .record a{color: #666;} .return_top{position: fixed;bottom: 5%;right: 5%;width: 35px;height: 35px;line-height: 35px;text-align: center;border-radius: 50%;z-index: 9;background: rgba(0, 0, 0, .3);font-size: 12px;color: #fff;cursor: pointer;} .footer .t-box{margin-bottom: 13px;} .footer .top .subsc-box{line-height: 28px;} .footer form{ width: 380px; margin: 5px 0;} .footer form input, .footer form textarea{ width: 100%; margin: 5px 0; border: 1px solid #0163ba; padding: 11px; color: #999;} .footer form .lyyzm{ float: left; width: calc(100% - 120px);} .footer form button{ width: 100%; line-height: 45px; background: #0163ba; font-size: 16px; font-weight: bold; color: #fff;cursor: pointer;} .footer form button:hover{ background: #009690;} /* index */ .tyhh{ font-size: 48px; font-weight: bold; text-align: center; text-transform: uppercase; color: #015196; margin-bottom: 32px;} .main.home-page{padding-top: 0;} .home-swip .swiper-button-next, .home-swip .swiper-button-prev{width: 47px;height: 80px;margin-top: -40px;} .home-swip .swiper-button-next{background: url(../image/img4.png) center center no-repeat;background-size: cover;right: 0;} .home-swip .swiper-button-prev{background: url(../image/img5.png) center center no-repeat;background-size: cover;left: 0;} .home-swip .swiper-pagination{bottom: 40px;} .home-swip .swiper-pagination-bullet{opacity: 1;width: 15px;height: 15px;background: #e5e5e5;margin: 0 8px !important;} .home-swip .swiper-pagination-bullet-active{background: -webkit-linear-gradient(left, #015196, #05aca5);background: -o-linear-gradient(right, #015196, #05aca5);background: -moz-linear-gradient(right, #015196, #05aca5);background: linear-gradient(to right, #015196, #05aca5);} .home-swip .box{position: absolute;top: 50%;left: 50%;margin-left: -41.66%;margin-top: -85px;} .home-swip .h1{font-size: 60px;color: #fff;font-weight: bold;margin-bottom: 60px;} .product{background: #f8f8f8;padding: 50px 0;} .product .carousel{position: relative;padding: 0 40px;padding-bottom: 30px;} .product .img{float: left;width: 50%;} .product .text{float: left;width: 50%;padding-top: 10%;padding-left: 5.6%;} .product .text h2{ margin-bottom: 15px;} .product .words{font-size: 14px;color: #666;line-height: 24px;margin-bottom: 20px;} .product .swiper-button-next, .product .swiper-button-prev{width: 40px;height: 60px;margin-top: -30px;} .product .swiper-button-next{right: 0;background: url(../image/img10.jpg) center center no-repeat;background-size: cover;} .product .swiper-button-prev{left: 0;background: url(../image/img9.jpg) center center no-repeat;background-size: cover;} .product .swiper-pagination{bottom: 0;left: 0;width: 100%;} .product .swiper-pagination-bullet{width: 15px;height: 15px;opacity: 1;background: #dcdcdc;margin: 0 5px;} .product .swiper-pagination-bullet-active{background: -webkit-linear-gradient(left, #015196, #05aca5);background: -o-linear-gradient(right, #015196, #05aca5);background: -moz-linear-gradient(right, #015196, #05aca5);background: linear-gradient(to right, #015196, #05aca5);} .product .more .btn { display: inline-block; border: 1px solid #015196; color: #015196; font-size: 14px; line-height: 36px; text-align: center; padding: 0 24px; margin: 2vh 0; transition: all .5s;} .product .more .btn:hover { background-color: #015196; color: rgba(255, 255, 255, 0.85);} .casetit{margin: 50px 0;} .case .box{padding: 55px 35px 70px;background: #f8f8f8;} .case .nav{font-size: 0;margin-bottom: 38px;} .case .nav li{display: inline-block; margin: 10px; font-size: 16px;border: 1px solid #015196; color: #015196; line-height: 36px; text-align: center; padding: 0 24px; transition: all .5s; cursor: pointer;} .case .nav li:last-child:before{display: none;} .case .nav li:hover{ background-color: #015196; color: rgba(255, 255, 255, 0.85);} .case .nav li a{ color: #015196;} .case .nav li:hover a{ color: rgba(255, 255, 255, 0.85);} .case .item{display: none;} .case .item.on{display: block;} .case .carousel{position: relative;} .case .case-swip{padding: 5px 0 15px;} .case .carousel a{display: block;background: #fff;} .case .text{ position: relative; padding: 20px;} .case .zoom-img .text::after{content: '';position: absolute;height: 9px;background-color: #0163ba;width: 100%;left: -100%;top: 0;transition: ease-in-out 0.3s;-webkit-transition: ease-in-out 0.3s;-moz-transition: ease-in-out 0.3s;-o-transition: ease-in-out 0.3s;} .case .zoom-img:hover .text::after{left: 0;transition: ease-in-out 0.3s;-webkit-transition: ease-in-out 0.3s;-moz-transition: ease-in-out 0.3s;-o-transition: ease-in-out 0.3s;} .case .h1{font-size: 16px;color: #222;margin-bottom: 23px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .3s;} .case .words{font-size: 14px;color: #666;line-height: 24px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 28px;} .case .see{font-size: 14px;color: #666;transition: all .3s;} .case .swiper-slide:hover .h1{color: #0163ba;} .case .swiper-slide:hover .see{color: #0163ba;} .case .swiper-button-next, .case .swiper-button-prev{width: 45px;height: 45px;top: -90px;margin-top: 0;transition: all .3s;} .case .swiper-button-next{background: url(../image/img25-2.jpg) center center no-repeat;background-size: cover;right: 0;} .case .swiper-button-prev{background: url(../image/img25.jpg) center center no-repeat;background-size: cover;left: auto;right: 70px;} .case .swiper-button-next:hover{background: url(../image/img26.jpg) center center no-repeat;background-size: cover;} .case .swiper-button-prev:hover{background: url(../image/img26-2.jpg) center center no-repeat;background-size: cover;} .case .carousel a:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, .1);} /*!- about begin -*/ .about { margin: 60px 0;} .about .about-wrap{display: flex;} .about .about-intro{width: 50%; background-color: #F5F5F5;} .about .about-intro .wrap{max-width: 830px; margin-left: auto; padding: 5% 32px 32px 16px;} .about .about-intro .wrap h3{text-align: left; text-transform: uppercase; margin-bottom: 48px; position: relative;} .about .about-intro .wrap h3:after{display: block; content: ''; position: absolute; bottom: -16px; left: 0; width: 64px; height: 1px; background-color: #0163ba;} .about .about-intro .wrap p{font-size: 16px; line-height: 2; color: #666;} .about .about-intro .wrap div{display: flex; justify-content: space-between; align-items: stretch;} .about .about-intro .wrap div .img{height: 0; width: 48%; padding-bottom: 35%; display: block; object-position: center; object-fit: contain;} .about .about-intro .wrap div .img:first-child{margin-right: 4%;} .about .about-cover{width: 50%;} .about .about-cover .video{display: block; position: relative; height: 100%;} .about .about-cover .video .video-cover{height: 100%;} .about .about-cover .video .video-cover > img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;} @media screen and (max-width: 1280px){.about { margin: 32px 0;}.about .about-intro .wrap{padding: 5% 24px 24px 16px;} .about .about-intro .wrap h3{font-size: 32px; margin-bottom: 32px;} .about .about-intro .wrap h3:after{bottom: -12px;} .about .about-intro .wrap p{font-size: 14px;} .about .about-cover .video .video-mask .iconfont{font-size: 48px;}} @media screen and (max-width: 992px){.about { margin: 16px 0;}.about .about-wrap{flex-wrap: wrap; padding: 16px 0;} .about .about-intro{width: 100%; background-color: transparent;} .about .about-intro .wrap{max-width: none; padding: 0 16px 16px;} .about .about-intro .wrap h3{font-size: 24px; margin-bottom: 24px; text-align: center;} .about .about-intro .wrap h3:after{display: none;} .about .about-intro .wrap p{font-size: 14px; line-height: 1.576; margin-bottom: 16px;} .about .about-cover{width: 100%;} .about .about-cover .video .video-mask .iconfont{font-size: 32px;}} .about .more .btn { display: inline-block; border: 1px solid #015196; color: #015196; font-size: 14px; line-height: 36px; text-align: center; padding: 0 24px; margin: 2vh 0; transition: all .5s;} .about .more .btn:hover { background-color: #015196; color: rgba(255, 255, 255, 0.85);} /*!- about end -*/ .service{background-position: center; background-size: cover; background-repeat: no-repeat; background-color: whitesmoke;} .service .service-wrap{padding: 64px 0;} .service .service-content{padding: 32px 0;} .service .service-content .service-item{text-align: center;} .service .service-cover{position: relative; font-size: 0;} .service .service-cover:after{display: block; position: absolute; content: ''; width: 0; height: 0; border-style: solid; top: 50%; border-width: 16px 0 16px 32px; border-color: transparent transparent transparent #fff; right: 0; transform: translateY(-50%);} .service .service-cover .service-cover-wrap{display: inline-block; vertical-align: top; width: 128px; height: 128px; border-radius: 50%; overflow: hidden; transition: background-color .5s; background-color: #015196;} .service .service-cover .service-cover-wrap > img{display: block; width: 100%; height: 100%; object-fit: contain; object-position: center;} .service .service-cover .service-cover-wrap:hover{background-color: #EE922B;} .service .service-intro{font-size: 18px; line-height: 1.2; margin-top: 32px; text-transform: capitalize; color: #333333; font-family: Times;} .service .service-motto{margin-top: 32px;} .service .service-motto > div{display: block; width: 80%; margin: 0 auto; padding: 8px 32px; font-size: 20px; text-transform: uppercase; line-height: 32px; background-color: #fff; text-align: center; border-radius: 24px; color: #015196;} .service .swiper-slide:last-child .service-cover:after{display: none;} @media screen and (max-width: 1200px){.service{ margin-bottom: 40px;} .service .service-wrap{padding: 48px 0;} .service .service-content{padding: 24px 0;} .service .service-cover .service-cover-wrap{width: 96px; height: 96px;} .service .service-intro{font-size: 16px; margin-top: 24px;} .service .service-motto{margin-top: 24px;} .service .service-motto > div{width: 90%; padding: 8px 24px; font-size: 20px;}} @media screen and (max-width: 768px){.service{ margin-bottom: 20px;}.service .service-wrap{padding: 32px 0;} .service .service-content{padding: 16px 0;} .service .service-motto > div{width: 100%; font-size: 18px;}} .news{position: relative; margin-bottom: 560px;} .news .tyhh{ color: #fff; margin-bottom: 15px;} .news .top{background: -moz-linear-gradient(top, #0163ba 0%, #02aca6 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0163ba), color-stop(100%, #02aca6));background: -webkit-linear-gradient(top, #0163ba 0%, #02aca6 100%);background: -o-linear-gradient(top, #0163ba 0%, #02aca6 100%);background: -ms-linear-gradient(top, #0163ba 0%, #02aca6 100%);} .news .top .box{ padding: 50px 0 245px;} .news .top .news-list a{display: block;padding: 0 50px;line-height: 90px;font-size: 16px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px solid rgba(255, 255, 255, .35);} .news .top .news-list a:last-child{border-bottom: 0;} .news .top .news-list a:hover{background: rgba(255, 255, 255, .08);} .news .bot{position: absolute;bottom: -470px;left: 50%;margin-left: -41.66%;padding: 60px 70px 50px;background: #fff;box-shadow: 0 5px 10px rgba(0, 0, 0, .2);} .news .bot .h1{font-size: 26px;color: #222;padding-bottom: 40px;border-bottom: 1px solid #e5e5e5;} .news .bot .l-box{width: 67%;} .news .bot .img-text{width: 48.6%; padding-top: 30px;} .news .bot .img-text .text{padding-top: 22px;} .news .bot .img-text .h2{font-size: 20px;color: #222;overflow: hidden;text-overflow: ellipsis;line-height: 1.6;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 20px;transition: all .3s;} .news .bot .img-text:hover .h2{color: #0163ba;} .news .bot .img-text .words{font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 28px;} .news .bot .more{width: 140px; height: 50px; line-height: 50px; text-align: center; font-size: 16px;background: #f4f4f4;color: #666;} .news .bot .news-list{width: 51.4%;padding-left: 9%;} .news .bot .news-list a{display: block;padding-bottom: 31px;border-bottom: 1px solid #e5e5e5;margin-bottom: 31px;} .news .bot .news-list a:nth-child(1){ padding-top: 30px;} .news .bot .news-list a:last-child{border-bottom: 0;} .news .bot .news-list a:hover .h2{color: #0163ba;} .news .bot .news-list .h2{font-size: 16px;color: #222;margin-bottom: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .3s;} .news .bot .news-list .time{font-size: 14px;padding-left: 25px;color: #999; line-height: 19px;background: url(../image/img21.jpg) left center no-repeat;} .news .bot .r-box{width: 33%;padding-left: 5.5%;} .news .bot .r-box .h1{border-bottom: 1px solid #e5e5e5;} .news .bot .r-box .item{padding: 20px 0 10px;border-bottom: 1px solid #E5E5E5;} .news .bot .r-box .items{padding: 25px 0;} .news .bot .r-box .img{float: left;width: 120px;} .news .bot .r-box .text{float: left;width: calc(100% - 120px);padding-top: 10px;padding-left: 7%;} .news .bot .r-box .time{font-size: 14px;color: #999;margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .news .bot .r-box .words{font-size: 16px;color: #222;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .news .bot .r-box .words:hover{color: #0163ba;} .news .bot .r-box .items .text{width: 100%;padding-left: 0;padding-top: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .news .bot .r-box .item:last-child{border-bottom: 0;} .news .bot .r-box .more{background: #f4f4f4;color: #666;} .news .bot .r-box .more a{display: block;color: #666;} /* 产品 */ .banner{position: relative;} .banner .box{position: absolute;left: 50%;margin-left: -700px;top: 50%;margin-top: -30px;} .mega-text{margin-top: -10px;} .banner .box .icon{margin-bottom: 15px;} .banner .box .h1{font-size: 30px;color: #fff;font-weight: normal;margin-bottom: 25px;} .banner .box .h2{font-size: 18px;color: #fff;line-height: 1.2;} .mega{padding-top: 30px;} .mega .locat{margin-bottom: 85px;} .mega .title{padding-bottom: 14px;border-bottom: 1px solid #dcdcdc;} .mega .title .h1{font-size: 30px;color: #222222;font-weight: bold;line-height: 58px;padding-left: 60px;background-image: url(../image/img299.png);background-position: 2px center;background-repeat: no-repeat;} .mega .words{font-size: 16px;color: #333333;line-height: 30px;} .mega .h2{font-size: 20px;color: #0072bc;line-height: 30px;font-weight: bold;} .mega .box_1{margin-bottom: 60px;} .mega .box_1 .h1{font-size: 20px;color: #005bac;font-weight: bold;margin-bottom: 65px;} .mega .box_1 .l-box{float: left;width: 54.34%;padding-right: 55px} .mega .box_1 .bot-box{margin-top: 140px} .mega .box_1 .sp_1{color: #0072bc;font-weight: bold;} .mega .box_1 .list-box{font-size: 0;text-align: center;margin-top: 60px;} .mega .box_1 .list{display: inline-block;vertical-align: top;width: 25%;} .mega .box_1 .name{font-size: 16px;color: #333333;line-height: 30px;margin-top: 13px;} .mega .box_1 .r-box{float: left;width: 45.66%;position: relative;padding-left: 105px;text-align: center;} .mega .box_1 .swiper-button-next, .mega .box_1 .swiper-button-prev{width: 50px;height: 50px;margin-top: -25px;} .mega .box_1 .swiper-button-next{background-image: url(../image/img293-2.jpg);background-size: cover;right: -70px;} .mega .box_1 .swiper-button-prev{background-image: url(../image/img293.jpg);background-size: cover;left: 35px;} .mega .box_2{margin-bottom: 40px;} .mega .box_2 .title{margin-bottom: 22px;} .mega .box_2 .list1{margin-top: 54px;} .mega .box_2 .h2{margin-bottom: 25px;} .mega .column_1{margin-top: 44px;} .mega .data-box{padding: 47px 40px 60px;box-shadow: 0 5px 10px rgba(0, 0, 0, .1);margin-bottom: 20px;} .mega .data-box .top-box{padding-bottom: 24px;border-bottom: 1px solid #eeeeee;margin-bottom: 30px;} .mega .data-box .name{float: left;font-size: 24px;color: #000000;line-height: 30px;font-weight: bold;} .mega .sign-box{float: right;font-size: 0;} .mega .algorithm .icon{display: inline-block;vertical-align: middle;width: 30px;height: 25px;border-radius: 10px;margin-right: 12px;} .mega .algorithm{display: inline-block;vertical-align: top;font-size: 16px;color: #2f4554;line-height: 30px;margin-left: 34px;} .mega .algorithm .icon{background: #2f4554;box-shadow: 0 3px 10px rgba(47, 69, 84, .2);} .mega .bolt{color: #c23531;} .mega .bolt .icon{background: #c23531;box-shadow: 0 3px 10px rgba(194, 53, 49, .2);} .mega .data-box .list-box{font-size: 0;} .mega .data-box .list{display: inline-block;vertical-align: top;width: 50%;} .mega .data-box .list:nth-child(2n){padding-left: 50px;} .mega .data-box .tag-box{font-size: 0;margin-bottom: 27px;} .mega .data-box .name2{font-size: 24px;color: #000000;line-height: 30px;font-weight: bold;margin-right: 18px;} .mega .data-box .tag{display: inline-block;vertical-align: top;padding: 0 25px;height: 30px;line-height: 30px;font-size: 16px;color: #000;font-weight: bold;background: #f4f4f4;margin-right: 20px;} .mega .data-box .tag:last-child{margin-right: 0;} .mega .column_2{margin-top: 75px;} .mega .box_3{padding-bottom: 80px;} .mega .box_3 .column_1{margin-top: 35px;} .mega .box_3 .h2{margin-bottom: 22px;} .mega .box_3 .sign-box{float: none;text-align: center;margin-top: 45px;} .mega .box_3 .algorithm{margin: 0 17px;} .mega .box_4{padding: 50px 0;background: #f6f8fa;} .mega .box_4 .data-box{max-width: 660px;width: 100%;margin: 22px auto;} .mega .box_4 .list{width: 100%;} .mega .box_5{background: #f6f8fa;padding-bottom: 75px;} .mega .box_5 .title{margin-bottom: 30px;} .mega .box_5 .bot-box{font-size: 0;margin-top: 75px;} .mega .box_5 .list-box{display: inline-block;vertical-align: top;width: 42.86%;} .mega .box_5 .list{font-size: 16px;color: #333333;line-height: 24px;margin-bottom: 15px;} .mega .box_5 .list .icon{display: inline-block;vertical-align: top;width: 24px;height: 24px;background-image: url(../image/img310.png);background-size: cover;margin-right: 25px;} .mega .box_5 .img-box{display: inline-block;vertical-align: top;width: 57.14%;padding-right: 10px;} .mega .box_6{padding: 60px 0 85px;} .mega .box_6 .title{margin-bottom: 25px;} .mega .box_6 .list-box{font-size: 0;} .mega .box_6 .list{display: inline-block;vertical-align: top;width: 50%;padding-right: 35px;} .mega .box_6 .list:nth-child(2n){padding-left: 0;padding-left: 35px;} .mega .box_6 .box6-swiper{position: relative;} .mega .box_6 .words{margin-bottom: 40px;} .mega .box_6 .box6-swiper{position: relative;text-align: center;} .mega .box_6 .swiper-button-next, .mega .box_6 .swiper-button-prev{width: 46px;height: 46px;margin-top: -23px;} .mega .box_6 .swiper-button-prev{background-image: url(../image/img293.jpg);background-size: cover;left: 0;} .mega .box_6 .swiper-button-next{background-image: url(../image/img293-2.jpg);background-size: cover;right: 0;} .mega .box_6 .swiper-pagination{width: 100%;bottom: -35px;} .mega .box_6 .swiper-pagination-bullet{width: 10px;height: 10px;background: #eeeeee;opacity: 1;margin: 0 5px;} .mega .box_6 .swiper-pagination-bullet-active{background: #0072bc;} .mega .box_7{padding-bottom: 65px;} .mega .box_7 .img-box{min-height: 250px;background-position: center center;background-size: cover;position: relative;margin-bottom: 65px} .mega .box_7 .h1{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 36px;color: #ffffff;line-height: 50px;font-weight: bold;text-align: center;} .mega .box_7 .words{max-width: 986px;margin: 0 auto;text-align: center;} .mega .box_7 .bot-box{max-width: 986px;margin: 0 auto;font-size: 0;margin-top: 42px;} .mega .box_7 .name{display: inline-block;vertical-align: top;width: 400px;font-size: 20px;color: #333333;line-height: 30px;font-weight: bold;text-align: center;} .mega .box_7 .list-box{display: inline-block;vertical-align: top;width: calc(100% - 410px);margin-left: 10px;} .mega .box_7 .list{font-size: 16px;color: #333333;line-height: 30px;margin-bottom: 10px;font-weight: bold;} .mega .box_7 .list .icon{display: inline-block;vertical-align: middle;width: 24px;height: 24px;background-image: url(../image/img310.png);background-size: cover;margin-right: 25px;} .mega .box_8{background: #f6f8fa;padding: 40px 0 80px;} .mega .box_8 .title{margin-bottom: 35px;} .mega .box_8 .list-box{font-size: 0;} .mega .box_8 .list{display: inline-block;vertical-align: top;width: 50%;padding-right: 35px;} .mega .box_8 .list:nth-child(2n){padding-left: 0;padding-left: 35px;} .mega .box_8 .words a{color: #333333;} .mega .box_8 .h2{margin: 20px 0 22px;} .mega .box_8 .item{font-size: 16px;color: #333333;line-height: 24px;margin-bottom: 15px;} .mega .box_8 .item .icon{display: inline-block;vertical-align: top;width: 24px;height: 24px;background-image: url(../image/img310.png);background-size: cover;margin-right: 25px;} .mate-box{padding: 65px 0 75px;} .mate-box .title{padding-bottom: 24px;border-bottom: 0;} .mate-box .title .h1{font-size: 20px;color: #005bac;line-height: 24px;padding: 0;background: none;} /* msds */ .msds .l-box{width: 27%;background: #f8f8f8;} .msds .r-box{width: 73%;background: #fff;} .msds .r-box .boxs{position: relative;} .msds .screen .box{margin-bottom: 27px;} .screen .sel .h2{font-size: 16px;color: #222;font-weight: bold;padding-bottom: 17px;border-bottom: 1px solid #dcdcdc;margin-bottom: 17px;} .screen .sel select{width: 100%;line-height: 43px;padding: 0 14px;border: 1px solid #dcdcdc;background: #fff url(../image/img34.jpg) 93% center no-repeat;} .msds .table{padding: 0 45px;padding-right: 0;} .msds .table th{font-size: 14px;color: #222;line-height: 51px;background: #eee;font-weight: normal;text-align: left;} .msds .table th:nth-child(1){padding: 0 34px;} .msds .table tr:nth-child(2n) td{background: #f8f8f8;} .msds .table td{border-bottom: 1px dashed #dfdfdf;font-size: 14px;color: #666;line-height: 69px;color: #222;} .msds .table td:nth-child(1){padding: 0 34px;} .msds .table td a{color: #222;} .msds .nav-page{margin: 53px auto;} .nav-page{text-align: left;margin: 53px 0;margin-left: 45px;} .nav-page a{display: inline-block;width: 45px;height: 45px;line-height: 43px;border: 1px solid #e5e5e5;margin: 0 8px;font-size: 14px;color: #999;text-align: center;} .nav-page a:nth-child(1){margin-left: 0;} .nav-page a.on{background: #eee;color: #222;} .nav-page .prev, .nav-page .next{width: auto;padding: 0 24px;} .box-wrap{position: relative;} .msds .l-box{position: absolute;top: 0;left: 0;bottom: 0;} /* 样本处理 */ .sample{padding-top: 30px;} .sample .locat{margin-bottom: 80px;} .sample .title .h1{font-size: 20px;color: #005bac;font-weight: bold;} .sample .title .icon{display: inline-block;width: 18px;height: 4px;background: #009690;vertical-align: top;margin-top: 9px;margin-right: 13px;} .sample .box_1 .title{margin-bottom: 30px;} .sample .words{font-size: 14px;color: #333;line-height: 26px;} .sample .box_1{margin-bottom: 90px;} .sample .box_1 .list-box{margin-top: 35px;} .sample .box_1 .list{float: left;width: 31%;margin-right: 3.5%;padding: 45px 30px;border: 1px solid #e5e5e5;} .sample .box_1 .list:nth-child(3n){margin-right: 0;} .sample .box_1 .number{font-size: 24px;color: #005bac;font-weight: bold;margin-bottom: 45px;} .sample .box_1 .h2{font-size: 18px;line-height: 20px;height: 40px;color: #333;font-weight: bold;margin-bottom: 20px;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/} .sample .box_1 .words{color: #666;line-height: 24px;} .sample .box_1>.words{font-size: 16px;color: #222;} .sample .box_2{margin-bottom: 120px;} .sample .box_2 .img-text{padding-bottom: 20px;margin-bottom: 60px;border-bottom: 1px solid #dcdcdc;} .sample .box_2 .text{float: left;width: 50%;padding-top: 85px;padding-right: 35px;} .sample .box_2 .words{font-size: 16px;color: #333;line-height: 30px;} .sample .box_2 .img-text .img{float: left;width: 50%;} .sample .box_2 .box{text-align: center;} .sample .box_2 .list-box{padding: 0 10px;} .sample .box_2 .list{float: left;width: 18%;text-align: center;margin-right: 2.3%;} .sample .box_2 .list:nth-child(5n){margin-right: 0;margin-left: .8%;} .sample .box_2 .number{width: 45px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #fff;font-weight: bold;margin: 0 auto;margin-bottom: 16px;background: #01a49d;border-radius: 50%;} .sample .box_2 .h2{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 18px;} .sample .box_2 .list .img{border: 1px solid #e5e5e5;} .sample .box_3{background: #f9f9f9;padding-top: 65px;} .sample .box_3 .item{padding-bottom: 45px;margin-bottom: 40px;border-bottom: 1px solid #e5e5e5;position: relative;} .sample .box_3 .item .swiper-pagination{left: 0;width: 100%;text-align: center;bottom: 60px;} .sample .box_3 .item .swiper-pagination-bullet{width: 11px;height: 11px;margin: 0 5px;} .sample .box_3 .title{margin-bottom: 85px;} .sample .box_3 .text{float: left;width: 50%;margin-top: 70px;} .sample .box_3 .img{float: left;width: 50%;text-align: right;} .sample .box_3 .h2{font-size: 20px;color: #222;font-weight: bold;margin-bottom: 38px;} .sample .box_3 .words{color: #666;padding-left: 45px;} .sample .box_3 .item:nth-child(2n) .text{float: right;} .sample .box_3 .item:nth-child(2n) .img{text-align: left;} .sample .box_3 .box{margin-left: 45px;} .sample .box_3 .h3{font-size: 16px;color: #222;margin: 35px 0 25px;} .sample .box_3 .box a{display: inline-block;width: 170px;height: 50px;line-height: 48px;text-align: center;border: 1px dashed #d2d2d2;background: #fff;font-size: 14px;color: #666;margin-right: 20px;} .sample .box_3 .item_1 .text{margin-top: 15px;} .sample .box_3 .item_1 li{margin-bottom: 25px;} .sample .box_3 .h4{font-size: 16px;color: #222;padding-left: 35px;background: url(../image/img60.jpg) left center no-repeat;margin-bottom: 15px;} .sample .box_3 .item_1 .words{padding-left: 35px;} .sample .box_3 .item:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;} /* 产品文档 */ .screen .form .check-box{margin-top: 27px;font-size: 0;} .screen .form .h2{font-size: 16px;color: #222;font-weight: bold;padding-bottom: 17px;margin-bottom: 13px;border-bottom: 1px solid #dcdcdc;} .screen .form .label{display: inline-block;width: 50%;font-size: 14px;color: #222;line-height: 20px;margin-bottom: 20px;} .screen .form .check{width: 20px;height: 20px;-webkit-appearance: radio;vertical-align: top;margin-right: 10px;} /* 产品中心 */ .prod{padding-top: 30px;} .prod .box_1{margin-bottom: 70px;position: relative;} .prod .box_1 .but-box{position: absolute;top: -40px;right: 0;} .prod .box_1 .but{width: 30px;height: 30px;line-height: 26px;font-size: 20px;color: #fff;background: #005bac;text-align: center;display: inline-block;cursor: pointer;} .prod .box_1 .l-but{margin-right: 10px;} .prod .box_1 .table{max-width: 1400px;width: 100%;overflow-x: scroll;} .prod .box_1 .table::-webkit-scrollbar{/*滚动条整体样式*/width: 6px !important;;/*高宽分别对应横竖滚动条的尺寸*/height: 6px !important;;background: #ffffff !important;;cursor: pointer !important;} .prod .box_1 .table::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius: 5px !important;-webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;background: rgba(63, 98, 131, 0.8) !important;;cursor: pointer !important;} .prod .box_1 .table::-webkit-scrollbar-track{/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;border-radius: 0 !important;;background: rgba(240, 240, 240, 0.5) !important;;cursor: pointer !important;} .arrow-tips{display: none;position: absolute;top: 50%;margin-top: -13px;right: 2%;width: 25px;height: 25px;line-height: 23px;padding-left: 7px;font-size: 20px;color: #fff;background: rgba(0, 0, 0, .3);box-shadow: 0 2px 5px rgba(0, 0, 0, .1);border-radius: 50%;} .prod .box_1 .img{margin-bottom: 15px;} .prod .box_1 th{width: 280px;border: 1px solid #dcdcdc;border-left: 0;border-right: 0;} .prod .box_1 th:nth-child(1){border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;} .prod .box_1 th:last-child{border-right: 1px solid #DCDCDC;} .prod .box_1 .box{height: 213px;} .prod .box_1 .name{display: inline-block;font-size: 14px;color: #333;line-height: 18px;padding: 0 28px;background: url(../image/img65.jpg) right center no-repeat;} .prod .box_1 td{text-align: center;font-size: 14px;color: #333;height: 50px;line-height: 20px;border: 1px solid #dcdcdc;border-top: 0;border-right: 0;} .prod .box_1 td:last-child{border-right: 1px solid #dcdcdc;} .prod .box_1 td:nth-child(1){padding-left: 15px;text-align: left;} .prod .box_1 tr:nth-child(2n) td{background: #fafafa;} .prod .box_2{margin-bottom: 55px;position: relative;} .prod .box_2 .h1{font-size: 24px;color: #005bac;font-weight: bold;margin-bottom: 28px;} .prod .box_2 th{background: #005bac;font-size: 14px;color: #fff;height: 60px;font-weight: normal;border: 1px solid #dcdcdc;border-left: 1px solid #4282ba;border-right: 0;} .prod .box_2 th:nth-child(1){border-left: 1px solid #DCDCDC;} .prod .box_2 th:last-child{border-right: 1px solid #DCDCDC;} .prod .box_2 td{text-align: center;font-size: 14px;color: #222;height: 51px;border: 1px solid #dcdcdc;border-right: 0;border-top: 0;} .prod .box_2 .tr_1 td{height: 91px;line-height: 22px;} .prod .box_2 td:last-child{border-right: 1px solid #DCDCDC;} .prod .box_2 td .icon{display: inline-block;width: 27px;height: 27px;background: url(../image/img66.jpg) center center no-repeat;background-size: cover;vertical-align: top;line-height: 40px;} .prod .video{margin-bottom: 78px;} /*.prod .video .box{margin-top: -40px;}*/ .prod .box_4{margin-bottom: 105px;} .prod .box_4 .h1{font-size: 24px;color: #005bac;font-weight: bold;margin-bottom: 23px;} .prod .box_4 .words{font-size: 14px;color: #222;line-height: 40px;} .prod .box_5{margin-bottom: 45px;} .prod .box_5 .nav{border-bottom: 1px solid #DCDCDC;margin-bottom: 60px;} .prod .box_5 li{float: left;width: auto;height: 50px;line-height: 48px;text-align: center;font-size: 14px;color: #222;border: 1px solid #dcdcdc;border-bottom: 0;border-right: 0;padding: 0 15px;transition: all .3s;cursor: pointer;} .prod .box_5 li:hover{color: #fff;background: #005bac;border: 1px solid #005BAC;} .prod .box_5 li:last-child{border-right: 1px solid #DCDCDC;} .prod .box_5 li.on{color: #fff;background: #005bac;border: 1px solid #005BAC;} .prod .box_5 .h1{font-size: 24px;color: #005bac;font-weight: bold;margin-bottom: 10px;} .prod .box_5 .list{display: none;} .prod .box_5 .list.on{display: block;} .prod .box_5 .words{font-size: 14px;color: #222;line-height: 40px;} .prod .box_5 .item-box{margin-top: 48px;} .prod .box_5 .item{margin-bottom: 30px;} .prod .box_5 .text{float: left;width: 50%;padding-right: 60px;} .prod .box_5 .img{float: left;width: 50%;} .prod .box_5 .h2{font-size: 20px;color: #005bac;margin-bottom: 35px;} .prod .box_5 .item .words{line-height: 30px;} /* 定制平台 */ .cust{padding-top: 30px;background: url(../image/img81.jpg);} .cust .box_1{padding-bottom: 70px;} .cust .box_1 .titles{margin-bottom: 60px;text-align: center;} .cust .box_1 .titles .h1{font-size: 30px;color: #222;} .cust .title .h1{font-size: 20px;color: #005bac;font-weight: bold;} .cust .title .icon{display: inline-block;width: 18px;height: 4px;background: #009690;vertical-align: top;margin-top: 9px;margin-right: 13px;} .cust .box_1 .img-text{margin-bottom: 10px;} .cust .box_1 .img-text .text{float: left;width: 59%;margin-top: 50px;} .cust .box_1 .img-text .img{float: left;width: 41%;text-align: center;} .cust .box_1 .words{font-size: 16px;color: #333;line-height: 36px;} .cust .box_1 .box{background: #fff;padding: 25px;border: 1px dashed #d8d8d8;} .cust .box_1 .l-box{float: left;width: 60%;border-right: 1px solid #e5e5e5;margin-top: 6px;} .cust .domain{padding: 20px 25px 27px;background: #fff;margin-bottom: 17px;} .cust .domain .l-box .img{float: left;border: 1px dashed #dcdcdc;margin-top: 16px;position: relative;} .cust .domain .l-box .img::before{content: "";position: absolute;top: 32px;right: -81px;width: 84px;height: 136px;background: url(../image/img82.png) center center no-repeat;background-size: cover;z-index: 2;} .cust .domain .sort{float: left;} .cust .domain .sort li{background: #f6f7fb;border: 1px dashed #dcdcdc;} .cust .domain .sort li:last-child{margin-bottom: 0;} .cust .domain .sort_1{margin-left: 77px;margin-top: 16px;position: relative;} .cust .domain .sort_1::before{content: "";position: absolute;top: 1px;right: -51px;width: 54px;height: 205px;background: url(../image/img83.png) center center no-repeat;background-size: cover;z-index: 2;} .cust .domain .sort_1 li{width: 230px;height: 70px;line-height: 68px;text-align: center;font-size: 16px;color: #222;margin-bottom: 59px;} .cust .domain .sort_2{margin-left: 48px;} .cust .domain .sort_2 li{width: 160px;height: 40px;line-height: 38px;text-align: center;margin-bottom: 10px;font-size: 14px;color: #333;} .cust .domain .sort_2 li .icon{display: inline-block;margin-right: 5px;} .cust .domain .r-box{width: 40%;float: left;} .cust .domain .r-box .icon{text-align: center;position: relative;margin-bottom: 27px;} .cust .domain .r-box .icon::before{position: absolute;content: "";width: 314px;height: 30px;bottom: -30px;left: 50%;margin-left: -157px;background: url(../image/img84.png) center center no-repeat;background-size: cover;z-index: 2;} .cust .domain .list-box{font-size: 0;text-align: center;} .cust .domain .list{display: inline-block;width: 123px;padding: 10px 15px 5px;border: 1px dashed #e5e5e5;} .cust .domain .list_1{margin: 0 32px;} .cust .domain .list .name{display: inline-block;font-size: 14px;color: #333;margin-bottom: 5px;} .cust .proce .list-box{font-size: 0;text-align: center;} .cust .proce .list{display: inline-block;width: 18%;padding: 17px 0 35px;background: #fff;margin-right: 2.5%;position: relative;text-align: center;} .cust .proce .list::before{content: "";position: absolute;width: 22px;height: 16px;top: 50%;margin-top: -11px;right: -27px;background: url(../image/img90.png) center center no-repeat;background-size: cover;z-index: 2;} .cust .proce .list:last-child{margin-right: 0;} .cust .proce .list:last-child::before{display: none;} .cust .proce .icon{margin-bottom: 10px;} .cust .proce .name{font-size: 16px;color: #333;} .cust .box_2{background: #fff;padding: 55px 0 55px;} .cust .box_2 .title{margin-bottom: 35px;} .cust .box_2 .text{margin-bottom: 45px;} .cust .box_2 .words{font-size: 14px;color: #333;line-height: 30px;} .cust .box_2 .table table{border: 1px solid #e5e5e5;margin-bottom: 20px;} .cust .box_2 .table-box{position: relative;} .cust .box_2 .table-box2{position: relative;} .cust .box_2 .table td{width: 20%;background: #f7f7f7;padding: 25px 15px 20px;border-right: 1px solid #e5e5e5;} .cust .box_2 .table .icon{width: 49px;display: inline-block;margin-right: 5px;} .cust .box_2 .table .tr_1 td{background: #0060b5;font-size: 16px;color: #fff;font-weight: bold;padding: 0 20px;line-height: 90px;} .cust .box_2 .table .number{display: inline-block;font-size: 40px;margin-right: 5px;margin-left: 15px;} .cust .box_2 .table .tr_2 td{text-align: center;vertical-align: top;} .cust .box_2 .table .tr_2 .img{margin-bottom: 40px;} .cust .box_2 .table .tr_2 li{font-size: 14px;color: #222;line-height: 50px;text-align: left;} .cust .box_2 .table .td_1{font-size: 0;} .cust .box_2 .table .td_1 li{float: left;width: 50%;} .cust .box_2 .table .td_2 .name{float: left;line-height: 30px;margin-left: 45px;margin-bottom: 20px;} .cust .box_2 .table .td_2 .name_2{float: right;margin-right: 10px;margin-left: 0;} .cust .box_2 .table .text_2 .words{font-size: 14px;color: #222;} .cust .box_2 .table .tr_3 td{font-size: 16px;color: #333;font-weight: bold;line-height: 30px;} .cust .box_2 .table .tr_3 td .icon{width: auto;margin-right: 10px;} .cust .box_2 .table_2 td{background: #f7f7f7;text-align: center;font-size: 0;padding: 10px;} .cust .box_2 .table_2 .tr_1 td{background: #005bac;text-align: left;padding: 0;} .cust .box_2 .table_2 .cn{display: inline-block;font-size: 20px;color: #fff;font-weight: bold;margin-right: 8px;line-height: 80px;vertical-align: top;} .cust .box_2 .table_2 .en{font-size: 14px;color: #fff;line-height: 80px;vertical-align: top;} .cust .box_2 .table_2 .name{font-size: 20px;color: #222;font-weight: bold;margin-bottom: 5px;text-align: center;} .cust .box_2 .table_2 .words{font-size: 14px;color: #222;text-align: center;} .cust .box_2 .table_2 .tr_2 td{text-align: left;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;} .cust .box_2 .table_2 .tr_2 td:nth-child(1){border-left: 1px solid #dcdcdc;} .cust .box_2 .table_2 .text_1{width: 40%;display: inline-block;font-size: 18px;color: #005bac;vertical-align: middle;padding-left: 130px;} .cust .box_2 .table_2 .sp_1{font-size: 50px;font-weight: bold;} .cust .box_2 .table_2 .img{width: 60%;display: inline-block;padding-left: 55px;} .cust .box_2 .note{margin: 22px 0 0;} .cust .box_2 .notes{font-size: 14px;color: #e30000;width: 30px;line-height: 30px;} .cust .box_2 .note .box{width: calc(100% - 30px);font-size: 14px;color: #666;line-height: 30px;} .cust .box_2 .note .box li{float: left;margin-right: 90px;} .cust .box_3{background: #fff;padding-bottom: 53px;} .cust .box_3 .box{position: relative;} .cust .box_3 .title{margin-bottom: 32px;} .cust .box_3 .text{margin-bottom: 36px;} .cust .box_3 .text .words{font-size: 16px;color: #333;line-height: 24px;} .cust .box_4 .table td{width: 16.66%;} .cust .box_2 .expon{width: calc(100% - 54px);display: inline-block;vertical-align: top;font-size: 14px;line-height: 20px;} .cust .box_4{padding-top: 0;} .cust .box_4 .box{position: relative;} .cust .box_4 .tr_2 .td_2 li{font-size: 0;line-height: 60px;} .cust .box_4 .td_2 img{vertical-align: top;} .cust .box_4 .table table{margin-bottom: 0;} .cust .box_4 .see{margin-top: 65px;text-align: center;} /* 发表文章 */ .essay{padding-top: 30px;background: #f4f4f4;} .essay .locat{margin-bottom: 22px;} .prod-scre{background: #fff;width: 280px;padding: 30px 17px 0;} .prod-scre .h1{font-size: 16px;color: #005bac;font-weight: bold;margin-bottom: 17px;} .prod-scre .sort{padding-bottom: 45px;} .prod-scre li{margin-bottom: 20px;} .prod-scre .type{width: 100%;height: 50px;line-height: 50px;background: #eee;padding: 0 18px;} .prod-scre .type .icon{float: right;font-size: 14px;color: #333;transition: all .3s;} .prod-scre li.on .type .icon{transform: rotate(180deg);-ms-transform: rotate(180deg);} .prod-scre .sort .box{display: none;} /*.prod-scre .sort li.on .box{display: block;} */ .prod-scre .sort .box a{display: block;line-height: 52px;padding: 0 18px;font-size: 14px;color: #333;border-bottom: 1px solid #dcdcdc;} .prod-scre .sort .box a.on{color: #009690;} .essay .r-box{width: calc(100% - 300px);} .sorting{background: #fff;padding: 23px 21px 50px;margin-bottom: 10px;} .sorting .h1{display: inline-block;width: 220px;height: 50px;line-height: 48px;border: 1px solid #eee;font-size: 14px;color: #666;padding: 0 20px;margin-bottom: 37px;} .sorting .item{padding-bottom: 27px;margin-bottom: 27px;border-bottom: 1px solid #eee;} .sorting .item a{/*cursor: default;*/} .sorting .item:last-child{margin-bottom: 49px;} .sorting .h2{font-size: 18px;color: #333;margin-bottom: 17px;line-height: 1.2;} .sorting .words{font-size: 14px;color: #666;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .sorting .label>span{display: inline-block;min-width: 85px;padding: 0 10px;height: 30px;line-height: 30px;background: #eee;font-size: 12px;color: #666;text-align: center;margin-right: 10px;border-radius: 15px;} .nav-page{text-align: center;/*margin: 0 auto;*/} .essay-list{background: #fff;padding: 40px 25px 45px;} .essay-list .h1{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 26px;} .essay-list li{height: 61px;line-height: 60px;border: 1px solid #dcdcdc;border-bottom: 0;background: url(../image/img36.jpg) 25px center no-repeat;background-size: 18px auto;} .essay-list li:last-child{border-bottom: 1px solid #dcdcdc;} .essay-list li a{display: block;font-size: 16px;color: #222;padding: 0 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* 发展历程 */ .develop{background: #f4f4f4;padding: 30px 0 45px;} .develop .locat{margin-bottom: 43px;} .develop .h1{font-size: 30px;color: #333;font-weight: normal;margin-bottom: 71px;} .develop li{position: relative;padding-bottom: 30px;} .develop li .l-box{position: absolute;top: 0;left: 0;width: 43px;height: 100%;} .develop .icon{position: relative;} .develop li .l-box::before{position: absolute;content: "";width: 1px;height: calc(100% - 8px);top: 8px;left: 8px;background: #e5e5e5;} .develop li .r-box{float: right;width: calc(100% - 43px);background: #fff;padding: 35px 30px 39px;} .develop .text{float: left;width: calc(100% - 350px);padding-right: 100px;} .develop .img{float: left;width: 350px;margin-top: 48px;} .develop .h2{font-size: 20px;color: #005bac;font-weight: bold;margin-bottom: 47px;} .develop .words{font-size: 16px;color: #333;line-height: 30px;} .develop li:last-child .l-box::before{position: absolute;content: "";width: 1px;height: 105px;top: 8px;left: 8px;background: #e5e5e5;} /* 公司简介 */ .synop{padding: 30px 0 115px;} .synop .locat{margin-bottom: 68px;} .synop .intr{margin-bottom: 128px;} .synop .intr .text{float: left;width: calc(100% - 600px);padding-right: 120px;} .synop .intr .img{float: left;width: 600px;} .synop .intr .h1{font-size: 20px;color: #333;font-weight: bold;margin-bottom: 33px;margin-top: 16px;} .synop .intr .icon{width: 30px;height: 2px;background: #015199;margin-bottom: 27px;} .synop .intr .words{font-size: 16px;color: #333;line-height: 40px;} .vis-miss li{float: left;width: 48%;margin-right: 4%;} .vis-miss li:nth-child(2n){margin-right: 0;} .vis-miss .img{float: left;width: 280px;} .vis-miss .text{float: left;width: calc(100% - 280px);height: 210px;background: #f4f4f4;padding: 45px 0 0 47px;} .vis-miss .icon{margin-bottom: 35px;} .vis-miss .h1{font-size: 20px;color: #333;font-weight: bold;margin-bottom: 17px;} .vis-miss .words{font-size: 16px;color: #333;} /* 管理团队 */ .team{padding: 30px 0 80px;} .team .locat{margin-bottom: 50px;} .pers-list li{float: left;width: 23%;margin-right: 2.66%;margin-bottom: 30px;} .pers-list li:nth-child(4n){margin-right: 0;} .pers-list .text{padding: 24px 0 0;} .pers-list .name{font-size: 20px;color: #222;font-weight: bold;margin-bottom: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pers-list .words{font-size: 14px;color: #666;line-height: 24px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} /* 管理团队详情 */ .team .details .box{padding: 68px 48px;box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);} .team .details .img{float: left;width: 400px;} .team .details .text{float: left;width: calc(100% - 400px);padding: 60px 0 0 80px;} .team .details .words{font-size: 16px;color: #666;line-height: 24px;} /* 会议活动 */ .acti .l-box{width: 27%;background: #f8f8f8;position: absolute;top: 0;left: 0;bottom: 0;} .acti .r-box{width: 73%;background: #fff;} .acti .centre{padding-top: 25px;padding-bottom: 17px;} .acti .screen .form .box{margin-bottom: 27px;} .acti-list{padding-left: 52px;} .acti-list .year{font-size: 20px;color: #005bac;font-weight: bold;padding-bottom: 16px;margin-bottom: 5px;border-bottom: 1px solid #005bac;} .acti-list li{padding: 60px 60px 55px;border-bottom: 1px solid #e7e7e7;transition: all .3s;} .acti-list .title{margin-bottom: 34px;} .acti-list .time{font-size: 26px;color: #333;display: inline-block;margin-right: 23px;transition: all .3s;} .acti-list .posit{font-size: 14px;color: #000;} .acti-list .h1{font-size: 18px;color: #222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 21px;transition: all .3s;} .acti-list .words{font-size: 14px;color: #666;line-height: 24px;height: 48px;margin-bottom: 33px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .acti-list .more{font-size: 14px;color: #666;transition: all .3s;} .acti-list li:hover{background: #f9f9f9;} .acti-list li:hover .time{color: #005bac;} .acti-list li:hover .h1{color: #005bac;} .acti-list li:hover .more{color: #005bac;} /* 会议活动详情 */ .acti .details{padding-top: 30px;padding-bottom: 80px;background: #f8f8f8;} .acti .details .locat{margin-bottom: 25px;} .acti .video-box{position: relative;margin-bottom: 27px;} .acti .video{float: left;width: 73%;height: auto;overflow: hidden;} .acti .video-list{position: absolute;top: 0;right: 0;bottom: 2px;width: 27%;} .acti .video-list{padding-left: 1px;background: #000;} .acti .video-list .h1{height: 60px;line-height: 60px;font-size: 14px;color: #fff;padding: 0 28px;background: #173958;} .acti .video-list .nav{overflow: hidden;height: calc(100% - 130px);margin-top: 17px;} .acti .video-list .nav-wrap{overflow-y: scroll;height: 100%;} .acti .video-list .nav-wrap::-webkit-scrollbar{width: 5px;display: block;} .acti .video-list .nav-wrap::-webkit-scrollbar-track{background-color: #000;} .acti .video-list .nav-wrap::-webkit-scrollbar-thumb{background-color: #005bac;} .acti .video-list .nav-wrap::-webkit-scrollbar-thumb:hover{background-color: #005bac;} .acti .video-list .nav-wrap::-webkit-scrollbar-thumb:active{background-color: #00aff0} .acti .video-list li{padding-bottom: 10px;position: relative;} .acti .video-list .icon{position: absolute;left: 0;top: 0;bottom: 0;width: 42px;} .acti .video-list .circ{width: 7px;height: 7px;margin: 0 auto;background: #173958;border-radius: 50%;margin-top: 10px;} .acti .video-list .circ::before{content: "";position: absolute;top: 10px;left: 20px;width: 1px;height: 100%;background: #173958;} .acti .video-list li:last-child{padding-bottom: 0;} .acti .video-list li:last-child::before{top: 0;height: auto;bottom: 0;} .acti .video-list .box{float: left;width: cacl(100% -42px);margin-left: 42px;} .acti .video-list .img{float: left;width: 143px;} .acti .video-list .text{float: left;width: calc(100% - 143px);padding: 7px 0 0 21px;} .acti .video-list .h2{font-size: 14px;color: #fff;line-height: 20px;margin-bottom: 19px;height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .acti .video-list .posits{font-size: 12px;color: #666;} .acti .l-text{float: left;width: 1050px;padding: 40px 25px 28px;background: #fff;} .acti .titles{padding-bottom: 18px;margin-bottom: 18px;border-bottom: 1px solid #e5e5e5;text-align: center;} .acti .titles .h1{font-size: 30px;color: #222;font-weight: bold;margin-bottom: 18px;} .acti .titles .infor{text-align: center;} .acti .titles .infor>span{display: inline-block;font-size: 14px;color: #999;margin: 0 32px;} .acti .l-text .text{padding-bottom: 73px;margin-bottom: 24px;border-bottom: 1px solid #e5e5e5;} .acti .l-text .words{font-size: 16px;color: #333;line-height: 36px;} .actis{/* margin-top: 89px; */} .up-down{float: left;width: calc(100% - 156px);} .up-down a{display: block;font-size: 16px;color: #333;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .up-down a:hover{color: #005bac;} .acti .share{float: right;font-size: 0;} .acti .share a{display: inline-block;margin: 0 6px;} .acti .share a:last-child{margin-right: 0;} .r-spea{float: right;width: 325px;padding: 43px 21px 43px;background: #fff;} .r-spea .h1{font-size: 24px;color: #333;font-weight: bold;margin-bottom: 27px;} .r-spea .text{padding: 28px 0 17px;} .r-spea .words{font-size: 14px;color: #666;line-height: 30px;} /* 级联产品 */ .casc{padding-top: 30px;} .casc-list li{float: left;width: 50%;margin-bottom: 35px;padding-right: 40px;position: relative;} .casc-list li .new-icon{position: absolute;top: 10px;right: 10px;} .casc-list .img{float: left;width: 342px;} .casc-list .text{float: left;width: calc(100% - 342px);padding-left: 20px;padding-top: 20px;} .casc-list .name{font-size: 18px;color: #222;margin-bottom: 24px;} .casc-list .words{font-size: 14px;color: #666;line-height: 26px;height: 52px;margin-bottom: 50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .casc-list .more{width: 140px;height: 50px;line-height: 50px;font-size: 14px;color: #fff;text-align: center;background: #005bac;} .casc .nav-page{margin: 35px 0 62px;text-align: center;} /* 技术支持 */ .post-sale{padding-top: 30px;padding-bottom: 45px;} .post-sale .box_1{margin-bottom: 62px;} .post-sale .box_1 .l-box{float: left;width: calc(100% - 865px);padding-top: 35px;} .post-sale .box_1 .l-box .h1{font-size: 30px;color: #222;line-height: 50px;margin-bottom: 40px;} .post-sale .box_1 li{margin-bottom: 33px;} .post-sale .box_1 .icon{float: left;width: 23px;line-height: 44px;} .post-sale .box_1 .l-box .text{float: left;width: calc(100% - 23px);padding-left: 5px;font-size: 18px;color: #333;line-height: 44px;} .post-sale .box_1 .r-box{float: left;width: 865px;border: 10px solid #eee;padding: 35px 35px 23px;} .post-sale .box_1 .words{font-size: 16px;color: #222;line-height: 44px;} .post-sale .box_2{margin-bottom: 67px;} .post-sale .box_2 .boxs{position: relative;} .post-sale .box_2 td{border: 1px solid #dcdcdc;border-bottom: 0;border-right: 0;padding: 20px 30px;font-size: 16px;color: #666;line-height: 24px;} .post-sale .box_2 td:nth-child(1){font-size: 16px;color: #222;} .post-sale .box_2 td:last-child{border-right: 1px solid #dcdcdc;} .post-sale .box_2 .tr_1 td{background: #f8f8f8;font-size: 20px;color: #222;height: 60px;padding: 0 20px;} .post-sale .box_2 tr:last-child td{border-bottom: 1px solid #dcdcdc;} .post-sale .box_3{padding: 65px 0;background: #f8f8f8;} .post-sale .box_3 li{float: left;width: 32%;margin-right: 2%;} .post-sale .box_3 li:nth-child(3n){margin-right: 0;} .post-sale .box_3 .top{padding: 40px 28px;background: #005bac;} .post-sale .box_3 .serial{float: left;width: 45px;font-size: 55px;color: #fff;font-weight: bold;} .post-sale .box_3 .top .text{float: left;width: calc(100% - 45px);line-height: 28px;padding-left: 5px;} .post-sale .box_3 .name{font-size: 14px;color: #fff;} .post-sale .box_3 .top .words{font-size: 16px;color: #fff;} .post-sale .box_3 .bot .text{padding: 35px 16px;background: #fff;height: 470px;position: relative;} .post-sale .box_3 .bot .words{font-size: 14px;color: #444;line-height: 20px;} .post-sale .box_3 .box{position: absolute;left: 16px;right: 16px;bottom: 35px;} .post-sale .box_3 .li_1 .top{background: #00ac9e;} .post-sale .box_3 .li_2 .top{background: #e5c015;} .post-sale .box_4{padding: 50px 0;} .post-sale .box_4 .boxs{position: relative;} .post-sale .box_4 th{background: #f8f8f8;line-height: 59px;font-size: 16px;color: #222;border: 1px solid #dcdcdc;border-bottom: 0;border-right: 0;padding: 0 28px;font-weight: 500;} .post-sale .box_4 th:nth-child(1){text-align: left;width: 40%;} .post-sale .box_4 th:nth-child(2){width: 20%;} .post-sale .box_4 th:nth-child(3){width: 20%;} .post-sale .box_4 th:nth-child(4){width: 20%;} .post-sale .box_4 th:last-child{border-right: 1px solid #dcdcdc;} .post-sale .box_4 td{line-height: 59px;font-size: 16px;color: #666;border: 1px solid #dcdcdc;border-bottom: 0;border-right: 0;padding: 0 28px;text-align: center;} .post-sale .box_4 td:nth-child(1){text-align: left;} .post-sale .box_4 tr td:last-child{border-right: 1px solid #dcdcdc;} .post-sale .box_4 tr:last-child td{border-bottom: 1px solid #dcdcdc;} /* 解决方案 */ .sche{padding-top: 30px;} .sche .title .h1{font-size: 20px;color: #005bac;font-weight: bold;padding-left: 12px;border-left: 3px solid #005bac;} .sche .box_1{margin-bottom: 60px;} .sche .box_1 .title{margin-bottom: 35px;} .sche .box_1 .img{float: left;width: 460px;} .sche .box_1 .text{float: left;width: calc(100% - 460px);padding: 15px 0 0 80px;} .sche .box_1 .text .h1{font-size: 30px;color: #333;margin-bottom: 25px;} .sche .box_1 .words{font-size: 14px;color: #444;line-height: 30px;margin-bottom: 25px;} .sche .box_1 .more{display: inline-block;width: 120px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #fff;background: #016ccb;} .sche .box_2{background: #f8f8f8;padding: 48px 0 0;} .sche .box_2 .title{margin-bottom: 50px;} .advan-list li{float: left;width: 31%;height: 280px;margin-right: 3.5%;margin-bottom: 40px;background: #fff;padding: 38px 27px 0;} .advan-list li:nth-child(3n){margin-right: 0;} .advan-list .text{float: left;width: calc(100% - 107px);padding-right: 50px;} .advan-list .icon{float: left;width: 107px;height: 107px;line-height: 107px;text-align: center;border: 1px solid #ebebeb;border-radius: 50%;} .advan-list .h1{font-size: 20px;color: #222;font-weight: bold;margin-bottom: 20px;} .advan-list .words{font-size: 14px;color: #666;line-height: 24px;} .sche .box_3{background: #f6f7fb;padding-top: 40px;padding-bottom: 70px;} .sche .box_3 .title{margin-bottom: 20px;} .sche .box_3 th{position: relative;} .sche .box_3 th .img{width: 82%;margin: 0 auto;} .sche .box_3 td{width: 20%;} .sche .box_3 .box{width: 250px;height: 620px;border: 1px solid #e5e5e5;border-radius: 10px;background: #fff;overflow: hidden;margin: 0 auto;} .sche .box_3 .box .img{text-align: center;} .sche .box_3 .sort{font-size: 0;width: 211px;height: 208px;border: 1px dashed #e5e5e5;border-radius: 10px;margin: 0 auto;margin-bottom: 25px;padding: 20px 0 0;} .sche .box_3 .sort>span{display: inline-block;width: 50%;font-size: 14px;color: #222;line-height: 40px;padding-left: 23px;vertical-align: top;} .sche .box_3 .name{text-align: center;} .sche .box_3 .name>span{display: inline-block;width: 210px;height: 50px;line-height: 50px;text-align: center;background: #005bac;font-size: 14px;color: #fff;margin: 0 auto;margin-bottom: 20px;} .sche .box_3 .box_a .sort>span{width: 40%;} .sche .box_3 .box_a .sort>span:nth-child(2n){width: 60%;} .sche .box_3 .box_a .name{font-size: 0;} .sche .box_3 .box_a .name>span{display: inline-block;width: 100px;} .sche .box_3 .box_a .name_2{margin-left: 15px;color: #222;background: #e5e5e5;} .sche .box_3 .box_b .sort>span{width: 100%;} .sche .box_3 .box_c .sort{text-align: center;border: 0;} .sche .box_3 .boxs{position: relative;} .sche .box_3 .wrap{overflow-x: scroll;} .sche .box_3 .wrap::-webkit-scrollbar{display: none;} .sche .box_4{padding-top: 60px;background: #f8f8f8;padding-bottom: 75px;} .sche .box_4 .title{margin-bottom: 40px;} .case-list li{float: left;width: 24%;padding: 10px;margin-right: 1.33%;background: #fff;} .case-list li:nth-child(4n){margin-right: 0;} .case-list .img{margin-bottom: 35px;} .case-list .text{padding: 0 5px 0;margin-bottom: 18px;} .case-list .h1{font-size: 16px;color: #222;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .case-list .words{font-size: 14px;color: #666;line-height: 24px;margin-bottom: 30px;} .case-list .more{font-size: 14px;color: #666;} .sche .box_5{padding: 50px 0 70px;} .sche .box_5 .title{margin-bottom: 50px;} .sche .box_5 .swiper-container{padding-bottom: 80px;} .sche .box_5 .swiper-pagination{bottom: 0;} .sche .box_5 .swiper-pagination-bullet{width: 15px;height: 15px;margin: 0 8px;} .sche .box_5 .box{position: absolute;bottom: -35px;width: 240px;height: 70px;left: 50%;margin-left: -120px;line-height: 70px;text-align: center;background: #fff;box-shadow: 0 3px 7px rgba(0, 0, 0, .1);} .sche .box_5 .name{font-size: 16px;color: #222;} /* 近期活动 */ .rece-acti{padding-top: 30px;} .rece-acti .form{margin-bottom: 30px;font-size: 0;} .rece-acti .form .sel{width: 220px;height: 50px;line-height: 48px;border: 1px solid #dcdcdc;padding: 0 17px;background: url(../image/img34.jpg) 95% center no-repeat;font-size: 14px;color: #333;margin-right: 20px;} .rece-acti .acti-list{padding-left: 0;} .rece-acti .img{float: left;width: 230px;} .rece-acti .text{float: left;width: calc(100% - 230px);} .rece-acti .acti-list li{padding: 33px 110px 33px 60px;} .rece-acti .acti-list .words{margin-bottom: 27px;} .rece-acti .nav-page{text-align: center;margin: 45px 0 60px;} /* 经销商 */ .dealer .l-box{float: right;width: 27%;position: absolute;right: 0;top: 0;bottom: 0;background: #f8f8f8 url(../image/img195.jpg) center bottom no-repeat;background-size: 100% auto;} .dealer .r-box{float: left;width: 73%;background: #fff;padding-bottom: 210px;background: url(../image/img194.jpg) center bottom no-repeat;background-size: 100% auto;} .dealer .screen{float: left;padding-right: 0;padding-left: 20px} .dealer .centre{padding-top: 30px;} .dealer-list{max-width: 1001px;width: 100%;margin-bottom: 70px;border-bottom: 1px solid #e5e5e5;} .dealer-list li{float: left;width: 50%;height: 321px;border: 1px solid #e5e5e5;border-bottom: 0;padding: 60px 48px 0;} .dealer-list li:nth-child(2n){border-left: 0;} .dealer-list .h1{font-size: 20px;color: #222;font-weight: bold;margin-bottom: 18px;} .dealer-list .h2{font-size: 16px;color: #222;margin-bottom: 20px;} .dealer-list .text{font-size: 14px;color: #666;line-height: 30px;} .dealer-list .name{float: left;width: 75px;} .dealer-list .words{float: left;width: calc(100% - 75px);} .dealer .screen .form .box{margin-bottom: 27px;} /* 联系我们 */ .cont .mode{padding-top: 30px;padding-bottom: 80px;background: #f8f8f8;} .cont .mode .locat{margin-bottom: 35px;} .mode-list{font-size: 0;} .mode-list li{display: inline-block;width: 33.33%;vertical-align: top;margin-top: 12px;} .mode-list li:nth-child(1){margin-top: 0;} .mode-list .h1{font-size: 30px;color: #222;margin-bottom: 12px;} .mode-list .icon-box{font-size: 0;} .mode-list .icon-box a{display: inline-block;margin-right: 10px;} .mode-list .icon{display: inline-block;width: 54px;vertical-align: top;padding-top: 3px;} .mode-list .text{display: inline-block;width: calc(100% - 54px);padding-left: 10px;} .mode-list .name{font-size: 16px;color: #666;margin-bottom: 16px;} .mode-list .words{font-size: 16px;color: #222;} .cont-list{padding-bottom: 60px;} .cont-list li{float: left;width: 33.33%;height: 326px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 60px 48px 0;} .cont-list li:nth-child(3n){border-right: 0;} .cont-list .h1{font-size: 20px;color: #222;font-weight: bold;margin-bottom: 18px;} .cont-list .h2{font-size: 16px;color: #222;margin-bottom: 20px;} .cont-list .text{font-size: 14px;color: #666;line-height: 30px;} .cont-list .name{float: left;width: 75px;} .cont-list .words{float: left;width: calc(100% - 75px);} .cont .mess{background: url(../image/img200.jpg) center center no-repeat;background-size: cover;padding: 70px 0 85px;} .mess .form{background: #fff;padding: 40px 90px 35px;} .mess .form .h1{font-size: 30px;color: #000;font-weight: bold;margin-bottom: 35px;text-align: center;} .mess .label-list{font-size: 0;} .mess .label-list li{display: inline-block;width: 48%;height: 50px;line-height: 48px;margin-right: 4%;vertical-align: top;border: 1px solid #dcdcdc;padding: 0 10px;margin-bottom: 20px;position: relative;} .mess .label-list li:nth-child(2n){margin-right: 0;} .mess .label-list .aster{display: inline-block;font-size: 14px;color: #de0000;width: 10px;vertical-align: top;} .mess .label-list .text{display: inline-block;width: calc(100% - 10px);vertical-align: top;margin-top: 16px;font-size: 14px;color: #000;} .mess .label-list .text::-webkit-input-placeholder{color: #000;} .mess .label-list .text::-moz-placeholder{color: #000;} .mess .label-list .text:-moz-placeholder{color: #000;} .mess .label-list .text:-ms-input-placeholder{color: #000;} .mess .label-list .tarea{width: 100%;height: auto;margin-right: 0;} .mess .label-list .text_1{height: 120px;} .mess .form .sub{display: block;width: 150px;height: 60px;font-size: 14px;color: #fff;background: #005bac;margin: 0 auto;} .mess .label-list li .top{background: url(../image/img143.png) right center no-repeat;} .mess .label-list li .top .name{font-size: 14px;color: #000;} .mess .label-list li .bot{display: none;position: absolute;top: 49px;left: 0;width: 100%;border: 1px solid #e5e5e5;border-top: 0;background: #fff;font-size: 0;z-index: 9;padding: 22px 0 7px;line-height: 1;} .mess .label-list li .bot>label{display: inline-block;width: 50%;vertical-align: top;font-size: 14px;color: #000;line-height: 15px;margin-bottom: 15px;padding-left: 26px;} .mess .label-list input[type=checkbox]{-webkit-appearance: checkbox;width: 15px;height: 15px;vertical-align: top;margin-right: 12px;} .mess .label-list .sp_1{display: inline-block;width: calc(100% - 27px);vertical-align: top;padding-right: 5px;} /* 试剂 */ .reage{position: relative;padding-top: 30px;} .reage .details .l-box{width: 27%;background: #f8f8f8;position: absolute;top: 0;right: 0;bottom: 0;} .reage .details .r-box{width: 73%;background: #fff;} .reage .details .screen{padding-top: 90px;margin-left: 38px;max-width: 315px;width: 100%;} .tumour .h2{font-size: 20px;color: #222;font-weight: bold;padding-bottom: 28px;border-bottom: 1px solid #dcdcdc;} .tumour-list .h3{font-size: 14px;color: #222;line-height: 52px;border-bottom: 1px solid #dcdcdc;background: #f8f8f8 url(../image/img143.png) 93% center no-repeat;cursor: pointer;} .tumour-list .box{display: none;} .tumour-list a{display: block;font-size: 14px;color: #333;line-height: 30px;} .reage .details .centre{padding-top: 0;} .seque{padding-right: 35px;padding-bottom: 95px;} .seque .h1{font-size: 30px;color: #222;font-weight: bold;padding-bottom: 25px;border-bottom: 1px solid #dcdcdc;margin-bottom: 27px;} .seque .text{margin-bottom: 56px;} .seque .text .words{font-size: 14px;color: #444;line-height: 30px;} .seque .table .boxs{position: relative;} .seque .table .h2{font-size: 20px;color: #005bac;font-weight: bold;margin-bottom: 28px;} .seque .table th{line-height: 60px;background: #005bac;font-size: 16px;color: #fff;} .seque .table td{font-size: 14px;color: #333;line-height: 24px;padding: 18px 0;text-align: center;border: 1px solid #dcdcdc;border-top: 0;border-right: 0;} .seque .table td:last-child{border-right: 1px solid #dcdcdc;} .seque .table td.td_1{border-right: 0;} /* 全球布局 */ .layout{padding-top: 30px;padding-bottom: 45px;} .layout .locat{margin-bottom: 45px;} .layout .text{margin-bottom: 35px;} .layout .text .h1{font-size: 30px;color: #333;margin-bottom: 39px;} .layout .text .words{font-size: 16px;color: #333;line-height: 40px;} .site-map{position: relative;} .site-map .site{position: absolute;} .site-map .infor-box{position: relative;width: 18px;height: 22px;background: url(../image/img202.png) center center no-repeat;transition: all .3s;} .site-map .infor-box::after{display: none;content: "";position: absolute;width: 40px;height: 18px;top: 10px;left: -12px;background: rgba(255, 204, 0, .2);border-radius: 50%;transition: all .3s;} .site-map .infor-box::before{display: none;content: "";position: absolute;width: 78px;height: 36px;top: 0px;left: -30px;background: rgba(255, 204, 0, .1);border-radius: 50%;transition: all .3s;} .site-map .infor{display: none;position: absolute;top: -110px;left: 48px;background: #fff;width: 310px;height: auto;z-index: 9;box-shadow: 0 3px 10px rgba(0, 0, 0, .1);} .site-map .h1{padding: 20px 0;padding-left: 47px;background: #005bac url(../image/img205.jpg) 15px center no-repeat;} .site-map .coun{display: inline-block;font-size: 20px;color: #fff;margin-right: 17px;} .site-map .place{font-size: 16px;color: #fff;} .site-map .infor-list{font-size: 0;padding: 28px 20px 11px;} .site-map .icon{display: inline-block;margin-right: 5px;} .site-map .infor-list li{display: inline-block;width: 50%;font-size: 14px;color: #222;line-height: 25px;margin-bottom: 25px;} .site-map .site_1{top: 18%;left: 9.5%;} .site-map .site_2{top: 35.5%;left: 15.5%;} .site-map .site_3{top: 29%;left: 21%;} .site-map .site_4{top: 29%;left: 41.8%;} .site-map .site_5{top: 35%;left: 44%;} .site-map .site_6{top: 32%;left: 47.8%;} .site-map .site_7{top: 41%;left: 51.5%;} .site-map .site_8{top: 42.5%;left: 57.5%;} .site-map .site_9{top: 46.5%;left: 65%;} .site-map .site_10{top: 41%;left: 68%;} .site-map .site_11{top: 67%;left: 72%;} .site-map .on{background: url(../image/img203.png) center center no-repeat;} .site-map .site:hover .infor-box{background: url(../image/img204.png) center center no-repeat;} .site-map .site:hover .infor-box::after{display: block;} /* 荣誉资质 */ .honor{padding-top: 30px;padding-bottom: 85px;} .honor .locat{margin-bottom: 60px;} .honor .h1{font-size: 30px;color: #333;margin-bottom: 54px;} .honor-list li{position: relative;padding-bottom: 40px;} .honor-list li:last-child{padding-bottom: 0;} .honor-list li .l-box{position: absolute;top: 0;left: 0;width: 16px;height: 100%;} .honor-list li .l-box::before{position: absolute;content: "";width: 1px;height: 100%;background: #e5e5e5;top: 5px;left: 8px;} .honor-list li .icon{display: inline-block;width: 16px;height: 16px;background: url(../image/img214.jpg) center center no-repeat;vertical-align: top;position: relative;} .honor-list li .r-box{width: calc(100% - 16px);float: right;padding-left: 23px;} .honor-list .date{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 9px;} .honor-list .words{font-size: 16px;color: #666;line-height: 30px;} .honor-list .on .icon{background: url(../image/img213.jpg) center center no-repeat;} .honor-list .on .words{color: #333;} /* 试剂 */ /* .reages{margin-top: 89px;} */ .reages .locat{margin-bottom: 70px;} .reage .box_1{margin-bottom: 70px;} .reage .box_1 .l-box{float: left;width: 40%;} .reage .box_1 .l-box .h1{font-size: 20px;color: #222;font-weight: bold;margin-bottom: 23px;} .reage .box_1 .l-box .words{font-size: 14px;color: #444;line-height: 30px;} .reage .box_1 .link{display: inline-block;width: 140px;height: 50px;line-height: 50px;font-size: 14px;color: #fff;text-align: center;background: #005bac;margin-top: 44px;} .reage .box_1 .r-box{float: left;width: 60%;padding-left: 100px;} .reage .box_1 .r-box .h1{font-size: 20px;color: #444;font-weight: bold;margin-bottom: 24px;} .reage .box_1 .r-box .number{font-size: 14px;color: #444;font-weight: bold;margin-bottom: 30px;} .reage .box_1 .table{margin-bottom: 30px;} .reage .box_1 .table:last-child{margin-bottom: 0;} .reage .box_1 td{font-size: 14px;color: #666;background: #f9f9f9;border: 1px solid #e5e5e5;border-right: 0;border-bottom: 0;padding: 15px 22px;} .reage .box_1 td:nth-child(1){width: 150px;} .reage .box_1 td:nth-child(2){color: #444;background: #fff;} .reage .box_1 td:last-child{border-right: 1px solid #e5e5e5;/*width: 130px*/} .reage .box_1 tr:last-child td{border-bottom: 1px solid #e5e5e5;} .reage .box_2{margin-bottom: 49px;} .reage .box_2 .box{position: relative;} .reage .box_2 .table td{padding: 25px;border: 1px dashed #cfcfcf;border-bottom: 0;border-right: 0;width: 50%;} .reage .box_2 .table td:last-child{border-right: 1px dashed #cfcfcf;} .reage .box_2 .table tr:last-child td{border-bottom: 1px dashed #cfcfcf;} .reage .title .h1{font-size: 20px;color: #005bac;font-weight: bold;margin-bottom: 39px;} .reage .box_2 .icon{margin-bottom: 20px;} .reage .box_2 .h2{font-size: 16px;color: #222;font-weight: bold;margin-bottom: 13px;} .reage .box_2 .words{font-size: 14px;color: #666;line-height: 22px;} .reage .box_2 .list-box{display: none;} .reage .box_3{margin-bottom: 58px;} .reage .box_3 .boxs{position: relative;} .reage .box_3 .title{margin-bottom: 13px;} .reage .box_3 .h2{font-size: 20px;color: #222;font-weight: bold;text-align: center;margin-bottom: 29px;} .reage .box_3 th{font-size: 14px;color: #222;line-height: 58px;background: #e5e5e5;border: 1px solid #dcdcdc;} .reage .box_3 td{font-size: 14px;color: #333;height: 60px;border: 1px solid #dcdcdc;border-right: 0;border-top: 0;text-align: center;} .reage .box_3 td:last-child{border-right: 1px solid #dcdcdc;} .reage .box_4{margin-bottom: 58px;} .reage .box_4 .box{position: relative;} .reage .box_4 .title{margin-bottom: 31px;} .reage .box_4 td{font-size: 14px;color: #333;line-height: 30px;height: 60px;padding: 0 50px;border: 1px solid #dcdcdc;border-bottom: 0;border-right: 0;} .reage .box_4 td:nth-child(1){width: 350px;background: #f4f4f4;} .reage .box_4 td:last-child{border-right: 1px solid #dcdcdc;} .reage .box_4 tr:last-child td{border-bottom: 1px solid #dcdcdc;} .reage .box_5{padding-top: 54px;background: #f6f7fb;padding-bottom: 65px;} .reage .box_5 .box{position: relative;} .reage .box_5 table th{height: 80px;position: relative;} .reage .box_5 table td{height: 95px;border: 1px solid #dcdcdc;border-right: 0;border-bottom: 0;padding: 0 18px;} .reage .box_5 table tr:last-child td{border-bottom: 1px solid #dcdcdc;} .reage .box_5 .td_1{border-bottom: 1px solid #dcdcdc;padding: 0 50px;} .reage .box_5 .td_2{border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;text-align: center;} .reage .box_5 table .box{height: 80px;position: absolute;top: 0;left: 0;width: 109%;height: 100%;line-height: 80px;font-size: 0;} .reage .box_5 .name{display: inline-block;vertical-align: top;font-size: 20px;color: #fff;} .reage .box_5 .back_1{z-index: 4;} .reage .box_5 .back_1 .name{width: calc(100% - 37px);background: #005bac;} .reage .box_5 .back_2{z-index: 3;} .reage .box_5 .back_2 .name{width: calc(100% - 77px);background: #00ac92;} .reage .box_5 .back_3{z-index: 2;} .reage .box_5 .back_3 .name{width: calc(100% - 77px);background: #f6d125;} .reage .box_5 .back_4{width: 100% !important;z-index: 1;} .reage .box_5 .back_4 .name{width: calc(100% - 39px);background: #3f4044;} .reage .box_5 td:nth-child(1){padding: 0 60px;} .reage .box_5 .td_3{padding: 0 0 0 18px;} .reage .box_5 li{font-size: 14px;color: #333;line-height: 30px;padding-left: 15px;background: url(../image/img239.jpg) left 12px no-repeat;} .reage .box_5 .sp_1{font-size: 14px;color: #333;font-weight: bold;line-height: 30px;} .reage .box_5 .sp_2{font-size: 14px;color: #005bac;line-height: 30px;} .reage .box_6{padding-top: 52px;margin-bottom: 35px;} .reage .box_6 .swip1{padding-bottom: 55px;} .reage .box_6 .swiper-pagination{bottom: 0;} .reage .box_6 .swiper-pagination-bullet{width: 15px;height: 15px;margin: 0 5px;} .reage .box_6 .box{border: 1px solid #eee;padding: 44px 27px 30px;} .reage .box_6 .box .h1{font-size: 18px;color: #222;margin-bottom: 22px;transition: all .3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .reage .box_6 .words{font-size: 14px;color: #666;line-height: 26px;height: 78px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .reage .box_6 .box:hover .h1{color: #005bac;} .reage .box_7{margin-bottom: 123px;} .reage .box_7 .title{margin-bottom: 24px;} .reage .box_7 .list-box{font-size: 0;} .reage .box_7 li{display: inline-block;width: 33.33%;min-height: 310px;border: 1px solid #dcdcdc;padding: 37px 21px 37px;vertical-align: top;} .reage .box_7 .box{height: 196px;} .reage .box_7 .box::-webkit-scrollbar{width: 4px;/*height: 4px;*/} .reage .box_7 .box::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: rgba(0, 0, 0, 0.2);} .reage .box_7 .box::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 0;background: rgba(0, 0, 0, 0.1);} .reage .box_7 .h2{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 24px;} .reage .box_7 .box a{display: block;font-size: 14px;color: #005bac;line-height: 30px;padding-left: 15px;background: url(../image/img225.jpg) left 10px no-repeat;} .reage .box_7 .rema{color: #666;line-height: 1.6;white-space: normal;} .reage .box_7 a{white-space: normal;} .reage .box_7 p{white-space: normal;} /* 试剂列表 */ .reage .reage-wrap{position: relative;} .reage .reage-wrap .l-box{position: absolute;left: 0;top: 0;bottom: 0;width: 27%;background: #f8f8f8;} .reage .reage-wrap .r-box{width: 73%;background: #fff;min-height: 950px;} .reage-list{max-width: 1090px;width: 100%;margin-left: 49px;} .reage-list li{float: left;width: 48%;margin-right: 4%;margin-bottom: 30px;border: 1px solid #eee;} .reage-list li:nth-child(2n){margin-right: 0;} .reage-list .box{height: 200px;padding: 44px 27px 0;} .reage-list .h1{font-size: 18px;color: #222;margin-bottom: 22px;transition: all .3s;} .reage-list .words{font-size: 14px;color: #666;line-height: 26px;height: 78px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .reage-list .box:hover .h1{color: #005bac;} .reage .reage-wrap .nav-page{margin-top: 25px;margin-left: 49px;margin-bottom: 85px;} /* 视频集锦 */ .videos{padding-top: 30px;} .videos .nav-box{font-size: 0;border-bottom: 1px solid #e5e5e5;margin-bottom: 38px;} .videos .nav-box a{display: inline-block;width: 150px;height: 49px;line-height: 49px;font-size: 16px;color: #222;text-align: center;} .videos .nav-box a.on{color: #fff;background: #005bac;} .videos-list li{float: left;width: 31%;margin-right: 3.5%;margin-bottom: 40px;} .videos-list li:nth-child(3n){margin-right: 0;} .videos-list li .img{margin-bottom: 27px;position: relative;cursor: pointer;} .videos-list li .words{font-size: 16px;color: #222;transition: all .3s;} .videos-list li .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);transition: all .3s;} .videos-list li .icon{position: absolute;top: 50%;left: 50%;margin-top: -36px;margin-left: -36px;transition: all .3s;} .videos-list li:hover .mask{display: block;} .videos-list li:hover .words{color: #005bac;} .videos .nav-page{text-align: center;margin: 15px auto 55px;} /* 产品详情 */ .prod-details .box_1{position: relative;margin-bottom: 52px;} .prod-details .box_1 .box{position: absolute;top: 0;width: 480px;} .prod-details .box_1 .locat{margin-top: 30px;margin-bottom: 55px;} .prod-details .box_1 .h1{font-size: 30px;color: #222;font-weight: bold;margin-bottom: 32px;} .prod-details .box_1 .icon{width: 30px;height: 2px;background: #999;margin-bottom: 24px;} .prod-details .box_1 .words{font-size: 16px;color: #444;line-height: 30px;} .prod-details .box_1 .link{display: inline-block;width: 140px;height: 50px;line-height: 50px;font-size: 14px;color: #fff;text-align: center;background: #005bac;margin-top: 28px;} .prod-details .box_2{margin-bottom: 95px;} .prod-details .box_2 .img{width: 500px;text-align: center;} .prod-details .box_2 .table{width: calc(100% - 500px);padding-left: 108px;} .prod-details .box_2 td{width: 50%;border: 1px dashed #ababab;border-bottom: 0;border-right: 0;padding: 20px 34px;} .prod-details .box_2 td:last-child{border-right: 1px dashed #ababab;} .prod-details .box_2 tr:last-child td{border-bottom: 1px dashed #ababab;} .prod-details .box_2 .icon{margin-bottom: 16px;} .prod-details .box_2 .words{font-size: 16px;color: #333;line-height: 24px;} .prod-details .title{margin-bottom: 55px;} .prod-details .title .h1{font-size: 20px;color: #005bac;font-weight: bold;} .prod-details .box_2 title{margin-bottom: 45px;} .prod-details .box_3{margin-bottom: 70px;} .prod-details .box_3 .list{float: left;width: 31%;margin-right: 3.5%;} .prod-details .box_3 .list:nth-child(3n){margin-right: 0;} .prod-details .box_3 .h2{line-height: 80px;font-size: 20px;color: #fff;font-weight: bold;text-align: center;} .prod-details .box_3 .list_1 .h2{background: #005bac;} .prod-details .box_3 .list_2 .h2{background: #009690;} .prod-details .box_3 .list_3 .h2{background: #005bac;} .prod-details .box_3 .reco-list{font-size: 14px;line-height: 40px;padding: 15px 23px 60px;border: 1px solid #eee;position: relative;} .prod-details .box_3 .reco-list>ul{height: 240px;overflow: hidden;} .prod-details .box_3 .reco-list>ul.on{height: auto;} .prod-details .box_3 .icon.on{transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);} .prod-details .box_3 .reco-list a{display: block;line-height: 40px;padding-left: 18px;background: url(../image/img239.jpg) left 17px no-repeat;cursor: default;} .prod-details .box_3 .icon{position: absolute;bottom: 18px;left: 50%;margin-left: -8px;cursor: pointer;} .prod-details .box_4{padding-top: 50px;padding-bottom: 70px;background: #f6f7fb;} .prod-details .box_4 .carousel{position: relative;} .prod-details .box_4 .title{margin-bottom: 35px;} .prod-details .box_4 .img{float: left;width: 463px;} .prod-details .box_4 .text{float: left;width: calc(100% - 463px);padding-left: 98px;padding-top: 80px;background: #f6f7fb;} .prod-details .box_4 .h1{font-size: 20px;color: #222;font-weight: bold;margin-bottom: 26px;} .prod-details .box_4 .words{font-size: 16px;color: #666;line-height: 30px;} .prod-details .box_4 .more{display: inline-block;font-size: 14px;color: #005bac;margin-top: 37px;} .prod-details .box_4 .swiper-pagination{bottom: 40px;left: 560px;} .prod-details .box_4 .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 4px;} .prod-details .box_5{padding-top: 63px;margin-bottom: 60px;} .prod-details .box_5 .title{margin-bottom: 26px;} .prod-details .box_5 .title .h1{margin-bottom: 24px;} .prod-details .box_5 .title .h2{font-size: 15px;color: #666;} .prod-details .box_5 .table-box{font-size: 0;} .prod-details .box_5 .table{display: inline-block;width: 48%;margin-right: 4%;vertical-align: top;} .prod-details .box_5 .table .tr_2 td{/*height: 427px;*/} .prod-details .box_5 .table:nth-child(2n){margin-right: 0;} .prod-details .box_5 th{font-size: 16px;color: #fff;background: #005bac;line-height: 60px;} .prod-details .box_5 td{font-size: 14px;color: #333;line-height: 30px;padding: 15px 35px;border: 1px solid #e5e5e5;border-top: 0;border-right: 0;vertical-align: top;} .prod-details .box_5 td:last-child{border-right: 1px solid #e5e5e5;} .prod-details .box_5 td:nth-child(1){background: #f8f8f8;} .prod-details .box_5 .tr_1 td{background: none;} .prod-details .box_5 .table:nth-child(2) td{background: none;} .prod-details .box_5 .table:nth-child(2) tr:nth-child(2) td{background: #f8f8f8;} .prod-details .box_6 .title{margin-bottom: 40px;} .para-list li{float: left;width: 48%;height: 280px;margin-right: 4%;margin-bottom: 40px;border: 1px solid #dcdcdc;padding: 21px 18px 0;} .para-list li:nth-child(2n){margin-right: 0;} .para-list .h2{font-size: 16px;color: #005bac;font-weight: bold;padding-bottom: 21px;border-bottom: 1px solid #dcdcdc;margin-bottom: 22px;} .para-list .words{font-size: 14px;color: #333;line-height: 30px;} .prod-details .box_7{padding-top: 50px;padding-bottom: 50px;background: #f6f7fb;} .rele-case li{float: left;width: 31%;margin-right: 3.5%;background: #fff;padding: 18px;transition: all .3s;} .rele-case li:nth-child(3n){margin-right: 0;} .rele-case .text{padding: 25px 0 7px;} .rele-case .h2{font-size: 16px;color: #222;margin-bottom: 23px;transition: all .3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .rele-case .words{font-size: 14px;color: #666;line-height: 24px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .rele-case .more{display: inline-block;font-size: 14px;color: #666;margin-top: 28px;transition: all .3s;} .rele-case li:hover{box-shadow: 0 3px 10px rgba(0, 0, 0, .1);} .rele-case li:hover .h2{color: #0163ba;} .rele-case li:hover .more{color: #0163ba;} .prod-details .box_8{padding-top: 45px;padding-bottom: 75px;} .prod-details .box_8 .title{margin-bottom: 43px;} .mate-list .title{margin-bottom: 24px;} /* .mate-list{font-size: 0;} */ .mate-list li{display: inline-block;width: 33.1%;/* height: 310px; */border: 1px solid #dcdcdc;padding: 37px 21px;vertical-align: top;position: relative;} .mate-list li .icon{position: absolute;bottom: 15px;left: 50%;margin-left: -8px;} .mate-list li:nth-child(3n){border-right: 1px solid #dcdcdc;} .mate-list .h2{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 24px;} .mate-list .box{height: 180px;overflow: hidden;} .mate-list .box.on{height: auto;} .mate-list li .icon.on{transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);} .mate-list .box a{display: block;font-size: 14px;color: #005bac;line-height: 30px;padding-left: 15px;background: url(../image/img225.jpg) left 10px no-repeat;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/} .mate-list a{display: block;font-size: 14px;color: #005bac;line-height: 30px;padding-left: 15px;background: url(../image/img225.jpg) left 10px no-repeat;} .mate-list .rema{color: #666;} /*弹窗*/ #popup{display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .5);z-index: 99;} #popup .box{position: absolute;top: 50%;left: 50%;width: 1100px;margin-top: -410px;margin-left: -550px;background: #fff;padding: 60px 90px 110px;} #popup .box .form{position: relative;} #popup .box .h1{font-size: 30px;color: #000;font-weight: bold;margin-bottom: 57px;text-align: center;} #popup .box li{float: left;width: 48%;margin-right: 4%;border: 1px solid #dcdcdc;padding: 0 10px;height: 50px;line-height: 48px;margin-bottom: 20px;position: relative;background: #fff;} #popup .box li:nth-child(2n){margin-right: 0;} #popup .box .symb{display: inline-block;vertical-align: top;width: 14px;font-size: 14px;color: #de0000;} #popup .box .text{display: inline-block;vertical-align: top;width: calc(100% - 14px);height: 30px;margin-top: 9px;} #popup .box .text::-webkit-input-placeholder{font-size: 14px;color: #000;font-family: "微软雅黑";} #popup .box .text::-moz-placeholder{font-size: 14px;color: #000;font-family: "微软雅黑";} #popup .box .text:-ms-input-placeholder{font-size: 14px;color: #000;font-family: "微软雅黑";} #popup .box li .top{background: url(../image/img143.png) right center no-repeat;} #popup .box li .bot{display: none;position: absolute;top: 49px;left: 0;width: 100%;border: 1px solid #e5e5e5;border-top: 0;background: #fff;font-size: 0;z-index: 9;padding: 22px 0 7px;line-height: 1;} #popup .box li .bot>label{display: inline-block;width: 50%;vertical-align: top;font-size: 14px;color: #000;line-height: 15px;margin-bottom: 15px;padding-left: 26px;} #popup .box input[type=checkbox]{-webkit-appearance: checkbox;width: 15px;height: 15px;vertical-align: top;margin-right: 12px;} #popup .box .tareas{width: 100%;height: auto;margin-right: 0;} #popup .box .tarea{width: 100%;height: 120px;margin-top: 0;line-height: 30px;padding: 0 14px;} #popup .box .sub{display: block;width: 150px;height: 60px;line-height: 60px;font-size: 14px;color: #fff;text-align: center;background: #005bac;cursor: pointer;margin: 0 auto;margin-top: 15px;} #popup .close{position: absolute;top: -30px;right: -30px;width: 30px;height: 30px;border-radius: 50%;font-size: 20px;color: #fff;line-height: 25px;text-align: center;background: rgba(0, 0, 0, .3);cursor: pointer;} /*图片中心*/ .images{padding-top: 30px;} .images .nav-box{font-size: 0;border-bottom: 1px solid #e5e5e5;margin-bottom: 38px;} .images .nav-box a{display: inline-block;width: 150px;height: 49px;line-height: 49px;font-size: 16px;color: #222;text-align: center;} .images .nav-box a.on{color: #fff;background: #005bac;} .images-list li{float: left;width: 680px;margin-right: 40px;margin-bottom: 40px;position: relative;} .images-list li:nth-child(2n){margin-right: 0;} .images-list .img{float: left;width: 60%;} .images-list .text{float: left;width: 40%;background: #f6f7fb;position: absolute;top: 0;right: 0;bottom: 0;padding: 45px 30px 0;} .images-list .h1{font-size: 20px;color: #222;margin-bottom: 27px;transition: all .3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .images-list .words{font-size: 14px;color: #666;line-height: 24px;height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .images-list .bot{margin-top: 50%;line-height: 18px;} .images-list .more{float: left;font-size: 14px;color: #666;transition: all .3s;} .images-list .number{float: right;font-size: 14px;color: #333;padding-left: 34px;background: url(../image/img254.jpg) left center no-repeat;transition: all .3s;} .images-list li:hover .h1{color: #005bac;} .images-list li:hover .more{color: #005bac;} .images-list li:hover .number{color: #005bac;background: url(../image/img255.jpg) left center no-repeat;} .images .nav-page{text-align: center;margin: 0 auto 66px;} #popup .carousel{position: absolute;top: 50%;left: 50%;width: 1050px;margin-left: -525px;margin-top: -287px;background: #fff;padding: 25px;} #popup .carousel .img{float: left;width: 700px;} #popup .carousel .text{float: left;width: calc(100% - 700px);padding: 55px 30px 0 45px;} #popup .carousel .h1{font-size: 20px;color: #005bac;margin-bottom: 27px;} #popup .carousel .words{font-size: 14px;color: #666;line-height: 24px;} #popup .carousel .down{position: absolute;bottom: 0;right: 0;font-size: 14px;color: #005bac;} #popup .carousel .swiper-pagination{width: auto;left: auto;right: 22%;bottom: 0;} #popup .carousel .swiper-pagination-current{font-size: 18px;color: #000;} #popup .carousel .swiper-pagination-total{font-size: 14px;color: #000;} #popup .carousel .swiper-button-next, #popup .carousel .swiper-button-prev{width: 38px;height: 38px;margin-top: -19px;} #popup .carousel .swiper-button-prev{left: 0;background: rgba(255, 255, 255, .5) url(../image/img256.png) center center no-repeat;} #popup .carousel .swiper-button-next{right: 30%;background: rgba(255, 255, 255, .5) url(../image/img256.png) center center no-repeat;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} /*新闻动态*/ .dyna{padding-top: 30px;} .dyna-list li{float: left;width: 30%;margin-right: 5%;margin-bottom: 50px;transition: all .3s;} .dyna-list li:nth-child(3n){margin-right: 0;} .dyna-list .text{padding: 30px 20px 30px;border: 1px solid #e5e5e5;} .dyna-list .iden{width: 60px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-align: center;background: #ff9a2e;border-radius: 15px;margin-bottom: 25px;transition: all .3s;} .dyna-list .h1{font-size: 18px;color: #222;margin-bottom: 10px;transition: all .3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 26px;height: 52px;} .dyna-list .words{font-size: 14px;color: #666;line-height: 24px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .dyna-list .bot{margin-top: 47px;} .dyna-list .more{float: left;font-size: 14px;color: #666;transition: all .3s;} .dyna-list .time{float: right;font-size: 14px;color: #999;} .dyna-list li:hover{box-shadow: 0 3px 10px rgba(0, 0, 0, .1);} .dyna-list li:hover .iden{background: #005bac;} .dyna-list li:hover .h1{color: #005bac;} .dyna-list li:hover .more{color: #005bac;} .dyna .nav-page{text-align: center;margin: 10px auto 60px;} .acti.dyna{padding-top: 0;} .dyna .details{margin-top: 0;} .reco-news{margin-bottom: 50px;} .reco-news a{display: block;font-size: 0;padding: 14px 0 17px;border-bottom: 1px solid #e5e5e5;} .reco-news .number{display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: #000;font-size: 14px;color: #fff;line-height: 20px;font-style: italic;padding-left: 5px;vertical-align: top;} .reco-news .words{display: inline-block;width: calc(100% - 20px);padding-left: 12px;vertical-align: top;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .dyna .r-spea .h1{margin-bottom: 11px;} .dyna .r-spea .h2{margin-bottom: 28px;} .newest a{display: block;margin-bottom: 25px;} .newest .img{float: left;width: 100px;} .newest .words{float: left;width: calc(100% - 100px);font-size: 14px;color: #333;line-height: 24px;padding-left: 20px;height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .dyna .r-spea .mores{text-align: center;margin-top: 12px;} .dyna .r-spea .more{font-size: 14px;color: #666;} .dyna .r-spea{padding-bottom: 22px;} /*在线研讨会*/ .meet-list{padding-left: 40px;} .meet-list li{float: left;width: 100%;transition: all .3s;border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;margin-bottom: 25px;} .meet-list li .img{float: left;width: 340px;} .meet-list li:nth-child(3n){margin-right: 0;} .meet-list .text{width: 100%;padding: 21px 20px 30px;border-top: 1px solid #e5e5e5;} .meet-list .number{display: inline-block;padding: 0 13px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-align: center;background: #666;border-radius: 15px;margin-bottom: 25px;transition: all .3s;} .meet-list .h1{font-size: 18px;color: #222;line-height: 30px;margin-bottom: 14px;transition: all .3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .meet-list li .text{width: calc(100% - 340px) !important;border-top: 0;padding: 35px 0 0 50px;} .meet-list .words{font-size: 14px;color: #666;line-height: 24px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .meet-list .bot{margin-top: 30px;} .meet-list .more{float: left;font-size: 14px;color: #666;transition: all .3s;} .meet-list .time{float: left;font-size: 14px;color: #999;margin-left: 160px;} .meet-list li:hover .number{background: #009690;} .meet-list li:hover .h1{color: #009690;} .meet-list li:hover .more{color: #009690;} /*肿瘤*/ .tumours .locat{margin-bottom: 60px;} .tumours .box_1{padding-top: 30px;margin-bottom: 85px;} .tumours .box_1 .text{float: left;width: calc(100% - 450px);padding-right: 140px;padding-top: 65px;} .tumours .box_1 .img{float: left;width: 450px;} .tumours .box_1 .h1{font-size: 30px;color: #222;font-weight: bold;margin-bottom: 35px;} .tumours .box_1 .words{font-size: 16px;color: #444;line-height: 30px;} .tumours .title{margin-bottom: 35px;} .tumours .title .h1{font-size: 20px;color: #005bac;font-weight: bold;} .tumours .box_2{padding-bottom: 30px;} .tumours .box_2 .list-box li{float: left;width: 31%;height: 210px;margin-right: 3.5%;margin-bottom: 40px;border: 1px solid #e5e5e5;padding: 48px 20px 0;} .tumours .box_2 .list-box li:nth-child(3n){margin-right: 0;} .tumours .box_2 .list-box .h1{font-size: 16px;color: #222;margin-bottom: 23px;transition: all .3s;} .tumours .box_2 .list-box .words{font-size: 14px;color: #666;line-height: 24px;height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .tumours .box_2 .list-box li:hover .h1{color: #0163ba;} .tumours .box_3{padding: 55px 0 43px;background: #fafafa;} .tumours .box_3 .text{float: left;width: calc(100% - 450px);padding-top: 55px;} .tumours .box_3 .img{float: left;width: 450px;text-align: center;} .tumours .box_3 .h1{font-size: 20px;color: #333;font-weight: bold;margin-bottom: 20px;} .tumours .box_3 .words{font-size: 16px;color: #666;line-height: 30px;} .tumours .box_3 .more{display: inline-block;width: 140px;height: 50px;line-height: 50px;font-size: 14px;color: #fff;text-align: center;background: #005bac;margin-top: 35px;} .tumours .box_4{background: #f6f7fb;padding: 60px 0 65px;} .tumours .box_4 .box-wrap{position: relative;} .tumours .box_4 .list-box li{float: left;width: 33%;height: 520px;margin-right: .5%;position: relative;background: #fff;} .tumours .box_4 .list-box li.on{height: auto;} .tumours .box_4 .list-box li.on .box{height: auto;} .tumours .box_4 .list-box li:nth-child(3n){margin-right: 0;} .tumours .box_4 .h2{line-height: 80px;height: 80px;text-align: center;background: #005bac;position: relative;} .tumours .box_4 .boxs{position: absolute;top: 0;left: 0;width: 108%;height: 100%;font-size: 0;} .tumours .box_4 .name{display: inline-block;width: calc(100% - 37px);font-size: 20px;color: #fff;font-weight: bold;vertical-align: top;} .tumours .box_4 li .boxs{z-index: 3;} .tumours .box_4 .li_1 .boxs{z-index: 2;} .tumours .box_4 .li_1 .name{width: calc(100% - 77px);} .tumours .box_4 .li_2 .boxs{width: 100%;z-index: 1;} .tumours .box_4 .li_2 .name{width: calc(100% - 39px);} .tumours .box_4 .box{background: #fff;height: 410px;padding: 35px 26px 0;overflow: hidden;} .tumours .box_4 .box.on{height: auto;} .tumours .box_4 .box a{display: block;font-size: 14px;color: #333;line-height: 26px;margin-bottom: 28px;padding-left: 17px;background: url(../image/img239.jpg) left 10px no-repeat;} .tumours .box_4 .more{position: absolute;bottom: 10px;left: 50%;margin-left: -8px;} .tumours .box_4 .more.on{transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);} .tumours .box_4 .li_1 .h2{background: #00ac92;} .tumours .box_4 .li_2 .h2{background: #f6d125;} .tumours .box_5{padding-top: 45px;padding-bottom: 75px;} .tumours .box_5 .title{margin-bottom: 43px;} .mate-list .title{margin-bottom: 24px;} /* .mate-list{font-size: 0;} */ .mate-list li{display: inline-block;width: 33%;min-height: 310px;border: 1px solid #dcdcdc;padding: 37px 21px;vertical-align: top;} .mate-list li:nth-child(3n){border-right: 1px solid #dcdcdc;} .mate-list .h2{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 24px;} .mate-list .box a{display: block;font-size: 14px;color: #005bac;line-height: 30px;padding-left: 15px;background: url(../image/img225.jpg) left 10px no-repeat;} .mate-list .rema{color: #666;} /*首页-纸质*/ .mauto {max-width:1440px;margin:0 auto} .home_about {box-sizing:border-box;padding:80px 0;transition:ease all 0.9s;-webkit-transition:ease all 0.9s;-moz-transition:ease all 0.9s;-o-transition:ease all 0.9s;} .home_about .mauto {border-radius:120px 0 120px 0;} .home_about .owl-item {max-height:540px;width:100%;} .home_about .owl-item a {display:block;text-align:center;width:100%;vertical-align:middle;} .home_about .owl-item a img {max-height:540px;max-width:100%;} .home_about .owl-controls .owl-prev {left:40px;top:45%;background-color: #2d2b2717} .home_about .owl-controls .owl-next {right:40px;top:45%;background-color: #2d2b2717;} .home_about h2 {font-size:34px;text-transform:uppercase;padding-bottom:.1rem;text-align:center;position:relative;} .home_about h2::after {position:absolute;content:'';left:0;bottom:0;width:50px;left:50%;height:2px;background:#999;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;} .home_about:hover h2::after {width:100px;background:#fd5f16;} .home_about h2 em {display:block;color:#fd5f16;font-family:"318-CAI978"} .home_about h2 span {color:#fff} .home_about .txt {line-height:30px;padding-bottom:30px;} .home_about .con-l {width:50%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-evenly;} .home_about .con-l video {border-radius:0 0 0 100px;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;} .home_about:hover .con-l video {border-radius:100px 0 0 0;} .home_about .con-l .pic img {z-index:1} .home_about .pb {display:inline-block;position:relative;height:auto;margin-bottom:10px;z-index:0;} .home_about .con-r {width:50%;padding:30px;border-radius:0 100px 0 0;justify-content:space-evenly;display:flex;flex-direction:column;box-sizing:border-box;position:relative;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;} .home_about:hover .con-r {} .home_about .con-r h2 {text-align:left;display:block;margin-top:0px;} .home_about .con-r .txt {margin:10px 0 20px 0;} .home_about .con-r .txt p {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:30px;color:#333;} .home_about .mauto .i-more {text-align:center;} @media screen and (max-width:1500px) {.home_about .mauto {padding:0;} .home_about .con-r .txt {margin:10px 0 0 0;} .home_about .i-more {display:none;} } @media (max-width:950px) {.home_about {max-height:100%;padding:0;margin-bottom:0px;background-image:none;display:block;} .home_about .mauto {max-width:92%;margin:20px auto;left:0;position:inherit;display:block;} .home_about h2 {display:block;margin-bottom:20px;font-size:26px;} .home_about h2::after {content:'';left:50%;} .home_about:hover h2::after {left:50%;} .home_about h2 em {font-size:36px;} .home_about .owl-item {height:auto;} .home_about .home_about_box {padding:0;} .home_about .con-l {width:100%;padding-right:0%;float:none} .home_about .con-l a {padding:0;} .home_about .con-r {float:none;width:100%;padding:0;max-height:100%;padding:20px;position:inherit;margin:0 auto;margin-bottom:0px;} .home_about .con-r h2 {text-align:center;font-size:26px;display:none;} .home_about .con-r .txt {margin:0;padding:0;} .home_about .con-r .txt p {-webkit-line-clamp:5;line-height:25px;} .home_about .con-r .i-more {float:none;} .home_about .con-r .i-more a {height:40px;line-height:40px;} .wave-placement-top {display:none;} } @media screen and (max-width:768px) {.home_about .mauto {margin:0 auto;padding-top:0px;} .home_about .owl-controls .owl-prev {left:0;} .home_about .owl-controls .owl-next {right:0;} .home_about .txt {padding-bottom:30px;} } /*首页-产品分类*/ .home_category {padding-bottom:30px;width:100%;} .home_category .roll-box {margin:0 -15px} .home_category-t {margin-bottom:40px;text-align:center;} .home_category-t span {font-size:28px;display:block;letter-spacing:1px;color:#1b2839;line-height:25px;position:relative;text-transform:uppercase;padding-bottom:10px;} .home_category-t span::after {background-color:#ccc;bottom:-5px;content:"";height:2px;left:50%;margin-left:-35px;position:absolute;width:70px;} .home_category-t span::before {background-color:#ccc;border-radius:50%;bottom:-11px;content:"";width:4px;height:4px;width:14px\0;height:14px\0;left:50%;margin-left:-7px;position:absolute;border:5px solid #fff;z-index:2;} .home_category .item {text-align:center;overflow:hidden;margin:0 15px;border:1px solid #ddd;} .home_category .item .home_category_box::before,.home_category .item .home_category_box::after {bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all 0.5s ease 0s;z-index:1;} .home_category .item .home_category_box:hover::after {background-color:rgba(255,255,255,0.3);bottom:50%;top:50%;} .home_category .item .home_category_box:hover::before {background-color:rgba(255,255,255,0.3);left:50%;right:50%;} .home_category .item .home_product_box {overflow:hidden;} .home_category .item img {width:100%;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;} .home_category .item:hover img {transform:scale(1.1);} .home_category .item:hover img {opacity:0.7;} .home_category .item:hover .home_category_box_t {color:#fd5f16;} .home_category .home_category_box {margin:10px;position:relative;} .home_category .home_category_box a {position:relative;} .home_category .sale-label {position:absolute;top:0;left:0;z-index:2;} .home_category .sale-label span {font-size:14px;color:#fff;background-color:#fd5f16;display:inline-block;padding:10px;} .home_category .home_category_box_t {margin:10px 0;overflow:hidden;} .home_category .home_category_box_t h3 {font-size:18px;font-weight:normal;display:table;width:100%;text-align:center;line-height:20px;overflow:hidden;padding:0 15px;color:#fff;} .home_category .home_category_box_t h3 a {display:table-cell;color:#363f4d;vertical-align:middle;} .home_category .item:hover .home_category_box_t h3 {color:#2d2b27;} @media screen and ( max-width:768px) {.home_category {padding-top:0px;padding-bottom:30px;} .home_category .mauto {max-width:92%;} .home_category .home_category_box_t h3 {color:#333;} .home_category-t {margin-bottom:30px;} .home_category .slick-prev {left:0%;} .home_category .slick-next {right:0%;} } /*证书放大*/body.fancybox-active {overflow:hidden} body.fancybox-iosfix {position:fixed;left:0;right:0} .fancybox-is-hidden {position:absolute;top:-9999px;left:-9999px;visibility:hidden} .fancybox-container {position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif} .fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {position:absolute;top:0;right:0;bottom:0;left:0} .fancybox-outer {overflow-y:auto;-webkit-overflow-scrolling:touch} .fancybox-bg {background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)} .fancybox-is-open .fancybox-bg {opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)} .fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar {position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box} .fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar {opacity:1;visibility:visible;transition:opacity .25s,visibility 0s} .fancybox-infobar {top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion} .fancybox-toolbar {top:0;right:0;margin:0;padding:0} .fancybox-stage {overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)} .fancybox-is-closing .fancybox-stage {overflow:visible} .fancybox-slide {position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform} .fancybox-slide:before {content:"";display:inline-block;vertical-align:middle;height:100%;width:0} .fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {display:block} .fancybox-slide--image {overflow:visible} .fancybox-slide--image:before {display:none} .fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe {background:#000} .fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe {background:#e5e3df} .fancybox-slide--next {z-index:99995} .fancybox-slide>* {display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box} .fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title {display:none} .fancybox-slide .fancybox-image-wrap {position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform} .fancybox-can-zoomOut .fancybox-image-wrap {cursor:zoom-out} .fancybox-can-zoomIn .fancybox-image-wrap {cursor:zoom-in} .fancybox-can-drag .fancybox-image-wrap {cursor:-webkit-grab;cursor:grab} .fancybox-is-dragging .fancybox-image-wrap {cursor:-webkit-grabbing;cursor:grabbing} .fancybox-image,.fancybox-spaceball {position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .fancybox-spaceball {z-index:1} .fancybox-slide--iframe .fancybox-content {padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff} .fancybox-iframe {display:block;padding:0;border:0;height:100%} .fancybox-error,.fancybox-iframe {margin:0;width:100%;background:#fff} .fancybox-error {padding:40px;max-width:380px;cursor:default} .fancybox-error p {margin:0;padding:0;color:#444;line-height:20px} .fancybox-button {box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none} .fancybox-button,.fancybox-button:link,.fancybox-button:visited {color:#ccc} .fancybox-button:focus,.fancybox-button:hover {color:#fff} .fancybox-button[disabled] {color:#ccc;cursor:default;opacity:.6} .fancybox-button svg {display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision} .fancybox-button svg path {fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3} .fancybox-button--share svg path {stroke-width:1} .fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2) {display:none} .fancybox-button--zoom svg path {fill:transparent} .fancybox-navigation {display:none} .fancybox-show-nav .fancybox-navigation {display:block} .fancybox-navigation button {position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px} .fancybox-navigation button:before {content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)} .fancybox-navigation .fancybox-button--arrow_left {left:0} .fancybox-navigation .fancybox-button--arrow_right {right:0} .fancybox-close-small {position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer} .fancybox-close-small:after {content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2} .fancybox-close-small:focus {outline:none} .fancybox-close-small:focus:after {outline:1px dotted #888} .fancybox-close-small:hover:after {color:#555;background:#eee} .fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small {top:0;right:-40px} .fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after {font-size:35px;color:#aaa} .fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after {color:#fff;background:transparent} .fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {display:none} .fancybox-caption-wrap {bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none} .fancybox-caption {padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none} .fancybox-caption a,.fancybox-caption button,.fancybox-caption select {pointer-events:all;position:relative} .fancybox-caption a {color:#fff;text-decoration:underline} .fancybox-slide>.fancybox-loading {border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999} @-webkit-keyframes a {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)} to {-webkit-transform:rotate(359deg);transform:rotate(359deg)} } @keyframes a {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)} to {-webkit-transform:rotate(359deg);transform:rotate(359deg)} } .fancybox-animated {transition-timing-function:cubic-bezier(0,0,.25,1)} .fancybox-fx-slide.fancybox-slide--previous {-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0} .fancybox-fx-slide.fancybox-slide--next {-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0} .fancybox-fx-slide.fancybox-slide--current {-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1} .fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)} .fancybox-fx-fade.fancybox-slide--current {opacity:1} .fancybox-fx-zoom-in-out.fancybox-slide--previous {-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0} .fancybox-fx-zoom-in-out.fancybox-slide--next {-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0} .fancybox-fx-zoom-in-out.fancybox-slide--current {-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1} .fancybox-fx-rotate.fancybox-slide--previous {-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0} .fancybox-fx-rotate.fancybox-slide--next {-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0} .fancybox-fx-rotate.fancybox-slide--current {-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1} .fancybox-fx-circular.fancybox-slide--previous {-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0} .fancybox-fx-circular.fancybox-slide--next {-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0} .fancybox-fx-circular.fancybox-slide--current {-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1} .fancybox-fx-tube.fancybox-slide--previous {-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)} .fancybox-fx-tube.fancybox-slide--next {-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)} .fancybox-fx-tube.fancybox-slide--current {-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)} .fancybox-share {padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center} .fancybox-share h1 {color:#222;margin:0 0 20px;font-size:35px;font-weight:700} .fancybox-share p {margin:0;padding:0} p.fancybox-share__links {margin-right:-10px} .fancybox-share__button {display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s} .fancybox-share__button:hover {text-decoration:none} .fancybox-share__button--fb {background:#3b5998} .fancybox-share__button--fb:hover {background:#344e86} .fancybox-share__button--pt {background:#bd081d} .fancybox-share__button--pt:hover {background:#aa0719} .fancybox-share__button--tw {background:#1da1f2} .fancybox-share__button--tw:hover {background:#0d95e8} .fancybox-share__button svg {position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle} .fancybox-share__button svg path {fill:#fff} .fancybox-share__input {box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7} .fancybox-thumbs {display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995} .fancybox-thumbs-x {overflow-y:hidden;overflow-x:auto} .fancybox-show-thumbs .fancybox-thumbs {display:block} .fancybox-show-thumbs .fancybox-inner {right:212px} .fancybox-thumbs>ul {list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap} .fancybox-thumbs-x>ul {overflow:hidden} .fancybox-thumbs-y>ul::-webkit-scrollbar {width:7px} .fancybox-thumbs-y>ul::-webkit-scrollbar-track {background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)} .fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {background:#2a2a2a;border-radius:10px} .fancybox-thumbs>ul>li {float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box} li.fancybox-thumbs-loading {background:rgba(0,0,0,.1)} .fancybox-thumbs>ul>li>img {position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .fancybox-thumbs>ul>li:before {content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)} .fancybox-thumbs>ul>li.fancybox-thumbs-active:before {opacity:1} @media (max-width:800px) {.fancybox-thumbs {width:110px} .fancybox-show-thumbs .fancybox-inner {right:110px} .fancybox-thumbs>ul>li {max-width:calc(100% - 10px)} } @keyframes resize {60%,75%,90%,from,to {animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0% {opacity:0;transform:scale(5,5)} 100% {opacity:1;transform:scale(1,1)} } @-webkit-keyframes resize {60%,75%,90%,from,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0% {opacity:0;-webkit-transform:scale(5,5)} 100% {opacity:1;-webkit-transform:scale(1,1)} } @keyframes ReturnToNormal {from {opacity:0;transform-origin:right bottom;transform:rotate3d(0,0,1,45deg)} to {opacity:1;transform-origin:right bottom;transform:none} } @-webkit-keyframes ReturnToNormal {from {opacity:0;-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg)} to {opacity:1;-webkit-transform-origin:right bottom;-webkit-transform:none} } /*轮播图*/ .owl-carousel .owl-wrapper:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel {display:none;position:relative;-ms-touch-action:pan-y} .owl-carousel .owl-wrapper {display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-wrapper-outer {overflow:hidden;position:relative;width:100%} .owl-carousel .owl-wrapper-outer.autoHeight {-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel .owl-item {float:left} .owl-controls .owl-page,.owl-controls .owl-buttons div {cursor:pointer} .owl-controls {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)} .owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .container {padding-left:0;padding-right:0} .owl-carousel .owl-wrapper-outer {display:inline-block;padding-top:7px;margin-top:-7px} .owl-controls .owl-prev,.owl-controls .owl-next {position:absolute;top:45%;width:40px;height:40px;line-height:40px;font-size:0;background-color:rgba(255,255,255,0.1);display:inline-block;border-radius:5px;overflow:hidden;text-align:center;} .owl-controls .owl-prev:hover,.owl-controls .owl-next:hover {background-color:#2d2b2757;color:#fff;} .owl-controls .owl-prev {left:-20px;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;} .owl-controls .owl-next {right:-20px;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;} .owl-controls .owl-prev:before,.owl-controls .owl-next:before {font-family:"iconfont";font-style:normal;font-weight:bold;speak:none;-webkit-font-smoothing:antialiased;text-transform:none;font-size:24px;color:#015196;} .owl-controls .owl-prev:hover:before,.owl-controls .owl-next:hover:before {color:#fff;} .owl-controls .owl-prev:before {content:"<";line-height:40px;} .owl-controls .owl-next:before {content:">";line-height:40px;} @media screen and (max-width:768px) {.owl-controls .owl-prev {left:10px;} .owl-controls .owl-next {right:10px;} } .home_about .more{ text-align: center;} .home_about .more .btn { display: inline-block; border: 1px solid #015196; color: #015196; font-size: 14px; line-height: 36px; text-align: center; padding: 0 24px; margin: 2vh 0; transition: all .5s;} .home_about .more .btn:hover { background-color: #015196; color: rgba(255, 255, 255, 0.85);}