body{font-family: "微软雅黑",arail,'Microsoft YaHei',Tahoma,Verdana,'Simsun'; position: relative; font-weight:400; background-color: #fff; color: #5a5a5a; font-size:12px;}

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

h1, h2, h3, h4, h5, h6, figure{color: #444;}

::-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:#5a5a5a;text-decoration:none}

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

.bg-main{ background:#f02930;border:1px solid #f02930 !important}

.bg-main:hover,.bg-main:focus{border:1px solid #026d9a !important; background:#c00 !important}

.button.bg-main{border-color:#f02930 !important}

.button.bg-main:hover{border-color:#c00 !important;}

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

.detail h2,.detail h3{line-height:180%}

.detail h3,.detail h1{font-size:18px;color: #5a5a5a;; font-weight:bold}

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

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

.not-animated{ opacity:0}

.clear{ clear:both}

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

.line-big{margin-left:-17px;margin-right:-17px}

.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12{position:relative;min-height:1px;padding-right:17px;padding-left:17px}

#fh5co-wrapper{overflow-x: hidden;}

#fh5co-page{position: relative;z-index: 2;background:#fff;overflow-x: hidden;}

.fh5co-heading{position:relative;z-index:1}

.fh5co-heading h2{color: rgb(102, 102, 102); font-size: 18px; font-weight:bold; margin: 0 auto 12px;text-transform: uppercase; line-height:18px;}

.fh5co-heading span{ font-size:25px; color:#000; font-weight:bold;display:block; margin-bottom:48px;}

.fh5co-heading .imgs{ background:url(../images/title-img.png) no-repeat center top; height:50px; width:100%}



.vertical-middle{width: 100%;height: 100%;display: table;}

.vertical-middle > div{display: table-cell;vertical-align: middle;}

.zoomimgs{display:block; width:100%;height:0; padding-bottom:60%; 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: 64%; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}

.chazoomimgs{display:block; width:100%;height:0; padding-bottom: 115%; 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%*/}

.frizoomimgs{display:block; width:100%;height:0; padding-bottom: 40%; 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*/

.main-top{ position:relative; width:100%;}

#fh5co-header .head-top .inner{border-bottom:1px solid #E6E6E6}

#fh5co-header .head-top .welcome{ overflow:hidden; width:500px;}

#fh5co-header .head-top .welcome .loopbox {width:8000%; height:42px; line-height:42px;}

#fh5co-header .head-top .welcome .loopbox div{ float:left; margin-right:30px;}

#fh5co-header .head-top .top-contact ul{line-height:42px;}

#fh5co-header .head-top .top-contact ul li{display: inline-block;line-height: 42px;padding: 0 8px; height:42px;}

#fh5co-header .head-top .top-contact ul li#hov-weixin-id{ position:relative}

#fh5co-header .head-top .top-contact ul li .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: -39px;min-height: 32px;padding: 0;position: absolute;text-align: left;top: 42px;white-space: normal;width: 116px;z-index: 1800;background:#fff;}

#fh5co-header .head-top .top-contact ul li .weixint-content:before{position: absolute;top: -9px;left: 46px;width: 0;height: 0;content: '';}

#fh5co-header .head-top .top-contact ul li .weixint-content:after{content: '';position: absolute;left: 46px;top: -7px;left: 50%;margin-left: -9px;width: 13px;height: 13px;box-sizing: border-box;overflow: hidden;border-width: 1px 1px 0 0;border-color: rgba(204, 213, 219, 0.85);border-style: solid;background: linear-gradient(225deg,#fff 50%, transparent 50%);transform: rotate(-45deg);}

#fh5co-header .head-top .top-contact ul li i{ font-size:18px;color:#C0C0C0;display: block;height: 42px;line-height: 42px;text-align: center;transition: all 0.3s ease 0s;width: 20px;}

#fh5co-header .head-top .top-contact ul li i:hover{color:#F02930}

#fh5co-header .head-middle{padding:0px 0px;}

#fh5co-header .head-middle .head-info{ margin-top:11px; float:right; width:415px;}

#fh5co-header .head-middle .head-info p{ padding-left:41px;}
#fh5co-header .head-middle .head-info .item1{ float:left;}
#fh5co-header .head-middle .head-info .item2{ float:left; margin-top:40px;}
#fh5co-header .head-middle .head-info .item1 p{}

#fh5co-header .head-middle .head-info .item2 p{ background:url(t-info2.png) no-repeat left 2px; margin-left:30px;}

#fh5co-header .head-middle .head-info .item3 p{ background:url(t-info3.png) no-repeat left 2px;}

#fh5co-header .head-middle .head-info p{ line-height:18px;}

#fh5co-header .head-middle .head-info p span{ font-weight:bold; color:#000}

#fh5co-header .header-box{border-top:1px solid #e4e4e4}

.header-box.fixed.fixed-top{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);width: 100%;z-index: 6; background: #fff;}

#fh5co-header .header-box .nav{ margin-top:-1px;}

#fh5co-header .header-box .nav li{margin: 0; padding:0;display:inline-block;  padding: 0 0px; }

#fh5co-header .header-box .nav li a{ color: #000;font-size: 14px;font-weight: bold;padding: 0;text-align: center;text-decoration: none; line-height:54px;padding: 0px 50px;border-top:2px solid transparent;transition:none; }

#fh5co-header .header-box .nav li a .downward{ display:none}

#fh5co-header .header-box .nav li a:hover,#fh5co-header .header-box .nav li.current a.first-level{color:#f02930;  border-top:2px solid #F02830}

#fh5co-header .header-box .nav li ul{ display:none; border:none;left:-12px;border-radius:0;margin:0;padding:0;min-width: 140px;z-index: 4;border: none;top:56px; box-shadow:none;background:#F02830;}

#fh5co-header .header-box .nav li ul:before{position: absolute;top: -7px;left: 62px;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-left: 7px solid transparent;border-bottom-color: rgba(0,0,0,0.2);content: '';}

#fh5co-header .header-box .nav li ul:after{position: absolute;top: -6px;left: 63px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #F02830;border-left: 6px solid transparent;content: ''; }

#fh5co-header .header-box .nav li ul li{margin:0;padding:0;height:auto;display:block;height:auto; border-bottom:1px solid #db171f;}

#fh5co-header .header-box .nav li ul li a{display:block;width:100%;padding:0px 10px;margin:0;text-align: left;min-width:140px; line-height:40px;color: #fff; background:none; text-align:center; font-size:14px; transition:none;border:none}

#fh5co-header .header-box .nav li ul li a:hover{background:#c40000;color:#fff;border:none}

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

/*顶部导航 end*/




/* 底部 begin*/

footer{background:#2C2C2C;color:#CCC;padding:0px 0 18px;}

footer a{color: rgb(102, 102, 102);}

footer a:hover{ color:#fff}

footer .foot-top{ font-size:14px; border-bottom:2px solid #3F3E3E; padding:55px 0 5px;}

footer .foot-top h2{ font-size:16px; font-weight:bold;color:#fff; position:relative; margin-bottom:40px;} 

footer .foot-top h2:before{ position:absolute; content:""; left:0; bottom:-18px; width:33px; height:2px; background:#F02930;}

footer .foot-top .p-nav ul li{ float:left; width:40%; margin-right:5%;}

footer .foot-top .foot-contact p,footer .foot-top .list-nav ul li,footer .foot-top .p-nav ul li{line-height:40px;}

footer .foot-bot{ font-size:13px; padding-top:15px;}

footer .foot-bot .foot-link{ padding:8px 0 0px;}



/* 底部 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; background-repeat:no-repeat; background-position:center center; background-size:cover}

.flexslider .slides li .overlay{position: absolute;top:35%;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: 12px;height:12px;margin:0 4px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;cursor:pointer;width:12px;height:12px;float:left;text-indent:-2000px;background:none ;border:2px solid #f5f5f5;border-radius:50%;}

.flex-control-nav .flex-active{background: #fff;border:2px solid #fff}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;}

.flex-direction-nav li a{display:none;cursor:pointer;text-indent:-999em;position:absolute;top: 50%; margin-top:-30px;width:40px; height:50px; line-height:50px; font-size:0px; padding:0; margin:0; opacity:1; text-align:left;border-radius:0 ;  color:#ddd; cursor:pointer;background: rgba(0, 0, 0, 0.1);}

.flex-direction-nav li a:hover{background:#e60012; color:#fff}

.flex-direction-nav li a:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:50px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:36px;cursor:pointer}

.flex-direction-nav li a.flex-prev{ left:70px; text-indent:6px; }

.flex-direction-nav li a.flex-prev:before{content:"\f104"; }

.flex-direction-nav li a.flex-next{ right:70px; text-indent:7px; }

.flex-direction-nav li a.flex-next:before{content:"\f105"}

/*首页轮换图片 end*/



/*首页推荐物流*/

#fh5co-product-list .bg-product{ padding:75px 0 35px;}

#fh5co-product-list .show-list .pro-item{ overflow:hidden}

#fh5co-product-list .show-list .portfolio-img{ position:relative;  }

#fh5co-product-list .show-list .pro-item h3{ font-size:20px; font-weight:bold; color: #5A5A5A; white-space:nowrap; overflow:hidden; margin-bottom:40px;border-bottom:1px solid #D9D9D9; padding-bottom:10px;}

#fh5co-product-list .show-list .pro-item h3 span{ color:#F02930; display:inline-block; margin-right:3px;}

#fh5co-product-list .show-list .pro-item p.desc{ line-height:1.8; font-size:12px; margin:25px 0 20px; overflow:hidden}

#fh5co-product-list .show-list .pro-item p.more a{ color:#000; font-weight:bold}

#fh5co-product-list .show-list .pro-item p.more a:hover{ color:#F02930}



/* 首页我们的服务与优势 begin*/

#fh5co-service-list .service-inner-bg{ background:url(leftbarbg.jpg) left top  repeat-y; }

#fh5co-service-list .index-leftbar{width:270px;float:left;margin-right:-270px;background: #F02930;z-index:2; position:relative}

#fh5co-service-list .index-rightbar{width:100%;float:left;z-index:1; position:relative}

#fh5co-service-list .index-rightbar .right-content{margin-left:304px;}

#fh5co-service-list .bg-service{ background:#F4F4F4; padding:60px 0 75px;}

#fh5co-service-list .show-desc .item{ padding:45px 38px 50px; margin-right:0px; color:#fff }

#fh5co-service-list .show-desc .item .heading .imgs{ text-align:left}

#fh5co-service-list .show-desc .item .heading .imgs img{ max-width:100%}

#fh5co-service-list .show-desc .item .heading h3{ color:#fff; margin:40px 0 6px; font-size:20px; font-weight:bold; letter-spacing:2px; }

#fh5co-service-list .show-desc .item .heading  p{font-size: 17px;font-weight:bold; margin-bottom:18px;}

#fh5co-service-list .show-desc .item .content{ line-height:2.2; margin-bottom:30px;}

#fh5co-service-list .show-desc .item .content p{line-height:2.2}

#fh5co-service-list .show-desc .item .more a{ color:#fff; font-size:14px;font-weight:bold;}

#fh5co-service-list .show-desc .item .more a:hover{ color:#fff; text-decoration:underline;}

#fh5co-service-list .show-list a{color:#5a5a5a; display:block; background:#fff; border:1px solid #D9D9D9; padding:45px 30px;}

#fh5co-service-list .show-list a .media-img img{ width:50px; height:50px;}

#fh5co-service-list .show-list a h3{color:#000;font-size: 16px; font-weight:bold; line-height: 30px; overflow:hidden; white-space:nowrap; margin:20px 0 13px;}

#fh5co-service-list .show-list a:hover{ color:#5a5a5a}

#fh5co-service-list .show-list a .desc{ font-size:12px; line-height:1.6; height:60px; overflow:hidden}

#fh5co-service-list .show-list a:hover h3{ color:#f02930}

#fh5co-service-list .show-list .item2,#fh5co-service-list .show-list .item3,#fh5co-service-list .show-list .item4{ margin-bottom:33px;}





/*首页新闻资讯*/

#fh5co-news-list .bg-news{ background:url(news-bg.jpg) no-repeat center center; background-size:cover; padding:60px 0 30px}

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

#fh5co-news-list .item{ background:rgb(255,255,255,0.4); padding:18px;}

#fh5co-news-list .item .media{ border-bottom:1px solid #DBD4CD; padding-bottom:12px; width:500px; margin:10px 25px; float:left;}

#fh5co-news-list .item .media:last-child{ border-bottom:none}

#fh5co-news-list .item .media-left{width: 60px;background:#2C2C2C;margin-right:18px;padding-top:10px; margin-top:10px}

#fh5co-news-list .item .media:hover .media-left{background:#000; color:#fff; }

#fh5co-news-list .item .media-left p{ text-align:center; margin:0; line-height:18px;color:#fff}

#fh5co-news-list .item .media .media-left .f-month{font-size:12px;}

#fh5co-news-list .item .media .media-left .f-day{font-size:30px; font-weight:bold; padding-bottom:3px;}

#fh5co-news-list .item .media .media-left .f-year{font-size:10px; padding-top:5px; padding-bottom:4px;}

#fh5co-news-list .item .media .media-body h3{ height:23px; overflow:hidden}

#fh5co-news-list .item .media .media-body h3 a{font-size:16px; color:#fff; font-weight:bold}

#fh5co-news-list .item .media .media-body h3 a:hover{color:#000}

#fh5co-news-list .item .media:hover .media-body h3 a{color:#000; }

#fh5co-news-list .item .media .media-body p{color:#fff;font-size:12px; line-height:20px; height:42px; overflow:hidden}



/*首页合作伙伴*/

#fh5co-partner-list .bg-partner{ padding:55px 0 60px;}

#fh5co-partner-list .container{}

#fh5co-partner-list .show-list{ position:relative; margin:0 45px;}

#fh5co-partner-list .show-list .owl-carousel-carousel .owl-item{width: 270px;float:left;}

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

#fh5co-partner-list .show-list .item  img { width:100%;height: 240px; display: block;}

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

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

#fh5co-partner-list .show-list .item h2 a:hover{ color:#0089D9}

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

#fh5co-partner-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:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:27px;}

#fh5co-partner-list .show-list .owl-controls .owl-prev{ left:-45px; text-indent:5px; }

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

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

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

#fh5co-partner-list .show-list .owl-controls .owl-prev:hover,#fh5co-partner-list .show-list .owl-controls .owl-next:hover{background:#7E7E7E}