body{font-family: Arial;font-size: 12px;font-weight:normal;line-height: 1.7;color: #5a5a5a;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;} .margin-big-large-bottom{margin-bottom:75px;} .margin-big-small-bottom{margin-bottom:35px;} .margin-big-middle-bottom{margin-bottom:50px;} .margin-big-middle-top{margin-top:50px;} .text-lowercase{text-transform: lowercase;} .text-uppercase, .initialism{text-transform: uppercase;} .text-capitalize{text-transform: capitalize;} .float_bg{background:url(qq_3.gif) repeat-y} a{color: #666;text-decoration:none; background:none} a:focus,a:hover{color:#D20E1C;} .bg-main{background:#D20E1C;} .bg-main.button{border-color:#D20E1C} .border-main:hover{color:#fff;background:#D20E1C;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;} .blankbig{height:70px;line-height:70px;clear:both;font-size:0;} .detail h2,.detail h3{line-height:180%} .detail h3,.detail h1{font-size:16px;color: #322725;} .layout{overflow: hidden;width: 100%;} .fh5co-heading h2{font-size: 34px;font-weight: bold;line-height: 140%;color: rgb(221, 16, 21);} .fh5co-heading span{display:block; color: rgb(100, 100, 100);font-size: 15px;font-weight: 300;} .met-index-distance{padding-top:60px;padding-bottom:80px} header .layout{overflow:visible;width: 100%;} .input:focus{border:1px solid #333} ul,li{ list-style:none; padding:0; margin:0} .zoomimgs{display:block; width:100%;height:0; padding-bottom: 100%; 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%*/} /*顶部导航 begin*/ #fh5co-header .header-box{background:url(header.png) no-repeat center top; line-height:110px;background-color: #000000; } .header-box.fixed.fixed-top{width: 100%;z-index: 3; } #fh5co-header .navbar{position:relative;} #fh5co-header .navbar-head{ position:absolute; left:46%;top:30px; margin-left:-95px;width:230px; height:70px;z-index: 3;} #fh5co-header .navbar-head a{ display:block;width:230px; height:70px;} #fh5co-header .navbar-head img{ width:230px;} #fh5co-header .navbar-body .nav li{margin: 0;padding:0;display:inline;} #fh5co-header .navbar-body .nav li a{color: #fff;font-size: 16px;font-weight: normal;padding: 0;text-align: center;text-decoration: none;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;line-height:110px;padding: 0 44px; position:relative} #fh5co-header .navbar-body .nav li:nth-child(4) a{ margin-left:268px;} #fh5co-header .navbar-body .nav li a:hover,#fh5co-header .navbar-body .nav li.currents a{color:#f00; transition:none} #fh5co-header .navbar-body .nav li a:hover:before,#fh5co-header .navbar-body .nav li.currents a:before{ position:absolute; background:#f00;top:2px; height:3px; width:100%; left:0;right:0;content:""} #fh5co-header .navbar-body .nav li a:hover:after,#fh5co-header .navbar-body .nav li.currents a:after{ position:absolute; background:#f00;bottom:4px; height:1px; width:100%; left:0;right:0;content:""} #fh5co-header .navbar-body .nav li ul{top:40px;padding:0;min-width: 160px;z-index: 4;border-radius:0;background: #fff;box-shadow:none;-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);} #fh5co-header .navbar-body .nav li ul li:first-child{ margin-top:0px; padding-top:10px;} #fh5co-header .navbar-body .nav li ul li:last-child{ padding-bottom:10px;} #fh5co-header .navbar-body .nav li ul li{margin:0;padding:0;height:auto;display:block;height:auto; background:#fff} #fh5co-header .navbar-body .nav li ul li a{color:#2a333c;display:block;width:100%;padding:6px 20px 6px 20px;margin:0;text-align: left;min-width:160px;} #fh5co-header .navbar-body .nav li ul li a:hover{color:#4e97d9;} #fh5co-header .navbar-body .nav li ul li ul{top:0} /*顶部导航 end*/ /* 底部 begin*/ footer {background:#1C1C1C;} footer .foot-top .foot-logo{ margin:8px 0;} footer .foot-top{ padding:85px 0 70px} footer .foot-top .foot-logo img{ height:55px;} footer .foot-top .foot-contact{font-size:13px;color: rgb(183, 178, 172);} footer .foot-top .foot-contact p{ line-height:35px;} footer .foot-top .foot-contact a{ font-size:13px;color: rgb(183, 178, 172);} footer .foot-top h2{ font-size:20px; color:#fff; position:relative; margin-bottom:37px;} footer .foot-top h2:after{ position:absolute; height:1px; background:#f00; width:56px; left:1px;bottom:-10px; content:""} footer .foot-top .foot-nav a{ color:rgb(102, 102, 102); font-size:14px;} footer .foot-top .foot-nav .item{ margin-bottom:12px;} footer .foot-top .product_search{ padding-top:8px;} footer .foot-top .product_search input.inputkey{height: 46px;line-height:46px;background: #333;width:75%;font-size: 14px;text-indent: 12px;color: white;border:1px solid #333;border-right:none; color:#666; float:left;} footer .foot-top .product_search input.go{ float:left;height: 46px;width:25%;border: 0px;background:#CA1015;cursor: pointer;border:none; border-left:none; color:#fff; font-size:14px;} footer .foot-top .product_search input.go:hover{background:#A50A0D} footer .foot-top .social{text-align:left;margin:0px 0 15px} footer .foot-top .social li{display:block;float:left;margin-right:10px; height:48px;} footer .foot-top .social li.s-txt{ line-height:30px;margin-top:24px; font-size:14px;} footer .foot-top .social li a{margin-top:24px;display:inline-block;width:32px;height:32px;border-radius:50%;background:0 0;border:2px solid #565553;color:#565553;text-align:center;line-height:28px;font-size:18px;margin-right:2px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);margin-bottom:0} footer .foot-top .social li a:before{background:0 0} footer .foot-top .social li:hover a{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);border:2px solid #DD1015;color:#DD1015} footer .foot-top .social #f-weixin-id{ position:relative} footer .foot-top .social .weixint-content{background-clip: padding-box;border: 1px solid rgba(204, 213, 219, 0.8);border-radius: 4px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);left: -42px;min-height: 32px;padding: 0;position: absolute;text-align: left;bottom: 46px;white-space: normal;width: 116px;z-index: 4;background:#fff;} footer .foot-top .social .weixint-content:before{position: absolute;bottom: -9px;left: 46px;width: 0;height: 0;content: '';} footer .foot-top .social .weixint-content:after{position: absolute;bottom: -8px;left: 46px;width: 0;height: 0;border-right: 8px solid transparent;border-top: 8px solid #fff;border-left: 8px solid transparent;content: '';} footer .foot-top .social .weixint-content img{width:110px; height:110px;} footer .Copyright{font-size: 12px; padding:10px 0; background:#0C0C0C} footer .Copyright a{color: #5a5a5a;} footer .Copyright .foot-link a{ margin:0 12px} footer .Copyright .foot-link a:first-child{ margin:0 12px 0 0} footer .foot-flink{ padding:5px 0 15px;} footer .foot-flink a{ margin:0 5px;} /* 底部 end*/ /*首页轮换图片 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; position:relative} .flexslider .slides > li a{ display:block; height:100%;} .flexslider .slides li .overlay{position: absolute;top: 25%;left: 0;right: 0;bottom: 0; } .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:15px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width: 14px;height:14px;margin:0 4px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;cursor:pointer;width:14px;height:14px;border-radius:12px;float:left;text-indent:-2000px;background:#fff ;} .flex-control-nav .flex-active{background: #f00 ;} .flex-direction-nav{*height: 0; display:none} #fh5co-hero .flexslider .container{ position:relative} #fh5co-hero .flexslider .slider-text{display: table;opacity: 0; height:100%;width:48%; position:absolute;right:0% ; text-align:left} #fh5co-hero .flexslider .slider-text > .slider-text-inner{display: table-cell;vertical-align: middle; height:100%; padding-left:25px;} #fh5co-hero .flexslider .slider-text > .slider-text-inner h2{font-size: 40px;font-weight:normal;color: #fff; line-height:60px} #fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-txt{ font-size:12px; color:#5a5a5a; padding:10px 0 0px; line-height:140%; width:27%} #fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-btn { margin-top:38px;} #fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-btn a{background:#EB081E;color:#fff;font-weight:normal;display:inline-block;padding:12px 35px;z-index:7;border-radius:25px;vertical-align:middle;position:relative;-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;-ms-transition-property:color;transition-property:color; font-size:26px;} #fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-btn a:hover{color:#000 !important;background:#fff;} /*首页轮换图片 end*/ .pagepage{margin:0px auto 20px auto; width:100%; text-align:center;} .pagepage a{ display:inline-block; height:32px; line-height:32px; width:32px; border:1px solid #dcdcdc; margin:0 3px; text-decoration:none; color:#333 } .pagepage a:hover,.pagepage a.hover,.pagepage a.current{ color:#fff; background:#1BB3D5; border:#1BB3D5 1px solid; } /*热门关键词搜索*/ #fh5co-middle-nav{ background:#212123;} #fh5co-middle-nav .keword-content{ color:#333;} #fh5co-middle-nav .keword-content ul li{float:left;line-height:56px; color:#fff} #fh5co-middle-nav .keword-content ul li a{ display:block; line-height:56px; color:#fff; position:relative; margin-right:20px;} #fh5co-middle-nav .keword-content ul li a:after{ position:absolute;left:0; width:1px; height:12px; top:22px;bottom:0; background:#fff; content:""; margin-left:-11px;} #fh5co-middle-nav .keword-content ul li:nth-child(2) a:after{ background:none} #fh5co-middle-nav .keword-content ul li a:hover{ color:#f00} #fh5co-middle-nav .product_search{ margin-top:14px;} #fh5co-middle-nav .product_search input.inputkey{height: 30px;line-height: 30px;background: #fff;width: 184px;padding-left: 12px;font-size: 12px;text-indent: 2px;color: white;border:1px solid #cfcfcf;border-right:none; color:#666; float:left;} #fh5co-middle-nav .product_search button{ float:left;height: 30px;width:45px;border: 0px;background:#f00;cursor: pointer;border:none; border-left:none; color:#fff; font-size:14px;} /*首页企业文化begin*/ #fh5co-culture-list .fh5co-heading{background:url(title-bg1.png) no-repeat center 14px} #fh5co-culture-list .culture-content{margin-top:60px;} #fh5co-culture-list .culture-content .item{position:relative;} #fh5co-culture-list .culture-content .item:after{position:absolute;content:"";background:#D8D8D8;height:2px;width:102px;right:-68px;top:57px;} #fh5co-culture-list .culture-content .item-block:last-child .item:after{background:none;width:0;height:0;} #fh5co-culture-list .culture-content .imgs .himg{position: relative;} #fh5co-culture-list .culture-content .imgs .himg img{max-width: 100%;} #fh5co-culture-list .culture-content .imgs .himg p{position:absolute;width:100%;left:2px;right:0;text-align:center;bottom:21px;font-size:18px;color:#333;font-weight:bold} #fh5co-culture-list .culture-content .imgs .overlay{position: absolute;right: 0;left: -5px;bottom: 0;top: -5px;z-index: 6;vertical-align: middle;visibility: hidden;opacity: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} #fh5co-culture-list .culture-content .imgs .overlay a{position: relative;z-index: 7;text-align: center;display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);} #fh5co-culture-list .culture-content .imgs .overlay a p{position:absolute;width:100%;left:2px;right:0;text-align:center;bottom:29px;font-size:18px;color:#fff;font-weight:bold} #fh5co-culture-list .culture-content .imgs:hover .overlay{visibility: visible;opacity: 1;} #fh5co-culture-list .culture-content .imgs:hover .overlay a{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);} /*首页企业文化end*/ /*首页关于我们begin*/ #fh5co-about-us .bg-content{position:relative;z-index:1} #fh5co-about-us .bg-content:before{content:'';position:absolute;left:31%; right:0;top:0;bottom:0;display:block;z-index:-2;background:#222} #fh5co-about-us .bg-left:after{content:'';position:absolute;right:63%;left:0;top:25px;bottom:25px;display:block;z-index:-1;background:#DD1015; } #fh5co-about-us .item{ line-height:140%} #fh5co-about-us .item .media-img{ margin-top:75px;} #fh5co-about-us .item .media-img img{ height:82px} #fh5co-about-us .item h2{ font-size:19px; color:#fff; font-weight:bold; margin:30px 0 12px;} #fh5co-about-us .item span{color: rgb(204, 204, 204);} #fh5co-about-us .about-box .intro{margin:60px 60px 35px 97px;} #fh5co-about-us .about-box .intro,#fh5co-about-us .about-box .intro p{font-size:14px;line-height:140%; color:#666;} #fh5co-about-us .about-box .media-img img{max-width:100%; margin-top:10px;} #fh5co-about-us .about-box .intro h2{ font-size:19px; font-weight:bold; color:#fff; margin-bottom:31px;} #fh5co-about-us .about-box .intro p.more{ margin-top:48px;} #fh5co-about-us .about-box .intro p.more a{ display:block; background:none;border:1px solid #666;border-radius:6px; width:125px; height:30px; line-height:14px; font-size:16px;} #fh5co-about-us .about-box .intro p.more a:hover{color: #fff; background:#D11116;border:1px solid #D11116 } #fh5co-about-us .about-box .intro p.more a span{ display:inline-block; margin-left:12px;} /*首页关于我们 end*/ /*首页客户服务begin*/ #fh5co-service-list .fh5co-heading{ background:url(title-bg2.png) no-repeat center 14px} #fh5co-service-list .fh5co-heading h2,#fh5co-service-list .fh5co-heading span{ color:#fff} #fh5co-service-list .bg-service{ margin-top:60px;background:url(bg-service.jpg) no-repeat center center; background-size:cover} #fh5co-service-list .met-index-distance{padding-top:60px;padding-bottom:70px} #fh5co-service-list .service-content{ margin-top:50px;} #fh5co-service-list .service-content .item{ position:relative;border:1px solid #fff; margin-bottom:18px; padding:33px 38px; color:#fff} #fh5co-service-list .service-content .item span.spanicon{position:absolute;padding:17px;border-style: solid;border-color: #000;} #fh5co-service-list .service-content .item:hover span.spanicon1{border-width: 2px 0 0 2px;top:-1px;left:-1px;} #fh5co-service-list .service-content .item:hover span.spanicon2{border-width: 2px 2px 0 0;top:-1px;right:-1px;} #fh5co-service-list .service-content .item:hover span.spanicon3{border-width: 0 0 2px 2px;bottom:-1px;left:-1px;} #fh5co-service-list .service-content .item:hover span.spanicon4{border-width: 0 2px 2px 0;bottom:-1px;right:-1px;} #fh5co-service-list .service-content .imgs{position: relative; } #fh5co-service-list .service-content .imgs .himg img{max-width: 100%;} #fh5co-service-list .service-content .imgs .overlay{position: absolute; right: 0; left: 0px; bottom: 0; top: 0px; z-index:5; vertical-align: middle; visibility: hidden; opacity: 0; } #fh5co-service-list .service-content .item:hover .overlay{visibility: visible; opacity: 1;} #fh5co-service-list .service-content .item .media-img{ overflow:hidden} #fh5co-service-list .service-content .item .media-img img{ max-width:100%} #fh5co-service-list .service-content .item .media-body{ padding-left:28px;} #fh5co-service-list .service-content .item h4{color:#fff; font-size:23px; line-height:140%; margin-top:8px;} #fh5co-service-list .service-content .item h4 a{color:#fff;} #fh5co-service-list .service-content .item p.desc{ white-space:nowrap; overflow:hidden} #fh5co-service-list .service-content .item p.more{ margin-top:20px;} #fh5co-service-list .service-content .item p.more a{ display:block; background:none;border:1px solid #fff;border-radius:6px; width:125px; height:30px; line-height:30px; font-size:16px;color: #fff; padding-left:15px; } #fh5co-service-list .service-content .item p.more a:hover{color: #fff; background:none;border:1px solid #fff } #fh5co-service-list .service-content .item p.more a span{ display:inline-block; margin-left:12px;} /*首页客户服务end*/ /*首页明星产品*/ #fh5co-star-list .bg-star{ background:#fff; padding:65px 0 55px;} #fh5co-star-list .fh5co-heading{ background:url(title-bg1.png) no-repeat center 14px} #fh5co-star-list .container{} #fh5co-star-list .show-list{ padding-top:45px; position:relative; margin:0 49px;} #fh5co-star-list .show-list .owl-carousel-carousel{} #fh5co-star-list .show-list .item{margin:0 15px; overflow:hidden} #fh5co-star-list .show-list .item .portfolio-img{ overflow:hidden; width:100%;} #fh5co-star-list .show-list .item .portfolio-img img { width:100%;height: auto; display: block;} #fh5co-star-list .show-list .item h2{ font-size:12px; white-space:nowrap; margin:12px 0;} #fh5co-star-list .show-list .item h2 a{ color:#000;} #fh5co-star-list .show-list .item h2 a:hover{ color:#f00} #fh5co-star-list .show-list .owl-controls .owl-buttons div{position:absolute;top:50%; margin-top:0px; width:30px; height:48px; line-height:48px; font-size:0px; padding:0; margin:0; background:#cbcbcb; opacity:1; text-align:left;border-radius:0; } #fh5co-star-list .show-list .owl-controls .owl-buttons div:hover{ background:#7E7E7E} #fh5co-star-list .show-list .owl-controls .owl-buttons div:before{display:inline-block;font-weight:normal;font-style:normal;vertical-align:baseline;line-height:46px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:30px;} #fh5co-star-list .show-list .owl-controls .owl-prev{ left:-40px; text-indent:4px; } #fh5co-star-list .show-list .owl-controls .owl-prev:before{content:"<"; } #fh5co-star-list .show-list .owl-controls .owl-next{ right:-40px; text-indent:6px; } #fh5co-star-list .show-list .owl-controls .owl-next:before{ content:"> "; } /* 首页产品展示 begin*/ #fh5co-product-list{ position:relative;} #fh5co-product-list .bg-product-top{background:#222222 ; position:absolute; top:0;bottom:60%; left:0;right:0; width:100%;z-index:-1;} #fh5co-product-list .fh5co-heading{ background:url(title-bg2.png) no-repeat center 14px} #fh5co-product-list .fh5co-heading h2,#fh5co-product-list .fh5co-heading span{ color:#fff} #fh5co-product-list .show-content{ padding-top:30px;} #fh5co-product-list .tab .tab-nav {margin:0;padding:0;} #fh5co-product-list .tab .tab-nav li{margin:0;padding:0;} #fh5co-product-list .tab .tab-nav li a{display:inline-block;background:none;font-size:16px;margin:0;border-radius:0;border:none;color: #fff;padding: 17px 50px;} #fh5co-product-list .tab .tab-nav li a:hover,#fh5co-product-list .tab .tab-nav li.active a{background:#CF070A;color: #fff;text-decoration:none;} #fh5co-product-list .tab .tab-body{background:none;border:none;padding-top:30px;min-height:200px;} #fh5co-product-list .more{ margin:15px auto 0;} #fh5co-product-list .more a{ display:block; background:#212121;border-radius:6px; width:125px; height:33px; line-height:33px; font-size:16px;color: #fff; padding-left:15px; text-align:center; margin:0 auto} #fh5co-product-list .more a:hover{color: #fff; background:#D11116; } #fh5co-product-list .more a span{ display:inline-block; margin-left:12px;} /*product*/ .pro-item{ background:none; margin-bottom:10px; border: 1px solid rgb(238, 238, 238); padding:15px;} #product-list-box .pro-item{ margin-bottom:22px;} .pro-item:hover{border:1px solid #CF070A} .pro-item .portfolio-img{overflow:hidden;} .pro-item .portfolio-img img{width:100%;overflow:hidden;vertical-align:middle; } .pro-item .portfolio-img img:hover{} .pro-item h2{font-size:15px;margin:0px; padding:10px 0 0px;font-weight:normal; text-align:center;} .pro-item h2 a{color: #555;font-size: 15px;} .pro-item h2 a:hover{color: #D20E1C;} /* home product end*/ /* 产品展示 end*/ /*首页联系我们*/ #fh5co-contact-us .bg-contact{ background:#fff; padding:0px 0 60px; position:relative; margin-top:47px;} #fh5co-contact-us .bg-contact .bg-contact-top{ position:absolute; top:0px; left:0;right:0; bottom:0; background-repeat:no-repeat; background-size:100% auto} #fh5co-contact-us .fh5co-heading{ background:url(title-bg2.png) no-repeat center 14px} #fh5co-contact-us .contact-content .item .intro .content{position:relative; z-index:1; min-height:200px; padding: 25px 36px;} #fh5co-contact-us .contact-content .item1 .intro .bg-item1{ background-color:#DD1015; } #fh5co-contact-us .contact-content .item2 .intro .bg-item2{ background-color:#222;} #fh5co-contact-us .media-img img{ width:100%} #fh5co-contact-us .contact-content .item .content{ font-size:14px; color:#fff; position:relative;} #fh5co-contact-us .contact-content .item .content .overlay{ color:#fff} #fh5co-contact-us .contact-content .item .intro a{color:#fff} #fh5co-contact-us .contact-content .item .intro p{ line-height:33px;} #fh5co-contact-us .contact-content .item .intro hr{ margin:15px 0 10px;border-bottom:1px dashed #ccc; background:none} /* 内页 begin*/ #fh5co-content_show .nav-inline{list-style: outside none none;} #fh5co-content_show .ur-here ul{ padding:0; float:right; margin:0} #fh5co-content_show .ur-here ul li a{ font-size:14px;} #fh5co-content_show .ur-here ul li a i{ margin-right:5px;} #fh5co-content_show .nav li{margin:0;padding:0; display:inline} #fh5co-content_show .nav li a{ font-size:16px; display:inline-block; padding:0px 5px;margin:0 5px 15px;color: #666; position:relative} #fh5co-content_show .nav li a:hover,#fh5co-content_show .nav li.active a{text-decoration:none;color:#D20E1C;font-weight:normal} #fh5co-content_show .nav li a:hover:after,#fh5co-content_show .nav li.active a:after{ position:absolute;left:0;right:0;bottom:-16px; width:100%; height:1px; background:#D20E1C;content:"";font-weight: bold;} #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 .detail p{text-indent:0; } #fh5co-content_show .qhd-title span{margin:0 5px;font-size:12px;color:#999} #fh5co-content_show .title{border-bottom: 1px solid #dedede;height: 33px;margin-bottom: 30px;text-align: left;} #fh5co-content_show .title h2{border-bottom: 1px solid #da0e0e;color: #da0e0e;display: inline-block;font-size: 16px;font-weight: normal;line-height: 33px;margin: 0;overflow: hidden;padding: 0;word-break: break-all;} #fh5co-content_show .detail{font-size:14px;padding-bottom:30px;line-height:200%;color: #666;} #subnav .nav-head{color: #fff;font-size: 16px;font-style: normal;font-weight: normal;height: 38px;line-height: 36px;text-indent: 50px;background: #1a1a1f ;} #fh5co-content_show .inner-banner{background: #D20E1C;height:120px;line-height:120px;} #fh5co-content_show .inner-banner h2{color: #fff;font-size: 35px;font-weight: 300;text-shadow: none;} #fh5co-content_show .inner-nav{border-bottom: 1px solid #ccc;margin-bottom:40px;background:#fff} #fh5co-content_show .product-detail img{ max-width:100%;overflow:hidden;vertical-align:middle;} #fh5co-content_show .product-detail .content-img{overflow:hidden;border: 1px solid #eaeaea;padding:7px;} #fh5co-content_show .product-detail .content-img img{width:100%;overflow:hidden;vertical-align:middle;} #fh5co-content_show .product-detail h1{border-bottom: 1px dashed #d6d6d6;color: #333;font-size: 18px;line-height: 33px; padding-bottom:5px;} #fh5co-content_show .product-detail .p_desc{color: #444;line-height: 30px;padding: 12px 0px 5px;} #fh5co-content_show .product-detail .add_to_inquiry{height:40px;} #fh5co-content_show .product-detail .add_to_inquiry #add_to_inquiry{ background: #222; height: 35px;line-height: 35px;text-align: center;width: 131px;border:0;border-radius:0; font-size:16px; font-weight:normal; padding:0; margin:0} #fh5co-content_show .product-detail .description{line-height:24px; min-height: 200px;} #fh5co-content_show .product-detail .detail-title {border-bottom:1px solid #e4e4e4} #fh5co-content_show .product-detail .detail-title h2{background: #222;color: #fff;cursor: pointer;display: inline-block;font-size: 16px;height: 41px;line-height: 41px;text-align: center;width: 166px;} /*分页*/ .table span{margin-right:10px;} .content_detail .pager{font-size:14px; padding:0; margin:0} .content_detail .pager a{border:none;color:#666;} .content_detail .pager a:focus,.content_detail .pager a:hover{color: #D20E1C;background:none} .content_detail .pager li{display:block;text-align:left; line-height:200%} #fh5co-content_show .pagination .active,#fh5co-content_show .pagination a:hover{background:#222;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 .article-media li{border-bottom:1px solid #f0f2f5;padding:5px 0 15px} .article-media .media .media_img{width: 160px;margin-right:15px;overflow:hidden;} .article-media .media .media_img img{width: 160px;} .article-media li{margin-bottom:12px;} .article-media img{display:block;width:150px;} .article-media .media .time{color:#999; font-size:14px;} .article-media .media-body h3 a{color: #2a333c; font-size:18px;font-weight: 400;} .article-media .media-body h3 a:hover{color: #D20E1C;} .article-media .media-body p{line-height:160%;margin-bottom:5px; font-size:14px;} .slideshow{ width:100%; overflow:hidden} .slideshow img{display: block; width:100%} #toolbar{ display:none;} /*在线客服*/ .SonlineBox{ width:139px; font-size:12px;overflow:hidden; z-index:8;} .SonlineBox .openTrigger{ width:31px; height:130px; position:absolute; top:0px; z-index:1; cursor:pointer; background:#a9060e url(../images/qq/greenOpen.jpg) no-repeat;} .SonlineBox .titleBox{ width:135px; height:35px;line-height:33px; background:#a9060e; border-bottom:2px solid #a9060e;} .SonlineBox .titleBox span{ margin-left:10px;color:#fff; font-size:14px;} .SonlineBox .contentBoxC{ width:135px; /*height:335px;*/ border:2px solid #a9060e; background:#ffffff/* url(images/qq/greenBg.jpg) no-repeat*/; position:absolute; z-index:2;} .SonlineBox .contentBoxC .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer; position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;} .SonlineBox .contentBoxC .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);} .SonlineBox .contentBoxC .listBox{overflow:hidden; margin-bottom:10px;} .SonlineBox .contentBoxC .listBox .Tlist{ display:block; width:86%; height:22px; margin:10px auto 0px auto;text-align:center;} .SonlineBox .contentBoxC .listBox .Tlist span{float:left; line-height:22px;} .SonlineBox .contentBoxC .listBox .Tlist a{/*float:left;*/} .SonlineBox .contentBoxC .listBox .WWList{ line-height:18px;height:18px;} .SonlineBox .contentBoxC .listBox .SkypeList{line-height:23px;height:23px;} .SonlineBox .contentBoxC .otherBox{clear:both;height:115px;text-align:center;} .SonlineBox .contentBoxC .otherBox img{width:105px;height:105px;} .SonlineBox .contentBoxC .telBox{display:block;padding:36px 0 10px 0;color:#a9060e;font-size:14px;line-height:26px;background:url(../images/qq/telBg.jpg) 0 0 no-repeat;text-align:center;font-weight:bold;} /*在线客服 end*/ #fh5co-hero1{ display:none} @media (min-width:1000px) and (max-width:1199px){ #fh5co-header .navbar-body .nav li a{font-size: 16px;line-height:110px;padding: 0 29px;} #fh5co-header .navbar-body .nav li:nth-child(4) a{ margin-left:247px;} .flexslider .slides li .overlay{top: 17%;} #fh5co-hero .flexslider .slider-text > .slider-text-inner h2{font-size: 30px;} #fh5co-culture-list .culture-content .item:after{width:92px;right:-54px;} #fh5co-contact-us .contact-content .item .intro .content{ min-height:350px;} } @media screen and (max-width:1000px){ .met-index-distance{ padding-top:50px;padding-bottom:40px} #fh5co-header .navbar-head{top:38px; margin-left:-66px;width:132px; height:35px;} #fh5co-header .navbar-head a{ display:block;width:132px; height:35px;} #fh5co-header .navbar-head img{ width:132px;} #fh5co-header .navbar-body .nav li a{font-size: 14px;padding: 0 19px;} #fh5co-header .navbar-body .nav li:nth-child(4) a{ margin-left:166px;} .flexslider .slides li .overlay{top: 17%;} #fh5co-hero .flexslider .slider-text > .slider-text-inner h2{font-size: 20px;} #fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-txt{ width:60%} #fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-btn { margin-top:18px;} #fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-btn a{padding:8px 15px;border-radius:15px;font-size:16px;} #fh5co-culture-list .culture-content .item:after{width:42px;right:-28px;} #fh5co-culture-list .culture-content{margin-top:40px;} #fh5co-about-us .item{ padding:0 12px; line-height:160%} #fh5co-about-us .item .media-img{ margin-top:75px;} #fh5co-about-us .item .media-img img{ height:58px} #fh5co-service-list .service-content .item{ padding:16px 18px; color:#fff} #fh5co-service-list .service-content .item h4{font-size:23px;margin-top:0px;} #fh5co-service-list .service-content .item .media-img{ max-width:70px;} #fh5co-service-list .service-content .item .media-body{ padding-left:0px;} footer .Copyright{ padding:15px 0} footer .Copyright .foot-link{ text-align:center; margin-bottom:6px;} footer .Copyright .text-right{ text-align:center !important} #fh5co-contact-us .contact-content .item .intro .content{ min-height:350px;} #fh5co-content_show .product-detail .content-img{ margin-bottom:20px;} .slideshow { height:240px !important; } .slideshow img { height:240px !important; } } @media screen and (max-width:760px){ #fh5co-header .icon-navicon{ display:block;position:absolute;top: 50%; right: 0px;z-index: 6;display: block;margin: -18px auto 0;cursor: pointer; color:#fff; background:none;border:none; font-size:30px;} #fh5co-header .header-box{line-height:60px !important; } #fh5co-header .navbar-body{ padding:0;border-bottom:0} #fh5co-header .navbar-body .nav { overflow:auto ; background:#fff} #fh5co-header .navbar-body .nav li a{text-align:left;background:none} #fh5co-header .navbar-body .nav li{height:auto;display:block;width:100%;padding:0px 0; position:static} #fh5co-header .navbar-body .nav li a{font-size: 14px;padding: 0;text-align: left;line-height:40px; color:#666} #fh5co-header .navbar-body .nav li:nth-child(4) a{ margin-left:0px;} #fh5co-header .navbar-body .nav li a:hover:before,#fh5co-header .navbar-body .nav li.current a:before{ background:none;} #fh5co-header .navbar-body .nav li a:hover:after,#fh5co-header .navbar-body .nav li.current a:after{ background:none;} #fh5co-header .navbar-body .nav li:last-child{border-bottom: 1px solid rgba(0, 0, 0, 0.2);} #fh5co-header .navbar-body .nav li ul{top:auto;left:auto;width: 100%;position:relative; margin:10px 0} #fh5co-header .navbar-body .nav li ul li{height:auto;} #fh5co-header .navbar-body .nav li ul li:last-child{border-bottom:none} #fh5co-header .navbar-body .nav li ul li ul li a{background:#232228;font-size:12px;height:28px;line-height:28px;padding:0px 0 0 18px;} #fh5co-header .navbar-body .nav li ul li ul li a:hover{background:#555} #fh5co-header .navbar-head{ position:relative; top:0;left:0px; margin:0;width:auto !important; height:auto !important; padding:10px 0 !important} #fh5co-header .navbar-head a{ display:block;width:auto !important; height:auto !important;} #fh5co-header .navbar-head img{ width:160px;} #fh5co-middle-nav .keword-content ul li{line-height:36px; margin-top:10px} #fh5co-middle-nav .keword-content ul li a{ line-height:36px;} #fh5co-middle-nav .keword-content ul li a:after{ top:13px;} #fh5co-middle-nav .product_search{ margin-bottom:23px; margin-top:10px;} #fh5co-middle-nav .product_search .float-right{ float:none !important} #fh5co-middle-nav .product_search input.inputkey{ width:85%;} #fh5co-middle-nav .product_search input.go{ width:15%;} #fh5co-culture-list .culture-content .item{ margin-bottom:20px;} #fh5co-culture-list .culture-content .item:after{width:0px;right:0px;} #fh5co-about-us .bg-content:before{top:35%; right:0;bottom:0;left:0;z-index:-2 !important;} #fh5co-about-us .bg-left:after{right:25px; bottom:60%;left:25px;top:0;z-index:-1 !important; max-height:215px; } #fh5co-about-us .about-box .intro {margin: 60px 30px 35px 30px;} #fh5co-about-us .item .media-img{ margin-top:40px;} #fh5co-about-us .about-box .intro h2{ margin-top:30px;} #fh5co-service-list .service-content .item .media-img{ max-width:120px !important;} #fh5co-service-list .service-content .item .media-body{ padding-left:18px;} #fh5co-product-list .bg-product-top{bottom:70%;} #fh5co-product-list .tab .tab-nav li a{padding: 10px 10px;} footer .foot-top{ padding:30px 0 30px} footer .foot-top .item{ margin-bottom:30px;} #fh5co-content_show .ur-here{ margin:15px 0;} #fh5co-content_show .ur-here ul{float:none !important; text-align:center} #fh5co-content_show .nav{text-align:center} .article-media img{width:100px;} .article-media .media-body h3{ line-height:120%} .article-media .media-body h3 a{font-size:16px;} .slideshow{height:180px !important;} .slideshow img{height:180px !important;} #fh5co-hero,.SonlineBox{ display:none} #fh5co-hero1{ display:block} /*手机底部导航*/ .blank55{height:55px; line-height:1px; clear:both;} #toolbar{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:8;background:#000; display:block;} #toolbar a{width:100%;color:#fff;display:block;padding:5px 0 0 0;line-height:23px;font-size:14px;} #toolbar a span{ font-size:22px; display:block;} } @media screen and (max-width:480px){ #fh5co-header .navbar-head img{ width:130px;} #fh5co-middle-nav .keword-content ul li{line-height:150%; margin-top:10px; } #fh5co-middle-nav .keword-content ul li a{ line-height:150%;} #fh5co-middle-nav .keword-content ul li a:after{ top:3px;} #fh5co-middle-nav .product_search{ margin-top:15px;} #fh5co-middle-nav .product_search input.inputkey{ width:75%;} #fh5co-about-us .bg-content:before{background:none;} #fh5co-about-us .bg-left:after{ background:none;} #fh5co-about-us .item .media-img{ margin-top:25px;} #fh5co-about-us .item-block .item { background:#DD1015; padding:25px 0 30px} #fh5co-about-us .about-box .intro h2{ margin-top:0px;} #fh5co-about-us .about-box .intro {padding: 30px 15px 35px;background:#222; margin:0} #fh5co-product-list .bg-product-top{bottom:67%;} #fh5co-product-list .tab .tab-nav li a{padding:5px; font-size:12px;} #fh5co-service-list .service-content .item .media-img{ width:100%; float:none !important;text-align:center; max-width:100% !important; margin-bottom:15px;} #fh5co-service-list .service-content .item .media-body{ width:100%; text-align:center; padding:0;} #fh5co-service-list .service-content .item .media-body p{ text-align:center !important} #fh5co-service-list .service-content .item .media-body p.more{ margin-bottom:15px;} #fh5co-service-list .service-content .item .media-body p.more a{text-align:center !important; margin:0 auto; padding:0} #fh5co-content_show .nav li a{ font-size:12px; display:inline-block; padding:0px 3px;} #fh5co-content_show .ur-here ul li a {font-size:12px;} footer .Copyright .foot-link{ display:none} footer .foot-top .foot-logo img { height:40px;} .article-media .media .media_img{width: 100px;} .article-media .media .media_img img{width: 100px;} .article-media .media-body p,.article-media .media-body .time { display:none } .slideshow { height:120px !important; } .slideshow img { height:120px !important; } } /* 内页 end*/ /* ======置顶 ======*/ .backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:9;background:#666 url(../images/icon-gotop-fixed.png) no-repeat center center;} .backToTop:hover{background-color:#333;}