/*共用*/ .in_banner{width:100%;min-height:180px; max-height:300px;margin-top: 90px;} .in_nav{ min-height:50px;padding-top: 5px;text-align: center;background: #fff;border-bottom: 1px solid #eaeaea; } .in_nav a{ width: 100px;line-height: 45px;border-bottom: 5px solid transparent;font-size: 14px; } .in_nav a:hover,.in_nav a.active{border-color: #c8000b;color:#c8000b;} /*乐虎国际唯一官网故事*/ .abt_main{width: 100%;padding: 55px 0;min-height: 200px;} .abt_main .abtImg{margin-left: 50px;margin-top: -76px;} .abt_main .abt_TCN{font-size: 42px;color:#c8000b;} .abt_main .abt_TEN{font-size: 58px;color:#ddd;} .abt_main .abt_TT{font-size: 14px;color:#666;line-height: 32px;} /*公司荣誉*/ .honor_list{width: 100%;padding: 50px 0;} .honor_list .honor_one{width:16.6%;float:left;margin:0 1.7% 20px;transition: all .5s;} .honor_one .honor_img,.honor_one .honor_img img{width: 100%;transition: all .5s;} .honor_one .honor_name{ line-height: 60px;width: 100%;text-align: center;font-size: 14px;color:#666; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .honor_list .honor_one:hover{transform: translateY(-8px);} .honor_one:hover .honor_img{box-shadow: 0 0 25px #ccc;} .honor_one:hover .honor_name{color:#c8000b;} .mask-wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; text-align: center; display: none; } .mask-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .7; } .mask-main { width: 800px; height: 600px; position: absolute; top: 50%; margin-top: -300px; left: 50%; margin-left: -400px; } .mask-img { width: 100%; height: 560px; } .mask-img .img-md { max-width: 100%; max-height: 100%; } .mask-img img{ max-width: 100%; max-height: 100%; } .mask-main p { font-size: 18px; color: #fff; line-height: 20px; margin-top: 20px; } .mask-pager li { position: absolute; top: 0; cursor: pointer; height: 100%; width: 10%; } .mask-pager .prev { left: 10%; background: url(../images/honor_left.png) no-repeat center; } .mask-pager .next { right: 10%; background: url(../images/honor_right.png) no-repeat center; } .mask-close { width: 30px; height: 30px; position: absolute; right: 5%; top: 5%; cursor: pointer;transition: all 1s; background: url(../images/honor_off.png) no-repeat center center; } .mask-close:hover{transform: rotate(360deg);} @media (max-width: 800px) { .mask-main { width: 100%;height: 100%; top: 0;margin-top: 0px; left: 0;margin-left: 0px; } .mask-img {height: 80%;width: 96%;margin:10% auto;} .mask-main p {margin-top: -40px;} .mask-pager .prev {left: 5%;} .mask-pager .next {right: 5%;} .mask-close {background-size: 32px;} .mask-img img{position: relative;top: 50%;transform: translateY(-50%);} } /*乐虎国际唯一官网影像*/ .video_list{width: 100%;padding: 50px 0;} .video_list .video_one{display: block;width:21.6%;margin: 0 1.7% 15px;float:left;} .video_one .video_img{ width: 100%;position:relative;box-sizing: border-box;overflow: hidden; border: 1px solid #d1d1d1;padding: 4px; } .vi_bg{ background:url(../images/spbg.png) no-repeat center -12px; display: block; width: 100%; height: 8px; } .video_one .video_img img{width: 100%;transition: all .4s;} .video_one:hover .video_name{color:#c8000b;} .video_img .play_box{ position: absolute;top:4px;left:4px;right:4px;bottom:4px; background: rgba(0,0,0,.5);height:calc(100% - 8px);transition: all .4s; } .video_img .play_box i{ display: block;height:44px;width:44px;margin:auto;background: url("../images/play.png") no-repeat center; position: relative;top:50%;transform: translateY(-50%); } .video_one .video_name{ line-height: 60px;font-size: 16px;color:#444;text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .video_one:hover .video_img .play_box{opacity: 0;} /*新闻*/ .news_list{width: 100%;padding:50px 0;} .news_list .news_one{width: 100%;padding-bottom: 30px;margin-bottom: 40px;border-bottom: 1px solid #e5e5e5;} .news_one .news_time{ float:left;width: 64px;text-align: center;padding:0 8px; line-height: 30px;font-size: 14px;color:#444;background: #e9e9e9; } .news_one .news_time .news_day{font-size: 50px;color:#333;line-height: 70px;border-bottom: 1px solid #fff;} .news_one .news_img{float:left;width: 300px;margin: 0 40px 0 20px;} .news_one .news_img img{width:100%;} .news_one .news_txt{float:left;width:calc(100% - 440px);} .news_txt .news_T{ line-height: 36px;color:#333;font-size: 18px;margin-bottom: 25px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .news_txt .news_TT{ line-height: 25px;height:100px;font-size: 14px;color:#999; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:4;-webkit-box-orient: vertical; } .news_txt .news_data{font-size: 14px;color:#666;} .news_one:hover .news_time{background: #c8000b;color:#fff;} .news_one:hover .news_time .news_day{color:#fff;} .news_one:hover .news_txt .news_data{color:#c8000b;} .newsD_main{width: 100%;margin-top:90px;padding: 75px 0 50px;} .newsD_main .newsD_title{font-size: 28px;color:#333;text-align: center;border-bottom: 1px solid #e5e5e5;} .newsD_main .newsD_title .newsD_time{font-size: 14px;color:#888;line-height: 50px;} .newsD_main .newsD_txt{padding-top:25px;font-size: 14px;color:#666;line-height: 30px;min-height: 200px;} .newsD_main .newsDBack{ display: block;width: 170px;height:46px;box-sizing: border-box;text-align: center; border: 2px solid #cdcdcd;line-height: 42px;font-size: 16px; color:#999;margin: 50px auto 0; } /*产品类别*/ .proType_list{width: 100%;margin-top: 90px;} .proType_list .proType_one{width: 100%;height:480px;background: rgba(233,233,233,.2);} .proType_one .proType_w1000{max-width: 1000px;margin: auto;height:100%;padding:0 0.1rem;} .proType_one .proType_img{width: 40%;height:100%;float:left;text-align: center;} .proType_one .proType_img img{ max-width: 90%;max-height: 74%; position: relative;top:50%;transform: translateY(-50%); } .proType_one .proType_txt{width: 55%;height:100%;float:left;box-sizing: border-box;padding-top: 120px;} .proType_txt .proType_name{font-size: 32px;color:#333;margin-bottom: 30px;} .proType_txt .proType_intro{ font-size: 14px;color:#666;line-height: 30px;height:120px;margin-bottom: 30px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:4;-webkit-box-orient: vertical; } .proType_txt .proType_data{ display: inline-block;width:126px;height:36px;border: 1px solid #e5e5e5; background:#bcbcbc;color:#fff;text-align: center;line-height: 34px;font-size: 14px; } .proType_txt .proType_data:hover{background: #c8000b;border-color: #c8000b;} .proType_one .proType_margin{width: 5%;height:100%;float:left;} .proType_list .proType_one:nth-child(even){background: #fff;} .proType_one:nth-child(even) .proType_img,.proType_one:nth-child(even) .proType_txt,.proType_one:nth-child(even) .proType_margin{float:right;} .PTIntro_main{width: 100%;padding: 50px 0;} .PTIntro_main .PTIntro_T{line-height: 70px;font-size: 26px;color:#333;border-bottom: 1px solid #e5e5e5;} .PTIntro_main .PTIntro_TT{font-size: 14px;color:#666;line-height: 30px;padding-top: 30px;} .PTIntro_main .PT_toList{ display: block;width: 130px;height:38px;line-height: 38px;margin: 60px auto 0; text-align: center;background: #c8000b;font-size: 14px;color: #fff; } .wd1000{max-width: 1000px;margin: auto;} .res_form{width: 100%;padding: 50px 0;} .res_form .iptDivS.iptDivFirst{width: 900px;margin-bottom: 5px;} .res_form .iptDivS.iptDivFirst label{cursor:pointer;display:inline-block;line-height: 50px;width: 140px;font-size: 13px;color: #888;} .res_form .iptDivS.iptDivFirst input[type='radio']{width: 14px;margin-right: 15px;position: relative;top:2px;} .res_form .iptDivS{float:left;margin-left: 50px;width: 425px;margin-bottom: 30px;max-width: calc(100% - 60px);} .res_form .iptDivL{float:left;margin-left: 50px;width: 900px;margin-bottom: 30px;max-width: calc(100% - 60px);} .iptDivS .iptName,.iptDivL .iptName{width: 88px;float:left;font-size: 14px;color:#666;line-height: 50px;} .iptName span{color:#c8000b;} .res_form input[type='text']{ width: calc(100% - 100px);height:50px;line-height: 50px;padding-left: 12px; } .cplx{ width: calc(100% - 100px);height:50px;line-height: 50px;padding-left: 12px; color: #999; } .res_form textarea{ width: calc(100% - 88px);height:230px;line-height: 22px;resize: none; box-sizing: border-box;padding: 10px; } .res_form .iptCode input[type='text']{width:calc(100% - 242px);} .res_form .iptCode img{/*width: 138px;*/} .res_form .subDiv,.conUs_form .con_sub{text-align: center;margin-top: 30px;} .res_form .subDiv input[type='button'],.conUs_form .con_sub input[type='button']{ width: 280px;height: 56px;border: 1px solid #c8000b;background: transparent; font-size: 16px;color: #c8000b;cursor: pointer; } .res_form .subDiv input[type='submit'],.conUs_form .con_sub input[type='submit']{ width: 280px;height: 56px;border: 1px solid #c8000b;background: transparent; font-size: 16px;color: #c8000b;cursor: pointer; } /*产品列表*/ .proList_main{width: 100%;padding: 50px 0;} .proList_main .proNav_box{ width: 198px;border:1px solid #ebebeb;border-radius:3px;float:left; margin: 0 30px 0 10px;background: #fff;padding: 20px 0 25px; } .proNav_box .proN_title{ width: 180px;margin-left: -10px;height:47px;font-size: 16px; color:#fff;line-height: 40px;padding-left: 30px;margin-bottom: 6px; background: url("../images/pro_type_bg.png") no-repeat center; } .proNav_box .pro_nav{width: 100%;} .proNav_box .pro_nav a{ display: block;height: 40px;line-height: 40px;font-size: 14px;color: #666;padding-left: 25px; } .proNav_box .pro_nav a:before{ content:"";display: inline-block;width: 0;height: 0;border: 3px solid transparent; border-left-color: #aaa;margin-right: 8px;position: relative;top:-2px; } .proNav_box .pro_nav a:hover,.proNav_box .pro_nav a.active{color: #c8000b;} .proNav_box .pro_nav a:hover:before,.proNav_box .pro_nav a.active:before{border-left-color: #c8000b;} .proList_main .in_proList{float:left;width: calc(100% - 240px);} .in_proList .in_proOne{display:block;width: 31.1%;margin: 0 1.1% 40px;float:left;transition: all .3s;} .in_proOne .in_proImg{width: 100%;height:0;padding-bottom:100%;background-color: #ffffff;overflow: hidden;position:relative} .in_proOne .in_proImg>div{position:absolute;left:0;top:0;width:100%;height:100%;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .in_proOne .in_proImg>div>p{text-align:center;vertical-align: middle} .in_proOne .in_proImg img{max-width: 100%;max-height:100%;transition: all .3s;} .in_proOne:hover .in_proImg img{transform: scale(1.1);} .in_proOne .in_proTxt{line-height: 28px;padding: 18px 0 ;text-align: center;transition: all .3s;} .in_proTxt .in_proT{font-size: 16px;color:#444;} .in_proTxt .in_proTT{font-size: 14px;color:#999;} .in_proList .in_proOne:hover{box-shadow: 0 0 15px #ccc;transform: translateY(-5px);} .in_proOne:hover .in_proTxt{background: #fff;} .in_proOne:hover .in_proTxt .in_proT{color:#c8000b;} /*产品详情*/ .proData_type{ line-height: 60px;height:60px;color:#333;background: #fff; text-align: center;font-size: 18px; } .proData_type a{ color:#333;font-size: 18px; } .proData_main{width: 100%;padding: 60px 0 50px;} .proData_main .proD_img{width: 500px;margin-left: 1%;float:left;} /*图片放大镜样式*/ .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width: 100%;} .jqzoom img{width: 100%;} /*图片小图预览列表*/ .spec-preview{width:100%;padding: 5px;background: #fff;box-sizing: border-box;box-shadow: 0 0 20px #ccc;text-align: center;} .spec-scroll{clear:both;margin-top:20px;width:500px;} .spec-scroll .prev{float:left;background: url("../images/arrowcpl.png") no-repeat center;} .spec-scroll .next{float:right;background: url("../images/arrowcpr.png") no-repeat center;} .spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:30px;height:72px; line-height:58px;cursor:pointer;text-decoration:none;} .spec-scroll .items{position:relative;width:430px;height:72px;overflow:hidden; margin: auto;} .spec-scroll .items ul{position:absolute;width:999999px;height:72px;} .spec-scroll .items ul li{ float:left;text-align:center;width: 100px;height:72px;margin-right: 10px; border:1px solid #e5e6e8;box-sizing: border-box;padding: 3px; } .spec-scroll .items ul li img{width: 100%;height: 100%;} /**/ .proData_main .proD_txt{width: calc(94% - 500px);float:right;} .proD_txt .proD_top{line-height: 32px;padding: 18px 0;border-bottom: 1px solid #ddd;} .proD_top .proD_T1{font-size: 18px;color:#c8000b;} .proD_top .proD_T2{font-size: 16px;color:#333;} .proD_txt .proD_TT{line-height: 32px;font-size: 14px;color:#666;padding-top: 20px;} .proData_main .proD_info{width: 100%;margin-top: 50px;} .proD_info .proDInfo_nav{height:46px;width: 100%;background: #ededed;line-height: 44px;} .proD_info .proDInfo_nav span{ display: inline-block;float:left;width: 130px;font-size: 14px; border-top: 2px solid transparent;text-align: center;cursor: pointer; } .proD_info .proDInfo_nav span.active,.proD_info .proDInfo_nav span:hover{ border-top: 2px solid #c8000b;background: #fff;color:#c8000b; } .proD_info .proDInfo_box{padding: 30px 0;} .proDInfo_box .proDInfo_one{line-height: 40px;font-size: 14px;color:#666;display: none;} .proDInfo_one span.proDInfo_oneT{color:#000;} /*技术支持*/ .in_proList .tec_one{ width: 100%;background: #fff;border: 1px solid #ebebeb; padding: 0 25px;box-sizing: border-box;margin-bottom: 20px; } .tec_one .tec_top{line-height: 30px;padding: 20px 0;cursor: pointer;} .tec_top .tec_name{font-size: 16px;color:#333;} .tec_top .tec_name span.fr{font-size: 13px;color:#888;margin-left: 10px;} .tec_top .tec_info{font-size: 13px;color:#888;} .tec_top .tec_info span.fr{ font-size: 20px;color:#fff;display: inline-block;width: 40px;height:16px; background: #bcbcbc;border-radius: 10px;margin-top: 7px;line-height: 13px;text-align: center; } .tec_one .tec_main{display:none;font-size: 13px;color:#888;line-height: 30px;border-top: 1px solid #ddd;padding: 25px 0;} .tec_one:hover .tec_top .tec_info span.fr,.tec_one .tec_top.open .tec_info span.fr{ background: #c8000b; } /*产品资料*/ .in_proList .download_one{ display:block;width: 100%;box-sizing: border-box;padding:0 30px;height:60px; line-height: 60px;border: 1px solid #ebebeb;background: #fff;margin-bottom: 15px; } .download_one .download_name{ float:left;padding-left: 30px;font-size: 16px;color:#333;transition: all .3s; background: url("../images/icon_pdf.png") no-repeat left center; width: calc(100% - 70px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .download_one:hover .download_name{color:#c8000b;} .download_one .download_icon{ float:right;display: inline-block;width: 28px;height:60px;transition: all .3s; background: url("../images/download_a.png") no-repeat center; } .download_one:hover .download_icon{background: url("../images/download_b.png") no-repeat center;} /*联系我们*/ .headMarTop{height:90px;} .bd_map{width:100%;height:380px;} .conUs_box{width: 100%;} .conUs_box .conUs_title{padding: 60px 0;font-size: 24px;color:#555;text-align: center;border-bottom: 1px dashed #d3d3d3;margin-bottom: 36px;} .conUs_title .conUs_TT{font-size: 14px;color:#999;} .conUs_box .conUs_txt{width: 41.7%;margin-right: 8%;line-height: 34px;float:left;font-size: 14px;color:#666;} .conUs_txt .conUsT_T{font-size: 18px;} .conUs_txt .conUsT_TT{font-size: 16px;color:#333;} .conUs_form{width: 100%;padding: 90px 0;} .conUs_form .con_ipt{float:left;margin-right:3.3%;margin-bottom: 30px;} .conUs_form .con_iptS{width: 30%;} .conUs_form .con_iptD{width: 96.6%;} .conUs_form .con_ipt input{width: 100%;height:50px;font-size: 14px;box-sizing: border-box;padding-left: 20px;} .conUs_form .con_ipt textarea{width: 100%;height:160px;font-size: 14px;box-sizing: border-box;padding:10px;line-height: 26px;resize: none} /*招贤纳士*/ .rec_list{width: calc(100% - 350px);float:left;padding: 50px 0;min-height: 200px;} .rec_list .rec_thead{height:70px;line-height: 70px;border-top: 1px solid #dbdbdb;} .rec_thead .rec_th{font-size: 14px;color:#999;float:left;} .rec_list .td1{width: 19%;padding-left: 4.7%;} .rec_list .td2{width: 35%;text-align: center;} .rec_list .td3{width: 23.5%;text-align: center;} .rec_list .td4{width: 12%;text-align: center;} .rec_list .rec_tbody{width: 100%;} .rec_tbody .rec_tr{width: 100%;margin-bottom: 4px;} .rec_tr .rec_top{height:46px;line-height: 46px;color:#fff;background: #999;font-size: 14px;} .rec_top .rec_td{float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .rec_top .rec_td.td4{line-height: 38px;} .rec_top .rec_td.td4 span{ display: inline-block;;width: 18px;height:2px;background: #fff;position: relative; } .rec_top .rec_td.td4 span:after{ content: "";display: inline-block;;width: 18px;height:2px;background: #fff; position: absolute;left:0;transform: rotateZ(90deg);transition: all 1s; } .rec_tr .rec_intro{font-size: 13px;color:#777;line-height: 30px;padding: 30px 40px;background: #fff;display: none;} .rec_intro .recIntro_T{font-size: 15px;color:#333;} .rec_tr .rec_top.open{background: #c8000b;} .rec_top.open .rec_td.td4 span:after{transform: rotateZ(0deg);} .to_conUs{width: 300px;float:right;padding:50px 0;} .to_conUs .toCU_img{display:block;width: 100%;overflow: hidden;position: relative;margin-bottom: 20px;} .to_conUs .toCU_img img{width: 100%;} .toCU_img .toCUI_T{ position: absolute;left:0;bottom:0;right:0;height:40px;font-size: 16px; line-height:40px;background: rgba(0,0,0,.5);color:#fff;text-align: center; } .to_conUs .contact_way{width: 100%;} .contact_way .conWay_one{width: 100%;margin-bottom: 20px;} .conWay_one i{display: block;float:left;width: 40px;height:40px;} .conWay_one i.con_email{background: url("../images/con_email.png") no-repeat left 4px;} .conWay_one i.con_tel{background: url("../images/con_tel.png") no-repeat left 4px;} .conWay_one i.con_addr{background: url("../images/con_addr.png") no-repeat left 4px;} .conWay_one .conWay_T{font-size: 14px;color:#888;width: 260px;float:left;line-height: 23px;} .conWay_T .conWay_TT{color:#444;} .shop_link{float: right} .shop_link a{line-height:90px;margin-left:20px;color:#fff;font-size:16px} @media (max-width: 701px){ .shop_link a{line-height:.7rem;margin-left:10px;font-size:13px} }