@charset "utf-8"; .hzytext{border-bottom: 1px solid #d6d6d6;margin: 20px 0;} .gWidth{width: 1200px;margin-left: auto;margin-right: auto;} .pc{display: block;} .phone{display: none;} .ipad{display:none;} #jindu{height: 22px;width: 100%;} /* #jindu{height: 1rem;display: flex; align-items: center; justify-content: center;margin: auto;} */ .jindu{display:block;width: 100%;margin-top: 30px !important;} .swiper-slide {font-size: 17px;} .hzy_wrap{overflow: inherit;padding-bottom: 20px;} .swiper-container {width: 1000px; height: 60px; position: relative; } .swiper-slide {text-align: center !important;background: #d6d6d6 !important;height: 36px ;position: relative;cursor: pointer; line-height: 36px ;} .jiao{width: 23px;height: 30px;position: absolute;bottom: 0;margin-bottom: -18px;display: none;left: 50%; margin-left: -11px;} /* 搜索 */ .hzy_sousuo{float: left; display: flex;margin-left: 20px;align-items: center;height: 50.6px;} .hzy_sousuo input{background: #d6d6d6;height: 35px; padding: 0 10px;color: #000;} .hzyserach{height: 35px;width: 40px; background: #27bde0; display: flex; align-items: center; justify-content: center;cursor: pointer;} .hzyserach img{width: 25px;height: 25px;} input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: #000; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */ color: #000; } input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */ color: #000; } input:-ms-input-placeholder { /* Internet Explorer 10+ 适配ie*/ color: #000; } /* 跳转 */ body{position: relative;} .index_tz{width: 100%;height: 100%;position: fixed;top: 0;z-index: 99;background-color: #000;} .index_tz img{width: 20%;position: fixed;top: 30%;left: 40%;} /* 顶部 */ .head{height: 30px;border-bottom: 3px solid #f9f9f9;} .top_size{float:left;display:inline;font-size:12px;color:#444;padding-top:8px} .top_size b{color:#000;} .header_select{float: right;margin-right: 0;} .header_select img{width: 143px;float: left; height:30px;} .header_select .header_sel{float:right;width: 97px;height: 25px;border: 1px solid #E9E9E9;margin-left: 7px;color: #989898;} /* 内页-导航 */ .hd_nav{height: 75px;line-height: 75px;padding-top: 14px;} .hd_nav>div img{width: 314px;} .hd_nav>ul>li{float: left;font-size: 16px;color: #000;margin-right: 10px;margin-top: 10px;} .hd_nav>ul>li:last-child{margin-right: 0;} .hd_nav>ul>li a{display: block;width: 100px;height: 50px;line-height: 50px;text-align: center;} .hd_nav>ul>li a:hover{background-color: #25BDE4;color: #FFF;} .hd_nav>ul>li>ul{width: 100px;background-color: #F8F8F8;position: absolute;top: 101px;display: none;z-index: 100;} .hd_nav>ul>li:hover>ul{display: block;} /* 内页-面包导航 */ .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;} /* 底部 */ .foot_special{width: 1200px;background-color: inherit;border-top: 1px solid #D6D6D6;font-size: 14px;margin: 0 auto;} footer{padding: 62px 0 10px;background-color: #EEE;border-top: 1px solid #F2F2F2;font-size: 14px;} footer .foot{width: 1200px;margin: 0 auto;} footer .foot h4{font-size: 16px; color: #333;margin-bottom: 10px;} footer .foot>ul{float: left;margin-right: 81px;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: 93px;} footer .foot>ul:nth-child(2){width: 119px;} footer .foot>ul:nth-child(3){width: 69px;} footer .foot>ul:nth-child(4){width: 69px;} footer .foot>ul:nth-child(5){width: 69px;} footer .foot>div{float: right;width: 320px;height: 245px;padding: 4px 0 0 30px;border-left: 1px solid #D6D6D6;margin-left: 0;} footer .foot>div>h4{margin-bottom: 18px;} footer .foot>div>span{font-size: 30px;color: #1E1E1E;} footer .foot>div>p{line-height: 28px;font-size: 14px;} footer .foot>div>p .iconfont{font-size: 18px;margin-right: 6px;color: #999;} footer .foot>div>p:nth-child(3){color: #08BCCE;} footer .foot>div>p:nth-child(3) .iconfont{font-size: 16px;} footer .foot>div>p:nth-child(4){color: #A3A3A3;} footer .foot>div>p:nth-child(5){margin-top: 21px;line-height: 40px;} footer .foot>div>p:nth-child(5) .iconfont{font-size: 39px;} footer .footer{width: 1200px;text-align:center;margin: 0 auto;padding: 41px 0 41px;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;} footer .go{background: url(../images/top_dingbu.png) 50% 0px / auto 100% no-repeat; width: 30px;height: 30px;display: inline-block;position: fixed;right: 15px;bottom: 25px;} footer #API-FLOAT-CONTAINER{background: rgba(0,0,0,0); width:110px;right:0px;bottom:88px;} /* 底部友链 */ .youqing{border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;padding:0 20px 10px 20px;width: 840px;margin: 0 auto;} .youqing li{display :inline-block;margin-left :10px;color:#999;margin-top:10px;} /* 应用案例 */ .case{padding: 30px 0 50px;} .case>#tab{width:100%;margin-top:17px;} .case>#tab .tab_menu{width:100%;float:left;position:relative;} .case>#tab .tab_menu li{float:left;width:197px;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: 18px;} .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: 7px 0 36px;} .case>#tab .tab_box>div>ul li{float: left;width: 380px;height: 356px;margin-right: 30px;margin-bottom: 20px;} .case>#tab .tab_box>div>ul li:nth-child(3n){margin-right: 0;} .case>#tab .tab_box>div>ul li div{width: 380px;height: 257px;overflow: hidden;} .case>#tab .tab_box>div>ul li div img{width: 100%;} .case>#tab .tab_box>div>ul li h3{line-height: 30px;font-size: 16px;color: #333;font-weight: 300;margin: 10px 0 7px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .case>#tab .tab_box>div>ul li p{height: 52px;line-height: 26px;font-size: 16px;color: #555;overflow: hidden;} .case>.case_div{width: 100%;line-height: 26px;font-size: 20px;} .case>.case_div a{float: right;color: #11D8F5;} /* 新闻—详情页 */ .case_dts{padding: 22px 0 60px;} .case_dts>img{width:auto;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;} /* 应用案例—详情页 */ .casey_dt{width: 1100px;padding: 22px 0 60px;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: inline-block;width: 370px;height: 250px;margin: 0 30px 30px 0;} .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;} /* 新闻媒体 */ .news{padding: 68px 0 30px;} .news .news_ul li{padding-bottom: 55px;margin-bottom: 55px;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: 361px;height: 267px;} .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: 16px 0 20px;} .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: 15px 0 43px;} .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: inline-block;width: 45px;height: 42px;border: 1px solid #DDD;margin-left: 15px;border-radius: 50%;} /* 关于hth华体官方下载 */ .about{padding: 27px 0 53px;} .about>div{float: left;width: 577px;line-height: 30px;font-size: 16px;color: #333;padding: 10px 0 0;} .about>div p{overflow: hidden;margin-bottom: 10px;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: 600px;} .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: 571px;font-size: 24px;color: #333;padding-bottom: 12px;margin: 0 auto;} .about_four>ul li div{width: 571px;height: 493px;overflow: hidden;margin: 0 auto;} /* 产品中心-详情页 top */ .prodetai_top{padding: 40px 0 40px;} /* 左边 */ /* .prodetai_tl{float: left;width: 550px;margin-left: 30px;} .prodetai_tl #preview{text-align:center; width:550px;} .prodetai_tl .jqzoom{ width:550px; height:477px; position:relative;margin: 0 auto 10px;} .prodetai_tl .jqzoom img{width: 550px; height: 477px;position: absolute;left: 0;bottom: 0;} .prodetai_tl .zoomdiv{ left:859px; height:350px; width:350px;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:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;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:520px; height:100px; overflow:hidden;position: relative;margin: 0 auto;} .prodetai_tl #spec-left{background:url(../images/left.png) no-repeat; width:16px; height:16px; float:left; cursor:pointer;position: absolute;top: 44%;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: 44%;right: 0;z-index: 3;} .prodetai_tl #spec-list{float: left; display:inline;width:494px;overflow:hidden;margin: 0 16px;position:relative; } .prodetai_tl #spec-list div{ margin-top:0;} .prodetai_tl #spec-list ul li{ float:left; display:inline; width:116px;height: 100px;padding: 0 3px;} .prodetai_tl #spec-list ul li img{ padding:2px ; border:1px solid #FFF; width:110px; height:94px;} */ .banner_lunbo{margin-left:40px;width:550px;overflow:hidden;} .large_box{margin-bottom:10px;width:550px;height:477px;overflow:hidden;} .large_box img{display:block;} .small_box{width:550px;height:105px;overflow:hidden;} .small_list{position:relative;float:left;width:500px;height:auto;overflow:hidden;} .small_list ul{height:105px;overflow:hidden;} .small_list ul li{position:relative;float:left;margin-right:10px;width:115px;} .small_list ul li img{display:block;width: 100%;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:20px;height:100px;background-repeat:no-repeat;background-position:center center;cursor:pointer;} .left_btn{float:left;margin-right:10px;background-image:url(../images/left.png);} .right_btn{float:right;background-image:url(../images/right.png);} /* 右边 */ .prodetai_tr{float: right;width: 430px;height: auto;font-size: 18px;color: #FFF;font-weight: 500;background-color: #52555A;border-radius: 15px;padding: 50px 50px;overflow: hidden;margin-top: 0;margin-right: 40px;} .prodetai_tr>h4{line-height: 46px;font-size: 0px;font-weight: 500;border-bottom: 2px solid #FFF;position: relative;} .prodetai_tr>h4 i{font-size: 24px;} .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: 90px;height: 36px;line-height: 36px;font-size: 18px;text-align: center;background-color: #EC5F58;box-shadow: 1px 0 1px #A15A56;margin-right: 3px;font-size: 18px;} .prodetai_tr>ul{padding: 20px 0 0 6px;} .prodetai_tr>ul li{width: 100%;line-height: 46px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .prodetai_tr>ul li b{float: none;font-weight: 500;margin-right: 5px;} .prodetai_tr>ul li span{display: inline;cursor: default;} /* 产品中心-详情页 bottom */ .prodetai_btm{width: 1156px;margin: 0 auto 47px;} .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;line-height: 20px;font-size: 14px;} .prodetai_btm #prod .prod_box div img{display: block;width: 100%;} .prodetai_btm #prod .prod_box .hide{display:none;} /* 相关 产品/新闻 */ .prodetai_foot{border-top: 5px solid #EEE;margin-bottom: 60px;} .prodetai_ft{border-top: none;border-bottom: 5px solid #EEE;padding-bottom: 45px;margin-bottom: 40px;} .prodetai_xg>h4{font-size: 22px;color: #27BCE6;margin: 0 0 0px;line-height: 45px;} .prodetai_xg>ol li{float: left;width: 222px;height: 192px;margin-right: 19px;overflow: hidden;border: 1px solid #F6F6F6;padding: 0;} .prodetai_xg>ol li:nth-child(4n){margin-right: 19px;} .prodetai_xg>ol li:nth-child(5n){margin-right: 0;} .prodetai_xg>ol li img{width: 100%;height: 100%;} .prodetai_xg>ul li{height: 50px;line-height: 50px;font-size: 16px;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;} /* --------------- 服务支持 --------------- */ /* 资料下载 */ .serviced{padding: 40px 0 60px;} .serviced>h3{line-height: 40px;font-size: 24px;color: #333;font-weight: 500;} .serv_list li{float: left;width: 31%;padding: 0 1%;} .serv_list li>h3{font-size: 24px;color: #333;} .serv_list li>img{display: block;width: 100%;height: 509px;} .serv_list li>p{line-height: 40px;font-size: 22px;color: #8C8C8C;} .serv_list li>div{height: 32px;background-color: #EEE;margin-top: 10px;} .serv_list li>div a{display: block;float: right;width: 133px;height: 32px;line-height: 32px;text-align: center;background-color: #8C8C8C;font-size: 18px;color: #FFF;} /* 视频下载 */ .servicey{padding: 25px 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:0px;position: relative;} .servicey>#index .index_div{height: auto;position: relative;} .servicey>#index .left-btn{width: 32px;height: 44px;z-index: 10;background-color: #FFF;position: absolute;left:-32px;top:0;} .servicey>#index .right-btn{width: 32px;height: 45px;z-index: 10;background-color: #FFF;position: absolute;right:-32px;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;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: 17px;} .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_menu li:nth-child(4n){margin-right: 0;} .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:393px; float: left;font-size: 0;margin: 15px 10px 0 0;} .shipin_list li:nth-child(3n){margin-right: 0;} .shipin_list li>img{width: 393px;height: 221px;} .shipin_list li p{margin-bottom:10px;height: 30px;line-height: 30px;text-align: left;font-size: 13px;color: #fff;background-color: #000000;width: 96%;border-top: 1px solid #333333;padding: 0 2%;} .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: 330px;height: 32px;background-color: #EEE;float: right;} .shipin_list li>div a:last-child{display: block;float: right;width: 133px;height: 32px;line-height: 32px;text-align: center;background-color: #8C8C8C;font-size: 15px;color: #FFF;letter-spacing: 1px;} /* --------------- 产品中心 --------------- */ .banner{display: block;width: 100%;margin-bottom: 0px;} .banner img{width: 100%;} /* 产品分类 */ .product_div{width: 276px;height: 40px;line-height: 40px;background-color: #EEE;font-size: 18px;color: #333;margin: 20px 0 25px;} .product_div i{display: block;float: left;width: 18px;height: 40px;background-color: #25BDE6;margin-right: 16px;} .product_ul li{float: left;width: 283px;height: 370px;border: 1px solid #DEDEDE;margin-right: 20px;} .product_ul li:nth-child(3n){margin-right: 20px;} .product_ul li:nth-child(4n){margin-right: 0;} .product_ul li:nth-child(2n){float: left;} .product_ul div:nth-child(1){padding: 7px 10px 13px;width: 263px;height: 229px;overflow: hidden;} .product_ul div:nth-child(1) img{width: 100%;} .product_ul div:nth-child(2){width: 253px;height: 108px;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;} /* 实验室类别文字 */ .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;} /* 姚璐 */ /* 面包导航 */ .weizhi{float: right;} /* index.html 首页banner 图*/ .slideBox{ /*width:1920px;*/ height:555px; overflow:hidden; position:relative; } .slideBox .hd{ height:555px;position:absolute; z-index:1;top: 0;display: flex; align-items: center; background: #26bde3;} .slideBox .hd ul{ height:auto;zoom:1; float:left; } .slideBox .hd ul li{ margin-right:2px; width:163px; height:62px; line-height:62px; text-align:center;cursor:pointer;padding-left: 25px;padding-right: 25px;font-size: 0;} .slideBox .hd ul li:nth-child(4){display: block;} .slideBox .hd ul li a{font-size: 15px;color: #fff; font-weight: bold;border-bottom: 1px solid #97dff2;width: 163px;display: inline-block;} .slideBox .hd ul li:first-of-type a{border-top: 1px solid #97dff2;} .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{ /*width:1920px;*/height:555px; display:block;position:relative;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);} /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; 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:none;} .slideBox .nextStop{ display:none;} /* 首页hth华体官方下载产品 出口95个国家*/ .country{margin-top: 40px; margin-bottom: 10px;} .Country_title{text-align: center;font-size: 0;margin-bottom: 20px;} .Country_title h2,p{display: inline-block;} .Country_title h2{font-size: 35px;border-bottom: 5px solid #26bde3;color: #26bde3;height: 84px;line-height: 84px;font-weight: 200;} .Country_title p{font-size: 35px; color: #26bde3; line-height: 97px;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;} .country_text li h5{font-size: 22px;font-weight: 400;color: #666666;line-height: 55px;} .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: 13px;line-height: 20px;transform: scale(1);width: 100%;-webkit-transform-origin-x: 0;} /* 首页推荐产品 */ .index_pro_title{font-size: 36px;color: #666666;line-height: 100px;text-align: center;} .index_pro_text li{border:1px solid #DDDEDF;width: 286px;margin-right: 15px;float: left;margin-bottom: 15px;margin-left: 0;} .index_pro_text li:nth-child(3n){margin-right: 15px;} .index_pro_text li:nth-child(4n){margin-right: 0;} .index_pro_text li>a{width: 266px;height: 232px;margin:7px 10px 13px 10px;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: 20px;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: 16px;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_show{width: 1200px; overflow: hidden;margin-bottom: 30px;} .pump_show_top{width: 1200px; margin: 0 auto; overflow: hidden;position: relative;} .pump_show_top .top_left{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_top .top_right{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_top .top_left:hover{opacity: 1;} .pump_show_top .top_right:hover{opacity: 1;} .pump_show_top .top_img{width: 1200px; float: left; overflow: hidden;} .pump_show_top .top_img ul{overflow:hidden; width: 1200px!important;height: 329px;} .pump_show_top .top_img ul li{float: left;width: 280px;height:329px;font-size: 0;margin-right:20px;overflow: hidden;margin-bottom: 20px;} .pump_show_top .top_img ul li .jzimg{display: inline-block;text-align: center;} .pump_show_top .top_img ul li .pic a img{width: 280px;height: 207px;height: auto;margin:1px;} .pump_show_top .top_img ul li .top_img_wz{display: inline-block;height:25px;line-height: 25px;font-size: 12px; color: #5b5b5b; text-align: center;width: 100%;} .pump_show_top .top_img ul li .title>a{font-size: 18px;line-height: 50px;color: #333333;} .pump_show_top .top_img ul li .index_case_con>a{height: 60px;font-size: 13px;line-height: 20px; color: #666666;overflow: hidden;} .index_case_title{font-size: 36px;color: #666666;line-height: 100px;text-align: center;margin: 0;} /* .picMarquee-left{margin-bottom: 56px;overflow: hidden;position: relative;} .index_case_text li{width: 280px;font-size: 0;margin-right:10px;float: left;margin-bottom: 20px;} .index_case_text li .pic a img{width: 280px;height: 207px;} .index_case_text li .title>a{font-size: 16px;line-height: 50px;color: #333333;} .index_case_text li .index_case_con>a{font-size: 15px;line-height: 24px; color: #666666;} .picMarquee-left .top_left{ width: 32px; height: 32px; background: url(../images/left-b.png) no-repeat left top; cursor: pointer;position: absolute;top: 100px;left: -5px;z-index: 10;} .picMarquee-left .top_right{ width: 32px; height: 32px; background: url(../images/right-b.png) no-repeat right top; cursor: pointer;position: absolute;top: 100px;right: -5px;z-index: 10;} .picMarquee-left .tt{width: 1150px; height: 301px; float: left; overflow: hidden;margin: 0 25px;} .picMarquee-left .tt ul{width: 1150px;height: 301px;overflow: hidden;} */ /* 首页关于我们 */ .index_about{background: url('../images/about_index.png') 50% 0px / auto 100% no-repeat;height: 468px;} .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: 16px;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: 0px;} .index_exhib_title{font-size: 36px;color: #666666;line-height: 110px;text-align: center;} .index_exhib_text{margin-bottom: 10px;} .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: 36px;color: #666666;line-height: 110px;text-align: center;} .index_new_con{margin-bottom: 20px;} .index_news_h{width: 798px;} .index_news_h li{float: left;width: auto;margin: 0 22px 0 0;} .index_news_h li:nth-child(3){display: block;} .index_news_h li a>img{width: 244px;height: 180px;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;margin-right: auto;width: auto;} .index_news_con>.fl:nth-child(1) dl{width: 585px;margin-right: 30px; font-size: 0;display: block;margin-bottom: 15px;} .index_news_con>.fl:nth-child(2) dl{width: 585px;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: 30px;} /* 首页底部 */ .index_footer{background-color: #EEEEEE;width: 100%;margin-top: 35px;} /* 关于我们荣誉 */ .com_pic ul li{float: left;margin-right: 10px;margin-bottom: 10px;margin-top: 10px;width: 292px;height: 397px;} .com_pic ul li:nth-child(2n-1){float: left;width: 292px;margin-bottom: 10px;margin-top: 10px;} .com_pic ul li:nth-child(2n){float: left;width: 292px;margin-bottom: 10px;margin-top: 10px;} .com_pic ul li:nth-child(4n){margin-right: 0;} .gywm_tj li img{width: 100%;height: 100%;} .com_pic_wh ul li{width: 356px;height: 300px;} .gywm_wh li img{width: 356px;height: 300px;} /* 联系我们 */ .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: auto; height: auto; margin: 0 auto 10px; }