body{ font-family:Arial, Helvetica, sans-serif;font-size: 14px;font-weight: 300;line-height: 1.78;font-weight:normal;color: #333;background: #fff;position: relative;} p{margin:0;font-weight:normal;} h1, h2, h3, h4, h5, h6, figure{color: #444;font-weight: 400;} ::-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;} .label label{ font-size:16px; color:#666} .input{ height:40px; line-height:40px; background:#fff; width:100%;} textarea.input{ height:70px;} .form-group{ padding-bottom:15px;} a{color:#333;text-decoration:none; transition:none} a:focus,a:hover{color:#a81861;transition:none} .bg-main{ background:#a81861;border:1px solid #a81861 !important} .bg-main:hover,.bg-main:focus{border:1px solid #a81861 !important; background:#a81861 !important} .bg-reset{ background:#575757;border:1px solid #575757 !important; color:#fff} .bg-reset:hover,.bg-reset:focus{border:1px solid #666 !important; background:#666 !important} .border-main:hover{color:#fff;background:#65C2B8;border-color:#65C2B8;} .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: 0;} ul,li{ padding:0; margin:0; list-style:none} .not-animated{ opacity:0} .layout{ overflow:hidden} #fh5co-header .layout,.layout.mid-nav{overflow:visible;width: 100%;} .red{ color:#f00} .blank30{ height:30px; line-height:30px; clear:both} .container-layout{ max-width:95%; margin:0 auto} .more a{ display:block; background:url(../images/more.png) no-repeat left top; height:40px; line-height:40px; width:121px; text-align:center; font-size:14px; color:#fff;} .more a:hover{color:#fff; } .none{ display:none} .col-2-form{ width:50%; float:left} .col-2-form1 .field{ margin-right:10px;} .col-2-form2 .field,.col-2-form2 .label{ margin-left:10px;} .col-3-form{ width:33.33333333333%; float:left} .col-3-form1 .field,.col-3-form2 .field{ margin-right:15px;} .col-3-form3 .field{ margin-left:0px;} .label label{ font-weight:normal} select{border-radius:0px; height:36px; line-height:36px;border: solid 1px #e5e5e5;appearance:none;-moz-appearance:none; -webkit-appearance:none; background:#fff url(../images/sellect-arrow.jpg) no-repeat 98% center; color:#333 ; width:100%; padding:0 5px 0 4px; } .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;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/} .piczoomimgs{ padding-bottom: 172%;} .artzoomimgs{ padding-bottom: 70%;} .catzoomimgs{ padding-bottom: 50%; background-size:contain !important } .casezoomimgs{ padding-bottom: 75%;background-size:cover !important;} .casezoomimgone{ padding-bottom: 70%;background-size:cover !important;} .chazoomimgs{ padding-bottom: 75%; } .kyzoomimgs{ padding-bottom: 137%; } .ygzoomimgs{ padding-bottom: 75%;} .picccczoomimgs{padding-bottom: 54%;} .linkzoomimgs{ padding-bottom: 50%;} .linkszoomimgs{ padding-bottom: 63%;} .szoomimgs{ padding-bottom: 71%;} .certzoomimgs{ padding-bottom: 100%;} .catzoomimgs{padding-bottom: 47%;} .tcatzoomimgs{padding-bottom: 32%;} .piconezoomimgs{padding-bottom: 70%;} .pictwozoomimgs{padding-bottom: 120%;} .aboutzoomimgs{padding-bottom: 82%;} .line-large{margin-left:-19px;margin-right:-19px} .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:19px;padding-left:19px} .line-small{margin-left:-9px;margin-right:-9px} .line-small .x1,.line-small .x2,.line-small .x3,.line-small .x4,.line-small .x5,.line-small .x6,.line-small .x7,.line-small .x8,.line-small .x9,.line-small .x10,.line-small .x11,.line-small .x12,.line-small .xl1,.line-small .xl2,.line-small .xl3,.line-small .xl4,.line-small .xl5,.line-small .xl6,.line-small .xl7,.line-small .xl8,.line-small .xl9,.line-small .xl10,.line-small .xl11,.line-small .xl12,.line-small .xs1,.line-small .xs2,.line-small .xs3,.line-small .xs4,.line-small .xs5,.line-small .xs6,.line-small .xs7,.line-small .xs8,.line-small .xs9,.line-small .xs10,.line-small .xs11,.line-small .xs12,.line-small .xm1,.line-small .xm2,.line-small .xm3,.line-small .xm4,.line-small .xm5,.line-small .xm6,.line-small .xm7,.line-small .xm8,.line-small .xm9,.line-small .xm10,.line-small .xm11,.line-small .xm12,.line-small .xb1,.line-small .xb2,.line-small .xb3,.line-small .xb4,.line-small .xb5,.line-small .xb6,.line-small .xb7,.line-small .xb8,.line-small .xb9,.line-small .xb10,.line-small .xb11,.line-small .xb12{position:relative;min-height:1px;padding-right:9px;padding-left:9px} .pic-img-boxs img,.inner-header img{ max-width:100%} #fh5co-wrapper{overflow-x: hidden;} #fh5co-page{position: relative;z-index: 2;background:#fff;overflow-x: hidden;} .blank{ clear:both; height:10px; line-height:10px;} .vertical-middle{width: 100%;height: 100%;display: table;} .vertical-middle > div{display: table-cell;vertical-align: middle;} .clear{ clear:both} .fh5co-heading{ padding:75px 0 33px;} .fh5co-heading h2{display:inline-block; font-size:30px; font-weight:bold;color:#a81861; line-height:1; position:relative;z-index:1; } .fh5co-heading h2:befores{ position:absolute; content:''; width:27px; height:3px; background:#a81861; left:140px; top:13px;} .fh5co-heading p.desc{ font-size:14px;color: #666; padding-top:15px;} .pborder{ border:1px solid #e4e4e4; overflow:hidden; margin-bottom:8px;} .page-list p{ height:50px; overflow:hidden} #china-map {width:100%; height:1000px;margin: auto;} #fh5co-content_show .detail.map-boxs p.tel{ font-size:24px;} /*顶部导航 begin*/ .toptxt{ background:url(../images/topbg.jpg) repeat; font-size:18px; color:#fff; padding:11px 0; line-height:1} .toptxt .lan{ float:right} .toptxt .lan a{ margin-right:0; color:#fff; padding:0 8px; font-size:16px;} .toptxt .lan a:hover{color: #fff; text-decoration:underline} .head-top{ background:#2c2e2d; color:#fff; line-height:40px; position:relative;z-index:1} .tel-t .tel-box{ display:inline-block; background:url(../images/tel.png) no-repeat left center; width:23px; height:22px; vertical-align:middle; margin:0 5px 0 10px;} .webcome{} .top-link li{ display:inline-block;} .top-link li a{ color:#fff; display:block; margin:0 6px; font-size:17px;} .search_con{ background:none; height:34px; margin:45px 0 0 0px; border:1px solid #e5e5e5; border-radius:25px;} .search_con .skw{height:34px;width:160px;line-height:34px;border:0;padding:0px;color:#a6a5a5;float:left;text-indent:12px;background:none;} .search_con .sub{height:34px;width:40px;line-height:34px;border:0px;padding:0px;color:#b63d7a;font-size:14px; text-align:center;cursor:pointer;float:left;background:none;} .top-head .inner-box{z-index:21; position:relative} #fh5co-header .header-box{ position:relative;z-index:1} #fh5co-header .header-box .tnav-bg{ position:absolute; top:0; width:100%; height:69px; line-height:69px; z-index:2;background:#fff;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7; opacity: 0.7;} .inner-header{/* background:url(../images/comHd_bg_03.jpg) repeat-x left bottom;*/box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } #fh5co-header .top-head.fixed.fixed-top{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);width: 100%;z-index: 3; background:#fff; } #fh5co-header .topinfo-bg{ background:#f7f7f7; height:33px; line-height:33px;} .lan .cn{ color:#1c80c0} #fh5co-header .navbar{ boder:none} #fh5co-header .logo{ padding:14px 0 0; float:left} #fh5co-header .logo h1{ line-height:1} #fh5co-header .logo img{ } #fh5co-header .top-nav li{ display:inline-block; line-height:44px;padding:0 40px;} #fh5co-header .top-nav li a{ display:inline-block;color:#fff;font-size: 18px; position:relative; z-index:1; line-height:44px;position:relative;} #fh5co-header .top-nav li a i{ color:#fff; font-size:17px; display:inline-block; margin-left:8px;} #fh5co-header .top-nav li a:after{ content:''; position:absolute; width:1px; background:#e5e5e5; height:16px; right:-50px; top:20px;} #fh5co-header .top-nav li:last-child a:after{ display:none} #fh5co-header .top-nav li a:hover,#fh5co-header .top-nav li.current a.first-level,#fh5co-header .top-nav li:hover a.first-level{color: #fff; } /*#fh5co-header .top-nav li a.first-level:hover:before,#fh5co-header .top-nav li.current a.first-level:before,#fh5co-header .top-nav li:hover a.first-level:before{content:''; position:absolute; height:1px; width:100%; background:#0072bc;left:0; bottom:31px;}*/ #fh5co-header .top-nav li i.icon-angle-right{ display:none} #fh5co-header .top-nav li ul{border:none;left:20px;border-radius:0;margin:0;padding:0;min-width: 160px;z-index: 4;background: #fff;border:none;top:54px; padding:0px 0; } /*#fh5co-header .top-nav li ul:before{position: absolute;top: -7px;left: 32px;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: '';} #pc-header .top-middle .nav ul:after{position: absolute;top: -6px;left: 33px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #fff;border-left: 6px solid transparent;content: '';}*/ #fh5co-header .top-nav li ul li{margin:0;padding:0;height:auto;display:block;height:auto; background:#fff;} #fh5co-header .top-nav li ul li a{color:#a81861;display:block;width:100%;height:40px;line-height:40px;margin:0;text-align: left;min-width:160px;text-indent:0;transition:none;padding:0 15px;white-space: nowrap;text-transform: capitalize;font-size:16px;font-weight:bold;} #fh5co-header .top-nav li ul li:hover a{background:#a81861;color:#fff;} #fh5co-header .top-nav li ul li ul{left:100% !important;top:0px} #fh5co-header .top-nav li ul li:hover ul li{background:#a81861;} #fh5co-header .top-nav li ul li ul li a{height:34px;line-height:34px;font-size:16px; } /* 按钮 */ #fh5co-header .right-info{ margin:50px 0 0 155px;} #fh5co-header .right-info li{display:inline-block;} #fh5co-header .right-info li a{ display:inline-block; } #fh5co-header .right-info li.search-box a img{ vertical-align:top; margin-top:2px;} #fh5co-header .right-info li:first-child a{ background-position:0 0px} #fh5co-header .right-info li.lanli{ background:url(../images/global.png) no-repeat left top; margin-left:10px;padding-left:15px;} #fh5co-header .right-info li.lanli a{ vertical-align:top; margin:0 15px;} #fh5co-header .right-info li.lanli a.cn{ color: #d00;} /*search*/ #toclickbox{ display:none; border:none; font-size:24px; position:fixed; top:14px; right:40px; color:#000;z-index:6} #toclickbox:focus,#toclickbox:hover{ background:none} .top-lan{ margin:47px 0 0 20px;} .top-lan img{ vertical-align:middle; margin-right:9px;} .top-lan span.tops{background:url(../images/ricons.jpg) no-repeat left 0px; display:inline-block; width:9px; height:6px; margin-left:5px; vertical-align:middle; position:relative;top:2px;} .top-lan li ul{ width:116px;min-width: 50px;right:0px; left:auto !important} /*.top-lan .nav-inline li a{ padding:5px 5px;} .top-lan .nav-inline li a:hover{ color:#a81861} .top-lan .nav-inline.nav-menu ul a{ padding:3px 0 3px 10px; } .top-lan .nav-inline.nav-menu ul a:hover{ color:#a81861}*/ .searchkey{height:30px;line-height:30px; color:#666; padding-top:4px; overflow:hidden;} /*顶部导航 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-offcanvas ul li img{ vertical-align:middle; margin-right:6px;} .fh5co-nav-toggle{cursor: pointer;text-decoration: none; } .fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after{background: #000;} .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: #000;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #000;transition: all .2s ease-out;} .fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after{content: '';width: 28px;height: 4px;background: #000;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;} #toclickbox{ display:none; border:none; font-size:24px;z-index: 29; position:absolute; top:14px; right:40px; color:#000;} #toclickbox:focus,#toclickbox:hover{ background:none} /*mobile header end */ .change-language .change-language-cont {position:absolute;top:36px;right:0;width:120px;background:#FFF;padding:20px 10px 10px 20px;transform: scale3d(0.9, 0.9, 1);opacity:0;visibility:hidden;z-index:999;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border:1px solid #eee;border-radius:5px;} .change-language:hover .change-language-cont {transform: scale3d(1, 1, 1);opacity:1;visibility:visible;} .nav-inline.nav-menu .change-language-cont li {display:block;vertical-align:top;margin:0 0 10px;font-size:10pt;overflow:hidden;padding:0 7px 0 0;} .nav-inline.nav-menu .change-language-cont li img{ display:inline-block; vertical-align:middle; width:20px;} .nav-inline.nav-menu .change-language-cont a{ padding:0} .nav-inline.nav-menu .change-language-cont a:hover{ background:none} .change-language .change-language-cont li a:hover{color: #CE171E;} .change-language .change-language-cont .lang-item-hide {display:none !important;} .change-language .change-language-cont .lang-more {position:relative;display:block;text-align:center;cursor:pointer;line-height: 30px;} .change-language .change-language-cont .more-active{font-size: 20px;} .language-flag span{position:relative;display:inline-block; vertical-align:middle;white-space:nowrap;padding:0 0 0 1px;overflow:hidden; text-align:left} .change-language ::-webkit-scrollbar{width:5px;} .change-language ::-webkit-scrollbar-track{background-color:#fff;} .change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px;} .change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block} .language-flag .country-flag {position:absolute;left:0;top:50%;display:inline-block;vertical-align:top; *display:inline;*zoom:1; background-repeat: no-repeat;background-image:url(../images/all-m.gif);width:22px;height:16px;margin:-8px 5px 0;} li.language-flag a{position:relative;} .language-flag-af .country-flag {background-position: 0 0 !important;} .language-flag-sq .country-flag {background-position: 0 -16px !important;} .top-link-box{ position:relative;border-bottom:1px solid #e5e5e5; padding:0 0 13px;} .top-nav-mid{ background:#a81861} .fmore a{ font-size:12px; text-decoration:underline} /* 底部 begin*/ footer{color:#333;} footer .footer-top{background:#fff; padding:35px 0 35px;} footer a{ color:#333} footer a:hover{color:#333;} footer .footer-top { color:#333} footer .footer-top .blogo{ width:80%;} footer .footer-top h3{ font-size:24px; color:#fff; margin-bottom:5px; } footer .footer-top .btel{background:url(../images/btel.png) no-repeat left 3px; margin-top:18px; padding:0 0 8px 37px; font-size:18px; } footer .footer-top .bot-link li{ display:inline-block; margin:8px 8px 0 0;} footer .footer-top .bot-link li span{ display:inline-block; font-size:20px;} footer .footer-top .foot-contact p{ line-height:30px;} footer .footer-top .item{ position:relative; min-height:180px;} footer .footer-top .item6{ margin-left:10px;} footer .footer-top .item1 li{ float:left; width:40%; } footer .footer-top .col-5-1:last-child .item:before{ display:none} footer .footer-top .con li{ line-height:35px;} footer .footer-top .con li a{color:#e3e3e3} footer .footer-top .con li a:hover{color:#ed1b24} footer .footer-top .form-box{ max-width:335px; margin-top:11px;} footer .footer-top .input{ background:#303030; height:35px; line-height:34px; border-radius:0; border:1px solid #5b5b5b; color:#fff} footer .footer-top .form-group{ padding-bottom:10px;} footer .footer-top .button{ width:95px; height:36px; background:#ffa200; border:1px solid #ffa200; color:#fff; margin-top:5px;border-radius:0;} footer .footer-bot{background:#fff; padding:65px 0 35px;} footer .footer-bot .Copyright{ display:inline-block; margin-right:12px;} footer .footer-bot .foot-nav{display:inline-block} footer .footer-bot .foot-nav a{ position:relative; margin:0 8px;} footer .footer-bot .foot-nav a:before{ content:''; position:absolute; height:12px; width:1px; right:-10px; top:2px; background:#a0a0a0} footer .footer-bot .foot-nav a:last-child:before{ display:none} footer .footer-bot .item h3{ font-size:22px; color:#333; margin-bottom:8px; position:relative} footer .footer-bot .item h3:befores{ content:''; position:absolute; left:-17px; top:8px;width:3px; height:16px; background:#eaa202} footer .footer-bot .item .nav-box li a{ display:block; color:#666; padding:3px 0} footer .footer-bot .item .nav-box li a:hover{color: #a81861;} footer .footer-bot .item1 img{ margin-bottom:35px; } footer .footer-bot .item1{ padding-right:30px;} footer .footer-bot .item1 li{ padding-bottom:8px;} footer .footer-bot .item1 li i{ color: #d00;; font-size:15px;} footer .footer-bot .item1 li .icons{ width:16px;} footer .footer-bot .item2 { padding-left:50px;} footer .footer-bot .email-txt{ margin-top:25px; width:200px; margin-right:8px;display:inline-block; position:relative;} footer .footer-bot .sub-btn{ width:70px; display:inline-block; position:relative;top:2px;} footer .footer-bot .email-txt input.form-control { height:42px; line-height:42px; font-size:14px; width:200px; margin-top:8px; text-indent:6px;} footer .footer-bot .sub-btn input.btns{ background:#1c42b9; color:#fff; font-size:18px; border:none; width:110px; height:42px; line-height:42px;} footer .footer-bot .item1 span{ display:inline-block; margin:0 6px; font-size:20px;} footer .footer-topp{ background:#1a1c20; padding:20px 0; color:#fff} footer .foot-a-box{ padding-right:50px;} footer .footer-topp a{ color:#fff} /* 底部 end*/ .footer-contact-box{ background:#f5f5f5; padding:35px 0} .footer-contact-box .c-left{ font-size:30px; color:#333; font-weight:bold; float:left; width:150px;} .footer-contact-box .media.media-x .float-left{ float:left; width:80%; margin-right:20px;} .footer-contact-box input{ background:#c9c9c9; color:#333; border-radius:0; height:48px; line-height:48px; box-shadow:none} .footer-contact-box .bg-main{ background:#a81861; height:110px; width:100%; line-height:96px; border:none !important; font-size:16px; position:relative;top:-10px;} .footer-contact-box .bg-main:hover,.footer-contact-box .bg-main:focus{ background:#a81861 !important;} ::-webkit-input-placeholder{color: #333;} :-moz-placeholder{color: #333;} ::-moz-placeholder{color: #333;} :-ms-input-placeholder{ color: #333;} /*首页轮换图片 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 > li a{ display:block; background-repeat:no-repeat; background-position:center center; background-size:cover} .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{position:absolute;bottom:3%;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 4px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;cursor:pointer;width:12px;height:12px;float:left;text-indent:-2000px;background: #fff; border-radius:50%;border:1px solid #eaa202} .flex-control-nav .flex-active{background: #eaa202;border:1px solid #eaa202} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; } .flex-direction-nav li a{display:block;width:38px;height:66px;cursor:pointer;text-indent:-999em;position:absolute;top: 50%; margin-top:-33px;} .flex-direction-nav li a.flex-prev{left:50px;background: url("../images/left.png") no-repeat left 0px;opacity: 1;} .flex-direction-nav li a.flex-next{right:50px;background: url("../images/right.png") no-repeat left 0px;opacity: 1;} .flex-direction-nav li a.flex-next:hover{background:url("../images/right.png") no-repeat left 0px;opacity: 0.75;} .flex-direction-nav li a.flex-prev:hover{background: url("../images/left.png") no-repeat left 0px;opacity: 0.75;} .index-pro-box{ padding:72px 0 75px;} .pro-box .item{ position:relative;transition: transform 1s ease 0s; overflow:hidden} .pro-box .item .media-img img{ width:100%;transition: transform 1s ease 0s;transform: scale(1);} .pro-box .item .zoomimgs{} .pro-box .item h3{opacity:0; position:absolute; height:50px; line-height:50px; color:#fff; font-size:16px; background:#eaa202;bottom:0px; left:0; width:100%; text-align:center} .pro-box .item h3 a{ color:#fff;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .pro-box .item2{ margin-bottom:23px;} .pro-box .item:hover h3{ opacity:1;transition: all .5s ease-out;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;} /* 产品展示 begin*/ .show-product .item .media-img{overflow:hidden;border: 1px solid #ddd; } .show-product .item .media-img:hover{border:1px solid #e99612;} .show-product .item .media-img img{width:100%;} .show-product .item .media-img img:hover{ opacity:0.8} .show-product .item{} .show-product .item h3{ margin:10px 0 5px; white-space:nowrap; overflow:hidden; font-size:14px; color:#333} .show-product .item a:hover h3 {font-size:14px;color:#13428a} .show-product .item p.desc{ font-size:14px; color:#888; max-width:80%; margin:0 auto 20px; height:46px; overflow:hidden} .show-product .item p.more{height: 32px; font-size:14px; line-height:32px; margin: 10px auto 0 auto; text-align: center; color: #FFF; border: 0; display: block; width: 110px; outline: none; cursor: pointer; overflow: hidden; background: #13428a; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: -moz-linear-gradient(bottom, #13428a, #1551a0); background-image: -webkit-linear-gradient(bottom, #13428a, #1551a0); background-image: linear-gradient(to top, #13428a, #1551a0);} /* 产品展示 end*/ .hot-product-box .fh5co-heading h2{ position:relative} .hot-product-box .fh5co-heading p{ font-size:18px; color:#666; margin-top:8px;} .hot-product-box { } .hot-product-box .show-list{ position:relative;margin:0px -15px 100px; padding:0; height:100%;} .hot-product-box .item .p-inner{ position:relative; } .hot-product-box .item{ position:relative;} .hot-product-box .item:hover{} .hot-product-box .xl6:last-child .item:before{ display:none} .hot-product-box .item h3{margin:8px 0 0px; overflow:hidden; font-size:16px; color:#333; height:30px;} .hot-product-box .item a:hover h3 {font-size:16px; color: #a81861;} .hot-product-box .item a:hover{color: #a81861;} .hot-product-box .item .p-inner{ overflow:hidden; } .hot-product-box .item .con{margin:15px 15px 0 15px;} .hot-product-box .item .p-inner:befores{ content:'';position:absolute; bottom:-20px; left:0; right:0; margin:0 auto; text-align:center; width:47px; height:2px; background: #ed1b24} .hot-product-box .item .mores a{ display:block;margin:8px 0 0px; border-top:1px solid #e5e5e5; padding-top:9px; color:#0168b7} .hot-product-box .item .mores a:hover{color: #d00;} .hot-product-box .show-list .owl-controls{ position:absolute; top:-75px;right:15px; width:100%; height:30px;text-align: right;} .hot-product-box .show-list .owl-controls .owl-buttons div{position:absolute;top:43%; margin-top:0px; width:40px; height:40px; line-height:58px; font-size:0px; padding:0; margin:0; color:#a7a7a7; opacity:1; text-align:left;border-radius:50%; background:none} .hot-product-box .show-list .owl-controls .owl-buttons div:hover{color:#333; } .hot-product-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:40px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:42px;} .hot-product-box .show-list .owl-controls .owl-prev{ left:-50px; text-indent:5px; } .hot-product-box .show-list .owl-controls .owl-prev:before{content:"\f104"; } .hot-product-box .show-list .owl-controls .owl-next{ right:-50px; text-indent:8px; } .hot-product-box .show-list .owl-controls .owl-next:before{content:"\f105"} .hot-product-box .show-list .owl-theme .owl-controls .owl-page span{ background:none;border:none;opacity: 1;margin: 5px 4px; background:#e5e5e5;width: 10px;height: 10px;} .hot-product-box .show-list .owl-theme .owl-controls .owl-page.active span{ border:none;opacity: 1; background:#a81861} .inner-product-box .item{background:#fff;} .inner-product-box .item .p-inner{/* border:1px solid #e4e4e4;*/ 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; border-radius:5px;} .inner-product-box .item:hovers{ border-color:#ffffff;} .inner-product-box .item h3{ font-size:18px; margin:10px 0 0px; white-space:nowrap; overflow:hidden} .inner-product-box .item .cat-name{font-size:16px;color:#8fbc01; height:28px; overflow:hidden;} .inner-product-box .item .top-con{} .inner-product-box .item .infos{ text-align:left; padding:15px 0} .inner-product-box .item .p-inner{ overflow:hidden} .inner-product-box .item .infos ul li{ font-size:15px; color:#666; line-height:26px; overflow:hidden; white-space:nowrap} .inner-product-box .item .infos ul li span{color:#8fbc01;} .inner-product-box .item .p-btn{ font-size:16px;} .inner-product-box .item .p-btn .icon01{width:17px; height:17px; background:url(../images/pro_list01_sele02.png) no-repeat center/cover; display:inline-block; vertical-align:middle; margin-right:8px; background-position:0 0;} .inner-product-box .item .p-btn .icon01.plp-item-chked{background-position:-17px 0;} .inner-product-box .item .p-btn .right a{color:#8fbc01} .inner-product-box .item .p-btn .icon02{width:20px; height:19px; background:url(../images/pro_list01_02.png) no-repeat center/cover; display:inline-block; vertical-align:middle; margin-left:8px;} .inner-product-box .item:hover .piczoomimgs{transition: transform 1s ease 0s;opacity:0.8} .inner-product-box .item:hover h3{color: #a81861;} .index-leftbar{width:260px;float:left;margin-right:-260px;z-index:2; position:relative} .index-rightbar{width:100%;float:left;z-index:1; position:relative} .index-rightbar .right-content{margin-left:290px;} .index-rightbar .right-content .title{ border-bottom:1px solid #e5e5e5; padding-bottom:5px; margin-bottom:25px; color: #a81861; } .index-rightbar .right-content .title span{ color:#666; font-size:14px; font-weight:normal; display:inline-block; margin-top:3px;} .left-menu{ margin-bottom:10px; background:#fff; text-align:left; border:1px solid #e5e5e5 } .left-menu .btitle{ font-size:18px; font-weight:normal; height:55px; line-height:55px; background:#fff; color:#333; border-bottom:1px solid #e5e5e5; font-size:18px;text-indent:1em; position:relative} .left-menu .btitle:before{ content:''; position:absolute; left:-1px; top:20px; height:18px; background:#eaa202; width:1px;} .left-menu ul{ padding:10px 0} .left-menu li{padding:5px 0px 10px; background:url(../images/ricion.png); background-repeat:no-repeat; background-position:95% 20px; text-indent:1em; color:#333;cursor: pointer; position:relative; font-size:16px; z-index:9999; } .left-menu li.current a{ color: #d00;} .left-menu ul li ul{position:absolute; left:260px; top:-1px; display:none; width:250px; z-index:99999; border:1px solid #E6E6E6; background:#EFEFEF;padding: 0} .left-menu ul li ul li{ width:250px; float:left; padding:10px 0px; background:none;} /*首页产品*/ .product-box{ padding:40px 0 20px; overflow:hidden } .product-box .inner{ margin-left:-3px;margin-right:-3px;} .product-box .cat-nav li{ display:inline-block; } .product-box .cat-nav li a{ font-size:18px; padding:0 12px} .product-box .item{ margin:0px 3px 6px;} .product-box .item .p-inner{ overflow:hidden;position:relative;} .product-box .item { } .product-box .item .overlay{ opacity:0;position:absolute; z-index:2;left:0; top:0; right:0; left:0; right:0; height:100%; width:100%;transition: transform 1s ease 0s;} .product-box .item:hover .overlay{ opacity:1; background:#3179b8;transition: all .5s ease-out;filter:alpha(opacity=80);-moz-opacity:0.7;-khtml-opacity: 0.7; opacity: 0.7;} .product-box .item .overlay a{ display:inline-block;width: 46px; height: 46px; line-height: 46px; margin: 0 6px; border-radius: 50%; background: #fff; color: #232323; display: inline-block; font-size: 22px; text-align: center; transition: all 0.2s ease 0s; border: 2px solid #fff; text-align:center; color:#007cc2; position:relative; z-index:3} .product-box .item .overlay a.sedgoodscss,.product-box .item .overlay a:hover{background: #007cc2; color: #fff;} .product-box .item .overlay div{text-align:center; } .product-box .item h3{ font-size:16px; color:#333; height:44px; overflow:hidden; line-height:22px; margin:10px 0 5px; } .product-box .item:hover h3{ } .product-box .item .content{ padding:15px;} .product-box .item .desc{ color:#888; font-size:12px; line-height:1.2; height:60px; overflow:hidden} .product-list-box{} .product-list-box .item .p-inner{ overflow:hidden;} .product-list-box .item h3{ font-size:14px; margin-top:10px; overflow: hidden; height:40px; line-height:20px; } .product-list-box .item:hover h3{ color:#007cc2} .product-list-box .item .addtoquote a{ margin:8px 0 0; display:block; background:#007cc2;color:#fff; font-size:14px; width:90px; height:30px; line-height:28px; text-align:center;border-radius:5px; border:1px solid #007cc2} .product-list-box .item .addtoquote a:hover{ background:#eaa202;border-color: #d00;} .product-list-box .item .addtoquote a.sedgoodscss{ color:#fff; background:#eaa202;border-color: #d00;} .slides-txt{ background:#007cc2; color:#fff; font-size:24px; padding:19px 0 22px} .slides-txt span{ display:inline-block;font-size:16px; margin-left:25px;} .slides-txt a{ text-align:center; color:#fff; width:125px; height:40px; line-height:40px; font-size:16px; border:1px solid #fff; border-radius:25px; display:inline-block; float:right; margin-top:4px;} .slides-txt a:hover{ text-decoration:underline} .c-more a{ display:block; background:none;color:#007cc2; font-size:14px; width:118px; height:40px; line-height:40px; text-align:center; margin:0 ;border-radius:25px; border:1px solid #007cc2; margin:0 auto} .c-more a:hover{ background:#007cc2; color:#fff} .ptitle h2{ font-size:30px; color:#333; position:relative;z-index:1; font-weight:bold; height:85px; line-height:65px; display:inline-block} .ptitle h2:before{ content:''; position:absolute;background:url(../images/raius.png) no-repeat center top; width:60px; height:60px;z-index:-1; left:-20px; top:-8px;} .ptitle .desc{ color:#666; font-size:14px;} .contentbox{ padding:65px 0 80px} .contentbox2{background:url(../images/policy_bg.jpg) no-repeat center top; background-size:cover} .contentbox .cons{ color:#666; font-size:16px;} .contentbox .cons p{font-size:16px; line-height:1.9} .contentbox .media.media-x .float-right{ margin-left:50px;} .contentbox .media.media-x .float-right img{ margin-top:13px;} .form-contact-con{ margin-left:40px;} .p_descmore{height:240px; overflow:hidden} .p_descmore.show{ height:auto; } #more-desc-id a{ border:1px solid #ddd; padding:2px 0px; display:inline-block; width:128px; text-align:center; font-size:14px; color:#666; margin-top:15px;} #more-desc-id a:hover{border-color:#a81861; color:#a81861} .tab-box{ } .tab-box .tab-head li{ display:inline-block} .tab-box .tab-head li a{ display:block; font-size:16px; margin:0 5px; position:relative; background:#fff; color:#333; border:1px solid #e5e5e5; height:40px; line-height:40px; padding:0 18px; border-radius:5px; font-weight:bold} .tab-box .tab-head li.active a{ background:#a81861; color:#fff;border:1px solid #a81861;} .tab-box .tab-con{ display:none; margin:40px 0 30px;} .tab-box .tab-con.active{ display:block} .tab-box .tab-con .time{ color:#999; margin:8px 0 3px} .tab-box .tab-con .media-img{ overflow:hidden; max-width:240px; margin:0 auto} .tab-box .tab-con h3 a{ font-size:16px; display:block; height:50px; overflow:hidden} .tab-box .tab-con .desc{ color:#666; margin-top:3px;} /*关于*/ .solution .item{ border:3px solid #007cc2; padding:40px;} .solution .item .itext{ margin-top:10px;} .solution .heading{ font-size:20px;} .article-img .item .media_img{ overflow:hidden} .article-img .item h3{ margin:5px 0} .article-img .item h3 a{ color:#007cc2; font-size:14px; display:block; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;} .article-img .item h3 a:hover{color:#007cc2} .article-img .item .zoomimgs{transition: transform 1s ease 0s;transform: scale(1);} .article-img .item:hover .zoomimgs:hover{transition: transform 1s ease 0s;transform: scale(1.1);} .news-boxs .item{ overflow:hidden;padding:15px 10px 10px;-o-transition:all 0.35s ease-out 0s;-moz-transition:all 0.35s ease-out 0s;-ms-transition:all 0.35s ease-out 0s;-webkit-transition:all 0.35s ease-out 0s;transition:all 0.35s ease-out 0s;} .news-boxs .item:hover{box-shadow:0px 10px 60px rgba(0, 0, 0, 0.20);transform:translateY(-16px);} .news-boxs .item .time{ font-size:12px; color:#999} .news-boxs .item h3 a{ font-size:16px; color:#444} .news-boxs .item .media_img{ margin-top:10px;} .news-boxs .item .desc{ height:44px; overflow:hidden; color:#999;font-size:12px; line-height:22px} .news-boxs .item .zoomimgs{} .news-boxs .item:hover .zoomimgs:hover{transform: scale(1);} #fh5co-content_show .detail .about-inner img{max-width:540px; margin-right:20px;} /* 内页 begin*/ #fh5co-content_show{ padding:40px 0 50px; position:relative;} #fh5co-content_show .right-con{ margin:20px 0 0 30px;} #fh5co-content_show .show_body{font-size:14px;} #fh5co-content_show .detail img{height: auto !important;max-width: 100%;vertical-align: middle;} #fh5co-content_show .detail img{opacity: 0.9;} #fh5co-content_show .content_detail h1{ line-height:1.3} #fh5co-content_show .detail p{text-indent:0; line-height:2; font-size:16px;color:#666} #fh5co-content_show .qhd-title span{margin:0 5px;color:#999} #fh5co-content_show .titles{border-bottom: 1px solid #dedede;height: 33px;margin-bottom: 30px;text-align: left;} #fh5co-content_show .titles h2{border-bottom: 2px solid #203e93;color: #555;display: inline-block;font-size: 16px;font-weight: normal;line-height: 33px;margin: 0;overflow: hidden;padding: 0;word-break: break-all; margin-top:-1px} #fh5co-content_show .detail{font-size:16px;padding-bottom:10px;line-height:2;color: #666;} #fh5co-content_show .qhd-title{ border-bottom:1px solid #eee; margin-bottom:25px; padding-top:6px;font-size:16px;} #fh5co-content_show .qhd-title strong{ font-weight:normal} .mid-nav,.top-point-nav{border-bottom:1px solid #e5e5e5} .mid-nav .xb3{ float:right} .mid-nav .leftbar{ position:relative;z-index:2;} .mid-nav .leftbar h3{ color: #fff;height: 80px;line-height: 80px; font-size:24px;background: url(../images/left-top.jpg) no-repeat right top; overflow:hidden; padding-left:20px;} .mid-nav .leftbar h3 a{color:#fff;} .mid-nav .leftbar h3 img{ vertical-align:middle; margin:0 12px 3px 0; padding:0} .mid-nav .leftbar h4{ display:none;} .mid-nav .leftbar .menu-bot img{max-width:100%} .mid-nav .submenu{ } .mid-nav .submenu li,.point-nav li{line-height:1.5; padding:0px 10px; display:inline-block} .mid-nav .submenu li:last-child,.point-nav li:last-child{ border-bottom:none} .mid-nav .submenu li a,.point-nav li span{ display: block; margin:0; font-size:20px; padding:8px 19px; margin:20px 0; position:relative;top:1px; color:#a81861; cursor:pointer; font-weight:bold} .mid-nav .submenu li a.current,.mid-nav .submenu li a:hover,.point-nav li.active span,.point-nav li:hover span{ transtion:none; color:#fff; background:#a81861 } .mid-nav .submenu li a:before,.point-nav li span:befores{ content:''; position:absolute; background:#dadada; height:18px; width:1px; right:-11px;top:35px;} .mid-nav .submenu li:last-child a:before,.point-nav li:last-child span:before{ display:none} .mid-nav .ur-here{ padding:12px 0px 14px; text-align:right } .top-point-nav.fixed{ position:fixed;z-index:99999;top:0; background:#fff; width:100%; right:0;} #fh5co-content_show .leftcon{width:250px;text-align:left;margin-right:-250px ; float:left; position:relative;z-index:2} #fh5co-content_show .rightcon{width:100%; float:left;position:relative;z-index:1} #fh5co-content_show .rightcon .con{margin-left:300px; position:relative} #fh5co-content_show .rightcon.no-mar .con{ margin-left:0} #fh5co-content_show .detail h2{display: block;font-size: 24px;margin: 20px 0;position: relative;color: #a81861;font-weight: bold;} .page-img-list{ position:relative} .page-img-list .overlay{ position:absolute; height:45px; line-height:45px; width:100%; text-align:center; bottom:0; background:#000;opacity:0.6} #fh5co-content_show .detail .overlay p{ position:relative; line-height:45px;} #fh5co-content_show .detail a .overlay p { color:#fff} .keyan-box .overlay{ overflow:hidden} .keyan-box p{ margin-top:5px;} .stitle{ text-align:center; font-size:18px; margin:20px 0; position:relative} .stitle:afterss{ position:absolute; background:#0d78bc; height:3px; width:50px; left:0; right:0; content:''; margin:0 auto;} .padright .xb3{ float:right} .solution-inner{ border-bottom:1px solid #eee; padding:10px 0} .no-bor{border-bottom:none;} .bg-solution{ background:#2b76c7} .solution-inner a.more { color:#e99612} .hot-pro-list{ border:1px solid #ddd; padding:0 8px 5px; border-top:2px solid #e99612;} .hot-pro-list h3{font-size: 16px;margin-bottom: 10px;height: 43px;border-bottom: #ddd 1px solid;color: #333;line-height: 43px;} .hot-pro-list .item{border-bottom: #ddd 1px solid; position:relative;z-index:1; margin-bottom:10px;} .hot-pro-list .item .media_img{ overflow:hidden} .hot-pro-list .item .media_img img{width: 200px;transform: scale(1);transition: transform 1s ease 0s;} .hot-pro-list .item .media_img:hover img{transform: scale(1.1);transition: transform 1s ease 0s;} .hot-pro-list .item span{ position:absolute;background:#e99612; width:16px; height:16px; line-height:16px; color:#fff; text-align:center; font-size:12px; left:0; top:0;z-index:2;} .hot-pro-list .item:last-child{ border-bottom:none} .hot-pro-list .item .pro_title{ margin:10px 0; font-size:12px;} .hot-art-list{ border:1px solid #ddd; padding:0 8px 5px} .hot-art-list h3{font-size: 16px;margin-bottom: 10px;height: 43px;border-bottom: #ddd 1px solid;color: #333;line-height: 43px;} .hot-art-list li{overflow: hidden;height: 20px; line-height:20px; margin-bottom:12px; font-size:12px;} .hot-art-list li span{ display:inline-block; background:#e99612; margin-right:8px; height:20px; width:20px; line-height:20px; color:#fff; text-align:center} .linn-boxs{ max-width:116px; text-align:center; overflow:hidden; text-align:center; margin:0 auto} .linn-boxs .zoomimgs:hover{transition: transform 1s ease 0s;transform: scale(1);} .linn-boxss{max-width:150px;} .fencai-box .overlay{ overflow:hidden} .contact-addr h3{ color:#333; font-size:30px; line-height:1.6} .contact-addr .desc{ margin-bottom:22px;} .contact-addr .maps{ margin-top:18px;} .contact-addr .cion{ float:left; width:20px; font-size:20px; color:#ccc; line-height:1.6} .contact-addr .frs{ float:left} .contact-addr p{ clear:both} .contact-addr .mr{ display:inline-block; margin-right:20px;} .contact-addr .icon-mobile{ font-size:30px; line-height:1.1} .contact-addr a{ color:#666} .form-contact-con .name-text{ color:#666; } .form-contact-con .input{ border-radius:0; border-color:#e5e5e5;box-shadow:none} .show-cons{ margin-top:36px;} .show-cons h1{ font-size:24px; color:#333} .show-cons .intro-list .media-body{ color:#666} #showArea .thumb{ margin:0 22px;} #showArea .thumb .item{ margin:0 10px;} #showArea .thumb .item img{ border:1px solid #e5e5e5; padding:5px; max-width:100%;} #showArea .thumb .on .item img{ border-color:#ed1b24} .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:#bdbdbd; 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:-27px; text-indent:4px; } .gallery-imgs .owl-theme .owl-controls .owl-prev:before{content:"\f104"; } .gallery-imgs .owl-theme .owl-controls .owl-next{ right:-27px; text-indent:5px; } .gallery-imgs .owl-theme .owl-controls .owl-next:before{content:"\f105"} .text-rightinfo{ margin-left:20px;} /*分页*/ .table span{margin-right:10px;} .content_detail .pager{ padding:0; margin:0; font-size:14px;} .content_detail .pager a{border:none;} .content_detail .pager a:focus,.content_detail .pager a:hover{color: #d00;;background:none} .content_detail .pager li{display:block;text-align:left; line-height:200%} #fh5co-content_show .pagination a{background: #fff;color:#333;} #fh5co-content_show .pagination .active,#fh5co-content_show .pagination a:hover{background: #a81861; color:#fff; } #fh5co-content_show .pagination .active a{color:#fff} #fh5co-content_show .pagination li{ margin:0 3px;} #fh5co-content_show video{max-width:100%} #fh5co-content_show .product-detail{ padding:0px 0;} #fh5co-content_show .product-detail img{ max-width:100%;overflow:hidden;vertical-align:middle;} #fh5co-content_show .product-detail .content-img{overflow:hidden; max-width:430px; margin:0 auto} #fh5co-content_show .product-detail .content-img img{overflow:hidden;vertical-align:middle; text-align:center} #fh5co-content_show .product-detail h1{color:#333;font-size: 24px;line-height: 33px; border-bottom: 1px solid #ddd; padding-bottom:8px;} #fh5co-content_show .product-detail .p_desc{color: #888;line-height: 24px;padding:15px 0 20px;} #fh5co-content_show .product-detail .p_desc p{ font-size:18px;margin-bottom: 18px;line-height: 40px;} #fh5co-content_show .product-detail .p_desc a.protb{height: 40px;width: 40px;background: #797979;float: left;text-align: center;display: block; line-height:38px;margin-right: 8px;border-radius: 3px;} #fh5co-content_show .product-detail .p_desc a.protb img{ vertical-align:middle} #fh5co-content_show .product-detail .p_desc a.protb:hover{background:#e6212a} #fh5co-content_show .product-detail .p_desc span.ptel{font-size: 22px;font-weight: bold;color: #e6212a;} #fh5co-content_show .product-detail .kefu_bnts{background:#FC4300;color:#FFF;width:120px;height:40px;line-height:40px;text-decoration:none;font-size:16px;display:block;text-align:center} #fh5co-content_show .product-detail .kefu_bnts:hover{background:#FF5417;} #fh5co-content_show .product-detail .description{line-height:2;margin-bottom:20px; font-size:16px;} #fh5co-content_show .product-detail .description img{ max-width:480px; margin:0 auto; display:block} #fh5co-content_show .product-detail .description p{line-height:2; color:#666} #fh5co-content_show .product-detail .detail-title{float:left;width:100%; border-bottom: 1px solid #ddd;position: relative;height: 37px;margin-top:40px; margin-bottom:25px;} #fh5co-content_show .product-detail .detail-title h3{background: #fff; color: #333; cursor: pointer; display: inline-block; font-size: 14px; height: 36px; line-height: 36px; text-align: center; width: 126px; 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;} /*article*/ #fh5co-content_show .article-media li{ margin:0} #fh5co-content_show .article-media li:first-child{ padding-top:0} #fh5co-content_show .article-media li a{display: block;width: 100%;height: 100%;display: flex;align-items: center;transition: all .3s;padding:28px 0px;} /*#fh5co-content_show .article-media li a:hover{transform: translateY(-5px);transition: all .3s; text-decoration:none; background-color: #d00;; }*/ .article-media .media .caldata .content{ background:#0072bc; text-align:center;margin-right:8px; color:#fff;padding:14px 16px;} .article-media .media .caldata .content p{ text-align:center} .article-media .media .caldata .content p.day{ font-size:24px; font-weight:bold;color:#fff; line-height:24px; margin:0 0 7px} .article-media .media .caldata .content p.mon-year{ font-size:16px; line-height:22px; margin:0} .article-media .media .media_img{width: 200px;margin-right:20px; overflow:hidden;transition: transform 1s ease 0s;} .article-media .media .media_img:hover{transition: transform 1s ease 0s;} .article-media .media .media_img img{width: 200px;transform: scale(1);transition: transform 1s ease 0s;} .article-media .media .media_img:hover img{transform: scale(1.1);transition: transform 1s ease 0s;} .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:#666; font-size:14px; display:inline-block; margin-top:3px;} .article-media .media .time span{ display:inline-block; margin-right:20px;} .article-media .media .time a{color:#777;} .article-media .media-body h3{font-size: 18px;color: #333} .article-media .media-body h3 a{color: #333;font-size: 20px;line-height:100%; font-weight:bold} .article-media .media-body h3 a:hover{ color: #d00;;} .article-media .media-body p.desc{color: #666;line-height: 20px; font-size:16px; text-align:left; overflow:hidden; height:44px;} .article-media .media-body p.cmore{ margin:12px 0 6px;} .article-media a:hover h3{ color: #d00;} .article-pic-media li{ border-bottom:1px solid #e4e4e4; padding:25px 0 35px} .article-pic-media .media .media_img{width: 260px;margin-right:20px; overflow:hidden;transition: transform 1s ease 0s;} .article-pic-media .media .media_img:hover{transition: transform 1s ease 0s;} .article-pic-media .media .media_img img{width: 260px;transform: scale(1);transition: transform 1s ease 0s;} .article-pic-media .media .media_img:hover img{transform: scale(1.1);transition: transform 1s ease 0s;} .article-pic-media .media .media_img a{border-color: -moz-use-text-color;border-style: none;border-width: medium;padding: 0;} .article-pic-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-pic-media .media .time{color:#777; font-size:14px; display:inline-block; margin-top:3px;} .article-pic-media .media .time span{ display:inline-block; margin-right:20px;} .article-pic-media .media .time a{color:#777;} .article-pic-media .media-body h3{font-size: 20px; margin-bottom:2px;color: #333} .article-pic-media .media-body h3 a{color: #333;font-size: 20px;line-height:100%; font-weight:bold} .article-pic-media .media-body h3 a:hover{ color:#a81861;} .article-pic-media .media-body p.desc{color: #777;line-height: 20px; font-size:14px;} .article-pic-media .media-body p.more{ margin:15px 0 0px; background:#a81861; display:inline-block; color:#fff; padding:6px 15px; position:relative} .article-pic-media a:hover h3{ color: #a81861;} .article-pic-media a:hover .media-body p.more{ background: #a81861; } .article-pic-media .media-body p.more:before{content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background:#c52525; -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; } .article-pic-media a:hover .media-body p.more:before{ -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .inquiry-box{background:#797979 url(../images/about_bg.jpg) no-repeat center top; background-size:cover; padding:72px 0 80px; margin:80px 0 0} .inquiry-box .title{ font-size:36px; color:#fff;} .inquiry-box .desc{ font-size:20px; color:#fff; max-width:680px; margin:8px auto 40px} .inquiry-box .more a{ display:inline-block; text-align:center; width:160px; height:45px; line-height:45px; background:#fff; color:#006ab9; border-radius:25px; font-size:18px;} .list-news-box{ background-size:cover;background:#797979 url(../images/news_bg.jpg) no-repeat center top; background-size:cover} .list-news-box .fh5co-heading{ margin-bottom:34px;} .list-news-box .fh5co-heading h2{ font-size:36px; } .list-news-box .fh5co-heading h2:afters,.list-parnter-box .fh5co-heading h2:afters{ position:absolute; content:''; width:27px; height:3px; background:#a81861; left:-52px; top:15px;} .list-news-box .fh5co-heading h2:befores{ position:absolute; content:''; width:27px; height:3px; background:#a81861; left:121px; top:15px;} .list-news-box .article-media .media-body h3{ white-space:nowrap; overflow:hidden;text-overflow:ellipsis;} .list-news-box .article-media .item_img{ overflow:hidden; border-top-left-radius:5px; border-top-right-radius:5px;} .list-news-box .article-media a{ display:block; background:#fff; border-bottom:1px solid #e4e4e4; padding-bottom:20px; border-radius:5px;} .list-news-box .article-media a h3{line-height:1.3; height:34px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .list-news-box .article-media a:hovers{box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.5);} .list-news-box .article-media a:hover h3{ color: #a81861; } .list-news-box .article-media .media .time{ color:#999; font-size:12px; margin-top:7px;} .list-news-box .article-media .desc{height:66px; overflow:hidden; text-align:left; line-height:22px;} .list-news-box .article-media a:hover .desc{ color:#666; font-size:14px; } .list-news-box .article-media .media .desc{color:#666;margin-top:6px;} .list-news-box .more a{margin: 30px auto 50px; display:block; background:url(../images/more.jpg) no-repeat center top; width:136px; height:48px; color: #d00;text-align: left; line-height:1; line-height:48px; text-align:center; color:#fff; font-size:15px;} .list-news-box .article-media .content{ padding:25px 20px 0px } .list-news-box .article-media .mores{ color:#a81861; margin-top:10px;} .list-bottom-box{ background-color:#fef9f6; color:#333; background-position:center top; background-size:cover; background-repeat:no-repeat;position:relative; padding:80px 0 76px;} .list-bottom-box .zoomimgs:hover{transition: transform 1s ease 0s;transform: scale(1);} .list-bottom-box .item1{} .list-bottom-box .fh5co-heading{ text-align:left !important ; padding: 80px 0 40px; color:#fff} .list-bottom-box .fh5co-heading h2{ position:relative; padding-bottom:5px;} .list-bottom-box .fh5co-heading h2:before{} .list-bottom-box .certificate .fh5co-heading{ text-align:center;padding: 50px 0 10px;} .list-bottom-box .certificate .fh5co-heading h2{ text-align:center} .list-bottom-box .certificate .fh5co-heading h2:before{ left:160px;} .list-bottom-box .item2{ font-size:16px; line-height:2} .list-bottom-box .item1 .con{ margin-bottom:30px; font-size:16px; line-height:2} .list-bottom-box .item1 .con p{ line-height:2; margin-bottom:15px;} .list-bottom-box .item1{ margin:0 35px 0 30px;} .list-bottom-box .a-list .item { } .list-bottom-box .a-list .item h3{ font-size:60px; color:#0168b7; font-weight:bold; margin-bottom:20px; height:70px; line-height:1} .list-bottom-box .a-list .item p{ font-size:20px; color:#333;} .list-bottom-box .a-list .item1 p{ text-indent:32px;} .list-bottom-box .a-list .item2 p{ text-indent:23px;} .list-bottom-box .a-list .item3 p{ text-indent:42px;} .list-bottom-box .more a{margin: 30px 0 0px; display:block; background:url(../images/more.jpg) no-repeat center top; width:136px; height:48px; color: #d00;text-align: left; line-height:1; line-height:48px; text-align:center; color:#fff; font-size:15px;} .list-bottom-box .more a:hover{color: #fff;} .list-bottom-box .show_list{ } .about-play-box .play-btn{z-index:4; position:absolute; color:#fff;top:235px;left:30%;transition:all .35s ease-in-out;background:rgb(159,208,3,.4);border-radius:50%;width:66px; height:66px;} .about-play-box .play-btn .inner{ width:50px; height:50px; line-height:50px;border-radius:50%;background:#eaa202; margin:8px auto 0;text-align:center} .about-play-box .play-btn i{ font-size:20px; display:inline-block; margin-left:3px; } .list-parnter-box .inner{background:url(../images/part_bg.jpg) no-repeat center top; padding:28px 3px 30px; width:160px; height:150px; margin:0 auto } .list-parnter-box .inner .item_img{ width:129px; height:113px; margin:0 0 0 3px } .list-parnter-box .inner .zoomimgs:hover{transform: scale(1);} .list-parnter-box .fh5co-heading { padding-bottom:50px;} .list-parnter-box{ padding-bottom:20px;} .form-x .form-group .label{ width:22%;} .form-x .form-group .field{ width:78%;} .form-x .form-button{ margin-left:22%} .list-why-box{ background:#fff} .list-why-box .fh5co-heading h2:before{ left:252px;} .list-case-box{ background:#f8f8f8 url(../images/case_bg.jpg) no-repeat center top; background-size:cover} .list-case-box .fh5co-heading{padding: 65px 0 55px;} .quotelist{overflow:hidden; margin-top:15px; margin-bottom:35px;} .quoteitem{ width:110%; overflow:hidden; margin:0px auto;} .quoteitem li{float:left; margin-right:20px; width:120px; overflow:hidden; text-align:center; margin-bottom:20px;} .quotephoto{width:120px; height:120px; text-align:center; vertical-align:middle; border:1px solid #e5e5e5; box-sizing:border-box;} .quotephoto img{max-width:100%; height:auto;} .quotename{display:block; margin-top:15px;} .quotename a{display:block; height:54px; line-height:18px; overflow:hidden; font-size:12px;} .delcss{ text-align:center; margin-top:15px;} .delcss a{display:inline-block; width:70px; height:25px; border:1px solid #007cc2; border-radius:5px; background:#a81861; color:#fff; font-size:14px;} .cart-btn-box a{display:inline-block; width:120px; height:40px; line-height:40px; border-radius:5px; background:#a81861; color:#fff; font-size:16px; text-align:center} .cart-btn-box a:hover{ color:#fff; background:#9d2a2a;} .case_item{padding:0 15px;margin-bottom:30px;} .case_item a{float:left;display:block;width:100%;position:relative;} .case_item_img{float:left;width:100%;overflow:hidden;} .case_item_img span{} .case_item_box{position:absolute;left:0;bottom:0;width:100%;height:34px;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{float:left;width:100%;height:34px;line-height:34px;font-size:16px;text-align:center; overflow:hidden;text-overflow:ellipsis;} .case_item_des{float:left;width:100%;font-size:12px;line-height:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .case_item:hover .casezoomimgs{transition: transform 1s ease 0s;transform: scale(1.3);} .case_item:hover .case_item_box{height:100%;} .photoList .item{background:#fff; padding:25px 20px; border:1px solid #eae9e9; 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;} .photoList .item:hover{box-shadow:0 0 10px 2px rgba(0,0,0,0.05); border-color:#ffffff;} .photoList .item h3{ font-size:18px; margin:10px 0 0px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;} .photoList .item .cat-name{font-size:16px;color:#8fbc01; height:28px; overflow:hidden;} .photoList .item:hover .artzoomimgs{transition: transform 1s ease 0s;transform: scale(1.1);} .photoList .item:hover h3{color: #d00;} .photoList .item .photo_item_img{ overflow:hidden} .photoList .item .desc{ color:#888; height:46px; overflow:hidden} .photoList .item:hover .desc{ color:#888} .list-case-box .case_item{margin-bottom:20px;} .list-case-box .case_item1 .item{ margin-right:3px;} .list-case-box .case_item1 .case_item_box{height:114px;} .list-case-box .case_item1 .case_item_title{ text-align:left; font-size:20px;} .list-case-box .case_item1 .case_item_des{font-size:16px;} .news-list .video-inner{background-color:#fff;box-shadow:0 1px 10px rgba(0,0,0,.1); overflow:hidden; padding-bottom:20px;} .news-list .video-inner:hover{box-shadow:0 1px 10px rgba(0,0,0,.4);} .news-list .item-img .a-inner .artzoomimgs{ 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;z-index:1} .news-list .item-img.news-image .a-inner img{box-shadow: 0 5px 25px rgba(54,54,54,.3);} .news-list .item-img h3 { display:block; color:#333;margin:15px 10px 0px; height:56px; overflow:hidden; font-size:16px;} .news-list .item-img:hover h3{ color: #d00;} .news-list .item-img:active, .news-list .item-img:focus, .news-list .item-img .a-inner:hover .artzoomimgs{transition: transform 1s ease 0s;transform: scale(1.1);} .news-list .item-video .a-inner{ position:relative;overflow:hidden;} .news-list .item-video .play-btn{z-index:4; position:absolute;transform:translate(-50%,-50%); color:#fff;top:50%;left:50%;transition:all .35s ease-in-out;/* background:rgb(159,208,3,.4);border-radius:50%;width:66px; height:66px;*/} .news-list .item-video .play-btn .inner{ width:50px; height:50px; line-height:50px;border-radius:50%;background:#eaa202; margin:8px auto 0} .news-list .item-video .play-btn i{ font-size:20px; display:inline-block; margin-left:3px;} .video-inner{ cursor:pointer} .video-id-boxs{display: none; position: fixed;top: 0;left: 0;right: 0;bottom:0; width:100%;height:100%;z-index: 990; } .closess{position: fixed;right: 1%;top: 1%;border-radius: 100%;width: 25px !important;height: 25px !important;z-index:2093;color:#fff; } .closess span{font-size:37px;} .fancybox-iframe{display:block; padding:0; border:0; height:100%; background:#000; width:100%;} .video-id-boxs .inner{ position:relative;width: 80%;height: 80%;top: 10%;left: 10%;background:#000;z-index:4} .fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity: .85;transition-timing-function: cubic-bezier(.22,.61,.36,1);background-color: #000; transition-duration:inherit;transition-property:opacity;z-index:1} .down_table td{border:none;border-bottom:1px solid #e5e5e5} .down_table>thead>tr>th{background-color:#f8fee7; border:0; color:#fff; text-transform:uppercase; padding:15px} .down_table>tbody>tr{transition:all .35s ease-in-out} .down_table>tbody>tr>td{ padding:15px; font-size:16px;} .down_table>tbody>tr>td i{font-size:20px;} .down_table>tbody>tr.table-tr-link{cursor:pointer} .down_table>tbody>tr.table-tr-link:active, .down_table>tbody>tr.table-tr-link:focus, .down_table>tbody>tr.table-tr-link:hover{background-color:#fbffef; color: #d00;} /*内页banner .slideshow{ height:230px; position:relative; background-repeat:no-repeat; background-position: center top; background-size:cover}*/ .slideshow img{ width:100%} .slideshow .overlay {position:absolute;left:0;top:0;width:100%;height:100%} .slideshow .overlay .container{height:100%;display:table;text-align:center} .slideshow .overlay .container .line{display:table-cell;vertical-align:middle} .slideshow .overlay .container .line .title{text-align:center} .slideshow .overlay .container .line .title h2{text-align:center;display:inline-block;margin:auto;color:#fff;text-transform:uppercase;font-size:14px;line-height:30px;font-weight:700;position:relative;margin-top:30px} .slideshow .overlay .container .line .title h2 a{ color:#fff; font-size:14px; font-weight:normal} #fh5co-hero1{ display:none} /*悬浮链接*/ .suspension .red{ color:#208cbc} .suspension{position:fixed;z-index:5;right:0;top:50%; margin-top:-120px;width:70px;height:240px;} .suspension-box{position:relative;float:right;} .suspension .a{display:block;width:44px;height:44px; line-height:44px;background-color:#a81861;margin-bottom:4px;cursor:pointer;outline:none; text-align:center} .suspension .a.active,.suspension .a:hover{background:#db0000;} .suspension .a span{ color:#fff; font-size:23px; } .suspension .a-top{background:#aaa; display:none;} .suspension .a-top:hover{background:#999;} .suspension .d{display:none;width:223px;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:23px;} .suspension .d-service{top:0;} .suspension .d-skype{top:44px;} .suspension .d-service-phone{top:49px;} .suspension .d-qrcode{top:96px;} .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-skype{width:44px;height:44px;background:url(../images/skype.png) no-repeat center 10px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;} .suspension .d-service-item:hover .i-skype{background-position:center 5px;} .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:102px;line-height:44px;font-size:15px;margin-left:12px;} .suspension .d-service-item .text{float:left;width:102px;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;} /*在线客服 end*/ .product-cat-list{ margin-top:30px; position:relative;z-index:1} .psidebar-l{background: #f6f6f6; padding:20px;} .psidebar-l .cat-title{color: #444; font-size:26px; font-weight:bold; border-bottom:1px solid #e5e5e5; padding-bottom:10px; margin-bottom:10px;} .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{line-height:54px;border-bottom:1px solid #e5e5e5;} .psidebar-l .menu-open ul li:last-child{border-bottom:none} .psidebar-l .menu-open ul li ul li{border-bottom:none;} .psidebar-l .menu-open ul li .oneNav{display:block;padding:0 0px 0 0px;position:relative;font-size:18px;text-decoration:none;} .psidebar-l .menu-open ul li a:hover,.psidebar-l .menu-open ul li a.on{color:#a81861;} .psidebar-l .menu-open ul li a{padding:0 10px 0 5px;font-size:16px; color:#666;} .psidebar-l .menu-open ul li a:hover{color:#a81861;} .psidebar-l .menu-open ul li a.first-cat{ text-indent:14px;} .psidebar-l .menu-open ul ul li a{font-size:12px;color:#666;} .psidebar-l .menu-open ul.d-firstDrop{ padding:0 0 15px;} .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 0px 5px 6px; font-size:15px; line-height:1.5;color:#777; } .psidebar-l .menu-open ul li ul li a.noicon{display:block;padding:4px 0px 4px 13px; } .psidebar-l .menu-open ul li ul li a:hover,.psidebar-l .menu-open ul li ul li a.on{color:#a81861;} .psidebar-l .menu-open ul li ul li ul li a{padding:4px 10px 4px 28px; font-size:13px;} .psidebar-l .menu-open ul li .d-secondNav{padding:0 10px 0 0px; color:#666;line-height:1.5;position:relative;} .psidebar-l .menu-open ul li .d-secondNav I{ position:absolute;color:#666;top:1px;right:7px;} .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:16px; right:0px; top:1px; bottom:0; font-size:16px; color:#999; cursor:pointer} .psidebar-l .menu-open ul li.on .oneNav a,.psidebar-l .menu-open ul li ul li.on .d-secondNav a{ color:#a81861;} .psidebar-l .menu-open ul li.on .oneNav i{color:#a81861;} .psidebar-l .menu-open ul li .oneNav i.rotates,.psidebar-l .menu-open ul li ul li .d-secondNav i.rotates{transform: rotate(180deg);} .psidebar-l .menu-open ul li .oneNav a{ padding-left:0px;} .psidebar-l .menu-open ul li ul li .d-secondNav a{padding:8px 8px 8px 12px; position:relative} /*弹出层*/ #speDiv{position:absolute;z-index:2147483647;width:50%;} #speDiv #filter-box{width:50%;position:relative;z-index:1000034;} #speDiv #filter-box .pop-bg{background:#999;position:absolute;left:0;top:0;z-index:999;width:50%;} #speDiv #filter-box .pop-cart{background:url(../images/shaddow_bg.png) no-repeat left center;position:absolute;left:10px;top:10px;z-index:1000;width:406px;padding:20px;-moz-box-shadow:0 5px 5px rgba(0,0,0,.75);-webkit-box-shadow:0 5px 5px rgba(0,0,0,.3);box-shadow:0 5px 5px rgba(0,0,0,.3);border-radius:3px; height:284px; } #speDiv .pop-close{padding-bottom:10px;position:relative; margin-bottom:20px} /*#speDiv .pop-close span.strig{position:absolute;left:-15px;width:5px;background:#d90000;top:5px;display:block;height:20px}*/ #speDiv .pop-close a{position:absolute;right:-15px;top:-25px;display:block;width:36px;height:36px;font-size:46px;font-weight:500;color:#fff} #speDiv .pop-close a:hover{color:#d90000} #speDiv .pop-title{font-size:18px;color:#333} #speDiv .pop-title span{color:#9C9C9C} #speDiv .box_content{ font-size:18px; text-align:center; padding:55px 15px 0;} #speDiv .email-box{ margin-top:20px;} #speDiv .email-box,#speDiv .tel-boxs{ line-height:2;margin-bottom:10px;} #speDiv .email-box p{ line-height:2} #speDiv .email-box .ems2{ margin-left:85px;} #speDiv .email-box p{ } #speDiv .tel-boxs{text-align:left;} #speDiv .email-box span,#speDiv .tel-boxs span{ color:#999; display:inline-block; margin-right:8px;} #speDiv .pop-words,#speDiv .pop-words2{font-size:16px;text-align:center;color:#333} #speDiv .pop-words1{margin-top:15px} #speDiv .pop-words2{margin-top:5px;margin-bottom:20px} #speDiv .spe-content{margin-top:15px} #speDiv .pop-btn{line-height:36px;position:relative;margin:0 auto;width:125px} #speDiv .pop-btn a.submit-btn{display:inline-block;background:#3CB658;color:#FFF;border-radius: 3px;transition: all 0.3s;font-size:16px} #speDiv .pop-btn a.submit-btn:hover{background:#49C365;} #speDiv .pop-btn_two{width:100%;margin:0 auto; text-align:center} #speDiv .pop-btn_two a{ display:inline-block; padding:0 16px; height:40px; line-height:40px;} #speDiv .pop-btn_two a.submit-btn2{margin-right:0px;} #speDiv .pop-notice a{text-decoration:underline;color:#EC3C03} #speDiv .pop-notice a:hover{text-decoration:none;} #speDiv .pop-btn .secbigtitle{position:absolute;left:90px;top:0;width:160px;height:30px} #mask{background:#000;position:absolute;z-index:9999;top:0;left:0;opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8} /*msg box begin*/ .msgbox{width:100%;height:100%;background:rgba(0,0,0,0.6);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:10000001;border-radius:4px;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:#ed1b24;color:#FFF; margin:30px auto;text-align:center;height:32px;line-height:32px;cursor: pointer;border-radius:4px;} .hint-in3:hover,.hintl-in3:hover,.hintl-in31:hover{background:#be020a} .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:24px;padding-left:240px;} .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:#FF9D00;color:#FFF; margin:30px 0 30px 95px;text-align:center;height:32px;line-height:32px;cursor: pointer;float:left;border-radius:4px;} .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:4px;} .hintl-in4:hover{background:#bbb} /*msg box end*/ .buyBtn{ padding:0 25px;height:45px;background:#007cc2;color:#fff;line-height:45px;display: inline-block;margin-right:10px;text-align: center;font-size:16px;text-decoration: none;border-radius:3px; border:none} .buyBtn:hover,.buyBtn:focus{color:#fff;background:#ff6800;text-decoration:none;} .buyBtn span{ display:inline-block; margin-right:7px;} .submit-btn2{ background:#bbb; color:#666} .btn-boxs{ margin-top:60px;} .btn-boxs a{ display:inline-block; width:140px; height:38px; line-height:36px; font-size:15px; border:1px solid #ed1b24; border-radius:25px; color:#333} .btn-boxs a.btns1{background:url(../images/pdf.png) no-repeat 17px center; text-indent:48px; margin-right:10px;} .btn-boxs a.btns2{ border-color:#0086ed;background:url(../images/print.png) no-repeat 32px center;text-indent:72px} .tabline{height:42px;border-bottom:2px solid #e2e2e2; margin-top:60px;} .tabline h2{width:134px;height:42px;line-height:40px;text-align:center; float:left; margin-right:10px; font-size:16px; color:#333; cursor:pointer;position:relative; background:#e2e2e2;border-top-left-radius:5px; border-top-right-radius:5px;} .tabline .h2bg{color:#fff;height:42px;line-height:42px; font-weight:normal;background: #e70012;} .tabline h2.h2bg:last-child{} #tabline-bar{} #tabline-bar .bnts{ margin:2px 10px 0 150px; visibility:hidden;} .contentBox a{color:#fff;} .tab-con{ display:none} .tab-con.active{ display:block} .tab-box img{ max-width:100%} .tab-box .goods_desc{} .tab-box .goods_desc img{ max-width:600px; margin:0 auto 20px; text-align:center} .goods_desc{ color:#666; font-size:16px;line-height:2} .goods_desc p{ line-height:2} .goods_desc img{ max-width:100%} .goods_desc table{ width:100%} .goods_desc table td{ padding:5px} video{ max-width:100%;} .mrt{ margin-left:7px; display:inline-block} .inquirys{ width:69%;} .inquirys .sels{ background: url(../images/sellect-arrow.jpg) no-repeat 96% center;border-color:#e5e5e5; color:#333} .inquirys .input{ border-radius:0; border-color:#e5e5e5; box-shadow:none} .inquirys .ntms{ background:#f00; width:80px; height:34px; line-height:34px;margin-right:6px; border-radius:5px; display:inline-block; text-align:center; color:#fff} .inquirys .ntms:hover{ color:#fff; background:#eaa202} .comment-bg{ background:#f5f5f5; padding:40px 0 50px;} .ccitem{display: block; margin: 0 0 20px 0; padding: 10px; background: white; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); transition: all 220ms; color:#333} .ccitem .name{ font-size:18px;} .ccitem .cname{ font-size:14px; color:#999} .ccitem .desc{ text-align:left; color:#666; font-size:16px;background:url(../images/du-icon.png) no-repeat center 10px; padding:45px 10px 15px;} .ccitem .media-img{ position:relative;z-index:1;top:0px; left:0;margin:0 auto 8px;} .ccitem:hover{box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); transform: translateY(-5px); transition: all 220ms;} .ccitem > img{display: block; width: 100%; margin: 0 0 20px 0;} .ccitem h2{text-align: center; font-size: 14px; text-transform: uppercase; margin: 0 0 10px 0;} .wall{display: block; position: relative; min-height:1px; margin-left:-10px; margin-right:-10px} .wall-column{display: block; position: relative; width: 33.333333%; width: 25%; float: left; padding: 0 10px; box-sizing: border-box;} /*手机底部导航*/ #toolbar{ display:none;} .zoomimgs{transition: transform 1s ease 0s;transform: scale(1); } .zoomimgs:hover{transition: transform 1s ease 0s;transform: scale(1.2);} /* ======置顶 ======*/ .backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:9;background:#111 url(../images/icon-gotop-fixed.png) no-repeat center center;} .backToTop:hover{background-color:#666;} .cat_item{margin-bottom:30px;} .cat_item a{float:left;display:block;width:100%;position:relative;} .cat_img{overflow:hidden;} .cat_item_img{float:left;width:100%;overflow:hidden;} .cat_item_img span{} .cat_item_box{position:absolute;left:0;bottom:0;width:100%;height:0px;background:rgba(59,118,182,0.7);color:#fff;padding:0 8px;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;} .cat_item_table{display:table;width:100%;height:100%;} .cat_item_cell{display:table-cell;width:100%;vertical-align:middle;} .cat_item_title{float:left;width:100%;height:34px;line-height:34px;font-size:20px;text-align:center;} .cat_item_more{float:left;width:100%;height:34px;line-height:34px;font-size:22px;text-align:center;} .cat_item_des{float:left;width:100%;font-size:12px;line-height:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .cat_item:hover .zoomimgs{transition: transform 1s ease 0s;transform: scale(1.1);} .cat_item:hover .cat_item_box{height:100%;} @media screen and (min-width:1280px){ .container{ width:1280px; padding:0} .col-7-1{ width:14.28571428%} } @media (min-width:1199px) and (max-width:1441px){ .container-layout {max-width: 99%;} #fh5co-header .top-nav li{ padding:0 40px;} #fh5co-header .top-nav li a::after{ right:-40px;} } @media screen and (min-width:1000px){ .col-5-1{float:left;width: 20% !important; display: table-cell;} } @media screen and (max-width:1199px){ .mid-nav .xb3{ float:left; text-align:left} .mid-nav .ur-here{ text-align:left} #fh5co-header .top-nav li{padding: 0 28px 0;} #fh5co-header .top-nav li a{ font-size:17px;} #fh5co-header .top-nav li a::after{} .fh5co-heading h2{ font-size:30px;} .brode-img img{ width:120px;} footer,.list-news-box .i-texts h3 a,.list-news-box .desc,.hot-product-box .item h3,.cat_boxs .item h3{ font-size:14px;} footer .footer-top h3{ font-size:18px;} footer .footer-top .con li a,footer .footer-top .btel{ font-size:14px;background-position:left top} footer .footer-top .email-txt input.form-control{ font-size:12px;} footer .footer-top .item2{ padding-left:5px;} .contentbox .media.media-x .float-right img{ width:300px;} .text-rightinfo{ margin-top:20px; margin-left: 0px;} footer .footer-top .item1 li{ width:43%} #fh5co-header .top-nav li a::after{ right:-42px;} .top-lan {margin: 40px 0 0 20px;} .list-bottom-box .fh5co-heading{ padding: 6px 0 40px;} .hot-product-box .show-list .owl-controls .owl-prev{ left:-30px } .hot-product-box .show-list .owl-controls .owl-next{ right:-30px } .list-bottom-box .item1 .con,.list-bottom-box .item2 .a-list a{ font-size:14px;} .search_con{margin: 36px 0 0 10px;} } @media screen and (max-width:1000px){ .mid-nav .leftbar h3{ text-align:left; text-indent:20px;} #fh5co-content_show .leftcon{width:185px;margin-right:-185px ;} #fh5co-content_show .rightcon .con{margin-left:205px;} .mid-nav .submenu li a,.point-nav li span{ background-position:10px center;display: block; font-size:16px; } .mid-nav .submenu li a.current,.mid-nav .submenu li a:hover{background-position:159px center;} .mid-nav .submenu li a:before,.point-nav li span:before{ top:33px;} .show-product .item .media-img{ max-width:220px; } .padright .margin-big-top{ margin-top:0} .tab-con li a{ width:70%} .mid-nav .leftbar h3{ padding-left:0} .mid-nav .leftbar h3 img{ display:none} footer .footer-bot .item2{ padding:0} #fh5co-header .top-head.fixed.fixed-top{height:67px;} .toptxt{font-size:14px;padding:13px 0;} .fh5co-heading p.desc,.article-media .media-body p.desc{font-size:12px;} .advantage-box .item{ width:50%; margin:0; padding:0; float:left} .advantage-box video{ margin-top:20px;} .exhibitionslider .slides > li{height:410px;} .bottom-info .fh5co-heading h2{ margin-top:20px;} #fh5co-header .top-nav li{padding: 0 2px 0 2px;} #fh5co-header .top-nav li a{ font-size:14px;} #fh5co-header .top-nav li a::after{ display:none} #fh5co-header .top-nav li,#fh5co-header .top-nav li a{ line-height:50px;} .webcome{ line-height:22px;} .tel-t{line-height:25px;} .tel-t .tel-box{ margin:0 6px 6px 0; } #fh5co-header .logo{ padding:9px 0 8px} #fh5co-header .logo img{} .top-lan{ margin:12px 0 0 10px} #fh5co-header .top-nav li.current a:before,#fh5co-header .top-nav li a:hover:before{ bottom:15px;} .list-comment-box .show-list .owl-controls .owl-prev,.cat_boxs .show-list .owl-controls .owl-prev{ left:-18px; } .list-comment-box .show-list .owl-controls .owl-next,.cat_boxs .show-list .owl-controls .owl-next{ right:-18px; } .hot-product-box .item::before{ display:none} .hot-product-box .fh5co-heading{ padding:30px 0 20px;} .hot-product-box .margin-large-bottom{ margin-bottom:18px !important} .list-comment-box .item{ margin:0 8px;} footer .footer-top .item::before{ display:none} footer .footer-top .item2{ padding-left:0} footer .footer-top .item{ min-height:140px;} footer .footer-bot .item3 .social-nav{ padding:0 8px;} footer .footer-bot .item3 span{ margin:0 4px;} .article-media .media-body h3{ font-size:16px;} .article-media .media .caldata .content p.day{ padding:0px 0px; font-weight:normal; margin:0} .article-media .media .caldata .content p.mon-year{ font-size:12px; height:26px; line-height:26px; } .article-media .media .caldata .content{ padding:11px 10px 9px} #fh5co-content_show .article-media li a{ padding:12px 0} .contentbox .media.media-x .float-right{ float:none !important; margin-left:0; text-align:center} .contentbox .media.media-x .float-right img{ width:auto; margin-bottom:12px;} .ptitle h2{ height:55px;} .contentbox{ padding:40px 0} .form-contact-con{ margin-left:0} .list-bottom-box .item1{ padding-left:0} .inquirys{ width:100%;} .index-leftbar{width:100%; } .index-rightbar{width:100%;} .index-rightbar .right-content{ margin:0 10px} #fh5co-content_show..product-show-boxs{ padding:0 0 30px;} .product-show-boxs .container{ padding:0; width:100%;} .left-menu .btitle{background:url(../images/xiangx.png) #333; background-repeat:no-repeat; background-position:140px 17px; color:#fff;font-size: 12px; font-weight:bold;height: 48px; line-height:48px; cursor:pointer; border:none; } .left-menu{} .left-menu .btitle.on{background:#333 url(../images/xiangs.png) no-repeat 140px 17px;} .left-menu .menu-boxs{ display:none} .left-menu ul li{ padding:0;text-indent:0.5em;} .left-menu ul li a{ display:inline-block;padding:10px 0 } .left-menu ul li ul{ width:100%;display:none; position:relative;left:auto;top:auto; border:none; padding:6px 0} .left-menu ul li ul li{ width:100%; border-bottom:none; padding:4px 0} .left-menu ul li ul li a{ padding:0px } .left-menu .btitle .sprm{ float:right;font-size: 12px;margin-right: 10px;} .left-menu .btitle .sprm a{ color:#fff} .left-menu ul li{ font-size:13px;border-bottom: 1px solid #CCC;background:url(../images/xx1.png) no-repeat right 9px;} .left-menu ul li.on{ background:url(../images/xx2.png) no-repeat right 9px;} .left-menu .btitle::before{ display:none} .pcshows .container-layout{ max-width:100%} footer .footer-top .item{ height:320px;} .offcanvas-visible #fh5co-offcanvas{ display:block} #fh5co-offcanvas .nav{display: block !important;borer:none} .fh5co-nav-toggle{display: block;} .nav-menu ul{ position:relative;left:auto;top:auto; background:none; box-shadow:none; border:none} .list-bottom-box .item1{ font-size:14px;margin: 0 35px 0 0px;} .list-bottom-box .item1 .a-list a{ display:block} .list-case-box .case_item1 .case_item_title{ font-size:15px;} .list-case-box .case_item1 .case_item_des,.case_item_title{ font-size:12px;} .list-bottom-box .item2 .fh5co-heading{padding: 30px 0 40px;} .list-case-box .case_item1 .item{ margin:0} .list-case-box .case_item1{ padding:0} #toclickbox{ display:block} #searchtop{background:none; padding:0; top:66px; display:none;width:100%; position:absolute;} #searchtop .search_con{ display:block; width:100%; position:relative; margin:0; background:#fff; height:35px;} #searchtop .skw{position:relative;left:0px; right:0px;width:100%; color:#666} #searchtop .sub{ width:60px; position:absolute; right:0;top:0px;color:#666; font-size:16px;} .container-layout{ max-width:100%;} .article-pic-media .media .media_img{width: 210px;} .article-pic-media .media .media_img img{width: 210px;} .article-pic-media .media-body h3{ font-size:17px;} .list-bottom-box .media-img{ margin-bottom:30px;} .inner-header { height:67px;} .top-link-box{ border:none} .inner-header .logo img{ height:52px;} #fh5co-header .logo{top:0px; padding:6px 0 0} #fh5co-offcanvas ul li i.icon-angle-down{ display:none} .fh5co-heading h2::before{ left:105px;top: 10px;} .top-lan{ position:fixed;top:5px; right:76px;} .top-lan .nav{ display:block !important} } @media screen and (max-width:760px){ #fh5co-header .top-head.fixed.fixed-top{height:60px;} #fh5co-header .logo img{ height:40px;} #quirydialog .qdialog-head{width:360px } #fh5co-header .logo{padding:14px 0 0px;} .article-media .media .media_img{width:150px; margin-right:12px;} .article-media .media .media_img img{width:150px;} .article-media .media .time{ display:none} #fh5co-content_show{ padding:0 0 30px;} #fh5co-content_show .leftcon{width:100%;margin-right:0px ;} #fh5co-content_show .rightcon .con{margin-left:0px; padding:0 10px; margin-top:30px;} .ur-here{ display:none} .mid-nav{ border-bottom:none; background:none; } .mid-nav .container-layout{ padding:0} .mid-nav .leftbar{ background:none; margin-bottom:30px; height:50px;} .mid-nav .leftbar ul.submenu{ clear:both; border:none;} .leftbar{background:#000; } .mid-nav .leftbar h3,.pro-tree-box h3{ display:none} .mid-nav .leftbar h4{ display:block; float:right; width:50%; background:#a81861; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px;} .mid-nav .leftbar button,.pro-tree-box button{z-index:99;float:left; width:50%; height:50px; line-height:50px; padding:0; margin:0;border:none;border-radius:0; background:#000; color:#fff; font-size:16px; text-align:left; text-indent:12px;} .mid-nav .leftbar button span,.pro-tree-box button span{ display:inline-block; margin-left:0px;} .mid-nav .submenu li{float:none; background:#fff; padding:0; display:block} .mid-nav .submenu li a,.mid-nav .submenu li:first-child a{ background-position:25px center;padding:12px 18px; margin:0 } .mid-nav .submenu li a.current,.mid-nav .submenu li a:hover{background:#a81861; color:#fff} .mid-nav .submenu li:last-child{ border-bottom:1px solid #e2e2e2; } .product-list-box{margin-top:20px;} .pro-tree-box .submenu{ clear:both } .pro-tree-box .leftbar h4{ display:block; float:right; width:50%; background:#007cc2; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px;} .pro-tree-box button:hover,.pro-tree-box button:focus{ background:#000;} .pro-box .item1,.pro-box .item3,.list-news-box .item,.list-news-box .media{ margin-bottom:23px;} .inner-header { height:60px;} #searchtop{top:59px;} .inner-product-box .item h3{ font-size:14px;} .top-lan{ top:-4px; right:90px;} .top-lan li a.tops{ font-size:14px;} .SonlineBox,.flex-direction-nav{ display:none} #fh5co-hero1{ display:none} #fh5co-hero{ display:block} .suspension{ display:none} #china-map {height:500px;} .flex-control-nav{bottom:10px;} #speDiv,.buyBtn{ font-size:12px;} #speDiv #filter-box .pop-cart{width:300px;} #fh5co-content_show .detail,#fh5co-content_show .qhd-title,#fh5co-content_show .product-detail .description,#fh5co-content_show .product-detail .description p{ font-size:14px;} .index-box .about .desc{ padding-right:0px;} .tab-box .tab-head li a{ padding:0 8px; margin:15px 3px;font-size:14px;} .index-box .tab-more{ display:none} #toclickbox{ display:block} #showArea .thumb .item{ margin:0 2px;} .index-rightbar .right-content .title span{ display:none} #fh5co-header .header-box .tnav-bg{ position:static;height:auto; line-height:auto; margin-bottom:10px;} .top-nav li a.first-level:after,.top-nav li.current a.first-level:after{ display:none} #fh5co-offcanvas ul li.lan{ float:none} #fh5co-offcanvas ul li.lan{ line-height:32px; margin:0; padding:0; float:left !important} #fh5co-offcanvas ul li.lan a{ font-size: 16px;margin:0px 5px 0 0;display:inline-block; border:none} #fh5co-offcanvas ul li.lan a::after{ display:none} #fh5co-offcanvas ul li{ line-height:40px !important} #fh5co-offcanvas ul li.lanli a{ display:inline-block; margin:0 5px;} #fh5co-offcanvas ul li.lanli a::after{ display:none} #fh5co-offcanvas ul li.lanli a:first-child{ margin-left:0} #fh5co-content_show .content_detail h1,.show-cons h1{ font-size:16px;} #fh5co-content_show .detail p,.index-rightbar .right-content .title{ font-size:14px;} .goods_desc{ font-size:12px;} .tabline h2{ width:auto; padding:0 10px;font-size:12px;margin-right:5px;} .toptxt{ font-size:12px;} .webinfo-r .float-right{ float:left !important} .search_con{ margin:5px 0 0} .top-head{ font-size:11px;} .tel-t .tel-box{ margin:0 6px 6px 12px; } .container-layout{ max-width:100%;} .list-comment-box .show-list .owl-controls .owl-prev,.cat_boxs .show-list .owl-controls .owl-prev{ left:-10px; } .list-comment-box .show-list .owl-controls .owl-next,.cat_boxs .show-list .owl-controls .owl-next{ right:-10px; } .cat_boxs .show-list .owl-controls .owl-buttons div,.list-comment-box .show-list .owl-controls .owl-buttons div{width:30px; height:30px; line-height:38px; } .cat_boxs .show-list .owl-controls .owl-buttons div:before,.list-comment-box .show-list .owl-controls .owl-buttons div:before{line-height:30px;font-size:22px;} .cat_boxs .show-list .owl-controls .owl-prev,.list-comment-box .show-list .owl-controls .owl-prev{ text-indent:4px; } .cat_boxs .show-list .owl-controls .owl-next,.list-comment-box .show-list .owl-controls .owl-next{text-indent:6px; } .fh5co-heading{ padding:0px 0 10px;} .fh5co-heading h2{ font-size:24px;} .list-news-box{ padding: 0 0 0px;} .contentbox .cons{font-size:12px;} .contentbox .cons p {font-size:12px;} .point-nav li span{ font-size:12px;padding: 15px 0px 15px;text-transform:capitalize;} .point-nav li span::before{ height:12px;top: 19px;right: -7px;} .point-nav li{ padding:0 4px;} .ptitle h2{ font-size:18px; height:45px;} .kefu-boxs{width:35px;height:35px;bottom:20px;} .kefu-boxs img{width:35px;height:35px;} .mid-nav .container{ padding:0} #fh5co-offcanvas{top:54px;} .form-x .form-group .label{ width:100%;} .form-x .form-group .field{ width:100%;} .form-x .form-button{ margin-left:0} .case_item{ padding:0} footer .footer-bot .item h3{ } footer .footer-bot .item h3:before{left:0px;} .list-bottom-box .a-list .item h3{ font-size:38px;height: 40px;} .list-bottom-box .a-list .item p{ font-size:16px;} .list-bottom-box .a-list .item1 p{ text-indent:10px;} .list-bottom-box .a-list .item2 p{ text-indent:7px;} .list-bottom-box .a-list .item3 p{ text-indent:19px;} .list-bottom-box .item1 .con{ margin-bottom:45px;} .hot-product-box .fh5co-heading{ padding:30px 0 0px;} .list-bottom-box .item1{ margin:0} .list-bottom-box .media-img{ margin-bottom:0px;} .list-why-box .fh5co-heading h2::before{ left:198px;} .col-2-form,.col-3-form{ width:100%} .col-2-form1 .field{ margin-right:0px;} .col-2-form2 .field,.col-2-form2 .label{ margin-left:0px;} .col-3-form1 .field,.col-3-form2 .field{ margin-right:0px;} .col-3-form3 .field{ margin-left:0px;} .inner-product-box{ margin-top:30px;} .productImg{ margin-top:30px;} .list-bottom-box{ margin-bottom:20px;} .list-parnter-box .fh5co-heading{ padding:35px 0 20px;} .footer-contact-box .c-left{float: none; width:100%; margin-bottom:20px;} .footer-contact-box .media.media-x .float-left{ width:100%} .footer-contact-box .bg-main{ height:60px; line-height:30px;} #toclickbox{top:10px;} .list-bottom-box .fh5co-heading{padding: 45px 0 30px;} .hot-product-box .show-list{margin: 20px -10px 10px;} .list-bottom-box .more a{margin: 10px 0 30px;} .list-bottom-box{ margin-bottom:25px; padding: 20px 0 0px;} .list-news-box .fh5co-heading{ margin:35px 0 20px;} .inquiry-box .desc,.inquiry-box .more a{ font-size:16px;} .footer-contact-box .c-left{ font-size:24px;} /*手机底部导航*/ .blank55{height:55px; line-height:1px; clear:both;} #toolbar{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:6;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;} .about-play-box .play-btn{top:-195px;left:40%;} .ipart01 .content .bd .bott_ .item .center{ width:100%;position: static;margin: 0 auto 25px;float:none } .ipart01 .content .bd .bott_ .item .left{width:96%; position: static; clear:both;margin: 0 auto; float:none} .inquiry-box{ margin:10px 0 25px} footer .foot-a-box{padding-right: 0px;} footer .footer-bot .item{ height:200px;} .list-news-box .fh5co-heading h2{ font-size:24px;} .list-news-box .more a{ margin:5px auto 30px;} .article-pic-media .media .media_img{ float:none !important;width: 100%; margin-bottom:15px} .article-pic-media .media .media_img img{width: 100%;} .list-bottom-box .certificate .fh5co-heading{ padding:20px 0 15px } .list-bottom-box .certificate .fh5co-heading h2::before {left: 109px;} } @media screen and (max-width:480px){ .fh5co-nav-toggle{top:12px;} #toclickbox{top:8px;} #fh5co-header .logo img{ height:33px;} .top-link-box{ padding:0} .article-media .media .media_img{width:92px;margin-right:10px;} .article-media .media .media_img img{width:90px;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} .article-media .media .desc{ height:42px; overflow:hidden} .mid-nav .leftbar h4,.pro-tree-box .leftbar h4{ display:none;} .mid-nav .leftbar button,.pro-tree-box .leftbar button{ width:100%;} footer .xl6{ width:100% !important} #fh5co-header .logo{padding:8px 0 7px;} #fh5co-header .header-box .xl4{ width:100% !important} .tab-con li a{ width:100%} .tab-con li span{ display:none} .slides-txt{ font-size:18px;} .product-box .item h3{font-size:16px;} .slides-txt span,.slides-txt a{font-size:14px; display:block} .top-nav li a{ font-size: 15px;margin-right:12px;} .top-nav li{line-height:26px;} .list-news-box .item .media .media-left{ width:100px;} .list-news-box .item .media .media-body p.time{ display:none} .list-comment-box .item .desc{ height:170px;} .fh5co-heading h2{ font-size:24px;} #fh5co-offcanvas{top:47px;} .fh5co-nav-toggle{top:15px;} footer .footer-bot .item{ height:auto;} } /* 内页 end*/