﻿body{font-family:Roboto,sans-serif;font-size:14px;line-height:1.57142857;color:#76838f;background-color:#fff}
body#product-list-box{ background:#f5f5f5}
p{margin:0;font-weight:normal;font-family: "微软雅黑", }
h1, h2, h3, h4, h5, h6, figure{color: #444;font-family: "微软雅黑", Arial, sans-serif;font-weight: 400;blr: expression(this.onFocus=this.blur);
    outline: none;}
li{blr: expression(this.onFocus=this.blur);
    outline: none;}
::-webkit-selection{color: #fff;background: #323232;}
::-moz-selection{color: #fff;background: #323232;}
::selection{color: #fff;background: #323232;}
.text-lowercase{text-transform: lowercase;}
.text-uppercase, .initialism{text-transform: uppercase;}
.text-capitalize{text-transform: capitalize;}
a{color:#165fa5;text-decoration:none;font-family: "微软雅黑", blr: expression(this.onFocus=this.blur);
    outline: none;}
a:focus,a:hover{color:#89bceb;text-decoration:none;blr: expression(this.onFocus=this.blur);
    outline: none;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;blr: expression(this.onFocus=this.blur);
    outline: none;}
.bg-main{background:#62a8ea;}
.bg-main.button{border-color:#62a8ea}
.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;color: #322725;}
.layout{overflow: hidden; width: 100%;}
.fh5co-heading h2,#fh5co-about-us .about-box .intro h2{font-size:26px;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.fh5co-heading span{display:block;margin-bottom:30px;color:#999;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.fh5co-heading h2:hover,#fh5co-about-us .about-box .intro h2:hover{transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);-webkit-transform:translateX(5px)}
.fh5co-heading span:hover{transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);-webkit-transform:translateX(5px)}
.header .layout{overflow:visible;width: 100%;}
.input:focus{border:1px solid #333}
.lefter{padding-right:50px;}
ul,li{ list-style:none; padding:0; margin:0}
.bg-main{ background:#333;border:1px solid #1b2935 !important}
.bg-main:hover,.bg-main:focus{border:1px solid #666 !important; background:#666 !important}
#fh5co-wrapper{overflow-x: hidden;}
#index_box_id h2 a{margin-bottom: 11px;margin-top: 22px;line-height:100%;    font-size: 26px;color:#333;blr: expression(this.onFocus=this.blur);
    outline: none;}

.zoomimgs{display:block; width:100%;height:0; padding-bottom: 83%; 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: 37%; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}


/*顶部导航 begin*/
#fh5co-header .container-layout{ /*margin:0 20px;height:80px;*/}
#fh5co-header .header-box{background:#fff;z-index: 999;    position: fixed;
    top: 0;}
.header-box.fixed .fixed-top{ box-shadow: 0 0 5px #000;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5swidth: 100%;z-index: 3;}
#fh5co-header .navbar-head{padding:0px 0px;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;-webkit-animation:slidetop 1.3s;animation:slidetop 1.3s;}
#fh5co-header .navbar-head h1{ margin:0; padding:0}
#fh5co-header .navbar-head img{height:80px;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;/*padding-left:80px;*/}
#fh5co-header .navbar-head img:hover{transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);-webkit-transform:translateX(5px);transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
#fh5co-header .navbar-body .nav li{padding: 0px;display:inline; margin-right:35px;    position: relative;}
#fh5co-header .navbar-body .nav li a{color: #777;font-size: 15px;font-weight: normal;padding:0 9px;text-align: center;height:80px;line-height:80px;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
#fh5co-header .navbar-body .nav li a:hover,#fh5co-header .navbar-body .nav li.this a{color:#2A333C;}
#fh5co-header .navbar-body .nav li.this a{border-top:2px solid #165FA5;line-height:76px;width:100%;    text-align: center;
   }
#fh5co-header .navbar-body .nav li ul{top:70px;left: auto;right: 0;padding:6px 0 0;min-width: 96px;z-index: 4;border-radius:0;border-radius:0px;-webkit-box-shadow:none;border:none; box-shadow:0; background:none;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;z-index: 99999;}
#fh5co-header .navbar-body .nav li ul .bg_nav{ width:100%; height:0px; display:block; float:left;z-index: 4; position:relative;border-top: 3px solid #165FA5;border-radius:0px;-webkit-box-shadow:none; box-shadow:0; background:none;}
#fh5co-header .navbar-body .nav li ul li{margin:0;padding:0;height:auto;display:block;height:auto; background:#fff;-webkit-box-shadow:0 6px 12px #000;box-shadow:0 6px 12px #000}
#fh5co-header .navbar-body .nav li ul li a{color:#76838f;display:block;width:100%;height:58px !important;line-height:58px !important;margin:0;text-align: left;min-width:96px;text-indent:0;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s; padding:0 20px;white-space: nowrap;border-bottom:1px solid #eee;text-align: center;}
#fh5co-header .navbar-body .nav li.this ul li a{border-top:0}
#fh5co-header .navbar-body .nav li ul li a:hover{color:#f00;/*text-indent:10px;*/transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;  background:none}
#fh5co-header .navbar-body .nav li ul li ul{top:0}
#fh5co-header .navbar-body .nav li i{color: #7f8997; font-size:15px;}
#fh5co-header .navbar-body .nav li.search{ margin-right:0; padding-right:0}
#fh5co-header .navbar-body .nav li.search a{padding:0 0 0 15px;}
#fh5co-header .navbar-body .nav li.search a:hover i{transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
#fh5co-header .navbar-body .nav li .search-box{z-index:5; position:absolute;top:80px;left: auto;right: 0; display:none;height:50px;border:none;;border-radius:0;box-shadow:0; margin:0; padding:0;}
#fh5co-header .navbar-body .nav li .search-box input{display:block;border:0;color:#fff;outline:0;width:250px;height:50px;padding:0 15px;background:#7bc91e;line-height:50px;transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;-o-transition:.25s;border:none;border-radius:0}
#fh5co-header .navbar-body .nav li .search-box input:hover{background:#8ee426;transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;-o-transition:.25s}
#fh5co-header .navbar-body .nav li .search-box button{position:absolute;right:15px;top:13px;border:none; background:none}
#fh5co-header .navbar-body .nav li .search-box button i{color:#fff;cursor:pointer}

/*固定头部重定义*/
#fh5co-header .header-box.fixed.fixed-top .navbar-head{/*padding:0px 100px;*/background: #fff;
    z-index: 999;}
#fh5co-header .header-box.fixed.fixed-top .navbar-body .nav li a{height:80px;line-height:80px;}
#fh5co-header .header-box.fixed.fixed-top .navbar-body .nav li.this a{ line-height:76px;}
#fh5co-header .header-box.fixed.fixed-top .navbar-body .nav li ul,#fh5co-header .header-box.fixed.fixed-top .navbar-body .nav li .search-box{top:70px;}


/*顶部导航 end*/

/* 底部 begin*/
.footer{background:#17171a;line-height:2;color:#888;padding: 50px 0;/* display: none; */}
.footer .container{position:relative}
.footer a{color:#888}
.footer a:hover{color:#fff}
.footer p{margin-bottom:0}
/* 底部 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;height: auto;overflow: hidden;}
.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;left: 0;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:23px;height:4px;margin:0 3px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;cursor:pointer;width:23px;height:4px;float:left;text-indent:-2000px;background:#fff;border-radius:4px;}
.flex-control-nav .flex-active{background:#7bc91e;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;height: 40px;top:50%;margin-top: -20px;left: 0;}
.flex-direction-nav li a{display:block;width:40px;height:40px;border-radius:50%;cursor:pointer;text-indent:-999em;position:absolute;top: 50%; margin-top:-20px;}
.flex-direction-nav li a.flex-prev{left:25px;/*background:#000 url("../images/slider-arrow.png") no-repeat -53px 50%;*/}
.flex-direction-nav li a.flex-next{right:25px;/*background:#000 url("../images/slider-arrow.png") no-repeat -11px 50%;*/}
.flex-direction-nav li a.flex-next:hover{background:#7bc91e url("../images/slider-arrow.png") no-repeat -11px 50%;opacity: 1;}
.flex-direction-nav li a.flex-prev:hover{background:#165fa5 url("../images/slider-arrow.png") no-repeat -53px 50%;opacity: 1;}
/*首页轮换图片 end*/


/*首页产品分类begin*/
#fh5co-service-list .bg-category{ background:#f6f6f6;padding: 60px 0;}
#fh5co-service-list .service-content .item-block{ position:relative}
#fh5co-service-list .service-content .item-block a{display:block;width:80px;height:80px;position:relative;margin:45px auto}
#fh5co-service-list .service-content .item-block a span{display:block;position:absolute;top:0;left:0;padding:0;width:80px;height:80px;border-radius:50%;background-size:cover;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;opacity:0;transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg)}
#fh5co-service-list .service-content .item-block a b{display:block;width:80px;height:80px;line-height:94px;text-align:center;background:#e5e5e5;border-radius:50%;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;overflow:hidden;transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg)}
#fh5co-service-list .service-content .item-block a i{font-size:32px;color:#fff;line-height:80px;display: block;width: 100%;height: 100%;background: url(../images/icon_pro.png) center no-repeat;background-size: 50%;}
#fh5co-service-list .service-content .item-block a p{line-height:2;color:#999;font-size:16px;display:block;margin-top:8px;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0)}
#fh5co-service-list .service-content .item-block a:hover b{background:#7bc91e;opacity:.88;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
#fh5co-service-list .service-content .item-block a:hover span{padding:45px;top:-45px;left:-45px;opacity:1;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg)}
#fh5co-service-list .service-content .item-block a:hover p{transition:.5s;color:#333;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transform:translateY(45px);-moz-transform:translateY(45px);-ms-transform:translateY(45px);-o-transform:translateY(45px);-webkit-transform:translateY(45px)}
/*首页产品分类end*/

/*首页关于我们begin*/
#fh5co-about-us.layout{ overflow:visible}
#fh5co-about-us .bg-about{background-size: contain; background-position: center center; text-align:center; height: 450px;line-height: 2;display: block;background-repeat:no-repeat; background-color:#f6f6f6}
#fh5co-about-us .about-box{}
#fh5co-about-us .about-box .media-img{width:90%;margin:0 5%; height:0}
#fh5co-about-us .about-box .media-img img{width:100%;}
#fh5co-about-us .about-box .intro{padding-top:80px;position:relative;z-index:1;width: 100%;}
#fh5co-about-us .about-box .intro p{color:#5a5a5a;margin-bottom:0;font-size:14px;transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s;line-height: 2;    line-height: 40px;}
#fh5co-about-us .about-box .intro:hover p{ overflow:hidden;transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);-webkit-transform:translateX(5px);transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s}
#fh5co-about-us .about-box .intro p:nth-child(2){transition:.6s .1s;-moz-transition:.6s .1s;-webkit-transition:.6s .1s;-o-transition:.6s .1s}
#fh5co-about-us .about-box .intro p:nth-child(3){transition:.6s .2s;-moz-transition:.6s .2s;-webkit-transition:.6s .2s;-o-transition:.6s .2s}
#fh5co-about-us .about-box .intro p:nth-child(4){transition:.6s .3s;-moz-transition:.6s .3s;-webkit-transition:.6s .3s;-o-transition:.6s .3s}
#fh5co-about-us .about-box .intro p:nth-child(5){transition:.6s .4s;-moz-transition:.6s .4s;-webkit-transition:.6s .4s;-o-transition:.6s .4s}
#fh5co-about-us .about-box .intro:hover p:nth-child(2){transition:.6s .1s;-moz-transition:.6s .1s;-webkit-transition:.6s .1s;-o-transition:.6s .1s}
#fh5co-about-us .about-box .intro:hover p:nth-child(3){transition:.6s .2s;-moz-transition:.6s .2s;-webkit-transition:.6s .2s;-o-transition:.6s .2s}
#fh5co-about-us .about-box .intro:hover p:nth-child(4){transition:.6s .3s;-moz-transition:.6s .3s;-webkit-transition:.6s .3s;-o-transition:.6s .3s}
#fh5co-about-us .about-box .intro:hover p:nth-child(5){transition:.6s .4s;-moz-transition:.6s .4s;-webkit-transition:.6s .4s;-o-transition:.6s .4s}
/*首页关于我们 end*/

/* 首页产品展示 begin*/
#fh5co-product-list .bg-product{background:#fff ; padding:60px 0 100px;}
/*product*/
#fh5co-product-list .pro-item{position:relative}
#fh5co-product-list .pro-item a{display:block;padding-top:10px;}
#fh5co-product-list .pro-item a p{display:block;position:relative;overflow:hidden;/*height:205px;*/    padding-right: 4px;
    padding-left: 4px;}
#fh5co-product-list .pro-item a p b{display:block;position:absolute;width:100%;height:100%;top:0;left:0;/* background:#000; */transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;-o-transition:.8s;z-index:8;}
#fh5co-product-list .pro-item a p i{font-size:18px;color:#fff;position:absolute;background: url(../images/icon_more.png) center no-repeat;/* background-size: 50%; */background-color: #7bc91e;z-index:7;left:50%;top:-50%;width:50px;height:50px;border-radius:50%;line-height:50px;margin:-25px 0 0 -25px;transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;-o-transition:.8s;z-index:9;}

#fh5co-product-list .pro-item a p i em {
    width: 30px;
    height: 30px;
    background: url(../images/icon_more.png) center no-repeat;
    display: block;
}
#fh5co-product-list .pro-item a p i:hover{background-color: #8ee426;}
#fh5co-product-list .pro-item a p .zoomimgs{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
#fh5co-product-list .pro-item span{display:block;text-align:center;font-size:16px;color:#5a5a5a;/*margin-top:15px;*/transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s;     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#fh5co-product-list .pro-item a:hover span{transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);-webkit-transform:translateX(5px);transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s}
#fh5co-product-list .pro-item font{display:block;text-align:center;font-size:14px;color:#ccc;margin-top:5px}
#fh5co-product-list .pro-item a:hover p b{/* background:#000; */background-color: #909090;filter: alpha(opacity=10);-moz-opacity: 0.1;-khtml-opacity: 0.1;opacity: 0.1;transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;-o-transition:.8s;}
#fh5co-product-list .pro-item a:hover p i{top:50%;transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;-o-transition:.8s}
#fh5co-product-list .pro-item a:hover p .zoomimgs{transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
/* 首页产品展示 end*/

/* 首页新闻中心 begin*/
#fh5co-news-list .bg-news{background-color: #fff;padding:70px 0 70px 0}
#fh5co-news-list .news-box{}
#fh5co-news-list .news-box .item{padding-top:20px;padding-bottom:10px;max-width:100%;overflow:hidden;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s; padding-left: 15px; padding-right: 15px;position: relative;}
#fh5co-news-list .news-box .item img{display:block;width:100%}
#fh5co-news-list .news-box .item div{display:block;padding-top:20px;overflow:hidden;max-width:100%}
#fh5co-news-list .news-box .item b{float:left;border-right:1px solid #eee;height:75px;padding-right:15px;line-height:.5;color:#ccc;margin:10px 15px 30px 0}
#fh5co-news-list .news-box .item em{font-size:19px;display:block;color:#5a5a5a;padding-bottom:15px;font-style:normal;font-weight:normal}
#fh5co-news-list .news-box .item strong{display:block;line-height:2;font-size:16px;color:#5a5a5a;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#fh5co-news-list .news-box .item p{display:block;height:55px;line-height:2;margin:5px 0;color:#b0b0b0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#fh5co-news-list .news-box .item i{font-size:18px}
#fh5co-news-list .news-box .item:hover img{transform:scale(1.025);-moz-transform:scale(1.025);-ms-transform:scale(1.025);-o-transform:scale(1.025);-webkit-transform:scale(1.025);transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
#fh5co-news-list .news-box .item:hover strong{transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);-webkit-transform:translateX(5px);color:#000;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
#fh5co-news-list .news-box .item:hover p{color:#bbb;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
/* 首页新闻中心 end*/

/* 联系我们 begin*/
#fh5co-contact-us .bg-contact{padding:50px 0 10px 0;background:#1f1f23}
#fh5co-contact-us .bg-contact h2 a{ color:#fff}
#fh5co-contact-us .contact-text{max-width:100%;margin:25px auto 0;color:#717171;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;text-align: center;}
#fh5co-contact-us .contact-text  span{display:block;text-align: center;}
#fh5co-contact-us .contact-text strong.company a{font-size:16px;color:#eee;/*padding:0 0 20px 4px;*/display:block;font-weight:normal;text-align: center;}
/*#fh5co-contact-us .contact-text em{width:28px;height: 24px;text-align:center;display:inline-block;}*/
#fh5co-contact-us .contact-text p{ margin:0 0 11px 0; font-size:14px;}
#fh5co-contact-us .contact-text p,#fh5co-contact-us .contact-text ul{transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
#fh5co-contact-us .contact-text:hover p,#fh5co-contact-us .contact-text:hover ul{transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);-webkit-transform:translateX(5px)}
#fh5co-contact-us .contact-text img{max-width:100%}

#fh5co-contact-us .contact-text .social{text-align:left;margin:0px 0 15px;display: inline-block;*zoom: 1;*display: inline;}
#fh5co-contact-us .contact-text .social li{display:block;float:left;margin-right:11px; height:60px;}
#fh5co-contact-us .contact-text .social li a{margin-top:25px;display:inline-block;width:35px;height:35px;border-radius:50%;background:#2e2f2f;color:#fff;text-align:center;line-height:33px;font-size:16px;margin-right:2px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);margin-bottom:0}
#fh5co-contact-us .contact-text .social li:hover a{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);background:#444;color:#fff}
#fh5co-contact-us .contact-text .social #f-weixin-id{ position:relative}
#fh5co-contact-us .contact-text .social .weixint-content{background-clip: padding-box;border: 1px solid #D8DFE3;border-radius: 4px;box-shadow: 0 2px 6px #000;left: -38px;min-height: 32px;padding: 0;position: absolute;text-align: left;bottom: 46px;white-space: normal;width: 116px;z-index: 6;background:#fff;}
#fh5co-contact-us .contact-text .social .weixint-content:before{position: absolute;bottom: -9px;left: 46px;width: 0;height: 0;content: '';}
#fh5co-contact-us .contact-text .social .weixint-content:after{position: absolute;bottom: -8px;left: 46px;width: 0;height: 0;border-right: 8px solid transparent;border-top: 8px solid #fff;border-left: 8px solid transparent;content: '';}
#fh5co-contact-us .contact-text .social .weixint-content img{width:110px; height:110px;}
#fh5co-contact-us .contact-text .social a i{display: block;width: 35px;height: 35px;background-position: center;background-repeat: no-repeat;background-size: 53%;}
#fh5co-contact-us .contact-text .social .icon_qq{background-image: url(../images/QQ--r.png);}
#fh5co-contact-us .contact-text .social .icon_weixin{background-image: url(../images/WX--r.png);}
/* 联系我们 end*/
.detail-title {
    height: 50px;
}
/* 内页 begin*/
#fh5co-content_show {
    z-index: 111;
    /* display: none; */
}
#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:15px; display:inline-block; padding:0px 7px;margin:0 5px 10px;color: #165fa5; line-height:30px;    height: 30px;
    width:89px;
    text-align: center;
   /* background: #016f6c;
    border-radius: 15px;*/    border: 1px solid #165fa5;}
#fh5co-content_show .nav li a:hover,#fh5co-content_show .nav li.active a{text-decoration:none;color: #fff;font-weight:normal;background:#165fa4;}
#fh5co-content_show .show_body{font-size:14px;}
#fh5co-content_show .detail img{height: auto !important;max-width: 100%;vertical-align: middle;}
#fh5co-content_show .detail img{opacity: 0.9;}
#fh5co-content_show .detail p{text-indent:0; /*margin-bottom:9px;*/line-height:200%;margin-top: 0px !important;}
#fh5co-content_show .qhd-title span{margin:0 5px;font-size:12px;color:#999}
#fh5co-content_show .title{border-bottom: 1px solid #dedede;height: 33px;margin-bottom: 30px;text-align: left;}
#fh5co-content_show .title h2{border-bottom: 1px solid #da0e0e;color: #da0e0e;display: inline-block;font-size: 16px;font-weight: normal;line-height: 33px;margin: 0;overflow: hidden;padding: 0;word-break: break-all;}
#fh5co-content_show .detail{font-size:14px;padding-bottom:30px;padding-top: 20px;line-height:200%;color: #333;padding-left:2px;}
#fh5co-content_show .detail a{color: #333;}
#fh5co-content_show .detail a:hover{ color: #333;text-decoration:underline}
#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: #fff;line-height:100%;font-size: 24px; padding:5px 0;}
#fh5co-content_show .inner-banner h2{color: rgb(68, 68, 68);font-size: 24px;font-weight: 300;text-shadow: none; font-family:"微软雅黑",arail}
#fh5co-content_show .inner-nav{border-bottom: 1px solid #f0f2f5;background:#fff}
#fh5co-content_show .product-detail .content-img{overflow:hidden;}
#fh5co-content_show .product-detail .content-img img{width:100%;overflow:hidden;vertical-align:middle;}
#fh5co-content_show .product-detail h1{border-bottom: 1px solid #eee;color: #333;font-size: 18px;line-height: 33px; padding-bottom:5px;}
#fh5co-content_show .product-detail .p_desc{color: #5e7387;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: #393939; 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 #e4e4e4}
#fh5co-content_show .product-detail .detail-title h2{background: #393939;color: #fff;cursor: pointer;display: inline-block;font-size: 16px;height: 41px;line-height: 41px;text-align: center;width: 166px;}
#fh5co-content_show .product_search{  padding:0;}
#fh5co-content_show .product_search input.inputkey{height: 34px;line-height: 34px;background: #fff;width: 232px;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-content_show .product_search button{ float:left;height: 34px;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-content_show .product-inner-bg{ background:#F8F8F8}

/*产品*/
#fh5co-content_show .pro-item-inner{border-radius: 3px; background:#fff;transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;-webkit-transition:.4s}

#fh5co-content_show .pro-item-inner:hover{box-shadow:0 0 6px #e5e5e5;transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;-webkit-transition:.4s}
#fh5co-content_show .pro-item-inner .portfolio-img{ overflow:hidden;/*height:170px;*/}
#fh5co-content_show .pro-item-inner .portfolio-img img{ width:100%;height:230px;}
#fh5co-content_show .pro-item-inner:hover .portfolio-img img{transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;-webkit-transition:.4s}
#fh5co-content_show .pro-item-inner h2{font-size: 14px;text-align:center; padding:11px 0; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#fh5co-content_show .pro-item-inner:hover h2{transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);-webkit-transform:translateX(5px);transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-webkit-transition:.5s}
#fh5co-content_show .pro-item-inner h2 a{color:#2a333c}
#fh5co-content_show .pro-item-inner h2 a:hover{color:#165fa5}

#fh5co-content_show .ur-here{ height:50px; line-height:35px; background:#F6F6F6}
#fh5co-content_show .ur-here ul li a{color: #5a5a5a; font-size:14px;}
#fh5co-content_show .ur-here ul li a:hover{color:#7bc91e}
#fh5co-content_show .ur-here ul li a span{ margin-right:5px;}
/*分页*/
.table span{margin-right:10px;}
.content_detail .pager{font-size:14px;}
.content_detail .pager a{border:none;color:#797979;}
.content_detail .pager a:focus,.content_detail .pager a:hover{color:#323232;background:none}
.content_detail .pager li{/*margin:0 5px;*/display:block;text-align:left;width: 100%;
    height: 25px;
    overflow: hidden}
#fh5co-content_show .pagination li{margin:0 3px;background:#fff}

li.TotalPages {
    display: none;
}
#fh5co-content_show .pagination .active, #fh5co-content_show .pagination a:hover, #fh5co-content_show .pagination .active a,.pagination li.this a{background:#333 ;color:#fff;}
#fh5co-content_show .pagination .active a{color:#fff}
#fh5co-content_show video{max-width:100%}


/*文章*/
#fh5co-content_show .inner-content-bg{ background:#F8F8F8}
#fh5co-content_show .inner-content-bg .inner-bg-body{background: #fff; box-shadow: 0 1px 1px #dadada; padding:30px;padding-top:1px;padding-bottom:50px;}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar{background: #fff;box-shadow: 0 1px 1px #dadada;margin-left: 10px;padding: 20px;}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar h3{font-size:17px;}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar ul{padding:0;margin-top:5px;}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-news-list ul li{list-style:none;border-bottom:1px solid #e4eaec;line-height:150%;padding:6px 3px}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-news-list ul li:last-child{border-bottom:0}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-news-list ul li a{font-size: 14px;color:#2a333c;text-overflow: -o-ellipsis-lastline;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-news-list ul li a:hover{color: #165fa5;}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-product-list ul li{ list-style:none; padding:5px 0; text-align:center}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .news-cat-list  ul li{ padding:2px 0}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-product-list ul li img{ width:100%; margin-bottom:5px;}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .news-cat-list  ul li a{font-size: 14px;color:#165FA5;font-weight: bold;}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .news-cat-list  ul li a:hover{color: #016f6c;}
#fh5co-content_show .article-media li{border-bottom:1px solid #f0f2f5;padding:15px 0 25px}
.article-media .media .media_img{width: 160px;margin-right:15px;overflow:hidden;}
.article-media .media .media_img img{width: 160px;}
.article-media li{margin-bottom:12px;}
.article-media .media .time{color: #a3afb7; font-size:13px;}
.article-media .media-body h3{ line-height:100%; margin-bottom:8px;}
.article-media .media-body h3 a{color: #2a333c; font-size:16px;font-weight: 400;}
.article-media .media-body h3 a:hover{color: #165fa5;}
.article-media .media-body p{line-height:160%;margin-bottom:5px; font-size:14px;color: #76838f;}


.slideshows { overflow:hidden;margin-top:80px; }
.slideshows img {width:100%;/* max-height:400px; */vertical-align:middle;}

#toolbar{ display:none;}


/*在线客服*/
.SonlineBox{ width:139px; font-size:12px;overflow:hidden; z-index:7;}
.SonlineBox .openTrigger{ width:31px; height:130px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#a9060e url(../images/qq/greenOpen.jpg) no-repeat;} 
.SonlineBox .titleBox{ width:135px; height:35px;line-height:33px; background:#a9060e; border-bottom:2px solid #a9060e;}
.SonlineBox .titleBox span{ margin-left:10px;color:#fff; font-size:14px;}
.SonlineBox .contentBoxC{ width:135px; /*height:335px;*/ border:2px solid #a9060e; background:#ffffff/* url(images/qq/greenBg.jpg) no-repeat*/; position:absolute; z-index:2;}
.SonlineBox .contentBoxC .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBoxC .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBoxC .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBoxC .listBox .Tlist{ display:block; width:86%; height:22px; margin:10px auto 0px auto;text-align:center;}
.SonlineBox .contentBoxC .listBox .Tlist span{float:left; line-height:22px;}
.SonlineBox .contentBoxC .listBox .Tlist a{/*float:left;*/}
.SonlineBox .contentBoxC .listBox .WWList{ line-height:18px;height:18px;}
.SonlineBox .contentBoxC .listBox .SkypeList{line-height:23px;height:23px;}
.SonlineBox .contentBoxC .otherBox{clear:both;height:115px;text-align:center;}
.SonlineBox .contentBoxC .otherBox img{width:105px;height:105px;}
.SonlineBox .contentBoxC .telBox{display:block;padding:36px 0 10px 0;color:#a9060e;font-size:14px;line-height:26px;font-family:'微软雅黑';background:url(../images/qq/telBg.jpg) 0 0 no-repeat;text-align:center;font-weight:bold;}
/*在线客服 end*/

@media(min-width:1600px){
#fh5co-about-us .about-w-box{width:85%;margin:0 auto}

#fh5co-header .navbar-head h1 {
    margin: 0;
    padding: 0;
    margin-left: 65px;
}
.slideshows {
    overflow: hidden;
    margin-top: 80px;
}

}
.layout_e{ display: block;}
.layout_r{display: none;}

#fh5co-about-us.layout{    display: block;}
#fh5co-about-us.layoutr{    display: none;}

@media(min-width:1201px){
#fh5co-about-us .about-box .intro{height:0}
#fh5co-about-us .about-w-box{width:1000px;margin:0 auto}
}

@media screen and (max-width:1000px){
#fh5co-about-us.layout{    display: none;}
#fh5co-about-us.layoutr{    display: block;}
.xl12 {
    width: 50%;
}



.xl12.xb12.xb12.xb12 {
    width: 100%;
}
.xm9.xs12.xl12 {
    width: 100%;
}
#fh5co-header .navbar-body .nav li a,#fh5co-header .navbar-body .nav li.search a{padding:0px;}
#fh5co-about-us .about-box .media-img{width:80%; margin:0 5%}
.slideshow { height:240px !important;  }
.slideshow img { height:240px !important; }
.layout_e{ display:none;}
.layout_r{display: block ;}
}

@media screen and (max-width:760px){
#fh5co-news-list .bg-news {
    background-color: #fff;
    padding: 20px 0 15px 0;
}
#fh5co-about-us.layout{    display: none;}
#fh5co-about-us.layoutr{    display: block;}
.slideshows {
    margin-top: 71px;
}
a#nysywz {
    margin-left: 20px !important;
}
a#djsy{
    padding-right: 20px !important;
}



#fh5co-header .navbar-body .nav li.this a {
    text-align: left;
}






#fh5co-content_show .nav li a{line-height:30px;}

.layout_e{display: none;}
.layout_r{ display: block;}
#fh5co-header .header-box {
    background: bottom;
    box-shadow: 0 0 0px #000;
    z-index: 999;
}
.navbar {
width:100%;
    position: absolute;
margin-left: -10px;
z-index: 9999;
}

.fh5co-heading span {
    display: block;
    margin-bottom: 10px;
    color: #999;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
#fh5co-contact-us .bg-contact{    padding: 30px 0 10px 0;}
#fh5co-contact-us .contact-text{    display: none;}
iframe {
    height: 370px !important;
}
.float-right{float:left !important;    margin-left: 5px;}
#fh5co-content_show .detail{padding-top: 10px;    margin-bottom: -34px;}
#fh5co-news-list .news-box .item{padding-top: 6px;}
#fh5co-news-list .news-box .item b{margin: 10px 15px 0px 0;}
.footer{padding: 18px 0;}
.padding-big-top{padding: 0px 0;}
.bg-product{    background: #fff;
    padding: 20px 0 35px !important;}
.xfck{display: none;}
.flexslider .slides li img{    max-width: 170%;}

#fh5co-header  .icon-navicon{float:right; margin-top:20px; margin-left:7px;  font-size:22px; border:none;transition:none; padding:0; }
#fh5co-header .navbar-head{padding:0px 0 0px 0;    width: 100%;
    background: #fff;
  
    padding-left: 40px;
    padding-right: 65px;}
#fh5co-header .navbar-head img{height:70px;}
#fh5co-header .navbar-body{ padding:0;border-bottom:0;width: 103px;
    float: right;margin-right:25px;}
#fh5co-header .navbar-body .nav { overflow:auto ;background:#fff;}
#fh5co-header .navbar-body .nav li a,#fh5co-header .header-box.fixed.fixed-top .navbar-body .nav li a{text-align:left;background:none; height:auto; line-height:37px !important}
#fh5co-header .navbar-body .nav li ul li a,#fh5co-header .header-box.fixed.fixed-top .navbar-body .nav li ul li a { line-height:37px !important; height:37px !important;}
#fh5co-header .navbar-body .nav li{ position:static}
#fh5co-header .navbar-body .nav li,#fh5co-header .navbar-body .nav li .search-box{height:auto;display:block;width:100%;padding:0;}
#fh5co-header .navbar-body .nav li:last-child{border-bottom: 1px solid #000;}
#fh5co-header .navbar-body .nav li ul,#fh5co-header .navbar-body .nav li .search-box{top:auto;left:auto;width: 100%;position:relative !important; margin:0px; padding:0;}
#fh5co-header .navbar-body .nav li ul li{height:auto;}
#fh5co-header .navbar-body .nav li ul li ul li a{background:#232228;font-size:12px;height:28px;line-height:28px;padding:0px 0 0 18px;}
#fh5co-header .navbar-body .nav li ul li ul li a:hover{background:#555}
#fh5co-header .navbar-body .nav li ul .bg_nav{ border:0 !important; height:0}
#fh5co-header .navbar-body .nav li .search-box input{width: 100%;}
#fh5co-header .header-box.fixed.fixed-top .navbar-body .nav li.this a{ line-height:auto;width: 105px;
    text-align: center;
    padding-right: 15px;}
#fh5co-header .header-box.fixed.fixed-top .navbar-body .nav li ul,#fh5co-header .header-box.fixed.fixed-top .navbar-body .nav li .search-box{top:auto;left:auto;}

#fh5co-content_show .article-media li{padding:2px 0 15px}
#fh5co-content_show .article-media li a{ font-size:16px;}
.article-media .media .media_img{width: 100px;margin-right:8px;}
.article-media .media .media_img img{width: 100px;}
#fh5co-about-us .about-box .intro{ padding:50px 0 0px;}

#fh5co-about-us .about-box .media-img{width:25%; margin:0 5%}
.slideshow{height:180px !important;}
.slideshow img{height:180px !important;}


/*手机底部导航*/
.blank55{height:55px; line-height:1px; clear:both;}
#toolbar{color:#fff;width:100%;height:50px;position:fixed;bottom:0;left:0;z-index:7;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: 0.22rem;display:block;width: 1.5rem;height: 1.5rem;margin: 0 auto;background-position: center;background-repeat: no-repeat;background-size: 100%;}
#toolbar a span.icon_home{background-image: url(../images/foot-01_01.png);}
#toolbar a span.icon_sms{background-image: url(../images/foot-02_01.png);}
#toolbar a span.icon_phone{background-image: url(../images/foot-03_01.png);}
#toolbar a span.icon_user{background-image: url(../images/foot-04_01.png);}

}

@media screen and (max-width:480px){
#fh5co-news-list .bg-news {
    background-color: #fff;
    padding: 20px 0 15px 0;
}

.xl12 {
    width: 100%;
}
a#nysywz {
    margin-left: 20px !important;
}
a#djsy{
    padding-right: 20px !important;
}
#fh5co-about-us.layout{    display: none;}
#fh5co-about-us.layoutr{    display: block;}
.navbar {
width:100%;
    position: absolute;
margin-left: -10px;
z-index: 9999;

}
.slideshows {
    margin-top: 71px;
}
.layout_e{ display: none;}
.layout_r{display: block;}
#fh5co-header .header-box {
    background: bottom;
    box-shadow: 0 0 0px #000;
    z-index: 999;
}
.line-big{    margin-left: 0px;}
#fh5co-content_show .inner-content-bg .inner-bg-body{padding:0px;    background: bottom;    box-shadow: 0 1px 1px #fafafa;}
.margin-large-top{margin-left:0px;margin-top:-5px;}
.fh5co-heading span {
    display: block;
    margin-bottom: 10px;
    color: #999;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
iframe {
    height: 370px !important;
}
.float-right{float:left !important;    margin-left: 5px;}
#fh5co-news-list .news-box .item{padding-top: 6px;}
#fh5co-news-list .news-box .item b{margin: 10px 15px 0px 0;}
.footer{padding: 18px 0;}
#fh5co-content_show .detail{padding-top: 10px;    margin-bottom: -34px;}
#fh5co-contact-us .bg-contact{    padding: 30px 0 10px 0;}
#fh5co-contact-us .contact-text{    display: none;}
.padding-big-top{padding: 0px 0;}
.bg-product{    background: #fff;
    padding: 20px 0 35px !important;}
.xfck{display: none;}
#fh5co-about-us .bg-about{ height:590px;}
#fh5co-about-us .about-box .media-img{width:50%; margin:0 auto}
#fh5co-about-us .about-box .intro{ width:90%; margin:0 auto; text-align:left; padding:30px 0 60px;}
#fh5co-about-us .about-box .intro h2{ text-align:center}
.slideshow { height:120px !important;  }
.slideshow img { height:120px !important; }
}
/* 内页 end*/

/* ======置顶 ======*/
.backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:8;background:#165fa5 url(../images/icon-gotop-fixed.png) no-repeat center center;}
.backToTop:hover{background-color:#165fa5;}



/*=======================================================
      PORTFOLIO
========================================================*/
@media screen and (min-width: 1px) and (max-width: 299px){
.header#fh5co-header{position: fixed;
    width: 100%;
    height: 70px;}
#fh5co-news-list .bg-news {
    background-color: #fff;
    padding: 20px 0 15px 0;
}
#fh5co-about-us.layout{    display: none;}
#fh5co-about-us.layoutr{    display: block;}
.navbar {
width:100%;
    position: absolute;
margin-left: -10px;
z-index: 9999;

}
.slideshows {
    margin-top: 71px;
}
a#nysywz {
    margin-left: 20px !important;
}
a#djsy{
    padding-right: 20px !important;
}
.xl12 {
    width: 100%;
}
.layout_e{ display: none;}
.layout_r{display: block;}
#fh5co-header .header-box {
    background: bottom;
    box-shadow: 0 0 0px #000;
    z-index: 999;
}
.line-big{    margin-left: 0px;}
#fh5co-content_show .inner-content-bg .inner-bg-body{padding:0px; background: bottom;    box-shadow: 0 1px 1px #fafafa;}
.margin-large-top{margin-left:0px;margin-top:-5px;}

.fh5co-heading span {
    display: block;
    margin-bottom: 10px;
    color: #999;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
iframe {
    height: 370px !important;
}
.nyTop-path {
    line-height: 35px;
}
.input{width: 100%;margin-left:0px}
.float-right{float:left !important;    margin-left: 5px;}
#fh5co-content_show .detail{padding-top: 10px;    margin-bottom: -34px;}
#fh5co-contact-us .bg-contact{    padding: 30px 0 10px 0;}
#fh5co-contact-us .contact-text{    display: none;}
.footer{padding: 18px 0;}
.padding-big-top{padding: 0px 0;}
#fh5co-news-list .news-box .item{padding-top: 6px;}
#fh5co-news-list .news-box .item b{margin: 10px 15px 0px 0;}
.bg-product{    background: #fff;
    padding: 20px 0 35px !important;}
.xfck{display: none;}
	.dbdh{width: 100%; margin:0 auto; }
	.dbdh ul{overflow: hidden;}
	.dbdh ul li{width: 33.3%;float: left;}
	.dbdh ul li a{display: block;text-align: center;}
			.width1200{margin: 0 auto;}
.zhaopinCont {padding-top:25px;padding-bottom:0px;}
.zhaopin-list {height:auto;width: 100%;overflow: hidden;    padding-top: 7px;}
.zhaopin-list>li {padding:5%;margin:0 5%;margin-bottom: 5%; height:auto;overflow:hidden;box-shadow:0px 0px 14px 2px #E1E1E1;border:1px solid #E1E1E1\9;}
.zhaopin-oneline {line-height:22px;overflow:hidden;margin-bottom:19px;width: 100%;}
.zhaopin-number {float:left;font-weight:bold;font-size:18px;color:#4c4c4c;}
.zhaopin-money {float:right;font-size:18px;color:#99753b;margin-right:30px;}
.zhaopin-twoline .tab {margin-bottom:20px;height:auto;overflow:hidden;}
.zhaopin-twoline .tab li {float:left;width:75px;height:30px;margin-bottom: 10px; border:1px solid #165FA5;margin-right:10px;color:#165FA5;text-align:center;line-height:30px;cursor:pointer;}
.zhaopin-twoline .tab li.curr {background-color:#165FA5;border:1px solid #165FA5;color:#fff;}
.zhaopin-yaoqiu {font-size:14px;line-height:30px;color:#4c4c4c;/*height:233px;*/overflow:hidden;display:none;}


#PageList {width:100%;float:left;}
#PageList {margin-top:5px;float:left;padding-top:10px;font-size:12px;margin-bottom:20px;margin-left: 6px;}
#PageList li {margin:0px 10px 0px 0px;float:left;}
#PageList li a{display: block;/*width: 51px;*/height: 51px;line-height: 51px; background: #fff;color: #666;text-align: center;border:1px #d3d3d3 solid;}
#PageList li.this a{background: #252525;color: #fff;border:1px solid #252525;}
#PageList li a:hover{background: #252525;border: 1px solid #252525;color: #fff;}
.TotalPages{display: none;}
#PageList li.PreviousPage a,#PageList li.NextPage a{background:#fff;color: #666; padding: 0px 28px;}
#PageList li.PreviousPage a:hover,#PageList li.NextPage a:hover{background: #252525;border: 1px solid #252525;}
.TotcasePages{display: none;}
.gywm_2{width: 100%;text-align: left;padding:0 2%;}
.gywm_1{display: none;}
.syggwz{width: 100%;text-align: center;}
.dbdh{display: none;}
.layout-pc{display: none;}
.layout-wap{display: block;margin-top: 71px;}
}

@media screen and (min-width: 300px) and (max-width: 759px){
.header#fh5co-header{position: fixed;
    width: 100%;
    height: 70px;}
#fh5co-about-us.layout{  display: none;   }
#fh5co-about-us.layoutr{ display: block;  }

#fh5co-news-list .bg-news {
    background-color: #fff;
    padding: 20px 0 15px 0;
}
.xl12 {
    width: 100%;
}


.line-big{    margin-left: 0px;}
#fh5co-content_show .inner-content-bg .inner-bg-body{padding:0px; background: bottom;    box-shadow: 0 1px 1px #fafafa;}
.margin-large-top{margin-left:0px;margin-top:-5px;}
.fh5co-heading span {
    display: block;
    margin-bottom: 10px;
    color: #999;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
iframe {
    height: 370px !important;
}
.nyTop-path {
    line-height: 35px;
}
.input{width: 100%;margin-left:0px}
.float-right{float:left !important;    margin-left: 5px;}
#fh5co-content_show .detail{padding-top: 10px;    margin-bottom: -34px;}
#fh5co-news-list .news-box .item{padding-top: 6px;}
#fh5co-news-list .news-box .item b{margin: 10px 15px 0px 0;}
.footer{padding: 18px 0;}
.padding-big-top{padding: 0px 0;}
#fh5co-contact-us .bg-contact{    padding: 30px 0 10px 0;}
#fh5co-contact-us .contact-text{    display: none;}
.bg-product{    background: #fff;
    padding: 20px 0 35px !important;}
.xfck{display: none;}
	.dbdh{width: 100%; margin:0 auto; }
	.dbdh ul{overflow: hidden;}
	.dbdh ul li{width: 33.3%;float: left;}
	.dbdh ul li a{display: block;text-align: center;}
		.width1200{margin: 0 auto;}
.zhaopinCont {padding-top:25px;padding-bottom:0px;}
.zhaopin-list {height:auto;width: 100%;overflow: hidden;    padding-top: 7px;}
.zhaopin-list>li {padding:5%;margin:0 5%;margin-bottom: 5%; height:auto;overflow:hidden;box-shadow:0px 0px 14px 2px #E1E1E1;border:1px solid #E1E1E1\9;}
.zhaopin-oneline {line-height:22px;overflow:hidden;margin-bottom:19px;width: 100%;}
.zhaopin-number {float:left;font-weight:bold;font-size:18px;color:#4c4c4c;}
.zhaopin-money {float:left;font-size:18px;color:#99753b;margin-right:30px;margin-top:10px;}
.zhaopin-twoline .tab {margin-bottom:20px;height:auto;overflow:hidden;}
.zhaopin-twoline .tab li {float:left;width:75px;height:30px;margin-bottom: 10px; border:1px solid #165FA5;margin-right:10px;color:#165FA5;text-align:center;line-height:32px;cursor:pointer;}
.zhaopin-twoline .tab li.curr {background-color:#165FA5;border:1px solid #165FA5;color:#fff;}
.zhaopin-yaoqiu {font-size:14px;line-height:30px;color:#4c4c4c;/*height:233px;*/overflow:hidden;display:none;}


#PageList {width:100%;float:left;}
#PageList {margin-top:5px;float:left;padding-top:10px;font-size:12px;margin-bottom:20px;/*margin-left: -20px;width:290px;*/}
#PageList li {margin:0px 10px 0px 0px;float:left;    display: none;}
#PageList li.PreviousPage,#PageList li.NextPage,#PageList li.this{    display: block;}
#PageList li:nth-child(2){display: block;}


#PageList li a{display: block;/*width: 51px;*/height: 51px;line-height: 51px; background: #fff;color: #666;text-align: center;border:1px #d3d3d3 solid;}
#PageList li.this a{background: #252525;color: #fff;border:1px solid #252525;}
#PageList li a:hover{background: #252525;border: 1px solid #252525;color: #fff;}
.TotalPages{display: none;}
#PageList li.PreviousPage a,#PageList li.NextPage a{background:#fff;color: #666; padding: 0px 20px;}
#PageList li.PreviousPage a:hover,#PageList li.NextPage a:hover{background: #252525;border: 1px solid #252525;}
.TotcasePages{display: none;}
.gywm_2{width: 100%;text-align: left;padding:0 2%;}
.gywm_1{display: none;}
.syggwz{width: 100%;text-align: center;}
.dbdh{display: none;}
.layout-pc{display: none;}
.layout-wap{display: block;margin-top: 71px;}
}
@media screen and (min-width: 760px) and (max-width: 1000px){
#fh5co-about-us.layout{  display: block;  }
#fh5co-about-us.layoutr{  display: none;  }
	.dbdh{width: 100%; margin:0 auto; }
	.dbdh ul{text-align: center;}
	.dbdh ul li{display: inline-block;margin:0px 0px;}
	.dbdh ul li a{display: block;line-height:18px;}
	.width1200{margin: 0 auto;}


#fh5co-content_show .pro-item-inner .portfolio-img {
    overflow: hidden;
    height: 280px;
}
#fh5co-content_show .pro-item-inner .portfolio-img img {
    width: 100%;
    height: 280px;
}

.zhaopinCont {padding-top:25px;padding-bottom:80px;}
.zhaopin-list {height:auto;width: 100%;overflow: hidden;    padding-top: 7px;}
.zhaopin-list>li {float:left;width:98%;margin:0 1% 2%;padding:3%; height:auto;overflow:hidden;box-shadow:0px 0px 14px 2px #E1E1E1;border:1px solid #E1E1E1\9;}
.zhaopin-oneline {line-height:22px;overflow:hidden;margin-bottom:19px;width: 100%;}
.zhaopin-number {float:left;font-weight:bold;font-size:18px;color:#4c4c4c;}
.zhaopin-money {float:right;font-size:18px;color:#99753b;margin-right:30px;}
.zhaopin-twoline .tab {margin-bottom:20px;height:auto;overflow:hidden;}
.zhaopin-twoline .tab li {float:left;width:96px;height:30px;border:1px solid #165FA5;margin-right:10px;color:#165FA5;text-align:center;line-height:32px;cursor:pointer;}
.zhaopin-twoline .tab li.curr {background-color:#165FA5;border:1px solid #165FA5;color:#fff;}
.zhaopin-yaoqiu {font-size:14px;line-height:30px;color:#4c4c4c;/*height:233px;*/overflow:hidden;display:none;}


#PageList {width:100%;float:left;}
#PageList {margin-top:5px;float:left;padding-top:10px;font-size:12px;margin-bottom:20px;margin-left: 6px;}
#PageList li {margin:0px 10px 0px 0px;float:left;}
#PageList li a{display: block;/*width: 51px;*/height: 51px;line-height: 51px; background: #fff;color: #666;text-align: center;border:1px #d3d3d3 solid;}
#PageList li.this a{background: #252525;color: #fff;border:1px solid #252525;}
#PageList li a:hover{background: #252525;border: 1px solid #252525;color: #fff;}
.TotalPages{display: none;}
#PageList li.PreviousPage a,#PageList li.NextPage a{background:#fff;color: #666; padding: 0px 28px;}
#PageList li.PreviousPage a:hover,#PageList li.NextPage a:hover{background: #252525;border: 1px solid #252525;}
.TotcasePages{display: none;}
.gywm_2{width: 100%;text-align: left;padding:0 2%;}
.gywm_1{display: none;}
.syggwz{width: 100%;text-align: center;}
.dbdh{display: none;}
.layout-pc{display: none;}
.layout-wap{display: block;margin-top: 71px;}

span.zoomimgs img {
    max-width: 100%;
    height: 315px;
}



}
@media screen and (min-width: 1000px) and (max-width: 1200px){
#fh5co-about-us.layout{  display: block;  }
#fh5co-about-us.layoutr{   display: none; }
#fh5co-header .navbar-head h1 {
    margin: 0;
    padding: 0;
    margin-left: 65px;
}

.slideshows {
    overflow: hidden;
    margin-top: 80px;
}


.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 80px;
}

	.dbdh{width: 100%; margin:0 auto; }
	.dbdh ul{text-align: center;}
	.dbdh ul li{display: inline-block;margin:0 20px;}
	.dbdh ul li a{display: block;}
	.bg-about{background-size: cover;}
.width1200{margin: 0 auto;}
.zhaopinCont {padding-top:25px;padding-bottom:80px;}
.zhaopin-list {height:auto;width: 100%;overflow: hidden;    padding-top: 7px;}
.zhaopin-list>li {float:left;width:48%;margin:0 1% 2%;padding:3%; height:auto;overflow:hidden;box-shadow:0px 0px 14px 2px #E1E1E1;border:1px solid #E1E1E1\9;}
.zhaopin-oneline {line-height:22px;overflow:hidden;margin-bottom:19px;width: 100%;}
.zhaopin-number {float:left;font-weight:bold;font-size:18px;color:#4c4c4c;}
.zhaopin-money {float:right;font-size:18px;color:#99753b;margin-right:30px;}
.zhaopin-twoline .tab {margin-bottom:20px;height:auto;overflow:hidden;}
.zhaopin-twoline .tab li {float:left;width:96px;height:30px;border:1px solid #165FA5;margin-right:10px;color:#165FA5;text-align:center;line-height:32px;cursor:pointer;}
.zhaopin-twoline .tab li.curr {background-color:#165FA5;border:1px solid #165FA5;color:#fff;}
.zhaopin-yaoqiu {font-size:14px;line-height:30px;color:#4c4c4c;/*height:233px;*/overflow:hidden;display:none;}


#PageList {width:100%;float:left;}
#PageList {margin-top:5px;float:left;padding-top:10px;font-size:12px;margin-bottom:20px;margin-left: 6px;}
#PageList li {margin:0px 10px 0px 0px;float:left;}
#PageList li a{display: block;/*width: 51px;*/height: 51px;line-height: 51px; background: #fff;color: #666;text-align: center;border:1px #d3d3d3 solid;}
#PageList li.this a{background: #252525;color: #fff;border:1px solid #252525;}
#PageList li a:hover{background: #252525;border: 1px solid #252525;color: #fff;}
.TotalPages{display: none;}
#PageList li.PreviousPage a,#PageList li.NextPage a{background:#fff;color: #666; padding: 0px 28px;}
#PageList li.PreviousPage a:hover,#PageList li.NextPage a:hover{background: #252525;border: 1px solid #252525;}
.TotcasePages{display: none;}
.gywm_2{width: 60.6667%;text-align: left;padding-right: 1%;}
.gywm_1{display: none;}
.layout-pc{display: block;}
.layout-wap{display: none;}
}

li#dbdhxt {
    border-left: 2px solid #666;
    width: 100px;
    text-align: center;
    height: 18px;
}




@media screen and (min-width: 1201px){
#fh5co-about-us.layout{   display: block;   }
#fh5co-about-us.layoutr{    display: none;}

#fh5co-header .navbar-head h1 {
    margin: 0;
    padding: 0;
    margin-left: 65px;
}
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 80px;
}


	.dbdh{width:1200px;margin:0 auto; }
	.dbdh ul{text-align: center;}
	.dbdh ul li{display: inline-block; width: 100px;
    line-height: 18px;}
	.dbdh ul li a{display: block;}
	.navbar{width: 1100px;margin:0 auto;}
.bg-about{background-size: cover;}
.width1200{width: 1080px;margin: 0 auto;}
.zhaopinCont {padding-top:25px;padding-bottom:80px;}
.zhaopin-list {width:1220px;height:auto;margin-left:7px;    padding-top: 7px;}
.zhaopin-list>li {padding:28px 20px;margin-right:20px;margin-bottom:20px;height:auto;overflow:hidden;box-shadow:0px 0px 14px 2px #E1E1E1;border:1px solid #E1E1E1\9;}
.zhaopin-oneline {line-height:22px;overflow:hidden;margin-bottom:19px;width: 100%;}
.zhaopin-number {float:left;font-weight:bold;font-size:18px;color:#4c4c4c;}
.zhaopin-money {float:right;font-size:18px;color:#99753b;margin-right:30px;}
.zhaopin-twoline .tab {margin-bottom:20px;height:auto;overflow:hidden;}
.zhaopin-twoline .tab li {float:left;width:96px;height:30px;border:1px solid #165FA5;margin-right:10px;color:#165FA5;text-align:center;line-height:32px;cursor:pointer;}
.zhaopin-twoline .tab li.curr {background-color:#165FA5;border:1px solid #165FA5;color:#fff;}
.zhaopin-yaoqiu {font-size:14px;line-height:30px;color:#4c4c4c;/*height:205px;*/overflow:hidden;display:none;}


#PageList {width:100%;float:left;}
#PageList {margin-top:5px;float:left;padding-top:10px;font-size:12px;margin-bottom:20px;margin-left: 6px;}
#PageList li {margin:0px 10px 0px 0px;float:left;}
#PageList li a{display: block;/*width: 51px;*/height: 51px;line-height: 51px; background: #fff;color: #666;text-align: center;border:1px #d3d3d3 solid;}
#PageList li.this a{background: #252525;color: #fff;border:1px solid #252525;}
#PageList li a:hover{background: #252525;border: 1px solid #252525;color: #fff;}
.TotalPages{display: none;}
#PageList li.PreviousPage a,#PageList li.NextPage a{background:#fff;color: #666; padding: 0px 28px;}
#PageList li.PreviousPage a:hover,#PageList li.NextPage a:hover{background: #252525;border: 1px solid #252525;}
.TotcasePages{display: none;}
.gywm_1{width: 65%;text-align: left;line-height:40px;}
.gywm_2{display: none;}
.syggwz{text-align: left;margin-top:40px;}
.layout-pc{display: block;}
.layout-wap{display: none;}
}
#fh5co-content_show .nav .this a {
    background-color: #165FA5 !important;
color:#fff !important;
}



.xl12.xs6.xm4.syggwz h1 {
    color: #1761a3;font-weight: bold;
}

.copy {
    font-size: 13px;
}

.foot-link {
    font-size: 13px;
}

input#btnSumbit {
    background: #016f6c !important;
}



span.zoomimgs img {
    max-width: 100%;
}





.xl12.xs6.xm4.syggwz h1 a{font-size:24px;color:#62a8ea}
.xl12.xs6.xm4.syggwz h1 a:hover{color:#62a8ea;}
#fh5co-about-us .about-box .intro p a{color:#333;}



.contact-form.fadeInUp.animated {
    margin-top: -30px;
}
.layout_e {
    overflow: hidden;
    width: 100%;
}

.layout_r {
    overflow: hidden;
    width: 100%;
}

/*#fh5co-header .navbar-body .nav li.this .drop-menu{display: block;}*/
.recommend-product-list ul li a{text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
