body{font-family: "Microsoft Yahei",Arial;font-size: 12px;font-weight:normal;line-height: 1.7; color: #797979;background:#2b2b2b;position: relative;} body#product-list-box{ background:#2b2b2b} p{margin:0;font-weight:normal;} h1, h2, h3, h4, h5, h6, figure{color: #444;font-family: 'Microsoft Yahei', Arial, sans-serif;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(../images/qq_3.gif) repeat-y} a{color: #2a333c;text-decoration:none; background:none} a:focus,a:hover{color:#62a8ea;} ul,li {list-style:none;} .clear{clear:both!important;} .left{float:left!important;} .right{float:right!important;} .clearfix{overflow:hidden;zoom:1;} .bg-main{background:#62a8ea;} .bg-main.button{border-color:#62a8ea} .text-main,a.text-main:link,a.text-main:visited,.button.border-main,blockquote.border-main strong,.pager.border-main a,.pager-prev.border-main,.pager-next.border-main,.nav a:hover,.nav-menu.nav-pills .active ul a:hover,.bg-inverse .nav-menu ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover,.bg-inverse .nav.nav-menu.nav-pills ul a:hover,.bg-inverse .nav.nav-menu.nav-pills .active ul a:hover{color:#65c2b8} .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;} .blankbig{height:70px;line-height:70px;clear:both;font-size:0;} .detail h2,.detail h3{line-height:180%} .detail h3,.detail h1{font-size:20px; padding-bottom: 20px; color: #fff; font-weight: bold; padding-bottom: 30px;} .layout{overflow: hidden;width: 100%;} .fh5co-heading h2{font-size: 36px;font-weight: 300;line-height:100%;color:#fff;margin-bottom:15px;} .fh5co-heading h3{font-size: 28px;font-weight: 300;line-height:100%;color:#fff;margin-bottom:15px;} .fh5co-heading span{display:block;color: #fff;font-size: 16px;font-weight: 300;} .met-index-distance{padding-top:70px;padding-bottom:50px} header .layout{overflow:visible;width: 100%;} .input:focus{border:1px solid #333} .inner-banner{width:100%;overflow:hidden} .inner-banner img{width:100%;} .lefter{padding-right:50px;} .toper {margin-top: 50px;} .h330 {height:330px;} .m20 {margin-top:20px;} .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%*/} .artzoomimgs{display:block; width:100%;height:0; padding-bottom: 75%; 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%*/} .chazoomimgs{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%*/} .line-big { margin-left: -17px;margin-right: -17px;} .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:17px;padding-left:17px} .line-big .con-title {color: #2a333c;padding: 10px 0;text-align: center;text-shadow: 0 0 1px rgba(0, 0, 0, 0.15);font-size: 16px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* 顶部导航 begin */ #fh5co-header .header-box{background:#2b2b2b;z-index:9999;} .header-box.fixed.fixed-top{width: 100%;z-index: 3;} #fh5co-header .navbar-head{padding:15px 0px 0 0;} #fh5co-header .navbar-head img{height:40px;} #fh5co-header .navbar-body .nav li{margin: 0;padding: 0 25px;display:inline;height:40px;} #fh5co-header .navbar-body .nav li a{color: #fff;font-size: 14px;font-weight: normal;padding: 0;text-align: center;text-decoration: none;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} #fh5co-header .navbar-body .nav li a:hover,#fh5co-header .navbar-body .nav li.current a{color:#fff;} #fh5co-header .navbar-body .nav li ul{top:40px;padding:0;min-width: 160px;z-index: 4;border-radius:0;background-color: #2b2b2b;box-shadow:none;-webkit-box-shadow: 0px 4px 5px 0px #2b2b2b;-moz-box-shadow: 0px 4px 5px 0px #2b2b2b;box-shadow: 0px 4px 5px 0px #2b2b2b;} #fh5co-header .navbar-body .nav li ul li:first-child{ margin-top:0px; /*padding-top:10px;*/background:#2b2b2b;} #fh5co-header .navbar-body .nav li ul li:last-child{ /*padding-bottom:10px;*/background:#2b2b2b;} #fh5co-header .navbar-body .nav li ul li{margin:0;padding:0;height:auto;display:block;height:auto; background:#2b2b2b;opacity:0.5;border-top:1px solid #3c3c3c;padding:5px 0;} #fh5co-header .navbar-body .nav li ul li a{background:#2b2b2b;color:#fff;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:#fff;} #fh5co-header .navbar-body .nav li ul li ul{top:0} /* 顶部导航 end */ /* 底部 begin */ footer {background:#000;} footer .layout{border-top: 1px solid #f0f2f5;} footer .nav-list dd{color: #686b6d;font-size: 18px; font-weight:normal;padding: 0px 0 0 20px;margin-bottom:10px; display:block} footer .nav-list a{color: #686b6d;font-size: 18px; font-weight:normal;padding: 0px 0 0 20px;margin-bottom:10px; display:block} footer .nav-list a:hover{color:#686b6d;} footer .nav-list ul{ padding:0} footer .nav-list ul li{ list-style:none;margin-bottom:5px; padding-left:20px;} footer .nav-list ul a{color: #969798;font-size: 14px;padding: 0px; font-weight:normal;margin-bottom:0px;} footer .nav-list ul a:hover{color: #b0b3b5; text-decoration:underline} footer .nav-cotact p.site-tel{color: #969798; font-size:26px; margin-top:15px;} footer .nav-cotact p.site-time{ color:#aaa; line-height:150%; padding-top:8px;} footer .nav-cotact p.site-address{ color:#aaa; line-height:150%; padding-top:8px;} footer .nav-cotact p.wechat {width:100px;text-align: center;} footer .nav-cotact p.wechat img{ width:100px;height:auto; padding-top:8px;} footer .Copyright{font-size: 14px;background:#101010;border-top: 1px solid #101010; color: #aaaaaa; padding:20px 0;} footer .Copyright a{color: #aaaaaa;} /* 底部 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;} .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:20px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:15px;height:15px;margin:0 3px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;cursor:pointer;width:12px;height:12px;float:left;text-indent:-2000px;background:#FFF;filter:alpha(opacity=50);opacity:1;border-radius:9px;} .flex-control-nav .flex-active{background:#4e97d9;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;} .flex-direction-nav li a{display:block;width:40px;height:40px;cursor:pointer;text-indent:-999em;position:absolute;top: 50%; margin-top:-20px;} .flex-direction-nav li a.flex-prev{left:25px;background: url("../images/slider-arrow.png") no-repeat -190px 50%;opacity: 0.75;} .flex-direction-nav li a.flex-next{right:25px;background: url("../images/slider-arrow.png") no-repeat -66px 50%;opacity: 0.75;} .flex-direction-nav li a.flex-next:hover{background:url("../images/slider-arrow.png") no-repeat -6px 50%;opacity: 1;} .flex-direction-nav li a.flex-prev:hover{background: url("../images/slider-arrow.png") no-repeat -130px 50%;opacity: 1;} /* 首页轮换图片 end */ /* 首页文字描述 begin */ .index-title{padding-top:110px;} .index-title .float-right{padding-top:30px;} .index-title span{display:block} .index-title h3{color: #fff;display: block;font-size: 18px;text-align: left;} .index-title p{color: #dedede;font-size: 13px;text-transform: uppercase;padding-top:5px;} /* 首页文字描述 end */ /* 首页业务范围 begin */ #fh5co-service-list .service-content{ margin-top:50px;} #fh5co-service-list .service-content .imgs{width:300px;height:300px;margin:0 auto; overflow:hidden} #fh5co-service-list .service-content .imgs img {width:100%; height: 100%} #fh5co-service-list .service-content .imgs .himg{position: relative; } #fh5co-service-list .service-content .imgs .overlay{position: absolute; right: 0; left: 0; bottom: 0; top: 0; z-index: 4; vertical-align: middle; visibility: hidden; opacity: 0;} #fh5co-service-list .service-content .imgs .overlay a{position: relative; z-index: 5; text-align: center; display: block;width:120px; margin:0 auto; } #fh5co-service-list .service-content .imgs .overlay:before{content: ''; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0;} #fh5co-service-list .service-content .imgs:hover .overlay{visibility: visible; opacity: 1;} #fh5co-service-list .service-content .imgs:hover .overlay:before{content: ''; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; } #fh5co-service-list .service-content h5{color: #fff;font-size: 20px;font-weight: 300;margin-bottom: 5px;margin-top: 10px;} #fh5co-service-list .service-content h5 a{color: #fff;} #fh5co-service-list .service-content p.desc{color: #ccc;font-weight: 300;margin: 0 auto;width: 90%;line-height:170%;font-size:13px;} /* 首页业务范围 end */ .topma{ margin-bottom: 20px; } .box-language{ float: right; width: auto; } .box-languagea{ display: none; } .language2{ display: block; position: absolute; width: 100px; height: auto; background: #000; z-index: 999; display: none; padding-top: 30px; } .language2 a { float: left; width: 80%; font-size: 12px; color: #fff; line-height: 30px; padding-left: 20%; text-align: left; } .language1{ width: 120px; display: flex; justify-content: space-around; align-items: center; } .language1 a { flex: 1; } .language1 a:nth-child(1) { padding-right: 5px; } .language1 span{ float: left; font-size: 12px; color: #fff; display: flex; justify-content: center; height: 18px; width: 30px; } .language1 span:nth-child(1) { height: 18px; } .language1 span:nth-child(1) img{ height: 100%; } .language1 span:nth-child(2) { width: auto; } .language1 span:nth-child(3) { font-size: 20px; height: 6px; padding-top: 2px; padding-left: 5px; } .language1 span:nth-child(3) img{ height: 6px; } /* 首页关于我们 begin */ #fh5co-about-us .met-index-distance{ padding:70px 0 20px} #fh5co-about-us .bg-about{background: rgb(19, 19, 27);} #fh5co-about-us .about-box{margin:15px 0 0px 0;} #fh5co-about-us .about-box .intro,#fh5co-about-us .about-box .intro p{font-size:14px;line-height:200%; color:#fff;} #fh5co-about-us .about-box .media-img img{max-width:100%; margin-top:10px;} #fh5co-about-us .about-box .intro h2{ font-size:16px; font-weight:bold; color:#fff; margin-bottom:18px;} #fh5co-about-us .about-box .intro p.more{ margin-top:18px;} #fh5co-about-us .about-box .intro p.more a{ background-color: #eeeeee;color:#666;} #fh5co-about-us .about-box .intro p.more a:hover{color: #62a8ea;} /* 首页关于我们 end */ /* 首页合作伙伴 企业优势 begin */ .hezuo,.youshi { padding: 100px 0 25px 0;} .case-con,.hezuo-con,.youshi-con{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .case-h2,.hezuo-h2,.youshi-h2 { font-size: 24px; line-height: 150%; color: #fff; background-image: url(../images/case-t.gif); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 22px; padding-top: 0px; margin-top: 0px; margin-bottom: 26px; } .case-box,.hezuo-box,.youshi-box{margin-right:-15px;margin-left:-15px} .kefu-list img,.youshi-list img { height:auto;max-width:100%; } /* 首页合作伙伴 企业优势 begin */ /* 首页精选案例 begin */ .case {padding:10px 0 20px 0;} .case .case-info { color:#fff; margin-bottom:35px; line-height:28px; font-size: 16px;} .case .case-info p { margin-top:15px; color:#ccc; } .case .case-info p a { color:#333; margin:0 3px; } .case .case-info p a:hover { color:#393; } .case h3 { padding:20px 0 26px 0; margin:0 auto; } .case h3 a { font-size: 16px; font-weight: bold; color: #fff } .case h3 small,.case h3 small a { color:#fff; font-size: 14px; font-weight: normal; } .case a.pic-link { max-width: 360px; text-align: center; margin-right: auto; margin-left: auto;position: relative; display: block; } .case-hover { cursor: pointer; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0); background-image: url(../images/on-hover.png); background-repeat: repeat; opacity: 0; filter: Alpha(Opacity=0); z-index: 96; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .case-hover:hover { opacity:1;filter: Alpha(Opacity=1);} .case-hover * {filter: inherit;} .case-hover {cursor: pointer;} .hover-link{ background-image: url(../images/hover-link.png); background-repeat: no-repeat; background-position: center center; } .hover-link { width: 44px; height: 44px; top: 50%; left: 50%; margin-left: -22px; margin-top: -22px; position: absolute; display: block; } .case-list img {width:360px;height:258px;} .text-center{text-align:center} .case-list{ width:100%;float:left;position:relative;min-height:1px;padding-right:15px;padding-left:15px;} .btn-success { color: #fff; background-color: #6e6f6e; border-width: 0px; border-radius: 0px; padding: 12px 30px; margin: 0 15px 20px 15px;} .btn-success:hover {background-color: #4b4c4b;color:#fff;} /* 首页精选案例 end */ /* 首页合作伙伴 企业优势 begin */ figure {margin:0;} @media (min-width:768px) { .hezuo-con,.youshi-con {width:750px;} } @media (min-width:992px) { .hezuo-con,.youshi-con {width:970px;} } @media (min-width:1200px) { .hezuo-con,.youshi-con {width:1170px;} } .col-lg-2,.col-md-3,.col-sm-4,.col-xs-6 {position:relative;min-height:1px;padding-right:15px;padding-left:15px;} .col-xs-6 {float:left;} .col-xs-6 { width:50%;} @media (min-width:768px) { .col-sm-4 { float:left;} .col-sm-4 { width:33.33333333%;} } @media (min-width:992px) { .col-md-3 {float:left;} .col-md-3 {width:25%;} } @media (min-width:1200px) { .col-lg-2 {float:left;} .col-lg-2 {width:16.66666667%;} } .youshi-con:before,.youshi-con:after,.hezuo-box:before,.hezuo-box:after,.youshi-box:before,.youshi-box:after {display:table;content:" ";clear:both;} .hezuo figure img,.ylw-img-responsive { height:auto;max-width:100%; } .col-lg-20 { position:relative;min-height:1px;padding-right:15px;padding-left:15px} @media (min-width: 1200px) {.col-lg-20{float:left}} @media (min-width: 1200px) {.col-lg-20{width:20%}} .hezuo .hezuo-info,.youshi .youshi-info { color: #999; margin-bottom: 45px; font-size:16px;} .hezuo-bg,.yingyin-bg {background-repeat: no-repeat;background-position:center top;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;} .hezuo-bg { background-image: url(../images/hezuo-bg.jpg);} @media (min-width: 701px) and (max-width: 1023px) { .fudong {padding-top: 8%; } } .hezuo figure a { margin-bottom:30px;color:#FFF;display: block; } .hezuo div.hezuo-box,.youshi div.youshi-box { margin-bottom:10px; } .hezuo figure a p { display: none; } @media (min-width: 1200px) { .hezuo div.xg { height: 296px; overflow: hidden; } } @media (min-width: 999px) { .hezuo figure a { position: relative;} @media (min-width: 999px) and (max-width: 1199px) { .hezuo figure a p { left:4px; } } .hezuo figure a p { cursor: pointer; display: block; position: absolute; width: 204px; height: auto; background-color: #339933; top: 0px; line-height: 118px; text-align: center; vertical-align: middle; font-size: 16px; opacity: 0; filter: Alpha(Opacity=0); } .hezuo figure a:hover p { display: block; opacity: 1; filter: Alpha(Opacity=1);} } .hezuo figure img { border: 1px solid #eee !important; } .youshi figure { padding: 38px 0; border-width: 0 1px 1px 0; border-style: solid; border-color: #e6e6e6; } .youshi div.youshi-box { margin: 45px 0 45px 0; border-width: 1px 0 0 1px; border-style: solid;border-color: #e6e6e6;} .youshi figure h3 { font-size: 16px; font-weight: normal; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; } .youshi figure h3 a { color:#000; } .youshi figure p { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background-color: #339933; color: #FFF; padding: 20px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; opacity: 0; filter: Alpha(Opacity=0); } .youshi figure p a { color: #FFF; text-decoration: underline; } .youshi figure:hover p { opacity: 1; filter: Alpha(Opacity=1); } .youshi figure p small { text-align: left; margin-top: 10px; line-height: 180%; font-weight: normal; display: block; overflow: hidden; height: 80%; width: 100%; white-space: normal; text-overflow:ellipsis; } @media (max-width: 1199px) { .youshi figure:hover p {display: block; }.youshi figure p {display: none; } } /* 首页合作伙伴 企业优势 end */ /* 首页产品展示 begin */ #fh5co-product-list .bg-product{background:#f5f5f5 ;} #fh5co-product-list .tab .tab-nav {margin:0;padding:0;} #fh5co-product-list .tab .tab-nav li{margin:0;padding:0;border-right:2px solid #f5f5f5} #fh5co-product-list .tab .tab-nav li a{display:inline-block;font-size:14px;margin:0;border-radius:0;background:#fff;border:none;color: #76838f;padding: 8px 30px;transition: all 0.25s ease 0s;} #fh5co-product-list .tab .tab-nav li a:hover,#fh5co-product-list .tab .tab-nav li.active a{background:#555656;color: #fff;text-decoration:none;} #fh5co-product-list .tab .tab-body{background:none;border:none;padding-top:20px;} /* 首页产品展示 end */ /* 首页案例展示 begin */ .pro-item{ background:#fff; margin-bottom:11px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border: 1px solid #fff} #product-list-box .pro-item{ margin-bottom:22px;} .pro-item:hover{} .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:16px;margin:0px; padding:10px 0;font-weight:bold; text-align:center;text-shadow: 0 0 1px rgba(0, 0, 0, 0.15);} .pro-item h2,.pro-item p{ } .pro-item h2 a{color: #2a333c;font-size: 16px; font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .pro-item h2 a:hover{color: #62a8ea; text-decoration:underline} .pro-item p{ line-height:20px; margin-bottom:12px; color: #454545; font-size:12px;} /* 首页案例展示 end */ /* 首页新闻中心 begin */ #fh5co-news-list .met-index-distance{ padding:70px 0 40px} #fh5co-news-list .bg-news{background-color: #fff;} #fh5co-news-list .news-box{margin:15px 0 0px 0;color: #76838f; font-size:14px;} #fh5co-news-list .news-box .media_img{ overflow:hidden; padding-right:15px; width:150px;} #fh5co-news-list .news-box .media_img img{ width:160px;} #fh5co-news-list .news-box .media-body{overflow: hidden;} #fh5co-news-list .news-box .media-body h3{ line-height:150%;} #fh5co-news-list .news-box .media-body h3 a{color: #2a333c; font-size:18px;font-weight: 400;} #fh5co-news-list .news-box .media-body h3 a:hover{color: #62a8ea;} #fh5co-news-list .news-box .media-body .time{ font-weight: 300;} #fh5co-news-list .news-box .media-body p.desc{ line-height:160%;margin-bottom:5px;} /* 首页新闻中心 end */ /* 内页 begin */ #fh5co-content_show .nav-inline{list-style: outside none none;} #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 6px;margin:0 5px 10px;color: #90939b;} #fh5co-content_show .nav li a:hover,#fh5co-content_show .nav li.active a{text-decoration:none;color: #fff;font-weight:normal} #fh5co-content_show .show_body{} #fh5co-content_show .show_body p{line-height:30px;} #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 .detail p img {padding:5px 0;} #fh5co-content_show .detail .bott {margin-bottom:10px;} #fh5co-content_show .detail .lx {color: rgb(153, 153, 153);} #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:15px;padding-bottom:15px;line-height:200%;color: #fff;} #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: #2b2b2b;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-banner2{background: #2b2b2b;height:130px;line-height:50px;} #fh5co-content_show .inner-banner2 h3{color: #fff;font-size: 24px; font-weight: 300;text-shadow: none;} #fh5co-content_show .inner-nav{border-bottom: 1px solid #2b2b2b;margin-bottom:30px;background:#2b2b2b} #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: #1b4cd8; 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;} #fh5co-content_show .product-detail .detail-title {border-bottom:1px solid #d8d8d8} #fh5co-content_show .product-detail .detail-title h2{background: #3a3a3a;color: #fff;cursor: pointer;display: inline-block;font-size: 16px;height: 41px;line-height: 41px;text-align: center;width: 166px;} #fh5co-content_show .service li{width:33.3333%;padding-top:20px;float:left;} #fh5co-content_show .service li img{padding:0 8px;} #fh5co-content_show .about-con img{width:100%;max-width:1720px; height: auto !important;max-width: 100%;vertical-align: middle;} #fh5co-content_show .activity{ margin-top:50px; margin-bottom:50px;} #fh5co-content_show .activity_show_body{ padding-top:120px; padding-left:60px; color: #fff; line-height:32px;} #fh5co-content_show .activity-con{ position: relative; top: 0; left: 0; color: white; /* 文字颜色 */ padding: 10px; /* 文字周围的填充 */} #fh5co-content_show .activity-con img { width: 100%; /* 或者其他指定的宽度 */ height: auto; /* 保持图片的宽高比 */ max-width:1720px; } .activity-con img { width: 100%; /* 或者其他指定的宽度 */ height: auto; /* 保持图片的宽高比 */ max-width:1720px; } #fh5co-content_show .activity_dec{ position: absolute; top: 0; left: 0; color: white; /* 文字颜色 */ padding: 10px; /* 文字周围的填充 */ } #fh5co-content_show .activity_dec_t { padding-top:130px; padding-left:140px; line-height:34px; } #fh5co-content_show .pro_show h1{ font-size:35px;} #fh5co-content_show .pro_show_r{ float:right;} /* 内页 end */ /* 服务项目 begin */ .service-banner {height:200px;background-image:url(../images/service.png);} .service-banner h2 {line-height:200px;text-align:center;color:#fff;} .hor2{width: 50%;float: left;} .hor1{width: 100%;float: left;} .hover>img{width: 100%;} .hover{position: relative;overflow: hidden;} .cover{position: absolute;background: url(../images/opc.png) 0 0 repeat;height: 100%;z-index: 1;top: 0px;left: 100%;width: 100%;} .hover .cover img{width: initial;margin: 25px 0px 25px 20px;} .cover p{font-size: 28px;color: #fff;line-height: 28px;margin-bottom: 16px;margin-left: 20px;} .cover span{display: inline-block;width: 112px;height: 4px;background: #fff;margin-left: 20px;} .cover em{display: inline-block;width: 167px;height: 4px;background: #fff;margin-left: 20px;} /* 服务项目 end */ /* 分页 begin */ .table span{margin-right:10px;} .content_detail .pager{font-size:16px;} .content_detail .pager a{border:none;color:#333;} .content_detail .pager a:focus,.content_detail .pager a:hover{color:#323232;background:none} .content_detail .pager li{color:#333;display:block;text-align:left} #fh5co-content_show video{max-width:100%} /* 分页 end */ /* 文章 begin */ #fh5co-content_show .article-media li{width:48%;float:left;margin-left:2%;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;height:120px;} .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: #62a8ea;} .article-media .media-body p{line-height:160%;margin-bottom:5px; font-size:14px;} .article-media .media-body .con-title {color: #fff;font-size: 18px;font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .article-media .media-body .con-title a{color: #fff;} .hidden-l a{ color: #666; } .slideshow img{display: block;float: left;} #toolbar{ display:none;} /* 文章 end */ /* 在线客服 */ .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:#0f92e0 url(../images/qq/greenOpen.jpg) no-repeat;} .SonlineBox .titleBox{ width:135px; height:35px;line-height:33px; background:#0f92e0; border-bottom:2px solid #0f92e0;} .SonlineBox .titleBox span{ margin-left:10px;color:#fff; font-size:14px;} .SonlineBox .contentBoxC{ width:135px; /*height:335px;*/ border:2px solid #0f92e0; 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:#0f92e0;font-size:14px;line-height:26px;font-family:'微软雅黑';background:url(../images/qq/telBg.jpg) 0 0 no-repeat;text-align:center;font-weight:bold;} /*在线客服 end */ /* 友情链接 begin */ .flink {background:#4d4a52;border-top:1px solid #7a797b;overflow:hidden;} .flink .flink-con {width:1200px;margin:0 auto;} .flink span.flink-t {font-size:15px;font-weight:500;} .flink a {width:120px;padding:0 8px;font-size:13px;line-height:40px;color:#fff;} /* 友情链接 end */ @media (min-width:1000px) and (max-width:1199px){ #fh5co-news-list .news-box .media-body p.desc{ height:94px;overflow: hidden;} } @media screen and (max-width:1000px){ #fh5co-header .navbar-body .nav li{padding: 0px 16px 0;} #fh5co-service-list .service-content .item-block{ height:270px; overflow:hidden} .met-index-distance{ padding-top:50px;padding-bottom:40px} #fh5co-news-list .met-index-distance,#fh5co-about-us .met-index-distance,#fh5co-service-list .met-index-distance{padding-top:50px;padding-bottom:20px} .index-title{padding-top:70px;} .index-title .float-right{float:none !important;} #fh5co-news-list .news-box{ margin:0} #fh5co-about-us .about-box .float-right{ float:none !important;} #fh5co-about-us .about-box .media-img{} footer .nav-cotact{ margin-top:15px; text-align:center} #fh5co-about-us .about-box .media-img { text-align:center} #fh5co-about-us .about-box .intro h2,#fh5co-about-us .about-box .intro p.more{ text-align:center} #fh5co-about-us .about-box .media-img img{max-width:360px;} .slideshow { height:240px !important; } .slideshow img { height:240px !important; } } @media screen and (max-width:760px){ #fh5co-news-list .news-box .media_img img{ width:100px;} #fh5co-header .icon-navicon{float:right; margin-top:4px; margin-left:7px; font-size:22px; border:none;transition:none; padding:0; } #fh5co-header .navbar-head{padding:7px 0 7px 0;} #fh5co-header .navbar-head img{height:30px;} #fh5co-header .navbar-body{ padding:0;border-bottom:0} #fh5co-header .navbar-body .nav { overflow:auto ;} #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:14px 0; position:static} #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} footer .nav-list{margin-bottom:20px;} .fh5co-heading h2{font-size:28px;} .fh5co-heading h3{font-size:28px;} .fh5co-heading span{font-size: 14px;} #fh5co-news-list .news-box .media-body h3 a{font-size: 16px;} #fh5co-news-list .news-box .media_img{ padding:0} #fh5co-product-list .tab .tab-nav li {margin-top:8px;} #fh5co-product-list .tab .tab-nav li a{padding: 8px 20px;} .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;} .box-language2{ display: none; } .box-languagea{ float: left; width: auto; margin-left: 2%; margin-top: -2px; } .language2a{ display: block; position: absolute; width: 100px; height: auto; background: #000; z-index: 999; display: none; padding-top: 10px; } .language2a a { float: left; width: 80%; font-size: 12px; color: #fff; line-height: 30px; padding-left: 20%; text-align: left; } .language1a{ width: 85px; display: flex; justify-content: space-between; align-items: center; } .language1a span{ display: flex; font-size: 12px; color: #fff; flex: 1; height: 18px; } .language1a span:nth-child(1) { height: 18px; } .language1a span:nth-child(1) img{ height: 100%; } .language1a span:nth-child(2) { width: 30px; } .language1a span:nth-child(3) { font-size: 20px; height: 6px; padding-top: 2px; padding-left: 5px; } .language1a span:nth-child(3) img{ height: 6px; } /*手机底部导航*/ .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:#212121; 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-service-list .service-content .item-block{ height:400px;} .fh5co-heading span{ width:85%; margin:0 auto} #fh5co-news-list .news-box .media-body h3{ line-height:110%} #fh5co-news-list .news-box .media-body p.desc{ height:54px;overflow: hidden;line-height:130%} #fh5co-product-list .tab .tab-nav li a{padding: 8px 7px;} #fh5co-about-us .about-box .media-img img{max-width:auto; width:100%} #fh5co-news-list .news-box .media-body p.desc{ display:none} #fh5co-service-list .service-content .xl6{ width:100% !important} #fh5co-news-list .news-box .media_img{ padding-right:5px; width:80px;} #fh5co-news-list .news-box .media-body h3 a{ font-size:14px;} .slideshow { height:120px !important; } .slideshow img { height:120px !important; } #fh5co-content_show .activity_dec_t { padding-top:20px; padding-left:40px; } #fh5co-content_show .activity_show_body{ padding-top:10px; padding-left:10px; color: #fff; line-height:28px; } #fh5co-content_show .inner-banner2 h3{color: #fff;font-size: 20px;text-shadow: none; line-height:24px;} } @media (max-width:767px){ .sub-content{background-image:none;} .sub-content-left{width:100%;} .sub-content-right{width:100%;padding-top:12px;padding-bottom:30px;} .left-nav{padding-top:10px;} .left-nav h3{float:left;width:50%;padding-right:1px;} .left-nav h3:nth-child(2n){padding-right:0px;} .left-nav h3:nth-child(2n-1){padding-right:1px;} .left-nav h3 a{position:relative;display:block;padding-left:24px;color:rgba(255,255,255,0.8);font-size:14px;line-height:22px;padding-top:12px;padding-bottom:12px;cursor:pointer;font-weight:400;background-color:rgba(0,0,0,0.8);margin-bottom:1px;} .left-nav h3 a:after{content:"";position:absolute;left:10px;top:21px;width:7px;height:1px;background-color:rgba(255,255,255,0.6);} .left-nav h3 a:before{content:"";position:absolute;left:13px;top:18px;width:1px;height:7px;background-color:rgba(255,255,255,0.6);transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;} .left-nav h3.none a:after{content:"";position:absolute;left:0px;top:0px;width:0px;height:0px;} .left-nav h3.none a:before{content:"\f105";font-family:"FontAwesome";position:absolute;right:0px;top:0px;width:auto;text-align:right;padding-right:18px;height:46px;background-color:transparent;font-size:14px;line-height:44px;color:rgba(255,255,255,0.2);} .left-nav h3.none a:hover:before{content:"\f105";font-family:"FontAwesome";position:absolute;right:0px;top:0px;width:auto;text-align:right;padding-right:14px;height:46px;background-color:transparent;font-size:14px;line-height:44px;color:rgba(255,255,255,0.8);} .left-nav h3 a:hover{color:#666;} .left-nav h3.on a{color:rgba(255,255,255,1);background-color:rgba(0,0,34,0.7);} .left-nav h3.on a:after{background-color:rgba(255,255,255,0.6);} .left-nav h3.on a:before{left:13px;top:22px;width:1px;height:0px;} .left-nav .link{display:none;padding-top:0px;padding-bottom:0px;transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-ms-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;} .left-nav .link a{display:block;padding-left:24px;color:#333!important;font-size:13px;line-height:24px;font-weight:400;padding-top:4px;padding-bottom:4px;background-color:rgba(25,25,56,0.08)!important;} .left-nav .link a:after{content:"";position:absolute;left:0px;top:0px;width:0px;height:0px;} .left-nav .link a:before{content:"";position:absolute;left:0px;top:0px;width:0px;height:0px;} .left-nav .link a:hover{color:#e60012!important;} .left-nav .current{float:left;width:50%;padding-right:1px;} .left-nav .current a{position:relative;display:block;padding-left:24px;font-size:14px;line-height:22px;padding-top:12px;padding-bottom:12px;cursor:pointer;font-weight:400;color:rgba(255,255,255,1);background-color:rgba(191,20,20,0.8);margin-bottom:1px;} .left-nav .current a:after{content:"";position:absolute;left:10px;top:21px;width:7px;height:1px;background-color:rgba(255,255,255,0.6);} .left-nav .current a:before{content:"";position:absolute;left:13px;top:18px;width:0px;height:0px;background-color:rgba(255,255,255,0.6);} .left-nav .current.none a:after{content:"";position:absolute;left:0px;top:0px;width:0px;height:0px;} .left-nav .current.none a:before{content:"\f105";font-family:"FontAwesome";position:absolute;right:0px;top:0px;width:auto;text-align:right;padding-right:18px;height:46px;background-color:transparent;font-size:14px;line-height:44px;color:rgba(255,255,255,0.9);} .left-nav .current .link{display:block;} .left-nav .current .link a{display:block;padding-left:24px;color:#333!important;font-size:13px;line-height:24px;font-weight:400;padding-top:4px;padding-bottom:4px;background-color:rgba(25,25,56,0.08)!important;} .left-nav .current .link a.active{color:#e60012!important;} .left-nav .current .link a:hover{color:#e60012!important;} .left-nav .current .link a:after{content:"";position:absolute;left:0px;top:0px;width:0px;height:0px;} .left-nav .current .link a:before{content:"";position:absolute;left:0px;top:0px;width:0px;height:0px;} /* begin */ .service-banner {height:200px;background-image:url(../images/service.png);} .service-banner h2 {line-height:200px;text-align:center;color:#fff;} #fh5co-content_show .service li{width:100%;padding-top:20px;} #fh5co-content_show .service li img{padding:0 8px;} #fh5co-content_show .article-media li {width:100%;} .case-list img {width:100%;height:auto;} /* postion begin */ .postion{font-size:15px;line-height:20px;color:#666;padding-bottom:12px;margin-bottom:0px;position:relative;} .postion:after{content:"";position:absolute;left:0px;right:0px;bottom:0px;background-color:rgba(0,0,0,0.15);width:100%;height:1px;-webkit-transform:scaleY(0.3333333333333333);transform:scaleY(0.3333333333333333);-webkit-transform-origin:0 0;transform-origin:0 0;} .postion img.home{float:left;width:15px;height:auto;margin-right:0px;margin-top:2px;} .postion .fa-angle-right{float:left;margin-left:4px;margin-right:4px;font-size:18px;line-height:18px;margin-top:-1px;color:#666;} .postion a{float:left;display:inline-block;} .postion span{float:left;display:inline-block;color:#333;} /* postion end */ /* 技术支持 begin */ .sub-content{background-image:none;} .sub-content-left{width:100%;} .sub-content-right{width:100%;padding-top:12px;padding-bottom:30px;} .fa-angle-right:before { content: "\f105";font-family:"FontAwesome";} .fa { display: inline - block; font: normal normal normal 14px / 1 FontAwesome; font - size: inherit; text - rendering: auto; - webkit - font - smoothing: antialiased; - moz - osx - font - smoothing: grayscale; transform: translate(0, 0);} .support-item{ line-height: 30px; padding:30px 0; border-bottom: 1px solid #6d6e71;} .support-tt,.project-t {text-align:center; margin-bottom: 30px;} .support-tt span,.project-t span {display: inline-block;border-bottom: 2px solid #616161;font-size: 26px;color: #f54040;padding-bottom: 8px;position: relative;} .support-txt {font-size:15px;} .support-txt p{line-height:30px;} .support-pic-left img,.support-pic-right img {width:100%;height:auto;padding: 10px;} .domain {float:right;padding-right:10px;} /* 技术支持 end */ /* 专业调试 begin */ .debugging {margin-top:35px;} .debugging-tt {height: 20px;border-top: 1px solid #58595b;} .debugging2-tt {margin-top:15px;height: 20px;border-top: 1px solid #58595b;} .debugging-tt span,.debugging2-tt span {font-size: 18px;display: inline-block;top: -15px;position: relative;padding: 0 10px 6px;background:#fff;} .debugging-left span {padding-left:10px;font-size: 15px;} .debugging-ts li {font-size: 15px;float: left;width: 50%;text-align: center;margin: 0;list-style:none;} .debugging-ts img {max-width:100%!important;} .debugging-right {text-align:center;} .debugging-h { text-align: center;margin-top:20px; margin-bottom: 35px;} .debugging-h span {display: inline-block;border-bottom: 4px solid #747475;padding-bottom: 2px; position: relative;} .debugging-h span {font-size: 26px;color: #676767;} .debugging-h p {font-size: 12px;} .debugging2-box { padding: 10px;font-size: 15px;line-height: 30px;} .debugging2-right img { width: 100%;padding: 20px;} .cover{left: 0px;} .hor2{width: 100%;} .cover span{margin-left: 5px;} .hover .cover img{width: 60%;margin:5px;} .cover p{margin: 0px 5px;font-size: 14px;} /* 专业调试 end */ /* 产品保障 */ .icon-cp {margin-top: 0;margin-right: auto;margin-left: auto;overflow:hidden;} .icon-cp ul {padding:0;} .icon-cp li{width:33.33333%;float:left;text-align:center;margin-bottom: 20px;} .icon-cp li span {font-size:16px;} .icon-cp .icon {width:100px;height:80px;} .icon-cp .icon-1 {background: url("../images/icon.png") 25px no-repeat;} .icon-cp .icon-2 {background: url("../images/icon.png") -79px no-repeat;} .icon-cp .icon-3 {background: url("../images/icon.png") -186px no-repeat;} .icon-cp .icon-4 {background: url("../images/icon.png") -295px no-repeat;} .icon-cp .icon-5 {background: url("../images/icon.png") -411px no-repeat;} .icon-cp .icon-6 {background: url("../images/icon.png") -530px no-repeat;} .icon-cp .icon-7 {background: url("../images/icon.png") -656px no-repeat;} .icon-cp .icon-8 {background: url("../images/icon.png") -770px no-repeat;} .icon-cp .icon-9 {background: url("../images/icon.png") -870px no-repeat;} /*售后支持*/ .sh { margin-top: 20px; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #826767;} .sh-img {float:left;padding: 10px;text-align:center;} .sh-img img {width:90px;} .sh-tt {font-size:18px;color:#4e4d4d;margin-bottom: 10px;} .sh-box p {font-size:14px;} /* 项目管理 */ .project {margin-top:30px;} .project p {color:#545454;font-size:15px;} .project dl{padding:0;overflow:hidden;} .project dt {font-weight:100;} .project-img {width:50px;height:auto;float:left;padding-top:20px;} .project-img img {width:100%;padding:5px;} .project-tt {width:65px;float:left;padding:20px 5px 0 0;font-size:15px;color:#f33737;text-align:center;} .project-box {font-size:15px; padding-top:10px;color:#545454;} /* 服务项目 begin */ .g-banner-title { background: url("../images/banner100.jpg") center center no-repeat; height: 600px; overflow: hidden; position: relative; } .g-banner-title .title { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.33); color: #fff; text-align: center; padding-top: 330px; font-size: 50px; font-weight: bold; } .g-banner-title .line { width: 50px; height: 4px; background-color: #92bc10; margin: 0 auto 15px auto; } .g-banner-title .center-menu { text-align: center; width: 100%; line-height: 60px; font-size: 17px; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 999; } .g-banner-title .center-menu a { margin: 0 10px; color: #fff; } .g-banner-title .center-menu a:hover, .g-banner-title .center-menu a.on { color: #92bc10; } .service { width: 100%; margin-left: auto; margin-right: auto; margin-bottom:8px;} .service .box { width: 100%; height: auto; } .service .item { overflow: hidden; background-color: #000; } .service .item img { display: block; opacity: .5; } .service .item .title { font-size: 25px; color: #fff;left: 0; text-align: center; } .service .item p { display:none; } .service .item:hover img { opacity: .7; } .service .item2, .service .item3 { width: 100%; left: 0; margin-top:5px;} .si-title { text-align: center; font-size: 38px; font-weight: bold; color: #000; padding:25px 0; } .si-title .line { width: 50px; height: 4px; background-color: #92bc10; margin: 0 auto 15px auto; } .si-title2 { text-align: center; font-size: 38px; font-weight: bold; color: #023894; margin-bottom: 60px; } .si-title2 p { color: #8d8d8d; font-size: 16px; text-align: center; text-transform: uppercase; margin-bottom: 10px; } /* 服务项目 end */ /* 友情链接 begin */ .flink {height:auto;display: none;} .flink .flink-con {width:100%;padding: 0 0 0 10px;} .flink a {width:20%;padding:0 5px;line-height:35px;} /* 友情链接 end */ /* 底部版权 begin */ .copyright .link{text-align:center;margin-bottom:4px;} .copyright .link a{white-space:nowrap;line-height:24px;display:inline-block;margin-right:10px;padding-right:10px;position:relative;color:#a5a5a5;font-size:13px;} .copyright .link a:hover{color:#c4c4c4;} .copyright .link a:after{content:"";position:absolute;right:0px;top:6px;background-color:rgba(255,255,255,0.15);width:1px;height:10px;-webkit-transform:scaleX(0.3333333333333333);transform:scaleX(0.3333333333333333);-webkit-transform-origin:0 0;transform-origin:0 0;} .copyright .link a:last-child{margin-right:0px;padding-right:0px;} .copyright .link a:last-child:after{content:"";width:0px;height:0px;} .copyright .copy{background-color:#4d4a52;border:1px solid #7a797b;padding:15px 0px 20px;text-align:center;} .copyright .copy span{display:inline-block;margin-left:4px;margin-right:4px;font-size:13px;line-height:22px;color:#a5a5a5;} .copyright a{color:rgba(255,255,255,0.6);} .copyright a:hover{color:#FFF;} .copyright i{font-style:normal;} /* 底部版权 end */ /* 底部 begin */ .tail{background-color:#2b2b2b;padding-top:2px;padding-bottom:14px;} .tail .tail-title{display:block;font-size:14px;} .tail .tail-title span{display:block;height:44px;line-height:44px;color:rgba(255,255,255,0.6);font-weight:200;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} .tail .tail-title.on span{color:#c29356;} .tail .tail-title.on:after{background-color:rgba(255,255,255,1);} .tail .tail-title a{color:rgba(255,255,255,0.6);} .tail .tail-title.on a{color:#c29356;} .tail .tail-title .icon{display:inline-block;width:44px;height:44px;float:right;position:relative;} .tail .tail-title .icon .icon-bar{position:absolute;left:31px;top:21px;background-color:#AAA;display:block;width:9px;height:1px;border-radius:1px;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} .tail .tail-title .icon .icon-bars{position:absolute;left:35px;top:17px;background-color:#AAA;display:block;width:1px;height:9px;border-radius:1px;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} .tail .tail-title .icon.on .icon-bar{transform:rotate(-135deg);-ms-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);} .tail .tail-title .icon.on .icon-bars{transform:rotate(-135deg);-ms-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);} .tail .intro{padding:15px 20px;position:relative;} .tail .intro:after{content:"";position:absolute;left:0;bottom:0;background-color:rgba(255,255,255,0.15);width:100%;height:1px;-webkit-transform:scaleY(0.3333333333333333);transform:scaleY(0.3333333333333333);-webkit-transform-origin:0 0;transform-origin:0 0;} .tail .intro p{font-size:13px;line-height:18px;color:#adadad;margin-bottom:14px;text-align:justify;font-weight:200;} .tail .intro a{color:#e60012;font-size:12px;float:right;} .tail .intro a:hover{color:#FFF;} .tail .intro a span{margin-left:4px;} .tail .address{padding:0px 10px 15px 10px;position:relative;} .tail .address p{font-size:13px;line-height:16px;color:#adadad;margin-bottom:4px;font-weight:200;} .tail .address .num{font-size:15px;line-height:20px;font-family:"dinregular";color:#fff;} .tail .content{display:none;} .tail .links{padding:0px 10px 15px;} .tail .links a{color:#adadad;font-size:13px;display:inline-block;margin-right:10px;line-height:24px;} .tail .links a:hover{color:#FFF;} .tail .right{width:100%;position:relative;} .tail .right:before{content:"";position:absolute;left:0;bottom:0;background-color:rgba(6,6,6,0.15);width:100%;height:1px;-webkit-transform:scaleY(0.3333333333333333);transform:scaleY(0.3333333333333333);-webkit-transform-origin:0 0;transform-origin:0 0;} .tail .item{width:100%;position:relative;padding-bottom:1px;} .tail .item:before{content:"";position:absolute;left:0;bottom:0;background-color:rgba(6,6,6,0.15);width:100%;height:1px;-webkit-transform:scaleY(0.3333333333333333);transform:scaleY(0.3333333333333333);-webkit-transform-origin:0 0;transform-origin:0 0;} .tail .content a{color:rgba(255,255,255,0.6);} .tail .content a:hover{color:#FFF;} .tail .qrcode{} .tail .qrcode .pic{width:120px;margin-top:0px;margin-left:10px;} .tail .qrcode .pic img{max-width:none;width:100%;height:auto;} .tail .qrcode .link{width:120px;margin-top:8px;margin-bottom:15px;margin-left:10px;} .tail .qrcode .link a{display:block;width:100%;height:32px;font-size:13px;color:rgba(255,255,255,0.8);line-height:32px;text-align:center;background-color:#1b4cd8;} .tail .qrcode .link a:hover{color:rgba(255,255,255,1);} .fixed-link{display:none;} /* 底部 end */ #fh5co-content_show .show_body table { width: 100%; /* 设置表格宽度为100% */ overflow-x: auto; /* 当内容宽度超出时显示横向滚动条 */ display: block; /* 使得表格可以设置宽度和溢出隐藏 */ margin-bottom: 10px; border-collapse: collapse; border-spacing: 0; } #fh5co-content_show .show_body table th, td { padding: 10px; text-align: left; border-bottom: 1px solid #ddd; } #fh5co-content_show .show_body table th { background-color: #f2f2f2; font-weight: bold; } #fh5co-content_show .show_body table tr:nth-child(even) { background-color: #f2f2f2; } #fh5co-content_show .show_body table tr:hover { background-color: #ddd; } } @media (min-width:768px){ .left-nav{padding-top:45px;} .left-nav h3 a{position:relative;display:block;padding-left:24px;color:rgba(255,255,255,0.8);font-size:14px;line-height:22px;padding-top:12px;padding-bottom:12px;cursor:pointer;font-weight:400;background-color:rgba(0,0,0,0.8);margin-bottom:1px;} .left-nav h3 a:after{content:"";position:absolute;left:10px;top:21px;width:7px;height:1px;background-color:rgba(255,255,255,0.6);} .left-nav h3 a:before{content:"";position:absolute;left:13px;top:18px;width:1px;height:7px;background-color:rgba(255,255,255,0.6);transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;} .left-nav h3.none a:after{content:"";position:absolute;left:0px;top:0px;width:0px;height:0px;} .left-nav h3.none a:before{content:"\f105";font-family:"FontAwesome";position:absolute;right:0px;top:0px;width:auto;text-align:right;padding-right:18px;height:46px;background-color:transparent;font-size:14px;line-height:44px;color:rgba(255,255,255,0.2);} .left-nav h3.none a:hover:before{content:"\f105";font-family:"FontAwesome";position:absolute;right:0px;top:0px;width:auto;text-align:right;padding-right:14px;height:46px;background-color:transparent;font-size:14px;line-height:44px;color:rgba(255,255,255,0.8);} .left-nav h3 a:hover{color:rgba(255,255,255,0.8);} .left-nav h3.on a{color:rgba(255,255,255,1);background-color:rgba(16,16,16,0.9);} .left-nav h3.on a:after{background-color:rgba(255,255,255,0.6);} .left-nav h3.on a:before{left:13px;top:22px;width:1px;height:0px;} .left-nav .link{display:none;padding-top:0px;padding-bottom:0px;transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-ms-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;} .left-nav .link a{display:block;padding-left:24px;color:#333!important;font-size:13px;line-height:24px;font-weight:400;padding-top:4px;padding-bottom:4px;background-color:rgba(25,25,56,0.08)!important;} .left-nav .link a:after{content:"";position:absolute;left:0px;top:0px;width:0px;height:0px;} .left-nav .link a:before{content:"";position:absolute;left:0px;top:0px;width:0px;height:0px;} .left-nav .link a:hover{color:#e60012!important;} .left-nav .current a{position:relative;display:block;padding-left:24px;font-size:14px;line-height:22px;padding-top:12px;padding-bottom:12px;cursor:pointer;font-weight:400;color:rgba(255,255,255,1);background-color:rgba(191,20,20,0.8);margin-bottom:1px;} .left-nav .current a:after{content:"";position:absolute;left:10px;top:21px;width:7px;height:1px;background-color:rgba(255,255,255,0.6);} .left-nav .current a:before{content:"";position:absolute;left:13px;top:18px;width:0px;height:0px;background-color:rgba(255,255,255,0.6);} .left-nav .current.none a:after{content:"";position:absolute;left:0px;top:0px;width:0px;height:0px;} .left-nav .current.none a:before{content:"\f105";font-family:"FontAwesome";position:absolute;right:0px;top:0px;width:auto;text-align:right;padding-right:18px;height:46px;background-color:transparent;font-size:14px;line-height:44px;color:rgba(255,255,255,0.9);} .left-nav .current .link{display:block;} .left-nav .current .link a{display:block;padding-left:24px;color:#333!important;font-size:13px;line-height:24px;font-weight:400;padding-top:4px;padding-bottom:4px;background-color:rgba(25,25,56,0.08)!important;} .left-nav .current .link a.active{color:#e60012!important;} .left-nav .current .link a:hover{color:#e60012!important;} .left-nav .current .link a:after{content:"";position:absolute;left:0px;top:0px;width:0px;height:0px;} .left-nav .current .link a:before{content:"";position:absolute;left:0px;top:0px;width:0px;height:0px;} /* postion begin */ .postion{ont-size:13px;line-height:18px;color:#666;border-bottom:#E8E8E8 solid 1px;padding-bottom:14px;margin-bottom:0px;} .postion img.home{float:left;width:14px;height:auto;margin-right:2px;} .postion .fa-angle-right{float:left;margin-left:6px;margin-right:6px;font-size:15px;line-height:18px;margin-top:-1px;color:#666;} .postion a{float:left;display:inline-block;font-size:13px;} .postion span{float:left;display:inline-block;color:#333;font-size:13px;} /* postion end */ /* 技术支持左侧 begin */ .sub-content-left{float:left;width:200px;} .sub-content-right{float:right;width:-moz-calc(100% - 200px);width:-webkit-calc(100% - 200px);width:calc(100% - 200px);min-height:600px;padding-left:20px;padding-top:15px;padding-bottom:40px;} .sub-title-name{position:relative;padding-left:20px;font-size:20px;color:#333;line-height:26px;margin-top:30px;margin-bottom:30px;} .sub-title-name:after{content:"";position:absolute;left:0px;top:1px;width:4px;height:22px;background-color:#e60012;border-radius:4px;} .sub-title-name span{float:right;font-size:14px;} .sub-title-name span .fa{font-size:16px;margin-left:4px;} .fa-angle-right:before { content: "\f105";font-family:"FontAwesome";} .fa { display: inline - block;font: normal normal normal 14px / 1 FontAwesome;font - size: inherit;text - rendering: auto; - webkit - font - smoothing: antialiased; - moz - osx - font - smoothing: grayscale;transform: translate(0, 0);} /* 技术支持左侧 end */ /* 技术支持 begin */ .support-item{ line-height: 30px; padding:60px 30px 15px; border-bottom: 1px solid #6d6e71;} .support-tt,.project-t{ text-align: center; margin-bottom: 35px;} .support-tt span,.project-t span{ display: inline-block; border-bottom: 2px solid #616161; font-size: 26px; color: #f54040; padding-bottom:8px; position: relative;} .support-tt p{ font-size: 12px; } .support-txt { font-size: 14px;} .support-txt p {line-height:30px;} .support-pic{ padding-top:20px; } .support-pic-left{width: 350px; float: left; margin-top: 50px; } .support-pic-left img {width:100%;height:auto;} .support-pic-right{ float: right;} .support-pic-right img {width:100%;height:auto;} .domain{ text-align: right; padding-top: 35px; } /* 技术支持 begin */ /* 专业调试 begin */ .debugging {margin-top:35px;padding-bottom:100px;} .debugging-tt,.debugging2-tt {height: 20px;border-top: 1px solid #58595b;} .debugging-tt span,.debugging2-tt span {font-size: 18px;display: inline-block;top: -15px;position: relative;padding: 0 10px 6px;background:#fff;} .debugging-left {float: left;padding-top: 36px;} .debugging-left span { padding-left: 10px;font-size:14px;} .debugging-ts {margin-top:10px;} .debugging-ts li {float: left;margin-right: 28px;text-align: center;list-style:none;} .debugging-right {width:270px;float: right;padding:5px 0 0;} .debugging-h { text-align: center;margin-bottom: 35px;} .debugging-h span {display: inline-block;border-bottom: 4px solid #747475;padding-bottom: 2px;position: relative;} .debugging-h span {font-size: 26px;color: #676767;} .debugging-h p { font-size: 12px;} .debugging2 {height:330px;clear:both;} .debugging2-box { padding-top: 50px;font-size: 14px; line-height: 30px; text-indent: 2em;} .debugging2-left {width:630px;float:left;} .debugging2-right {width:300px;float:right;overflow:hidden;} /* 专业调试 begin */ /* 产品保障 begin */ .icon-cp {width:1200px;margin-top: 0;margin-right: auto;margin-bottom: 80px;margin-left: auto;overflow:hidden;} .icon-cp ul {padding:0;} .icon-cp li{width:11%;float:left;text-align:center;} .icon-cp li span {font-size:16px;} .icon-cp .icon {width:100px;height:80px;} .icon-cp .icon-1 {background: url("../images/icon.png") 25px -4px no-repeat;} .icon-cp .icon-2 {background: url("../images/icon.png") -80px -4px no-repeat;} .icon-cp .icon-3 {background: url("../images/icon.png") -186px -4px no-repeat;} .icon-cp .icon-4 {background: url("../images/icon.png") -295px -4px no-repeat;} .icon-cp .icon-5 {background: url("../images/icon.png") -411px -4px no-repeat;} .icon-cp .icon-6 {background: url("../images/icon.png") -530px -4px no-repeat;} .icon-cp .icon-7 {background: url("../images/icon.png") -656px -4px no-repeat;} .icon-cp .icon-8 {background: url("../images/icon.png") -770px -4px no-repeat;} .icon-cp .icon-9 {background: url("../images/icon.png") -870px -4px no-repeat;} /* 产品保障 end */ /* 售后支持 begin */ .sh { margin-top: 20px; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #826767;} .sh-img {width:300px;float:left;text-align:center;} .sh-box {width:630px;float:right;} .sh-tt {font-size:18px;color:#4e4d4d;margin-bottom: 10px;} .sh-box p {font-size:14px;} /* 售后支持 end */ /* 项目管理 begin */ .project {margin-top:35px;} .project p {font-size:15px;line-height:25px;margin-left:30px;} .project dl{margin-top:20px;overflow:hidden;} .project dt {font-weight:100;} .project-img {width:100px;height:auto;float:left;margin-left: 20px;padding: 10px;} .project-img img {width:100%;} .project-tt {width:100px;float:left;padding:20px;font-size:15px;color:#6e66de;text-align:center;} .project-box {font-size:15px; padding-top: 22px;} /* 项目管理 end */ /* 服务项目 begin */ .g-banner-title { background: url("../images/banner100.jpg") center center no-repeat; background-size: 1920px 600px; height: 600px; min-width: 1280px; overflow: hidden; position: relative; } .g-banner-title .title { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.33); color: #fff; text-align: center; padding-top: 330px; font-size: 50px; font-weight: bold; } .g-banner-title .line { width: 50px; height: 4px; background-color: #92bc10; margin: 0 auto 15px auto; } .g-banner-title .center-menu { text-align: center; width: 100%; line-height: 60px; font-size: 18px; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 999; } .g-banner-title .center-menu a { margin: 0 80px; color: #fff; } .g-banner-title .center-menu a:hover, .g-banner-title .center-menu a.on { color: #92bc10; } .service{ width: 1200px; margin-left: auto; margin-right: auto; padding: 80px 0 0;} .service .box { position: relative; width: 100%; height: 584px; } .service .item { position: absolute; overflow: hidden; background-color: #000; } .service .item img { display: block; opacity: .5; } .service .item .title { font-size: 36px; color: #fff; position: absolute; left: 0; width: 100%; top: 50%; margin-top: -18px; text-align: center; } .service .item p { font-size: 20px; position: absolute; color: #fff; left: 0; top: 50%; width: 100%; text-align: center; margin-top: 18px; } .service .item:hover img { opacity: .7; } .service .item2, .service .item3 { width: 650px; height: 287px; right: 0; } .service .item1 { top: 0; } .service .item2 { bottom: 0; } .service .item1 { left: 0; width: 540px; top: 0; height: 584px; } .service .item1 .title { margin-top: -46px; } .si-title { text-align: center; font-size: 38px; font-weight: bold; color: #000; margin-bottom: 70px; } .si-title .line { width: 50px; height: 4px; background-color: #13caf8; margin: 0 auto 15px auto; } .si-title2 { text-align: center; font-size: 38px; font-weight: bold; color: #023894; margin-bottom: 60px; } .si-title2 p { color: #8d8d8d; font-size: 16px; text-align: center; text-transform: uppercase; margin-bottom: 10px;} /* 服务项目 end */ /* 底部版权 begin */ .copyright .container{padding-left:20px;padding-right:20px;} .copyright .link{float:right;} .copyright .link a{white-space:nowrap;line-height:24px;display:inline-block;margin-right:10px;padding-right:10px;position:relative;color:rgba(255,255,255,0.6);font-size:13px;} .copyright .link a:hover{color:#e60012;} .copyright .link a:after{content:"";position:absolute;right:0px;top:6px;background-color:rgba(255,255,255,0.15);width:1px;height:10px;} .copyright .link a:last-child{margin-right:0px;padding-right:0px;} .copyright .link a:last-child:after{content:"";width:0px;height:0px;} .copyright .copy{background-color:#000;border:1px solid #7a797b;padding:15px 0px 15px;font-size:13px;line-height:14px;text-align:center;} .copyright .copy span{display:inline-block;margin-left:0px;margin-right:8px;line-height:22px;color:#a5a5a5;} .copyright a{color:rgba(255,255,255,0.6);} .copyright a:hover{color:#FFF;} .copyright i{font-style:normal;} /* 底部版权 end */ /* 底部 begin */ .tail{padding-top:40px;padding-bottom:40px;background-color:#000;margin-top:10px;} .tail .container{padding-left:20px;padding-right:20px;} .tail .tail-title{display:block;color:#c29356;line-height:20px;font-size:15px;margin-bottom:10px;} .tail .tail-title a{color:#c29356;} .tail .tail-title a:hover{color:#e69832;} .tail .intro{padding-left:20px;padding-right:20px;} .tail .intro p{font-size:13px;line-height:20px;color:#adadad;margin-bottom:14px;text-align:justify;} .tail .intro a{color:rgba(255,255,255,0.6);font-size:13px;float:right;} .tail .intro a:hover{color:#FFF;} .tail .intro a span{margin-left:4px;} .tail .links{padding-right:20px;} .tail .links a{color:rgba(255,255,255,0.6);font-size:13px;white-space:nowrap;display:block;line-height:30px;} .tail .links a:hover{color:#e60012;} .tail .address{width:180px;} .tail .address p{font-size:13px;line-height:24px;color:#adadad;margin-bottom:4px;} .tail .address .num{font-size:15px;line-height:24px;font-family:"dinregular";color:#fff;} .tail .item{float:left;width:12%;} .tail .content a{color:rgba(255,255,255,0.6);} .tail .content a:hover{color:#FFF;} .tail .qrcode{margin-left:40px;} .tail .qrcode .pic{width:120px;margin-top:14px;} .tail .qrcode .pic img{max-width:none;width:100%;height:auto;} .tail .qrcode .link{width:120px;margin-top:16px;} .tail .qrcode .link a{display:block;width:100%;height:32px;font-size:13px;color:rgba(255,255,255,0.8);line-height:32px;text-align:center;background-color:#c29356;} .tail .qrcode .link a:hover{color:rgba(255,255,255,1);} /* 底部 end */ /* 在线客服 begin */ .fixed-link{position:fixed;right:0px;z-index:10;width:auto;height:40px;} .fixed-link:hover .text{width:135px;right:0px;background-color:rgba(230,0,0,0.8);} .fixed-link:hover .text span{display:block;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} .fixed-link.qq{top:200px;} .fixed-link.message{top:241px;} .fixed-link.tel{top:282px;} .fixed-link.tel .text{padding-left:10px;font-family:"dinregular";letter-spacing:-1px;} .fixed-link .pic{position:absolute;top:0px;right:0px;z-index:2;width:40px;height:40px;padding:10px 11px 12px 11px;} .fixed-link .pic img{max-width:none;width:100%;height:auto;} .fixed-link .text{position:absolute;top:0px;right:-80px;z-index:1;width:120px;height:40px;background-color:rgba(0,0,0,0.4);padding-left:20px;border-top-left-radius:2px;border-bottom-left-radius:2px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} .fixed-link .text span{display:none;font-size:14px;line-height:40px;color:#FFF;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} /* 在线客服 end */ } /**新增 begin **/ @media (min-width:992px){ .tail .container{padding-left:0px;padding-right:0px;} .copyright .container{padding-left:0px;padding-right:0px;} .tail .item{float:left;width:15%;} .tail .qrcode{margin-left:50px;} .case-list {float:left;width:33.33333333%;} } @media (min-width:1280px){ .tail .address{width:230px;} /*.tail .item{float:left;width:16%;}*/ .tail .item{float:left;width:25%;} .tail .qrcode{margin-left:60px;} } @media only screen and (max-width: 768px) { .cover{left: 0px;} .hor2{width: 100%;} .cover span{margin-left: 5px;} .hover .cover img{width: 60%;margin:5px;} .cover p{margin: 0px 5px;font-size: 14px;} } @media only screen and (max-width: 640px) { .cover{left: 0px;} .hor2{width: 100%;} .cover span{margin-left: 5px;} .hover .cover img{width: 60%;margin:5px;} .cover p{margin: 0px 5px;font-size: 14px;} } @media only screen and (max-width: 410px) { .cover{left: 0px;} .hor2{width: 100%;} .cover span{margin-left: 5px;} .hover .cover img{width: 60%;margin:5px;} .cover p{margin: 0px 5px;font-size: 14px;} } /**新增 end **/ #contatti .contatti-from { /*button { background: transparent; border: 0; cursor: pointer; position: relative; float: right; right: 0; bottom: 3px; height: 50px; }*/ } #contatti .contatti-from input[type="text"] { background: #f2f2f2; border: 0; height:40px; padding: 5px; color: #000; width: 90%; margin-bottom: 10px; } #contatti .contatti-from textarea { background: #f2f2f2; border: 0; padding: 5px; color: #000; width: 95%; height:120px; margin-bottom: 10px; margin-top: 10px; } @media (max-width: 1199px) { #contatti .contatti-from input[type="text"] { width: 100%; } } @media (max-width: 991px) { #contatti .contatti-from input[type="text"] { width: 100%; } } #contatti .contatti-from input.email { margin: 0; } #contatti .contatti-from .privacy { margin: 0; margin-top: 10px; } #contatti .contatti-from .privacy a { color: #000; } #contatti .contatti-from .privacy a:hover, #contatti .contatti-from .privacy a:focus { text-decoration: none; } @media (max-width: 575px) { #contatti .contatti-from h6 { margin-top: 30px; } } #contatti .contatti-from #nl-form { position: relative; width: 100%; } #contatti .contatti-from button.invia { background: #000000; border: 2px solid #000; padding: 5px 30px 5px; font-size: 14px; border-radius: 25px; text-transform: uppercase; color:#c29356; float: right; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; cursor: pointer; margin-right:5%; margin-top: 12px; font-weight: bold; margin-bottom:20px; } #contatti .contatti-from button.invia:hover, #contatti .contatti-from button.invia:focus { background: #c29356; border-color: #c29356; color: #000; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } /* 内页 end */ /* ======置顶 ======*/ .backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:7;background:#222323 url(../images/icon-gotop-fixed.png) no-repeat center center;} .backToTop:hover{background-color:#222323;} #index_box_id .media-img{ overflow:hidden} #index_box_id .media-img img{ max-width:100%; height:auto} .jxx {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; user-select:none;} #fh5co-service-list .service-content p.desc span{ word-break: break-all; } #fh5co-content_show .detail img{ border: 1px solid #dedede; } /* 设置基本的div样式 */ .box-languagea { display: none; } /* 使用媒体查询，当屏幕宽度小于300px时，隐藏div */ @media screen and (max-width: 900px) { .box-languagea { display: block; } } #fh5co-content_show .activity_dec_t,#fh5co-content_show .activity_show_body { color: #fff; line-height:28px; /* 小屏设备字体减小 */ } @media (max-width: 768px) { #fh5co-content_show .activity_dec_t,#fh5co-content_show .activity_show_body { color: #fff; line-height:20px; font-size: 14px; /* 小屏设备字体减小 */ } } @media (min-width: 1200px) { #fh5co-content_show .activity_dec_t,#fh5co-content_show .activity_show_body { color: #fff; line-height:28px; font-size: 24px; /* 大屏设备字体增大 */ } }