html{overflow-y:scroll;overflow-x:hidden} *{margin:0px;padding:0px;word-wrap:break-word} img,input,select{vertical-align:middle} ul,li{list-style:none} a{text-decoration:none;color:#333} a:hover,.fmenu li a:hover{color:#333;-webkit-transition:color ease 0.6s} img{border:none} .clear{clear:both;height:0px;margin:0;padding:0;width:0;border:none;overflow:hidden} body{font-size:14px;font-family:"Microsoft YaHei";color:#777777;background:#fff} .fl{float:left} .fr{float:right} #body{width:100%;overflow:hidden;background:#f0f0f0} .body h4{font-size:14px;font-weight:normal;margin-bottom:10px;height:18px;line-height:18px;text-align:right;margin-right:20px} .body h5{font-size:14px;font-weight:normal;margin-bottom:10px;width:100%;height:18px;line-height:18px;text-align:right} .body{width:1215px;margin:68px auto 0 auto;position:relative;padding-bottom:100px} .left{width:866px;background:#fff;margin-left:10px;padding:33px 0 0 38px;margin-bottom:16px;border-radius:10px;overflow:hidden;padding-bottom:30px;position:relative;box-shadow:rgba(0,0,0,.27) 0 1px 3px} .left1{width:1165px;background:#fff;margin-left:10px;padding:33px 0 0 38px;margin-bottom:16px;border-radius:10px;overflow:hidden;padding-bottom:30px;position:relative;box-shadow:rgba(0,0,0,.27) 0 1px 3px} .left .caselist h3,.left1 .caselist h3{font-size:20px;color:#272727;font-weight:normal;margin-bottom:23px} .right{width:252px;min-height:50px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:rgba(0,0,0,.27) 0 1px 3px;margin-right:15px} .right li{height:53px;line-height:53px} .right li a{font-size:18px;padding-left:30px;display:block;border-bottom:1px solid #e5e5e5} .right li a:hover{background:#c3d72d;color:#1a1a1a;border-bottom:none} .submenu li{width:113px;height:39px;float:left;line-height:39px;font-size:16px;text-align:center} .submenu li a:hover{background:#747474;color:#fff;display:block} .scroll{position:absolute;bottom:20px;left:40%} .page{width:1200px;background:#fff;margin-left:10px;padding:38px;margin-bottom:16px;border-radius:10px;overflow:hidden;box-shadow:rgba(0,0,0,.27) 0 1px 3px;padding-bottom:30px;position:relative} .page p{line-height:24px;line-height:30px;font-size:14px;color:#333} .pcto_bg{top:100px;width:100%;transition:all ease 0.3s;height:0px;background:rgba(0,0,0,0.9);transition:all ease 0.3s;position:absolute;z-index:99;left:0} .pcto{width:100%;position:relative;height:100px;background-image:url(http://pic20_1.qiyeku.com/qiyeku_pic/2020/8/25/huodun/product/product_pic/image/2020_08_27/20200827100201002.png); background-position:top center; } .pcto_box{width:1200px;margin:0 auto;height:100px} .pcto_box .pcto_logo{display:inline-block;margin-top:0px} .pcto .pcto_menu{float:right} .pcto .pcto_menu_xun{float:left;margin:10px 0px 0 75px;height:90px;text-align:center;min-width:56px;} .pcto .pcto_menu_xun .pcto_menu_a{transition:all ease 0.3s;display:inline-block;height:87px;line-height:90px;font-size:16px;color:#fff;text-align:center;font-weight: bold;} .pcto .pcto_menu_xun:hover .pcto_menu_a{transition:all ease 0.3s;color:#1fcdff;border-bottom:#1fcdff solid 3px} .pcto .pcto_menu_xun.on .pcto_menu_a{color:#fff;border-bottom:#fff solid 3px} .pcto_menu_a{} .pcto_xl{position:absolute;z-index:100;height:0;overflow:hidden} .pcto_xl a{margin-right:35px;float:left;display:inline-block;line-height:58px;font-size:13px;color:#fff;text-align:center} .pcto_menu_xun:hover .pcto_bg{height:58px;transition:all ease 0.6s} .pcto_menu_xun:hover .pcto_xl{height:58px;transition:all ease 0.6s} .page{width:1200px;background:none;box-shadow:none;padding:0px} .body{padding-bottom:0px;width:1200px} .topadcs{width:100%;overflow:hidden;text-align:center;margin:0px auto} .topadcs a img{width:100%;height:auto;display:block} .topadcs a{display:block;margin:0 auto} .topadcs a.fullad{height:600px} .n_path{border-top:1px #4e88dc solid} .n_path li{height:30px;line-height:30px;text-align:center;float:left;background:#4e88dc;padding:0 15px;font-size:14px;margin-left:10px;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear} .n_path li a{display:block;color:#1a1a1a;} .n_path li a:hover{color:#4e88dc} .n_path li.current a,.n_path li.current,.n_path li:hover{background:#1a1a1a;color:#4e88dc} .pager_box{clear:both; text-align:center; line-height:40px; margin:20px auto;font-size:14px; color:#9e9e9e;} .pager{font-size:14px; padding:0 10px; color:#ffffff; line-height:25px; display:inline-block;background-color:#9e9e9e; margin:0px 5px;} .pager_hover,.pager:hover{font-size:14px; background-color:#4e88dc; padding:0 10px; line-height:25px; display:inline-block; margin:0px 5px; color:#fff; } .first_pager,.prev_pager,.next_pager,.last_pager{ line-height:25px; color:#9e9e9e; display:inline-block; margin:0px 5px; font-size:14px; } .clear{ clear:both;} h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;} .web{width:1200px;margin:0 auto;} .mb35{margin-bottom:35px;} .mt30{margin-top:30px;} .clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; *display:none;} .clearfix{*zoom:1;} em,i,b{ font-style:normal;} .pageslink{ float: right;} .pagestitle h4 span{display:block; color:#1a1a1a;font-size:20px;line-height:20px;font-weight:bold;} .pagestitle h4 em{font-size:36px;color:#c1e089;text-transform:capitalize;line-height:40px;font-family:"AvantGardeITCbyBT-Medium",Arial;} .pageslink .indexicon{width:14px;height:19px; display:inline-block;background:url(../webimages/home.png) center 5px no-repeat; vertical-align:top;} @font-face {font-family: "iconfont"; src: url('/css/iconfont/iconfont.eot'); /* IE9*/ src: url('/css/iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/iconfont/iconfont.woff') format('woff'), /* chrome, firefox */ url('/css/iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('/css/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } @font-face { font-family: 'iconfont'; /* project id 781842 */ src: url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.eot'); src: url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.woff2') format('woff2'), url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.woff') format('woff'), url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.ttf') format('truetype'), url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .header-top,.header-top ul{float:right;padding-top: 20px;padding-left: 15px;} .header-top ul li{float:left;height:35px;line-height:35px;text-align:center;margin:0 10px;position:relative;color:#fff} .header-top ul li a{color:#fff} .header-top ul li img{display:none} .header-top ul li:hover img{display:block;position:absolute;z-index:999;top:30px;left:0} .fl{float:left;} .fr{float:right;} .clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;} .wal{width:1200px; margin:0px auto;} .pageBox{ padding: 60px 0 50px; } .pageBanner{ position:relative;} .pageBanner .imgDiv img{ width:100%;} .pageBanner .txtDiv{ position: absolute; left: 0px; width: 100%; top: 50%; margin-top: -67px; z-index: 5; text-align: center;} .pageBanner .txt1{ font-size: 60px; color: #fff; opacity: 0.4; padding-bottom: 10px; font-weight: bold;line-height: 60px;} .pageBanner .txt2{ font-weight: bold; font-size: 24px; color: #fff; position: relative; height: 60px; } .pageBanner .txt2 em{ position: absolute; left: 50%; display: block; width: 34px; height: 4px; background: #1fcdff; margin-left: -17px; bottom: 0px; } .pageTop{ border-bottom: #ececec solid 1px; height: 60px; } .pageTop .wal{ position: relative; height: 60px; } .pageNow{ padding-left: 23px; height: 60px; line-height: 60px; color: #a2a2a2; overflow: hidden; background: url(../images/nimg17_1.png) left center no-repeat;} .pageNow a{ color: #a2a2a2; } .pageNow a:hover{ color:#060606;} .pageNow em{ color: #060606; } .pageNav{ height: 60px; position: absolute; right: 0px; top: 0px; } .pageNav li{ float: left; width: 102px; height: 60px; font-size: 15px;} .pageNav .li01{ width: 189px; } .pageNav li a{ display: block; height: 60px; line-height: 60px; text-align: center; color: #636363;} .pageNav li a:hover, .pageNav li .aNow{ color: #fff; background: #4e88dc;} @media only screen and (max-width: 1920px) { .prol {left: 622px!important;} }#side{position:fixed;right:0;top:75%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:999} #side li{margin-bottom:1px;float:right;clear:both} #side li a{padding:6px 0 5px;width:70px;display:block;font-size:13px;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;border-radius:5px 0 0 5px;background:#00adef;color:#fff;} #side li a:hover{padding-right:10px} #side li a img{margin:0 auto 3px;display:block} #side .tel1{margin-bottom:15px;width:70px;clear:both;float:right;overflow:hidden;cursor:pointer;font-size:13px;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;border-radius:5px 0 0 5px;background:#00adef;color:#fff;} #side .tel1:hover{width:220px} #side .tel1 .subTel{width:220px} #side .tel1 .txt{padding:6px 0 5px;width:70px;float:left;display:block;} #side .tel1 .txt img{margin:0 auto 3px;display:block} #side .tel1 .num{width:149px;display:block;float:left;color:#fff;font-size:18px;font-weight:bold;line-height:66px;border-left:1px solid #115fad} #side .tel1 .num a{color:#fff;} #side .pageTop1{float:right;clear:both;margin-right:13px;border-radius:50%;overflow:hidden;opacity:.33;transition:all 0.3s} #side .pageTop1:hover{display:block;opacity:1} #side .my-kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333} .my-kefu-weixin-pic img{width:115px;height:115px} a{cursor:pointer}.seabox{overflow: hidden;height:65px;overflow:hidden;background: #666;font-family: "Microsoft Yahei";font-size:14px;background: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/30/lihong/product/product_pic/image/2019_07_08/20190708104607680.gif) repeat-x;} .search00{width:1200px; margin:0 auto;} .sea_in{margin-top: 13px;} .sea_in .serach{width:276px;height:35px;border:0;line-height:35px;color:#666;padding:0 0 0 10px;float:left;outline: none;display: block;font-size:14px;background:url(images/sou1.jpg) no-repeat left top;border:none; } .sea_in .sub{ width:31px; height:35px;background:url(images/sou2.jpg) no-repeat left top;border:none; float:left;} .k_word{overflow:hidden;width:1200px;color:#666; height: 52px; line-height: 52px;} .k_word a{color:#666; display: inline-block; padding: 0 12px;font-size:14px;} .k_word b{font-weight: normal;}.honor{ padding-bottom: 70px; } .honor .txt1{ font-size: 24px; color: #29292c; padding-bottom: 10px;} .honor .txt2{ font-size: 48px; color: #29292c; text-transform: uppercase; padding-bottom: 20px; } .honor .msg{ font-size: 16px; color: #777b80; padding-bottom: 70px; } .honor .list{ padding: 0 130px 75px; } .honor .list li{ float: left; width: 33.33%; text-align: center; } .honor .list li .name{ padding-top: 15px; color: #a0a3a8; font-size: 14px; } .honor .list2 li{ float: left; width: 25%; text-align: center; } .honor .list2 li .name{ padding-top: 15px; color: #a0a3a8; font-size: 14px; } .honor2{ background: #f7f7f7; padding: 100px 0; } .honorPic{min-height:500px; position:relative;} .honorPic .list{padding:56px 0 0; width:1200px; margin:0 auto;} .honorPic li{float:left; width:380px; margin:0 10px; margin-bottom:30px; box-shadow: 0 5px 20px #e7e7e7;}.honorPic li .box{ background: #fcfcfc; } .honorPic li .imgDiv{ padding: 25px 20px 0;} .honorPic li img{ width:100%;} .honorPic li .name{ height: 60px; line-height: 60px; color: #868686; text-align:center; font-size:16px;} .honorPic .prev{display:block; background:url(../images/nimg34_left.png) center no-repeat; width:34px; height:34px; position:absolute; z-index:50; left:-72px; top:50%; margin-top:-17px;} .honorPic .next{display:block; background:url(../images/nimg34_right.png) center no-repeat; width:34px; height:34px; position:absolute; z-index:50; right:-72px; top:50%; margin-top:-17px;} .honorPic .prev:hover{ background:url(../images/nimg34_lefton.png) center no-repeat;} .honorPic .next:hover{ background:url(../images/nimg34_righton.png) center no-repeat;} .honorLayer{position:absolute; z-index:20; left:50%; top:0px; width:578px; margin-left:-289px; height: 484px;} .honorLayer .imgDiv{ padding: 35px 30px 0; background: #fff;-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2);} .honorLayer .imgDiv img{ width: 100%; } .honorLayer .name{ display:block; text-align:center; height: 70px; line-height: 70px; font-size: 16px; background: #fff; color: #868686;-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2);} .h_banner{padding: 0 86px;position: relative;} .h_banner .swiper-slide {width: 500px; background:#fff; padding-bottom:15px;} .h_banner .swiper-slide .img{ padding:25px;} .h_banner .swiper-slide img{width: 100%;} .h_banner .swiper-slide p{font-size: 16px;text-align: center; height:48px; line-height:48px;} .h_banner .swiper-slide-active p{ font-size:16px;} .h_banner .swiper-button-prev{width: 34px;height: 34px;margin-top:-17px;left: 0px;background: url("http://pic20_1.qiyeku.com/qiyeku_pic/2020/8/25/huodun/product/product_pic/image/2020_08_31/20200831115851397.png") no-repeat left; z-index:5;} .h_banner .swiper-button-next{width: 34px;height: 34px;margin-top:-17px;right: 0px;background: url("http://pic20_1.qiyeku.com/qiyeku_pic/2020/8/25/huodun/product/product_pic/image/2020_08_31/20200831115904694.png") no-repeat right; z-index:5;} .h_banner .swiper-button-prev:hover{background-image:url("http://pic20_1.qiyeku.com/qiyeku_pic/2020/8/25/huodun/product/product_pic/image/2020_08_31/20200831115915116.png"); } .h_banner .swiper-button-next:hover{background-image:url("http://pic20_1.qiyeku.com/qiyeku_pic/2020/8/25/huodun/product/product_pic/image/2020_08_31/20200831115922538.png"); } .footer-right{margin-top:15px;width:100%;font-size:14px;color:#999} .floatr{float:right} .floatl{float:left} .footer-right > div{width:45%;text-align:center;margin-right:10px} .footer-right > div .img{width:120px;height:120px;background-color:#555;margin:auto;margin-bottom:auto;margin-bottom:10px} .indexbottom{width:100%;background:#333;font-size:13px} .indexbottomalink{width:1200px;height:350px;overflow:hidden} .indexbottomalink dl{padding-top:54px} .indexbottomalink dl dd{width:190px;float:left} .indexbottomalink dl dd.thislast{margin-right:0} .indexbottomalink dl dd h4{color:#fff;font-size:16px;line-height:22px;text-transform:uppercase;padding-bottom:19px} .indexbottomalink dl dd h4 a{color:#fff} .indexbottomalink dl dd p{line-height:30px} .indexbottomalink dl dd p a{color:#d9d9d9} .indexbottomalink dl dd p a:hover{color:#fff} .indexbottomalink dt{width:142px;float:right;text-align:center;color:#d9d9d9;font-size:14px} .indexbottomalink dt p{padding-top:10px} .sharewrap{padding-top:35px;height:65px} .sharewrapshare{float:left} .sharewrapshare span{display:inline-block;float:left;font-weight:bold;font-size:16px;color:#fff;line-height:27px} .bdsharebuttonbox{float:left;padding-left:15px} .bdshare-button-style0-24 a,.bdshare-button-style0-24 .bds_more{float:left;margin:0 8px 0 0 !important;background:url(../Qwebimages/img29.jpg) no-repeat !important;padding:0 !important;width:27px !important;height:27px !important} .bdshare-button-style0-24 a.bds_tsina{background-position:-33px top !important} .bdshare-button-style0-24 a.bds_weixin{background-position:-66px top !important} .bdshare-button-style0-24 a.bds_sqq{background-position:-99px top !important} .footcontact{float:right} .footcontact span{display:inline-block;padding-left:50px;color:#d9d9d9} .footcontact span.footcontacttitle{font-weight:bold;font-size:16px;color:#fff;padding-left:0px} .indexbottomcopy{height:54px;line-height:54px;color:#d9d9d9} .indexbottomcopy a{color:#d9d9d9} .indexbottomcopy span{color:#d9d9d9;font-family:Arial;font-size:13px;float:right} .indexbottomalink dl dd.thislast{margin-right:0;width:340px;color:#d9d9d9} .fd-bot{padding:0px;background-color:#000} .tel{float:right;text-align:left} .tel span{padding-left:24px;background:url(http://pic18_4.qiyeku.com/qiyeku_pic/2018/12/7/jianronglock/product/product_pic/image/2019_04_29/20190429051948661.png) left center no-repeat;color:#fff} .tel p{font-family:ff-syl;font-size:32px;color:#fff;line-height:40px} .fd-follow{padding:16px 0 0} .fd-follow .tit{position:relative;text-align:center} .fd-follow .tit:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background-color:#707070} .fd-follow .tit span{position:relative;z-index:2;padding:0 30px;background-color:#333;color:#fff} .fd-follow .follow{text-align:center;font-size:0;padding:28px 0 20px} .fd-follow .follow li{position:relative;display:inline-block;margin:0 10px} .fd-follow .follow li .icon{display:block;width:25px;height:25px;background:url(http://pic18_4.qiyeku.com/qiyeku_pic/2018/12/7/jianronglock/product/product_pic/image/2019_05_05/20190505044252202.png) center no-repeat;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s} .fd-follow .follow li .icon-weixin{background-position:0 0} .fd-follow .follow li .icon-weibo{background-position:-45px 0} .fd-follow .follow li .icon-douyin{background-position:right 0} .fd-follow .follow li .icon:hover{opacity:.8} .fd-follow .follow .eq{display:none;position:absolute;left:50%;margin-left:-60px;width:120px;height:120px;bottom:150%;z-index:3} .fd-follow .follow .eq img{display:block;width:100%;height:100%}