body{font:14px/1.5 "",arail,"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; color:#666;} p{margin:0;font-weight:normal;} h1, h2, h3, h4, h5, h6, figure{color: #444;} ::-webkit-selection{color: #fff;background: #323232;} ::-moz-selection{color: #fff;background: #323232;} ::selection{color: #fff;background: #323232;} .text-lowercase{text-transform: lowercase;} .text-uppercase, .initialism{text-transform: uppercase;} .text-capitalize{text-transform: capitalize;} .float_bg{background:url(../image/qq_31.gif) repeat-y} a{ color:#666;text-decoration:none} a:focus,a:hover{color:#f13a3a;} .bg-main{ background:#4a8fc0;border:1px solid #4a8fc0 !important} .bg-main:hover,.bg-main:focus{border:1px solid #e24515 !important; background:#e24515 !important} .button.bg-main{border-color:#4a8fc0 !important} .button.bg-main:hover{border-color:#e24515 !important;} .passcode{border-left: 1px solid #ddd;border-radius: 0 4px 4px 0;height: 32px;line-height: 32px;margin: 1px;position: absolute;right: 0;text-align: center;top: 0;} .detail h2,.detail h3{line-height:180%} .detail h3,.detail h1{font-size:18px;color: #5a5a5a;; font-weight:bold} .layout{overflow: hidden;width: 100%;} header .layout,footer .layout{overflow:visible;width: 100%;}{overflow:visible;width: 100%;} .not-animated{ opacity:0} ul,li{ padding:0; margin:0; list-style:none} .line-big{margin-left:-15px;margin-right:-15px} .line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12{position:relative;min-height:1px;padding-right:15px;padding-left:15px; } #fh5co-wrapper{overflow-x: hidden;} #fh5co-page{position: relative;z-index: 2;background:#fff;overflow-x: hidden;} .fh5co-heading{position:relative;z-index:1} .fh5co-heading h2{font-size:40px; line-height: 1; text-align:center; margin:0px 0px 10px; color:#0063fd; font-weight:bold; font-family: 微软雅黑 !important; font-weight: 100;} .fh5co-heading .tit-en{font-size: 20px; text-align: center; padding-bottom: 30px; color: #0381f1; text-transform: uppercase;} .fh5co-heading span{color:#999;line-height:1.5; font-size:16px;} .vertical-middle{width: 100%;height: 100%;display: table;} .vertical-middle > div{display: table-cell;vertical-align: middle;} .zoomimgs{display:block; width:100%;height:0; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;/*鍥剧墖涓嶈鍒囬渶瑕佸叏閮ㄦ樉绀烘敼鐢╞ackground-size:contain锛屾敼鍙樺浘鐗囩缉鏀炬瘮渚嬫敼paddding-bottom鐨勭櫨鍒嗘瘮,濡傚浘鐗囧楂�1:1 100%锛�4:3 75%锛�3:4 133.33%*/} .piczoomimgs{padding-bottom: 64%;} .artzoomimgs{padding-bottom: 68%;} .chazoomimgs1{padding-bottom: 77%;} .chazoomimgs2{padding-bottom: 88%;} .chazoomimgs3{padding-bottom: 68%;} .picfocus{overflow: hidden;} .picfocus img, a.picfocus img{transition: 0.3s all;max-width: 100%;} a:hover .picfocus img, a:hover.picfocus img{transform:scale(1.1,1.1);} @media(max-width:768px) { body{width:100%; overflow-x: hidden;} } /*nav begin*/ .main-top{ position:relative; width:100%;} #fh5co-header{ position: fixed; top: 0; left: 0; float:left; width:100%;box-shadow: 0px 3px 10px rgba(0,0,0,.2); z-index: 3;background: #fff;} #index_box_id #fh5co-header{ position:absolute;top:45px;left:0;right:0; width:100%; height:71px;z-index:3; background:none; padding:0;} .header-box.fixed.fixed-top{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);width: 100%;z-index: 6; background: #fff;} #fh5co-header .navbar-head{padding:5px 0px 0 0;} #fh5co-header .navbar-head img{ width:220px;} #fh5co-header .navbar-body .nav{ } #fh5co-header .navbar-body .nav li{margin: 0; padding:0;display:inline; padding: 0; } #fh5co-header .navbar-body .nav li a{ line-height:25px;margin: 0px 20px; padding: 27px 0 0 ; color: #666;font-size: 16px;font-weight: normal;text-align: center;text-decoration: none;transition:none; } #fh5co-header .navbar-body .nav li a .menu-box{height:25px; overflow:hidden;display: block; -webkit-transtion: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} #fh5co-header .navbar-body .nav li a .menu-box em{display: block; -webkit-transtion: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} #fh5co-header .navbar-body .nav li a .menu-box .menu-down { color: #4a8fc0;} #fh5co-header .navbar-body .nav li a .menu-line{ width: 0; height: 3px; background: #4a8fc0; float: none; margin: 20px auto 0; overflow: hidden; -webkit-transtion: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} #fh5co-header .navbar-body .nav li a .downward{ display:none} #fh5co-header .navbar-body .nav li ul{border:none;left:-21px;border-radius:0;margin:0;padding:0;min-width: 140px;z-index: 4;border: none;top:75px; box-shadow:none;background:#fff;} #fh5co-header .navbar-body .nav li ul:before{content: none;position: absolute;top: -7px;left: 62px;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);} #fh5co-header .navbar-body .nav li ul:after{content: none;position: absolute;top: -6px;left: 63px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #fff;border-left: 6px solid transparent; } #fh5co-header .navbar-body .nav li ul li{margin:0;padding:0;height:auto;display:block;height:auto; border-bottom:0px solid #ea6501;-webkit-transtion: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} #fh5co-header .navbar-body .nav li ul li a{display:block;width:100%;padding:0px 10px;margin:0;text-align: left;min-width:140px; line-height:40px;color: #333; background:none; text-align:center; font-size:14px; transition:none;border:none} #fh5co-header .navbar-body .nav li ul li a:hover{background:#4a8fc0;color:#fff;border:none} #fh5co-header .navbar-body .nav li:hover .menu-up {margin-top: -25px;} #fh5co-header .navbar-body .nav li.current .menu-line, #fh5co-header .navbar-body .nav li:hover .menu-line {width: 100%;} #fh5co-header .navbar-body .nav li ul li ul{top:0} @media(max-width:768px) { .offcanvas-visible #fh5co-offcanvas{top: 53px; width: 100%; padding: 0 15px; border-top: 1px solid #eee;} #fh5co-offcanvas ul li{float: left;} #fh5co-offcanvas ul li a{display: block;} .first-level .menu-box{float: left; line-height: 34px;} .first-level .upward, .first-level .downward, .first-level .arrow{float: right; margin-top: 15px;} .first-level .menu-box .menu-down{display: none;} #fh5co-offcanvas ul li ul{box-shadow: none;} } /*nav end*/ /*nav begin */ #fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page{} #fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page{position: relative;} #fh5co-page{z-index: 2;} #fh5co-offcanvas{ display:none;right: 0; overflow-y: hidden;position: fixed;z-index: 8;top: 10px;width: 160px;background:#fff ;padding: 0px 0px 10px 40px;border:0;} .offcanvas-visible #fh5co-offcanvas{ display:block;} #fh5co-offcanvas ul{padding: 0;margin: 0;overflow-x:hidden;border-radius:0} #fh5co-offcanvas ul li{list-style: none; position:static; width:100%; margin:0;padding:0;} #fh5co-offcanvas ul li:hover, #fh5co-offcanvas ul li.current{ } #fh5co-offcanvas ul li a{font-size: 12px;color: #333;text-decoration: none !important; display:block;position:relative; line-height:34px; margin:0; padding:0px 0 0 2px; } #fh5co-offcanvas ul li a:hover, #fh5co-offcanvas ul li.current a{color: #4a8fc0;} #fh5co-offcanvas ul li a::after{ background:#eee; position:absolute;content:''; left:0px;bottom:0;right:0; height:1px;} #fh5co-offcanvas ul li ul{margin:0;padding:0;z-index: 6; position:relative ;width:100%; border:0;box-shadow:0 } #fh5co-offcanvas ul li ul li{margin:0;padding:0;display:block;border:none;line-height:28px;} #fh5co-offcanvas ul li ul li a, #fh5co-offcanvas ul li.current ul li a{background:#fff;color:#666;display:block;padding:0px 20px 0px 20px;margin:0;text-align: left; width:100%; font-size:12px; line-height:28px;transition:none} #fh5co-offcanvas ul li ul li a:hover{background:#4a8fc0;color:#fff; transition:none} #fh5co-offcanvas ul li ul li a::before, #fh5co-offcanvas ul li ul li a::after{ background:none; height:0; padding:0} #fh5co-offcanvas ul li ul li ul{top:0} .fh5co-nav-toggle{cursor: pointer;text-decoration: none; } .fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after{background: #fff;} .fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active{outline: none;border-bottom: none !important;} .fh5co-nav-toggle i{position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;width: 28px;height: 4px;color: #f13a3a;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #4a8fc0;transition: all .2s ease-out;} .fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after{content: '';width: 28px;height: 4px;background: #4a8fc0;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:none;} .fh5co-nav-toggle.active i::before{background:none} .fh5co-nav-toggle.active i::after{background:none} .fh5co-nav-toggle{position: fixed;top: 13px; right: 10px;z-index: 9;display: block;display: none;cursor: pointer;} .fh5co-nav-toggle.active{right:129px !important; top:15px !important; background:url(../image/coo1.gif) no-repeat left top; width:20px; height:23px;} /*nav end */ /* 搴曢儴 begin*/ footer{ line-height:1.2;font-size:15px;} footer a{ color:#fff;} footer a:hover{ color:#4a8fc0; text-decoration:underline} footer .foot-top{ padding:60px 0 0;background-repeat:no-repeat; background-position:center center; background-size:cover } footer .foot-top h6{color:#fff; font-size:24px; margin:72px 0 60px; font-weight:bold} footer .foot-top .foot-nav{ margin-bottom:10px;} footer .foot-top .foot-nav a{ margin:0 30px; font-size:16px; text-decoration: none;} footer .foot-top .foot-contact{ font-size:16px; color:#B3B3B5} footer .foot-top .foot-contact p{ font-size:14px; overflow:hidden; line-height:2; font-family:"微软雅黑"; color:#FFF;} footer .foot-top .foot-contact p i{ margin-right:10px;} footer .foot-top .foot-contact a{ color:#B3B3B5} footer .foot-bot{ padding:25px 0 18px; background:#4a8fc0;color:#fff; font-size:12px;} footer .foot-bot .foot-link{ padding:6px 0 0px;} footer .foot-bot a{color:#fff;} footer .foot-bot a:hover{color:#fff; text-decoration:underline} /* 搴曢儴 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;height:900px;} .flexslider .slides > li a{ display:block; height:100%;} .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:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{margin:0 4px;display:inline-block;zoom:1} .flex-control-nav a{ -moz-border-radius:0 0 7px 7px;-webkit- border-radius:7px 7px 7px 7px;border-radius:7px 7px 7px 7px; width:58px;height:11px;display:block;background:#fff;cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);} .flex-control-nav .flex-active{background:#000; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; -moz-border-radius:0 0 7px 7px;-webkit- border-radius:7px 7px 7px 7px;border-radius:7px 7px 7px 7px; box-shadow: 0px #fff; -webkit-box-shadow: 0px #fff;-moz-box- shadow: 0px #fff; } .flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; } .flex-direction-nav li a{display:block;width:71px;height:71px;overflow:hidden;cursor:pointer;position:absolute;margin-top:-36px;text-indent:-9999em;top: 50%; background-repeat:no-repeat;border-radius:5px}/* display:none闅愯棌宸﹀彸鎸夐挳*/ .flex-direction-nav li a.flex-prev{left:50px;background-position:0 0px;background-image:url("../image/left.png"); background-color:rgba(0,0,0,.1)} .flex-direction-nav li a.flex-next{right:50px; background-position:0px 0px;background-image:url("../image/right.png");background-color:rgba(0,0,0,.1)} .flex-direction-nav li a.flex-prev:hover {background-color:rgba(0,0,0,.3)} .flex-direction-nav li a.flex-next:hover {background-color:rgba(0,0,0,.3)} /*棣栭〉杞崲鍥剧墖 end*/ /* service begin*/ #fh5co-service-list .bg-service{ padding:60px 0 45px; overflow: hidden;} #fh5co-service-list .item a{ display:block;} #fh5co-service-list .item a:hover{ color:#666} #fh5co-service-list .content .item-block{ float: left; width: 20%; padding: 0 10px; margin-bottom: 20px; box-sizing: border-box;} #fh5co-service-list .content .item{position:relative; background: rgba(255,255,255,.7); border-bottom: 6px solid #4a8fc0; text-align: center; display: block;} #fh5co-service-list .content .item .picfocus{height: 400px; background: url(../image/service-pic1.jpg) no-repeat top center;} #fh5co-service-list .content .item .picfocus img{height: 400px;} #fh5co-service-list .content .item .info{position:absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); padding: 40px 20px; box-sizing: border-box;} #fh5co-service-list .content .item .icon{ width: 98px; height: 98px; margin: 0 auto; border: 2px solid #fff; border-radius: 50%;display: flex; flex-direction: column; justify-content: center; overflow: hidden; -webkit-transition: all 800ms ease; transition: all 800ms ease;} #fh5co-service-list .content .item .icon img{ margin:0 auto; text-align:center; -webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;} #fh5co-service-list .content .item .tit{ color: #fff; font-size: 18px; font-weight: 600; margin-top: 30px;} #fh5co-service-list .content .item span { width: 27px; height: 2px; background: #fff; display: block; margin: 20px auto;} #fh5co-service-list .content .item:hover .icon img{transform: rotate(360deg);} #fh5co-service-list .content .item:hover .picfocus{background-size: ;} #fh5co-service-list .content .item .desc{ font-size: 14px; color: #fff; line-height: 24px; height: 120px; overflow: hidden;} @media screen and (max-width:760px){ #fh5co-service-list .content .item .icon{width:60px; height:60px;} #fh5co-service-list .content .item .icon img{ height: 32px;} #fh5co-service-list .content .item-block{width:100%;} #fh5co-service-list .content .item .info{padding: 20px;} #fh5co-service-list .content .item .picfocus{height:260px;} #fh5co-service-list .content .item .desc{font-size:13px!important; height: 96px;} } /* service end*/ /* 棣栭〉瑙嗛灞曠ず begin*/ #fh5co-video-list .content .item{ padding:120px 0 105px; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover } #fh5co-video-list .content .item a{ color:#fff; display:block} #fh5co-video-list .content .item a .video-btn{ background:url(../image/video-play.png) no-repeat center top; width:85px; height:85px; margin:0 auto 60px;opacity: 1;filter: alpha(Opacity=100);-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;} #fh5co-video-list .content .item a .video-btn:hover{opacity: 0.8;filter: alpha(Opacity=80);-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;} #fh5co-video-list .content .item a h3{color: rgb(255, 255, 255); font-size: 22px; line-height: 74px;} #fh5co-video-list .content .item a .desc{ font-size:16px;} /* 棣栭〉瑙嗛灞曠ず end*/ /* 棣栭〉鏂伴椈鍔ㄦ€� begin*/ #fh5co-news-list .bg-news{background-color:#fff; padding:120px 0 115px;} #fh5co-news-list .show-list .item{ position:relative; overflow:hidden;} #fh5co-news-list .show-list .item a{color:#999;} #fh5co-news-list .show-list .item h3{ font-size:20px; color:#333; margin:25px 0 10px; white-space:nowrap; overflow:hidden} #fh5co-news-list .show-list .item h3 a{font-size:20px;} #fh5co-news-list .show-list .item a:hover h3 { color:#4a8fc0} #fh5co-news-list .show-list .item p.desc{ font-size:14px; color:#999; line-height:2} /* 棣栭〉鎴戜滑鐨勪紭鍔� begin*/ #fh5co-advantage-list{ position:relative; padding:125px 0 150px} #fh5co-advantage-list .bg-advantage-black{ position:absolute; left:0;right:0;top:0;bottom:40%; background:#2E2F4D; width:100%; height:60%} #fh5co-advantage-list .fh5co-heading h2{ color:#fff; margin-bottom:60px; font-family:"微软雅黑"; font-weight:100;} #fh5co-advantage-list .show-list{ max-width:1038px; margin:0 auto} #fh5co-advantage-list .show-list .item .media{ background:#4a8fc0; color:#fff; margin:0; height:265px; padding:70px 46px 0 40px} #fh5co-advantage-list .show-list .item .media-left{ font-size:60px; font-weight:bold; margin:20px 30px 0 0;} #fh5co-advantage-list .show-list .item .media-body h5{ font-size:16px; color:#fff; margin-bottom:20px;} #fh5co-advantage-list .show-list .item .media-body p.desc{ font-size:14px; line-height:1.8} /* 棣栭〉鎴戜滑鐨勪紭鍔� end*/ /* 棣栭〉浼樿川鐨勬湇鍔� begin*/ #fh5co-quality-list .bg-quality{ padding:155px 0 155px; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover } #fh5co-quality-list .show-list{ max-width:955px; margin:0 auto} #fh5co-quality-list .show-list .item{ background:#27282C; margin-right:1px; color:#fff;padding:66px 0 20px;} #fh5co-quality-list .show-list .item-block:last-child .item{ margin-right:0} #fh5co-quality-list .show-list .item:hover{background:#FF6537} #fh5co-quality-list .show-list .item .num-txt{ font-size:18px; padding:0px 0 20px;} #fh5co-quality-list .show-list .item p.desc{font-size:16px;} #fh5co-quality-list .show-list .item h5{font-size:20px; color:#fff; margin:2px 0 0px} /* 浜у搧灞曠ず begin*/ .show-product .item{ position:relative; overflow:hidden;} .show-product .item a{color:#999;} .show-product .item h3{ font-size:20px; color:#333; margin:25px 0 10px;} .show-product .item h3 a{font-size:20px;} .show-product .item a:hover h3 { color:#4a8fc0} .show-product .item p.desc{ font-size:14px; color:#999; line-height:2} .show-product .pro-item h3{ font-size:16px; color:#333; margin:10px 0 0px;} .show-product .pro-item a:hover h3 { color:#4a8fc0} /* 浜у搧灞曠ず end*/ /* 鍐呴〉 begin*/ #fh5co-content_show{padding-bottom:20px;} #fh5co-content_show .content-boxs{ padding:20px 0px; overflow: hidden;} #fh5co-content_show .d-boxs{ background: #fff;} #fh5co-content_show .d-pad{padding:20px 15px;} #fh5co-content_show .show_body{font-size:14px;} #fh5co-content_show .detail{font-size:14px;padding-bottom:10px;line-height:200%;} #fh5co-content_show .detail h1{ font-size:20px;} #fh5co-content_show .detail img{height: auto !important;max-width: 100%;vertical-align: middle; margin-bottom:11px;width:auto!important;} #fh5co-content_show .detail img{margin:11px 0; max-width:100%} #fh5co-content_show .detail p{text-indent:0; font-size:14px; line-height:200%} #fh5co-content_show .qhd-title span{margin:0 5px;font-size:14px;color:#999} #fh5co-content_show .qhd-title{ border-bottom:1px solid #eee; margin-bottom:25px; padding-top:6px;} #fh5co-content_show .qhd-title strong{ font-weight:normal} #fh5co-content_show .inner-nav{ background:#fff; padding:50px 0 0} #fh5co-content_show .inner-nav h2{ font-size:36px; color:#212121; font-weight:bold; margin-bottom:35px;} #fh5co-content_show .inner-nav .nav { padding:0; text-align:center} #fh5co-content_show .inner-nav .nav li{ display:inline-block;padding:0; margin:0; margin-top:13px;} #fh5co-content_show .inner-nav .nav li a{ display:block;font-size: 16px; color:#666; line-height:1.8; padding:7px 32px; margin:0; background:#f5f5f5;margin:0 5px;} #fh5co-content_show .inner-nav .nav li a:hover, #fh5co-content_show .inner-nav .nav li.active a{color:#fff; background:#4a8fc0; font-weight:normal} #fh5co-content_show .inner-news-list h3{font-size:18px; border-bottom:1px solid #eee; position:relative; padding:20px 0 10px; margin:0px 0px 10px; color:#666; text-indent:10px;} #fh5co-content_show .inner-news-list ul{ padding:10px 0} #fh5co-content_show .inner-news-list ul li a{ display: block;padding: 10px 15px;} #fh5co-content_show .inner-news-list ul li a:hover{ background:#f13a3a; color:#fff} #fh5co-content_show #fch5co-rec-products h4{ font-size:18px; text-align:center; border-bottom:1px solid #ddd; position:relative; padding-bottom:20px; margin:40px 0px 43px; color:#666;} #fh5co-content_show #fch5co-rec-products h4 span{ position:absolute; left:50%; top:6px; width:160px; background:#f0f0f0; margin-left:-80px;} /*鍒嗛〉*/ .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:#4a8fc0;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:#4a8fc0;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:20px;} #fh5co-content_show .product-detail img{ max-width:100%;overflow:hidden;vertical-align:middle; margin:11px 0;} #fh5co-content_show .product-detail .content-img{overflow:hidden; width:90%} #fh5co-content_show .product-detail .content-img img{width:100%;overflow:hidden;vertical-align:middle;} #fh5co-content_show .product-detail h1{border-bottom: 1px solid #ddd;color: #000;font-size: 24px;line-height: 33px;padding-bottom:6px;} #fh5co-content_show .product-detail .p_desc{color: #666;line-height: 24px;padding:20px 0 30px;font-size:14px;} #fh5co-content_show .product-detail .kefu_bnts{background:#CCAC85;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:28px;font-size:14px;margin-bottom:20px;} #fh5co-content_show .product-detail .description p{line-height:28px;} #fh5co-content_show .product-detail .detail-title{border-bottom:1px solid #ddd;position:relative;height:37px;} #fh5co-content_show .product-detail .detail-title h2{background: #fff;color: #555;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;} #fh5co-content_show .product-detail table td{ text-align:center} #fh5co-content_show .product-detail #quirydialog{ display:none; } #quirydialog .qdialog-head{ font-size:16px; border-bottom:1px solid #ddd;padding-bottom:7px; margin-bottom:20px;width:900px; padding-right:10px; } #quirydialog .field{padding-right:10px;} /*鍏充簬鎴戜滑*/ #fh5co-content_show .about-desc{ max-width:1200px; margin:0 auto; text-align:left; color:#666;} #fh5co-content_show .about-desc p{ font-size:16px; color:#666; line-height:2} #fh5co-content_show .about-boxs{ background:#4a8fc0; margin:0; padding:0} #fh5co-content_show .about-boxs .about-img img{ margin:0; padding:0} #fh5co-content_show .about-boxs .intro{ padding:100px 0 0 54px; color:#fff;font-size:16px; } #fh5co-content_show .about-boxs .intro h3{ color:#fff; font-size:30px; font-weight:bold; margin-bottom:45px;} #fh5co-content_show .about-boxs .intro p{font-size:16px;} /*rongyu*/ .rongyu-box{} .rongyu-box li{float:left; width:25%; padding:0 10px; box-sizing:border-box; margin-bottom: 20px;} .rongyu-box li .item{padding: 15px; text-align:center; display:block;box-shadow: 0px 4px 22px 3px rgba(4,0,0,0.1); transition: all 500ms ease; -webkit-transition: all 500ms ease;} .rongyu-box li .item .tit{margin-top:10px;} #fh5co-content_show .rongyu-box li .item img{margin:0;} .rongyu-box li .item:hover{transform: translateY(-10px); color:#4a8fc0;} @media(max-width:767px) { .rongyu-box li {width: 50%;} } /*鑱旂郴鎴戜滑*/ #fh5co-content_show .contact-boxs img{ margin-right:30px; vertical-align:middle} #fh5co-content_show .contact-boxs p{ line-height:1.6} #fh5co-content_show .contact-boxs .contact-table td{ vertical-align:middle; font-size:16px;} /*浜у搧鍒嗙被*/ #fh5co-content_show .rec-product-list{ padding:45px 0} #fh5co-content_show .rec-product-list .rec-heading h2{ color:#161616; font-size:26px; font-weight:bold; margin-bottom:25px;} #fh5co-content_show .rec-product-list .rec-heading h2 a{color:#161616;} #fh5co-content_show .rec-product-list .rec-heading h2 a:hover{color:#4a8fc0;} #fh5co-content_show .rec-product-list .rec-heading .desc{ font-size:14px; color:#818181; line-height:30px; margin-bottom:70px;} /*submenu*/ .submenu{ padding: 0; margin: 0 0 20px; text-align: center; } .submenu li {position: relative; display: inline-block; padding: 0; margin: 0 0 10px 0;} .submenu li a { display: block; font-size: 16px; color: #666; line-height: 1.8; padding: 7px 32px; background: #f5f5f5; margin: 0 5px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;} @media(max-width:767px) { .submenu li a {font-size: 13px; padding: 7px 16px; } } /*more-btn*/ .more-btn{text-align: center;} .more-btn a{ display: inline-block; border: 1px solid #ccc; width: 160px; padding: 15px 0 15px 20px; text-align: left; margin-top: 40px; font-size: 16px; line-height: 1;color: #333; background: #fff url(../image/arrow-black.png) no-repeat 17px 13px; background-position: 125px center ;transition: all 0.4s ease;} .more-btn a:hover { background-color: #4a8fc0; color: #fff; background-image: url(../image/arrow-white.png);} @media(max-width:767px) { .more-btn a{ width: 120px; padding: 10px 0 10px 20px; margin-top: 20px;font-size: 13px; background-position: 85px center ;} } /*news-index*/ @media(max-width:767px) { .IndexNews .right_list_img{margin-bottom: 0!important; } .IndexNews .right_list_content{padding: 20px 10px!important; border: 1px solid #e5e5e5!important; border-top: 0px!important;} .IndexNews .right_list_content p{height: 42px!important;} .IndexNews .list_content_title{border-bottom: none!important;} .IndexNews dd{width: calc(100% - 100px)!important; padding: 0!important;} .IndexNews dd a{line-height: 36px!important; vertical-align: top;} .IndexNews dt{line-height: 36px!important; font-weight: normal!important; font-size: 12px!important;} } /*news*/ .news-box {} .news-box li{ float: left; padding: 0 10px; box-sizing: border-box; margin-bottom: 30px;} .news-box li .item{ display: block; box-shadow: 0px 4px 15px 3px rgba(4,0,0,0.1); transition: all 500ms ease; -webkit-transition: all 500ms ease;} .news-box li .picfocus{width:100%;} .news-box li img{width:100%;} .news-box li .info{padding:15px;} .news-box li .tit{font-size: 18px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px;} .news-box li .desc{ font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 15px;} .news-box li .time{color:#999; font-size:12px; line-height:20px;} .news-box li .item:hover .tit{color:#4a8fc0;} @media(max-width:767px) { .news-box li {padding: 0 20px!important;} } /*case*/ .case-index{padding: 60px 0; overflow: hidden;} .case-box{float: left; width:100%; margin-top: 20px;} .case-box li{ float: left; padding: 0 10px; box-sizing: border-box; margin-bottom: 30px;} .case-box li .item{ display: block; box-shadow: 0px 4px 15px 3px rgba(4,0,0,0.1); transition: all 500ms ease; -webkit-transition: all 500ms ease;} .case-box li .picfocus{width:100%;} .case-box li img{width:100%;} .case-box li .info{padding: 40px 30px;} .case-box li .tit{ font-size: 22px; line-height: 30px; margin-bottom: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 500ms ease; -webkit-transition: all 500ms ease;} .case-box li .desc{font-size: 14px; color: #666; line-height: 24px; height: 48px; margin-bottom: 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .case-box li .time{color:#999; font-size:12px; line-height:20px;} .case-box li .item:hover .tit{color:#4a8fc0;} @media screen and (max-width:767px){ .case-index{padding: 30px 0 0;} .case-box li .info{padding: 20px;} .case-box li .tit{font-size: 16px; line-height: 24px;} .case-box li .desc{ font-size: 12px;} } /*lxwm*/ .add-info{padding-bottom: 40px; overflow: hidden;} .add-info .item{ padding: 0 0 40px 0;} .add-info .item .tit{ font-size: 20px; line-height: 30px; margin-bottom: 15px;} .add-info .item .info{font-size: 14px; color: #666; line-height: 30px;} .add-info .item .icon{float:left; width:27px; height:20px; display: inline-block; margin: 5px 5px 0 0;} .add-info .item .icon img{vertical-align: top;} .add-info-pic{} .add-info-pic img{max-width: 100%;} .map-box {width: 100%;height: 500px;} .map-box .baiduMap { width: 100%; height: 100%;} .map-box .baiduMap .map_content{ text-align: center; font-size: 14px; color: #666; line-height: 24px; margin-top: 12px; border: 0; margin-bottom: 12px;} .map-box .baiduMap .map_content img{display: inline-block; vertical-align: middle; height: 30px; border-right: 1px solid #e6e6e6; margin-right: 10px; padding-right: 10px;} .map-box .baiduMap .map_content span{display: inline-block;margin-top: 5px;} @media only screen and (max-width: 1600px){ .map-box {height: 480px;} } @media only screen and (max-width: 1440px){ .map-box {height: 400px;} } @media only screen and (max-width: 1200px){ .map-box {height: 340px;} } @media only screen and (max-width: 992px) { .map-box {height: 260px;} } .article-media .media{ box-shadow: 0px 4px 22px 3px rgba(4,0,0,0.1); transition: all 500ms ease; -webkit-transition: all 500ms ease;} .article-media .media .caldata .content{ padding:18px; background:#F2F2F2; text-align:center;margin-right:8px;} .article-media .media .caldata .content p{ text-align:center} .article-media .media .caldata .content p.day{ font-size:24px;color:#666} .article-media .media .caldata .content p.mon-year{ font-size:13px;} .article-media .media .media_img{width: 152px;margin-right:20px;} .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 .media_img img{width: 150px;padding:1px; height:106px;} .article-media img{display:block;width:150px;} .article-media .media .time{color:#999} .article-media .media-body h3{font-size: 16px; margin-bottom:7px;} .article-media .media-body h3 a{color: #666;font-size: 16px;line-height:100%; font-weight: 700;} .article-media .media-body h3 a:hover{ color:#4a8fc0;} .article-media .media-body p{color: #777;line-height: 22px; font-size:14px;} /*page*/ .page{font-size:14px;overflow:hidden;zoom:1;padding:40px 20px 20px 20px;text-align:center;clear:both;} .page li{vertical-align: top;margin-right: 5px;color: #999;padding:0 12px;display:inline-block;border: 1px solid #D3D3D3;font-size: 14px;background: #fff;height: 35px;line-height: 35px;} .page li a{display: block;height: 35px;line-height: 35px;font-size: 14px;color: #333;text-decoration: none;} .page li:hover{background: #4a8fc0;border: 1px solid #4a8fc0;color: #fff;} .page li:hover a, .page li a:hover{color: #fff;} .page .thisclass {background: #4a8fc0;border: 1px solid #4a8fc0;color: #fff;} .page .thisclass a{color: #fff;} .page li select{border: 0;line-height: 35px;} .page li select:hover{border: 0;} .page span{background:#1691df;color:#fff;border:1px solid #1691df;padding:10px 15px;margin:0 3px;} /*鍐呴〉banner*/ .slideshow{ height:400px; padding-top:75px; background-repeat:no-repeat; background-position: center center; background-size:cover} .slideshow .container{height:100%;display:table; position:relative;z-index:1;} .slideshow .overlay {position:absolute;z-index:2;left:0;bottom:0;width:100%;height:45px; line-height:45px; background:#000; opacity:0.3} .slideshow .overlay .title{ position:relative;z-index:3} .slideshow .overlay .title .bread{ padding:0 0 0 15px; margin:0;} .slideshow .overlay .title .bread li{padding:0; margin:0} .slideshow .overlay .title .bread li a{ color:#fff;} .slideshow .overlay .title .bread li a i{ margin-right:5px;} /*鍦ㄧ嚎瀹㈡湇*/ .SonlineBox{ width:139px; font-size:12px;overflow:hidden; z-index:6;} .SonlineBox .openTrigger{ width:31px; height:130px; position:absolute; top:0px; z-index:1; cursor:pointer; background:#a9060e url(../image/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 10px 10px ;color:#a9060e;font-size:14px;line-height:26px;font-family:'寰蒋闆呴粦';background:url(../image/telBg1.jpg) 0 0 no-repeat;text-align:center;font-weight:bold;word-wrap : break-word;} /*鍦ㄧ嚎瀹㈡湇 end*/ /*鎵嬫満搴曢儴瀵艰埅*/ #toolbar{ display:none;} @media screen and (min-width:1221px) { .col-5-1{float:left;width: 20% !important; padding:0 !important} } @media (min-width:1000px) and (max-width:1199px){ .hyybfooter-left{display:none !important;} .col-5-1{float:left;width: 20% !important; padding:0 !important} #article-box-id #fh5co-content_show .show_content{ margin-left:30px;} .flexslider .slides > li{height:800px;} #fh5co-advantage-list .show-list .item .media{ padding:70px 40px 0 36px} } @media screen and (max-width:1000px){ .hyybfooter-left{display:none !important;} #quirydialog .qdialog-head{width:600px } #fh5co-header .navbar-head img{ width:200px; margin-top:3px;} #fh5co-header .navbar-body .nav li a{padding:0px 13px;} #fh5co-header .navbar-body .nav li ul{left:-30px;} .flexslider{ height:500px; } .flexslider .slides li{ height:500px; } #fh5co-content_show .product-detail .content-img{ margin-bottom:30px;} #article-box-id #fh5co-content_show .show_content{ margin-left:20px;} .line-big{margin-left:-10px;margin-right:-10px} .line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12{position:relative;min-height:1px;padding-right:10px;padding-left:10px} #index_box_id #fh5co-header{top:20px;} #fh5co-quality-list .show-list .item{ margin-bottom:1px;} #fh5co-advantage-list .show-list .item .media{ padding:40px 15px 0 12px;height:188px;} #fh5co-advantage-list .show-list .item .media-left{ font-size:40px;margin:20px 17px 0 0;} #fh5co-advantage-list .show-list .item .media-body h5{ font-size:18px; margin-bottom:10px;} #fh5co-content_show .about-boxs{ background:none} #fh5co-content_show .about-boxs .intro{background:#4a8fc0; padding:30px 0 40px 54px; } #fh5co-content_show .about-boxs .about-img img{ width:100%} #fh5co-content_show .about-boxs .intro h3{ margin-bottom:15px;} } @media screen and (max-width:760px){ .hyybfooter-left{display:none !important;} #quirydialog .qdialog-head{width:360px } #fh5co-offcanvas .nav{display: block;borer:none} .fh5co-nav-toggle{display: block;} #index_box_id #fh5co-header{ top:5px} #fh5co-header{ padding:8px 0;} #fh5co-header .navbar{ height:auto;} #fh5co-header .navbar-head{padding:0 0 0px 0; position:relative} #fh5co-header .navbar-body{border:none} #fh5co-header .icon-navicon{ position:absolute;top:50%;right:0px; margin-top:-10px;background:none; color:#fff; font-size:22px; border:none;transition:none; padding:0; } #fh5co-header .navbar-head img{ width:140px;} .flexslider{ height:300px; } .flexslider .slides li{ height:300px; } #article-box-id #fh5co-content_show .show_content{ margin-left:0px;} .slideshow{ height:180px;} .flex-direction-nav{ display:none} #fh5co-service-list .bg-service,#fh5co-news-list .bg-news,#fh5co-product-list .bg-product{ padding:40px 0 10px;} #fh5co-video-list .content .item,#fh5co-advantage-list{ padding:40px 0 30px;} #fh5co-video-list .content .item a .video-btn{ margin:0 auto 30px;} #fh5co-video-list .content .item a h3{font-size: 16px; line-height: 2;} #fh5co-video-list .content .item a .desc{ font-size:12px;} #fh5co-advantage-list .show-list{ max-width:444px; padding: 0 15px;} #fh5co-advantage-list .show-list .item .media{ padding:30px 15px 0 12px;height:171px;} #fh5co-advantage-list .show-list .item .media-left{ font-size:40px;margin:20px 17px 0 0;} #fh5co-advantage-list .fh5co-heading h2{ margin-bottom:20px;} #fh5co-quality-list .bg-quality{ padding:50px 0 35px;} #fh5co-content_show .about-boxs .intro h3{ font-size:22px;} #fh5co-content_show .about-desc p,#fh5co-content_show .about-boxs .intro p{ font-size:14px;} #fh5co-content_show .about-desc p{line-height:1.8} #fh5co-content_show .inner-nav .nav li a{ padding:0 16px; margin:0px 3px 5px;} /*鎵嬫満搴曢儴瀵艰埅*/ .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){ .hyybfooter-left{display:none !important;} .jquery-lightbox-background{display:none;} .fh5co-heading h2, #fh5co-service-list h3 {font-size:28px; } .fh5co-heading .tit-en{font-size: 14px;padding-bottom: 20px;} .fh5co-heading span{font-size:14px;} #quirydialog .qdialog-head{ width:auto !important } #fh5co-header .navbar-head img{ width:120px;} .fh5co-nav-toggle{ top:11px;} .flexslider{ height:180px; padding-top: 53px;} .flexslider .slides li{ height:180px; } .article-media .media .caldata .content{ padding:6px;} .article-media .media .caldata .content p.day{ font-size:20px;} .article-media .media .media_img{width:82px;margin-right:10px;} .article-media .media .media_img img{width:80px;padding:1px;} .article-media .media .time,.article-media .media .desc{ display:none} .article-media img{width:80px;} .article-media .media-body h3{line-height:100%;font-size:12px;} .article-media .media-body h3 a { font-size:14px; line-height:150%} #fh5co-content_show .inner-nav h2{ font-size:26px;} #fh5co-content_show .inner-nav .nav li a{ padding:0 9px; margin:0 2px 7px;font-size:14px;} #fh5co-content_show .qhd-title,#fh5co-content_show .detail h1{line-height:1.3} #fh5co-content_show .qhd-title span{font-size:12px; } .show-product .xl6,#fh5co-news-list .xl6,#fh5co-advantage-list .xl6{ width:100% !important} .slideshow{ height:120px;} #fh5co-quality-list .show-list .item h5{ font-size:16px;} #fh5co-advantage-list .show-list .item .media{ padding:30px 15px 20px 12px;height:auto !important;} #fh5co-advantage-list .show-list .item{ max-width:360px;margin:0 auto 1px} #fh5co-service-list .content .item .tit{font-size:16px; margin:15px 0 10px;} #fh5co-service-list .content .item .desc{ font-size:12px; line-height:1.6} #fh5co-quality-list .show-list .item{padding:25px 0 20px;} #fh5co-content_show .about-boxs .intro{ padding:30px 0 40px 14px; } #fh5co-content_show .contact-boxs img{vertical-align:middle; width:60px;} #fh5co-content_show .contact-boxs .contact-table td{font-size:14px; padding:0 5px;} } /* 鍐呴〉 end*/ /* ======缃《 ==width:35px;====*/ .backToTop{display: none;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:9;background:#4a8fc0 url(../image/icon-gotop-fixed.png) no-repeat center center;} .backToTop:hover{background-color:#2682c3;} /*partner*/ #fh5co-product-list .bg-product{background-color:#f7f7f7; padding: 110px 0 95px;} #fh5co-product-list .show-list{ padding-top:20px;} #fh5co-product-list .submenu li a{background: #fff;} /* demo */ .demo{width:1136px;margin:0 auto;position:relative;} /* scrollbox */ .scrollbox{position:relative;width:1180px;height:357px;overflow:hidden;} .scrollbox ul{position:absolute;left:0px;top:0px;} .scrollbox li{float:left;width:1180px;overflow:hidden;} .scrollbox li a{float:left;display:inline-block;width:16.6%;height:100px;overflow:hidden; margin:0 0 20px;padding: 0 10px; box-sizing: border-box;} .scrollbox li a img{display:block;width:auto;height:100%; max-width:100%; background:#eee;} @media(max-width:767px) { #fh5co-product-list .bg-product{background-color:#f7f7f7; padding: 40px 0;} #fh5co-product-list .show-list{ padding-top:0;} .demo {width: 100%;} .scrollbox {width: 100%; height: 258px;} .scrollbox li{width: 100%;} .scrollbox li a{width:33.3%!important; height:54px!important; margin: 0 0 10px 0; padding: 0 5px; box-sizing: border-box;} .scrollbox li a img{width:100%!important; height:auto!important;} } /* leftlist */ #leftlist{} /* fontlist */ #fontlist li a{width:auto;} *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} .suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;} .suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;} .suspend dl dt{width:40px;height:198px;background:url(../image/suspend.png);position:absolute;top:0;left:0;cursor:pointer;} .suspend dl dd.suspendQQ{width:120px;height:85px;background:#ffffff;} .suspend dl dd.suspendQQ a{width:120px;height:85px;display:block;background:url(../image/suspend.png) -40px 0;overflow:hidden;} .suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;} .suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(../image/suspend.png) -40px -86px;overflow:hidden;} * html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))} /*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/ @media (min-width: 480px) and (max-width: 767px) { .hyybfooter-left{display:none !important;} .suspend{ display:none;} .backToTop{ display:none !important;} .video-btn{ display:none;} .media-img{ display:none;} .scrollbox li a { width:150px; height:71px;} .scrollbox li a img{ width:150px; height:71px;} .huadong{ display:none;} .first-level{color:#666 !important; } .suspension{display:none;} .jquery-lightbox-background{display:none;} } /*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/ @media (max-width: 479px) { .hyybfooter-left{display:none !important;} .suspend{ display:none;} .backToTop{ display:none !important;} .video-btn{ display:none;} .media-img{ display:none;} .scrollbox li a img{ width:150px; height:71px;} .scrollbox li a {width:150px; height:71px;} .huadong{ display:none;} .first-level{color:#666 !important; } .suspension{display:none;} .jquery-lightbox-background{display:none;} } a:hover{text-decoration: none;} .desc a { color: #666;} .desc a:hover {color: #256EB1; text-decoration: none;} .huadong {width: 60rem;height:4rem;padding: 0.5rem 0 0.3rem 0; border-bottom: 1px solid #F0F0F0; position:relative;font: 12px/1.5 "Hiragino Sans GB","Microsoft YaHei",simsun;margin:0 auto;} .huadong .huabox { margin:0 auto; width: 80%; line-height: 4rem;} .huadong .hdimg {float:left;line-height:3.5rem;} .huadong .hdimg img { width: 100%; vertical-align:middle;} .huadong h5 {font-size:1rem;float:left; line-height: 2.2rem; margin: 0.8rem 0 0 0; } .huadong .gg_more { float: left;} .huadong .gg_more a { font-size: 0.8rem; text-decoration:none;} .huadong .notice_active { float: left; width: 55%; height: 4rem; padding: 0; overflow: hidden; position: relative; } .huadong .notice_active li{list-style-type:none;line-height: 2.4rem;overflow: hidden;} /*.huadong .notice_active li.notice_active_ch {}*/ .huadong .notice_active li.notice_active_ch span {color:#656972;font-size:1rem;display: block;overflow: hidden; width:80%;float: left; overflow: hidden;margin:0 0 2rem 0;} .huadong .gg_more .news_ck { float: left; margin: 0 1rem 0 1rem; color: #888; width: 5rem; height: 2rem; line-height: 2rem; display: block; border: 1px solid #656972; text-align: center; border-radius: 0.7rem; font-size: 0.8rem; margin-top: 1rem; } .huadong .gg_more .news_more { } .huadong .notice_active li.notice_active_ch em {text-align:right;float:right;color:#888;font-size:0.8rem;font-style:normal; } /*====右侧加的飘浮代码====*/ /*悬浮链接*/ .suspension{position:fixed;z-index:55;right:0;bottom:200px;width:70px;height:240px;} .suspension{top:240px; right: 10px; width: 80px; height: 240px; background-color: #305a82; border: 2px solid #4c7fb1;} .suspension-box{position:relative;float:right;} .suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;} .suspension .a.active, .suspension .a:hover{background:#4a8fc0;} .suspension .a .i{float:left;width:44px;height:44px;background-image:url(../image/side_icon.png);background-repeat:no-repeat;} .suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../image/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;} .suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../image/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;} .suspension .a-qrcode .i{background-position:-44px 0;} .suspension .a-cart .i{background-position:-88px 0;} .suspension .a-top .i{background-position:-132px 0;} .suspension .a-top{background:#D2D3D6;display:none;} .suspension .a-top:hover{background:#c0c1c3;} .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 .arrow{position:absolute;width:8px;height:12px;background:url(../image/side_bg_arrow.png) no-repeat;right:-8px;top:31px; display: none;} .suspension .d-service{top:0;} .suspension .d-service-phone{top:34px;} .suspension .d-qrcode{top:78px;} .suspension .d .inner-box{padding:8px 22px 12px;} .suspension .d-service-item{border-bottom:1px solid #eee;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(../image/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;} .suspension .d-service-item:hover .i-qq{background-position:center 3px;} .suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../image/side_con_icon02.png) no-repeat center center;display:block;} .suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;} .suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;} .suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;} .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(../image/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;} /*piaofu*/ .kefu{background-color: #305a82;border: 2px solid #4c7fb1;position: fixed;width: 80px;top: 238px;right: 10px;text-align: center;display: block;-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);box-shadow: 0 6px 12px rgba(0,0,0,0.1);border-radius: 0 0 8px 8px;font-size: 12px;z-index: 99999;} .kefu ul{margin: 0;padding-top: 45px;color:#fff;} .kefu ul li{position: relative;} .kefu ul li a{display: block;color: #FFF;text-decoration: none;overflow: hidden;height: auto;width: 100%;padding: 43px 0 12px; background: url(../image/kefu-tb.png) no-repeat top center;} .kefu ul li a:hover{background-color: #4c7fb1;} .kefu a.kefu-lx{background-image: url(../image/kefu.png);background-repeat: no-repeat;background-position: center top;position: absolute;top: -40px;text-indent: -9999px;height: 80px;width: 80px;z-index: 999999;left: -2px;border-width: 0;overflow: hidden} .kefu a.kefu-lx:hover{background-color: rgba(255,255,255,0)} .kefu ul li a.kf{display: block;padding: 10px 0} .kefu ul li a.kefu-tel{background-position: center -79px} .kefu ul li a.kefu-qq{background-position: center -150px} .kefu ul li a.kefu-wx{background-position: center -220px} .kefu ul li a.kefu_bottom{background-position: center -288px;padding: 30px 0 10px 0;border-radius: 0 0 8px 8px} .kefu ul li a.kefu_top{background-position: center -15px;padding: 30px 0 10px 0} .kefu:hover ul li a{display: block} .kefu ul li p{ position: absolute; top: 0; right: -260px; width:140px; padding: 15px ; font-size: 14px; line-height: 24px; text-align: left; color:#fff; background: #4a8fc0; display: block; opacity: 0;transition: all .4s ease-in-out .1s;overflow: hidden;z-index: 201;} .kefu ul li:hover p{right:80px; opacity: 1;} .kefu ul li .wechat p { width: 170px; height:160px; line-height:30px } @media(max-width:768px) { .kefu {top: 108px;display: none;} } .hyybfooter { width:1170px; height:214px; margin-left:auto; margin-right:auto; margin-top:60px; margin-bottom:40px; color:#FFF; } .hyybfooter-left { width:439px; height:214px; float:left; } .hyybfooter-left ul { display:block; width:439px; height:214px; } .hyybfooter-left ul li { display:block; width:400px; height:42px; line-height:42px; padding-left:40px; text-align:left; } .hyybfooter-left ul li strong { display:block; width:389px; height:42px; margin-left:-30px; font-size:18px; } .hyybfooter-right { width:701px; height:214px; float:left; background:url(../image/diandian.png); color:#FFF; } .hyybfooter-right p { display:block; margin:20px; line-height:25px; text-align:justify; } html { overflow-x: hidden; overflow-y: auto; }