body{ font-family:Arial, Helvetica, sans-serif;font-size: 14px;font-weight:normal;line-height: 1.7;color: #333;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;}
.text-lowercase{text-transform: lowercase;}
.text-uppercase, .initialism{text-transform: uppercase;}
.text-capitalize{text-transform: capitalize;}
a{color:#333;text-decoration:none; transition:none}
a:focus,a:hover{color:#f00;transition:none}
.bg-main{ background:#00a0ea;border:1px solid #00a0ea !important}
.bg-main:hover,.bg-main:focus{border:1px solid #666 !important; background:#666 !important}
.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;}
.form-group{ padding-bottom:15px;}
ul,li{ padding:0; margin:0; list-style:none}
.not-animated{ opacity:0}
header .layout{overflow:visible;width: 100%;}
.red{ color:#f00}
.blank30{ height:30px; line-height:30px; clear:both}
.label label{ font-weight:normal}
select{border-radius:0px; height:36px; line-height:36px;border: solid 1px #5b5b5b;appearance:none;-moz-appearance:none; -webkit-appearance:none; background:#5b5b5b url(../images/sellect-arrow.png) no-repeat 96% center; color:#fff ; width:100%; padding:0 5px 0 4px; color:#fff}
.zoomimgs{display:block; width:100%;height:0; 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%*/}
.piczoomimgs{ padding-bottom: 75%; }
.artzoomimgs{ padding-bottom: 60%;}
.chazoomimgs{ padding-bottom: 75%; }
.kyzoomimgs{ padding-bottom: 137%; }
.ygzoomimgs{ padding-bottom: 75%;}
.parzoomimgs{padding-bottom: 100%;}
.linkzoomimgs{ padding-bottom: 50%;}
.linkszoomimgs{ padding-bottom: 63%;}
.lyzoomimgs{ padding-bottom: 85%;}
.jqhdoomimgs{ padding-bottom: 46%;background-position: center top;}
.lyjhoomimgs{ padding-bottom: 147%;}
.lyjhtoomimgs{ padding-bottom: 72.7%;}
.lyjhthoomimgs{ padding-bottom: 35.4%;}
.artoomimgs{ padding-bottom: 32.4%;}

.meishizoomimgs{padding-bottom: 130%;}
.fencaizoomimgs{ padding-bottom: 80%; background-position: center center;}
.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}
img{ max-width:100%}
#fh5co-wrapper{overflow-x: hidden;}
#fh5co-page{position: relative;z-index: 2;background:#fff;overflow-x: hidden;}
.blank{ clear:both; height:10px; line-height:10px;}
.vertical-middle{width: 100%;height: 100%;display: table;}
.vertical-middle > div{display: table-cell;vertical-align: middle;}
.clear{ clear:both}

.fh5co-heading{ padding-bottom:18px;/* background:url(../images/h_line.jpg) no-repeat center bottom*/}
.fh5co-heading h2{display:inline-block; font-size: 30px; color:#b27e32; line-height:1.1; font-weight:bold; position:relative;z-index:1; } 
.fh5co-heading h2 span{ z-index:-1; position:absolute;  left:0; top:-14px; right:0; text-align:center; color:#e5e5e5; font-size:90px; height:90px; font-weight:normal; font-style:italic; font-family:Arial, Helvetica, sans-serif}
.fh5co-heading h2:after{ content:"";position:absolute; background:url(../images/wave.png) no-repeat left top; width:66px; height:15px; left:-85px;  bottom:11px; z-index:2;margin:0 auto}
.fh5co-heading h2:before{ content:""; position:absolute;background:url(../images/wave.png) no-repeat left top; width:66px; height:15px;  right:-85px; bottom:11px; z-index:3; margin:0 auto}
.fh5co-heading p.desc{ font-size:14px;color: #666; margin:16px auto 0; line-height:2.2 }


.pborder{ border:1px solid #e4e4e4; overflow:hidden; margin-bottom:8px;}
.page-list p{ height:50px;  overflow:hidden}

#china-map {width:100%; height:1000px;margin: auto;}
#fh5co-content_show .detail.map-boxs p.tel{ font-size:24px;}

#fh5co-header .navbar-body .nav li#hov-weixin-id{ position:relative}
#fh5co-header .navbar-body .nav 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: -50px;min-height: 32px;padding:6px;position: absolute;text-align: left;top: 76px;white-space: normal;width: 136px;z-index: 1800;background:#fff;}
#fh5co-header .navbar-body .nav li .weixint-content:before{position: absolute;top: -9px;left: 46px;width: 0;height: 0;content: '';}
#fh5co-header .navbar-body .nav 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);}

/*顶部导航 begin*/
.main-top{ position:relative; width:100%;}
#fh5co-header{ position: fixed;z-index:3; top:0; right:0; height:120px; width:100%; background:rgb(0,0,0,.75);}
#fh5co-header .header-box{}
.header-box.fixed.fixed-top{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);width: 100%;z-index: 3;background:rgb(0,0,0,.75);}
#fh5co-header .navbar{ boder:none;}
#fh5co-header .navbar-head{padding:15px 0px 15px;}
#fh5co-header .navbar-head img{ }
#fh5co-header .navbar-body .nav{ }
#fh5co-header .navbar-body .nav li{margin: 0; padding:0;display:inline; padding: 0px;}
#fh5co-header .navbar-body .nav li a{ color: #fff;font-size: 15px;font-weight: normal;padding: 0;text-align: center;text-decoration: none; line-height:120px; transition:none ;padding: 0 20px;}
#fh5co-header .navbar-body .nav li a:hover,#fh5co-header .navbar-body .nav li:hover a.first-level{color:#fff; }
#fh5co-header .navbar-body .nav li.current a.first-level{ color:#fff; position:relative}
#fh5co-header .navbar-body .nav li.current a.first-level:after{ content:''; position:absolute; left:20px; bottom:36px; width: calc(100% - 40px);height:2px; background:#c3b49b}
#fh5co-header .navbar-body .nav li a.first-level:before{ content:''; position:absolute; right:-1px; top:54px; width: 1px;height:14px; background:#e5e5e5}
#fh5co-header .navbar-body .nav li:nth-child(7) a.first-level:before{ display:none}
#fh5co-header .navbar-body .nav li.current a:hover,#fh5co-header .navbar-body .nav li:hover a.first-level{ color:#fff}
#fh5co-header .navbar-body .nav li ul{border:none;left:0px;border-radius:0;margin:0;padding:0;min-width: 116px;z-index: 4;background: none;border: 0px solid #ccc;top:120px; padding:0;box-shadow:none}
#fh5co-header .navbar-body .nav li ul:afters{position: absolute;top: -8px;left: 1px;display: inline-block;border-right: 8px solid transparent;border-bottom: 8px solid #fff;border-left: 8px solid transparent;content: '';}
#fh5co-header .navbar-body .nav li ul li{margin:0;padding:0;height:auto;display:block;height:auto; }
#fh5co-header .navbar-body .nav li ul li a{color:#fff;display:block;width:100%;padding:0px 10px;margin:0;text-align: left;min-width:116px; line-height:47px;border-bottom:none; text-indent:5px;background:rgb(0,0,0,.75);}
#fh5co-header .navbar-body .nav li.last a{ background:url(../images/icon.jpg) no-repeat left center}
#fh5co-header .navbar-body .nav li.last a:hover,#fh5co-header .navbar-body .nav li.last a:focus,#fh5co-header .navbar-body .nav li.last:hover a.first-level{background:url(../images/icon.jpg) no-repeat left center;border-bottom:3px solid #fff; color:#f00}
#fh5co-header .navbar-body .nav li ul li a:hover{color:#fff;border-bottom:none;}
#fh5co-header .navbar-body .nav li.current  ul li a:hover{color:#fff;}
#fh5co-header .navbar-body .nav li ul li ul{top:0}
#fh5co-header .navbar-body .nav li.en a,#fh5co-header .navbar-body .nav li.cn a{padding: 0 0px 0 0px; width:45px;}
#fh5co-header .navbar-body .nav li.cn{background-color:none; margin-left:6px;}
#fh5co-header .navbar-body .nav li.en{background-color:none;}
#fh5co-header .navbar-body .nav li.cn a{ background:url(../images/lan.png) no-repeat left center; }
#fh5co-header .navbar-body .nav li.en a{ background:url(../images/lan.png) no-repeat right center; color:#333; text-align:left; text-indent:10px; }
#fh5co-header .navbar-body .nav li.cn a:hover,#fh5co-header .navbar-body .nav li.cn a:focus,#fh5co-header .navbar-body .nav li.cn:hover a.first-level{ background-color:none }
#fh5co-header .navbar-body .nav li.en a:hover,#fh5co-header .navbar-body .nav li.en a:focus,#fh5co-header .navbar-body .nav li.en:hover a.first-level{ background-color:none}
/*顶部导航 end*/


/*手机版顶部导航 begin */
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page{}
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page{position: relative;}
#fh5co-page{z-index: 2;}
#fh5co-offcanvas{ display:none;right: 0; overflow-y: hidden;position: fixed;z-index: 8;top: 10px;width: 160px;background:#fff ;padding: 0px 0px 10px 40px;border:0;}
.offcanvas-visible #fh5co-offcanvas{ display:block;}
#fh5co-offcanvas ul{padding: 0;margin: 0;overflow-x:hidden;border-radius:0}
#fh5co-offcanvas ul li{list-style: none; position:static; width:100%; margin:0;padding:0;}
#fh5co-offcanvas ul li:hover,#fh5co-offcanvas ul li.current{ }
#fh5co-offcanvas ul li a{font-size: 12px;color: #333;text-decoration: none !important; display:block;position:relative; line-height:34px; margin:0; padding:0px 0 0 2px; }
#fh5co-offcanvas ul li a:hover,#fh5co-offcanvas ul li.current a{color: #75aa4e;}
#fh5co-offcanvas ul li a::after{ background:#eee; position:absolute;content:''; left:0px;bottom:0;right:0; height:1px;}
#fh5co-offcanvas ul li ul{margin:0;padding:0;z-index: 6; position:relative ;width:100%; border:0;box-shadow:0 }
#fh5co-offcanvas ul li ul li{margin:0;padding:0;display:block;border:none;line-height:38px;}
#fh5co-offcanvas ul li ul li a,#fh5co-offcanvas ul li.current ul li a{background:#fff;color:#666;display:block;padding:3px 20px 3px 20px;margin:0;text-align: left; width:100%; font-size:12px; line-height:38px;transition:none}
#fh5co-offcanvas ul li ul li a:hover{background:#75aa4e;color:#fff; transition:none}
#fh5co-offcanvas ul li ul li a::before,#fh5co-offcanvas ul li ul li a::after{ background:none; height:0; padding:0}
#fh5co-offcanvas ul li ul li ul{top:0}
.fh5co-nav-toggle{cursor: pointer;text-decoration: none; }
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after{background: #fff;}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active{outline: none;border-bottom: none !important;}
.fh5co-nav-toggle i{position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;width: 42px;height: 7px;color: #75aa4e;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #75aa4e;transition: all .2s ease-out; }
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after{content: '';width: 42px;height: 7px;background: #75aa4e;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.fh5co-nav-toggle i::before{top: -12px;}
.fh5co-nav-toggle i::after{bottom: -12px;}
.fh5co-nav-toggle:hover i::before{top: -13px;}
.fh5co-nav-toggle:hover i::after{bottom: -13px;}
.fh5co-nav-toggle.active i{background:none;}
.fh5co-nav-toggle.active i::before{background:none}
.fh5co-nav-toggle.active i::after{background:none}
.fh5co-nav-toggle{position: fixed;top: 18px; right: 10px;z-index: 9;display: block;display: none;cursor: pointer;}
.fh5co-nav-toggle.active{right:129px !important; top:15px !important; background:url(../images/coo.gif) no-repeat left top;  width:20px; height:23px;}

/*手机版顶部导航 end */


.content .swiper-slide{ background-position: center; background-size: cover;width: 500px;height: 324px;}

/* 底部 begin*/
footer{color:#fff; background:#272831}
footer .footer-top{ padding:50px 0 25px;}
footer a{ color:#fff}
footer a:hover{color:#f00;}
footer .footer-top {font-size:16px;}
footer .footer-top h3{ font-size:24px; color:#fff; font-weight:bold}
footer .footer-top .foot-contact p{ line-height:30px;}
footer .footer-top .item1{ margin-right:70px;border-right:1px solid #3b3b3b; padding-bottom:10px;}
footer .footer-top .foot-nav li.first-level{ display:inline-block; vertical-align:top; width:16%; text-align:center}
footer .footer-top .foot-nav li.first-level ul li{ display:block}
footer .footer-top .foot-nav li.first-level ul{ padding-top:8px;}
footer .footer-top .foot-nav li.first-level ul li a{ font-size:14px;}
footer .footer-top .form-box{ max-width:335px; margin-top:11px;}
footer .footer-top .input{ background:#5b5b5b; height:37px; line-height:36px; border-radius:0; border:1px solid #5b5b5b; color:#fff}
footer .footer-top .form-group{ padding-bottom:10px;}
footer .footer-top .brode-img{ margin:12px 0 8px;}
footer .footer-top .button{ width:95px; height:36px; background:#ffa200; border:1px solid #a6916d; color:#fff; margin-top:5px;border-radius:0;}
footer .footer-top .Copyright{ clear:both}
footer .footer-bottom{ padding:25px 0; border-top:1px solid #303138}
footer .bot-nav li{ display:inline-block}
footer .footer-top .item3 .media{ margin-top:58px;}
footer .footer-top .item3 .media-left{ margin-right:16px;}
footer .footer-top .item3 .media-body{ margin-top:25px; line-height:2}
.border-img .n_txts{ font-size:14px; margin-top:8px;}
.border-img img{margin-top:6px;}
footer .address span{ display:inline-block; margin-right:20px;}
/* 底部 end*/

/*首页轮换图片 begin*/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav{margin: 0;padding: 0;list-style: none;}
.flexslider{margin: 0;padding: 0;position:relative;z-index:1}
.flexslider .slides > li{display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img{width: 100%;display: block;}
.flex-pauseplay span{text-transform: capitalize;}
.slides:after{content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
* html .slides{height: 1%;}
.no-js .slides > li:first-child{display: block;}
.flex-control-nav{position:absolute;bottom:20px;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;float:left;text-indent:-2000px;background: url("../images/loop.png") no-repeat left top;}
.flex-control-nav .flex-active{background: url("../images/loop.png") no-repeat right top;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; display:none}
.flex-direction-nav li a{display:block;width:21px;height:46px;cursor:pointer;text-indent:-999em;position:absolute;top: 50%; margin-top:-23px;}
.flex-direction-nav li a.flex-prev{left:285px;background: url("../images/icon-loop.png") no-repeat left 50%;opacity: 1;}
.flex-direction-nav li a.flex-next{right:285px;background: url("../images/icon-loop.png") no-repeat right 50%;opacity: 1;}
.flex-direction-nav li a.flex-next:hover{background:url("../images/icon-loop.png") no-repeat right 50%;opacity: 0.75;}
.flex-direction-nav li a.flex-prev:hover{background: url("../images/icon-loop.png") no-repeat left 50%;opacity: 0.75;}

/* 产品展示 begin*/
.show-product .item .media-img{overflow:hidden;border: 1px solid #ddd; }
.show-product .item .media-img:hover{border:1px solid #e99612;}
.show-product .item .media-img img{width:100%;}
.show-product .item .media-img img:hover{ opacity:0.8}
.show-product .item{}
.show-product .item h3{ margin:10px 0 5px; white-space:nowrap; overflow:hidden; font-size:14px; color:#333}
.show-product .item a:hover h3 {font-size:14px;color:#13428a}
.show-product .item p.desc{ font-size:14px; color:#888; max-width:80%; margin:0 auto 20px; height:46px; overflow:hidden}
.show-product .item p.more{height: 32px; font-size:14px; line-height:32px; margin: 10px auto 0 auto; text-align: center; color: #FFF; border: 0; display: block; width: 110px; outline: none; cursor: pointer; overflow: hidden; background: #13428a; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: -moz-linear-gradient(bottom, #13428a, #1551a0); background-image: -webkit-linear-gradient(bottom, #13428a, #1551a0); background-image: linear-gradient(to top, #13428a, #1551a0);}
/* 产品展示 end*/

.about{ position:relative;z-index:1}
.about .imgs{ position:relative; padding:0px 0 0 15px}
.about .imgs:before{ content:''; position:absolute; background:#4e9901; height: calc(100% - 15px); width:15px; left:0; top:15px;}
.about .imgs:after{ content:''; position:absolute; background:#4e9901; width: calc(100% - 15px); height:15px; left:0; bottom:-15px;}
.about .imgs img{ width:100%; }
.about .content{ padding:30px 50px 20px; }
.about .content,.about .content p{ }
.about .content .inner{ padding-top:15px;}
.about .content .c-more{ }
.about .content .c-more a{color:#4e9901; display:block; background:none;color:#4e9901; font-size:14px; width:123px; height:45px; line-height:42px; text-align:center; margin:0 ; border:1px solid #4e9901; margin-top:5px;}
.about .content .c-more a:hover{ color:#fff; background:#4e9901}
/*关于*/
.about-box{padding:100px 0 105px;background:#fcfcfc /*url("../images/about_bg.jpg") no-repeat right 150px;*/}
.about-box .fh5co-heading h2{ margin-bottom:40px;}
.about-box .content h1{ font-size:30px; font-weight:bold}
.about-box .content{ line-height:2.2; font-size:15px;}
.about-box .content span{ display:block}


/*服务项目*/
.index-warapper{ position:relative;z-index:1}
.smid-nav-box .inner{background:url("../images/tianqi.png") no-repeat left top; width:100%; height:100%;  }
.smid-nav-box{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); padding:0px 0 0px; position:absolute; height:120px; width:100%; bottom:48px; left:0;z-index:5}
.smid-nav-box .show-list{ margin:0 auto}
.smid-nav-box .weather{ margin-top:30px;  }
.smid-nav-box .weather #mobile6 .wtmid{font-size:14px !important;}
.smid-nav-box .item .media p{ line-height:1.4;}
.smid-nav-box .show-list .media{ margin-top:28px;}
.smid-nav-box .item .media p.name{ font-size:16px;}
.smid-nav-box .item .media.media-x .float-left{ margin-right:20px;}
.smid-nav-box .item .media.media-x .float-left img{ margin-top:5px;}

.accordionBox {width: 100%; height: 475px; margin: 40px auto 32px auto;position: relative;overflow: hidden; white-space:nowrap}
.accordionBox ul {height: 475px; overflow: hidden;width:1920px; white-space:nowrap }
.accordionBox ul li {  width: 254px; height: 475px;position: relative;overflow: hidden;float: left;margin-right: 2px; }
.accordionBox ul li img {width:100%;height: 100%;object-fit: cover;}
.accordionBox ul li.first { width: 640px;}

.iframe{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*首页产品*/
.product-box{ padding:80px 0 0px; overflow:hidden }
.product-box .show-list{ margin-top:20px;}
.product-box .inner{ margin-left:-1px;margin-right:-1px;}
.product-box .cat-nav li{ display:inline-block; }
.product-box .cat-nav li a{ font-size:18px; padding:0 12px}
.product-box .item{ margin:0px 1px 2px;}
.product-box .item .p-inner{ overflow:hidden;}
.product-box .item { position:relative;}
.product-box .item .overlay{ opacity:0;position:absolute; left:0; top:0; right:0; left:0; right:0; height:100%; width:100%;transition: transform 1s ease 0s;}
.product-box .item:hover .overlay{ opacity:1; background:#3179b8;transition: all .5s ease-out;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}
.product-box .item:hover .zoomimgs{transition: transform 1s ease 0s; -moz-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.product-box .item h3{ font-size:18px; }
.product-box .item:hover h3{color:#fff;  }

.product-list-box{}
.product-list-box .item .p-inner{ overflow:hidden;}
.product-list-box .item h3{ font-size:16px; margin-top:10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.product-list-box .item:hover h3{ color:#349023}

.slides-txt{ background:#75aa4e;  color:#fff; font-size:24px; padding:19px 0 22px}
.slides-txt span{ display:inline-block;font-size:16px; margin-left:25px;}
.slides-txt a{ text-align:center; color:#fff; width:125px; height:40px; line-height:40px; font-size:16px; border:1px solid #fff; border-radius:25px; display:inline-block; float:right; margin-top:4px;}
.slides-txt a:hover{ text-decoration:underline}

/*首页客户案例*/
.case-box{ margin:35px 0 55px; }
.case-box .inner{ padding-top:35px;}
.case-box .show-list{ position:relative;background:#f6f6f6 }
.case-box .show-list .item{overflow:hidden;}
.case-box .show-list .item .portfolio-img{ overflow:hidden; width:100%;}
.case-box .show-list .item .inner{ overflow:hidden}
.case-box .show-list .item .portfolio-img img { width:100%; display: block;}
.case-box .show-list .item h3{ font-size:14px; font-weight:bold; white-space:nowrap; margin:12px 0 5px;}
.case-box .show-list .item h3 a{ color:#75aa4e;}
.case-box .show-list .item:hover h3 a{color: #f60;}
.case-box .show-list .item2,.case-box .show-list .item4{ }
.case-box .media.media-x .float-left{ width:35%; margin:40px 25px 0 29px;}
.case-box .media.media-x .float-left .ttitile{ font-size:30px; font-weight:bold}
.case-box .media.media-x .float-left  h2{ font-size:16px; font-weight:bold; color:#333; margin:12px 0}
.case-box .media.media-x .float-left .desc{ font-size:14px; color:#666; line-height:1.6; height:138px; overflow:hidden}
.case-box .media.media-x .float-left .btn-more a{ display:block; color:#cb534f; margin:15px 0 0}
.case-box .owl-controls .owl-buttons div{position:absolute;bottom:30px; margin-top:0px; width:26px; height:26px; line-height:24px; font-size:0px; padding:0; margin:0; background:#ddd; opacity:1; text-align:left; border-radius:0; color:#333}
.case-box .owl-controls .owl-buttons div:hover{ color:#c2241f}
.case-box .owl-controls .owl-buttons div:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:28px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:12px;}
.case-box .owl-controls .owl-prev{ left:29px; text-indent:4px; }
.case-box .owl-controls .owl-prev:before{content:"\f177"; }
.case-box .show-list .owl-controls .owl-next{ left:70px; text-indent:4px; }
.case-box .show-list .owl-controls .owl-next:before{content:"\f178"}
.case-box .owl-theme .owl-controls{ margin:0}
.case-box .bitem2{ float:right !important}
.case-box .content{ padding:30px 45px 25px;}
.case-box .content h3{ font-size:18px;}
.case-box .content p.time{ margin:5px 0}
.case-box .content p{ font-size:14px; color:#666}
.case-box .content .btn-more a{color:#4e9901; display:block; margin:10px 0 0 }
.case-box .content .btn-more a:hover{ color:#d00}

.jchd-box .fh5co-heading p.desc{ }
.jchd-box .item{ overflow:hidden}
.jchd-box .item1{ margin:0 10px 0 0;}
.jchd-box .item2,.jchd-box .item3,.jchd-box .item4{ margin:0 10px;}
.jchd-box .item5{ margin:0 0 0 10px;}

.bot-nav-box{ padding:55px 0 80px}
.bot-nav-box .item{ color:#fff; position:relative;z-index:1;background:#272831}
.bot-nav-box .item:after{ content:''; position:absolute; width: calc(100% - 10px); height:calc(100% - 10px); top:5px; left:5px; right:5px; border:1px solid #fff;z-index:2}
.bot-nav-box .item a{ display:block; z-index:3; position:relative;padding:30px 0 42px; }
/*.bot-nav-box .item1{ background:#d1c6b3}
.bot-nav-box .item2{ background:#8eb269}
.bot-nav-box .item3{ background:#699cb2}
.bot-nav-box .item4{ background:#b29e69}*/
.bot-nav-box .item h3{ color:#fff; margin:16px 0 8px; font-weight:bold}
.bot-nav-box .item .desc{ color:#fff; padding:0 12px;}

.jchd-box { overflow:hidden; position:relative;}
.jchd-box:befores{ position:absolute; border:5px solid #abd5eb; width:700px; margin:0 auto; height:100%; left:0; top:0; right:0; content:''}
.jchd-box .fh5co-heading{ margin-bottom:60px; padding:55px 0 0}
#picture{width:100%; height:580px;position: relative;margin: 10px auto 0; overflow: hidden;}
#picture ul{position: relative; padding: 0; width: 7920px; margin:0;}
#picture li{width: 846px; height:566px; float: left; display: inline-block; margin:10px 21px 10px 21px; overflow:hidden;border-bottom:1px solid #fff; text-align:center}
#picture li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border-bottom:1px solid #6f8b58}
#picture li:first-child{margin-left: 0;}
#picture li:last-child{}
#picture li img{height: 100%; width: 100%; border:none;}
#picture li .inner{ overflow:hidden}
#picture li h3{ font-size:16px; color:#333; padding:10px 0 5px}
#picture li .desc{ padding:0px 40px; color:#999; }

/*新闻*/
.list-news-box {  padding:40px 0 45px;background:#eff3f5 url(../images/news_bg.jpg) no-repeat center top; background-size:cover}
.list-news-box .fh5co-heading h2 span{ color:#fff; }
.list-news-box .fh5co-heading h2:after{ background:#fff;}
.list-news-box .show-list{ padding:15px 0 20px;}
.list-news-box .item .media{border:2px solid #fff; background:#fff; padding:4px 12px 8px 12px;box-shadow:-1px 1px 3px rgba(0, 0, 0, 0.1);}
.list-news-box .item .media:hover{border:2px solid #f79700; }
.list-news-box .item .media .media-left{width: 60px;background:#fff;margin-right:18px;padding-top:14px; padding-bottom:2px;margin-top:8px;border:2px solid #c4c4c4}
.list-news-box .item .media:hover .media-left{ background:#f79700; color:#fff;border:2px solid #fff}
.list-news-box .item .media-left p{ text-align:center; margin:0; line-height:18px;color:#989898; }
.list-news-box .item .media:hover .media-left p{ color:#fff}
.list-news-box .item .media .media-left .f-month{font-size:12px;}
.list-news-box .item .media .media-left .f-day{font-size:30px; font-weight:bold; padding-bottom:3px;}
.list-news-box .item .media .media-left .f-year{font-size:12px; padding-top:5px; padding-bottom:4px;}
.list-news-box .item .media .media-body h3{ height:26px; overflow:hidden}
.list-news-box .item .media .media-body h3 a{ display:block;font-size:16px; color:#333; font-weight:bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-news-box .item .media .media-body h3 a:hover{color:#f79700}
.list-news-box .item .media .media-body p{color:#666;font-size:14px; line-height:22px; height:42px; overflow:hidden}




/* 内页 begin*/
#fh5co-content_show{ padding:40px 0 50px; position:relative;}
#fh5co-content_show .right-con{ margin:20px 0 0 30px;}
#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 .content_detail h1{ line-height:1.3}
#fh5co-content_show .detail p{text-indent:0; line-height:2; font-size:16px;}
#fh5co-content_show .qhd-title span{margin:0 5px;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: 2px solid #203e93;color: #555;display: inline-block;font-size: 16px;font-weight: normal;line-height: 33px;margin: 0;overflow: hidden;padding: 0;word-break: break-all; margin-top:-1px}
#fh5co-content_show .detail{font-size:16px;padding-bottom:10px;line-height:2;color: #555;}
#fh5co-content_show .qhd-title{ border-bottom:1px solid #eee; margin-bottom:25px; padding-top:6px;font-size:14px;}
#fh5co-content_show .qhd-title strong{ font-weight:normal}
.mid-nav{ border-bottom:1px solid #e5e5e5; }
.mid-nav .xb3{ float:right}
.mid-nav .leftbar{  position:relative;z-index:4; padding-bottom:7px;}
.mid-nav .leftbar h3{ color: #fff;height: 80px;line-height: 80px;  font-size:24px;background: url(../images/left-top.jpg) no-repeat right top; overflow:hidden; padding-left:20px;}
.mid-nav .leftbar h3 a{color:#fff;} 
.mid-nav .leftbar h3 img{ vertical-align:middle; margin:0 12px 3px 0; padding:0}
.mid-nav .leftbar h4{ display:none;}
.mid-nav .leftbar .menu-bot img{max-width:100%}
.mid-nav .submenu{ }
.mid-nav .submenu li{line-height:1.5; color: #fff;padding:0px 10px; float:left;}
.mid-nav .submenu li:last-child{ border-bottom:none}
.mid-nav .submenu li a{ display: block; margin:0; font-size:16px; padding:12px 5px; border-bottom:1px solid #e5e5e5; position:relative;top:1px}
.mid-nav .submenu li a.current,.mid-nav .submenu li a:hover{ transtion:none; border-bottom:1px solid #349023; color:#349023}
.mid-nav .ur-here{ padding:15px 0px 0;  text-align:right }

#fh5co-content_show .leftcon{width:250px;text-align:left;margin-right:-250px ; float:left; position:relative;z-index:2}
#fh5co-content_show .rightcon{width:100%; float:left;position:relative;z-index:1}
#fh5co-content_show .rightcon .con{margin-left:300px; position:relative}
#fh5co-content_show .rightcon.no-mar .con{ margin-left:0}

.zoomimgs{transition: transform 1s ease 0s;transform: scale(1); }
.zoomimgs:hover{transition: transform 1s ease 0s;transform: scale(1.1);}

.page-img-list{ position:relative}
.page-img-list .overlay{ position:absolute; height:45px; line-height:45px; width:100%; text-align:center; bottom:0; background:#000;opacity:0.6}
#fh5co-content_show .detail .overlay p{ position:relative; line-height:45px;}
#fh5co-content_show .detail a .overlay p { color:#fff}

.keyan-box .overlay{ overflow:hidden}
.keyan-box  p{ margin-top:5px;}

.stitle{ text-align:center; font-size:18px; margin:20px 0; position:relative}
.stitle:afterss{ position:absolute; background:#0d78bc; height:3px; width:50px; left:0; right:0; content:''; margin:0 auto;}
.padright .xb3{ float:right}
.solution-inner{ border-bottom:1px solid #eee; padding:10px 0}
.no-bor{border-bottom:none;}
.bg-solution{ background:#2b76c7}
.solution-inner a.more { color:#e99612}


.hot-pro-list{ border:1px solid #ddd; padding:0 8px 5px; border-top:2px solid #e99612;}
.hot-pro-list h3{font-size: 16px;margin-bottom: 10px;height: 43px;border-bottom: #ddd 1px solid;color: #333;line-height: 43px;}
.hot-pro-list .item{border-bottom: #ddd 1px solid; position:relative;z-index:1; margin-bottom:10px;}
.hot-pro-list .item .media_img{ overflow:hidden}
.hot-pro-list .item .media_img img{width: 200px;transform: scale(1);transition: transform 1s ease 0s;}
.hot-pro-list .item .media_img:hover img{transform: scale(1.1);transition: transform 1s ease 0s;}
.hot-pro-list .item span{ position:absolute;background:#e99612; width:16px; height:16px; line-height:16px; color:#fff; text-align:center; font-size:12px; left:0; top:0;z-index:2;}
.hot-pro-list .item:last-child{ border-bottom:none}
.hot-pro-list .item .pro_title{ margin:10px 0; font-size:12px;}

.hot-art-list{ border:1px solid #ddd; padding:0 8px 5px}
.hot-art-list h3{font-size: 16px;margin-bottom: 10px;height: 43px;border-bottom: #ddd 1px solid;color: #333;line-height: 43px;}
.hot-art-list li{overflow: hidden;height: 20px; line-height:20px; margin-bottom:12px; font-size:12px;}
.hot-art-list li span{ display:inline-block; background:#e99612; margin-right:8px; height:20px; width:20px; line-height:20px; color:#fff; text-align:center}

.linn-boxs{ max-width:116px; text-align:center; overflow:hidden; text-align:center; margin:0 auto}
.linn-boxs .zoomimgs:hover{transition: transform 1s ease 0s;transform: scale(1);}
.linn-boxss{max-width:150px;}

.fencai-box .overlay{ overflow:hidden}
/*分页*/
.table span{margin-right:10px;}
.content_detail .pager{ padding:0; margin:0; font-size:14px;}
.content_detail .pager a{border:none;}
.content_detail .pager a:focus,.content_detail .pager a:hover{color:#f60;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: #349023;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 .product-detail{ padding:0px 0;}
#fh5co-content_show .product-detail img{ max-width:100%;overflow:hidden;vertical-align:middle;}
#fh5co-content_show .product-detail .content-img{overflow:hidden; max-width:800px; margin:0 auto}
#fh5co-content_show .product-detail .content-img img{overflow:hidden;vertical-align:middle; text-align:center}
#fh5co-content_show .product-detail h1{color: #75aa4e;font-size: 24px;line-height: 33px; }
#fh5co-content_show .product-detail .p_desc{color: #4d4a4a;line-height: 24px;padding:15px 0 20px;}
#fh5co-content_show .product-detail .p_desc p{ font-size:18px;margin-bottom: 18px;line-height: 40px;}
#fh5co-content_show .product-detail .p_desc a.protb{height: 40px;width: 40px;background: #797979;float: left;text-align: center;display: block; line-height:38px;margin-right: 8px;border-radius: 3px;}
#fh5co-content_show .product-detail .p_desc a.protb img{ vertical-align:middle}
#fh5co-content_show .product-detail .p_desc a.protb:hover{background:#e6212a}
#fh5co-content_show .product-detail .p_desc span.ptel{font-size: 22px;font-weight: bold;color: #e6212a;}
#fh5co-content_show .product-detail .kefu_bnts{background:#FC4300;color:#FFF;width:120px;height:40px;line-height:40px;text-decoration:none;font-size:16px;display:block;text-align:center}
#fh5co-content_show .product-detail .kefu_bnts:hover{background:#FF5417;}
#fh5co-content_show .product-detail .description{line-height:28px;margin-bottom:20px;}
#fh5co-content_show .product-detail .description p{line-height:28px;}
#fh5co-content_show .product-detail .detail-title{border-bottom:1px solid #999;position:relative;height:37px;}
#fh5co-content_show .product-detail .detail-title h2{background: #fff;color: #666;cursor: pointer;display: inline-block;font-size: 16px;height: 36px;line-height: 36px;text-align: center;width: 126px;border-left:1px solid #999;border-right:1px solid #999;border-top:1px solid #999;border-bottom:1px solid #fff;position:absolute;left:0;top:1px;}

/*article*/
#fh5co-content_show .article-media li{border-bottom:1px dashed #E0E0E0;padding:5px 0 15px}
#fh5co-content_show .article-media li:first-child{ padding-top:0}

.article-media .media .caldata .content{ padding: 6px 10px; background:#284987; text-align:center;margin-right:8px; color:#fff}
.article-media .media .caldata .content p{ text-align:center}
.article-media .media .caldata .content p.day{ font-size:24px;color:#fff; font-weight:bold; padding-bottom:10px;border-bottom:2px solid #fff;}
.article-media .media .caldata .content p.mon-year{ font-size:13px;}
.article-media .media .media_img{width: 200px;margin-right:20px;border:1px solid #ddd; overflow:hidden;transition: transform 1s ease 0s;}
.article-media .media .media_img:hover{border:1px solid #e99612;transition: transform 1s ease 0s;}
.article-media .media .media_img img{width: 200px;transform: scale(1);transition: transform 1s ease 0s;}
.article-media .media .media_img:hover img{transform: scale(1.1);transition: transform 1s ease 0s;}
.article-media .media .media_img a{border-color: -moz-use-text-color;border-style: none;border-width: medium;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 .time{color:#777; font-size:14px; display:inline-block; margin-top:3px;}
.article-media .media .time span{ display:inline-block; margin-right:20px;}
.article-media .media .time a{color:#777;}
.article-media .media-body h3{font-size: 16px; margin-bottom:2px;}
.article-media .media-body h3 a{color: #333;font-size: 16px;line-height:100%; font-weight:bold}
.article-media .media-body h3 a:hover{ color:#e99612;}
.article-media .media-body p.desc{color: #666;line-height: 20px; font-size:14px;}
.article-media .media-body p.cmore{ margin:12px 0 6px;}

.btnmessage{  padding:10px 0px; display:block; width:100%; margin:0 auto; font-size:18px; text-align:center;color:#fff;border:2px solid #79ae52; background:#79ae52}
.btnmessage:hover,.btnmessage:focus{color:#000;border:2px solid #79ae52; background:none}


/*内页banner
.slideshow{ height:230px; position:relative; background-repeat:no-repeat; background-position: center top; background-size:cover}*/

.slideshow img{ width:100%}
.slideshow .overlay {position:absolute;left:0;top:0;width:100%;height:100%}
.slideshow .overlay .container{height:100%;display:table;text-align:center}
.slideshow .overlay .container .line{display:table-cell;vertical-align:middle}
.slideshow .overlay .container .line .title{text-align:center}
.slideshow .overlay .container .line .title h2{text-align:center;display:inline-block;margin:auto;color:#fff;text-transform:uppercase;font-size:14px;line-height:30px;font-weight:700;position:relative;margin-top:30px}

.slideshow .overlay .container .line .title h2 a{ color:#fff; font-size:14px; font-weight:normal}

#fh5co-hero1{ display:none}

/*悬浮链接*/
.suspension .red{ color:#208cbc}
.suspension{position:fixed;z-index:5;right:0;top:50%; margin-top:-120px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px; line-height:44px;background-color:#75aa4e;margin-bottom:4px;cursor:pointer;outline:none; text-align:center}
.suspension .a.active,.suspension .a:hover{background:#efa210;}
.suspension .a span{ color:#fff; font-size:23px; }
.suspension .a-top{background:#aaa; display:none;}
.suspension .a-top:hover{background:#999;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrows{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:23px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:44px;}
.suspension .d-qrcode{top:91px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:102px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:102px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
/*在线客服 end*/

/*手机底部导航*/
#toolbar{ display:none;}

@media screen and (min-width:1600px){
.container{ width:1600px;}

}

@media screen and (min-width:1401px){
.container{ width:1400px;}

}

@media screen and (min-width:1201px){
.container{ padding:0;}
}

@media screen and (min-width:761px){
.col-5-1{float:left;width: 20% !important; display: table-cell;}
}

@media screen and (max-width:1400px){
#fh5co-header .navbar-head img{ width:200px; } 
#fh5co-header .navbar-body .nav li a{ padding:0 10px;}
#fh5co-header .navbar-body .nav li.current a.first-level:after{  left:10px; width: calc(100% - 20px)}
#fh5co-header .navbar-body .nav li ul,#fh5co-header .navbar-body .nav li ul li a{ min-width:100px;}
.about-box{ padding:60px 0 0 10px;}
.about .content{ padding:30px 25px;}
#picture{ height:370px;}
#picture li{width: 446px; height:356px;}
.smid-nav-box .item .media p{ font-size:12px;}
.bot-nav-box .item .desc{ height:70px;}

}

@media screen and (max-width:1300px){
.case-box .show-list{ overflow:hidden}
.case-box .media.media-x .float-left .desc{ height:92px;}
}

@media screen and (max-width:1199px){
#fh5co-header .navbar-head img{ width:100px; padding-top:28px; } 
#fh5co-header .navbar-body .nav li a{ padding:0 12px;}
.mid-nav .xb3{ float:left; text-align:left}
.mid-nav .ur-here{ text-align:left}
.mid-nav .submenu li:first-child{ padding-left:0}
.mid-nav .submenu li:first-child a{ padding-left:0}
.top-nav li a{ margin-right:52px;}
footer .footer-top h3{ font-size:16px; }
.adv-box .rcontent{ padding-left:20px}
.adv-box .rcontent .media-img{ margin-right:15px;}
.about-box .content span{ display:inline}
.slides-txt a{ float:none; margin:13px auto 0; text-align:center; display:block}
#fh5co-header .tel{background-position: 80px top;}
.about-box .content{ line-height:1.9; font-size:14px;}
#fh5co-header .navbar-body .nav li.last a{ padding:0 6px 0 18px;}
#fh5co-header .navbar-body .nav li ul,#fh5co-header .navbar-body .nav li ul li a{ min-width:80px;}
.case-box .media.media-x .float-left .desc{ height:50px;}
.case-box .media.media-x .float-left{ margin:15px 20px  0 20px;}
.case-box .show-list .owl-controls .owl-prev{ left:20px;}
.case-box .show-list .owl-controls .owl-next{ left:60px;}

.case-box .content {padding: 15px 15px 10px;}
.case-box .content h3 {font-size: 15px;}
.case-box .content p.desc{ font-size:12px; height:44px; overflow:hidden}
.case-box .content p.time{ font-size:12px;margin: 3px 0;}
.bot-nav-box {
  padding: 0px 0 40px;
}
#fh5co-header .navbar-body .nav li a{ padding:0 5px;}
#fh5co-header .navbar-body .nav li.current a.first-level:after{  left:5px; width: calc(100% - 10px)}
}

@media screen and (max-width:1000px){
.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}
.mid-nav .leftbar h3{ text-align:left; text-indent:20px;}
#fh5co-content_show .leftcon{width:185px;margin-right:-185px ;}
#fh5co-content_show .rightcon .con{margin-left:205px;}
.mid-nav .submenu li a{ background-position:10px center;display: block; padding:12px 22px; }
.mid-nav .submenu li a.current,.mid-nav .submenu li a:hover{background-position:159px center;}
.show-product .item .media-img{ max-width:220px; }
.padright .margin-big-top{ margin-top:0}
.tab-con li a{  width:70%}
.mid-nav .leftbar h3{ padding-left:0}
.mid-nav .leftbar h3 img{ display:none}
.smid-nav-box{ height:auto}
.smid-nav-box .weather{ border-right:0px; }
.smid-nav-box .item{ padding:15px 0 30px 20px; margin:0; max-width:auto;border-bottom:1px solid #e5e5e5 }
.smid-nav-box .item1{border-top:1px solid #e5e5e5 }
.smid-nav-box .weather .inner{ position:relative; left:-94px;}
.smid-nav-box .weather,.smid-nav-box .bgs2{ width:100%; background:#fff; padding:25px 0 20px}
.smid-nav-box .line-big{ margin:0}
.smid-nav-box .line-big .xs12{ padding:0}
.smid-nav-box .xl12{ margin:0 !important}
.smid-nav-box{ padding:40px 0 0}
.fh5co-heading h2{ font-size:22px;margin-bottom: 10px;}
.product-box{padding: 30px 0 25px;}
.about-box .content{ top:-20px;}
.smid-nav-box .bgs2{  padding:0px 0 0px}
.smid-nav-box .show-list .media{ margin:8px 0 0}
.smid-nav-box .weather{ padding:0 0 20px 0px}


.bot-nav-box .media-img{ text-align:center}
#fh5co-header .navbar-head{ padding:8px 0 0}


.case-box .media.media-x .float-left{ width:95%; margin-bottom:30px; float:none !important}
.case-box .show-list .owl-controls div{top:20px;bottom:auto; }
.case-box .show-list .owl-controls .owl-prev{ right:60px;left:auto}
.case-box .show-list .owl-controls .owl-next{ right:20px;left:auto}

.slides-txt span{ margin:0}
.slides-txt a{ margin:15px 0 0}
.smid-nav-box .item .media p{ font-size:14px;}
footer .footer-top .item1{ margin-right:0px;border-right:none}
.top-nav li a{ margin-right:20px;}
#fh5co-header .tel span{ display:block}
#fh5co-header .tel{background-position: 50px top; line-height:1.2}
#fh5co-header .navbar-head img{ width:140px; padding:10px 0 5px;  } 
#fh5co-header .navbar-body .nav li{ padding:0}
#fh5co-header .navbar-body .nav li a{ padding:0 2px; font-size:12px;line-height: 60px;}
#fh5co-header .navbar-body .nav li ul,#fh5co-header .navbar-body .nav li ul li a{ min-width:94px;}
#fh5co-header .navbar-body .nav li.current a.first-level::after{bottom: 15px;} 
#fh5co-header .navbar-body .nav li ul{ top:40px;}
#fh5co-header .navbar-body .nav li.cn,#fh5co-header .navbar-body .nav li.en{ background-position:left 23px;}
#fh5co-header .navbar-body .nav li a.first-level:before{ display:none}
.smid-nav-box img{ width:50px; margin-top:16px;}
.about-box .content{ line-height:1.9; font-size:14px; width:100%; margin-left:0; position:relative; z-index:3}
.about-box{ padding:40px 0 0}
footer .footer-top .foot-nav li.first-level{ width:30%; height:200px;}
footer .footer-top .foot-nav li{ text-align:center}
#picture{ height:220px;}
#picture li{width: 246px; height:200px;}
.smid-nav-box{ position:relative;top:20px;}
.smid-nav-box .inner{ background:none}
#fh5co-header .navbar-body .nav li ul li a{ line-height:32px;}

}


@media screen and (max-width:760px){
#fh5co-header .logo img{ width:420px;}
#quirydialog .qdialog-head{width:360px }
#fh5co-offcanvas .nav{display: block;borer:none}
.fh5co-nav-toggle{display: block;}
#fh5co-header .logo{padding:8px;}
.article-media .media .media_img{width:150px; margin-right:12px;}
.article-media .media .media_img img{width:150px;}
.article-media .media .time{ display:none}
#fh5co-content_show{ padding:0 0 30px;}
#fh5co-content_show .leftcon{width:100%;margin-right:0px ;}
#fh5co-content_show .rightcon .con{margin-left:0px; padding:0 10px; margin-top:30px;}
.ur-here{ display:none}
.mid-nav{ border-bottom:none; position:relative;z-index:6}
.mid-nav .container{ padding:0}
.mid-nav .leftbar{ background:none; margin-bottom:30px; height:50px;}
.mid-nav .leftbar ul.submenu{ clear:both; border:none; z-index:15; position:relative}
.leftbar{background:#000; }
.mid-nav .leftbar h3{ display:none}
.mid-nav .leftbar h4{ display:block; float:right; width:50%; background:#75aa4e; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px;}
.mid-nav .leftbar button{z-index:99;float:left; width:50%; height:50px; line-height:50px; padding:0; margin:0;border:none;border-radius:0; background:#000; color:#fff; font-size:16px; text-align:left; text-indent:12px;}
.mid-nav .leftbar button span{ display:inline-block; margin-left:0px;}
.mid-nav .submenu li{float:none; background:#fff; padding:0;}
.mid-nav .submenu li a,.mid-nav .submenu li:first-child a{ background-position:25px center;padding:12px 18px; }
.mid-nav .submenu li a.current,.mid-nav .submenu li a:hover{background:#75aa4e; color:#fff}
.mid-nav .submenu li:last-child{ border-bottom:1px solid #e2e2e2; }
#fh5co-hero,.SonlineBox,.flex-direction-nav{ display:none}
#fh5co-hero1{ display:block}
.case-box .big-item-box.margin-large-top{ margin-top:0}

.suspension{ display:none}
#china-map {height:500px;}
.bot-nav-box {
  padding: 0px 0 15px;
}

.bot-nav-box .item .desc{ height:auto}

.flex-control-nav{bottom:10px;}
.bot-nav-box .item{ background-size:cover}
.case-box .media.media-x .float-left .desc{ height:90px;}

#fh5co-offcanvas{ width: 240px;}
.fh5co-nav-toggle.active{right:205px !important;}

.index-box .about .desc{ padding-right:0px;}
.tab-nav li{ width:33.333333%; text-align:center}
.tab-nav li a{ padding:8px 0}
.index-box .tab-more{ display:none}
.smid-nav-box{padding: 00px 0 0;}
.about-box .content h1{ font-size:24px;}

.show-product .item .media-img{border: 1px solid #ddd;max-width:100%; }
.footer-top .item1 .addr{ margin:0}

.layout{ overflow:hidden}
.mid-nav.layout{ overflow:visible}

#fh5co-header{ height:70px; position:relative;}
#fh5co-header .header-box .tnav-bg{ position:static;height:auto; line-height:auto; margin-bottom:10px;}
.top-nav li a.first-level:after,.top-nav li.current a.first-level:after{ display:none}
#fh5co-offcanvas ul li.lan{ float:none}
#fh5co-offcanvas ul li.lan{  line-height:32px; margin:0; padding:0; float:left !important}
#fh5co-offcanvas ul li.lan a{ font-size: 16px;margin:0px 5px 0 0;display:inline-block; border:none}
#fh5co-offcanvas ul li.lan a::after{ display:none}

.solution-inner .media-img{ text-align:center}
.tab-con li a{  width:78%}
.con-boxs .ur-here{ margin-top:30px;}
.product-box .cat-nav li a{ font-size:15px; padding:0 7px}

#fh5co-header .navbar-head img{ width:150px; padding:0px 0 12px;  } 

#fh5co-offcanvas .weixin-id .weixint-content{ margin:10px 5px 0 0;}
.content .swiper-slide{ width: 300px;height: 188px;}
.jchd-box::before{ display:none}
.jchd-box{ padding-bottom:0px;}

.accordionBox { height: 226px;}
.accordionBox ul {height: 226px;width:788px;}
.accordionBox ul li {  width: 120px; height: 226px; }
.accordionBox ul li.first { width: 240px;}

/*手机底部导航*/
.blank55{height:55px; line-height:1px; clear:both;}
#toolbar{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:6;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 .logo img{ width:300px;}
.article-media .media .caldata .content{ padding: 5px;}
.article-media .media .media_img{width:82px;margin-right:10px;}
.article-media .media .media_img img{width:80px;padding:1px;}
.article-media img{width:80px;}
#fh5co-content_show .article-media li{ padding:10px 0px;}
.article-media .media-body h3{line-height:100%;font-size:14px;}
.article-media .media-body h3 a { font-size:14px; line-height:150%}
.article-media .media-body p.more{ display:none}
.article-media .media .desc,.welcometxt span{ display:none}
.mid-nav .leftbar h4{ display:none;}
.mid-nav .leftbar button{ width:100%;}
#fh5co-header .header-box  .xl4{ width:100% !important}
.tab-con li a{  width:100%}
.tab-con li span{ display:none}
.fh5co-nav-toggle{top:18px; }
.slides-txt{ font-size:18px;}
.product-box .item h3{font-size:16px;}
.slides-txt span,.slides-txt a{font-size:14px; display:block}
.project-box .slick-slide h3{ font-size:14px;}
.about-box .content,.list-news-box .item .media .media-body h3 a{font-size:14px;}
.top-nav li a{ font-size: 15px;margin-right:12px;}
.top-nav li{line-height:26px;}
#picture{ height:150px;}
#picture li{width: 146px; height:146px;}
#picture li h3{ font-size:14px}
}
/* 内页 end*/

/* ======置顶 ======*/
.backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:7;background:#666 url(../images/icon-gotop-fixed.png) no-repeat center center;border-radius:50%}
.backToTop:hover{background-color:#333;}