@charset "utf-8"; body{min-width:100%;} .gWidth{width: 98%;margin-left: auto;margin-right: auto;} .ipad{display:block;}.pc{display: none;}.phone{display: none;} .swiper-container {width: 100%; height: 50px; position: relative; } .swiper-wrapper{height: 50px;} .swiper-slide {text-align: center;display: flex;justify-content: center; align-items: center;background: #d6d6d6 !important;height: 37px !important;position: relative;cursor: pointer;font-size: 0.3rem;} .jiao{width: 20px;height: 20px;position: absolute;bottom: 0;left:50%;margin-bottom: -13px;display: none;margin-left: -10px;} .jindu{display:block;width: 98%;} .theme-green .back-bar .pointer{width: 0.85rem !important; height: 0.85rem!important; top: -0.3rem!important;} #jindu{width: 98%;height: 40px;display: flex; align-items: center; justify-content: center;margin: auto;} /* 内页-导航 */ .hd_nav .fl{width: 26%;} .hd_nav{height: auto;padding-top: 0px;} .hd_nav>div img{width: 100%;height: auto;margin-top: 10px;} .hd_nav>ul>li{float: left;font-size: 14px;color: #000;margin-right: 5px;margin-left: 5px;} .hd_nav>ul>li:last-child{margin-right: 0;} .hd_nav>ul>li a{display: block;width: auto;height: 50px;line-height: 50px;text-align: center;padding-left: 5px;padding-right: 5px;} .hd_nav>ul>li a:hover{background-color: #25BDE4;color: #FFF;} .hd_nav>ul>li>ul{width: 100px;background-color: #F8F8F8;position: absolute;top: 50px;display: none;z-index: 100;} .hd_nav>ul>li:hover>ul{display: block;} .head{float: none;margin-top: 0;} /* index.html 首页banner 图*/ .slideBox{ /*width:1920px;*/ height:auto; overflow:hidden; position:relative; } .slideBox .hd{ position:absolute; z-index:1;top: 0;height: 100%; background: #26bde3; display: flex; align-items: center;} .slideBox .hd ul{ height:auto;zoom:1; float:left; background:#26bde3; } .slideBox .hd ul li{ margin-right:2px; width:auto; height:37px; line-height:37px; text-align:center;cursor:pointer;padding-left: 25px;padding-right: 25px;font-size: 0;} /* .slideBox .hd ul li:nth-child(4){display: none;} */ .slideBox .hd ul li a{font-size: 0.3rem;color: #fff; font-weight: 600;border-bottom: 1px solid #97dff2;width: 3rem;display: inline-block;} /* .slideBox .hd ul li:nth-last-child(1) a{border: none; } */ .slideBox .hd ul li.on{ background:#15a2c6; color:#fff;} /* .slideBox .hd ul li.on a{border: 1px solid transparent;} */ /* .slideBox .hd ul li.on a:nth-child(-n+2){border:1px transparent solid;} */ .slideBox .dd{ position:relative; height:100%; z-index:0;} .slideBox .dd li{ zoom:1; vertical-align:middle; overflow-x: hidden; pointer-events:auto;} .slideBox .dd li a{overflow-x: hidden;} .slideBox .dd img{ display:block;position:relative;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);height:7.5rem;} /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:inline-block;} .slideBox .nextStop{ display:none;} /* 首页hth华体官方下载产品 出口95个国家*/ .country{margin-top: 0.2rem; margin-bottom: 0.7rem;} .Country_title{text-align: center;font-size: 0;margin-bottom: 20px;} .Country_title h2,p{display: inline-block;} .Country_title h2{font-size: 0.7rem;border-bottom: 5px solid #26bde3;color: #26bde3;height: 1.2rem;line-height: 1.2rem;font-weight: 200;} .Country_title p{font-size: 0.7rem; color: #26bde3; line-height: 1rem;font-weight: bold;margin-left: 22px;} .country_text{font-size: 0;} .country_text li{float: left;width: 32%;padding-left: 0.5%;padding-right: 0.5%;text-align: center;overflow: hidden;} .country_text li h5{font-size: 0.5rem;font-weight: 400;color: #666666;line-height: 0.8rem;} .country_text li:nth-child(1) h5{color: #26bde3;} .country_text li:nth-child(3) h5 span{color: #26bde3;font-weight: bold;} .country_text li p{font-size: 12px;line-height: 15px;transform: scale(0.70);width: 140%;-webkit-transform-origin-x: 0;} /* 首页推荐产品 */ .index_pro_title{font-size: 0.7rem;color: #666666;line-height: 2rem;text-align: center;} .index_pro_text li{border:1px solid #DDDEDF;width: 23.8%;margin-right: 1%;float: left;margin-bottom: 1%;margin-left: 0;} .index_pro_text li:nth-child(4n){margin-right: 1%;} .index_pro_text li:nth-child(4n){margin-right: 0;} .index_pro_text li>a{width: 96%;height: auto;margin:2%;overflow: hidden;display: inline-block;} .index_pro_text li>a img{width: 100%;transition: .35s;} .index_pro_text li>a img:hover{transform: scale(1.2);} .index_pro_text li .index_pro_con{background-color: #eeeeee;padding: 2%;font-size: 0;} .index_pro_text li .index_pro_con a{display:block;} .index_pro_text li .index_pro_con a:nth-child(1){font-size: 16px;color: #006699;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .index_pro_text li .index_pro_con a:nth-child(2){color: #666666;font-size: 14px;line-height: 30px;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .index_pro_text li .index_pro_con a:nth-child(3){color: #666666;font-size: 12px;text-align: justify;} .index_pro_text li .index_pro_con a:nth-child(4){display:none;} .index_pro_text li .index_pro_con:hover{background-color: #26bde3;} .index_pro_text li .index_pro_con:hover a{color: #fff;} .index_pro_text li:hover{border:1px solid #26bde3;} /* 首页行业解决方案 */ .pump_show1{width: 99%; overflow: hidden;margin-bottom: 0.3rem;} .pump_show_top1{width: 100%; margin: 0 auto; overflow: hidden;position: relative;} .pump_show_top1 .top_left1{opacity: 0;float: left; width: 40px; height: 206px;line-height:206px;cursor: pointer;color: #fff;background-color: rgba(0,0, 0, .5);position: absolute;left: 0;top: 0;} .pump_show_top1 .top_right1{opacity: 0;;float: right; width: 40px; height: 206px;line-height:206px; color: #fff;background-color: rgba(0,0, 0, .5);position: absolute;right: 0;top: 0;cursor: pointer;} .pump_show_top1 .top_left1:hover{opacity: 1;} .pump_show_top1 .top_right1:hover{opacity: 1;} .pump_show_top1 .top_img1{width: 100%; float: left; overflow: hidden;} .pump_show_top1 .top_img1 ul{overflow:hidden;width: 100%!important;} .pump_show_top1 .top_img1 ul li{float: left;width: 24%;height:auto;font-size: 0;margin-right:1%;overflow: hidden;margin-bottom: 20px;} .pump_show_top1 .top_img1 ul li .jzimg1{display: inline-block;text-align: center;} .pump_show_top1 .top_img1 ul li .pic1 a img{width: 100%;height: auto;height: auto;margin:1px;} .pump_show_top1 .top_img1 ul li .top_img_wz1{display: inline-block;height:25px;line-height: 25px;font-size: 12px; color: #5b5b5b; text-align: center;width: 100%;} .pump_show_top1 .top_img1 ul li .title1>a{font-size: 18px;line-height: 35px;color: #333333;} .pump_show_top1 .top_img1 ul li .index_case_con1>a{height: 60px;font-size: 13px;line-height: 20px; color: #666666;overflow: hidden;} .index_case_title{font-size: 0.75rem;color: #666666;line-height: 1rem;text-align: center;margin-top: 0.5rem;margin-bottom: 0.5rem;} /* 首页关于我们 */ .index_about{background: url('../images/about_index.png') 50% 0px / auto 100% no-repeat;height: 440px;} .index_about_text{width: 671px;font-size: 0;} .index_about_title{padding-top: 50px;font-size: 0;margin-bottom: 18px;} .index_about_title h6{font-size: 22px;line-height: 22px;color: #666666;font-weight: 500;} .index_about_title p{line-height: 42px; font-size: 16px;color: #333333;} .index_about_title p span{border-bottom: 4px solid #666666;line-height: 42px;display: inline-block;} .index_about_con p{color: #373838;font-size: 14px;line-height: 21px;text-indent: 2em;} .index_about_con{margin-bottom: 22px;} .index_about_text>a{display: inline-block;width: 92px;height: 28px;text-align: center;line-height: 28px;font-size: 14px;background-color: #26BDE3;color: #fff;margin-bottom: 62px;} /* 首页展会动态 */ .index_about{margin-bottom: 0;} .index_exhib_title{font-size: 36px;color: #666666;line-height: 110px;text-align: center;} .index_exhib_text{margin-bottom: 42px;} .index_exhib_text li{float: left;width: 285px;height: 257px;margin-right: 20px;position: relative;} .index_exhib_text li:nth-child(4n){margin-right: 0;} .index_exhib_text li .index_exhib_con{/* display: none; */background-color: rgba(133,133,133,0.8);height:0;line-height: 77px;font-size: 0;position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;transition: .3s;opacity: 0;} .index_exhib_text li .index_exhib_con a{font-size: 22px;color: #fff;} .index_exhib_text li:hover .index_exhib_con{/* display: block; */height: 77px;opacity: 1;} /* 首页新闻中心 */ .index_news_title{font-size: 0.75rem;color: #666666;line-height: 2rem;text-align: center;} .index_new_con{margin-bottom: 0.3rem;} .index_news_h{width: 100%;} .index_news_h li{float: left;width: auto;margin: 0 1% 0 0;width: 32.5%;} .index_news_h li:nth-child(3){display: block;margin-right: 0;} .index_news_h li a>img{width: 100%;height: auto;display: block;} .index_news_h li a:nth-child(2){background-color: #26BDE3;height: 42px;line-height: 42px;display: block;font-size: 15px;color: #fff;padding-left: 12px;} .index_news_a{width: 400px;font-size: 0;} .index_news_a h6{margin-bottom: 20px;} .index_news_a h6 a{font-size: 18px;line-height: 30px;color: #333333;} .index_news_a p a{line-height: 20px;font-size: 14px;color: #666;} .index_news_a p{margin-bottom: 33px;} .index_news_a>a{line-height: 32px;width: 103px;background-color: #26BDE3;text-align: center;font-size: 15px;display: inline-block;color: #fff;} .index_news_con>.fl{font-size: 0;width: 46%;margin-right: 4%;} .index_news_con>.fl:nth-child(1) dl{width: 100%;margin-right: 2%; font-size: 0;display: block;margin-bottom: 15px;} .index_news_con>.fl:nth-child(2) dl{width: 100%;font-size: 0;display: block;margin-bottom: 15px;} .index_news_con dl dt{font-size: 20px;color: #000;line-height: 50px;} .index_news_con dl dd{font-size: 14px;color: #666;line-height: 35px;} .index_news_con dl dd>a{display: block;width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .index_news_con dl dd>a:hover{color: #26BDE3;} .index_news_con>.fl>a{font-size: 15px; color: #666;} .index_news_con>.fl>a:hover{color: #26BDE3;} .index_news_con{margin-bottom: 0.5rem;} /* 底部 */ .foot_special{width: 98%;background-color: inherit;border-top: 1px solid #D6D6D6;font-size: 14px;margin: 0 auto;} footer{padding: 0.5rem 0 10px;background-color: #EEE;border-top: 1px solid #F2F2F2;font-size: 14px;} footer .foot{width: 100%;margin: 0 auto;} footer .foot h4{font-size: 16px; color: #333;margin-bottom: 10px;} footer .foot>ul{float: left;margin-right: 0;color: #999;display: block;} footer .foot>ul li{line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} footer .foot>ul:nth-child(1){width: 20%;} footer .foot>ul:nth-child(2){width: 20%;} footer .foot>ul:nth-child(3){width: 20%;} footer .foot>ul:nth-child(4){width: 20%;} footer .foot>ul:nth-child(5){width: 20%;} .foot_ipad{float: none;width: auto;height: auto;padding: 0.2rem 0 0.2rem 0px;border-left: none;margin-left: 0;border-bottom: 1px solid #D6D6D6;} .foot_ipad>h4{margin-bottom: 0.2rem;} .foot_ipad>span{font-size: 30px;color: #1E1E1E;} .foot_ipad>p{line-height: 28px;font-size: 14px;display: block;} .foot_ipad>p .iconfont{font-size: 18px;margin-right: 6px;color: #999;} .foot_ipad>p:nth-child(3){color: #08BCCE;} .foot_ipad>p:nth-child(3) .iconfont{font-size: 16px;} .foot_ipad>p:nth-child(4){color: #A3A3A3;} .foot_ipad>p:nth-child(5){margin-top: 0.2rem;line-height: 40px;} .foot_ipad>p:nth-child(5) .iconfont{font-size: 39px;} footer .footer{margin: 0 auto;padding: 0px 0 0px;border-bottom: 1px solid #D6D6D6;border-top: none;font-size: 14px;line-height: 42px;color: #ACACAC;} footer .footer>p span{color: #3E3E3E;} footer .footer>p a{color: #0B8CCE;} /* 底部友链 */ .youqing{border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;padding:0 20px 10px 20px;width: auto;margin: 0 auto;} .youqing li{display :inline-block;margin-left :10px;color:#999;margin-top:10px;} /* 产品中心 */ .servicey{padding: 0rem 0 0.2rem;} .servicey>h3{font-size: 24px;color: #333;font-weight: 500;} .servicey>#index{width:100%;margin-top:0;position: relative;} .servicey>#index .index_div{height: auto;position: relative;} .servicey>#index .left-btn{width: 32px;height: 45px;z-index: 10;background-color: #FFF;position: absolute;left:0;top:-1px;} .servicey>#index .right-btn{width: 32px;height: 45px;transform: rotate(180deg);z-index: 10;background-color: #FFF;position: absolute;right:0;top:-1px;} .servicey>#index .left-btn>p{width: 30px;height: 30px;background: url(../images/arrow.png) no-repeat;margin-top: 6px;cursor: pointer;} .servicey>#index .right-btn>p{width: 30px;height: 30px;background: url(../images/arrow.png) no-repeat;cursor: pointer;margin-top: 9.5px;} .servicey>#index .index_menu{margin-left: 0; width: 100% !important;} .servicey>#index .index_menu li{float:left;width:24.625%;height:43px;line-height:43px;border-bottom:0;cursor:pointer;text-align:center;margin:0 0.5% 0.5% 0;position: relative;background-color: #D6D6D6;font-size: 15px;} .servicey>#index .index_menu li:nth-child(4n){margin-right: 0;} /* .servicey>#index .index_menu li{float:left;width:136px;height:43px;line-height:43px;border-bottom:0;cursor:pointer;text-align:center;margin:0 1px 19px;position: relative;background-color: #D6D6D6;font-size: 0.35rem;} */ .servicey>#index .index_menu li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .servicey>#index .index_menu .selected{background-color:#555;color: #FFF;} .servicey>#index .index_menu .selected:before{content: "";display: none;background: url(../images/xiasanjiao.png) center no-repeat;width: 20px;height: 24px;position: absolute;bottom: -16px;left: 44%;} .servicey>#index .index_box{width:100%;clear:both;margin-top: 5px;font-size: 16px;} .servicey>#index .index_box .hide{display:none;} .servicey>#index .index_box>div>p{font-size: 0.3rem;color: #28BEE3;line-height: 22px;margin: 7px 0;} .servicey>#index .hide{display:none;} /* --------------- 产品中心 --------------- */ .banner{display: block;width: 100%;} .banner img{width: 100%;} /* 产品分类 */ .product_div{width: 230px; height: 40px; line-height: 40px; background-color: #EEE; font-size: 16px; color: #333; margin: 10px 0 15px;} .product_div i{display: block;float: left;width: 18px;height: 40px;background-color: #25BDE6;margin-right: 16px;} .product_ul li{float: left;width: 32.4%;height: auto;border: 1px solid #DEDEDE;margin-right: 1%;margin-bottom: 1%;} .product_ul li:nth-child(3n){margin-right: 0;} .product_ul li:nth-child(4n){margin-right: 1%;} .product_ul li:nth-child(2n){float: left;} .product_ul div:nth-child(1){padding: 2% 2% 2%;width: 96%;height: auto;overflow: hidden;} /* .product_ul div:nth-child(1) img{width: 100%;height: 100%;} */ .product_ul div:nth-child(1) img{width: 100%;} .product_ul div:nth-child(2){height: auto;background-color: #EEE;border-top: 1px solid #E9E9E9;padding: 6px 15px;} .product_ul div:nth-child(2) h5{line-height: 24px;font-size: 16px;color: #0065AB;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .product_ul div:nth-child(2) span{display: block;line-height: 30px;font-size: 14px;color: #666863;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .product_ul div:nth-child(2) p{line-height: 18px;height: 54px;font-size: 12px;color: #666;overflow: hidden;word-break: break-all;} /* 实验室类别文字 */ .pro_sys{margin-bottom: 40px;} .pro_sys>h1{font-size: 44px;color: #25BDE6;font-weight: 500;} .pro_sys>div{line-height: 30px;font-size: 16px;color: #333;padding: 0px 0;} /* 相关 产品/新闻 */ .prodetai_foot{border-top: 5px solid #EEE;margin-bottom: 60px;} .prodetai_ft{border-top: none;border-bottom: 5px solid #EEE;padding-bottom: 0.4rem;margin-bottom: 0.2rem;} .prodetai_xg>h4{font-size: 0.45rem;color: #27BCE6;margin: 0 0 0px;line-height: 45px;} .prodetai_xg>ol {width: 100%;} .prodetai_xg>ol li{float: left;width: 23.9%;height: auto;margin-right: 1%;overflow: hidden;border: 1px solid #F6F6F6;padding: 0;margin-bottom: 1%;} .prodetai_xg>ol li:nth-child(4n){margin-right: 0;} .prodetai_xg>ol li:nth-child(5n){margin-right: 1%;} .prodetai_xg>ol li img{width: 100%;height: 100%;} .prodetai_xg>ul li{height: 0.75rem;line-height: 0.75rem;font-size: 0.35rem;color: #666;border-bottom: 1px dashed #AAA;} .prodetai_xg>ul li p{float: left;width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .prodetai_xg>ul li span{float: right;font-size: 14px;text-align: right;} /* 内页-面包导航 */ .mbnav{line-height: 50px;font-size: 14px;color: #666;border-bottom: 1px solid #D6D6D6;} .mbnav a{float: none;} .mbnav h3{float: left;font-size: 24px;color: #28BDE7;font-weight: 400;} .mbnav a:last-child{display: inline;float: none;width: auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /* 产品中心-详情页 top */ /* .prodetai_top{padding: 40px 0 60px;} */ /* 左边 */ /* .prodetai_tl{width: 50%; float: left;} .prodetai_tl #preview{text-align:center; width:100%;} .prodetai_tl .jqzoom{ width:100%; position:relative;margin: 0 auto 10px;} .prodetai_tl .jqzoom img{width: 100%; } .prodetai_tl .zoomdiv{ left:0; height:400px; width:400px;z-index:100;position:absolute;top:1px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;} .prodetai_tl .bigimg{width:800px;height:800px;} .prodetai_tl .jqZoomPup{z-index:-1;visibility:hidden;position:absolute;top:0px;left:0px;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} .prodetai_tl .list-h li{ float:left;} .prodetai_tl #spec-n5{width:100%; height:116px; overflow:hidden;position: relative;} .prodetai_tl #spec-left{ background:url(../images/left.png) no-repeat; width:16px; height:16px; float:left; cursor:pointer; position: absolute;top: 26%;left: 0;z-index: 3;} .prodetai_tl #spec-right{background:url(../images/right.png) no-repeat; width:16px; height:16px; float:right;cursor:pointer; position: absolute;top: 26%;right: 0;z-index: 3;} .prodetai_tl #spec-list{float: left; display:inline;width:94%; overflow:hidden;position:relative; } .prodetai_tl #spec-list div{ margin-top:0;} .prodetai_tl #spec-list ul li{ float:left; display:inline; width: auto;height: auto;padding: 0 5px;} .prodetai_tl #spec-list ul li img{ padding:2px ; border:1px solid #FFF; width:80px; height:auto;} */ /* 左边 */ .banner_lunbo{margin:0;width:50%;overflow:hidden;} .large_box{margin-bottom:10px;width:auto;height:auto;overflow:hidden;} .large_box ul li {display: none;} .large_box img{display:block;width: 100%;} .small_box{width:100%;/*height:105px;*/overflow:hidden;} .small_list{position:relative;float:left;width:90%;height:auto;overflow:hidden;} .small_list ul{height:105px;overflow:hidden;} .small_list ul li{position:relative;float:left;margin-right:6px;width:79px;} .small_list ul li img{display:block;width: 98%;border: 2px solid #fff;} .small_list ul li.on img{border: 2px solid rgb(37, 189, 226);} /* .small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:115px;height:100px;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;} .small_list ul li.on .bun_bg{display:block;} */ .btn{display:block;width:5%;height:72px;background-repeat:no-repeat;background-position:center center;cursor:pointer;} .left_btn{float:left;margin-right:0px;background-image:url(../images/left.png);} .right_btn{float:right;background-image:url(../images/right.png);} /* 右边 */ .prodetai_tr{width: 46%;font-size: 0.35rem;color: #FFF;font-weight: 500;background-color: #52555A;border-radius: 15px;padding: 0.5rem 1%;overflow: hidden;margin-top: 0px;float: right;} .prodetai_tr>h4{height: 46px;line-height: 46px;font-size: 24px;font-weight: 500;border-bottom: 2px solid #FFF;position: relative;} .prodetai_tr>h4 i{float: left;display: inline-block;width: 60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .prodetai_tr>h4 i,.prodetai_tr>h4 em{font-style: normal;} .prodetai_tr>h4 i:before{content: "";display: block;width: 80px;height: 4px;background-color: #FFF;box-shadow: 1px 0 1px #DDD,0 1px 1px #EEE;position: absolute;bottom: 0;left: 0;} .prodetai_tr>h4 em{float: right;display: block;width: 30%;height: 39px;line-height: 39px;font-size: 16px;text-align: center;background-color: #EC5F58;box-shadow: 1px 0 1px #A15A56;margin-right: 3px;} .prodetai_tr>ul{padding: 20px 0 0 6px;} .prodetai_tr>ul li{line-height: 1rem;} .prodetai_tr>ul li b{float: left;font-weight: 500;margin-right: 5px;} .prodetai_tr>ul li span{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /* 产品中心-详情页 bottom */ .prodetai_btm{width: 100%;margin: 0 auto 0;} .prodetai_btm #prod{width:100%;} .prodetai_btm #prod .prod_menu{width:600px;position:relative;z-index:1;margin: 0 auto;} .prodetai_btm #prod .prod_menu_top{width: 480px;} .prodetai_btm #prod .prod_menu li{float:left;width:118px;height:48px;line-height:48px;border: 1px solid #333;border-top: 1px solid #333;border-bottom:none;cursor:pointer;text-align:center;background-color: #52555A;font-size: 15px;color: #FFF;font-weight: 700;overflow: visible;} .prodetai_btm #prod .prod_menu li:first-child{border-radius: 5px 0 0 0;} .prodetai_btm #prod .prod_menu li:last-child{border-radius: 0 5px 0 0;} .prodetai_btm #prod .prod_menu li.selected{cursor:pointer;background-color: #FFF;} .prodetai_btm #prod .prod_menu li.selected span{display: block;width: 118px;height: 54px;line-height: 60px;position: relative;z-index: 3;background-color: #FFF;bottom: 6px;left: -1px;border-left: 1px solid #333;border-top: 1px solid #333;border-right: 1px solid #333;overflow: visible;color: #000;font-weight: 700;border-radius: 5px 5px 0 0;} .prodetai_btm #prod .prod_box{clear:both;position:relative;border-top:1px solid #333;} .prodetai_btm #prod .prod_box div{padding: 30px 0;} .prodetai_btm #prod .prod_box div img{display: block;width: 100% !important;height: auto!important;} .prodetai_btm #prod .prod_box .hide{display:none;} /* 应用案例 */ .case{padding: 1%;} .case>#tab{width:100%;margin-top:0.2rem;} .case>#tab .tab_menu{width:100%;float:left;position:relative;} .case>#tab .tab_menu li{float:left;width:20%;height:43px;line-height:43px;border-bottom:0;cursor:pointer;text-align:center;margin:0 2px 0 0;position: relative;background-color: #D6D6D6;font-size: 15px;} .case>#tab .tab_menu li.selected{background-color:#555;color: #FFF;} .case>#tab .tab_menu li.selected:before{content: "";display: block;background: url(../images/xiasanjiao.png) center no-repeat;width: 20px;height: 24px;position: absolute;bottom: -16px;left: 44%;} .case>#tab .tab_box{width:100%;clear:both;margin-top: 65px;font-size: 16px;} .case>#tab .tab_box .hide{display:none;} .case>#tab .tab_box>div>p{font-size: 18px;color: #28BEE3;line-height: 30px;margin: 1%;} .case>#tab .tab_box>div>ul li{float: left;width: 32%;height: auto;margin-right: 1%;margin-bottom: 1%;} .case>#tab .tab_box>div>ul li:nth-child(3n){margin-right: 0;} .case>#tab .tab_box>div>ul li div{width: 100%;height: auto;overflow: hidden;} .case>#tab .tab_box>div>ul li div img{width: 100%;} .case>#tab .tab_box>div>ul li h3{line-height: 0.75rem;font-size: 0.4rem;color: #333;font-weight: 400;margin:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .case>#tab .tab_box>div>ul li p{height: 1rem;line-height: 0.5rem;font-size: 0.35rem;color: #555;overflow: hidden;} .case>.case_div{width: 100%;line-height: 26px;font-size: 20px;} .case>.case_div a{float: right;color: #11D8F5;} /* 应用案例—详情页 */ .casey_dt{width: 98%;padding:1%;margin: 0 auto;} .casey_dt h4{width: 100%;line-height: 30px;font-size: 22px;color: #1D1D1D;margin-bottom: 10px;} .casey_dt .cadty{padding: 20px 0;border-bottom: 1px solid #DDD;} .casey_dt .cadty .topimg{float: left;display: block;margin-right: 10px;} .casey_dt .cadty>p{float: none;display: inherit;line-height: 28px;font-size: 16px;color: #333;} .casey_dt .cadty>p i{display: block;width: 100%;line-height: 30px;font-size: 22px;color: #1D1D1D;font-weight: 700;margin-bottom: 10px;margin-top: 20px;} .casey_dt>div:nth-child(n+2){width: 90%;padding: 20px 0;border-bottom: 1px solid #DDD;} .casey_dt>div:nth-child(n+2)>div{line-height: 28px;font-size: 16px;color: #333;} .casey_dt>div:nth-child(n+2)>div img{margin: 5px auto;width: auto;} .casey_dt>div:last-child{border-bottom: none;} /* 关于hth华体官方下载 */ .about{padding: 27px 0 53px;} .about>div{float: left;width: 58%;line-height: 0.5rem;font-size:0.35rem;color: #333;padding: 0;} .about>div p{overflow: hidden;margin-bottom: 0px;text-indent: 2em;} .about>div p a{float: right;display: block;width: 132px;height: 32px;line-height: 32px;text-indent: 0;margin-top: 20px;text-align: center;background-color: #25BDE4;font-size: 18px;color: #FFF;position: relative;box-shadow: 1px 0 1px #DDD;} .about>div p a:before{content: "";display: block;width: 132px;height: 32px;background-color: #333;position: absolute;bottom: -2px;right: -3px;z-index: -1;box-shadow: -1px 0 1px #DDD;} .about>img{float: right;width: 40%;} .about_four{padding: 50px 0 40px;background-color: #EEE;margin-bottom: 80px;} .about_four>ul li{float: left;width: 50%;margin-bottom: 40px;} .about_four>ul li h5{width: 100%;font-size: 24px;color: #333;padding-bottom: 12px;margin: 0 auto;} .about_four>ul li div{width: 100%;height: auto;overflow: hidden;margin: 0 auto;} .case_dts>div>img{width:auto;} /* 新闻媒体 */ .news{padding: 0.5rem 0 0.5rem;} .news .news_ul li{padding-bottom: 0.3rem;margin-bottom: 0.3rem;border-bottom: 2px solid #EEE;} .news .news_ul li:last-child{margin-bottom: 20px;} .news .news_ul li>a img{display: block;float: left;width: 34%;height: auto;} .news .news_ul li>div{float:right;width: 65%;} .news .news_ul li>div h4{width: 60%;font-size: 16px; color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 5px 0;} .news .news_ul li>div span{display: block;width: 19px;height: 19px;background: url(../images/rili_tb.png) no-repeat;position: relative;} .news .news_ul li>div span>i{display: none;width: 100px;font-size: 16px;color: #999;font-style: inherit;position: absolute; left: 25px;} .news .news_ul li>div span:hover i{display: block;} .news .news_ul li>div p{height: 96px;line-height: 24px;font-size: 14px; color: #666;overflow: hidden;margin: 8px 0;} .news .news_ul li>div div{font-size: 16px;color: #333;} .news .news_div{text-align: center;font-size: 0;} .news .news_div span{display: inline-block;width: 45px;height: 45px;line-height: 45px;text-align: center;border-radius: 50%;border: 1px solid #AAA;font-size: 14px;color: #FFF;background-color: #0894DD;} .news .news_div a{display: inline-block;width: 45px;height: 45px;line-height: 45px;text-align: center;border-radius: 50%;border: 1px solid #AAA;font-size: 14px;color: #AAA;margin: 0 5px;} .news .news_div a:hover{background-color: #0894DD;color: #FFF;} .news .news_div select{display: none;width: 36px;height: 17px;border: 1px solid #DDD;margin-left: 15px;} /* 新闻—详情页 */ .case_dts{padding: 22px 0 60px;} .case_dts>img{width: 100%!important;height: auto!important;margin: 24px 0 23px;} .case_dts>div{font-size: 18px;color: #666;} .case_dts>div>h4{margin-bottom: 18px;} .case_dts>div>p{line-height: 36px;} /* --------------- 服务支持 --------------- */ /* 资料下载 */ .serviced{padding: 0.3rem 0 0.5rem;} .serviced>h3{line-height: 40px;font-size:0.5rem;color: #333;font-weight: 500;} .serv_list li{float: left;width: 31%;padding: 0 1%;margin-top: 1%;} .serv_list li>h3{font-size: 24px;color: #333;} .serv_list li>img{display: block;width: 100%;height: auto;margin: 0;} .serv_list li>p{line-height: 0.8rem;font-size: 0.5rem;color: #8C8C8C;} .serv_list li>div{height: 32px;background-color: #EEE;margin-top: 0px;} .serv_list li>div a{display: block;float: right;width: 95px;height: 32px;line-height: 32px;text-align: center;background-color: #8C8C8C;font-size: 0.35rem;color: #FFF;} /* 视频下载 .servicey{padding: 40px 0 60px;} .servicey>h3{font-size: 24px;color: #333;font-weight: 500;} .about_ry>h3{font-weight:400;font-size: 24px;color: #28BDE7;padding-bottom: 20px;border-bottom: 1px solid #D6D6D6;padding-top: 10px;} .servicey>#index{width:100%;margin-top:17px;position: relative;} .servicey>#index .index_div{height: 62px;position: relative;overflow: hidden;} .servicey>#index .left-btn{width: 32px;height: 44px;z-index: 10;background-color: #FFF;position: absolute;left:0;top:0;} .servicey>#index .right-btn{width: 32px;height: 45px;z-index: 10;background-color: #FFF;position: absolute;right:0;top:-1px;transform: rotate(180deg);} .servicey>#index .left-btn>p{width: 30px;height: 30px;background: url(../images/arrow.png) center center no-repeat;cursor: pointer;margin-top: 7px;margin-bottom: 7px;} .servicey>#index .right-btn>p{width: 30px;height: 30px;background: url(../images/arrow.png) center center no-repeat;cursor: pointer;margin-top: 7px;margin-bottom: 7px;} .servicey>#index .index_menu{margin-left: 0px;} .servicey>#index .index_menu li{float:left;width:148px;height:43px;line-height:43px;border-bottom:0;cursor:pointer;text-align:center;margin:0 1px 19px;position: relative;background-color: #D6D6D6;font-size: 15px;} .servicey>#index .index_menu li.selected{background-color:#555;color: #FFF;} .servicey>#index .index_menu li:hover{background-color: #555;color: #fff;} .servicey>#index .index_box{width:100%;clear:both;margin-top: 0px;font-size: 16px;} .servicey>#index .index_box .hide{display:none;} .servicey>#index .index_box>div>p{font-size: 18px;color: #28BEE3;line-height: 30px;margin: 7px 0 7px 15px;} .servicey>#index .hide{display:none;} .servicey .index_pro_text{margin-top: 20px;}*/ .shipin_list li{width:32%; float: left;font-size: 0;margin: 1%;} .shipin_list li:nth-child(3n){margin-right: 0;} .shipin_list li>img{width: 100%;height: auto;} .shipin_list li p{margin-bottom:10px;height: 30px;line-height: 30px;text-align: left;font-size: 13px;color: #fff;background-color: #000000;width: 100%;border-top: 1px solid #333333;} .shipin_list li>a p{margin-bottom:10px;height: 30px;line-height: 30px;text-align: left;font-size: 13px;color: #fff;background-color: #000000;width: 100%;border-top: 1px solid #333333;} .shipin_list li>div{width: 100%;height: 32px;background-color: #EEE;float: right;} .shipin_list li>div a:last-child{display: block;float: right;width: 95px;height: 32px;line-height: 32px;text-align: center;background-color: #8C8C8C;font-size: 0.35rem;color: #FFF;} /* 联系我们 */ .lxwm-nr{ width:100%; height:auto; padding-bottom:30px; } .lxwm-nr p{ font-size:14px; line-height:30px; color:#585858; width:425px; float:left; margin:0; display:block; } .lxwm-nr p span{ font-size:24px; line-height:48px; color:#333; } .lxwm-nr #dituContent{ width: 770px; height: 314px; } .lxwm_mp_con{ width: 100%; } .lxwm_mp_con>img{ float: none; display: block; width: 100%!important; height: auto!important; margin: 0 auto 10px; }