body{font-family: "Arial","Microsoft YaHei";font-size: 12px;font-weight:normal;line-height: 1.7;color: #333; background: #f2f2f2;position: relative;}
p{margin:0;font-weight:normal;}
h1, h2, h3, h4, h5, h6, figure{color: #444;font-family: "Open Sans", Arial, sans-serif;font-weight: 400;}
::-webkit-selection{color: #fff;background: #0d803b;}
::-moz-selection{color: #fff;background: #0d803b;}
::selection{color: #fff;background: #0d803b;}
.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{font-size:14px;color:#333;text-decoration:none}
a:focus,a:hover{color: #333; text-decoration:underline}
.bg-main.button{ background:#333;border:1px solid #333}
.button.bg-main:hover{ background:#333;border:1px solid #333}
.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:#296ac0}
.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:45px;line-height:45px;clear:both;font-size:0;}
.detail h2,.detail h3{line-height:180%}
.detail h3,.detail h1{font-size:14px;color: #322725;}
.layout{overflow: hidden;width: 100%;}
.noinfo{ text-align:center}
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:20px;}
.line-big { margin-left: -15px;margin-right: -15px;}
.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.bread span.icon-home{ padding-right:5px;}
.bread  a{ font-size:14px; color:#888}
.wrap{ padding:0 20px;}
.wrap-box{ padding:0 20px;background:#fff}
.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: 63%; 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%*/}
/*header begin*/

#fh5co-header .logo{ margin:25px 0}
#fh5co-header .search-top{ margin-top:39px;}
#fh5co-header .search-top input.inputkey{background: rgba(0, 0, 0, 0) url("../images/bg.png") no-repeat scroll 0 0;height: 30px;line-height: 30px;margin-right: 1px;padding-left: 35px;width: 245px;border:none;float:left}
#fh5co-header .search-top input.go{background: #84af15 none repeat scroll 0 0;border: medium none;color: #fff;cursor: pointer;font-size: 14px;font-weight: bold;height: 30px;line-height: 30px;padding: 0 16px;text-shadow: 1px 1px #3e3e05;float:left}
#fh5co-header .header-nav{ z-index:100000; background: rgba(0, 0, 0, 0) linear-gradient(90deg, #2d2d2d 0%, #2d2d2d 30%, #505050 30%, #505050 100%) repeat scroll 0 0;}
#fh5co-header .nav li .downward{border:none}
#fh5co-header .nav li.bg1{ background:#2b2b2b}
#fh5co-header .nav li.bg2{ background:#373737}
#fh5co-header .nav li.bg3{ background:#3d3d3d}
#fh5co-header .nav li.bg4{ background:#454545}
#fh5co-header .nav li.bg5,#fh5co-header .nav li.bg6,#fh5co-header .nav li.bg7,#fh5co-header .nav li.bg8,#fh5co-header .nav li.bg9{ background:#505050}
#fh5co-header .nav li a{display:inline-block;font-size:14px;line-height:47px;font-weight: bold;color:#fff;padding:0px 42px;}
#fh5co-header .nav li a:hover,#fh5co-header .nav li.currents a{color:#fff;text-decoration:none; background:none}
#fh5co-header .nav li:hover a{background:none}
#fh5co-header .nav li ul{border:none;border-radius:0;margin:0;padding: 7px 15px;min-width: 160px;z-index: 1999;}
#fh5co-header .nav li ul li{margin:0;padding:0;height:auto;display:block;height:auto;}
#fh5co-header .nav li ul li a{background-color: #fff !important;color: #828282;display:block;width:100%; padding:0 10px;margin: 5px 0;text-align: left;min-width:160px; font-size:12px; line-height:26px; font-weight:normal;}
#fh5co-header .nav li.current ul li  a{color:#828282;}
#fh5co-header .nav li ul li a:hover{background:#90bf17 !important;color:#fff;}
#fh5co-header .nav li ul li ul{top:0}
/*header end*/

/* footer begin*/
footer{background:#3a3a3a ;}
footer .footer-bot{padding: 14px 0;}
footer .footer-bot .nav li{color: #c0c0c0;border-color:#c0c0c0;line-height:100%; margin:7px 0 0; padding:0; }
footer .footer-bot .nav li a{color: #c0c0c0;line-height:100%;font-size: 12px;padding: 0 10px;}
footer .footer-bot .nav li a:hover{color: #c0c0c0;text-decoration:underline}
footer .footer-bot .Copyright{color: #c0c0c0;line-height: 24px;}
footer .footer-bot .Copyright a{color: #c0c0c0;}
footer .footer-bot .Copyright a:hover{color: #c0c0c0;text-decoration:underline}
footer .footer-bot .foot-link{ padding:5px 0 0px;color: #c0c0c0;}
footer .footer-bot .foot-link a{color: #c0c0c0; margin:0 3px}
footer .footer-bot .foot-link  a:hover{color: #c0c0c0;text-decoration:underline}
/* footer end*/

/*banner begin*/
.banner_bg {background: rgba(0, 0, 0, 0) url("../images/banner-bg.png") no-repeat  center center;}
.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;}
.banner-box .wrap-box{padding:18px 20px;}
.flexslider{position:relative;z-index:1; margin:0;}
.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:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width: 10px;height:10px;margin:0 3px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;cursor:pointer;width:10px;height:10px;border-radius:5px;float:left;text-indent:-2000px;background:#f1f1f1;}
.flex-control-nav .flex-active{background:#f00;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;}
.flex-direction-nav li a{display:block;width:26px;height:46px;overflow:hidden;cursor:pointer;position:absolute;margin-top:-46px;text-indent:-999em;top: 50%;}
.flex-direction-nav li a.flex-prev{left:0;background: url("../images/prev.png") no-repeat;opacity: 1;}
.flex-direction-nav li a.flex-next{right:0;background: url("../images/next.png") no-repeat;opacity: 1;}
.flex-direction-nav li a.flex-next:hover{background:url("../images/next.png") no-repeat;opacity: 1;}
.flex-direction-nav li a.flex-prev:hover{background:url("../images/prev.png") no-repeat;opacity: 1;}
/*banner end*/

/* home product  begin*/
.sidebar_banner{ overflow:hidden;  border: 1px solid #d6d6d6;}
.sidebar_banner img{ width:100%;}

/*product*/
.pro-item .portfolio-img{overflow:hidden;border: 1px solid #eaeaea;border-radius: 5px; padding:16px;}
.pro-item .portfolio-img .zoomimgs{max-width:100%;overflow:hidden;vertical-align:middle;}
.pro-item .portfolio-img .zoomimgs:hover{transform:scale(1.1);transition:all 1s ease 0s;-webkit-transform:scale(1.1);-webkit-transform:all 1s ease 0s;}
.pro-item h2{font-size:12px;padding:6px 0 0;}
.pro-item h2 a{color: #555;font-weight: bold;font-size:14px;}
.pro-item h2 a:hover{font-size:14px;color: #555; text-decoration:underline}
/* home product end*/

/*home about us begin*/
#fh5co-about-us .about-box{color: #444; font-size:14px;line-height: 27px;}
/*home about us end*/


/* inner begin*/
#fh5co-content_show h2.left_h{background: #89b320 none repeat scroll 0 0;color: #fff;font-size: 14px;font-weight: bold;line-height: 38px;text-align: center;}
#fh5co-content_show .nav-inline{list-style: outside none none;}
#fh5co-content_show .nav{border-bottom:1px solid #d8d8d8;}
#fh5co-content_show .nav li{border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;font-size: 14px;margin:0;padding:0 10px;}
#fh5co-content_show .nav li:hover,#fh5co-content_show .nav li.active{color: #10a14a;}
#fh5co-content_show .nav li a{display:block;text-decoration: none;font-size: 14px;font-weight:normal;background:url("../images/bg.png") no-repeat scroll 4px -65px;border-bottom: 1px solid #d8d8d8;height:42px;line-height:42px;text-indent:18px;white-space:nowrap;padding:0 ;margin:0;color:#000; position:relative;}
#fh5co-content_show .nav li:last-child a{border-bottom:none}
#fh5co-content_show .nav li a:hover,#fh5co-content_show .nav li.active a{color: #89b320;background-position: 4px -156px;}
#fh5co-content_show .show_body{font-size:12px;}
#fh5co-content_show .detail img{height: auto !important;max-width: 100%;vertical-align: middle;}
#fh5co-content_show .detail p{text-indent:0;}
#fh5co-content_show .qhd-title span{margin:0 5px;font-size:12px;color:#999}
#fh5co-content_show .title{background: rgba(0, 0, 0, 0) url("../images/bg-ex.jpg") no-repeat scroll 0 0;color: #3e3e3e;font-size: 14px;height: 44px;line-height: 42px;padding-left: 6px;}
#fh5co-content_show .title h2{display: inline-block;font-weight: normal;}
#fh5co-content_show .title h2 a{color: #3e3e3e;}
#fh5co-content_show .title .more{margin-right: 16px;}
#fh5co-content_show .detail{font-size:12px;padding:0 13px 0px;line-height:24px;font-family: sans-serif,arail;}
#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;border-radius: 5px;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: #444;font-size: 14px;line-height: 33px;}
#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:30px;}
#fh5co-content_show .product-detail .add_to_inquiry #add_to_inquiry{border:none;border-radius:0;background: #fe4e76 none repeat scroll 0 0;color: white;display: block;float: left;font-size: 14px;height: 30px;line-height: 30px;margin-right: 20px;padding: 0 20px;text-align: center;width: auto;}
#fh5co-content_show .product-detail .detail-title{border-bottom: 1px solid #d1d5db;height: 24px;line-height: 24px;overflow: hidden;}
#fh5co-content_show .product-detail .detail-title div{background: rgba(0, 0, 0, 0) url("../images/bg.png") no-repeat scroll 0 -268px;cursor: pointer;height: 24px;line-height: 24px;margin-left: 5px;padding-left: 25px;}
#fh5co-content_show .product-detail .detail-title div h5{background: rgba(0, 0, 0, 0) url("../images/bg.png") no-repeat scroll right -268px;color: #333;height: 24px;line-height: 24px;padding-right: 25px;font-size:12px;}
#fh5co-content_show .product-detail .description{line-height:24px;padding:0 13px;}

#fh5co-content_show ul.second-list{display: none; position:absolute; left:265px; top:0px; background:#fff; border:1px solid #d8d8d8; z-index:999999;}
#fh5co-content_show ul.second-list li{min-width:300px; padding-top:8px; padding-bottom:8px;}


/*pager*/
.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 13px;display:block;text-align:left; font-size:12px;}
#fh5co-content_show .pagination li{margin:0 3px;}
#fh5co-content_show .pagination .active,#fh5co-content_show .pagination a:hover{background:#333;color:#fff;}
#fh5co-content_show .pagination .active a{color:#fff}
#fh5co-content_show video{max-width:100%}
/* product*/

/* product end*/

/*article*/
.article-media{ padding:0}
.article-media li{border-bottom:1px solid #d7d7d7; list-style:none;line-height: 21px;padding: 10px 0 10px 13px; font-size:14px;background:url("../images/li.png") no-repeat left 17px; font-size:12px;}
.article-media li span{color:#848484;}
.article-media .media .media_img{width:198px; margin-right:20px;}
.article-media .media .media_img img{height:120px;width:198px;}
.article-media .media .media_img a{padding: 0;}
.article-media .media .media_img a:hover{border-color: -moz-use-text-color;border-style: none;border-width: medium;background: #fff4ce none repeat scroll 0 0;}
.article-media .media-body h3{ line-height:100%; margin-bottom:12px;}
.article-media .media-body h3 a{color: #3a3a3a;font-size: 16px;font-weight:bold;}
.article-media .media-body h3 a:hover{color:#296ac0;}
.article-media .media-body p{color: #3a3a3a;line-height: 20px;height:64px;font-size:14px;overflow:hidden;}
#fh5co-content_show .article-media .media-body p{ height:auto}
.article-media .media-body .time{font-size:14px;font-weight:bold;color:#3a3a3a;}
.article-media li:hover h3 a{color:#296ac0;}

#fh5co-content_show .article-media li{border-bottom:1px dashed #d7d7d7;padding: 7px 0 7px 13px;background-position:left 13px;}
.article-border{ border:1px solid #d8d8d8; padding:10px;border-top:none}
.article-border li{ font-size:14px;}
.article-border li:last-child{ border:none}
.banner-inner-box .wrap-box{ min-height:35px;}
.slideshow img{display: block;float: left;}

@media (min-width:1001px) and (max-width:1199px){
#fh5co-header .nav li a{padding:0px 33px 0;}
}

@media screen and (max-width:1000px){
#fh5co-header .nav li a{padding:0px 19px 0;}
.slideshow { height:240px !important;  }
.slideshow img { height:240px !important; }
footer .footer-bot .float-right{ float:none !important}
footer .footer-bot .foot-copy li:first-child a{ padding:0 10px 0 0}
.line-big { margin-left: -10px;margin-right: -10px;}
.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
}

@media screen and (max-width:760px){
.nav_bg{ background:#2d2d2d; height:40px; margin-bottom:0px; line-height:40px; font-size:14px;  font-weight:bold}
.banner_bg { background:none}
.banner-box .wrap-box{padding:15px 0 10px;}
body{ background:#fff}
.banner-inner-box{ height:10px; min-height:auto}
.lefter{padding-right:0px;}
.wrap{ padding:0px;}
.wrap-box{ padding:0px;background:#fff}
#fh5co-header .search-top { margin:0 0 10px 0; }
#fh5co-header .search-top .float-right{float:none !important}
#fh5co-header .search-top input.inputkey{ width:84% !important; padding:0; background:#fff;border:1px solid #e4e4e4; margin:0; text-indent:10px;}
#fh5co-header .search-top input.go{ width:16% !important; padding:0; margin:0 }
.blankbig{ height:30px; line-height:30px;}
#fh5co-header .nav_bg .icon-navicon{float:right; margin-top:9px; margin-left:10px; background:none; color:#fff; font-size:22px; border:none;transition:none; padding:0; }
#fh5co-header .nav_bg .icon-search{ float:right;background:none;color:#fff;font-size:20px; border:none; margin-top:3px;}
#fh5co-header .header-nav .container{ padding:0;}
#fh5co-header .logo{ margin:13px 0; padding:0; text-align:center}
#fh5co-header .logo img{}
#fh5co-header .nav { overflow:auto ;border:1px solid #000}
#fh5co-header .nav li{padding:0}
#fh5co-header .nav li a{text-align:left;background:none;width:100%;box-shadow:0;  }
#fh5co-header .nav li{height:auto;display:block;width:100%;padding:0px 0; margin:0; position:static}
#fh5co-header .nav li ul{top:auto;left:auto;width: 100%;position:relative; margin:0; padding:0}
#fh5co-header .nav li ul li{height:auto;border-bottom:none}
#fh5co-header .nav li ul li a{margin:0;height:30px;line-height:30px; padding-left:32px;}
#fh5co-header .nav li ul li ul li a{background:#232228;font-size:12px;height:28px;line-height:28px;padding:0px 0 0 0px;}
#fh5co-header .nav li ul li ul li a:hover{background:#555}
#fh5co-header .nav li .downward{border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid;}
#fh5co-header .bg-inverse .nav { padding:0}
#fh5co-case-list .fh5co-heading h2{ font-size:22px;}
.slideshow { height:180px !important;  }
.slideshow img { height:180px !important; }
}

@media screen and (max-width:480px){
#fh5co-header .search-top input.inputkey{ width:75% !important; }
#fh5co-header .search-top input.go{ width:25% !important; }
#fh5co-header .logo img{ height:45px;}
.slideshow { height:120px !important;  }
.slideshow img { height:120px !important; }
}

/* inner end*/

/* ======go to top ======*/
.backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 15px;bottom: 50px;_bottom: "auto";cursor:pointer;z-index:100000000;background:url(../images/back_top.png) no-repeat center center;}