body{font-size:12px;line-height:24px;color:#4d4d4d;margin:0;padding:0px;font-family: "微软雅黑";line-height:24px;background:#f6f6f6;} body, dl, dd, ul, ol, figure, h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, legend, input, button, select, textarea, a { margin: 0; padding: 0; list-style: none; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } input:focus{ border-color:#a9060e} ::-webkit-selection{color: #fff;background: #1b2935;} ::-moz-selection{color: #fff;background: #1b2935;} ::selection{color: #fff;background: #1b2935;} a{color:#454545;text-decoration:none; } a:focus,a:hover{color:#0b70b8;} .blankbig{height:40px;line-height:40px;clear:both;font-size:0;} .detail h2,.detail h3{line-height:180%} .detail h3,.detail h1{font-size:18px;color: #322725; margin-bottom:3px;} .noinfo{ text-align:center} header .layout{overflow:visible;width: 100%;} .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;} .bg-main{ background:#333;border:1px solid #1b2935 !important} .bg-main:hover,.bg-main:focus{border:1px solid #666 !important; background:#666 !important} .lefter{ padding-right:35px;} .noInfo{ clear:both} ul,li{ list-style:none} #fh5co-wrapper{overflow-x: hidden;} #fh5co-page{position: relative;z-index: 2; background:#fff;overflow-x: hidden;} /*header begin*/ #fh5co-header .info-header{ background-color: #F1F1F1; padding:8px 0} #fh5co-header .info-header .logo img { height:75px;} #fh5co-header .info-header .top-search{ padding-top:24px;} #fh5co-header .info-header .top-search input.inputkey{height: 28px;line-height: 28px;background: #fff;width: 142px;padding-left: 12px;font-size: 12px;text-indent: 2px;color: white;border:1px solid #e4e4e4;border-right:none; color:#666; float:left;border-top-left-radius:25px;border-bottom-left-radius:25px;} #fh5co-header .info-header .top-search button{ float:left;height: 28px;width:35px;border: 0px;background:#fff;cursor: pointer;border:1px solid #e4e4e4; border-left:none; color:#333; font-size:14px;border-top-right-radius:25px;border-bottom-right-radius:25px;} #fh5co-header .nav_box{background:#0097fc;font-size:14px;color:#000;} #fh5co-header .nav_box ul{text-align:center;font-family: "微软雅黑",arail;} #fh5co-header .nav_box ul li{position:relative;line-height:51px; background:url(../images/menufenge.png) no-repeat right top; float:left; width:170px;} #fh5co-header .nav_box ul li a{display:block;font-size:14px; font-weight:bold;color:#fff; word-break:break-all;word-wrap:break-word; margin:0; padding:0; line-height:51px;} #fh5co-header .nav_box ul li a span.downward{ display:none} #fh5co-header .nav_box ul li a:hover,#fh5co-header .nav_box ul li:hover a.first-level{color: #fff;background-color:#1b689c} #fh5co-header .nav_box ul li ul{top:51px;padding:0;min-width: 169px;z-index: 1999;border-radius:0;background:#1b689c;border:none;box-shdow:0} #fh5co-header .nav_box ul li ul li{margin:0;padding:0;height:auto;display:block; background:#1b689c;border-bottom:1px solid #d08b5f; line-height:32px; text-align:center} #fh5co-header .nav_box ul li ul li a{display:block;width:100%;font-size:13px; font-weight: 100;color:#fff;background:#1b689c;margin:0;min-width:169px;line-height:32px; text-align:center} #fh5co-header .nav_box ul li ul li a:hover{color:#fff;} #fh5co-header .nav_box ul li ul li ul{top:0} /*header end*/ /*手机版顶部导航 begin */ #fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page{-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} #fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page{position: relative;} #fh5co-page{z-index: 2;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} .offcanvas-visible #fh5co-page{-moz-transform: translateX(-275px);-webkit-transform: translateX(-275px);-ms-transform: translateX(-275px);-o-transform: translateX(-275px);transform: translateX(-275px);} #fh5co-offcanvas{display: none;height: 100%;right: 0;overflow-y: auto;position: fixed;z-index: 1;top: 0;width: 275px;background: #222;padding: 48px 0px 0px 0px; } #fh5co-offcanvas ul{padding: 0;margin: 0;} #fh5co-offcanvas ul li{list-style: none; position:static; width:100%; } #fh5co-offcanvas ul li:hover,#fh5co-offcanvas ul li.current{background: #0A6FB7 } #fh5co-offcanvas ul li a{font-size: 14px;color: #fff;text-decoration: none !important; display:block;position:relative; line-height:40px; margin:0; padding:0px 0 0 20px; } #fh5co-offcanvas ul li a:hover,#fh5co-offcanvas ul li.current a{color: #fff;} #fh5co-offcanvas ul li a::before { background: #e5e5e5; position:absolute;content:''; left:0px;bottom:0px;right:0; height:1px; width:20px;} #fh5co-offcanvas ul li a::after{ background:#333; position:absolute;content:''; left:0px;bottom:0;right:0; height:1px;} #fh5co-offcanvas ul li:hover a::after,,#fh5co-offcanvas ul li.current a::after{ background:#0e608e;} #fh5co-offcanvas ul li ul{margin:0;z-index: 1999; position:relative ;width:100%; } #fh5co-offcanvas ul li ul li{margin:0;padding:0;display:block;border:none;line-height:20px;} #fh5co-offcanvas ul li ul li a,#fh5co-offcanvas ul li.current ul li a{background:#fff;color:#222;display:block;padding:0px 20px 0px 10px;margin:0;text-align: left; width:100%; font-size:13px;} #fh5co-offcanvas ul li ul li a:hover{background:#f2f2f2;color:#0e608e;} #fh5co-offcanvas ul li ul li a::before,#fh5co-offcanvas ul li ul li a::after{ background:none; height: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: #525050;} .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: #525050;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #525050;transition: all .2s ease-out;} .fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after{content: '';width: 28px;height: 4px;background: #525050;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;} .fh5co-nav-toggle i::before{top: -9px;} .fh5co-nav-toggle i::after{bottom: -9px;} .fh5co-nav-toggle:hover i::before{top: -10px;} .fh5co-nav-toggle:hover i::after{bottom: -10px;} .fh5co-nav-toggle.active i{background: transparent;} .fh5co-nav-toggle.active i::before{top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);} .fh5co-nav-toggle.active i::after{bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);} .fh5co-nav-toggle{position:absolute;top: 12px;right: 10px;z-index: 9999;display: block;margin: 0 auto;display: none;cursor: pointer;} /*手机版顶部导航 end */ /* footer begin*/ footer{padding:16px 0;line-height:23px;text-align:center;font-size:13px;border-top:1px solid #071b27; background:#0097fc} footer .foot-link ul li{border-color:#fff} footer .foot-link ul li a,footer .foot-copy a{ line-height:12px;font-size:12px;color:#fff;} footer .foot-link ul li a:hover,footer .foot-copy a:hover{ color:#fff} footer .foot-copy{ color:#fff} footer .foot-flink{ padding:0 0 5px} footer .foot-flink a{margin:0 5px;} /* footer 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:15px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width: 12px;height:12px;margin:0 6px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;cursor:pointer;width:12px;height:12px;float:left;text-indent:-2000px;background:#fff;border-radius:12px;text-indent:-9999em;} .flex-control-nav .flex-active{background:#00b4ff;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; display:none} .flex-direction-nav li a{display:block;width:32px;height:32px;overflow:hidden;cursor:pointer;position:absolute;margin-top:-16px;text-indent:-9999em;top: 50%; background-image:url("../images/controls.png"); background-repeat:no-repeat}/* display:none隐藏左右按钮*/ .flex-direction-nav li a.flex-prev{left:60px;background-position:0 -32px;} .flex-direction-nav li a.flex-next{right:60px; background-position:-43px -32px;} .flex-direction-nav li a.flex-prev:hover {background-position: 0 0;} .flex-direction-nav li a.flex-next:hover {background-position: -43px 0;} /*首页轮换图片 end*/ /*首页标题*/ #fh5co-middle-list .bg-middle{background:#f6f6f6 ;} #fh5co-middle-list h2.title{ font-size:15px; color:#000; background:url(../images/title.jpg) no-repeat left center; padding-left:25px; margin-bottom:14px;} #fh5co-middle-list h2.title span{ vertical-align:top; display:block; margin-right:9px;} #fh5co-middle-list h2.title span img{ vertical-align:middle} /*首页关于我们 begin*/ #fh5co-about-us .inner-content{line-height: 22px;font-size:12px;} #fh5co-about-us .inner-content a{color:#0e608e;font-size:13px;} #fh5co-about-us .inner-content img{ float:left; width:150px;padding-right: 12px;padding-top:6px;} /*首页关于我们 end*/ /*首页资质证书*/ #fh5co-honor-list h2.title{ margin-bottom:20px;} #fh5co-honor-list .scrollable{overflow: hidden;} #fh5co-honor-list .scrollable .caroufredsel_wrapper{ margin:0 auto !important;} #fh5co-honor-list .scrollable ul{padding: 0;list-style: none;overflow: hidden;width: 10000em;} #fh5co-honor-list .scrollable ul li{padding: 0px 0px 0 0;margin: 0 7px 0 3px;display: block;float: left;width: 149px; } #fh5co-honor-list .scrollable ul li:hover a{ color:#005c97} #fh5co-honor-list .scrollable ul li p a{display: block;} #fh5co-honor-list .scrollable ul li img{display: block;width:149px;} #fh5co-honor-list .scrollable ul li img:hover{} #fh5co-honor-list .scrollable ul li p.media-img{margin: 0 auto 10px;overflow: hidden;} #fh5co-honor-list .scrollable ul li h2{font-size: 12px;line-height: 22px; white-space:nowrap; overflow:hidden} #fh5co-honor-list .scrollable ul li h2 a{font-size: 12px;font-weight: normal;color: #4d4d4d;} #fh5co-honor-list .scrollable ul li h2 a:hover{text-decoration: none;} /*首页为什么选择我们*/ #fh5co-why-us .bg-why-us{ background-position: center top; background-repeat:no-repeat; height:278px;} #fh5co-why-us .bg-why-us h2{ color:#fff;font-size: 30px; padding-top:80px; margin-bottom:13px;} #fh5co-why-us .bg-why-us p{color: #76c6ff;font-size: 13px; clear:both} #fh5co-why-us .media-img{ display:block} #fh5co-why-us .media-img img{ max-width:100%;} #fh5co-why-us .show-content{ background:url(../images/choosebg.jpg) no-repeat right bottom; height:100%; width:100%; } #fh5co-why-us .show-content .content{padding-top:30px;overflow:hidden;} #fh5co-why-us .show-content .content-h1{height:180px;} #fh5co-why-us .show-content .content-h1,#fh5co-why-us .show-content .content-h2{ height:214px; } #fh5co-why-us .show-content .content-h3{ height:212px; overflow:hidden} #fh5co-why-us .show-content .media.content p{ line-height:24px !important;} #fh5co-why-us .show-content .content .media-body{ padding-left:5px;} #fh5co-why-us .show-content .content .heading h3{color: #194c85;font-size: 18px; padding-bottom:5px;} #fh5co-why-us .show-content .content .heading p{border-bottom:1px solid #194c85; padding-bottom:10px;color: #888; margin-bottom:15px;} #fh5co-why-us .show-content .content-h1 .heading h3,#fh5co-why-us .show-content .content-h3 .heading h3{ margin-top:20px;} #fh5co-why-us .show-content .content-h2 .media-img,#fh5co-why-us .show-content .content-h4 h3{ margin-top:35px;} #fh5co-why-us .show-content .content-h2 .media-body,#fh5co-why-us .show-content .content-h3 .media-body,#fh5co-why-us .show-content .content-h4 .media-body{ padding-left:26px;} #fh5co-why-us .show-content .content-h3 .media-img,#fh5co-why-us .show-content .content-h4{ margin-top:10px;} #fh5co-why-us .show-content .bottom-img{padding-top:75px;} /*首页产品展示*/ #fh5co-product-list .bg-product {background:#f6f6f6; padding:55px 0 20px} #fh5co-product-list .bg-product .fh5co-heading{ background:url(../images/line.jpg) repeat-x center center} #fh5co-product-list .bg-product .fh5co-heading h2{color: #000000;font-size: 22px;padding-bottom: 20px} #fh5co-product-list .bg-product .fh5co-heading p{color: #000000;font-size: 12px;} #fh5co-product-list .show-list{padding:35px 0px 0;} #fh5co-product-list .show-list .item{margin:0 auto;border:15px solid #F1F1F1; background:#f6f6f6;overflow:hidden;text-align:center;} #fh5co-product-list .show-list .item .portfolio-img{ overflow:hidden;padding:40px 40px 10px;} #fh5co-product-list .show-list .item .portfolio-img img{width:100%;} #fh5co-product-list .show-list .item h2{margin:20px 0 0;} #fh5co-product-list .show-list .item h2 a{line-height:30px;display:block;color:#4a4a4a;text-align:center;font-size:18px;white-space:nowrap; overflow:hidden} #fh5co-product-list .show-list .item h2 a:hover{color:#0097fc;} #fh5co-product-list .show-list .item p{ text-align:center; margin:23px 0 40px;} #fh5co-product-list .show-list .item p a{ margin:0 auto; display:block; height:25px; line-height:25px; width:25px; background:url(../images/more.png) left top no-repeat;} #fh5co-product-list .show-list .item:hover{ background:#00254f} #fh5co-product-list .show-list .item:hover .portfolio-img{ } #fh5co-product-list .show-list .item:hover a,#fh5co-product-list .show-list .item:hover a:hover{ color:#fff} /*内页*/ .bg-inner{ background:url(../images/mbg.jpg) repeat} #fh5co-content_show{background:#fff url(../images/leftbar.jpg) left top repeat-y;background-size:18% auto;} #fh5co-content_show .leftbar{float:left;width:18%;} #fh5co-content_show .leftbar h3{line-height:38px;padding:0px 0px 0px; background:url(../images/cleft.jpg) repeat-x left top} #fh5co-content_show .leftbar h3 strong{display:block;font-weight:normal; background:url(../images/li-icon.jpg) no-repeat left center; font-size:12px; color:#ccc; padding-left:32px;} #fh5co-content_show .leftbar h3 span{font-size:12px;color:#244659;display:block;line-height:18px;padding:0 2px;} #fh5co-content_show .leftcon{line-height:20px; padding:10px 10px 25px 12px;} #fh5co-content_show .leftcon p{font-size:12px;} #fh5co-content_show .leftbar .subnav {padding:5px 0 0;} #fh5co-content_show .leftbar .subnav li{ background:url(../images/ny_20.jpg) repeat-x left bottom; margin:0 10px;} #fh5co-content_show .leftbar .subnav li a{font-size:13px;line-height:36px;height:34px; background:url(../images/li_01.gif) no-repeat 5px center; padding-left:21px;} #fh5co-content_show .leftbar .subnav li.smfont a{font-size:13px!important;} #fh5co-content_show .rightbox{float:right;width:81%;min-height:600px;} #fh5co-content_show .rightbox .rightcon{padding:15px 30px 10px;} #fh5co-content_show .path{border-bottom:1px solid #e9e9e9; padding-bottom:5px;} #fh5co-content_show .path p { padding-top:11px;} #fh5co-content_show .path p a{text-decoration:none!important;font-size:12px; margin:0 5px;} #fh5co-content_show .detail{padding:20px 0;} #fh5co-content_show .detail,#fh5co-content_show .detail p { font-size: 12px;line-height:200%} #fh5co-content_show .detail h2,#fh5co-content_show .detail h3{line-height:180%} #fh5co-content_show .detail h3,#fh5co-content_show .detail h1{font-size:16px;color: #322725;} #fh5co-content_show .detail p{ text-indent:0; line-height: 2.8em;margin: 10px 0; font-size:16px;} #fh5co-content_show .detail h1.art-title{ font-size:18px; font-weight:bold} #fh5co-content_show .detail img{height: auto !important;max-width: 100%;vertical-align: middle;} /*product*/ #fh5co-content_show .pro-item{margin-bottom:20px; text-align:center;} #fh5co-content_show .pro-item .portfolio-img{overflow:hidden;position:relative;} #fh5co-content_show .pro-item .portfolio-img img{width:100%;overflow:hidden;transition: transform 1s ease 0s;transform: scale(1);} #fh5co-content_show .pro-item .portfolio-img img:hover{transition: transform 1s ease 0s;transform: scale(1.1);} #fh5co-content_show .pro-item h2{ color: #000;font-size: 12px;padding-bottom:9px;line-height:100%;padding-top: 12px;overflow:hidden; margin:0} #fh5co-content_show .product-details{ box-shadow: 0 0 10px #c5e0ef; background:#fff;padding:15px;} #fh5co-content_show .product-detail img{ max-width:100%;overflow:hidden;vertical-align:middle;} #fh5co-content_show .product-detail .content-img{overflow:hidden; text-align:center} #fh5co-content_show .product-detail .content-img img{max-width:100%;overflow:hidden;vertical-align:middle;} #fh5co-content_show .product-detail h1{color: #007cc3;font-size: 16px;font-weight: normal;line-height: 150%; margin:11px 0; text-align:center} #fh5co-content_show .product-detail .description{line-height:180%;} /* home product end*/ /*pager*/ .table span{margin-right:10px;} .content_detail .pager{font-size:12px; line-height:180%} .content_detail .pager a{border:none;color:#454545;} .content_detail .pager a:focus,.content_detail .pager a:hover{color:#323232;background:none} .content_detail .pager li{display:block;text-align:left} #fh5co-content_show .pagination li{margin:0 3px;} #fh5co-content_show .pagination .active,#fh5co-content_show .pagination a:hover{background:#1b2935;color:#fff;} #fh5co-content_show .pagination .active a{color:#fff} #fh5co-content_show video{max-width:100%} /*article*/ #fh5co-content_show .article-media .item{border-bottom:1px dashed #d7d7d7;padding:8px 0; line-height:24px; margin:0} #fh5co-content_show .article-media .item a{font-size: 12px;} #fh5co-content_show .article-media .item span{ color:#666; font-size:10px;} #fh5co-content_show .qhd-title span{ margin:0 5px;font-size: 12px;} #fh5co-content_show .qhd-title span strong{ font-weight:normal} #fh5co-content_show .article-media .gallery-img{ overflow:hidden;background:#fff;box-shadow: 0 0 10px #c5e0ef; text-align:center; padding:12px 0} #fh5co-content_show .article-media .gallery-img:hover{box-shadow: 0 0 10px #80a0b2; } #fh5co-content_show .article-media .gallery-img img{ width: 90%; } #fh5co-content_show .article-media h2{line-height: 18px; font-size:15px;padding: 8px 0;text-align: center;} /*手机底部导航*/ #toolbar{ display:none;} /*在线客服*/ .SonlineBox{ width:139px; font-size:12px;overflow:hidden; z-index:9999;} .SonlineBox .openTrigger{ width:31px; height:130px; position:absolute; top:0px; z-index:1; cursor:pointer; background:#a9060e url(../images/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/greenBg.jpg) no-repeat*/; position:absolute; z-index:2;} .SonlineBox .contentBoxC .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer; position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;} .SonlineBox .contentBoxC .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);} .SonlineBox .contentBoxC .listBox{overflow:hidden; margin-bottom:10px;} .SonlineBox .contentBoxC .listBox .Tlist{ display:block; width:86%; height:22px; margin:10px auto 0px auto;text-align:center;} .SonlineBox .contentBoxC .listBox .Tlist span{float:left; line-height:22px;} .SonlineBox .contentBoxC .listBox .Tlist a{/*float:left;*/} .SonlineBox .contentBoxC .listBox .WWList{ line-height:18px;height:18px;} .SonlineBox .contentBoxC .listBox .SkypeList{line-height:23px;height:23px;} .SonlineBox .contentBoxC .otherBox{clear:both;height:115px;text-align:center;} .SonlineBox .contentBoxC .otherBox img{width:105px;height:105px;} .SonlineBox .contentBoxC .telBox{display:block;padding:36px 0 10px 0;color:#a9060e;font-size:14px;line-height:26px;font-family:'微软雅黑';background:url(../images/telBg.jpg) 0 0 no-repeat;text-align:center;font-weight:bold;} /*在线客服 end*/ .slideshow img { width:100%; } @media (min-width:1000px) and (max-width:1199px){ #fh5co-why-us .show-content{ background-size:contain; } #fh5co-why-us .show-content .content-h1 .media-body,#fh5co-why-us .show-content .content-h2 .media-body,#fh5co-why-us .show-content .content-h3 .media-body,#fh5co-why-us .show-content .content-h4 .media-body{ padding-left:5px;} #fh5co-why-us .show-content .bottom-img{padding-top:120px;} } @media screen and (max-width:1000px){ #fh5co-header .nav_box ul li ul li a{ text-align:left; padding-left:24px;} #fh5co-content_show{background-size:25% auto;} #fh5co-content_show .leftbar{width:25%;} #fh5co-content_show .rightbox {width:74%;} #fh5co-why-us .show-content{ background:none; padding-bottom:20px;} #fh5co-why-us .show-content .float-right .float-right{ float:none !important; padding:15px 0; text-align:center} #fh5co-why-us .show-content .content{ height:auto !important;padding-bottom:10px;} #fh5co-why-us .show-content .content .media-body{ padding-left:5px !important;} #fh5co-why-us .show-content .content .heading h3 { margin-top:30px !important} #fh5co-why-us .show-content .content .media-img{ margin-top:0px !important} } @media screen and (max-width:760px){ .bg-inner .rightcon{ min-height:380px;} .bg-inner .container{ padding:0} footer .foot-copy{ padding:0 8px;} #fh5co-offcanvas,#fh5co-offcanvas .nav{display: block;} .fh5co-nav-toggle{display: block;top: 10px;} #fh5co-header .info-header .logo img { height:45px;} #fh5co-header .nav_box{ display:none} #fh5co-content_show{ background:#e9f7ff } #fh5co-content_show .rightbox{ width:100%; height:auto;min-height:auto} /*手机底部导航*/ .blank55{height:55px; line-height:1px; clear:both;} #toolbar{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:10000;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;} .article-media .media .media_img{width:152px;margin-right:10px;} .article-media .media .media_img img{height: 100px;width:150px;padding:1px;} } @media screen and (max-width:480px){ #fh5co-why-us .bg-why-us{ background-size:100% auto; height:auto;min-height:65px} #fh5co-why-us .show-content .content .media-img img.num-img{ width:60px;} #fh5co-why-us .show-content .content .heading h3 { margin-top:15px !important} .article-media .media .media_img{width:82px;margin-right:10px;} .article-media .media .media_img img{height: 45px;width:80px;padding:1px;} .article-media .media-body h3{line-height:100%;font-size:12px;} .article-media .media-body h3 a { font-size:14px; line-height:150%} .article-media .media-body p{ display:none} .article-media li{padding:5px 0 10px} .article-media .media-body h3{ margin-bottom:0} } /* inner end*/ .pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px} .pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999} .pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc} .pagess ul li:hover a{color:#fff;} .pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;} .pagess ul li.thisclass a {color: #fff;} .pagess ul li a{ display:block;color:#999} .pagess ul li a:hover {color: #fff;}