/* AB模版网 做最好的织梦整站模板下载网站 */
/* 网址：Www.AdminBuy.Cn */
/* 图标大全：Sc.AdminBuy.Cn 专业建站素材网站 */
/* QQ：9490489 */

body{font-family: "微软雅黑",Arial;font-size: 12px;font-weight:normal;line-height: 1.7;color: #5a5a5a;background: #fff;position: relative;}

p{margin:0;font-weight:normal;}

h1, h2, h3, h4, h5, h6, figure{color: #444;font-weight: 400;}

::-webkit-selection{color: #fff;background: #323232;}

::-moz-selection{color: #fff;background: #323232;}

::selection{color: #fff;background: #323232;}

.margin-big-large-bottom{margin-bottom:75px;}

.margin-big-small-bottom{margin-bottom:35px;}

.margin-big-middle-bottom{margin-bottom:50px;}

.margin-big-middle-top{margin-top:50px;}

.text-lowercase{text-transform: lowercase;}

.text-uppercase, .initialism{text-transform: uppercase;}

.text-capitalize{text-transform: capitalize;}

.float_bg{background:url(../images/qq_3.gif) repeat-y}

a{color: #666;text-decoration:none; background:none}

a:focus,a:hover{color:#D20E1C;}

.bg-main{background:#D20E1C;}

.bg-main.button{border-color:#D20E1C}

.border-main:hover{color:#fff;background:#D20E1C;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:18px;color: #322725;}

.layout{overflow: hidden;width: 100%;}

.fh5co-heading h2{font-size: 34px;font-weight: bold;line-height: 140%;color: rgb(221, 16, 21);}

.fh5co-heading span{display:block; color: rgb(100, 100, 100);font-size: 15px;font-weight: 300;}

.met-index-distance{padding-top:60px;padding-bottom:80px}

header .layout{overflow:visible;width: 100%;}

.input:focus{border:1px solid #333}

ul,li{ list-style:none; padding:0; margin:0}

.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%*/}

@font-face {

  font-family: 'icomoon';

  src: url("../other/icomoon.eot?srf3rx");

  src: url("../other/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../other/icomoon.ttf?srf3rx") format("truetype"), url("../other/icomoon.woff?srf3rx") format("woff"), url("../other/icomoon.svg?srf3rx#icomoon") format("svg");

  font-weight: normal;

  font-style: normal;

}









/*顶部导航 begin*/

#fh5co-header .header-box{background:url(../images/header.png) no-repeat center top; line-height:110px; }

.header-box.fixed.fixed-top{width: 100%;z-index: 3; }

#fh5co-header .navbar{position:relative;}

#fh5co-header .navbar-head{ position:absolute; left:50%;top:30px; margin-left:-95px;width:190px; height:70px;z-index: 3;}

#fh5co-header .navbar-head a{ display:block;width:190px; height:70px;}

#fh5co-header .navbar-head img{ width:190px;}

#fh5co-header .navbar-body .nav li{margin: 0;padding:0;display:inline;}

#fh5co-header .navbar-body .nav li a{color: #fff;font-size: 16px;font-weight: normal;padding: 0;text-align: center;text-decoration: none;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;line-height:110px;padding: 0 44px; position:relative}

#fh5co-header .navbar-body .nav li:nth-child(4) a{ margin-left:268px;}

#fh5co-header .navbar-body .nav li a:hover,#fh5co-header .navbar-body .nav li.currents a{color:#f00; transition:none}

#fh5co-header .navbar-body .nav li a:hover:before,#fh5co-header .navbar-body .nav li.currents a:before{ position:absolute; background:#f00;top:2px; height:3px; width:100%; left:0;right:0;content:""}

#fh5co-header .navbar-body .nav li a:hover:after,#fh5co-header .navbar-body .nav li.currents a:after{ position:absolute; background:#f00;bottom:4px; height:1px; width:100%; left:0;right:0;content:""}

#fh5co-header .navbar-body .nav li ul{top:40px;padding:0;min-width: 160px;z-index: 4;border-radius:0;background: #fff;box-shadow:none;-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);}

#fh5co-header .navbar-body .nav li ul li:first-child{ margin-top:0px; padding-top:10px;}

#fh5co-header .navbar-body .nav li ul li:last-child{ padding-bottom:10px;}

#fh5co-header .navbar-body .nav li ul li{margin:0;padding:0;height:auto;display:block;height:auto; background:#fff}

#fh5co-header .navbar-body .nav li ul li a{color:#2a333c;display:block;width:100%;padding:6px 20px 6px 20px;margin:0;text-align: left;min-width:160px;}

#fh5co-header .navbar-body .nav li ul li a:hover{color:#4e97d9;}

#fh5co-header .navbar-body .nav li ul li ul{top:0}

/*顶部导航 end*/



/* 底部 begin*/

footer {background:#1C1C1C;}

footer .foot-top .foot-logo{ margin:8px 0;}

footer .foot-top{ padding:85px 0 70px}

footer .foot-top .foot-logo img{ height:55px;}

footer .foot-top .foot-contact{font-size:13px;color: rgb(183, 178, 172);}

footer .foot-top .foot-contact p{ line-height:35px;}

footer .foot-top .foot-contact a{ font-size:13px;color: rgb(183, 178, 172);}

footer .foot-top h2{ font-size:20px; color:#fff; position:relative; margin-bottom:37px;}

footer .foot-top h2:after{ position:absolute; height:1px;  background:#f00; width:56px; left:1px;bottom:-10px; content:""}

footer .foot-top .foot-nav a{ color:rgb(102, 102, 102); font-size:14px;}

footer .foot-top .foot-nav .item{ margin-bottom:12px;}

footer .foot-top .product_search{ padding-top:8px;}

footer .foot-top .product_search input.inputkey{height: 46px;line-height:46px;background: #333;width:75%;font-size: 14px;text-indent: 12px;color: white;border:1px solid #333;border-right:none; color:#666; float:left;}

footer .foot-top .product_search input.go{ float:left;height: 46px;width:25%;border: 0px;background:#CA1015;cursor: pointer;border:none; border-left:none; color:#fff; font-size:14px;}

footer .foot-top .product_search input.go:hover{background:#A50A0D}

footer .foot-top .social{text-align:left;margin:0px 0 15px}

footer .foot-top .social li{display:block;float:left;margin-right:10px; height:48px;}

footer .foot-top .social li.s-txt{ line-height:30px;margin-top:24px; font-size:14px;}

footer .foot-top .social li a{margin-top:24px;display:inline-block;width:32px;height:32px;border-radius:50%;background:0 0;border:2px solid #565553;color:#565553;text-align:center;line-height:28px;font-size:18px;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}

footer .foot-top .social li a:before{background:0 0}

footer .foot-top .social li:hover a{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);border:2px solid #DD1015;color:#DD1015}

footer .foot-top .social #f-weixin-id{ position:relative}

footer .foot-top .social .weixint-content{background-clip: padding-box;border: 1px solid rgba(204, 213, 219, 0.8);border-radius: 4px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);left: -42px;min-height: 32px;padding: 0;position: absolute;text-align: left;bottom: 46px;white-space: normal;width: 116px;z-index: 4;background:#fff;}

footer .foot-top .social .weixint-content:before{position: absolute;bottom: -9px;left: 46px;width: 0;height: 0;content: '';}

footer .foot-top .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: '';}

footer .foot-top .social .weixint-content img{width:110px; height:110px;}

footer .Copyright{font-size: 12px;  padding:10px 0; background:#0C0C0C}

footer .Copyright a{color: #5a5a5a;}

footer .Copyright .foot-link a{ margin:0 12px}

footer .Copyright .foot-link a:first-child{ margin:0 12px 0 0}

footer .foot-flink{ padding:5px 0 15px;}

footer .foot-flink a{ margin:0 5px;}

/* 底部 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;  position:relative}

.flexslider .slides li .overlay{position: absolute;top: 25%;left: 0;right: 0;bottom: 0; }

.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: 14px;height:14px;margin:0 4px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;cursor:pointer;width:14px;height:14px;border-radius:12px;float:left;text-indent:-2000px;background:#fff ;}

.flex-control-nav .flex-active{background: #f00 ;}

.flex-direction-nav{*height: 0; display:none}

.flexslider:hover .flex-direction-nav .flex-prev{opacity: 0.7;left: 10px;}

.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity: 1;}

.flexslider:hover .flex-direction-nav .flex-next{opacity: 0.7;right: 10px;text-align: right;}

.flexslider:hover .flex-direction-nav .flex-next:hover{opacity: 1;}

#fh5co-hero .flexslider .flex-direction-nav a{position: absolute;cursor: pointer;text-decoration: none;display: block;width: 40px;height: 40px;margin: -20px 0 0;top: 50%;z-index: 6;overflow: hidden;opacity: 0;color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

#fh5co-hero .flexslider .flex-direction-nav a:before{left: 0;top: 0;color: #fff !important;text-shadow: none !important;font-size: 40px;position: relative;z-index: 6;display: inline-block;color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}

#fh5co-hero .flexslider .flex-direction-nav a.flex-prev{opacity: 1 !important;left: 40px;}

#fh5co-hero .flexslider .flex-direction-nav a.flex-prev:before{text-indent: 0px;font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e929";}

#fh5co-hero .flexslider .flex-direction-nav a.flex-next{right: 40px;opacity: 1;}

#fh5co-hero .flexslider .flex-direction-nav a.flex-next:before{font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-indent: 0px !important;right: 0;content: "\e92a";}

#fh5co-hero .flexslider .container{ position:relative}

#fh5co-hero .flexslider .slider-text{display: table;opacity: 0; height:100%;width:48%; position:absolute;right:0% ; text-align:left}

#fh5co-hero .flexslider .slider-text > .slider-text-inner{display: table-cell;vertical-align: middle; height:100%; padding-left:25px;}

#fh5co-hero .flexslider .slider-text > .slider-text-inner h2{font-size: 40px;font-weight:normal;color: #fff; line-height:60px}

#fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-txt{ font-size:12px; color:#5a5a5a; padding:10px 0 0px; line-height:140%; width:27%}

#fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-btn { margin-top:38px;}

#fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-btn a{background:#EB081E;color:#fff;font-weight:normal;display:inline-block;padding:12px 35px;z-index:7;border-radius:25px;vertical-align:middle;position:relative;-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;-ms-transition-property:color;transition-property:color; font-size:26px;}

#fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-btn a:hover{color:#000 !important;background:#fff;}

/*首页轮换图片 end*/





/*热门关键词搜索*/

#fh5co-middle-nav{ background:#212123;}

#fh5co-middle-nav .keword-content{ color:#333;}

#fh5co-middle-nav .keword-content ul li{float:left;line-height:56px; color:#fff}

#fh5co-middle-nav .keword-content ul li a{ display:block; line-height:56px; color:#fff; position:relative; margin-right:20px;}

#fh5co-middle-nav .keword-content ul li a:after{ position:absolute;left:0; width:1px; height:12px; top:22px;bottom:0; background:#fff; content:""; margin-left:-11px;}

#fh5co-middle-nav .keword-content ul li:nth-child(2) a:after{ background:none}

#fh5co-middle-nav .keword-content ul li a:hover{ color:#f00}

#fh5co-middle-nav .product_search{ margin-top:14px;}

#fh5co-middle-nav .product_search input.inputkey{height: 30px;line-height: 30px;background: #fff;width: 184px;padding-left: 12px;font-size: 12px;text-indent: 2px;color: white;border:1px solid #cfcfcf;border-right:none; color:#666; float:left;}

#fh5co-middle-nav .product_search button{ float:left;height: 30px;width:45px;border: 0px;background:#f00;cursor: pointer;border:none; border-left:none; color:#fff; font-size:14px;}



/*首页企业文化begin*/

#fh5co-culture-list .fh5co-heading{background:url(../images/title-bg1.png) no-repeat center 14px}

#fh5co-culture-list .culture-content{margin-top:60px;}

#fh5co-culture-list .culture-content .item{position:relative;}

#fh5co-culture-list .culture-content .item:after{position:absolute;content:"";background:#D8D8D8;height:2px;width:102px;right:-68px;top:57px;}

#fh5co-culture-list .culture-content .item-block:last-child .item:after{background:none;width:0;height:0;}

#fh5co-culture-list .culture-content .imgs .himg{position: relative;}

#fh5co-culture-list .culture-content .imgs .himg img{max-width: 100%;}

#fh5co-culture-list .culture-content .imgs .himg p{position:absolute;width:100%;left:2px;right:0;text-align:center;bottom:21px;font-size:18px;color:#333;font-weight:bold}

#fh5co-culture-list .culture-content .imgs .overlay{position: absolute;right: 0;left: -5px;bottom: 0;top: -5px;z-index: 6;vertical-align: middle;visibility: hidden;opacity: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}

#fh5co-culture-list .culture-content .imgs .overlay a{position: relative;z-index: 7;text-align: center;display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);}

#fh5co-culture-list .culture-content .imgs .overlay a p{position:absolute;width:100%;left:2px;right:0;text-align:center;bottom:29px;font-size:18px;color:#fff;font-weight:bold}

#fh5co-culture-list .culture-content .imgs:hover .overlay{visibility: visible;opacity: 1;}

#fh5co-culture-list .culture-content .imgs:hover .overlay a{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);}

/*首页企业文化end*/



/*首页关于我们begin*/

#fh5co-about-us .bg-content{position:relative;z-index:1}

#fh5co-about-us .bg-content:before{content:'';position:absolute;left:31%; right:0;top:0;bottom:0;display:block;z-index:-2;background:#222}

#fh5co-about-us .bg-left:after{content:'';position:absolute;right:63%;left:0;top:25px;bottom:25px;display:block;z-index:-1;background:#DD1015; }

#fh5co-about-us .item{ line-height:140%}

#fh5co-about-us .item .media-img{ margin-top:75px;}

#fh5co-about-us .item .media-img img{ height:82px}

#fh5co-about-us .item h2{ font-size:19px; color:#fff; font-weight:bold; margin:30px 0 12px;}

#fh5co-about-us .item span{color: rgb(204, 204, 204);}

#fh5co-about-us .about-box .intro{margin:60px 60px 35px 97px;}

#fh5co-about-us .about-box .intro,#fh5co-about-us .about-box .intro p{font-size:14px;line-height:140%; color:#666;}

#fh5co-about-us .about-box .media-img img{max-width:100%; margin-top:10px;}

#fh5co-about-us .about-box .intro h2{ font-size:19px; font-weight:bold; color:#fff; margin-bottom:31px;}

#fh5co-about-us .about-box .intro p.more{ margin-top:48px;}

#fh5co-about-us .about-box .intro p.more a{ display:block; background:none;border:1px solid #666;border-radius:6px; width:125px; height:30px; line-height:14px; font-size:16px;}

#fh5co-about-us .about-box .intro p.more a:hover{color: #fff; background:#D11116;border:1px solid #D11116 }

#fh5co-about-us .about-box .intro p.more a span{ display:inline-block; margin-left:12px;}

/*首页关于我们 end*/





/*首页客户服务begin*/

#fh5co-service-list .fh5co-heading{ background:url(../images/title-bg2.png) no-repeat center 14px}

#fh5co-service-list .fh5co-heading h2,#fh5co-service-list .fh5co-heading span{ color:#fff}

#fh5co-service-list .bg-service{ margin-top:60px;background:url(../images/bg-service.jpg) no-repeat center center; background-size:cover}

#fh5co-service-list .met-index-distance{padding-top:60px;padding-bottom:70px}

#fh5co-service-list .service-content{ margin-top:50px;}

#fh5co-service-list .service-content .item{ position:relative;border:1px solid #fff; margin-bottom:18px; padding:33px 38px; color:#fff}

#fh5co-service-list .service-content .item span.spanicon{position:absolute;padding:17px;border-style: solid;border-color: #000;}

#fh5co-service-list .service-content .item:hover span.spanicon1{border-width: 2px 0 0 2px;top:-1px;left:-1px;}

#fh5co-service-list .service-content .item:hover span.spanicon2{border-width: 2px 2px 0 0;top:-1px;right:-1px;}

#fh5co-service-list .service-content .item:hover span.spanicon3{border-width: 0 0 2px 2px;bottom:-1px;left:-1px;}

#fh5co-service-list .service-content .item:hover span.spanicon4{border-width: 0 2px 2px 0;bottom:-1px;right:-1px;}

#fh5co-service-list .service-content .imgs{position: relative; }

#fh5co-service-list .service-content .imgs .himg img{max-width: 100%;}

#fh5co-service-list .service-content .imgs .overlay{position: absolute; right: 0; left: 0px; bottom: 0; top: 0px; z-index:5; vertical-align: middle; visibility: hidden; opacity: 0;  }

#fh5co-service-list .service-content .item:hover .overlay{visibility: visible; opacity: 1;}

#fh5co-service-list .service-content .item .media-img{ overflow:hidden}

#fh5co-service-list .service-content .item .media-img img{ max-width:100%}

#fh5co-service-list .service-content .item .media-body{ padding-left:28px;}

#fh5co-service-list .service-content .item h4{color:#fff; font-size:23px; line-height:140%; margin-top:8px;}

#fh5co-service-list .service-content .item h4 a{color:#fff;}

#fh5co-service-list .service-content .item p.desc{ white-space:nowrap; overflow:hidden}

#fh5co-service-list .service-content .item p.more{ margin-top:20px;}

#fh5co-service-list .service-content .item p.more a{ display:block; background:none;border:1px solid #fff;border-radius:6px; width:125px; height:30px; line-height:30px; font-size:16px;color: #fff; padding-left:15px; }

#fh5co-service-list .service-content .item p.more a:hover{color: #fff; background:none;border:1px solid #fff }

#fh5co-service-list .service-content .item p.more a span{ display:inline-block; margin-left:12px;}

/*首页客户服务end*/



/*首页明星产品*/

#fh5co-star-list .bg-star{ background:#fff; padding:65px 0 55px;}

#fh5co-star-list .fh5co-heading{ background:url(../images/title-bg1.png) no-repeat center 14px}

#fh5co-star-list .container{}

#fh5co-star-list .show-list{ padding-top:45px; position:relative; margin:0 49px;}

#fh5co-star-list .show-list .owl-carousel-carousel{}

#fh5co-star-list .show-list .item{margin:0 15px; overflow:hidden}

#fh5co-star-list .show-list .item .portfolio-img{ overflow:hidden; width:100%;}

#fh5co-star-list .show-list .item .portfolio-img img { width:100%;height: auto; display: block;}

#fh5co-star-list .show-list .item h2{ font-size:12px; white-space:nowrap; margin:12px 0;}

#fh5co-star-list .show-list .item h2 a{ color:#000;}

#fh5co-star-list .show-list .item h2 a:hover{ color:#f00}

#fh5co-star-list .show-list .owl-controls .owl-buttons div{position:absolute;top:50%; margin-top:0px; width:30px; height:48px; line-height:48px; font-size:0px; padding:0; margin:0; background:#cbcbcb; opacity:1; text-align:left;border-radius:0; }

#fh5co-star-list .show-list .owl-controls .owl-buttons div:hover{ background:#7E7E7E}

#fh5co-star-list .show-list .owl-controls .owl-buttons div:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:46px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:30px;}

#fh5co-star-list .show-list .owl-controls .owl-prev{ left:-40px; text-indent:4px; }

#fh5co-star-list .show-list .owl-controls .owl-prev:before{content:"\f104"; }

#fh5co-star-list .show-list .owl-controls .owl-next{ right:-40px; text-indent:6px; }

#fh5co-star-list .show-list .owl-controls .owl-next:before{content:"\f105"}



/* 首页产品展示 begin*/

#fh5co-product-list{ position:relative;}

#fh5co-product-list .bg-product-top{background:#222222 ; position:absolute; top:0;bottom:60%; left:0;right:0; width:100%;z-index:-1;}

#fh5co-product-list .fh5co-heading{ background:url(../images/title-bg2.png) no-repeat center 14px}

#fh5co-product-list .fh5co-heading h2,#fh5co-product-list .fh5co-heading span{ color:#fff}

#fh5co-product-list .show-content{ padding-top:30px;}

#fh5co-product-list .tab .tab-nav {margin:0;padding:0;}

#fh5co-product-list .tab .tab-nav li{margin:0;padding:0;}

#fh5co-product-list .tab .tab-nav li a{display:inline-block;background:none;font-size:16px;margin:0;border-radius:0;border:none;color: #fff;padding: 17px 50px;}

#fh5co-product-list .tab .tab-nav li a:hover,#fh5co-product-list .tab .tab-nav li.active a{background:#CF070A;color: #fff;text-decoration:none;}

#fh5co-product-list .tab .tab-body{background:none;border:none;padding-top:30px;min-height:200px;}

#fh5co-product-list .more{ margin:15px auto 0;}

#fh5co-product-list .more a{ display:block; background:#212121;border-radius:6px; width:125px; height:33px; line-height:33px; font-size:16px;color: #fff; padding-left:15px; text-align:center; margin:0 auto}

#fh5co-product-list .more a:hover{color: #fff; background:#D11116; }

#fh5co-product-list .more a span{ display:inline-block; margin-left:12px;}



/*product*/

.pro-item{ background:none; margin-bottom:10px; border: 1px solid rgb(238, 238, 238); padding:15px;}

#product-list-box .pro-item{ margin-bottom:22px;}

.pro-item:hover{border:1px solid #CF070A}

.pro-item .portfolio-img{overflow:hidden;}

.pro-item .portfolio-img img{width:100%;overflow:hidden;vertical-align:middle;   }

.pro-item .portfolio-img img:hover{}

.pro-item h2{font-size:15px;margin:0px; padding:10px 0 0px;font-weight:normal; text-align:center;}

.pro-item h2 a{color: #555;font-size: 15px;}

.pro-item h2 a:hover{color: #D20E1C;}



/* home product end*/

/* 产品展示 end*/



/*首页联系我们*/

#fh5co-contact-us .bg-contact{ background:#fff; padding:0px 0 60px; position:relative; margin-top:47px;}

#fh5co-contact-us .bg-contact .bg-contact-top{ position:absolute; top:0px; left:0;right:0; bottom:0; background-repeat:no-repeat; background-size:100% auto}

#fh5co-contact-us .fh5co-heading{ background:url(../images/title-bg2.png) no-repeat center 14px}

#fh5co-contact-us .contact-content .item .intro .content{position:relative; z-index:1; min-height:230px; padding: 25px 36px;}

#fh5co-contact-us .contact-content .item1 .intro .bg-item1{ background-color:#DD1015; }

#fh5co-contact-us .contact-content .item2 .intro .bg-item2{ background-color:#222;}

#fh5co-contact-us  .media-img img{ width:100%}

#fh5co-contact-us .contact-content .item .content{  font-size:14px; color:#fff; position:relative;}

#fh5co-contact-us .contact-content .item .content .overlay{  color:#fff}

#fh5co-contact-us .contact-content .item .intro a{color:#fff}

#fh5co-contact-us .contact-content .item .intro p{ line-height:33px;}

#fh5co-contact-us .contact-content .item .intro hr{ margin:15px 0 10px;border-bottom:1px dashed #ccc; background:none}



/* 内页 begin*/

#fh5co-content_show .nav-inline{list-style: outside none none;}

#fh5co-content_show .ur-here ul{ padding:0; float:right; margin:0}

#fh5co-content_show .ur-here ul li a{ font-size:14px;}

#fh5co-content_show .ur-here ul li a i{ margin-right:5px;}

#fh5co-content_show .nav li{margin:0;padding:0; display:inline}

#fh5co-content_show .nav li a{ font-size:16px; display:inline-block; padding:0px 10px;margin:0 5px 15px;color: #666; position:relative}

#fh5co-content_show .nav li a:hover,#fh5co-content_show .nav li.active a{text-decoration:none;color:#D20E1C;font-weight:normal}

#fh5co-content_show .nav li a:hover:after,#fh5co-content_show .nav li.active a:after{ position:absolute;left:0;right:0;bottom:-16px; width:100%; height:1px; background:#D20E1C;content:""}

#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; }

#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;line-height:200%;color: #666;}

#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: #D20E1C;height:120px;line-height:120px;}

#fh5co-content_show .inner-banner h2{color: #fff;font-size: 35px;font-weight: 300;text-shadow: none;}

#fh5co-content_show .inner-nav{border-bottom: 1px solid #ccc;margin-bottom:40px;background:#fff}

#fh5co-content_show .product-detail img{ max-width:100%;overflow:hidden;vertical-align:middle;}

#fh5co-content_show .product-detail .content-img{overflow:hidden;border: 1px solid #eaeaea;padding:7px;}

#fh5co-content_show .product-detail .content-img img{width:100%;overflow:hidden;vertical-align:middle;}

#fh5co-content_show .product-detail h1{border-bottom: 1px dashed #d6d6d6;color: #333;font-size: 18px;line-height: 33px; padding-bottom:5px;}

#fh5co-content_show .product-detail .p_desc{color: #444;line-height: 30px;padding: 12px 0px 5px;}

#fh5co-content_show .product-detail .add_to_inquiry{height:40px;}

#fh5co-content_show .product-detail .add_to_inquiry #add_to_inquiry{  background: #222; 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: #222;color: #fff;cursor: pointer;display: inline-block;font-size: 16px;height: 41px;line-height: 41px;text-align: center;width: 166px;}



/*分页*/

.table span{margin-right:10px;}

.content_detail .pager{font-size:14px; padding:0; margin:0}

.content_detail .pager a{border:none;color:#666;}

.content_detail .pager a:focus,.content_detail .pager a:hover{color: #D20E1C;background:none}

.content_detail .pager li{display:block;text-align:left; line-height:200%}

#fh5co-content_show .pagination .active,#fh5co-content_show .pagination a:hover{background:#222;color:#fff;}

#fh5co-content_show .pagination .active a{color:#fff}

#fh5co-content_show .pagination li{ margin:0 3px;}

#fh5co-content_show video{max-width:100%}





/*文章*/

#fh5co-content_show .article-media li{border-bottom:1px solid #f0f2f5;padding:5px 0 15px}

.article-media .media .media_img{width: 160px;margin-right:15px;overflow:hidden;}

.article-media .media .media_img img{width: 160px;}

.article-media li{margin-bottom:12px;}

.article-media img{display:block;width:150px;}

.article-media .media .time{color:#999; font-size:14px;}

.article-media .media-body h3 a{color: #2a333c; font-size:18px;font-weight: 400;}

.article-media .media-body h3 a:hover{color: #D20E1C;}

.article-media .media-body p{line-height:160%;margin-bottom:5px; font-size:14px;}





.slideshow{ width:100%; overflow:hidden}

.slideshow img{display: block; width:100%}



#toolbar{ display:none;}





/*在线客服*/

.SonlineBox{ width:139px; font-size:12px;overflow:hidden; z-index:8;}

.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*/







@media (min-width:1000px) and (max-width:1199px){

#fh5co-header .navbar-body .nav li a{font-size: 16px;line-height:110px;padding: 0 29px;}

#fh5co-header .navbar-body .nav li:nth-child(4) a{ margin-left:247px;}

.flexslider .slides li .overlay{top: 17%;}

#fh5co-hero .flexslider .slider-text > .slider-text-inner h2{font-size: 30px;}

#fh5co-culture-list .culture-content .item:after{width:92px;right:-54px;}

#fh5co-contact-us .contact-content .item .intro .content{ min-height:350px;}

}



@media screen and (max-width:1000px){

.met-index-distance{ padding-top:50px;padding-bottom:40px}

#fh5co-header .navbar-head{top:38px; margin-left:-66px;width:132px; height:35px;}

#fh5co-header .navbar-head a{ display:block;width:132px; height:35px;}

#fh5co-header .navbar-head img{ width:132px;}

#fh5co-header .navbar-body .nav li a{font-size: 14px;padding: 0 19px;}

#fh5co-header .navbar-body .nav li:nth-child(4) a{ margin-left:166px;}

.flexslider .slides li .overlay{top: 17%;}

#fh5co-hero .flexslider .slider-text > .slider-text-inner h2{font-size: 20px;}

#fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-txt{ width:60%}

#fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-btn { margin-top:18px;}

#fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-btn a{padding:8px 15px;border-radius:15px;font-size:16px;}

#fh5co-culture-list .culture-content .item:after{width:42px;right:-28px;}

#fh5co-culture-list .culture-content{margin-top:40px;}

#fh5co-about-us .item{ padding:0 12px; line-height:160%}

#fh5co-about-us .item .media-img{ margin-top:75px;}

#fh5co-about-us .item .media-img img{ height:58px}

#fh5co-service-list .service-content .item{ padding:16px 18px; color:#fff}

#fh5co-service-list .service-content .item h4{font-size:23px;margin-top:0px;}

#fh5co-service-list .service-content .item .media-img{ max-width:70px;}

#fh5co-service-list .service-content .item .media-body{ padding-left:0px;}

footer .Copyright{ padding:15px 0}

footer .Copyright .foot-link{ text-align:center; margin-bottom:6px;}

footer .Copyright .text-right{ text-align:center !important}

#fh5co-contact-us .contact-content .item .intro .content{ min-height:350px;}

#fh5co-content_show .product-detail .content-img{ margin-bottom:20px;}



.slideshow { height:240px !important;  }

.slideshow img { height:240px !important; }



}



@media screen and (max-width:760px){

	

#fh5co-header  .icon-navicon{ display:block;position:absolute;top: 50%; right: 0px;z-index: 6;display: block;margin: -18px auto 0;cursor: pointer; color:#fff; background:none;border:none; font-size:30px;}

#fh5co-header .header-box{line-height:60px !important;  }

#fh5co-header .navbar-body{ padding:0;border-bottom:0}

#fh5co-header .navbar-body .nav { overflow:auto ; background:#fff}

#fh5co-header .navbar-body .nav li a{text-align:left;background:none}

#fh5co-header .navbar-body .nav li{height:auto;display:block;width:100%;padding:0px 0; position:static}

#fh5co-header .navbar-body .nav li a{font-size: 14px;padding: 0;text-align: left;line-height:40px; color:#666}

#fh5co-header .navbar-body .nav li:nth-child(4) a{ margin-left:0px;}

#fh5co-header .navbar-body .nav li a:hover:before,#fh5co-header .navbar-body .nav li.current a:before{ background:none;}

#fh5co-header .navbar-body .nav li a:hover:after,#fh5co-header .navbar-body .nav li.current a:after{ background:none;}

#fh5co-header .navbar-body .nav li:last-child{border-bottom: 1px solid rgba(0, 0, 0, 0.2);}



#fh5co-header .navbar-body .nav li ul{top:auto;left:auto;width: 100%;position:relative; margin:10px 0}

#fh5co-header .navbar-body .nav li ul li{height:auto;}

#fh5co-header .navbar-body .nav li  ul li:last-child{border-bottom:none}

#fh5co-header .navbar-body .nav li ul li ul li a{background:#232228;font-size:12px;height:28px;line-height:28px;padding:0px 0 0 18px;}

#fh5co-header .navbar-body .nav li ul li ul li a:hover{background:#555}

#fh5co-header .navbar-head{ position:relative; top:0;left:0px; margin:0;width:auto !important; height:auto !important; padding:10px 0 !important}

#fh5co-header .navbar-head a{ display:block;width:auto !important; height:auto !important;}

#fh5co-header .navbar-head img{ width:160px;}

#fh5co-middle-nav .keword-content ul li{line-height:36px; margin-top:10px}

#fh5co-middle-nav .keword-content ul li a{ line-height:36px;}

#fh5co-middle-nav .keword-content ul li a:after{ top:13px;}

#fh5co-middle-nav .product_search{ margin-bottom:23px; margin-top:10px;}

#fh5co-middle-nav .product_search .float-right{ float:none !important}

#fh5co-middle-nav .product_search input.inputkey{ width:85%;}

#fh5co-middle-nav .product_search input.go{ width:15%;}

#fh5co-culture-list .culture-content .item{ margin-bottom:20px;}

#fh5co-culture-list .culture-content .item:after{width:0px;right:0px;}

#fh5co-about-us .bg-content:before{top:35%; right:0;bottom:0;left:0;z-index:-2 !important;}

#fh5co-about-us .bg-left:after{right:25px; bottom:60%;left:25px;top:0;z-index:-1 !important; max-height:215px; }

#fh5co-about-us .about-box .intro {margin: 60px 30px 35px 30px;}

#fh5co-about-us .item .media-img{ margin-top:40px;}

#fh5co-about-us .about-box .intro h2{ margin-top:30px;}

#fh5co-service-list .service-content .item .media-img{ max-width:120px !important;}

#fh5co-service-list .service-content .item .media-body{ padding-left:18px;}

#fh5co-product-list .bg-product-top{bottom:70%;}

#fh5co-product-list .tab .tab-nav li a{padding: 10px 10px;}

footer .foot-top{ padding:30px 0 30px}

footer .foot-top .item{ margin-bottom:30px;}

#fh5co-content_show .ur-here{ margin:15px 0;}

#fh5co-content_show .ur-here ul{float:none !important; text-align:center}

#fh5co-content_show .nav{text-align:center}

.article-media img{width:100px;}

.article-media .media-body h3{ line-height:120%}

.article-media .media-body h3 a{font-size:16px;}

.slideshow{height:180px !important;}

.slideshow img{height:180px !important;}



/*手机底部导航*/

.blank55{height:55px; line-height:1px; clear:both;}

#toolbar{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:8;background:#000; display:block;}

#toolbar a{width:100%;color:#fff;display:block;padding:5px 0 0 0;line-height:23px;font-size:14px;}

#toolbar a span{ font-size:22px; display:block;}



}



@media screen and (max-width:480px){

#fh5co-header .navbar-head img{ width:130px;}

#fh5co-middle-nav .keword-content ul li{line-height:150%; margin-top:10px; }

#fh5co-middle-nav .keword-content ul li a{ line-height:150%;}

#fh5co-middle-nav .keword-content ul li a:after{ top:3px;}

#fh5co-middle-nav .product_search{ margin-top:15px;}

#fh5co-middle-nav .product_search input.inputkey{ width:75%;}

#fh5co-about-us .bg-content:before{background:none;}

#fh5co-about-us .bg-left:after{ background:none;}

#fh5co-about-us .item .media-img{ margin-top:25px;}

#fh5co-about-us .item-block .item { background:#DD1015; padding:25px 0 30px}

#fh5co-about-us .about-box .intro h2{ margin-top:0px;}

#fh5co-about-us .about-box .intro {padding: 30px 15px 35px;background:#222; margin:0}

#fh5co-product-list .bg-product-top{bottom:67%;}

#fh5co-product-list .tab .tab-nav li a{padding:5px; font-size:12px;}

#fh5co-service-list .service-content .item .media-img{ width:100%; float:none !important;text-align:center; max-width:100% !important; margin-bottom:15px;}

#fh5co-service-list .service-content .item .media-body{ width:100%; text-align:center; padding:0;}

#fh5co-service-list .service-content .item .media-body p{ text-align:center !important}

#fh5co-service-list .service-content .item .media-body p.more{ margin-bottom:15px;}

#fh5co-service-list .service-content .item .media-body p.more a{text-align:center !important; margin:0 auto; padding:0}

#fh5co-content_show .nav li a{ font-size:12px; display:inline-block; padding:0px 3px;}

#fh5co-content_show .ur-here ul li a {font-size:12px;}

footer .Copyright .foot-link{ display:none}

footer .foot-top .foot-logo img { height:40px;}

.article-media .media .media_img{width: 100px;}

.article-media .media .media_img img{width: 100px;}

.article-media .media-body p,.article-media .media-body .time { display:none }

.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:9;background:#666 url(../images/icon-gotop-fixed.png) no-repeat center center;}

.backToTop:hover{background-color:#333;}

.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;}