/* Theme Name: ZNBO Theme URI: http://www.znbo.com/ Description: 默认模板 Version: 1.0 Author: 力洋网络 Author URI: http://www.znbo.com/ */ body{font:14px/1.6 Arial, Helvetica, sans-serif; font-weight:normal; background: #fff; color:#333;} p{margin:0;font-weight:normal;} h1, h2, h3, h4, h5, h6, figure{color: #444;} ::-webkit-selection{color: #fff;background: #323232;} ::-moz-selection{color: #fff;background: #323232;} ::selection{color: #fff;background: #323232;} .text-lowercase{text-transform: lowercase;} .text-uppercase, .initialism{text-transform: uppercase;} .text-capitalize{text-transform: capitalize;} .float_bg{background:url(../images/qq_3.gif) repeat-y} a{ color:#333;text-decoration:none} a:focus,a:hover{color:#161c63;} .bg-main{ background:#161c63;border:1px solid #161c63 !important} .bg-main:hover,.bg-main:focus{border:1px solid #026d9a !important; background:#e88c05 !important} .button.bg-main{border-color:#161c63 !important} .button.bg-main:hover{border-color:#161c63 !important;} .passcode{border-left: 1px solid #ddd;border-radius: 0 4px 4px 0;height: 32px;line-height: 32px;margin: 1px;position: absolute;right: 0;text-align: center;top: 4px;} .notop .passcode{top:-1px} .detail h2,.detail h3{line-height:180%} .detail h3,.detail h1{font-size:18px;color: #5a5a5a; font-weight:bold} .layout{overflow: hidden;width: 100%;} .main-search-boxs.layout{overflow:visible;} .noInfo{ text-align:center;} .label label{ font-weight:normal} .input{height:32px; line-height:32px; box-shadow: none;} .blank{ height:10px; line-height:10px; clear:both;} .table-bordered th{ background:#f5f5f5; border-bottom:none; text-align:center; font-weight:normal} .table-bordered th:first-child{ text-align:left} .table-bordered .numerboxs{ width:120px;} .table-bordered .handlerbox,.brand-box .handlerbox{ width:55px;} .table-bordered td{ vertical-align:middle} .none{ display:none} .container-layout{ width:95%; margin:0 auto;max-width:1740px;} .container-layoutt{ width:86%; margin:0 auto; max-width:1600px;} #index-box-id img,#inner-box-id img,.tab img,.brand-list img{ max-width:100%;} header .layout,.layout.menu-layout,footer .layout{overflow:visible;width: 100%;} .not-animated{ opacity:0} .clear{ clear:both} ul,li{ padding:0; margin:0; list-style:none} .line-large{margin-left:-17px;margin-right:-17px} .line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12{position:relative;min-height:1px;padding-right:17px;padding-left:17px} #fh5co-header{position:absolute;z-index: 6; width:100%; height:100px;} #fh5co-wrapper{overflow-x: hidden;} #fh5co-page{position: relative;z-index: 2;background:#fff;overflow-x: hidden;} .fh5co-heading{position:relative;z-index:1;} .fh5co-heading h2{display:block; font-size:48px;color:#333; margin:25px 0 30px; position:relative; display:inline-block} .fh5co-heading span{ display:inline-block; margin-left:18px; font-size:24px;} .fh5co-heading span a{color:#181c63;} .fh5co-heading h2:befores{ content:''; position:absolute; background:#d0cfcf;left:-50px; top:25px; width:34px; height:2px;} .fh5co-heading h2:afters{ content:''; position:absolute; background:#d0cfcf;right:-50px; top:25px; width:34px; height:2px;} .fh5co-heading p.desc{ font-size:14px; margin-top:15px; color:#868686} .vertical-middle{width: 100%;height: 100%;display: table;} .vertical-middle > div{display: table-cell;vertical-align: middle;} .zoomimgs{display:block; width:100%;height:0; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;} .piczoomimgs{padding-bottom: 70.526%;} .ddpiczoomimgs{padding-bottom: 85.239%;} .piczoomimgss{padding-bottom: 100%;} .artzoomimgs{padding-bottom: 61%;} .chazoomimgs{padding-bottom: 75%;} .litem1zoomimgs{padding-bottom: 112%;} .litem2zoomimgs{padding-bottom: 41.3%;} .litem3zoomimgs,.litem4zoomimgs{padding-bottom: 83.8%;} .litem5zoomimgs,.litem6zoomimgs{padding-bottom: 83.1%;} .lpiczoomimgs{padding-bottom: 147.9%;} .brazoomimgs{padding-bottom:27%;background-size:contain !important;} .linkzoomimgs{padding-bottom:31%;background-size:contain !important;} .casezoomimgone{padding-bottom: 52%; } .noinfo{ text-align:center; padding:25px 0} /*header begin*/ .main-boxs{ position:relative;z-index:7; } .index-main-box{ padding-bottom:120px;} #fh5co-header .header-box{z-index: 6;width: 100%; overflow:visible; position:relative ; z-index:8;/*height:98px;*/} #fh5co-header .header-box .logo{ padding:18px 0 0px; position:relative} #fh5co-header .header-box .logo span.tlogo{ position:absolute;content:''; width:519px; height:82px; left:275px;top:10px} #fh5co-header .header-box .tel-info{ color:#fff; font-size:14px; line-height:1; margin-top:25px;background:url(../images/side_con_icon02.png) no-repeat left 7px; padding-left:45px;} #fh5co-header .header-box .tel-info span{ display:block; color:#161c63;font-size:24px;} #fh5co-header .header-box .nav{ } #fh5co-header .header-box .nav li{margin: 0; display:inline-block; padding: 0px 0px 0 0;margin-left: -4px;z-index:5 } #fh5co-header .header-box .nav li:last-child {background:none;} #fh5co-header .header-box .nav li a{color: #fff;font-size: 18px; font-weight:300;padding: 55px 27px 30px;text-align: center;text-decoration: none; display:block; transition:none; position:relative;} /*#fh5co-header .header-box .nav li a.first-level:after{ position:absolute; content:''; height:14px; background:#fff; width:1px; right:-1px; top:21px;} #fh5co-header .header-box .nav li:last-child a.first-level:after{ display:none}*/ #fh5co-header .header-box .nav li a .downward{ display:none} #fh5co-header .header-box .nav li.current a.first-level,#fh5co-header .header-box .nav li a.first-level:hover{color:#fff; } #fh5co-header .header-box .nav li i.icon-angle-right{ display:none} #fh5co-header .header-box .nav li ul{border:none;left:3px;border-radius:0;margin:0;padding:0;min-width: 120px;z-index: 104;background: #fff;border:1px solid rgba(0,0,0,0.1);top:94px; padding:0px 0; } #fh5co-header .header-box .nav li ul:before{position: absolute;top: -7px;left: 53px;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-left: 7px solid transparent;border-bottom-color: rgba(0,0,0,0.2);content: '';} #fh5co-header .header-box .nav li ul:after{position: absolute;top: -6px;left: 54px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #fff;border-left: 6px solid transparent;content: '';} #fh5co-header .header-box .nav li ul li{margin:0;padding:0;height:auto;display:block;height:auto; background:#fff;} #fh5co-header .header-box .nav li ul li a{color:#333;display:block;width:100%;height:45px;line-height:45px;margin:0;text-align: center;min-width:120px;text-indent:0;transition:none;padding:0 15px;white-space: nowrap;text-transform: capitalize; font-weight:normal;font-size:16px;} #fh5co-header .header-box .nav li ul li:hover a{background:#161b62;color:#fff;} #fh5co-header .header-box .nav li ul li ul{left:100% !important;top:0px;border:none} #fh5co-header .header-box .nav li ul li ul:before,#fh5co-header .header-box .nav li ul li ul:after{display:none} #fh5co-header .header-box .nav li ul li:hover ul li{background:#161c63;} #fh5co-header .header-box .nav li ul li ul li a{height:45px;line-height:45px; } .order-datas{ position:absolute; width:100%; height:300px;top:30%;left:0;z-index:3} .order-datas li{overflow:hidden; padding-left:25.1%;} .order-datas li a{ width:346px; height:126px; border:1px solid #9bbbe0; color:#fff;overflow:hidden;position:relative;z-index:1} .order-datas li a p.ptitle{ font-size:24px; margin-bottom:13px;} .order-datas li a.onsone{display:block; margin-bottom:12px;} .order-datas li a.onstwo{display:block;} .order-datas li .texts{content:''; position:absolute; left:0; right:0; width:100%; height:100%;top:0} .order-datas li .inner .media{padding:34px 0 0 28px;} .order-datas li .inner .media .media-img{margin-right:15px;} .order-datas li .limgs{ overflow:hidden} .order-datas li a:hover .limgs img {transition: transform 1s ease 0s;transform: scale(1.2);} .form-control{height: 32px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #D5D5D5;border-radius: 5px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} #fh5co-header .main-nav-bg{ background:#161c63} #fh5co-header .hot-tel{ color:#fff; line-height:34px; font-size:24px; margin-top:47px;} #fh5co-header .hot-tel span{ display:inline-block; margin-right:8px;} #toclickbox{ display:none; border:none; font-size:24px;z-index: 8; position:fixed; top:14px; right:38px; color:#fff;} #toclickbox:focus,#toclickbox:hover{ background:none} #search-btn{ display:block;background: url(../images/search.png) right center no-repeat; width:34px; height:34px; margin:46px 38px 0 38px;} .search_top_con{ background:none; height:30px; margin:49px 30px 0 20px;position:relative;z-index:1 } .search_top_con .skw{height:30px;width:320px;line-height:40px;border:0;padding:0px;color:#a6a5a5;background:none;border:1px solid #fff;border-top-left-radius:25px; border-bottom-left-radius:25px;border-top-right-radius:25px;border-bottom-right-radius:25px;border-right:none; padding:0 40px 0 12px; } .search_top_con .sub{height:30px;width:30px;line-height:22px;border:0px; border-radius:50%;padding:0px;color:#161c63;font-size:13px; text-align:center;cursor:pointer;background:none;background: #fff; position:absolute;content:''; right:0; top:0} .pro-inner-box{border-bottom:1px solid #dcdcdc} .pro-inner-box #fh5co-header{position:relative;height: 115px;} .pro-inner-box #fh5co-header .header-box .nav li a,#fh5co-header .header-box.fixed-top .nav li a{color:#333} .pro-inner-box #fh5co-header .header-box .nav li.current a.first-level,.pro-inner-box #fh5co-header .header-box .nav li a.first-level:hover, #fh5co-header .header-box.fixed-top .nav li.current a.first-level,#fh5co-header .header-box.fixed-top .nav li a.first-level:hover,#fh5co-header .header-box.fixed-top .nav li.current a.first-level{color:#181c63; } .pro-inner-box #search-btn,#fh5co-header .header-box.fixed-top #search-btn{ background-image: url(../images/search2.png) } .pro-inner-box #fh5co-header .hot-tel,#fh5co-header .header-box.fixed-top .hot-tel{color:#898989} .pro-inner-box #fh5co-header .hot-tel span,#fh5co-header .header-box.fixed-top .hot-tel span{color:#161b62} .pro-inner-box #fh5co-header .search_top_con .skw,#fh5co-header .header-box.fixed-top .search_top_con .skw{border:1px solid #e5e5e5;} .pro-inner-box #fh5co-header .header-box.fixed-top{ background:#fff;padding-bottom:10px;border-bottom:1px solid #dcdcdc} .pro-inner-box #fh5co-header .search_top_con .sub,#fh5co-header .header-box.fixed-top .search_top_con .sub{color:#fff;background: #161c63; } .pro-inner-box #fh5co-header #toclickbox,#fh5co-header .header-box.fixed-top #toclickbox{color:#161c63;} #fh5co-header .header-box.fixed-top{ width: 100%;z-index: 9; position:fixed; background:#fff;padding-bottom:10px;border-bottom:1px solid #dcdcdc} .pro-bgs{background:#fafafa;padding:45px 0 100px;position:relative;z-index:1} .pro-rec-box{background:#fff; margin-top:35px;} .pro-rec-box .title{border-bottom:1px solid #dcdcdc; padding-left:23px; color:#161b62; font-size:24px; height:52px; line-height:52px;} .pro-rec-box ul{padding:0 0 34px 0} .pro-rec-box li{ margin:34px 42px 0;} .pro-detail-bg .rightcon .rinner{padding:50px 0 50px 70px} .pro-detail-bg{position: relative;z-index: 1; width:100%} /*搜素*/ .searchbox{position: relative; z-index: 1; clear: both; height: 42px;width: 365px; margin:0px auto 0px; border: 1px solid #c3c3c3; background:#fff; font-size:16px;} .mod_select{position: absolute; left: 0; top: 0; width: 94px;} .mod_select .select_box{position: relative; width: 94px; height: 40px;} .mod_select .select_box .select_txt{display: inline-block; width: 94px; height:40px; padding-left:12px; overflow: hidden; line-height: 40px; cursor: pointer; color:#999} .mod_select .select_box .select-icon{position: absolute; top: 50%; right: 10px; transform: translate(0,-50%); width: 14px; height: 7px; background: url(../images/sellect-arrow.png) right center no-repeat;} .mod_select .select_box .option{display: none; position: absolute; top: 40px; left: -1px; width: 92px; background-color: #fff; border: 1px solid #ccc; border-top: 0;} .mod_select .select_box .option li{ line-height:1.3; cursor: pointer; padding:3px 5px} .searchbox .import{width: 226px; height: 36px; margin-left: 80px; padding-left: 0px; border: none; outline: none;} .searchbox .btn-search{position: absolute; right: 0; width: 40px; height: 40px; color: #161c63; border: 0;background-color: #fff; font-size:18px;} /*header end*/ /*mobile header begin */ .fh5co-nav-toggle, #fh5co-page{} .fh5co-nav-toggle, #fh5co-page{position: relative;} #fh5co-offcanvas{ display:none;position:fixed;z-index:10;background:rgba(255,255, 255, 0.95);width:100%;height:calc(100% - 70px);top:62px;font-size:14px;line-height:40px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;} #fh5co-offcanvas ul{ float:none !important} #fh5co-offcanvas ul li i{position:absolute;top:0px;right:0px;height:30px; width:30px;padding:0px 7px 0 7px; font-size:18px; transition: transform 0.5s; cursor:pointer} #fh5co-offcanvas ul li i.on {transform: rotate(90deg); transition: transform 0.5s; right:-3px; top:10px;font-size:19px} #fh5co-offcanvas ul li{border-top:1px #e9e9e9 solid;margin-left:20px;position:relative;font-size:14px} #fh5co-offcanvas ul li:first-child{ border-top:none} #fh5co-offcanvas ul li ul{display:none} #fh5co-offcanvas ul li ul li{ border-top:none;margin-left:15px;} #fh5co-offcanvas ul li a{color:#333;text-transform:none;line-height:32px;} #fh5co-offcanvas ul li ul li a{color:#555;display:block;text-align:left; background:none; padding:2px 0;line-height:26px; } #fh5co-offcanvas ul li ul li i{top:-5px;} #fh5co-offcanvas ul li ul li i.on{top:5px;} #fh5co-offcanvas ul li ul li ul li a{font-size:12px; line-height:22px;padding:0px 0;color:#777;} #fh5co-offcanvas ul li ul li img{ display:none} .fh5co-nav-toggle{cursor: pointer;text-decoration: none; } .fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after{background: #fff;} .fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active{outline: none;border-bottom: none !important;} .fh5co-nav-toggle i{position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;width: 28px;height: 4px;color: #fff;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #fff;transition: all .2s ease-out;} .fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after{content: '';width: 28px;height: 4px;background: #fff;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;} .fh5co-nav-toggle i::before{top: -9px;} .fh5co-nav-toggle i::after{bottom: -9px;} .fh5co-nav-toggle:hover i::before{top: -10px;} .fh5co-nav-toggle:hover i::after{bottom: -10px;} .fh5co-nav-toggle.active i{background: transparent;} .fh5co-nav-toggle.active i::before{top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);} .fh5co-nav-toggle.active i::after{bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);} .fh5co-nav-toggle{position: absolute;top:17px; right: 10px;z-index: 29;display: block;display: none;cursor: pointer;} #fh5co-header .header-box.fixed-top .fh5co-nav-toggle i, .pro-inner-box #fh5co-header .header-box.fixed-top .fh5co-nav-toggle i, .pro-inner-box #fh5co-header .header-box .fh5co-nav-toggle i, #fh5co-header .header-box.fixed-top .fh5co-nav-toggle i::before, #fh5co-header .header-box.fixed-top .fh5co-nav-toggle i::after, .pro-inner-box #fh5co-header .header-box.fixed-top .fh5co-nav-toggle i::before, .pro-inner-box #fh5co-header .header-box.fixed-top .fh5co-nav-toggle i::after, .pro-inner-box #fh5co-header .header-box .fh5co-nav-toggle i::before, .pro-inner-box #fh5co-header .header-box .fh5co-nav-toggle i::after, #fh5co-header .header-box.fixed-top .fh5co-nav-toggle.active i::before, #fh5co-header .header-box.fixed-top .fh5co-nav-toggle.active i::after, .pro-inner-box #fh5co-header .header-box.fixed-top .fh5co-nav-toggle.active i::before, .pro-inner-box #fh5co-header .header-box.fixed-top .fh5co-nav-toggle.active i::after {background: #161c63;} #fh5co-header .header-box.fixed-top .fh5co-nav-toggle.active i, .pro-inner-box #fh5co-header .header-box.fixed-top .fh5co-nav-toggle.active i, .pro-inner-box #fh5co-header .header-box .fh5co-nav-toggle.active i {background: #fff;color: #fff;} /*mobile header end */ /* footer begin*/ footer{color: #999; background:#161c63; font-size:16px;} footer a{color: #dddddd;} footer a:hover{color: #ccc;text-decoration:underline} footer .f-logo{ margin-bottom:13px;} .foot-nav{ margin-bottom:5px;} .foot-nav li{ display:inline-block; position:relative ; padding:0 3px 0 10px} .foot-nav li:first-child{padding:0 3px 0 0px} .foot-nav li:after{ content:''; position:absolute; background:#fff; height:13px; width:1px; left:0; top:5px; } .foot-nav li:first-child:after{ background:none} .Copyright{ margin-top:39px;} .Copyright a:link,.Copyright a:hover,.Copyright a:focus{ color:#f00;} footer .item2 .media{ margin-top:10px;} footer .item2 .media.media-x .media-body{ margin-top:32px;} footer .item2 .media.media-x .media-image img{ width:87px; height:86px;} footer .footer-bot{ padding:20px 0; background:#111315} footer .footer-top{padding:75px 0 90px; background:#1b2024} footer .footer-top h3{ font-size:20px; margin:55px 0 16px; color:#fff; position:relative} footer .footer-top .foot-left{ position:relative} footer .footer-top .foot-left:before{content:''; position:absolute; height:100%; width:1px; background:#67a5c3; right:20px; top:0} footer .footer-top h3{ padding-left:24px; position:relative} footer .footer-top h3:before{ content:''; position:absolute; width:3px; left:-1px; top:0px; background:#898989; height:28px;} footer .footer-top .item1 h3:before{ display:none} footer .footer-top ul li a{ display:block; font-size:16px; line-height:34px; padding-left:24px; color:#999} footer .footer-top .weixin-image{ margin:40px 0 13px 37px;} #index-box-id footer .footer-top .weixin-image img,footer .footer-top .weixin-image img,#inner-box-id footer .footer-top .weixin-image img{max-width:150px} footer .footer-top .weixin-text{ margin:0 0 0 74px;} footer .footer-top .item4 li{ } footer .footer-top .item4 li i{ } footer .footer-top .item{border-left:1px solid #32373a;min-height:240px;} footer .footer-top .item1{ border:none} footer .footer-top .item3,footer .footer-top .item4{ margin-left:-30px;} footer .footer-top .item5{ margin-left:-60px;} footer .footer-top .item5 ul li a{ display:inline-block;padding-left: 0px;} footer .footer-top .item5 ul li{padding-left:24px; line-height:34px;} /* footer end*/ .product-cat-list{ margin-top:30px; position:relative;z-index:1} .psidebar-l{ } .psidebar-l .cat-title{color: #fff; font-size:30px; padding:15px 0;margin-top:20px;margin-bottom:30px; background:#181c63;text-align:center;border-top-left-radius:25px;border-top-right-radius:25px;} .psidebar-l .menu-open ul li ul{ display:none;border:none;} .psidebar-l .menu-open ul li.on ul.d-firstDrop,.psidebar-l .menu-open ul li ul li.on .d-secondDrop{ display:block} .psidebar-l .menu-open ul li{ } .psidebar-l .menu-open ul li:last-child{border-bottom:none} .psidebar-l .menu-open ul li ul li{border-bottom:none;background:none} .psidebar-l .menu-open ul li .oneNav{display:block;padding:0 0px 0 0px;position:relative;font-size:18px;text-decoration:none;background:#f5f5f5;margin-bottom:13px;border-top-left-radius:25px;border-bottom-left-radius:25px;} .psidebar-l .menu-open ul li a:hover,.psidebar-l .menu-open ul li a.on{color:#181c63;} .psidebar-l .menu-open ul li a{padding:13px 10px 13px 0px;font-size:18px; color:#333; display:block} .psidebar-l .menu-open ul li a:hover{color: #fff; } .psidebar-l .menu-open ul li a.first-cat{ text-indent:32px;background:#f5f5f5;margin-bottom:13px;border-top-left-radius:25px;border-bottom-left-radius:25px;} .psidebar-l .menu-open ul ul li a{font-size:12px;color:#666;} .psidebar-l .menu-open ul.d-firstDrop{ padding: 5px 0 11px;} .psidebar-l .menu-open ul.d-firstDrop li{padding-left:20px; padding:0; clear:both;} .psidebar-l .menu-open ul.d-firstDrop li ul li{ border:none; line-height:26px;} .psidebar-l .menu-open ul.d-secondDrop{} .psidebar-l .menu-open ul.d-secondDrop li{} .psidebar-l .menu-open ul li ul li a{display:block;padding:5px 10px 5px 32px; font-size:16px; line-height:1.6;color:#666; } .psidebar-l .menu-open ul li ul li a.noicon{display:block;padding:4px 10px 4px 32px; } .psidebar-l .menu-open ul li ul li a:hover,.psidebar-l .menu-open ul li ul li.on a{color: #181c63; background:none} .psidebar-l .menu-open ul li ul li ul li a{padding:4px 10px 4px 48px; font-size:12px;} .psidebar-l .menu-open ul li .d-secondNav{padding:0 10px 0 28px; color:#666;line-height:1.5;position:relative;} .psidebar-l .menu-open ul li .d-secondNav I{ color:#666;} .psidebar-l .menu-open ul li ul li ul{ padding-top:0} .psidebar-l .menu-open ul li.on .oneNav { } .psidebar-l .menu-open ul li .oneNav i{ position:absolute; position:absolute; width:19px; right:17px; top:13px; bottom:0; font-size:19px; color:#bbb; cursor:pointer} .psidebar-l .menu-open ul li.on .oneNav,.psidebar-l .menu-open ul li ul li.on .d-secondNav{ background:#181c63} .psidebar-l .menu-open ul li.on .oneNav a,.psidebar-l .menu-open ul li ul li.on .d-secondNav a{ color:#fff;} .psidebar-l .menu-open ul li.on .oneNav i{color:#fff; display:block} .psidebar-l .menu-open ul li .oneNav i.rotates,.psidebar-l .menu-open ul li ul li .d-secondNav i.rotates{top:1px;right:7px;transform: rotate(180deg);} .psidebar-l .menu-open ul li .oneNav a{ padding-left:32px;} .psidebar-l .menu-open ul li ul li .d-secondNav a{padding:8px 8px 8px 12px;} .psidebar-l .menu-open ul li .oneNav a:hover,.psidebar-l .menu-open ul li ul li .d-secondNav a:hover,.psidebar-l .menu-open ul li a.first-cat:hover{ color:#333 !important;} .psidebar-l .menu-open ul li.on .oneNav a:hover,.psidebar-l .menu-open ul li ul li.on .d-secondNav a:hover{ color:#fff !important;} /*picture begin*/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus{outline: none;} .slides, .flex-control-nav, .flex-direction-nav{margin: 0;padding: 0;list-style: none;} .flexslider{margin: 0;padding: 0;position:relative;z-index:1} .flexslider .slides > li{display: none;-webkit-backface-visibility: hidden;} .flexslider .slides img{width: 100%;display: block;} .flex-pauseplay span{text-transform: capitalize;} .slides:after{content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} html[xmlns] .slides{display: block;} * html .slides{height: 1%;} .no-js .slides > li:first-child{display: block;} .flex-control-nav{ display:none;position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;cursor:pointer;width:12px;height:12px;float:left;text-indent:-2000px;background:#555;border-radius:9px;} .flex-control-nav .flex-active{background:#181c63;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; display:none} .flex-direction-nav li a{display:block;width:27px;height:68px;cursor:pointer;text-indent:-999em;position:absolute;top: 50%; margin-top:-34px;} .flex-direction-nav li a.flex-prev{left:96px;background: url("../images/icon-loop.png") no-repeat left 50%;opacity: 0.75;} .flex-direction-nav li a.flex-next{right:96px;background: url("../images/icon-loop.png") no-repeat right 50%;opacity: 0.75;} .flex-direction-nav li a.flex-next:hover{background:url("../images/icon-loop.png") no-repeat right 50%;opacity: 1;} .flex-direction-nav li a.flex-prev:hover{background: url("../images/icon-loop.png") no-repeat left 50%;opacity: 1;} #fh5co-hero3 .flex-control-nav{ display:block;} /*picture end*/ /* inner begin*/ /* products begin*/ .line-big .noline{ padding:0 !important} .line-big .noline{} .show-product{} .show-product .c-more a{ display:block; margin-top:10px; font-size:16px; width:135px; height:45px; line-height:45px; background:#1f90bf; color:#fff; border-radius:5px; margin:10px auto 55px} .show-product .c-more a:hover{ background:#efa210} .show-product .item .media-img{ overflow:hidden; border:1px solid #e5e5e5} .show-product .pro_title{ font-size:14px; margin:10px 0 0;text-overflow:ellipsis; white-space:nowrap; overflow:hidden} /* products end*/ /*首页产品分类*/ .index-cat-box{ position:absolute; width:100%; height:230px; left:0; bottom:0px;z-index:5} .index-cat-box .heading{ font-size:24px; line-height:1.5} .index-cat-box .heading p{ line-height:1.5} .index-cat-box .heading p.title{ color:#049a33} .index-cat-box .heading p.desc{ color:#666; margin-bottom:20px;} .index-cat-box .show-cat{} .index-cat-box .col-5-1{} .index-cat-box .item{text-align:center; background:#161c63; padding:38px 0 15px;height:230px; transition: color .3s;position:relative;z-index:1; } .index-cat-box .item:hover{ } .index-cat-box .item2,.index-cat-box .item4{background:#005aa0; } .index-cat-box .item:before{content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background:#014579;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;-moz-transform-origin: 0 50%;-ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .index-cat-box .item:hover{color:#fff;} .index-cat-box .item:hover:before{-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);} .index-cat-box .item a{ display:block;font-size:18px;} .index-cat-box .item a:hover{ color:#005184} .index-cat-box .item a .media-img{ width:80px; height:80px; margin:0px auto 0;vertical-align: middle; } .index-cat-box .item a .media-img img{ vertical-align:middle} .index-cat-box .item a:hover .media-img{ } .index-cat-box .item a h3{ margin:6px 0 7px; font-size:24px; position:relative; display:inline-block;color:#fff} .index-cat-box .item a .desc{color:#fff;font-size:16px;} .index-cat-box .item a:hover h3{color:#fff} .index-cat-box .item a h3 span{ content:''; position:absolute; font-size:14px;right:-23px; top:0px; width:25px; height:15px;} .index-cat-box .item1:before,.index-cat-box .item3:before{background:#212780;} .index-rec-box{ position:relative;z-index:1} .index-rec-box .item a { } .index-rec-box .item .media-img{ overflow:hidden;} .index-rec-box .item a h3{ margin-top:12px; font-size:16px; position:relative; overflow:hidden; } .index-rec-box .item a:hover h3{color:#177eb0} .index-rec-box .item a:hover .piczoomimgs{transition: transform 1s ease 0s;transform: scale(1.1);} .index-rec-box .litems{ position:relative;z-index:1} .index-rec-box .litems .conitem{position:absolute;left:0;bottom:0;width:100%;height:150px;background:rgb(58,87,164,.7);color:#fff;padding:20px 15px 10px;overflow:hidden;webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;} .index-rec-box .litems .iteminner{display:table;width:100%;height:100%;} .index-rec-box .litems .inner{display:table-cell;width:100%;vertical-align:middle;} .index-rec-box .item a:hover .conitem{height:100%;} .index-rec-box .litems .title{ font-size:18px; margin-bottom:6px;} .index-rec-box .litems .desc{ font-size:14px;line-height:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .index-rec-box .show-rec .owl-controls .owl-buttons div{position:absolute;top:-86px; margin-top:0px; width:35px; height:35px; line-height:38px; font-size:0px; padding:0; margin:0; background:none; opacity:1; text-align:left;border-radius:50%; border:1px solid #8d8d8d; color:#ccc;z-index:5} .index-rec-box .show-rec .owl-controls .owl-buttons div:hover{ background:#161b62;color:#fff;} .index-rec-box .show-rec .owl-controls .owl-buttons div:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:34px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:30px;} .index-rec-box .show-rec .owl-controls .owl-prev{ right:55px; text-indent:4px; } .index-rec-box .show-rec .owl-controls .owl-prev:before{content:"\f104"; } .index-rec-box .show-rec .owl-controls .owl-next{ right:10px; text-indent:6px; } .index-rec-box .show-rec .owl-controls .owl-next:before{content:"\f105"} .item_img_box a { display:block;position:relative;z-index:1} .item_img_box .item_img_mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(58,87,164,.7);padding:30px;opacity:0;webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;} .item_img_box .img_title{width:100%;height:100%;position:relative;display:table;} .item_img_box .img_title h3{display:table-cell;vertical-align:middle;text-align:center;font-size:14px;color:#fff;line-height:1.5;padding-bottom:32px;padding-left:10px;padding-right:10px;opacity:0;webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;} .item_img_box .img_title span {position: absolute;background: #fff;-webkit-transition: all .3s cubic-bezier(.25,.46,.45,.94);-moz-transition: all .3s cubic-bezier(.25,.46,.45,.94);-o-transition: all .3s cubic-bezier(.25,.46,.45,.94);transition: all .3s cubic-bezier(.25,.46,.45,.94);} .item_img_box .img_title .bus_span_1 {top: 0;left: 0;width: 0;height: 1px;} .item_img_box .img_title .bus_span_2 {top: 0;right: 0;width: 1px;height: 0;} .item_img_box .img_title .bus_span_3 {right: 0;bottom: 0;width: 0;height: 1px;} .item_img_box .img_title .bus_span_4 {bottom: 0;left: 0;width: 1px;height: 0;} .item_img_box a:hover .bus_span_1 {width: 100%;} .item_img_box a:hover .bus_span_2 {height: 100%;} .item_img_box a:hover .bus_span_3 {width: 100%;} .item_img_box a:hover .bus_span_4 {height: 100%;} .item_img_box a:hover .item_img_mask {opacity:1;} .item_img_box a:hover .img_title h3 {transform: translateY(14px);opacity:1; color:#fff} .item_img_box a:hover .img_url{transform: scale(1.1);} .item_img_box a:hover h3{ color:#fff} .zoomimgs{transition: transform 1s ease 0s;transform: scale(1); } .zoomimgs:hover{transition: transform 1s ease 0s;transform: scale(1.2);} .ddpiczoomimgs:hover{transition:none;transform: scale(1);} .show-new-list{ margin:70px 0} .show-new-list .item a { display:block;position:relative;z-index:1;webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;background:#fff; border-top-left-radius:125px;border-bottom-left-radius:125px; border-top-right-radius:15px;border-bottom-right-radius:15px;} .show-new-list .item a span{position:absolute; content:''; width:47px; height:44px; color:#161b62; font-size:28px; right:0px; top:0;background:url(../images/numss.png) no-repeat center center; text-align:center;font-style:italic; font-weight:bold;z-index:2} .show-new-list .item a:hover{transform: translateY(-8px);box-shadow:0 2px 5px 0px rgba(0,0,0,0.2);} .show-new-list .item .media-img{ overflow:hidden; width:264px; height:264px; border-radius:100%;} .show-new-list .item a h3{color:#333; margin-top:22px; font-size:24px; position:relative;height:34px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; margin-bottom:15px;} .show-new-list .item a:hover h3{color:#333} .show-new-list .item a:hover .desc{ color:#666} .show-new-list .item a:hover .artzoomimgs{transition: transform 1s ease 0s;transform: scale(1.1);} .show-new-list .item .desc{font-size:18px; line-height:1.8; overflow:hidden; margin:5px 0 10px; color:#666} .show-new-list .item .time{color:#666} .show-new-list .item .media-body{ padding:0 25px 0 35px;} .index-pro-box .inner{background-position:fixed; background-size:cover; padding:80px 0;margin-top:117px; } .index-pro-box .show-list{ padding:62px 42px 58px; background:rgb(255,255,255,.8); max-width:516px; margin:0px 0 0px 80px; border-bottom-right-radius:65px;box-shadow:0 0 5px 1px rgba(0,0,0,0.1);transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .index-pro-box .show-list:hover{box-shadow:0 0 5px 1px rgba(0,0,0,0.3);transform: translateY(-8px);} .index-pro-box .show-list .heading{ border-bottom:1px solid #c8c8c8; padding-bottom:10px;position:relative; z-index:1; margin-bottom:65px;} .index-pro-box .show-list .heading:before{ position:absolute;content:''; background:#161b62; width:2px; height:57px; left:-43px; top:5px;z-index:3} .index-pro-box .show-list .heading span{ display:inline-block; font-size:24px; color:#181c63; margin-left:28px;} .index-pro-box .show-list .heading span a{color:#181c63} .index-pro-box .show-list .heading h2{ display:inline-block;font-size:36px; color:#333; } .index-pro-box .show-list .item .ptext{ color:#666; font-size:24px;} .index-pro-box .show-list .item .ptitle{ color:#333; font-size:24px; margin:12px 0 45px} .index-pro-box .show-list .item .pmore{ width:230px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:24px; background:#161b62; border-radius:35px; margin-bottom:50px;} .index-pro-box .show-list .item .pmore span{ display:inline-block; margin-left:35px;} .index-pro-box .show-list .owl-theme .owl-controls{ text-align:left} .index-pro-box .show-list .owl-theme .owl-controls .owl-page span{ background:#898989; width:10px; height:10px;margin: 5px 5px;} .index-pro-box .show-list .owl-theme .owl-controls .owl-page.active span{ background:#161b62} .index-rec-box{ margin:65px 0} .index-rec-box .item{ margin:0 10px 0px 10px;} .index-rec-box .show-rec{ margin:0 -10px;} /*首页品牌分类*/ .index-best-box{background:#161c63 url(../images/rec_bg.jpg) no-repeat center center; background-size:cover;margin-top:40px;} .index-best-box .fh5co-heading h2{ color:#fff} .index-best-box .fh5co-heading h2:after,.index-best-box .fh5co-heading h2:before{ background:#fff} .index-best-box .container{ padding:0 !important} .index-best-box .show-list{ position:relative;margin:0 45px; } .index-best-box .show-list .item{margin:0 50px; overflow:hidden;} .index-best-box .show-list .item .media-img{ text-align:center; margin-bottom:20px;} .index-best-box .show-list .item a{ display:block;color:#fff} .index-best-box .show-list .item a:hover{ color:#fff} .index-best-box .show-list .item .desc{font-size:16px; line-height:1.8; overflow:hidden; height:140px;} .index-best-box .show-list .item:hover .btn-more a{ background:#0159a2} .index-best-box .show-list .owl-controls .owl-buttons div{position:absolute;top:40%; margin-top:-18px; width:26px; height:36px; line-height:36px; font-size:0px; padding:0;background:none; color:#fff; opacity:1; text-align:left;border-radius:50% } .index-best-box .show-list .owl-controls .owl-buttons div:hover{} .index-best-box .show-list .owl-controls .owl-buttons div:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:36px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:50px;} .index-best-box .show-list .owl-controls .owl-prev{ left:-50px; } .index-best-box .show-list .owl-controls .owl-prev:before{content:"\f104"; } .index-best-box .show-list .owl-controls .owl-next{ right:-60px; } .index-best-box .show-list .owl-controls .owl-next:before{content:"\f105"} .index-best-box .rcon{ margin-left:50px; color:#fff} .index-best-box .rcon .names{ font-size:20px; } .index-best-box .rcon .specs{font-size:16px;margin:10px 0 28px;} .index-best-box .show-list .item .btns{font-size:16px; display:inline-block; border:1px solid #fff; border-radius:25px; padding:5px 25px; margin-top:28px;} #toclickbox{ display:none} .top-nax-boxs{ position:relative;z-index:2;} .inner-bg-box{background:#fbfbfb;padding:65px 0} .inner-sub-nav{ background:none;border-bottom:1px solid #e8e8e8; position:relative;z-index:1} .top-about-nav.fixedd{ position:fixed;z-index:3;top:116px; background:#fff; width:100%; right:0;} .headertop{position:relative;} .inner-title{ padding:70px 0 30px;text-align:center;} .inner-title h2{ font-size:36px; font-weight:normal} .inner-title .en_name{ font-size:16px; margin-top:5px;} .about-nav{ text-align:right;} .about-nav li{ display:inline-block; color:#000; font-size:24px;margin:0 25px; cursor:pointer; line-height:68px; position:relative;z-index:1; font-weight:normal} .about-nav li span{display:inline-block; } .about-nav li a{display:block;} .about-nav li:befores{} .about-nav li:hover:before,.about-nav li.active:before,.about-nav li#lsed:before{ content:'';z-index:2;position:absolute; left:0; right:0; width:100%; color: #161b62; bottom:-1px; height:2px; background:#161b62} .about-nav li:hover,.about-nav li.active,.about-nav li#lsed{color: #161b62;} .about-nav li#lsed a{color: #005cc3;} .about-two{} .about-two{ padding:45px 0;} .about-box{padding:60px 0} .about-box img{max-width:100%} .about-box .inner{background-size:cover; padding:135px 0 130px; background-repeat:no-repeat; background-position:center center; } .about-box .inner .title{ font-size:36px; color:#161b62; position:relative;z-index:1; margin-bottom:35px;} .about-box .inner .title:before{ position:absolute;content:''; height:2px; width:60px; background:#161b62; left:0; bottom:-12px;} .about-box .inner .intro{ padding-left:35px;} .about-box .inner .con{font-size:18px; color:#666; line-height:2} .a-title{ font-size:36px; color:#161b62; position:relative;z-index:1; margin-bottom:60px; } .a-title:before{ position:absolute;content:''; height:2px; width:60px; background:#161b62; left:0; right:0; text-align:center; margin:0 auto;bottom:-13px;} .adv-boxs{ padding:10px 0 0px;} .adv-boxs .item .desc{ font-size:18px;background:url(../images/about_icon.jpg) no-repeat left 3px; padding:0px 0 0px 27px;margin:203px 0 190px} .adv-boxs .adv-img{text-align:center} .about-three {background:url(../images/jsbg.jpg) no-repeat center top; padding:65px 0 95px} .litem,.mitem,.ritem,.mlitem,.mritem{ float:left; display:inline} .litem{ width:32.9%} .mitem{ width:44.1%} .ritem{ width:21.9%} .mlitem,.mritem{ width:50%} .mitem .item_img2,.ritem .item_img5{ margin-bottom:10px;} .litem .item_img1{ margin-right:5px;} .mitem .item_img2,.mitem .item_img3,.mitem .item_img4{ margin-left:5px;margin-right:5px;} .ritem .item_img5,.ritem .item_img6{margin-left:5px;} .about-four{padding:45px 0 0} .about-four .a-title{margin-bottom:10px;} .about-four .a-title:before{ display:none } .about-four .after-item{border:3px solid #161b62;padding:30px 22px 10px 22px;} .about-four .after-item p{ font-size:18px;margin-bottom:21px; position:relative;padding-left:48px;line-height:1.8} .about-four .after-item p span{position:absolute;content:''; widht:30px; height:30px;left:0;top:-5px;background:url(../images/after_icon.png) no-repeat center top; display:inline-block; padding:5px 16px 5px 16px; font-size:18px; font-style:italic; color:#161b62} .about-five{padding:55px 0 70px} .about-five .a-title{margin:12px 0 45px;} .about-five .a-title:before{left:0; margin:0} .about-five .intro{line-height:2; font-size:18px;} .about-five .weixin-image{margin-top:12px} .about-five .weixin-image .imgs img{border:1px solid #ebebeb;width:100px; height:100px;} .about-five .weixin-image .media-body{padding:35px 0 0 15px;} /*首页新闻动态*/ .index-article-box .fh5co-heading h2{margin: 25px 0 20px;} .index-article-box .h-title{ position:relative} .index-article-box .h-title span a{ border:1px solid #161b62; color:#161b62; border-radius:25px; padding:13px 35px; position:relative;z-index:1;top:32px;transition: color .1s;} .fh5co-heading .desc{ font-size:18px; line-height:1.8; color:#333} .index-article-box{ background:#f3f3f3; padding:45px 0 85px;background-repeat:no-repeat; background-position:center center; background-size:cover } .tab-con .media-img img{ width:100%;} .tab-con .art-left .item{ margin-right:15px; } .tab-con .media{ padding:1px 0 13px; border-bottom:1px solid #e5e5e5;} .tab-con .media .media-left{ margin:0 20px 0px 0;} .tab-con .media-left .date{ border-top:3px solid #049a33; width:50px; height:60px; text-align:center; color:#333} .tab-con .media-left .date .day{ font-size:24px; height:30px; line-height:30px;text-align:center;} .tab-con .media-left .date .mon{ text-align:center; font-size:12px; color:#666} .tab-con .media-body h3{ font-size:16px;color:#333; margin-bottom:8px;white-space: nowrap;text-overflow: ellipsis; display:block; padding-top:3px;} .tab-con .media-body .desc{ color:#666;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; display:block; height:22px;} .index-box .tab-body{clear:both; margin-top:5px} .tab-con.active{ display:block} .tab-con .inner{ padding:15px; border-top:none} .tab-con .inner .title{font-size:16px; margin-bottom:7px; } .tab-con .inner .title a{color:#049a33} .tab-con .inner .title a:hover{ text-decoration:underline} .tab-con .inner .time{ color:#999; font-size:12px; margin-bottom:5px;} .tab-con .inner .desc{ color:#666; line-height:28px; height:56px; overflow:hidden;text-overflow:ellipsis; } .art-left .item a{position:relative; display:block} .case_item_img{overflow:hidden;} .case_item_box{position:absolute;left:0;bottom:0;width:100%;height:40px;background:rgba(0,0,0,0.6);color:#fff;padding:0 12px;overflow:hidden; webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .case_item_table{display:table;width:100%;height:100%;} .case_item_cell{display:table-cell;width:100%;vertical-align:middle;} .case_item_title{height:40px;line-height:40px;font-size:16px;text-align:center; overflow:hidden} .case_item_des{font-size:14px;line-height:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .art-left .item:hover .casezoomimgs{transition: transform 1s ease 0s;transform: scale(1.3);} .art-left .item:hover .case_item_box{height:100%;} .art-list .item{ border-bottom:1px solid #dfe3e3; padding-bottom:18px;} .art-list a{color:#049a33; display:block} .art-list a h3{ color:#333} .art-list a:hover h3{ color:#161c63} .art-list a .desc{ color:#666; font-size:16px; margin:8px 0 7px; height:53px; overflow:hidden; line-height:1.8} .art-list a .time{ color:#929292} .procon-box .tabs .tab-nav li a{ border:none;} .procon-box .tabs .tab-nav{ border-bottom:1px solid #e8e8e8;} .procon-box .tabs .tab-nav li{display:inline-block; padding:8px 15px; margin-right:8px; font-size:16px;background:#d2d2d2; color:#333;border-top-right-radius:5px;border-top-left-radius:5px;} .procon-box .tabs .tab-nav li.active{ background:#181c63; color:#fff} .procon-box .tabs .tab-body-bordered{ border:none; padding:15px 0;line-height:1.8} .procon-box .tabs .tab-body-bordered p{ line-height:1.8; font-size:16px; color:#666} .procon-box .tabs .tab-head-box.fixedd{position:fixed;z-index:3;top:115px; width:100%; background:#fff } .procon-box .tabs .tab-title{font-size:18px; position:relative; color:#181c63; z-index:1;margin:15px 0; padding-left:15px;} .procon-box .tabs .tab-title:before{position:absolute; background:#181c63; content:''; left:0;top:7px; width:3px; height:18px;} .procon-box .s-title{color:#6c6c6c; font-size:15px; font-weight:bold;margin-bottom:12px;} .procon-box .s-title1{padding-left:15px;} .rel-product{padding-bottom:5px;} .jd-boxs img{max-width:100%; width:235px; display:block !important} .jd-boxs .jd-imgs{} .jd-boxs .bbtn{position:absolute;z-index:1;top:130px; width:50px;height:50px; font-size:30px;top:180px; left:125px; right:0; color:#7a7a7a ;} .jd-boxs .bbtn a{color:#7a7a7a ;} .rec-d-title{display:inline-block; padding:8px 15px;margin-top:0px; margin-right:8px; font-size:16px;background:#d2d2d2; color:#333;border-top-right-radius:5px;border-top-left-radius:5px;background:#181c63; color:#fff} .rec-d-box .show-lists{ background:#f7f7f7; padding:40px 35px 10px; margin-bottom:37px;} .rec-d-box .show-lists .media-img {margin-bottom: 10px;overflow: hidden;} .rec-d-box .show-lists .item{ } .rec-d-box .show-lists .item a:hover h3{color: #181c63;} .rec-d-box .show-lists h3{ height:28px; overflow:hidden} .brand-box{ border:0px solid #e5e5e5; background:#fff} .brand-box td.heading{ background:#f5f5f5; font-size:16px;} .brand-box th{text-align:left; background:#181c63; color:#fff; padding:16px 0 16px 8px; font-weight:normal; font-size:20px;} .brand-box tr:hover{ background:#f7f7f7} .brand-box td{padding:13px 8px; border-bottom:1px dotted #e4e4e4; font-size:16px; color:#666} .brand-box th:first-child{ text-align:left;padding-left:20px; max-width:400px;} .brand-box td:first-child{ text-align:left; padding-left:20px; max-width:400px;} .brand-box td a{ color:#161c63} .brand-box td a:hover{ color:#c00} .brand-box td .red{ color:#e40000} .brand-box td .pget{ color:#f58500} .brand-box td .pview{ color:#666} .brand-box td .pget:hover{ color:#f60} .brand-info { border:1px solid #e5e5e5} .brand-info .b-title{ background:#f5f5f5; height:45px; line-height:45px; text-indent:10px;} .brand-info .media{ margin:0;} .brand-info .media-img { text-align:center; margin:10px 20px 0;vertical-align:middle; width:180px; } .brand-info .media-img img{ width:135px; height:62px; } .brand-info .media-body{ line-height:1.6; font-size:14px; border-left:1px solid #eee; padding:0 20px 18px; margin:0; min-height:60px;} .brand-info .brand-desc{ line-height:30px; text-indent:2em; margin-top:15px;} .search-title{ font-size:22px; color:#e40000; padding:22px 0 5px 34px;} .search-title span{display:inline-block; margin-right:8px;} .big-cat-box{ background:url(../images/probgs.png) no-repeat center center; background-size:cover; margin-bottom:45px;box-shadow:0 2px 5px 0px rgba(0,0,0,0.2);} .big-cat-box .inners-box{padding:0 0 10px;} .big-cat-box .heading{ font-size:20px; } .big-cat-box li{ display:inline-block; margin-right:10px; } .big-cat-box li a{ font-size:16px; padding:0px 3px; color:#333} .big-cat-box li a span.icon-caret-right{display:inline-block; margin-left:6px; color:#cacaca} .big-cat-box li span.attcss{display:inline-block;font-size:16px; color:#333;padding:0px 3px; cursor:pointer} .big-cat-box li a:hover,.big-cat-box li a.current,.big-cat-box li span.attcss:hover,.big-cat-box li.on span.attcss{ color:#181c63; } .big-cat-box .item7 li span.attcss{background:#e9e9e9;padding:2px 10px;} .big-cat-box .item7 li span.attcss:hover,.big-cat-box .item7 li.on span.attcss{background:#181c63;color:#fff} .big-cat-box li.reset{margin-left:40px;} .big-cat-box li.reset a,.big-cat-box li.reset span.reset{ color:#d40000} .big-cat-box li a.current span.icon-caret-right{ color:#181c63; transform: rotate(90deg);} .big-cat-box .item{position:relative;border-bottom:1px solid #dcdcdc; z-index:1;padding:13px 0} .big-cat-box .item .heading{content:''; position:absolute; width:80px;left:34px; color:#666; font-size:16px} .big-cat-box .item .inner{padding-left:118px;} .big-cat-box .item7{border-bottom:none} .all-brand-list .item h3{ height:30px; line-height:30px; background:#f5f5f5; font-size:16px; text-indent:10px;} .all-brand-list .item .brand-img{ text-align:center; margin:10px 0} .all-brand-list .item .brand-img img{ margin:10px 0 20px} .all-brand-list .item .desc{ height:150px; overflow:hidden; color:#666} /*order*/ table span.minus,table span.plus{ margin-right:0} .order-top h3{ margin-bottom:10px;} .form-control-static{ font-size:18px;} .form-control-static b{ color:#d00} .form-group h4{ border-bottom:1px solid #ddd; padding-bottom:7px; margin-bottom:10px;} .form-group h4 a{ font-size:14px;} .order-checkbox .form-control-static{ font-size:16px; line-height:1.8} .minus,.plus,.inline-input{display:inline-block !important;} .quantity{display: inline-block;margin-right: calc(10px);margin-left: calc(10px);position: relative;margin-top:3px;} .inline-input{background-color: transparent;border: 1px solid #e4e4e9;box-sizing: border-box;color: #333;display: inline-block;font-family: Oswald,sans-serif;font-size: 14px;height: 28px;line-height: 28px;margin-right: -1px;padding: 0;text-align: center;width: 50px;} .quantity-right{left: 100%;line-height: 0;position: absolute;top: 0;} .quantity-left{right: 100%;line-height: 0;position: absolute;top: 0;} .minus,.plus{cursor:pointer;font-family: linearicons-free;font-style: normal;font-variant: normal;font-weight: 400;line-height: 1;text-transform: none;background-color: transparent;border: 1px solid #e4e4e9;box-sizing: border-box;color: #666;cursor: pointer;display: inline-block;font-size: 12px;height: 28px;line-height: 24px;text-align: center;width: 25px; font-size:16px;background:#e4e4e9} .plus{border-left:none} .minus{border-right:none;} .bnt_submit{border:0;border-radius:3px;background: #1f90bf;padding:10px 20px 10px;font-size:18px;cursor:pointer;color: #FFF;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;} .bnt_submit:hover{background: #e99612;color: #FFF !important;} #fh5co-content_show{padding:0px 0px 0px;} #channel-box-id #fh5co-content_show{padding:0px;} #fh5co-content_show .inner-title{ padding:90px 0 50px;} #fh5co-content_show .show_body{font-size:12px;} #fh5co-content_show .detail{font-size:16px;padding:0px 0;line-height:2;color:#444 } #fh5co-content_show .content_detail .detail{} #fh5co-content_show .detail a{color:#333;} #fh5co-content_show .detail a:hover{ color:#161c63} #fh5co-content_show .detail h1{ font-size:22px; text-align:left; font-weight:bold; text-align:center; margin-bottom:5px;} #fh5co-content_show .detail img,#fh5co-content_show .description img{vertical-align: middle;margin:0px 0 11px; max-width:100%;} #fh5co-content_show .detail .content-img img{ } #fh5co-content_show .detail p{text-indent:0; font-size:16px; line-height:2; color:#000} #fh5co-content_show .detail .description{ padding:0px; font-size:16px;line-height:2; } #fh5co-content_show .qhd-title{text-align:center;border-bottom: 1px dashed #ccc;} #fh5co-content_show .qhd-title span{margin:0 5px;font-size:14px;color:#a3afb7} #fh5co-content_show .qhd-title{ margin-bottom:25px; padding-top:6px;} #fh5co-content_show .qhd-title strong{ font-weight:normal} #fh5co-content_show .contact-boxss p{ margin-bottom:6px} #fh5co-content_show .contact-boxss em{ color:#8cc53e; font-size:16px;} #fh5co-content_show .solution-boxs .item{border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;} .ur-here{ color:#666; line-height:68px; font-size:16px;} .ur-here a{ color:#666} .ur-here span{ display:inline-block;margin-right:7px;} #productboxs #fh5co-content_show .ur-here{ border:none; padding:0;margin-bottom:10px;} .inner-title-bg{ height:64px;} .inner-title-bg .title{height: 60px; line-height:60px;text-align: left;} .inner-title-bg .title h2{display: inline-block;font-weight: normal;margin: 0;overflow: hidden;padding: 0;word-break: break-all;color:#1f6195;font-size: 36px;} .inner-title-bg .title h2 a{color:#1f6195;} .inner-title-bg .title .bread{ padding:0px 0 0;font-size:12px; color:#999} .inner-title-bg .title .bread a{ font-size:12px; color:#666} .inner-title-bg .title .bread a:hover{color:#149645} .inner-title-bg .title .bread a i{ display:inline-block; margin-right:5px;} #fh5co-content_show .product-detail{ padding:0px 0 30px; background:#fff;position:relative;z-index:1;} #fh5co-content_show .product-detail img{ vertical-align:middle; } #fh5co-content_show .product-detail .content-img img{margin:0px 0 11px; border:1px solid #848284} #fh5co-content_show .product-detail .content-img{overflow:hidden; } #fh5co-content_show .product-detail .content-img img{overflow:hidden;vertical-align:middle;} #fh5co-content_show .product-detail h1{color: #181c63;font-size: 30px; height:35px; overflow:hidden;line-height:35px; margin-top:9px;} #fh5co-content_show .product-detail .pddesc{margin-bottom:22px;margin-top:17px;font-size: 18px;color: #666; line-height:30px; height:60px; overflow:hidden;} #fh5co-content_show .product-detail .p_desc{color: #666;line-height: 24px;padding:15px 0 0px;font-size:14px;} #fh5co-content_show .product-detail .kefu_bnts{background:#1f6195;color:#FFF;width:120px;height:40px;line-height:40px;text-decoration:none;font-size:16px;display:block;text-align:center; border-radius:20px;} #fh5co-content_show .product-detail .kefu_bnts:hover{background:#161c63;} #fh5co-content_show .product-detail .description{line-height:28px;font-size:14px;} #fh5co-content_show .product-detail .description img{ text-align:center} #fh5co-content_show .product-detail .description p{line-height:28px;} #fh5co-content_show .product-detail .detail-title{border-bottom:1px solid #ddd;position:relative;height:39px;} #fh5co-content_show .product-detail .detail-title h2{background: #fff;color: #555;cursor: pointer;display: inline-block;font-size: 16px;height: 38px;line-height: 38px;text-align: center;width: 166px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #fff;position:absolute;left:0;top:1px; font-weight:bold} #fh5co-content_show .product-detail table td{ text-align:center} #fh5co-content_show .pde-mid-box{position:relative;z-index:1} #fh5co-content_show .product-detail #quirydialog{ display:none; } #fh5co-content_show .leftcon{width:480px;text-align:left;margin-right:-480px ; float:left; position:absolute;z-index:2;height:100%;background: #fff;} #fh5co-content_show .leftcon .inners{padding:30px 85px 30px 0; background:#fff} #fh5co-content_show .rightcon{width:100%; float:left;position:relative;z-index:1} #fh5co-content_show .rightcon .con{margin-left:480px; position:relative} #fh5co-content_show .rightcon.no-mar .con{ margin-left:0} #fh5co-content_show .leftbar{ position:relative;z-index:2;width:100%} #fh5co-content_show .leftbar h3{ color: #fff;height: 45px;line-height: 45px; font-size:20px;background: #161c63; overflow:hidden; padding-left:20px} #fh5co-content_show .leftbar h3 a{color:#fff;} #fh5co-content_show .leftbar h3 img{ vertical-align:middle; margin:0 12px 3px 0; padding:0} #fh5co-content_show .leftbar h4{ display:none;} #fh5co-content_show .submenu{ text-align:right} #fh5co-content_show .submenu .first_cat{ display:inline-block; color:#000; font-size:24px;margin:0 28px; cursor:pointer; line-height:68px; position:relative;z-index:1} #fh5co-content_show .submenu .first_cat span{display:inline-block; } #fh5co-content_show .submenu .first_cat a{display:block;} #fh5co-content_show .submenu .first_cat:befores{} #fh5co-content_show .submenu .first_cat:hover:before,#fh5co-content_show .submenu li.active:before,#fh5co-content_show .submenu li#lsed:before{ content:'';z-index:2;position:absolute; left:0; right:0; width:100%; color: #161b62; bottom:-1px; height:2px; background:#161b62} #fh5co-content_show .submenu li:hover a,#fh5co-content_show .submenu li.active a,#fh5co-content_show .submenu li#lsed a{color: #161b62;} #fh5co-content_show .submenu .first_cat#lsed a{color: #005cc3;} .article-bg{background: url(../images/newbg.jpg) no-repeat center center;background-size:cover} .article-bg .inner-sub-nav{border-color:#dedede} .artcons{ padding:25px 0 45px} .rel-product .media-img{ margin-bottom:8px;overflow:hidden} .rel-product h3{text-align:center; font-size:16px; height:24px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .pro-detail-bg .tab .tab-body .tab-panel{display:block !important} .tab-body-bordered table td{border:1px solid #666;padding:8px;} #buyBtn,.btnPayment{background:#181c63;color:#fff;display:inline-block;text-align: center;font-size:15px;text-decoration: none;border-radius:3px;padding: 7px 23px 7px;} #buyBtn:hover,.btnPayment:hover,.btnPayment:focus {background:#040741; color:#fff} .btnshuomingshu{background:#929292;color:#fff;display:inline-block;text-align: center;font-size:16px;text-decoration: none;border-radius:3px;padding: 7px 20px 7px;margin-right:7px;} .btnshuomingshu span,.btnPayment span{display:inline-block; margin-right:7px;} .btnshuomingshu:hover,.btnshuomingshu:focus {background:#666; color:#fff} #fh5co-content_show .showpicbox{padding-right:43px;} #fh5co-content_show .submenu .second_cat{ float:left; width:50%; padding:0} #fh5co-content_show .submenu .second_cat a{display: block; padding:0px 10px 8px 20px; font-size:14px; color:#666 } #fh5co-content_show .submenu .second_cat a.current,#fh5co-content_show .submenu .second_cat a:hover{ color:#161c63} #fh5co-content_show .pi-box{ margin-left:20px;} #fh5co-content_show .pi-box .inner{ border:1px solid #ededed; padding:18px 24px 0; min-height:260px; } #fh5co-content_show .pi-box .inner div{ margin-bottom:12px; color:#666;font-size:16px; line-height:23px;} #fh5co-content_show .pi-box .inner div .numsss{display:inline-block; margin-right:11px;} .content-list-box .item .media-img{ border:1px solid #e4e4e4; margin-bottom:10px;} .content-list-box .item h3{overflow:hidden; line-height:25px;text-overflow:ellipsis; white-space:nowrap; font-size:14px; } .content-list-box .item a:hover h3{ color:#f90} #quirydialog .qdialog-head{ font-size:16px; border-bottom:1px solid #ddd;padding-bottom:7px; margin-bottom:20px;width:900px; padding-right:10px; } #quirydialog .field{padding-right:10px;} .contact-box{ border:1px solid #ddd; padding:25px 20px; } .contact-box .input{} #fh5co-content_show .detail .contact-box p{ margin-bottom:15px;font-size: 28px;line-height: 32px;color: rgb(240, 41, 48); padding:7px 0} .nav-inside{width:100%;} .nav-inside .right-menu h3{ display:none} .nav-inside ul.nav{ padding:0; margin:0;text-align:center} .nav-inside ul.nav{border-bottom:1px solid #e1e1e1; padding-bottom:10px; margin-bottom:20px;} .nav-inside li{margin:0;padding:0; display:inline;background: url(../images/erji_bg.png) no-repeat right center;} .nav-inside li:last-child{ background:none} .nav-inside li a{ padding: 15px 25px 5px;padding-right: 35px;display: inline-block;font-size:16px} .nav-inside li a:hover,.nav-inside li a.current{color:#1f6195} #fh5co-content_show .abouxboxs img{ float:right; margin:10px 0 0 22px; max-width:400px; } #fh5co-content_show .contactboxs h2{ color: #333; font-weight:bold;font-family:Georgia;font-size:34px;padding: 15px 0; line-height:1.1} #fh5co-content_show .contactboxs p{ font-size:16px;font-family:Georgia;} /*Rec Products*/ #fh5co-content_show .Related-products h3{ font-size:20px; color:#444; margin-bottom:20px;} #fh5co-content_show .Related-products .show-list a{border:1px solid #e6e6e6; display:block} #fh5co-content_show .Related-products .show-list a h3{ font-size:12px; margin-top:10px;} #fh5co-content_show .Related-products .show-list a:hover h3{color:#161c63;} .promotion-list .item{ background:#fff;box-shadow:0 1px 5px 1px rgba(0,0,0,0.1); webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;margin-bottom:5px;} .promotion-list .item .p-inner{ padding:10px;} .promotion-list .item .p-inner .imgs{overflow:hidden;} .promotion-list .item:hover{box-shadow:0 0 5px 1px rgba(0,0,0,0.3); border-color:#ffffff;} .promotion-list .item .cons{ } .promotion-list .item:hover .artzoomimgs{transition: transform 1s ease 0s;transform: scale(1.1);} .promotion-list .item h3{ font-size:18px; height:32px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;padding:0px 22px;} .promotion-list .item a:hover h3{ color:#161c63;} .promotion-list .item .desc{ font-size:16px; color:#666; margin:9px 22px 8px} .promotion-list .item .time{color:#666;} .promotion-list .item .pmore{ background:#e5f1f4; height:52px; line-height:52px; color:#161c63;margin-top:15px;padding-left:22px;font-size:16px; } .promotion-list .item .pmore span{ display:inline-block; margin-left:10px;} .orders-list .item{background: #fff;box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);border-radius:10px;} .orders-list .item:hover{box-shadow: 0 1px 7px 1px rgba(0,0,0,0.4);} .orders-list table{width:100%} .orders-list .item td{line-height:1.5;border-bottom:1px solid #e5e5e5;font-size:16px;color:#666; padding:12px;vertical-align:middle} .orders-list .item td.lefttd{background:#e5f1f4;text-align:center; width:96px;} .orders-list .item td.rtd{padding-left:12px;} .orders-list .item td.rtd a{color:#161c63} .coa-detail .cons{ margin:20px 0 50px;font-size:16px;} .coa-detail .cons p{font-size:16px;} .order-title{font-size: 36px; color:#333;} .search-boxss{margin:40px 0 60px} .search_con{ background:#dcdcdc; border-radius:25px; height:52px;line-height:52px; margin:36px auto 30px; border:1px solid #e5e5e5; max-width:634px; position:relative } .search_con .skw{height:52px;width:90%;line-height:52px;border:0;padding:0px;color:#a6a5a5;float:left;text-indent:16px;background:none;font-size:16px;} .search_con .sub{position:absolute;content:''; right:5px;top:4px;height:42px;width:86px;line-height:22px;border:0px;border-radius:25px;padding:0px;color:#fff;font-size:18px; text-align:center;cursor:pointer;background:#161c63;} /*pager*/ .table span{margin-right:10px;} .content_detail .pager{font-size:16px;} .content_detail .pager a{border:none;color:#666;} .content_detail .pager a:focus,.content_detail .pager a:hover{color:#161c63;background:none} .content_detail .pager li{display:block;text-align:left; line-height:200%} #fh5co-content_show .pagination .active,#fh5co-content_show .pagination a:hover{background:#161c63;color:#fff;} #fh5co-content_show .pagination .active a{color:#fff} #fh5co-content_show .pagination li a{border-radius:50%; padding:0; width:33px; height:33px; line-height:33px; font-size:18px; color:#161b62 } #fh5co-content_show .pagination li{ margin:0 3px;border:none} #fh5co-content_show .pagination li.pbtn a { color:#666} #fh5co-content_show .pagination li.pbtn a:hover{color:#fff} #fh5co-content_show .pagination li.pbbtn a{width:82px;border-radius:5px;} #fh5co-content_show video{max-width:100%} /*article*/ #fh5co-content_show .article-media{} #fh5co-content_show .article-media li{border-bottom:1px solid #dedede;padding:25px 0 35px;position:relative;z-index:1;transition: transform 0.5s; transform: translateX(0); } #fh5co-content_show .article-media li:hover{ transform: translateX(3px);} #fh5co-content_show .article-media li .icon-angle-right{content:''; position:absolute;color:#666;right:0px; top:28%; font-size:28px; width:30px; height:30px;} .article-media .media.media-x .float-left{margin-right:35px;} .article-media .media.media-x .media-body{ padding-right:50px;} .article-media .media .caldata .content{ padding: 29px 12px 18px; text-align:center; color:#171c64;font-size:18px;} .article-media .media .caldata .content p{ text-align:center} .article-media .media .caldata .content p.day{ font-size:40px;color:#171c64; font-weight:bold; padding-bottom:10px;} .article-media .media .caldata .content p.mon-year{ } .article-media li:hover .media .caldata .content{ background:#171c64;color:#fff;} .article-media li:hover .media .caldata .content p.day{color:#fff;} .article-media .media .media_img{width: 230px;margin-right:20px;} .article-media .media .media_img img{width: 230px;} .article-media .media .media_img a{border-color: -moz-use-text-color;border-style: none;border-width: medium;padding: 0;} .article-media .media .media_img a:hover{border-color: -moz-use-text-color;border-style: none;border-width: medium;background: #fff4ce none repeat scroll 0 0;} .article-media .media .time{color:#aaa; font-size:12px; display:inline-block; margin-top:3px;} .article-media .media-body h3{font-size: 24px; margin-bottom:10px; color:#171c64} .article-media .media-body h3 a{color: #333;font-size: 18px;line-height:100%;} .article-media .media-body h3 a:hover{ color:#1f6195;} .article-media .media-body p.desc{color: #666;line-height: 1.6; font-size:18px; height:54px; overflow:hidden} .article-media .media-body p.more{ margin-top:12px;} .article-media .media-body p.more a{ font-size:12px; display:inline-block; padding:0 13px; height:34px; line-height:34px; background:#e1e1e1;border-radius:6px;color:#666} .article-media .media-body p.more a:hover{ background:#1f6195; color:#fff} /*inner banner*/ .slideshow img{ width:100%} .slideshow{overflow:hidden; } .slideshow .container{position:relative; height:100%} .slideshow h3{ position:absolute; top:53%; color:#fff; font-size:30px; height:30px;left:0; right:148px;} .slideshow h3 a{color:#fff;} #fh5co-hero1{ display:none} .container-order{ max-width:950px; margin:50px auto 0} .container-order .inner-box{padding-bottom:62px;} .container-order .dlitem{ width:104px; float:left} .container-order .dritem{ width:836px; float:left} .container-order .inner-box .nums{ font-size:30px; font-weight:bold;color:#b2b2b2} .container-order .en-name{ font-size:14px; color:#b3b3b3} .container-order .cons{ text-align:center; width:82px;} .container-order .title{ font-size:20px; color:#333;margin:12px 0 5px;} .container-order .title .times{display:inline-block; margin:0 0 0 36px;font-size:14px; color:#666 } .container-order .desc{ font-size:16px; color:#666} .container-order .media-body{padding-right:15px;} .container-order .inner-box.inner-box1.on .nums{ color:#6dcaff} .container-order .inner-box.inner-box2.on .nums{ color:#fed96e} .container-order .inner-box.inner-box3.on .nums{ color:#ff6969} .container-order .inner-box.inner-box4.on .nums{ color:#ad89ff} .container-order .inner-box.inner-box5.on .nums{ color:#94e269} .container-order .inner-box{position:relative;} .container-order .inner-box:before{position:absolute;content:''; width:37px;height:30px; left:22px; bottom:10px;background: url(../images/iconlefts.png) no-repeat right center;} .container-order .inner-box.inner-box1.on:before{background: url(../images/oicon1.png) no-repeat right center;} .container-order .inner-box.inner-box2.on:before{background: url(../images/oicon2.png) no-repeat right center;} .container-order .inner-box.inner-box3.on:before{background: url(../images/oicon3.png) no-repeat right center;} .container-order .inner-box.inner-box4.on:before{background: url(../images/oicon4.png) no-repeat right center;} .container-order .inner-box.inner-box5:before{display:none} .container-order .media{box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.11); background:#fff;border-bottom-left-radius:45px;border-top-left-radius:45px;border-bottom-right-radius:6px;border-top-right-radius:6px;position:relative;z-index:1} .container-order .media .media-left{width:90px; height:90px; margin-right:27px;border-radius:50%;box-shadow:0px 1px 1px 1px rgba(0, 0, 0, 0.1);} .container-order .media .media-left .number{width:80px; height:80px; margin:5px;background:#b2b2b2;border-radius:50%;} .container-order .media .media-left .number.number1{background: url(../images/nnoiconn1.png) no-repeat right center;} .container-order .media .media-left .number.number2{background: url(../images/nnoiconn2.png) no-repeat right center;} .container-order .media .media-left .number.number3{background: url(../images/nnoiconn3.png) no-repeat right center;} .container-order .media .media-left .number.number4{background: url(../images/nnoiconn4.png) no-repeat right center;} .container-order .media .media-left .number.number5{background: url(../images/nnoiconn5.png) no-repeat right center;} .container-order .inner-box.inner-box1.on .media .media-left .number.number1{background: url(../images/oiconn1.png) no-repeat right center;} .container-order .inner-box.inner-box2.on .media .media-left .number.number2{background: url(../images/oiconn2.png) no-repeat right center;} .container-order .inner-box.inner-box3.on .media .media-left .number.number3{background: url(../images/oiconn3.png) no-repeat right center;} .container-order .inner-box.inner-box4.on .media .media-left .number.number4{background: url(../images/oiconn4.png) no-repeat right center;} .container-order .inner-box.inner-box5.on .media .media-left .number.number5{background: url(../images/oiconn5.png) no-repeat right center;} .container-order .media:before{position:absolute;content:''; width:6px;height:100%; right:0px; top:0px;background:#b2b2b2 ;} .container-order .inner-box.inner-box1.on .media:before{background: #6dcaff;} .container-order .inner-box.inner-box2.on .media:before{background: #ffd765;} .container-order .inner-box.inner-box3.on .media:before{background: #ff6969;} .container-order .inner-box.inner-box4.on .media:before{background: #ad89ff;} .container-order .inner-box.inner-box5.on .media:before{background: #94e269;} .notetips{padding:0px 25px 0px;} .tipstitle{text-align:left; font-size:14px; } .tipsfontd{padding-top:15px; font-size:14px; text-align:center;} .tipsfontg{text-align:center; padding-top:15px; font-size:18px;} .tipsalink{text-align:right; margin-bottom:5px;} .leavecss{background:#fff; color:#333; font-size:14px; display:inline-table;width:45px; height:45px; line-height:45px; border-radius:50%; position:relative;right:-2px; top:0px;z-index:3} a.leavecss:hover{color:#333;} .tipsfontd .sub{ display:block;margin-top:15px;background:#161c63;border:none; color:#fff; font-size:14px; display:inline-table; width:100%; height:35px;border-radius:3px;} .fullage{background:#0097fe; color:#fff; font-size:16px; display:inline-table; width:120px; height:35px; line-height:35px; border-radius:5px;} a.fullage:hover{color:#fff;} .verifytit{text-align:center; font-size:40px; font-weight:600; color:#333; padding-bottom:25px;} .verifytxt{text-align:center; padding-bottom:25px; color:#333; font-size:20px;} /*弹出提示框 begin*/ .msgbox{width:100%;height:100%;background:rgba(0,0,0,0.45);position:fixed;z-index:10000000;top:0;left:0} .hint,.hintl{width:320px;margin:0 auto;background:#FFF;position:fixed;top:50%;left:50%;margin-left:-160px;margin-top:-106px;z-index:19891019;border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,0.15)} .hint-in1,.hintl-in1{width:400px;height:30px;position:relative;} .hint3{width:22px;height:21px;background:url(images/close.png) no-repeat;position:absolute;top:10px;right:10px;cursor: pointer;} .hint3:hover{width:22px;height:21px;background:url(images/close.png) no-repeat 0 -21px;} .hint-in3,.hintl-in31{font-size:12px ;width:90px;background:#499cfb;color:#FFF; margin:30px auto;text-align:center;height:32px;line-height:32px;cursor: pointer;border-radius:5px;} .hint-in3:hover,.hintl-in3:hover,.hintl-in31:hover{background:#0949c7} .hintl1{width:48px;height:47px;background:url(images/hint2.png) no-repeat;top:12px;left:178px;position:absolute;z-index:111;} .hintl2{line-height:70px;color:#f4e8df;font-size:26px;padding-left:241px;} .hintl3{width:38px;height:37px;background:url(images/hint3.png) no-repeat; position:absolute;top:7px;right:7px;} .hintl-in3{font-size:14px;width:60px;background:#1f6195;color:#FFF; margin:30px 0 30px 95px;text-align:center;height:32px;line-height:32px;cursor: pointer;float:left;border-radius:5px;} .hintl-in4{font-size:14px;width:60px;background:#aaa;color:#FFF; margin:30px;text-align:center;height:32px;line-height:32px;cursor: pointer;float:left;border-radius:5px;} .hintl-in4:hover{background:#bbb} /*弹出提示框 end*/ /*bottom*/ #toolbar{ display:none;} .bg-big-list{ background:#f1f1f1} .big-product-heading{ padding:40px 0 10px} .big-product-heading h3{ margin-bottom:5px; font-size:24px;} .big-product-heading .desc{ color:#666} .info-boxs h3{ font-size:22px; color:#333;padding-top:20px; margin-bottom:20px; color:#161c63; font-weight:bold; clear:both;} .info-boxs h3.no-top{ margin-top:0} .info-list .p-inner{ border:1px solid #ddd;overflow:hidden;} /*悬浮链接*/ .rightkefu{position:fixed;z-index:55;left:5px;top:140px; width:122px;height:360px;overflow:hidden;text-align:center;} .rightkefu .kefu-top{background:url(../images/kefu/bg_top.png) no-repeat center top;width:122px;height:81px; font-size:18px;color:#005aa0;padding-top:52px;} .rightkefu .kefu-mbox{overflow:hidden;width:122px;border-left:1px solid #91b8d6;border-right:1px solid #91b8d6;background:#fff;} .rightkefu .kefu-bot{background:url(../images/kefu/bg_bot.png) no-repeat center center;width:122px;height:28px; color:#005aa0;cursor:pointer} .rightkefu .midbox{border:1px solid #005aa0;border-radius:25px; width:98px; line-height:32px;height:32px;margin:10px auto 0;color:#005aa0;} .rightkefu .midbox a{color:#005aa0; display:block;padding-left:24px;} .rightkefu .zixunbo a{background:url(../images/kefu/kebtn1.png) no-repeat 8px center;} .rightkefu .lianxibox a{background:url(../images/kefu/kebtn2.png) no-repeat 8px center;} .rightkefu .qrcode-img{text-align:center;margin-top:10px; } .rightkefu .qrcode-text{color:#666;margin:0px auto 7px ;} .rightkefu .qrcode-img img{ width:104px; } .suspension .red{ color:#208cbc} .suspension{position:fixed;z-index:55;right:28px;top:45%; margin-top:-120px;width:70px;height:240px;} .suspension-box{position:relative;float:right;} .suspension .a{display:block;width:50px;height:50px;margin-bottom:4px;cursor:pointer;outline:none; border-radius:50%;background-repeat:no-repeat;background-image:url(../images/kefu.png);} .suspension .a.active,.suspension .a:hover{} .suspension .a-kefu{background-position:0 0;} .suspension .a-weixin{background-position:0 -55px;} .suspension .a-service{background-position:0 -110px;} .suspension .a-top{background-position:0 bottom;} .pro-sk-box .suspension .a{background-image:url(../images/kefu2.png);} /*.suspension .a .i{float:left;width:44px;height:44px;} .suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;} .suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;} .suspension .a-qrcode .i{background:url(../images/weixin_icon.png) no-repeat center center;} .suspension .a-top .i{background-position:-132px 0;}*/ .kefuboxss{width:600px; padding:18px;} .weixinsboxss{width:900px;} .weixinsboxss .weixin-name{height:22px;line-height:22px;overflow:hidden;margin: 6px 0;} .weixinsboxss .weixin-desc{ height:44px;line-height:22px;overflow:hidden} .layui-weixin-title{ height:40px; line-height:40px; font-size:16px; position:relative;margin-bottom:8px; text-align:left; font-weight:bold; color:#005aa0;padding-left:13px;} .layui-weixin-title:before{ content:''; position:absolute; background:#005aa0; height:15px; width:3px; left:0px;top:12px; } .kefuboxss .weixin-image img{width:146px;} .fancybox-inner{ overflow:hidden !important;} .kf-right img{margin-top:39px;} .suspension .d{display:none;width:203px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);} .suspension .d .arrows{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:135px;} .suspension .d-service{top:-8px;} .suspension .d-service-phone{top:34px;} .suspension .d-qrcode{top:78px;} .suspension .d .inner-box{padding:8px 22px 12px;} .suspension .d-service-item{padding:14px 0;} .suspension .d-service .d-service-item{border-bottom:none;} .suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;} .suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;} .suspension .d-service-item:hover .i-qq{background-position:center 3px;} .suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;} .suspension .d-service-item h3{float:left;width:92px;line-height:44px;font-size:15px;margin-left:12px;} .suspension .d-service-item .text{float:left;width:92px;line-height:22px;font-size:15px;margin-left:12px;} .suspension .d-service-item .text .number{} .suspension .d-service-intro{padding-top:10px;} .suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;} .suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;} .suspension .d-qrcode{text-align:center;} .suspension .d-qrcode .inner-box{padding:20px 0;} .suspension .d-qrcode p{font-size:16px;color:#93959c;} #showArea .thumb{} #showArea .thumb .item{ margin:0 7px 0 0;} #showArea .thumb .item{ border:1px solid #e5e5e5;max-width:100%;overflow:hidden} #showArea .thumb .item.hover{ border-color:#161c63} .gallery-imgs .owl-theme .owl-controls .owl-buttons div{position:absolute;top:50%; width:22px; height:22px; line-height:22px; font-size:0px; padding:0; margin-top:-11px;opacity:1; background:none; text-align:left;border-radius:50%; color:#fff; background:#161c63; border-radius:50%;} .gallery-imgs .owl-theme .owl-controls .owl-buttons div:hover{ } .gallery-imgs .owl-theme .owl-controls .owl-buttons div:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:22px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:12px; color:#fff} .gallery-imgs .owl-theme .owl-controls .owl-prev{ left:-10px; text-indent:4px; } .gallery-imgs .owl-theme .owl-controls .owl-prev:before{content:"\f104"; } .gallery-imgs .owl-theme .owl-controls .owl-next{ right:-10px; text-indent:5px; } .gallery-imgs .owl-theme .owl-controls .owl-next:before{content:"\f105"} #zoomimg{ width:100%;} .shuomingbtn{font-size:16px; display:inline-block; border:1px solid #161c63; color:#fff; background:#161c63;border-radius:5px; padding:5px 25px; margin:5px 0 11px;} .shuomingbtn:hover{ border:1px solid #161c63; color:#333; background:#fff} @media screen and (max-width:1799px){ #fh5co-content_show .leftcon{width:395px;margin-right:-395px ; } #fh5co-content_show .leftcon .inners{padding:30px 35px 30px 0;} #fh5co-content_show .rightcon .con{margin-left:395px;} .pro-detail-bg .rightcon .rinner {padding: 50px 0 50px 40px;} #fh5co-content_show .showpicbox {padding-right: 20px;} .suspension{right:2px;} #fh5co-header .header-box .nav li a{padding: 55px 18px 30px;} .search_top_con .skw{width:260px;} } @media screen and (max-width:1599px){ #fh5co-header .header-box .nav li a{padding: 55px 14px 30px;} .order-datas{top:23%} .adv-boxs .item .desc {margin: 183px 0 0px;height:126px;} .adv-boxs .item2 .desc,.adv-boxs .item4 .desc{margin: 131px 0 0px;} } @media screen and (max-width:1399px){ #fh5co-header .header-box .nav li a{padding: 55px 7px 30px;} .order-datas{top:25%} .container-layout {max-width: 98%;} .show-new-list .item .desc{font-size:14px;} .show-new-list .item a h3{font-size:18px;} .index-cat-box .item {padding: 23px 0 15px;height: 200px;} .order-datas li a {width: 266px;height: 96px;} .search_top_con .skw{width:160px;} .search_top_con {margin: 49px 10px 0 10px;} .order-datas li .inner .media{padding:19px 0 0 18px;} .order-datas li .inner .media .media-img img{width:47px;margin-top:5px;} .order-datas li a p.ptitle {font-size: 20px;margin-bottom: 8px;} .index-cat-box .item a h3{font-size: 20px;} .index-cat-box .item a .desc,.fh5co-heading .desc,footer .footer-top ul li a,footer {font-size: 14px;} .index-main-box{ padding-bottom:90px;} .index-cat-box{bottom:-45px;} .index-pro-box .show-list .item .ptitle,.index-pro-box .show-list .item .ptext,footer .footer-top h3{font-size: 18px;} .fh5co-heading h2,.index-pro-box .show-list .heading h2{font-size: 26px;} .index-pro-box .show-list .item .pmore{font-size: 16px;width:180px; height:42px; line-height:42px; } .index-pro-box .show-list .heading span {font-size: 16px;} .show-new-list .item .media-img{ width:164px; height:164px;} .show-new-list .item a .desc{ height:80px; overflow:hidden} .adv-boxs .item .desc {margin: 159px 0 0px;height:126px;} .adv-boxs .item2 .desc,.adv-boxs .item4 .desc{margin: 97px 0 0px;} .litem1zoomimgs {padding-bottom: 112.6%;} .about-five .a-title {margin: 0px 0 35px;} .orders-list .item li p.olitem{width:74px;} .article-media .media-body p.desc{ height:41px; overflow:hidden} #fh5co-content_show .leftcon{width:305px;margin-right:-305px ; } #fh5co-content_show .leftcon .inners{padding:30px 25px 30px 0; } #fh5co-content_show .rightcon .con{margin-left:305px;} .pro-detail-bg .rightcon .rinner {padding: 50px 0 50px 20px;} #fh5co-content_show .showpicbox {padding-right: 0px;} #fh5co-content_show .pi-box .inner div{margin-bottom:8px;} #fh5co-content_show .product-detail .pddesc {margin-bottom: 13px;margin-top: 10px; font-size:15px;line-height:23px;height: 46px;} #fh5co-content_show .product-detail h1{line-height:1} #fh5co-content_show .product-detail h1{font-size:22px; height:26px; line-height:26px;} #fh5co-content_show .pi-box .inner div{ font-size:14px;line-height:18px;} #fh5co-content_show .pi-box .inner{min-height:1px} .prodetail_btn.padding-big-bottom{padding-bottom:16px !important;margin-bottom: 0px !important;} #buyBtn,.btnPayment{padding: 7px 12px 7px;} } @media screen and (min-width:1200px){ .container{ padding:0} } @media screen and (min-width:761px){ .col-5-1{ width:20%;} } @media screen and (max-width:1199px){ #fh5co-header .header-box .logo span.tlogo{ display:none} #fh5co-header .header-box .logo{} .tool-con ul li{ margin-right:25px;} .flex-direction-nav li a.flex-prev{left:26px;} .flex-direction-nav li a.flex-next{right:26px;} #fh5co-content_show .leftcon{width:100%;margin-right:0px ; margin-bottom:30px;} #fh5co-content_show .rightcon .con{margin-left:0px;} footer .footer-top .weixin-image {margin: 40px 0 13px 17px;} footer .footer-top .weixin-text {margin: 0 0 0 54px;} #fh5co-header .hot-tel {font-size: 18px; margin-top: 47px;} #fh5co-header .header-box .nav li a {padding: 55px 6px 30px;font-size:14px;} #search-btn {margin: 46px 18px 0 12px;} .order-datas {top: 21%;} .adv-boxs .item .desc {margin: 133px 0 0px;height:146px;} .adv-boxs .item2 .desc,.adv-boxs .item4 .desc{margin: 41px 0 0px;} .about-box .inner {padding: 85px 0 90px;} .about-box .inner .intro {padding-left: 85px;} .about-box .inner .con{font-size:14px;} .pro-detail-bg .rightcon .rinner { padding: 50px 0 50px 0px; } .pro-detail-bg{background:#fff} .ur-here a,.ur-here{font-size:14px;} .about-nav li{font-size:16px;} #fh5co-content_show .submenu .first_cat{margin:0 12px;font-size: 16px;} } @media screen and (max-width:1000px){ .line-large{margin-left:-10px;margin-right:-10px} .line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12{position:relative;min-height:1px;padding-right:10px;padding-left:10px} #quirydialog .qdialog-head{width:600px } .tab-panel{ overflow-x:auto} .procon-box .tabs .tab-head-box.fixedd{top:75px;} #fh5co-header{height:auto;} .pro-inner-box{} .top-about-nav.fixedd{ top:75px;} .article-media .media-body h3{ line-height:1.3} #fh5co-header .header-box .nav li a{padding: 0 13px;} #fh5co-header .header-box .logo{ } .fh5co-heading h2{ font-size:28px;} #fh5co-header .hot-tel,#fh5co-header .header-box .nav li a,.art-list a h3,.show-new-list .item a h3{ font-size:16px;} .index-cat-box .item a,.index-cat-box .item a h3,.index-best-box .rcon .names{font-size:16px;} #fh5co-hero .flexslider .slider-text > .slider-text-inner h2{ font-size:30px;} .fh5co-heading h2::before,.fh5co-heading h2::after{ top:21px;} .index-rec-box .item a h3,.index-best-box .rcon .specs,.index-best-box .show-list .item .btns{font-size:14px;} .index-best-box .rcon{ margin-left:20px;} .index-best-box .show-list{ margin:0 20px;} .index-best-box .show-list .item{ margin:0 20px;} .index-best-box .show-list .owl-controls .owl-prev{ left:-25px; } .index-best-box .show-list .owl-controls .owl-next{ right:-34px; } .index-best-box .show-list .item .desc{font-size:12px;height: 90px;} .art-list a .desc,.show-new-list .item .desc{font-size:12px;height: 45px;} .Copyright a{ display:block} .show-new-list .item .media-img { width: 104px;height: 104px;} .show-new-list .item .media-body {padding: 0 10px 0 0px;} .show-new-list .item .media{ border-top-left-radius:65px;border-bottom-left-radius:65px;} .show-new-list .item a .desc {height: 40px;} .show-new-list .item a h3{ margin-top:12px;margin-bottom:5px;} .index-article-box .h-title span a{ border-radius:25px; padding:7px 15px;top:32px; font-size:14px;} .fh5co-heading h2,.index-pro-box .show-list .heading h2 {font-size: 22px;} .fh5co-heading span, .index-pro-box .show-list .heading span { font-size:14px;} .index-pro-box .show-list .item .ptitle,.index-pro-box .show-list .item .ptext,footer .footer-top h3{font-size: 15px;} .index-pro-box .show-list .item .pmore{font-size: 14px;width:120px; height:36px; line-height:36px; margin-bottom:15px; } .index-pro-box .show-list .item .pmore span{ margin-left:15px;} .index-pro-box .show-list .heading{ margin-bottom:25px;} .index-pro-box .show-list .item .ptitle {margin: 12px 0 25px;} .index-pro-box .show-list {padding: 30px 32px 30px;} footer .footer-top .item4 {margin-left: -50px;} footer .footer-top .item { min-height: 290px;} footer .footer-top .weixin-image {margin: 40px 0 13px 0px;} footer .footer-top .weixin-text {margin: 0 0 0 28px;} .index-cat-box .item {padding: 18px 0 15px;height: 150px;} .index-cat-box .item a .media-img{ width:70px; height:70px;} .index-cat-box .item a h3{ margin:0px 0 1px; } .order-datas li a { width: 200px;height: 70px;} .order-datas li .inner .media{padding:8px 0 0 10px;} .order-datas li .inner .media .media-img img{width:38px;margin-top:10px;} .order-datas li a p.ptitle {font-size: 15px;margin-bottom: 0px;} .index-cat-box {bottom: -155px;} .index-main-box {padding-bottom:20px;} .order-datas {top: 28%;} #fh5co-offcanvas .nav{display: block;borer:none} .fh5co-nav-toggle{display: block;} .offcanvas-visible #fh5co-offcanvas,.offcanvas-visible #fh5co-offcanvas .nav{ display:block !important} #fh5co-header .header-box .logo img{ height:54px;} #fh5co-header .header-box .logo{ padding:5px 0 10px} #fh5co-header .header-box .logo h1{ line-height:1} #search-btn {margin: 14px 38px 0 0px;} .about-nav li{font-size:16px;margin: 0 7px;} .about-box .inner{background:none !important} .about-box .inner {padding: 0px 0 0px;} .about-box .inner .intro {padding-left: 0px;padding-top: 20px;} .about-box {padding: 20px 0;} .about-five .weixin-image {margin-bottom: 20px;} .adv-boxs .item .desc,.about-four .after-item p,.about-five .intro {font-size: 14px; } .about-box .inner .title,.a-title{font-size: 22px; } .adv-boxs .item .desc {margin: 13px 0 0px;height:146px;} .adv-boxs .item2 .desc,.adv-boxs .item4 .desc{margin: 8px 0 0px;} .about-two { padding: 45px 0 0;} .litem6zoomimgs {padding-bottom: 81.7%;} .about-three {padding: 45px 0 } .about-four {padding: 15px 0 0;} .about-four .after-item {padding: 30px 12px 10px 12px;} #fh5co-content_show .submenu .first_cat {font-size: 16px;margin: 0 18px;} .container-order .dritem{ width:646px;} .container-order .desc{padding-bottom:12px;} #fh5co-content_show .product-detail .pddesc,#fh5co-content_show .pi-box .inner div{font-size:14px;} #toclickbox{ display:block} #searchtop{background:none; padding:0; margin-top:8px; display:none;width:100%;position:static;z-index:5;content:''} #searchtop .search_con{ display:block; width:100%; position:relative; margin:0; background:#fcf8eb; height:35px;} #searchtop .skw{position:relative;left:0px; right:0px;width:100%; color:#666} #searchtop .sub{} .search_top_con { margin: 0px 0px 0 0px; } .pro-inner-box #fh5co-header{height:auto;} .weixinsboxss{width:720px;} #w-body-id{} } @media screen and (max-width:760px){ .search_boxs .search_width{display:block;} .s-m-title{margin-top:20px;} .fh5co-heading span,#fh5co-middle-list .fh5co-heading span{ } #quirydialog .qdialog-head{width:360px } .rec-d-box .show-lists h3,.rel-product h3{font-size:14px;} #fh5co-header .header-box{border:none; } #fh5co-header .icon-navicon{ position:absolute;top:50%;right:0px; margin-top:-10px;background:none; color:#fff; font-size:22px; border:none;transition:none; padding:0; } #article-box-id #fh5co-content_show .show_content{ margin-left:0px;} #fh5co-content_show .inner-title{ padding:30px 0 20px;} .flex-direction-nav{ display:none} .margin-large-bottom{ margin-bottom:20px;} .article-media .media .media_img{width:150px; margin-right:12px;} .article-media .media .media_img img{width:150px;} .article-media .media .time{ display:none} .article-media .media-body p.desc{font-size:12px;} .article-media .media .caldata .content p.day{ font-size:18px;padding-bottom: 0px;} .article-media .media .caldata .content p.mon-year{ font-size:13px;} .hot-product .item .overlay{top:38%; font-size:18px; } #fh5co-content_show{ padding:0px 0 30px} .flex-control-nav{ display:none} #fh5co-hero,.SonlineBox{ display:none} #fh5co-hero1{ display:block} .art-left{ margin-bottom:30px;} .tool-con ul li{ margin-right:10px;} #fh5co-header .header-box{ height:auto;} .container-layout{ max-width:100%;width: 100%; overflow:hidden} .suspension{ display:none} .tab-con .art-left .item{ margin-right:0} .index-cat-box .item-block15.xl6{ width:100% !important;} .big-cat-box li a{ font-size:14px;} .big-cat-box{padding-bottom:15px;} .big-cat-box li{margin-right:7px;margin-bottom:13px;} .big-cat-box li a{ padding:5px 12px;} #fh5co-content_show .pi-box{ margin-left:0} .container-order .dlitem{ width:100%; text-align:center} .container-order .dritem{ width:100%; } .container-order{padding:0 10px;} .container-order .cons{ width:100%;margin-bottom:66px;} .container-order .inner-box:before{ left:0px;right:0; margin:0 auto; bottom:auto;top:82px;} .container-order .inner-box {padding-bottom: 32px;} .container-order .media .media-left{float:none !important; margin: 0 auto} .container-order .media.media-x .media-body{padding:126px 15px 10px;text-align:center;padding-right: 0px !important;} .container-order .media:before{ height:6px;width:100%; right:0px; top:auto;bottom:0;left:0} .container-order .media{border-bottom-left-radius:6px;border-top-left-radius:6px;border-bottom-right-radius:6px;border-top-right-radius:6px;} .container-order .media .media-left{padding:0px; position:absolute;content:'';top:22px;left:0; right:0; margin:0 auto;z-index:3} .container-order .media .stitle{ display:block;font-size:18px;} .container-order .title .times{margin: 0 4px;} .container-order .desc{font-size:14px;} #fh5co-content_show .leftbar ul.submenu{ clear:both; border:none;} #fh5co-content_show .icon-navicon{ display:block} #fh5co-content_show .nav-navicon,#fh5co-content_show .nav.nav-navicon,#fh5co-content_show .navbar-body.nav-navicon{ display:none} #fh5co-content_show .leftbar h3{ display:none} #fh5co-content_show .leftbar h4{ display:block; float:right; width:50%; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; background:#000;} #fh5co-content_show .leftbar button{z-index:9999999;float:left; width:50%; height:50px; line-height:50px; padding:0; margin:0;border:none;border-radius:0; background:#161c63; color:#fff; font-size:16px; text-align:left; text-indent:12px;} #fh5co-content_show .leftbar button span{ display:inline-block; margin-left:0px;} #fh5co-content_show .leftbar ul.submenu{ border:1px solid #eee} #fh5co-content_show .submenu{text-align:left} #fh5co-content_show .submenu .first_cat{ display:block;margin: 0px;line-height:36px;} #fh5co-content_show .submenu li a{ background-position:25px center;padding:12px 42px; } #fh5co-content_show .submenu li a.current,#fh5co-content_show .submenu li a:hover{background: #161c63; color:#fff !important} #fh5co-content_show .submenu li:last-child{ border-bottom:1px solid #e2e2e2; } #fh5co-content_show .submenu li.second_cat a{ background:#fff} .fh5co-heading h2{ font-size:24px;margin: 25px 0 10px;} .fh5co-heading h2::before,.fh5co-heading h2::after{ top:19px;} footer .footer-top .item4{ padding-left:0} .footer-bot .item2{ float:none !important} .searchbox, .searchbox form{ width:100%} .article-media .media.media-x .float-left{margin-right:18px;} #searchtop{margin: 10px 0px 10px;padding: 0px 0; background:none} #toclickbox,.searchbox.show{ display:block} .index-cat-box{ position:static; bottom:auto} .order-datas {position:static;top:auto;} .container-layoutt{ width:calc(100% - 20px) } .order-datas li{ float:left; width:50%; text-align:center; margin-top:12px; overflow:hidden} .order-datas li a.onsone{width:calc(100% - 5px) } .order-datas li a.onstwo{ width:calc(100% - 5px); margin-left:5px;} .order-datas,.index-cat-box{ height:auto} .index-cat-box .item a h3{ font-size:16px;} .index-cat-box .show-cat .margin-big-bottom{ margin-bottom:12px;} .index-cat-box .item1,.index-cat-box .item{height: auto;} .index-cat-box .item1,.index-cat-box .item3{width:calc(100% - 5px) } .index-cat-box .item2,.index-cat-box .item4{ width:calc(100% - 5px); margin-left:5px;} .index-cat-box .item a .media-img {width: 38px;height: 38px; margin-bottom:5px;} .index-main-box { padding-bottom: 0px;} .index-rec-box {margin:0px 0 15px;} .index-pro-box .inner{padding:30px 0;margin-top:20px; } .index-pro-box .show-list{ margin:0 20px 0;} .index-pro-box .show-list .heading::before{left:-32px;} .index-rec-box .show-rec .owl-controls .owl-buttons div{top:-52px; width:25px; height:25px; line-height:28px;} .index-rec-box .show-rec .owl-controls .owl-buttons div:before{ font-size:20px;line-height:24px;} .index-rec-box .show-rec .owl-controls .owl-prev{ right:41px; text-indent:3px; } .index-rec-box .show-rec .owl-controls .owl-next{ text-indent:5px; } .index-rec-box .litems .desc{ display:none} .index-rec-box .litems .title{ font-size:14px;} .index-rec-box .litems .conitem{ padding:10px 6px 0px; } .index-rec-box .item a{ margin-bottom:11px;} .index-rec-box .item{ margin:0 5px 0px 5px;} .index-rec-box .show-rec{ margin:0 -5px;} .lpiczoomimgs{padding-bottom:150%} .index-article-box{ padding: 0 0 20px;} .show-new-list {margin: 30px 0;} .Copyright {margin-top:0px;} footer .footer-top .item{ margin:0 !important; height:auto;min-height:1px; border-left:none;border-bottom:1px solid #444;padding-bottom:4px;} footer .footer-top .item5{border-bottom:none} footer .footer-top .item h3{ position:relative;cursor:pointer} footer .footer-top .item h3:after{content:"\f105"; position:absolute; display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; width:20px; height:20px;right:8px; top:7px;} footer .footer-top .item.on h3:after{ transform:rotate(90deg);right:17px; top:12px;} footer .footer-top .item3 .nav-box li{ float:none} footer .footer-top ul{ display:none} footer .footer-top .item.on ul{ display:block} footer .footer-top h3 {margin: 15px 0 11px !important;padding-left: 5px;} footer .footer-top h3:before{ display:none} footer .footer-top .item1{ text-align:center} footer .footer-top{ padding:15px 0 5px;} footer .footer-top .weixin-image {margin: 15px 0 13px 0px;} footer .footer-top .weixin-text {margin: 0 0 20px 0px;} footer .footer-top ul li a,footer .footer-top .item5 ul li{padding-left: 5px;} .ur-here{background:#f5f5f5; padding:0 7px;} .about-nav li,.ur-here{line-height:50px;} .about-nav {text-align: left;} .adv-boxs .item .desc { margin: 0px 0 30px;height: auto;} .a-title{margin-bottom:35px;} .about-four .after-item { padding: 30px 12px 10px 3px;} .inner-sub-nav .container-layout {padding:0} .litem,.mitem,.ritem{ width:100%} .item_img{ margin:0 0 10px !important;} .mitem .item_img3{margin-right:5px !important;} .mitem .item_img4{margin-left:5px !important;} .inner-bg-box { padding: 30px 0;} #fh5co-content_show .product-detail h1{margin-top:15px;font-size: 18px;} .ur-here {line-height: 1.5; font-size:14px; padding:12px 10px;} .big-cat-box .item .heading{position:static;margin:0 0 10px 15px;} .big-cat-box .item .inner {padding-left: 12px;} .big-cat-box li span.attcss,.big-cat-box .item .heading{font-size:14px;} .big-cat-box li a {padding: 5px 5px;} .search-title {font-size: 18px;padding: 22px 0 0px 15px;} .big-cat-box .item{padding:13px 0 0} .order-datas li{padding-left:0} .rightkefu{display:none} .kefuboxss{width:auto} /*mobile bottom*/ .blank55{height:55px; line-height:1px; clear:both; background:#444} #toolbar{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:8;background:#000; display:block;} #toolbar a{width:100%;color:#fff;display:block;padding:5px 0 0 0;line-height:23px;font-size:14px;} #toolbar a span{ font-size:22px; display:block;} } @media screen and (max-width:480px){ .order-datas li a{ text-align:left} #quirydialog .qdialog-head{ width:auto !important } #fh5co-header .header-box .logo{} #fh5co-header .header-box .logo img{} #fh5co-product-list .tab .tab-nav li a{ padding:0 10px; margin:0 3px;} #fh5co-content_show .detail h1{ font-size:16px; font-weight:bold; margin:0} #fh5co-content_show .qhd-title span{ font-size:12px;} .article-media .media .caldata .content{ padding: 5px;} .article-media .media .media_img{width:82px;margin-right:10px;} .article-media .media .media_img img{width:80px;padding:1px;} .article-media img{width:80px;} #fh5co-content_show .article-media li{ padding:10px 0px;} .article-media .media-body h3{line-height:100%;font-size:14px;} .article-media .media-body h3 a { font-size:14px; line-height:150%} .article-media .media-body p.more{ display:none} .bot-info .inner-box{ padding:20px 0; margin:50px auto} #fh5co-content_show .xl6{ width:100% !important} #fh5co-content_show .info-list .xl6{ width:50% !important} .index-cat-box .item a{ font-size:14px;} .index-cat-box .heading{ font-size:16px;} .brand-box th{ font-size:14px;} .brand-box td{ font-size:13px;} .brand-box td.heading{ text-align:center} #fh5co-content_show .leftbar button{ width:100%;} #fh5co-content_show .leftbar h4{ display:none} .all-brand-list .item .media .float-left,.brand-info .media .float-left{ float:none !important; margin-bottom:10px;} .about-nav li {font-size: 14px; margin: 0 5px;} } @media screen and (max-width:360px){ .nav-inside .right-menu h3{ display:none} .nav-inside .right-menu button{ width:100%;} } /* inner end*/ /* ======go to top ======*/ .backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:9;background:#666 url(../images/icon-gotop-fixed.png) no-repeat center center;} .backToTop:hover{background-color:#000;}