body{ font-family:Arial, Helvetica, sans-serif;font-size: 14px;font-weight: 300;line-height: 1.78;font-weight:normal;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;}
.label label{ font-size:16px; color:#666}
.input{ height:52px; line-height:52px; background:#fff;border-color:#a4a6a8}
textarea.input{ height:70px;}
.vertical-middle{width: 100%;height: 100%;display: table;}
.vertical-middle > div{display: table-cell;vertical-align: middle;}
.form-group{ padding-bottom:25px;}
a{color:#333;text-decoration:none; transition:none}
a:focus,a:hover{color:rgb(175,0,0);transition:none}
.bg-main{ background:#000;border:1px solid #000 !important;width:100%;display:block;height:55px;font-size:16px;}
.bg-main:hover,.bg-main:focus{border:1px solid #f9567a !important; background:#f9567a !important}
.bg-reset{ background:#575757;border:1px solid #575757 !important; color:#fff}
.bg-reset:hover,.bg-reset: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;}
ul,li{ padding:0; margin:0; list-style:none}
.not-animated{ opacity:0}
.layout{ overflow:hidden}
#fh5co-header .layout,.layout.mid-nav{overflow:visible;width: 100%;}
.red{ color:#f00}
.blank30{ height:30px; line-height:30px; clear:both}
.container-layout{ max-width:95%; margin:0 auto}
.more a{ display:block; height:46px; line-height:46px; width:125px; text-align:center; font-size:14px; color:#fff;font-size:16px; background:#1255a0; border-radius:25px; border:1px solid #1255a0;margin: 10px auto 95px;width: 125px;}
.more a:hover{ background:#fff; color:#333 }
.none{ display:none}
.col-2-form{ width:50%; float:left}
.col-2-form1 .field{ margin-right:10px;}
.col-2-form2 .field,.col-2-form2 .label{ margin-left:10px;}
.col-3-form{ width:33.33333333333%; float:left}
.col-3-form1 .field,.col-3-form2 .field{ margin-right:10px;}
.col-3-form3 .field{ margin-left:10px;}

.label label{ font-weight:normal}
select{border-radius:0px; height:36px; line-height:36px;border: solid 1px #e5e5e5;appearance:none;-moz-appearance:none; -webkit-appearance:none; background:#fff url(../images/sellect-arrow.jpg) no-repeat 98% center; color:#333 ; width:100%; padding:0 5px 0 4px; }
.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: 116%; background-size:contain !important }
.artzoomimgs{ padding-bottom: 70%;}
.catzoomimgs{ padding-bottom: 50%; background-size:contain !important }
.casezoomimgs{ padding-bottom: 75%;background-size:cover !important;}
.casezoomimgone{ padding-bottom: 64.4444444%;background-size:contain !important;}
.chazoomimgs{ padding-bottom: 75%; }
.ddpiczoomimgs{padding-bottom: 85.239%;background-size:contain !important }
.kyzoomimgs{ padding-bottom: 137%; }
.ygzoomimgs{ padding-bottom: 75%;background-size:contain !important }
.picccczoomimgs{padding-bottom: 54%;}
.linkzoomimgs{ padding-bottom: 50%;}
.linkszoomimgs{ padding-bottom: 63%;}
.szoomimgs{ padding-bottom: 71%;}
.certzoomimgs{ padding-bottom: 100%;}
.catzoomimgs{padding-bottom: 47%;}
.tcatzoomimgs{padding-bottom: 32%;}

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


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

.pic-img-boxs img,.inner-header 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:65px 0 33px;}
.fh5co-heading h2{display:inline-block; font-size:48px; font-weight:bold;color:#eb365d; line-height:1;  position:relative;z-index:1; } 
.fh5co-heading h2:befores{ content:''; height:2px; width:63px; position:absolute; left:0px; right:0;bottom:-18px; background:#1255a0;}
.fh5co-heading h2 a{color:#1255a0;}
.fh5co-heading h2 a:hover,.fh5co-heading h2 a:focus{ color:rgb(175,0,0); cursor:pointer}
.fh5co-heading p{ font-size:18px; color:#6b6b6b; margin-top:15px; font-family:Times New Roman}

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

/*顶部导航 begin*/
.toptxt{ background:url(../images/topbg.jpg) repeat; font-size:18px; color:#fff; padding:11px 0; line-height:1}
.toptxt .lan{ float:right}
.toptxt .lan a{ margin-right:0; color:#fff; padding:0 8px; font-size:16px;}
.toptxt .lan a:hover{color: #fff; text-decoration:underline}

.head-top{ background:#2c2e2d; color:#fff; line-height:40px; position:relative;z-index:1}
.tel-t .tel-box{ display:inline-block; background:url(../images/tel.png) no-repeat left center; width:23px; height:22px; vertical-align:middle; margin:0 5px 0 10px;}
.webcome{}
.top-link li{ display:inline-block;}
.top-link li a{ color:#fff; display:block; margin:0 6px; font-size:17px;} 
.search_con{ background:none; height:39px; margin:31px 0 0 30px; border:1px solid #e5e5e5;border-top-left-radius:40px;border-bottom-left-radius:40px;border-top-right-radius:40px;border-bottom-right-radius:40px}
.search_con .skw{height:39px;width:190px;line-height:40px;border:0;padding:0px;color:#a6a5a5;float:left;text-indent:12px;background:none;}
.search_con .sub{height:37px;width:40px;line-height:19px;border:0px;padding:0px;color:#fff;font-size:18px; text-align:center;cursor:pointer;float:left;background:#1255a0;border-radius:50%}

.top-head .inner-box{z-index:21; position:relative}
#fh5co-header  .header-box{ position:relative;z-index:1}
#fh5co-header .header-box .tnav-bg{ position:absolute; top:0; width:100%; height:69px; line-height:69px; z-index:2;background:#fff;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7; opacity: 0.7;}
.inner-header{/* background:url(../images/comHd_bg_03.jpg) repeat-x left bottom;*/box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
#fh5co-header .top-head.fixed-top{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);width: 100%;z-index: 3; background:#fff}
#fh5co-header .topinfo-bg{ background:#f7f7f7; height:33px; line-height:33px;}
.lan .cn{ color:#1c80c0}
#fh5co-header .navbar{ boder:none}
#fh5co-header .logo{padding:19px 0px 12px;}
#fh5co-header .logo h1{ line-height:1}
#fh5co-header .logo img{ }
#fh5co-header .top-nav li{ display:inline-block; line-height:90px;padding:0 12px;}
#fh5co-header .top-nav li span{ display:inline-block;color:#333;font-size: 18px; position:relative; z-index:1; line-height:90px;position:relative;}
#fh5co-header .top-nav li.active span{color:#fc577b;}
#fh5co-header .top-nav li:hover{cursor:pointer}
#fh5co-header .top-nav li a.first-level:afters{ content:''; position:absolute; width:1px; background:#ccc; height:16px; right:-32px; top:42px;}
#fh5co-header .top-nav li:last-child a:after{ display:none}
#fh5co-header .top-nav li a:hover,#fh5co-header .top-nav li.current a.first-level,#fh5co-header .top-nav li:hover a.first-level{color: #1255a0; }
#fh5co-header .top-nav li a.first-level:hover:befores,#fh5co-header .top-nav li.current a.first-level:befores,#fh5co-header .top-nav li:hover a.first-level:befores{content:''; position:absolute; height:1px; width:100%; background:#1255a0;left:0; bottom:23px;}
#fh5co-header .top-nav li i.icon-angle-right{ display:none}
#fh5co-header .top-nav li ul{border:none;left:-13px;border-radius:0;margin:0;padding:0;min-width: 160px;z-index: 4;background: #fff;border:none;top:100px; padding:0px 0; }
/*#fh5co-header .top-nav li ul:before{position: absolute;top: -7px;left: 32px;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: '';}
#pc-header .top-middle .nav ul:after{position: absolute;top: -6px;left: 33px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #fff;border-left: 6px solid transparent;content: '';}*/
#fh5co-header .top-nav li ul li{margin:0;padding:0;height:auto;display:block;height:auto; background:#fff;}
#fh5co-header .top-nav li ul li a{color:#333;display:block;width:100%;height:42px;line-height:42px;margin:0;text-align: left;min-width:160px;text-align:center;transition:none;padding:0 15px;white-space: nowrap;text-transform: capitalize; font-weight:normal;font-size:18px;}
#fh5co-header .top-nav li ul li:hover a{background:#1255a0;color:#fff;}
#fh5co-header .top-nav li ul li ul{left:100% !important;top:0px}
#fh5co-header .top-nav li ul li:hover ul li{background:#1255a0;}
#fh5co-header .top-nav li ul li ul li a{height:42px;line-height:42px;font-size:18px; }


/* 按钮 */
#fh5co-header .right-info{ margin:30px 0 0 155px;}
#fh5co-header .right-info li{display:inline-block;}
#fh5co-header .right-info li a{ display:inline-block; }
#fh5co-header .right-info li.search-box a img{ vertical-align:top; margin-top:2px;}
#fh5co-header .right-info li:first-child a{ background-position:0 0px}
#fh5co-header .right-info li.lanli{ background:url(../images/global.png) no-repeat left top; margin-left:10px;padding-left:15px;}
#fh5co-header .right-info li.lanli a{ vertical-align:top; margin:0 15px;}
#fh5co-header .right-info li.lanli a.cn{ color: #d00;}
/*search*/
#toclickbox{ display:none; border:none; font-size:24px; position:fixed; top:14px; right:40px; color:#000;z-index:6}
#toclickbox:focus,#toclickbox:hover{ background:none}
.top-lan{ margin:40px 0 0 20px;}
.top-lan img{ vertical-align:middle; margin-right:9px;}
.top-lan span.tops{background:url(../images/ricons.jpg) no-repeat left 0px; display:inline-block; width:9px; height:6px; margin-left:5px; vertical-align:middle; position:relative;top:2px;}
.top-lan li ul{ width:116px;min-width: 50px;right:0px; left:auto !important}
/*.top-lan .nav-inline li a{ padding:5px 5px;}
.top-lan .nav-inline li a:hover{ color:#1255a0}
.top-lan .nav-inline.nav-menu  ul a{ padding:3px 0 3px 10px; }
.top-lan .nav-inline.nav-menu  ul a:hover{ color:#1255a0}*/

.searchkey{height:30px;line-height:30px; color:#666; padding-top:4px; overflow:hidden;}


/*顶部导航 end*/

/*mobile header begin */
.fh5co-nav-toggle, #fh5co-page{}
.fh5co-nav-toggle, #fh5co-page{position: relative;}
#fh5co-offcanvas{ display:none;position:fixed;z-index:10;background:rgba(255,255, 255, 0.95);width:100%;height:calc(100% - 70px);top:62px;font-size:14px;line-height:40px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
#fh5co-offcanvas ul{ float:none !important}
#fh5co-offcanvas ul li i{position:absolute;top:0px;right:0px;height:30px; width:30px;padding:0px 7px 0 7px; font-size:18px; transition: transform 0.5s; cursor:pointer}
#fh5co-offcanvas ul li i.on {transform: rotate(90deg); transition: transform 0.5s; right:-3px; top:10px;font-size:19px}
#fh5co-offcanvas ul li{border-top:1px #e9e9e9 solid;margin-left:20px;position:relative;font-size:14px}
#fh5co-offcanvas ul li:first-child{ border-top:none}
#fh5co-offcanvas ul li ul{display:none}
#fh5co-offcanvas ul li ul li{ border-top:none;margin-left:15px;}
#fh5co-offcanvas ul li a{color:#333;text-transform:none;line-height:32px;}
#fh5co-offcanvas ul li ul li a{color:#555;display:block;text-align:left; background:none; padding:2px 0;line-height:26px; }
#fh5co-offcanvas ul li ul li i{top:-5px;}
#fh5co-offcanvas ul li ul li i.on{top:5px;}
#fh5co-offcanvas ul li ul li ul li a{font-size:12px; line-height:22px;padding:0px 0;color:#777;}
#fh5co-offcanvas ul li ul li img{ display:none}

.fh5co-nav-toggle{cursor: pointer;text-decoration: none; }
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after{background: #000;}
.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: 28px;height: 4px;color: #000;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #000;transition: all .2s ease-out;}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after{content: '';width: 28px;height: 4px;background: #000;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.fh5co-nav-toggle i::before{top: -9px;}
.fh5co-nav-toggle i::after{bottom: -9px;}
.fh5co-nav-toggle:hover i::before{top: -10px;}
.fh5co-nav-toggle:hover i::after{bottom: -10px;}
.fh5co-nav-toggle.active i{background: transparent;}
.fh5co-nav-toggle.active i::before{top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.fh5co-nav-toggle.active i::after{bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.fh5co-nav-toggle{position: absolute;top:17px; right: 10px;z-index: 29;display: block;display: none;cursor: pointer;}

#toclickbox{ display:none; border:none; font-size:24px;z-index: 29; position:absolute; top:14px; right:40px; color:#000;}
#toclickbox:focus,#toclickbox:hover{ background:none}
/*mobile header end */



/* 底部 begin*/
footer{color:#fff;font-size:18px;}
footer .footer-top{background:#1255a0; padding:25px 0 35px;}
footer a{ color:#fff}
footer a:hover,footer a:focus{color:#fff}
footer .footer-top { color:#fff}
footer .footer-top .blogo{ width:80%;}
footer .footer-top h3{ font-size:24px; color:#fff; margin-bottom:7px; }
footer .footer-top .btel{background:url(../images/btel.png) no-repeat left 3px; margin-top:18px; padding:0 0  8px 37px; font-size:18px; }
footer .footer-top .bot-link li{ display:inline-block; margin:8px 8px 0 0;}
footer .footer-top .bot-link li span{ display:inline-block; font-size:20px;}
footer .footer-top .foot-contact p{ line-height:30px;}
footer .footer-top .item{ position:relative; min-height:180px;}
footer .footer-top .item6{ margin-left:10px;}
footer .footer-top .item1 li{ float:left; width:40%; }
footer .footer-top .col-5-1:last-child .item:before{ display:none}
footer .footer-top .con li{ line-height:35px;}
footer .footer-top .con li a{color:#e3e3e3}
footer .footer-top .con li a:hover{color:#ed1b24}
footer .footer-top .form-box{ max-width:335px; margin-top:11px;}
footer .footer-top .input{ background:#303030; height:35px; line-height:34px; border-radius:0; border:1px solid #5b5b5b; color:#fff}
footer .footer-top .form-group{ padding-bottom:10px;}
footer .footer-top .button{ width:95px; height:36px; background:#ffa200; border:1px solid #ffa200; color:#fff; margin-top:5px;border-radius:0;}
footer .footer-bot{background:#1255a0; padding:40px 0 25px;}
footer .footer-bot .Copyright{ display:inline-block; margin-right:12px;}
footer .footer-bot .foot-nav{display:inline-block}
footer .footer-bot .foot-nav a{ position:relative; margin:0 8px;}
footer .footer-bot .foot-nav a:before{ content:''; position:absolute; height:12px; width:1px; right:-10px; top:2px; background:#a0a0a0}
footer .footer-bot .foot-nav a:last-child:before{ display:none}
footer .footer-bot .item h3{ font-size:24px; color:#fff; margin-bottom:8px; position:relative}
footer .footer-bot .item h3:befores{ content:''; position:absolute; left:-17px; top:8px;width:3px; height:16px; background:#eaa202}
footer .footer-bot .item .nav-box li a{ display:block; color:#fff; padding:3px 0}
footer .footer-bot .item .nav-box li a:hover{color:#fff}
footer .footer-bot .item1 img{ margin-bottom:35px; }
footer .footer-bot .item4 ul li{margin-bottom:6px; }
footer .footer-bot .item1 li{ padding-bottom:8px;}
footer .footer-bot .item1 li i{ color: #d00;; font-size:15px;}
footer .footer-bot .item1 li .icons{ width:16px;}
footer .footer-bot .item5 .brode-text{text-align:left;margin:37px 0 0 10px;line-height:2}
footer .footer-bot .email-txt{ margin-top:25px; width:200px; margin-right:8px;display:inline-block; position:relative;}
footer .footer-bot .sub-btn{ width:70px; display:inline-block; position:relative;top:2px;}
footer .footer-bot .email-txt input.form-control { height:42px; line-height:42px; font-size:14px; width:200px; margin-top:8px; text-indent:6px;}
footer .footer-bot .sub-btn input.btns{ background:#1c42b9; color:#fff; font-size:18px; border:none; width:110px; height:42px; line-height:42px;}
footer .footer-bot .item1 span{ display:inline-block; margin:0 6px; font-size:20px;}
footer .footer-topp{ background:#333; padding:40px 0;}
footer .footer-topp p{line-height:1.7}
footer .foot-a-box{ padding-right:50px;}
/* 底部 end*/

.cart-btn-box #f-weixin-id{ position:relative;z-index:1}
.cart-btn-box .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: -8px;min-height: 32px;padding: 0;position: absolute;text-align: left;top: 52px;white-space: normal;width: 142px;z-index: 1800;background:#fff;}
.cart-btn-box .weixint-content:befores{position: absolute;top: -9px;left: 61px;width: 0;height: 0;content: '';}
.cart-btn-box .weixint-content:afters{position: absolute;top: -8px;left: 61px;width: 0;height: 0;border-right: 8px solid transparent;border-bottom: 8px solid #ccc;border-left: 8px solid transparent;content: '';}
.cart-btn-box .weixint-content img{width:136px; height:136px;}

#marquee1{height:449px;overflow:hidden;}
#marquee1 ul li{float:left; padding:0 1px; background:#fff;margin:0 10px;border:1px solid #e5e5e5;}
#marquee1 ul li .p-inner{width:325px; height:380px; overflow:hidden}
#marquee1 ul li img{display:block;}
#marquee1 ul li .con{ margin:0 15px; border-top:1px solid #e5e5e5}
#marquee1 ul li .con h3{text-align:center;padding:17px 0}
#marquee1 ul li .con h3 a{}

/*首页轮换图片 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{background-repeat: no-repeat; background-size:100% auto; background-position: center center;}
.flexslider .slides > li a{ display:block;  background-repeat:no-repeat; background-position:center center; background-size:cover}
.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:3%;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: #fff; border-radius:50%;border:1px solid #1255a0}
.flex-control-nav .flex-active{background: #1255a0;border:1px solid #1255a0}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;display:none }
.flex-direction-nav li a{display:block;width:37px;height:80px;cursor:pointer;text-indent:-999em;position:absolute;top: 42%; margin-top:-33px;}
.flex-direction-nav li a.flex-prev{left:0px;background: url("../images/an.png") no-repeat left 0px;opacity: 1;}
.flex-direction-nav li a.flex-next{right:0px;background: url("../images/an.png") no-repeat right 0px;opacity: 1;}
.flex-direction-nav li a.flex-next:hover{background:url("../images/an.png") no-repeat right 0px;opacity: 0.75;}
.flex-direction-nav li a.flex-prev:hover{background: url("../images/an.png") no-repeat left 0px;opacity: 0.75;}


.index-pro-box{ padding:72px 0 75px;}
.pro-box .item{ position:relative;transition: transform 1s ease 0s; overflow:hidden}
.pro-box .item .media-img img{ width:100%;transition: transform 1s ease 0s;transform: scale(1);}
.pro-box .item .zoomimgs{}
.pro-box .item h3{opacity:0; position:absolute; height:50px; line-height:50px; color:#fff; font-size:16px; background:#eaa202;bottom:0px; left:0; width:100%; text-align:center}
.pro-box .item h3 a{ color:#fff;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro-box .item2{ margin-bottom:23px;}
.pro-box .item:hover h3{ opacity:1;transition: all .5s ease-out;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}

/* 产品展示 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*/
.hot-product-box { padding:25px 0 90px;background:#f9f9f9  }
.hot-product-box .fh5co-heading h2:before{ content:''; height:3px; width:79px; position:absolute; left:0px; right:0;bottom:-18px; background:#fc577b;margin:0 auto}
.hot-product-box .intro{font-size:18px;}
.hot-product-box .show-list{position:relative;margin:40px 0px 50px; padding:0; height:100%;}
.hot-product-box .item .p-inner{ position:relative; }
.hot-product-box .show-list .item{ position:relative;padding:70px 15px 15px;border:10px solid #facdd7;border-radius:50%;height:240px; width:240px; margin:0 auto}
.hot-product-box .item h3{margin:8px 0 0px; overflow:hidden; font-size:14px; color:#333; height:48px; line-height:22px;}
.hot-product-box .show-list .list{margin-top:55px;}
.hot-product-box .show-list .list .names{font-size:20px;}
.hot-product-box .show-list .list .moves{font-size:30px;color:#fc577b}
.hot-product-box .show-list .item3{padding:50px 15px 15px;}
.hot-product-box .more-list .item{box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2); margin-bottom:10px;border-radius:10px;}
.hot-product-box .more-list .l-item{float:left;width:145px;height:130px;background:#eb365d;color:#fff;font-size:24px;border-top-left-radius:10px;border-bottom-left-radius:10px;line-height:1.4;padding:15px 15px}
.hot-product-box .more-list .r-item{float:left;width:calc(100% - 150px); }
.hot-product-box .more-list .inner{background:#feedf0; font-size:18px;margin:15px 0 0;border-radius:5px;padding:5px}

.list-why-box{padding:35px 0 5px;}
.list-why-box .list{margin-top:25px;}
.list-why-box .item{margin-bottom:70px; }
.list-why-box .imgs{background:#000;width:80px; height:80px; margin:0 auto;border-radius:50%;display: flex;justify-content: center; align-items: center; transition:transform 1s ease 0s;}
.list-why-box .imgs img{vertical-align:middle;}
.list-why-box .item:hover .imgs{background:#fc577b;transition: all .5s ease-out;}
.list-why-box .names{font-size:18px;margin:10px 0 0px}
.list-why-box .moves{font-size:16px;color:#666;height:83px; overflow:hidden}

.hot-product-box .show-list .owl-controls{ position:absolute; bottom:-80px; width:100%; height:30px;}
.hot-product-box .show-list .owl-controls .owl-buttons div{position:absolute;top:43%; margin-top:0px; width:40px; height:40px; line-height:58px; font-size:0px; padding:0; margin:0; color:#a7a7a7; opacity:1; text-align:left;border-radius:50%; background:none}
.hot-product-box .show-list .owl-controls .owl-buttons div:hover{color:#333; }
.hot-product-box .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:40px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:42px;}
.hot-product-box .show-list .owl-controls .owl-prev{ left:-50px; text-indent:5px; }
.hot-product-box .show-list .owl-controls .owl-prev:before{content:"\f104"; }
.hot-product-box .show-list .owl-controls .owl-next{ right:-50px; text-indent:8px; }
.hot-product-box .show-list .owl-controls .owl-next:before{content:"\f105"}
.hot-product-box .show-list .owl-theme .owl-controls .owl-page span{ background:none; border:1px solid #999;opacity: 1;margin: 5px 5px;}
.hot-product-box .show-list .owl-theme .owl-controls .owl-page.active span{  border:1px solid #1255a0;opacity: 1;}

.inner-product-box .item{background:#fff; padding:25px 20px 40px; border:1px solid #eae9e9; webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; position:relative}
.inner-product-box .item:hover{box-shadow:0 0 10px 2px rgba(0,0,0,0.05); border-color:#ffffff;}

.inner-product-box .item .cat-name{font-size:14px;color:#8fbc01; height:28px; overflow:hidden;}

.inner-product-box .item .infos{ text-align:left; padding:15px 0}
.inner-product-box .item .p-inner{ overflow:hidden}
.inner-product-box .item .infos ul li{ font-size:15px; color:#666; line-height:26px; overflow:hidden; white-space:nowrap}
.inner-product-box .item .infos ul li span{color:#8fbc01;}
.inner-product-box .item .p-btn{ font-size:16px;}
.inner-product-box .item .p-btn .icon01{width:17px; height:17px; background:url(../images/pro_list01_sele02.png) no-repeat center/cover; display:inline-block; vertical-align:middle; margin-right:8px; background-position:0 0;}
.inner-product-box .item .p-btn .icon01.plp-item-chked{background-position:-17px 0;}
.inner-product-box .item .p-btn .right a{color:#8fbc01}
.inner-product-box .item .p-btn .icon02{width:20px; height:19px; background:url(../images/pro_list01_02.png) no-repeat center/cover; display:inline-block; vertical-align:middle; margin-left:8px;}
.inner-product-box .item .p-inner{ }
.inner-product-box .item:hover .piczoomimgs{transition: transform 1s ease 0s;opacity:0.8}
.inner-product-box .item:hover h3{color:#fff;}
.inner-product-box .item .top-con{position:absolute;left:0;font-size:18px;bottom:0px;width:100%;height:38px; line-height:16px;color:#fff;padding:0 12px 5px;overflow:hidden; webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.inner-product-box .inner_table{display:table;width:100%;height:100%;}
.inner-product-box .inner_cell{display:table-cell;width:100%;vertical-align:middle;}
.inner-product-box .item h3{ font-size:18px; margin:0px 0 15px;  overflow:hidden; line-height:24px; white-space:nowrap;text-overflow:ellipsis;width:calc(100% - 20px) }
.inner-product-box .item:hover .top-con{height:100%;background:rgba(0,0,0,0.6);}
.inner-product-box .item:hover  h3{line-height:28px;white-space:normal}

.index-leftbar{width:260px;float:left;margin-right:-260px;z-index:2; position:relative}
.index-rightbar{width:100%;float:left;z-index:1; position:relative}
.index-rightbar .right-content{margin-left:290px;}
.index-rightbar .right-content .title{ border-bottom:1px solid #e5e5e5; padding-bottom:5px; margin-bottom:25px;  color:#1255a0; }
.index-rightbar .right-content .title span{ color:#666; font-size:14px; font-weight:normal; display:inline-block; margin-top:3px;}
.left-menu{ margin-bottom:10px; background:#fff; text-align:left; border:1px solid #e5e5e5 }
.left-menu .btitle{ font-size:18px; font-weight:normal; height:55px;  line-height:55px; background:#fff; color:#333; border-bottom:1px solid #e5e5e5;  font-size:18px;text-indent:1em; position:relative}
.left-menu .btitle:before{ content:''; position:absolute; left:-1px; top:20px; height:18px; background:#eaa202; width:1px;}
.left-menu  ul{ padding:10px 0}
.left-menu li{padding:5px 0px 10px; background:url(../images/ricion.png); background-repeat:no-repeat; background-position:95% 20px;   text-indent:1em; color:#333;cursor: pointer; position:relative; font-size:16px; z-index:9999; }
.left-menu li.current a{ color: #d00;}
.left-menu ul li ul{position:absolute; left:260px; top:-1px; display:none; width:250px; z-index:99999; border:1px solid #E6E6E6; background:#EFEFEF;padding: 0}
.left-menu ul li ul li{ width:250px; float:left; padding:10px 0px; background:none;}

/*首页产品*/
.product-box{ padding:40px 0 20px; overflow:hidden }
.product-box .inner{ margin-left:-3px;margin-right:-3px;}
.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 3px 6px;}
.product-box .item .p-inner{ overflow:hidden;position:relative;}
.product-box .item { }
.product-box .item .overlay{ opacity:0;position:absolute;  z-index:2;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.7;-khtml-opacity: 0.7; opacity: 0.7;}
.product-box .item .overlay a{ display:inline-block;width: 46px; height: 46px; line-height: 46px; margin: 0 6px; border-radius: 50%; background: #fff; color: #232323; display: inline-block; font-size: 22px; text-align: center; transition: all 0.2s ease 0s; border: 2px solid #fff; text-align:center; color:#007cc2; position:relative; z-index:3}
.product-box .item .overlay a.sedgoodscss,.product-box .item .overlay a:hover{background: #007cc2; color: #fff;}
.product-box .item .overlay div{text-align:center; }
.product-box .item h3{ font-size:16px; color:#333; height:44px; overflow:hidden; line-height:22px; margin:10px 0 5px; }
.product-box .item:hover h3{ }
.product-box .item .content{ padding:15px;}
.product-box .item .desc{ color:#888; font-size:12px; line-height:1.2; height:60px; overflow:hidden}

.product-list-box{}
.product-list-box .item .p-inner{ overflow:hidden;}
.product-list-box .item h3{ font-size:14px; margin-top:10px; overflow: hidden; height:40px; line-height:20px; }
.product-list-box .item:hover h3{ color:#007cc2}
.product-list-box .item .addtoquote a{ margin:8px 0 0; display:block; background:#007cc2;color:#fff; font-size:14px; width:90px; height:30px; line-height:28px; text-align:center;border-radius:5px; border:1px solid #007cc2}
.product-list-box .item .addtoquote a:hover{ background:#eaa202;border-color: #d00;}
.product-list-box .item .addtoquote a.sedgoodscss{ color:#fff; background:#eaa202;border-color: #d00;}

.slides-txt{ background:#007cc2;  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}

.c-more a{ display:block; background:none;color:#007cc2; font-size:14px; width:118px; height:40px; line-height:40px; text-align:center; margin:0 ;border-radius:25px; border:1px solid #007cc2; margin:0 auto}
.c-more a:hover{ background:#007cc2; color:#fff}

.ptitle h2{ font-size:30px; color:#333;  position:relative;z-index:1; font-weight:bold; height:85px; line-height:65px; display:inline-block}
.ptitle h2:before{ content:''; position:absolute;background:url(../images/raius.png) no-repeat center top; width:60px; height:60px;z-index:-1; left:-20px; top:-8px;}
.ptitle .desc{ color:#666; font-size:14px;}
.contentbox{ padding:65px 0 80px}
.contentbox2{background:url(../images/policy_bg.jpg) no-repeat center top; background-size:cover}
.contentbox .cons{ color:#666; font-size:16px;}
.contentbox .cons p{font-size:16px; line-height:1.9}
.contentbox .media.media-x .float-right{ margin-left:50px;}
.contentbox .media.media-x .float-right img{ margin-top:13px;}

.form-contact-con{ margin-left:40px;}

/*关于*/

.solution .item{ border:3px solid #007cc2; padding:40px;}
.solution .item .itext{ margin-top:10px;}
.solution .heading{ font-size:20px;}

.article-img .item .media_img{ overflow:hidden}
.article-img .item h3{ margin:5px 0}
.article-img .item h3 a{ color:#007cc2; font-size:14px; display:block; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.article-img .item h3 a:hover{color:#007cc2}
.article-img .item .zoomimgs{transition: transform 1s ease 0s;transform: scale(1);}
.article-img .item:hover .zoomimgs:hover{transition: transform 1s ease 0s;transform: scale(1.1);}

.news-boxs .item{ overflow:hidden;padding:15px 10px 10px;-o-transition:all 0.35s ease-out 0s;-moz-transition:all 0.35s ease-out 0s;-ms-transition:all 0.35s ease-out 0s;-webkit-transition:all 0.35s ease-out 0s;transition:all 0.35s ease-out 0s;}
.news-boxs .item:hover{box-shadow:0px 10px 60px rgba(0, 0, 0, 0.20);transform:translateY(-16px);}
.news-boxs .item .time{ font-size:12px; color:#999}
.news-boxs .item h3 a{ font-size:16px; color:#444}
.news-boxs .item .media_img{ margin-top:10px;}
.news-boxs .item .desc{ height:44px; overflow:hidden; color:#999;font-size:12px; line-height:22px}
.news-boxs .item .zoomimgs{}
.news-boxs .item:hover .zoomimgs:hover{transform: scale(1);}

#fh5co-content_show .detail .about-inner img{max-width:540px; margin-right:20px;}


/* 内页 begin*/
#fh5co-content_show{ padding:40px 0 50px; position:relative;}
.pic-img-boxs #fh5co-content_show{ padding:20px 0 50px; }
#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;color:#666}
#fh5co-content_show .qhd-title span{margin:0 5px;color:#999}
#fh5co-content_show .titles{border-bottom: 1px solid #dedede;height: 33px;margin-bottom: 30px;text-align: left;}
#fh5co-content_show .titles 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: #666;}
#fh5co-content_show .qhd-title{ border-bottom:1px solid #eee; margin-bottom:25px; padding-top:6px;font-size:16px;}
#fh5co-content_show .qhd-title strong{ font-weight:normal}
.mid-nav,.top-point-nav{border-bottom:1px solid #e5e5e5}
.mid-nav .xb3{ float:right}
.mid-nav .leftbar{  position:relative;z-index:2;}
.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,.point-nav li{line-height:1.5; padding:0px 10px; display:inline-block}
.mid-nav .submenu li:last-child,.point-nav li:last-child{ border-bottom:none}
.mid-nav .submenu li a,.point-nav li span{ display: block; margin:0; font-size:20px; padding:28px 10px 28px;  position:relative;top:1px; color:#333; cursor:pointer}
.mid-nav .submenu li a.current,.mid-nav .submenu li a:hover,.point-nav li.active span,.point-nav li:hover span{ transtion:none; color: #1255a0; }
.mid-nav .submenu li a:before,.point-nav li span:before{ content:''; position:absolute; background:#dadada; height:18px; width:1px; right:-11px;top:35px;}
.mid-nav .submenu li:last-child a:before,.point-nav li:last-child span:before{ display:none}
.mid-nav .ur-here{ padding:12px 0px 14px;  text-align:right }
.top-point-nav.fixed{ position:fixed;z-index:99999;top:0; background:#fff; width:100%; right:0;}



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


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

.contact-addr h3{ color:#333; font-size:30px; line-height:1.6}
.contact-addr .desc{ margin-bottom:22px;}
.contact-addr .maps{ margin-top:18px;}
.contact-addr .cion{ float:left; width:20px; font-size:20px; color:#ccc; line-height:1.6}
.contact-addr .frs{ float:left}
.contact-addr p{ clear:both}
.contact-addr .mr{ display:inline-block; margin-right:20px;}
.contact-addr .icon-mobile{ font-size:30px; line-height:1.1}
.contact-addr a{ color:#666}


.form-contact-con .name-text{ color:#666; }
.form-contact-con .input{ border-radius:0; border-color:#e5e5e5;box-shadow:none}

.show-cons{ margin-top:36px;}
.show-cons h1{ font-size:24px; color:#333}
.show-cons .intro-list .media-body{ color:#666}
.text-rightinfo{ margin-left:20px;}

/*分页*/
.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: #d00;;background:none}
.content_detail .pager li{display:block;text-align:left; line-height:200%}
#fh5co-content_show .pagination a{background: #fff;color:#333;}
#fh5co-content_show .pagination .active,#fh5co-content_show .pagination a:hover{background: #1255a0; 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 .description img{ max-width:100%;overflow:hidden;vertical-align:middle;}
#fh5co-content_show .product-detail .content-img{overflow:hidden; max-width:430px; 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:#333;font-size: 24px;line-height: 33px; border-bottom: 1px solid #ddd; padding-bottom:8px;}
#fh5co-content_show .product-detail .p_desc{color: #888;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:2;margin-bottom:20px; font-size:16px;}
#fh5co-content_show .product-detail .description img{  display:block}
#fh5co-content_show .product-detail .description p{line-height:2; color:#666}
#fh5co-content_show .product-detail .detail-title{float:left;width:100%; border-bottom: 1px solid #ddd;position: relative;height: 37px;margin-top:40px; margin-bottom:25px;}
#fh5co-content_show .product-detail .detail-title h3{background: #fff; color: #333; cursor: pointer; display: inline-block; font-size: 18px; height: 36px; line-height: 36px; text-align: center; width: 126px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; position: absolute; left: 0; top: 1px;}
#fh5co-content_show .rdetail{margin-left:30px;}

/*article*/

#fh5co-content_show .article-media li{ margin:0}
#fh5co-content_show .article-media li:first-child{ padding-top:0}
#fh5co-content_show .article-media li a{display: block;width: 100%;height: 100%;display: flex;align-items: center;transition: all .3s;padding:28px 0px;}
/*#fh5co-content_show .article-media li a:hover{transform: translateY(-5px);transition: all .3s; text-decoration:none; background-color: #d00;; }*/
.article-media .media .caldata .content{ background:#1255a0; text-align:center;margin-right:8px; color:#fff;padding:14px 16px;}
.article-media .media .caldata .content p{ text-align:center}
.article-media .media .caldata .content p.day{ font-size:24px; font-weight:bold;color:#fff; line-height:24px;   margin:0 0 7px}
.article-media .media .caldata .content p.mon-year{ font-size:16px; line-height:22px; margin:0}
.article-media .media .media_img{width: 200px;margin-right:20px; overflow:hidden;transition: transform 1s ease 0s;}
.article-media .media .media_img:hover{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:#666; 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: 18px;color: #333}
.article-media .media-body h3 a{color: #333;font-size: 20px;line-height:100%; font-weight:bold}
.article-media .media-body h3 a:hover{ color: #d00;;}
.article-media .media-body p.desc{color: #666;line-height: 20px; font-size:16px; text-align:left; overflow:hidden; height:44px;}
.article-media .media-body p.cmore{ margin:12px 0 6px;}
.article-media a:hover h3{ color: #d00;}

.article-pic-media li{ border-bottom:1px solid #e4e4e4; padding:25px 0 35px}
.article-pic-media .media .media_img{width: 260px;margin-right:20px; overflow:hidden;transition: transform 1s ease 0s;}
.article-pic-media .media .media_img:hover{transition: transform 1s ease 0s;}
.article-pic-media .media .media_img img{width: 260px;transform: scale(1);transition: transform 1s ease 0s;}
.article-pic-media .media .media_img:hover img{transform: scale(1.1);transition: transform 1s ease 0s;}
.article-pic-media .media .media_img a{border-color: -moz-use-text-color;border-style: none;border-width: medium;padding: 0;}
.article-pic-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-pic-media .media .time{color:#777; font-size:14px; display:inline-block; margin-top:3px;}
.article-pic-media .media .time span{ display:inline-block; margin-right:20px;}
.article-pic-media .media .time a{color:#777;}
.article-pic-media .media-body h3{font-size: 20px; margin-bottom:2px;color: #333}
.article-pic-media .media-body h3 a{color: #333;font-size: 20px;line-height:100%; font-weight:bold}
.article-pic-media .media-body h3 a:hover{ color:#c50000;}
.article-pic-media .media-body p.desc{color: #777;line-height: 20px; font-size:14px;}
.article-pic-media .media-body p.more{ margin:15px 0 0px; background:#1255a0; display:inline-block; color:#fff; padding:6px 15px; position:relative}
.article-pic-media a:hover h3{ color: rgb(175,0,0);}
.article-pic-media a:hover .media-body p.more{ background: #d00; }
.article-pic-media .media-body p.more:before{content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background:#c52525;   
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.article-pic-media a:hover .media-body p.more:before{
	-webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.list-news-box{ background-size:cover;}
.list-news-box .fh5co-heading{background:#000;padding: 55px 0 78px;}
.list-news-box  .fh5co-heading h2{color:#fff;}
.list-news-box  .fh5co-heading h2:before{ content:''; height:3px; width:79px; position:absolute; left:0px; right:0;bottom:-18px; background:#fff;margin:0 auto}
.list-news-box .show_list{padding:75px 45px 35px;}
.list-news-box .item{margin-bottom:40px;}
.list-news-box .item:hover{cursor:pointer}
.list-news-box .item .media-img{position:relative;z-index:1}
.list-news-box .item a{display:block}
.list-news-box .item .overlay{ opacity:0; position:absolute; left:0; right:0;top:0;bottom:0; width:100%; height:100%;transition: transform 1s ease 0s; }
.list-news-box .item:hover .media-img .overlay{ opacity:1; background:#f85377;transition: all .5s ease-out;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9; opacity: 0.9;}
.list-news-box .item .overlay div{ padding:10px; border:1px solid #fff;overflow:hidden}
.list-news-box .item .overlay div h6{ display:inline-block;  color:#fff;  overflow:hidden; text-align:center}

.list-rec-box{background:url(../images/contact_bg.jpg) no-repeat center top;background-size:cover}
.list-rec-box .fh5co-heading h2{color:#f85377}
.list-rec-box .inquiry-form{padding-bottom:105px;}
.list-rec-box .list{margin-top:37px;}
.list-rec-box .imgs{position:relative;z-index:1;}
.list-rec-box .imgs img{width:100%}
.list-rec-box .imgs .l-time{ position:absolute;font-size:18px; content:''; width:90px; height:90px; background:#1255a0; left:25px; top:0; color:#fff}
.list-rec-box .imgs .l-time .day{font-size:36px;margin:13px 0 15px;}
.list-rec-box .litem .con{background:#f1f1f1;padding:17px 15px 25px; font-size:16px; }
.list-rec-box .litem .con h3{font-size:20px;margin-bottom:6px;}
.list-rec-box .litem .desc{color:#666; height:22px; overflow:hidden;}
.list-rec-box .media .caldata .content{ text-align:center;margin-right:25px; color:#666;padding:14px 23px;}
.list-rec-box .media .content{position:relative;z-index:1}
.list-rec-box .media .content:after{ position:absolute; content:''; width:1px; height:100%; background:#e1e1e1; right:0px; top:0}
.list-rec-box .media{background:#f1f1f1; padding:16px; margin-bottom:44px;}
.list-rec-box .media .caldata .content p{ text-align:center}
.list-rec-box .media .caldata .content p.day{ font-size:36px; font-weight:bold; line-height:24px;   margin:6px 0 13px}
.list-rec-box .media .caldata .content p.mon-year{ font-size:18px; line-height:22px; margin:0}
.list-rec-box .media .desc{font-size:16px; color:#666;line-height:29px;height:58px; overflow:hidden;}
.list-rec-box .media h3{font-size:20px;}
.list-rec-box .media:hover .caldata .content{color:#1255a0}
.list-rec-box .media{position:relative;z-index:1}
.list-rec-box .media:after{position:absolute; content:''; width:12px; height:100%; background:#1255a0; left:0px; top:0;display:none}
.list-rec-box .media:hover:after{display:block}
.list-rec-box .litem .item{padding-right:55px;}
.list-rec-box .input-help li{text-align:left;}

.inner-about-box{background-position:center top; background-size:cover; background-repeat:no-repeat;position:relative; padding:0 0; }
.inner-about-box .con{ font-size:16px; text-align:center; width:80%; margin:0 auto}
.inner-about-box .con p{ line-height:2}
.inner-about-box .a-list{ background:#fff; border:1px solid #eee; max-width:860px; margin:52px auto  85px;box-shadow:0 0 8px 1px rgba(0,0,0,0.1); padding:32px 15px;}
.inner-about-box .a-list .item{ text-align:center; position:relative}
.inner-about-box .a-list .item:after{ position:absolute; content:''; width:1px; height:100%; background:#ededed; right:-12px; top:0}
.inner-about-box .a-list .xm4:last-child .item:after{ display:none}
.inner-about-box .a-list .item h3{ font-size:60px; color:#1255a0; line-height:1.3}
.inner-about-box .a-list .item p{ font-size:16px;}

.why-choos-box .con{ font-size:16px; text-align:center; width:80%; margin:10px auto 0}
.why-choos-box .con p{ line-height:2}
.why-choos-box .wcontentbox{ background:#f9f9f9}
.why-choos-box .top-box{ margin-bottom:50px;}
.wcontentbox .content{ padding:0 20px 0 40px;}
.why-choos-box .wcontentbox h2{font-size:26px; color:#1255a0; margin:15px 0 2px; }
.why-choos-box .wcontentbox .cons{ line-height:2}

.index-product-box{padding-top:25px;}
.accordionBox {width: 100%; height: 630px; margin: 30px auto 0px auto;position: relative;overflow: hidden; white-space:nowrap}
.accordionBox ul {height:100%; overflow: hidden;width:100%; white-space:nowrap }
.accordionBox ul li {  width: 20%; height: 100%;position: relative;overflow: hidden;float: left;z-index:1 }
.accordionBox ul li .img-boxs{width:100%;height: 100%;position: relative;}
.accordionBox ul li .img-boxs span{position:absolute; left:0; width:100%; height:100%; right:0; top:0;background:rgb(0,0,0,.3);z-index:2 }
.accordionBox ul li img.timgs {width:100%;height: 100%;object-fit: cover;}
.accordionBox ul li.first { width: 40%;}
.accordionBox ul li .overlay{position:absolute; left:0; width:100%; height:100%; right:0; top:0;z-index:3}
.accordionBox ul li .overlay h3 a{ display:block;color:#fff;font-size:30px; font-weight:bold;margin-bottom:5px;}
.accordionBox ul li .overlay .lists a{ display:block; font-size:18px; color:#fff;line-height:36px;}
.accordionBox ul li .overlay .inner{position: relative;color:#fff;padding:48px 0 0 44px}
.accordionBox ul li .overlay .cat-more{margin-top:12px;}
.accordionBox ul li.on .img-boxs span{background:none}
.accordionBox ul li:hover{cursor:pointer}

.list-bottom-box{ margin-top:0px;background-color:#fff; color:#333; background-position:center top; background-size:contain; background-repeat:no-repeat;position:relative; padding:0px 0 46px; position:relative;z-index:1;}
.list-bottom-box .about-pc-img{ position:absolute; left:0; width:100%; height:100%; right:0; top:0}
.list-bottom-box .item1{}
.list-bottom-box .fh5co-heading{ text-align:left !important ;  padding: 0px 0 20px; color:#fff}
.list-bottom-box .fh5co-heading h2{ position:relative; }
.list-bottom-box .fh5co-heading h2:before{}
.list-bottom-box .item2{ font-size:16px; line-height:2}
.list-bottom-box .item1 .con{ margin-bottom:80px; font-size:18px; line-height:2; color:#666}
.list-bottom-box .item1 .con p{ line-height:2; margin-bottom:15px;}
.list-bottom-box .item1{ padding:155px 0 180px;}
.list-bottom-box .a-list .item { }
.list-bottom-box .a-list .item h3{ font-size:60px; color:#1255a0; font-weight:bold; margin-bottom:20px; height:70px; line-height:1}
.list-bottom-box .a-list .item p{ font-size:20px; color:#333;}
.list-bottom-box .a-list .item1 p{ text-indent:32px;}
.list-bottom-box .a-list .item2 p{ text-indent:23px;}
.list-bottom-box .a-list .item3 p{ text-indent:42px;}
.list-bottom-box .more a{margin: 30px 0 0px; background:none; color: #d00;;text-align: left; line-height:1; height:16px;}
.list-bottom-box .more a:hover{color: #d00;;}
.list-bottom-box .show_list{ }
.about-play-box  .play-btn{z-index:4; position:absolute; color:#fff;top:235px;left:30%;transition:all .35s ease-in-out;background:rgb(159,208,3,.4);border-radius:50%;width:66px; height:66px;}
.about-play-box .play-btn .inner{ width:50px; height:50px; line-height:50px;border-radius:50%;background:#eaa202; margin:8px auto 0;text-align:center}
.about-play-box .play-btn i{ font-size:20px; display:inline-block; margin-left:3px; }

.list-bottom-box .flex-control-nav{ display:none}
.list-bottom-box #fh5co-hero2{ position:absolute;z-index:-1;left:0; width:100%; height:100%; right:0; top:0}

.form-x .form-group .label{ width:22%;}
.form-x .form-group .field{ width:78%;}
.form-x .form-button{ margin-left:22%}


.list-case-box{  background:#f8f8f8 url(../images/case_bg.jpg) no-repeat center top; background-size:cover}
.list-case-box .fh5co-heading{padding: 65px 0 55px;}

.quotelist{overflow:hidden; margin-top:15px; margin-bottom:35px;}
.quoteitem{ width:110%; overflow:hidden; margin:0px auto;}
.quoteitem li{float:left; margin-right:20px; width:120px; overflow:hidden; text-align:center; margin-bottom:20px;}
.quotephoto{width:120px; height:120px; text-align:center; vertical-align:middle; border:1px solid #e5e5e5; box-sizing:border-box;}
.quotephoto img{max-width:100%; height:auto;}
.quotename{display:block; margin-top:15px;}
.quotename a{display:block; height:54px; line-height:18px; overflow:hidden; font-size:12px;}
.delcss{ text-align:center; margin-top:15px;}
.delcss a{display:inline-block; width:70px; height:25px; border:1px solid #007cc2; border-radius:5px; background:#1255a0; color:#fff; font-size:14px;}
.cart-btn-box a{display:inline-block; width:120px; height:40px; line-height:40px; border-radius:5px; background:#1255a0; color:#fff; font-size:16px; text-align:center}
.cart-btn-box a:hover{ color:#fff; background:rgb(175,0,0);}

.case_item{padding:0 15px;margin-bottom:30px;}
.case_item a{float:left;display:block;width:100%;position:relative;}
.case_item_img{float:left;width:100%;overflow:hidden;}
.case_item_img span{}
.case_item_box{position:absolute;left:0;bottom:0;width:100%;height:34px;background:rgba(0,0,0,0.6);color:#fff;padding:0 12px;overflow:hidden; webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.case_item_table{display:table;width:100%;height:100%;}
.case_item_cell{display:table-cell;width:100%;vertical-align:middle;}
.case_item_title{float:left;width:100%;height:34px;line-height:34px;font-size:16px;text-align:center; overflow:hidden;text-overflow:ellipsis;}
.case_item_des{float:left;width:100%;font-size:12px;line-height:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.case_item:hover .casezoomimgs{transition: transform 1s ease 0s;transform: scale(1.3);}
.case_item:hover .case_item_box{height:100%;}

.photoList .item{background:#fff; padding:25px 20px; border:1px solid #eae9e9; webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.photoList .item:hover{box-shadow:0 0 10px 2px rgba(0,0,0,0.05); border-color:#ffffff;}
.photoList .item h3{ font-size:18px; margin:10px 0 0px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.photoList .item .cat-name{font-size:16px;color:#8fbc01; height:28px; overflow:hidden;}
.photoList .item:hover .artzoomimgs{transition: transform 1s ease 0s;transform: scale(1.1);}
.photoList .item:hover h3{color: #d00;}
.photoList .item .photo_item_img{ overflow:hidden}
.photoList .item .desc{ color:#888; height:46px; overflow:hidden}
.photoList .item:hover .desc{ color:#888}

.list-case-box .case_item{margin-bottom:20px;}
.list-case-box .case_item1 .item{ margin-right:3px;}
.list-case-box .case_item1 .case_item_box{height:114px;}
.list-case-box .case_item1 .case_item_title{ text-align:left; font-size:20px;}
.list-case-box .case_item1 .case_item_des{font-size:16px;}


.news-list .video-inner{background-color:#fff;box-shadow:0 1px 10px rgba(0,0,0,.1); overflow:hidden; padding-bottom:20px;}
.news-list .video-inner:hover{box-shadow:0 1px 10px rgba(0,0,0,.4);}
.news-list .item-img .a-inner .artzoomimgs{  webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;z-index:1}
.news-list .item-img.news-image .a-inner img{box-shadow: 0 5px 25px rgba(54,54,54,.3);}
.news-list .item-img  h3 { display:block; color:#333;margin:15px 10px 0px; height:56px; overflow:hidden; font-size:16px;}
.news-list .item-img:hover h3{ color: #d00;}
.news-list .item-img:active,
.news-list .item-img:focus,
.news-list .item-img .a-inner:hover .artzoomimgs{transition: transform 1s ease 0s;transform: scale(1.1);}
.news-list .item-video .a-inner{ position:relative;overflow:hidden;}
.news-list .item-video .play-btn{z-index:4; position:absolute;transform:translate(-50%,-50%); color:#fff;top:50%;left:50%;transition:all .35s ease-in-out;/* background:rgb(159,208,3,.4);border-radius:50%;width:66px; height:66px;*/}
.news-list .item-video .play-btn .inner{ width:50px; height:50px; line-height:50px;border-radius:50%;background:#eaa202; margin:8px auto 0}
.news-list .item-video .play-btn i{ font-size:20px; display:inline-block; margin-left:3px;}
.video-inner{ cursor:pointer}
.video-id-boxs{display: none; position: fixed;top: 0;left: 0;right: 0;bottom:0; width:100%;height:100%;z-index: 990; }
.closess{position: fixed;right: 1%;top: 1%;border-radius: 100%;width: 25px !important;height: 25px !important;z-index:2093;color:#fff; }
.closess span{font-size:37px;}
.fancybox-iframe{display:block; padding:0; border:0; height:100%; background:#000; width:100%;}
.video-id-boxs .inner{ position:relative;width: 80%;height: 80%;top: 10%;left: 10%;background:#000;z-index:4}
.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity: .85;transition-timing-function: cubic-bezier(.22,.61,.36,1);background-color: #000; transition-duration:inherit;transition-property:opacity;z-index:1}

.down_table td{border:none;border-bottom:1px solid #e5e5e5}
.down_table>thead>tr>th{background-color:#f8fee7; border:0; color:#fff; text-transform:uppercase; padding:15px}
.down_table>tbody>tr{transition:all .35s ease-in-out}
.down_table>tbody>tr>td{ padding:15px; font-size:16px;}
.down_table>tbody>tr>td i{font-size:20px;}
.down_table>tbody>tr.table-tr-link{cursor:pointer}
.down_table>tbody>tr.table-tr-link:active,
.down_table>tbody>tr.table-tr-link:focus,
.down_table>tbody>tr.table-tr-link:hover{background-color:#fbffef; color: #d00;}

/*内页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:5px;top:50%; margin-top:-120px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:48px;height:48px;border-radius:50%; line-height:48px;background-color: #1255a0;margin-bottom:4px;cursor:pointer;outline:none; text-align:center}
.suspension .a.active,.suspension .a:hover{background:#db0000;}
.suspension .a span{ color:#fff; font-size:23px; }
.suspension .a-top  span{ font-size:30px;}

.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-skype{top:44px;}
.suspension .d-service-phone{top:51px;}
.suspension .d-qrcode{top:99px;}
.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 .a.a-whatapp{ text-align:center; display:block;width:44px;height:44px; padding-top:2px;}
.suspension .a.a-whatapp .icon-whatsapp{width:24px;height:24px;background:url(../images/whatsapp.png) no-repeat 0px center;display:block; margin:8px 0 0 10px;}
.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-skype{width:44px;height:44px;background:url(../images/skype.png) no-repeat center 10px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-skype{background-position:center 5px;}
.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*/


.product-cat-list{ margin-top:30px; position:relative;z-index:1}
.psidebar-l{background: #f6f6f6; padding:20px;}
.psidebar-l .cat-title{color: #444; font-size:26px; font-weight:bold;  border-bottom:1px solid #e5e5e5; padding-bottom:10px; margin-bottom:10px;}
.psidebar-l .menu-open ul li ul{ display:none;border:none;}
.psidebar-l .menu-open ul li.on ul.d-firstDrop,.psidebar-l .menu-open ul li ul li.on .d-secondDrop{ display:block}
.psidebar-l .menu-open ul li{line-height:54px;border-bottom:1px solid #e5e5e5;}
.psidebar-l .menu-open ul li:last-child{border-bottom:none}
.psidebar-l .menu-open ul li ul li{border-bottom:none;}
.psidebar-l .menu-open ul li .oneNav{display:block;padding:0 0px 0 0px;position:relative;font-size:18px;text-decoration:none;}
.psidebar-l .menu-open ul li a:hover,.psidebar-l .menu-open ul li a.on{color:#1255a0;}
.psidebar-l .menu-open ul li a{padding:0 10px 0 5px;font-size:16px; color:#666;}
.psidebar-l .menu-open ul li a:hover{color: #1255a0;}
.psidebar-l .menu-open ul li a.first-cat{ text-indent:14px;}
.psidebar-l .menu-open ul ul li a{font-size:12px;color:#666;}
.psidebar-l .menu-open ul.d-firstDrop{ padding:0 0 15px;}
.psidebar-l .menu-open ul.d-firstDrop li{padding-left:20px; padding:0; clear:both;}
.psidebar-l .menu-open ul.d-firstDrop li ul li{ border:none; line-height:26px;}
.psidebar-l .menu-open ul.d-secondDrop{}
.psidebar-l .menu-open ul.d-secondDrop li{}
.psidebar-l .menu-open ul li ul li a{display:block;padding:5px 0px 5px 6px; font-size:15px; line-height:1.5;color:#777; }
.psidebar-l .menu-open ul li ul li a.noicon{display:block;padding:4px 0px 4px 13px; }
.psidebar-l .menu-open ul li ul li a:hover,.psidebar-l .menu-open ul li ul li a.on{color:#1255a0;}
.psidebar-l .menu-open ul li ul li ul li a{padding:4px 10px 4px 28px; font-size:13px;}
.psidebar-l .menu-open ul li .d-secondNav{padding:0 10px 0 0px; color:#666;line-height:1.5;position:relative;}
.psidebar-l .menu-open ul li .d-secondNav I{  position:absolute;color:#666;top:1px;right:7px;}
.psidebar-l .menu-open ul li ul li ul{ padding-top:0}
.psidebar-l .menu-open ul li.on .oneNav { }
.psidebar-l .menu-open ul li .oneNav i{ position:absolute; position:absolute; width:16px; right:0px; top:1px; bottom:0; font-size:16px; color:#999; cursor:pointer}
.psidebar-l .menu-open ul li.on .oneNav a,.psidebar-l .menu-open ul li ul li.on .d-secondNav a{ color:#1255a0;}
.psidebar-l .menu-open ul li.on .oneNav i{color:#1255a0;}
.psidebar-l .menu-open ul li .oneNav i.rotates,.psidebar-l .menu-open ul li ul li .d-secondNav i.rotates{transform: rotate(180deg);}
.psidebar-l .menu-open ul li .oneNav  a{ padding-left:0px;}
.psidebar-l .menu-open ul li ul li .d-secondNav a{padding:8px 8px 8px 12px; position:relative}


/*弹出层*/
#speDiv{position:absolute;z-index:2147483647;width:50%;}
#speDiv #filter-box{width:50%;position:relative;z-index:1000034;}
#speDiv #filter-box .pop-bg{background:#999;position:absolute;left:0;top:0;z-index:999;width:50%;}
#speDiv #filter-box .pop-cart{background:url(../images/shaddow_bg.png) no-repeat left center;position:absolute;left:10px;top:10px;z-index:1000;width:406px;padding:20px;-moz-box-shadow:0 5px 5px rgba(0,0,0,.75);-webkit-box-shadow:0 5px 5px rgba(0,0,0,.3);box-shadow:0 5px 5px rgba(0,0,0,.3);border-radius:3px; height:284px; }
#speDiv .pop-close{padding-bottom:10px;position:relative; margin-bottom:20px}
/*#speDiv .pop-close span.strig{position:absolute;left:-15px;width:5px;background:#d90000;top:5px;display:block;height:20px}*/
#speDiv .pop-close a{position:absolute;right:-15px;top:-25px;display:block;width:36px;height:36px;font-size:46px;font-weight:500;color:#fff}
#speDiv .pop-close a:hover{color:#d90000}
#speDiv .pop-title{font-size:18px;color:#333}
#speDiv .pop-title span{color:#9C9C9C}
#speDiv .box_content{ font-size:18px; text-align:center; padding:55px 15px 0;}
#speDiv .email-box{ margin-top:20px;}
#speDiv .email-box,#speDiv .tel-boxs{ line-height:2;margin-bottom:10px;}
#speDiv .email-box p{ line-height:2}
#speDiv .email-box .ems2{ margin-left:85px;}
#speDiv .email-box p{ }
#speDiv .tel-boxs{text-align:left;}
#speDiv .email-box span,#speDiv .tel-boxs span{ color:#999; display:inline-block; margin-right:8px;}
#speDiv .pop-words,#speDiv .pop-words2{font-size:16px;text-align:center;color:#333}
#speDiv .pop-words1{margin-top:15px}
#speDiv .pop-words2{margin-top:5px;margin-bottom:20px}
#speDiv .spe-content{margin-top:15px}
#speDiv .pop-btn{line-height:36px;position:relative;margin:0 auto;width:125px}
#speDiv .pop-btn a.submit-btn{display:inline-block;background:#3CB658;color:#FFF;border-radius: 3px;transition: all 0.3s;font-size:16px}
#speDiv .pop-btn a.submit-btn:hover{background:#49C365;}
#speDiv .pop-btn_two{width:100%;margin:0 auto; text-align:center}
#speDiv .pop-btn_two a{ display:inline-block; padding:0 16px; height:40px; line-height:40px;}
#speDiv .pop-btn_two a.submit-btn2{margin-right:0px;}
#speDiv .pop-notice a{text-decoration:underline;color:#EC3C03}
#speDiv .pop-notice a:hover{text-decoration:none;}
#speDiv .pop-btn .secbigtitle{position:absolute;left:90px;top:0;width:160px;height:30px}
#mask{background:#000;position:absolute;z-index:9999;top:0;left:0;opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8}

/*msg box begin*/
.msgbox{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;z-index:10000000;top:0;left:0}
.hint,.hintl{width:320px;margin:0 auto;background:#FFF;position:fixed;top:50%;left:50%;margin-left:-160px;margin-top:-106px;z-index:10000001;border-radius:4px;box-shadow:0 3px 8px rgba(0,0,0,0.15)}
.hint-in1,.hintl-in1{width:400px;height:30px;position:relative;}
.hint3{width:22px;height:21px;background:url(../images/close.png) no-repeat;position:absolute;top:10px;right:10px;cursor: pointer;}
.hint3:hover{width:22px;height:21px;background:url(../images/close.png) no-repeat 0 -21px;}
.hint-in3,.hintl-in31{font-size:12px ;width:90px;background:#ed1b24;color:#FFF; margin:30px auto;text-align:center;height:32px;line-height:32px;cursor: pointer;border-radius:4px;}
.hint-in3:hover,.hintl-in3:hover,.hintl-in31:hover{background:#be020a}
.hintl1{width:48px;height:47px;background:url(images/hint2.png) no-repeat;top:12px;left:178px;position:absolute;z-index:111;}
.hintl2{line-height:70px;color:#f4e8df;font-size:24px;padding-left:240px;}
.hintl3{width:38px;height:37px;background:url(../images/hint3.png) no-repeat; position:absolute;top:7px;right:7px;}
.hintl-in3{font-size:14px;width:60px;background:#FF9D00;color:#FFF; margin:30px 0 30px 95px;text-align:center;height:32px;line-height:32px;cursor: pointer;float:left;border-radius:4px;}
.hintl-in4{font-size:14px;width:60px;background:#aaa;color:#FFF; margin:30px;text-align:center;height:32px;line-height:32px;cursor: pointer;float:left;border-radius:4px;}
.hintl-in4:hover{background:#bbb}
/*msg box end*/

.buyBtn{ padding:0 25px;height:45px;background:#007cc2;color:#fff;line-height:45px;display: inline-block;margin-right:10px;text-align: center;font-size:16px;text-decoration: none;border-radius:3px; border:none}
.buyBtn:hover,.buyBtn:focus{color:#fff;background:#ff6800;text-decoration:none;}
.buyBtn span{ display:inline-block; margin-right:7px;}
.submit-btn2{ background:#bbb; color:#666}

.btn-boxs{ margin-top:60px;}
.btn-boxs a{ display:inline-block; width:140px; height:38px; line-height:36px; font-size:15px; border:1px solid #ed1b24; border-radius:25px; color:#333}
.btn-boxs a.btns1{background:url(../images/pdf.png) no-repeat 17px center; text-indent:48px; margin-right:10px;}
.btn-boxs a.btns2{ border-color:#0086ed;background:url(../images/print.png) no-repeat 32px center;text-indent:72px}

.tabline{height:42px;border-bottom:2px solid #e2e2e2; margin-top:60px;}
.tabline h2{width:134px;height:42px;line-height:40px;text-align:center; float:left; margin-right:10px; font-size:16px; color:#333; cursor:pointer;position:relative; background:#e2e2e2;border-top-left-radius:5px; border-top-right-radius:5px;}
.tabline .h2bg{color:#fff;height:42px;line-height:42px; font-weight:normal;background: #e70012;}
.tabline h2.h2bg:last-child{}
#tabline-bar{}
#tabline-bar .bnts{ margin:2px 10px 0 150px; visibility:hidden;}
.contentBox a{color:#fff;}
.tab-con{ display:none}
.tab-con.active{ display:block}
.tab-box img{ max-width:100%}
.tab-box .goods_desc{}
.tab-box .goods_desc img{ max-width:600px; margin:0 auto 20px; text-align:center}
.goods_desc{ color:#666; font-size:16px;line-height:2}
.goods_desc p{ line-height:2}
.goods_desc img{ max-width:100%}
.goods_desc table{ width:100%}
.goods_desc table td{ padding:5px}
video{ max-width:100%;}
.mrt{ margin-left:7px; display:inline-block}
.inquirys{ width:69%;}
.inquirys .sels{ background: url(../images/sellect-arrow.jpg) no-repeat 96% center;border-color:#e5e5e5; color:#333}
.inquirys .input{ border-radius:0; border-color:#e5e5e5; box-shadow:none}
.inquirys .ntms{ background:#f00; width:80px; height:34px; line-height:34px;margin-right:6px; border-radius:5px; display:inline-block; text-align:center; color:#fff}
.inquirys .ntms:hover{ color:#fff; background:#eaa202}

.comment-bg{ background:#f5f5f5; padding:40px 0 50px;}
.ccitem{display: block; margin: 0 0 20px 0; padding: 10px; background: white; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); transition: all 220ms; color:#333}
.ccitem .name{ font-size:18px;}
.ccitem .cname{ font-size:14px; color:#999}
.ccitem .desc{ text-align:left; color:#666; font-size:16px;background:url(../images/du-icon.png) no-repeat center 10px; padding:45px 10px 15px;}
.ccitem .media-img{ position:relative;z-index:1;top:0px; left:0;margin:0 auto 8px;}
.ccitem:hover{box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); transform: translateY(-5px); transition: all 220ms;}
.ccitem > img{display: block; width: 100%; margin: 0 0 20px 0;}
.ccitem h2{text-align: center; font-size: 14px; text-transform: uppercase; margin: 0 0 10px 0;}
.wall{display: block; position: relative; min-height:1px; margin-left:-10px; margin-right:-10px}
.wall-column{display: block; position: relative; width: 33.333333%; width: 25%; float: left; padding: 0 10px; box-sizing: border-box;}
/*手机底部导航*/
#toolbar{ display:none;}


#showArea .thumb{}
#showArea .thumb .item{ margin:0 7px 0 0;}
#showArea .thumb .item{ border:1px solid #e5e5e5;max-width:100%;overflow:hidden}
#showArea .thumb .item.hover{ border-color:#1255a0;}
.gallery-imgs .owl-theme .owl-controls .owl-buttons div{position:absolute;top:50%;  width:22px; height:22px; line-height:22px; font-size:0px; padding:0; margin-top:-11px;opacity:1; background:none; text-align:left;border-radius:50%; color:#fff; background:#161c63; border-radius:50%;}
.gallery-imgs .owl-theme .owl-controls .owl-buttons div:hover{ }
.gallery-imgs .owl-theme .owl-controls .owl-buttons div:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:22px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:12px; color:#fff}
.gallery-imgs .owl-theme .owl-controls  .owl-prev{ left:-10px; text-indent:4px; }
.gallery-imgs .owl-theme .owl-controls  .owl-prev:before{content:"\f104"; }
.gallery-imgs .owl-theme .owl-controls  .owl-next{ right:-10px; text-indent:5px; }
.gallery-imgs .owl-theme .owl-controls  .owl-next:before{content:"\f105"}
#zoomimg{ width:100%;}
#showArea .zoomimgs:hover{transform: scale(1);}

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

.cat_item{margin-bottom:30px;}
.cat_item a{float:left;display:block;width:100%;position:relative;}
.cat_img{overflow:hidden;}
.cat_item_img{float:left;width:100%;overflow:hidden;}
.cat_item_img span{}
.cat_item_box{position:absolute;left:0;bottom:0;width:100%;height:0px;background:rgba(59,118,182,0.7);color:#fff;padding:0 8px;overflow:hidden;webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.cat_item_table{display:table;width:100%;height:100%;}
.cat_item_cell{display:table-cell;width:100%;vertical-align:middle;}
.cat_item_title{float:left;width:100%;height:34px;line-height:34px;font-size:20px;text-align:center;}
.cat_item_more{float:left;width:100%;height:34px;line-height:34px;font-size:22px;text-align:center;}
.cat_item_des{float:left;width:100%;font-size:12px;line-height:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cat_item:hover .zoomimgs{transition: transform 1s ease 0s;transform: scale(1.1);}
.cat_item:hover .cat_item_box{height:100%;}


@media screen and (min-width:1640px){
.list-rec-box .litem{width:41.5%}	
.list-rec-box .ritem{width:58.5%}	
}
@media screen and (min-width:1220px){
.container{ width:1220px;}
.col-7-1{width:14.28571428571429%}
/*.product-detail .xm5{width: 45%;}
.product-detail .xm7{width: 55%;}*/

}

@media (min-width:1442px) and (max-width:1599px){



}

@media (min-width:1501px) and (max-width:1780px){
.top-head .xb4{ width:25%;}
.top-head .xb8{width:75%;}	
.list-bottom-box{ padding: 0px 0 115px;}
.list-bottom-box .item1 .con{ margin-bottom:38px;}
.list-bottom-box .a-list .item h3{ font-size:50px; height:50px;margin-bottom: 8px;}
.list-bottom-box .a-list .item1 p{ text-indent:20px;}
.list-bottom-box .a-list .item2 p{ text-indent:13px;}
.list-bottom-box .a-list .item3 p{ text-indent:30px;}
.accordionBox { height: 590px;}
.list-bottom-box .item1{ padding:95px 0 35px;}
}

@media (min-width:1340px) and (max-width:1500px){
#fh5co-header .top-nav li{ padding:0 22px;}
#fh5co-header .top-nav li a.first-level::after{right: -25px;}	
.list-rec-box .litem .desc {height: 48px;}
.list-rec-box .litem .con { padding: 26px 15px 33px;}
.accordionBox { height: 520px;}
}


@media (min-width:1199px) and (max-width:1339px){
.container-layout {max-width: 99%;}
.top-head .xb4{ width:28%;}
.top-head .xb8{width:72%;}	
#fh5co-header .top-nav li{ padding:0 13px;}
#fh5co-header .top-nav li a.first-level::after{right: -15px;}
#fh5co-header .logo{ padding:17px 0 0}
.list-bottom-box{padding: 0px 0 96px;}
.list-bottom-box .item1 .con{ font-size:14px;}
.list-bottom-box .item1 .con{ margin-bottom:38px;}
.list-bottom-box .a-list .item h3{ font-size:36px; height:36px;margin-bottom: 3px;}
.list-bottom-box .a-list .item p{ font-size:16px;}
.list-bottom-box .a-list .item1 p{ text-indent:15px;}
.list-bottom-box .a-list .item2 p{ text-indent:7px;}
.list-bottom-box .a-list .item3 p{ text-indent:18px;}

.why-choos-box .wcontentbox h2{font-size:24px; margin:10px 0 0px; }
.why-choos-box .wcontentbox .cons{ line-height:1.8}
.inner-about-box .con,.why-choos-box .con{ width:100%}
#marquee1 {height: 349px;}
#marquee1 ul li .p-inner {width:225px;height: 280px;}
.list-bottom-box .item1 {padding: 70px 0 35px;}
.hot-product-box {padding-top: 0px;}
.list-rec-box .media{margin-bottom:20px;}
.list-rec-box .litem .desc {height: 48px;}
.list-rec-box .litem .con { padding: 21px 15px 30px;}
.accordionBox { height: 460px;}

}



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


@media screen and (max-width:1199px){
.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}
#fh5co-header .top-nav li{padding: 0 12px 0;}
#fh5co-header .top-nav li a{ font-size:15px;}
#fh5co-header .top-nav li a::after{}
.fh5co-heading h2{ font-size:30px;}
#fh5co-header .logo{ padding:17px 0 0}
.brode-img img{ width:120px;}
footer,.list-news-box .i-texts h3 a,.list-news-box .desc,.hot-product-box .item h3,.cat_boxs .item h3{ font-size:14px;}
footer .footer-top h3{ font-size:18px;}
footer .footer-top .con li a,footer .footer-top .btel{ font-size:14px;background-position:left top}
footer .footer-top .email-txt input.form-control{ font-size:12px;}
footer .footer-top .item2{ padding-left:5px;}
.contentbox .media.media-x .float-right img{ width:300px;}
.text-rightinfo{ margin-top:20px;  margin-left: 0px;}
footer .footer-top .item1 li{ width:43%}
.container-layout{max-width: 98%;}

.why-choos-box .wcontentbox .cons{ line-height:1.5}
.inner-about-box .con,.why-choos-box .con{ width:100%}
.wcontentbox .content{ padding:0 15px 0}
.why-choos-box .wcontentbox h2{font-size:20px; margin:5px 0 0px; }

.accordionBox ul li .overlay h3 a{ font-size:24px; }
.accordionBox ul li .overlay .lists a{ font-size:16px; }
.accordionBox ul li .overlay .inner {padding: 28px 0 0 24px;}

.accordionBox { height: 380px;}

.hot-product-box .show-list .owl-controls .owl-prev{ left:-30px  }
.hot-product-box .show-list .owl-controls .owl-next{ right:-30px  }

.list-bottom-box .item1 .con,.list-bottom-box .item2 .a-list a,#marquee1 ul li .con h3 a,.list-news-box .article-media .desc,.list-rec-box .litem .desc,.list-rec-box .media .desc{ font-size:14px;}
.search_con{margin: 36px 0 0 10px;}

.list-bottom-box .item1 .con{ font-size:14px;}
.list-bottom-box{ padding: 50px 0 0px;}
.list-bottom-box .item1 .con{ margin-bottom:38px;}
.list-bottom-box .a-list .item h3{ font-size:36px; height:36px;margin-bottom: 3px;}
.list-bottom-box .a-list .item p,.list-news-box .article-media a h3{ font-size:16px;}
.list-bottom-box .a-list .item1 p{ text-indent:15px;}
.list-bottom-box .a-list .item2 p{ text-indent:7px;}
.list-bottom-box .a-list .item3 p{ text-indent:18px;}
#fh5co-header .top-nav li ul li a,#fh5co-header .top-nav li ul li ul li a{ font-size:15px;}

.fh5co-heading{padding: 55px 0 30px;}
#fh5co-header .top-nav li a.first-level::after{right: -8px;height:12px;top:45px;}
#fh5co-header .top-nav li ul{left:-47px;}
.list-bottom-box .item1 { padding:0px 0 35px;}
footer .footer-bot .item h3 {font-size: 18px;}
.list-rec-box .media{margin-bottom: 14px;}
.list-rec-box .litem .desc{height:48px;}
.fh5co-heading p{ font-size:15px;margin-top: 5px;}
#marquee1 {height: 349px;}
#marquee1 ul li .p-inner {width:225px;height: 280px;}
.hot-product-box .show-list {margin: 30px 0px 50px;}
.list-bottom-box .fh5co-heading {padding: 0px 0 0px;}
.list-news-box .article-media .content{padding: 8px 15px 10px;}
.list-news-box .article-media .desc {margin-top:0}
.list-news-box .show_list {margin-top: 32px;}
.more a{margin:0 auto 50px;}
.list-news-box .article-media .desc,.list-rec-box .litem .desc,.list-rec-box .media .desc{line-height:1.5; height:40px;}
.list-rec-box .media h3,.list-rec-box .litem .con h3{font-size:17px;}
.list-rec-box .litem .item {padding-right: 30px;}
.list-rec-box .media{padding:14px;}
.list-rec-box .media .caldata .content p.day,.list-rec-box .imgs .l-time .day{font-size:24px;}
.list-rec-box .media .caldata .content p.mon-year,.list-rec-box .imgs .l-time,.hot-product-box .intro,.hot-product-box .more-list .inner,.list-why-box .names{font-size:16px;}
.list-rec-box .media .caldata .content p.day{margin: 5px 0 3px;}
.list-rec-box .media .caldata .content {margin-right: 15px;padding: 14px 13px;}
.list-rec-box .media:after{width:5px;}
.list-rec-box .litem .con{padding: 18px 15px 22px;}
.hot-product-box .more-list .l-item{font-size:22px;}
.list-why-box {padding: 0px 0 0px;}
.list-why-box .moves {height:110px;}
.list-why-box .item{margin-bottom:30px;}
.hot-product-box { padding:0px 0 50px; }
}

@media screen and (max-width:1000px){
.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,.point-nav li span{ background-position:10px center;display: block; padding: 28px 0px 28px; font-size:16px; }
.mid-nav .submenu li a.current,.mid-nav .submenu li a:hover{background-position:159px center;}
.mid-nav .submenu li a:before,.point-nav li span:before{ top:33px;}
.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}

footer .footer-bot .item2{ padding:0}

.list-bottom-box .about-pc-img{ display:none}
.list-bottom-box .fh5co-heading{padding: 45px 0 30px;}

.why-choos-box .wcontentbox .media-img img{ width:100%}
.why-choos-box .wcontentbox .cons{ line-height:2}
.wcontentbox .content{ padding:15px 15px 20px}
.why-choos-box .wcontentbox h2{margin:10px 0 5px; }
.inner-about-box .a-list .item h3{ font-size:46px;}


.toptxt{font-size:14px;padding:13px 0;}
.fh5co-heading p.desc,.article-media .media-body p.desc{font-size:12px;}
.advantage-box .item{ width:50%; margin:0; padding:0; float:left}
.advantage-box video{ margin-top:20px;}
.exhibitionslider .slides > li{height:410px;}
.bottom-info .fh5co-heading h2{ margin-top:20px;}

#fh5co-header .top-nav li{padding: 0 2px 0 2px;}
#fh5co-header .top-nav li a{ font-size:14px;}
#fh5co-header .top-nav li a::after{ display:none}
#fh5co-header .top-nav li,#fh5co-header .top-nav li a{ line-height:50px;}
.webcome{ line-height:22px;}
.tel-t{line-height:25px;}
.tel-t .tel-box{ margin:0 6px 6px 0; }
#fh5co-header .logo{ padding:9px 0 8px}
#fh5co-header .logo img{width:135px;}
.top-lan{ margin:12px 0 0 10px}
#fh5co-header .top-nav li.current a:before,#fh5co-header .top-nav li a:hover:before{ bottom:15px;}
.list-comment-box .show-list .owl-controls .owl-prev,.cat_boxs .show-list .owl-controls .owl-prev{ left:-18px; }
.list-comment-box .show-list .owl-controls .owl-next,.cat_boxs .show-list .owl-controls .owl-next{ right:-18px; }

.hot-product-box .item::before{ display:none}
.hot-product-box .fh5co-heading{ padding-bottom:20px;}
.hot-product-box .margin-large-bottom{ margin-bottom:18px !important}
.list-comment-box .item{ margin:0 8px;}
footer .footer-top .item::before{ display:none}
footer .footer-top .item2{ padding-left:0}
footer .footer-top .item{ min-height:140px;}
footer .footer-bot .item3 .social-nav{ padding:0 8px;}
footer .footer-bot .item3 span{ margin:0 4px;}
footer .footer-bot .item5 .float-right{float:none  !important}
.article-media .media-body h3{ font-size:16px;}
.article-media .media .caldata .content p.day{ padding:0px 0px; font-weight:normal; margin:0}
.article-media .media .caldata .content p.mon-year{ font-size:12px; height:26px; line-height:26px; }
.article-media .media .caldata .content{ padding:11px 10px 9px}
#fh5co-content_show .article-media li a{ padding:12px 0}
.contentbox .media.media-x .float-right{ float:none !important; margin-left:0; text-align:center}
.contentbox .media.media-x .float-right img{ width:auto; margin-bottom:12px;}
.ptitle h2{ height:55px;}
.contentbox{ padding:40px 0}
.form-contact-con{ margin-left:0}
.list-bottom-box{ background:#e6eef4 !important; }
.list-bottom-box .item1{ padding-left:0}

.inquirys{ width:100%;}
.index-leftbar{width:100%; }
.index-rightbar{width:100%;}
.index-rightbar .right-content{ margin:0 10px}
#fh5co-content_show.product-show-boxs{ padding:0 0 30px;}
.product-show-boxs .container{ padding:0; width:100%;}
.left-menu .btitle{background:url(../images/xiangx.png) #333; background-repeat:no-repeat; background-position:140px 17px; color:#fff;font-size: 12px; font-weight:bold;height: 48px; line-height:48px; cursor:pointer; border:none; }
.left-menu{}
.left-menu .btitle.on{background:#333 url(../images/xiangs.png) no-repeat  140px 17px;}
.left-menu .menu-boxs{ display:none}
.left-menu ul li{  padding:0;text-indent:0.5em;}
.left-menu ul li a{ display:inline-block;padding:10px 0 }
.left-menu ul li ul{ width:100%;display:none; position:relative;left:auto;top:auto; border:none; padding:6px 0}
.left-menu ul li ul li{ width:100%; border-bottom:none; padding:4px 0}
.left-menu ul li ul li a{ padding:0px }
.left-menu .btitle .sprm{ float:right;font-size: 12px;margin-right: 10px;}
.left-menu .btitle .sprm a{ color:#fff}
.left-menu ul li{ font-size:13px;border-bottom: 1px solid #CCC;background:url(../images/xx1.png) no-repeat right 9px;}
.left-menu ul li.on{ background:url(../images/xx2.png) no-repeat right 9px;}
.left-menu .btitle::before{ display:none}
.pcshows .container-layout{ max-width:100%}

footer .footer-top .item{ height:320px;}

.offcanvas-visible #fh5co-offcanvas{ display:block}
#fh5co-offcanvas .nav{display: block !important;borer:none}
.fh5co-nav-toggle{display: block;}
.nav-menu ul{ position:relative;left:auto;top:auto; background:none; box-shadow:none; border:none}
.list-bottom-box{ padding-bottom:15px;}
.list-bottom-box .item1{ font-size:14px;}
.list-bottom-box .item1 .a-list a{ display:block}
.list-case-box .case_item1 .case_item_title{ font-size:15px;}
.list-case-box .case_item1 .case_item_des,.case_item_title{ font-size:12px;}
.list-bottom-box .item2 .fh5co-heading{padding: 30px 0 40px;}
.list-case-box .case_item1 .item{ margin:0}
.list-case-box .case_item1{ padding:0}
#toclickbox{ display:block}
#searchtop{background:none; padding:0; top:64px; display:none;width:100%;}
#searchtop .search_con{ display:block; width:100%; position:relative; margin:0; background:#dcecfd; height:35px;}
#searchtop .skw{position:relative;left:0px; right:0px;width:100%; color:#666}
#searchtop .sub{ width:60px; position:absolute; right:0;top:0px;color:#666; font-size:16px;}
.container-layout{ max-width:100%;}

.article-pic-media .media .media_img{width: 210px;}
.article-pic-media .media .media_img img{width: 210px;}
.article-pic-media .media-body h3{ font-size:17px;}

.top-lan{ position:fixed;top:5px; right:76px;}
.top-lan .nav{ display:block !important}
#fh5co-hero2{ display:none}
.accordionBox { height: 300px;}
#fh5co-hero1{ display:block}
#fh5co-hero{display:none }

.hot-product-box .show-list .list .names{font-size:18px;}
.hot-product-box .show-list .list .moves{font-size:26px;}
.hot-product-box .show-list .item{padding:30px 15px 15px;border:6px solid #facdd7;height:170px; width:170px;}
.hot-product-box .show-list .item2{padding: 48px 15px 5px;}
.hot-product-box .more-list .item1{margin-bottom:30px;}
.list-why-box .moves {height:170px;}
}

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

#fh5co-header .logo img{ height:40px;}
#quirydialog .qdialog-head{width:360px }
#fh5co-header .logo{padding:14px 0 0px;text-align:center}
.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; background:none; }
.mid-nav .container-layout{ padding:0}
.mid-nav .leftbar{ background:none; margin-bottom:30px; height:50px;}
.mid-nav .leftbar ul.submenu{ clear:both; border:none;}
.leftbar{background:#000; }
.mid-nav .leftbar h3,.pro-tree-box h3{ display:none}
.mid-nav .leftbar h4{ display:block; float:right; width:50%; background:#1255a0; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px;}
.mid-nav .leftbar button,.pro-tree-box 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,.pro-tree-box button span{ display:inline-block; margin-left:0px;}
.mid-nav .submenu li{float:none; background:#fff; padding:0; display:block}
.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:#1255a0; color:#fff}
.mid-nav .submenu li:last-child{ border-bottom:1px solid #e2e2e2; }

.product-list-box{margin-top:20px;}
.pro-tree-box .submenu{ clear:both }
.pro-tree-box  .leftbar h4{ display:block; float:right; width:50%; background:#007cc2; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px;}
.pro-tree-box button:hover,.pro-tree-box button:focus{ background:#000;}

.pro-box .item1,.pro-box .item3,.list-news-box .item,.list-news-box .media{ margin-bottom:23px;}


.top-lan{ top:-4px; right:90px;}
.top-lan li a.tops{ font-size:14px;}

.SonlineBox,.flex-direction-nav{ display:none}


.suspension{ display:none}
#china-map {height:500px;}

.flex-control-nav{bottom:10px;}

#speDiv,.buyBtn{ font-size:12px;}
#speDiv #filter-box .pop-cart{width:300px;}

#fh5co-content_show .detail,#fh5co-content_show .qhd-title,#fh5co-content_show .product-detail .description,#fh5co-content_show .product-detail .description p{ font-size:14px;}

.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}
#toclickbox{ display:block}

#showArea .thumb .item{ margin:0 2px;}
.index-rightbar .right-content .title span{ display:none}

#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}
#fh5co-offcanvas ul li{ line-height:40px !important}
#fh5co-offcanvas ul li.lanli a{ display:inline-block; margin:0 5px;}
#fh5co-offcanvas ul li.lanli a::after{ display:none}
#fh5co-offcanvas ul li.lanli a:first-child{ margin-left:0}

#fh5co-content_show .content_detail h1,.show-cons h1{ font-size:16px;}
#fh5co-content_show .detail p,.index-rightbar .right-content .title{ font-size:14px;}
.goods_desc{ font-size:12px;}
.tabline h2{ width:auto; padding:0 10px;font-size:12px;margin-right:5px;}

.toptxt{ font-size:12px;}

.webinfo-r .float-right{ float:left !important}
.search_con{ margin:5px 0 0}
.top-head{ font-size:11px;}
.tel-t .tel-box{ margin:0 6px 6px 12px; }
.container-layout{ max-width:100%;}
.list-comment-box .show-list .owl-controls .owl-prev,.cat_boxs .show-list .owl-controls .owl-prev{ left:-10px; }
.list-comment-box .show-list .owl-controls .owl-next,.cat_boxs .show-list .owl-controls .owl-next{ right:-10px; }
.cat_boxs .show-list .owl-controls .owl-buttons div,.list-comment-box .show-list .owl-controls .owl-buttons div{width:30px; height:30px; line-height:38px; }
.cat_boxs .show-list .owl-controls .owl-buttons div:before,.list-comment-box .show-list .owl-controls .owl-buttons div:before{line-height:30px;font-size:22px;}
.cat_boxs .show-list .owl-controls .owl-prev,.list-comment-box .show-list .owl-controls .owl-prev{ text-indent:4px; }
.cat_boxs .show-list .owl-controls .owl-next,.list-comment-box .show-list .owl-controls .owl-next{text-indent:6px; }

.fh5co-heading h2{ font-size:24px;}

.list-news-box{ padding: 0 0 0px;}

.contentbox .cons{font-size:12px;}
.contentbox .cons p {font-size:12px;}

.point-nav li span{ font-size:12px;padding: 15px 0px 15px;text-transform:capitalize;}
.point-nav li span::before{ height:12px;top: 19px;right: -7px;}
.point-nav li{ padding:0 4px;}
.ptitle h2{ font-size:18px; height:45px;}

.kefu-boxs{width:35px;height:35px;bottom:20px;}
.kefu-boxs img{width:35px;height:35px;}
.mid-nav .container{ padding:0}
.list-rec-box .litem .item {padding-right: 0px;margin-bottom:20px;}

#fh5co-offcanvas{top:54px;}
.form-x .form-group .label{ width:100%;}
.form-x .form-group .field{ width:100%;}
.form-x .form-button{ margin-left:0}
.case_item{ padding:0}

footer .footer-bot .item h3{ }
footer .footer-bot .item h3:before{left:0px;}
.list-bottom-box .a-list .item h3{ font-size:38px;height: 40px;}
.list-bottom-box .a-list .item p{ font-size:16px;}
.list-bottom-box .a-list .item1 p{ text-indent:10px;}
.list-bottom-box .a-list .item2 p{ text-indent:7px;}
.list-bottom-box .a-list .item3 p{ text-indent:19px;}
.list-bottom-box .item1 .con{ margin-bottom:45px;}


.col-2-form,.col-3-form{ width:100%}
.col-2-form1 .field{ margin-right:0px;}
.col-2-form2 .field,.col-2-form2 .label{ margin-left:0px;}
.col-3-form1 .field,.col-3-form2 .field{ margin-right:0px;}
.col-3-form3 .field{ margin-left:0px;}
.inner-product-box{ margin-top:30px;}

.productImg{ margin-top:30px;}
.list-bottom-box{ margin-bottom:0px;}
.list-bottom-box .item1 .con p{ margin-bottom:0px;}

#toclickbox{top:10px;}
.hot-product-box .show-list{margin: 20px 0px 10px;}
.list-bottom-box .more a{margin: 10px 0 30px;}
.list-bottom-box{  padding: 0px 0 0px;margin-top:25px;}
.list-news-box .fh5co-heading{ }

.hot-product-box,.index-product-box {padding-top: 0px;}


/*手机底部导航*/
.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;}
.about-play-box  .play-btn{top:-195px;left:40%;}


footer .foot-a-box{padding-right: 0px;}
footer .footer-bot .item{ height:200px;}

.list-news-box .fh5co-heading h2{ font-size:24px;}
.list-news-box .more a{ margin:5px auto 30px;}

.article-pic-media .media .media_img{ float:none !important;width: 100%; margin-bottom:15px}
.article-pic-media .media .media_img img{width: 100%;}

.inner-about-box .a-list .item h3{ font-size:36px;}
.inner-about-box .a-list .item p,.inner-about-box .con,.why-choos-box .con{ font-size:14px;}

.inner-about-box .fh5co-heading,.why-choos-box .fh5co-heading{ padding-top:40px;}
.inner-about-box .a-list{ margin:25px 0 40px;}

.inner-product-box .item h3{ font-size:14px;}
#fh5co-content_show .rdetail{margin-left:0px;}
.accordionBox { height: 280px;}
.accordionBox ul li .overlay h3 a{ font-size:18px; }
.accordionBox ul li .overlay .lists a{ font-size:14px; line-height: 24px;}
.accordionBox ul li .overlay .inner {padding: 22px 0 0 20px;}
.accordionBox ul li .overlay{display:none}
.accordionBox ul li.on .overlay{display:block}
.accordionBox ul li .cat-more img{width:25px;}

#fh5co-header .top-nav.text-uppercase{text-transform: capitalize;float: left !important;}
#fh5co-header .top-nav li span{font-size:16px;}
#fh5co-header .top-nav li{padding: 0 4px;line-height: 50px;}
#fh5co-header .top-nav li span{line-height: 50px;}
.hot-product-box .show-list .item{padding:20px 15px 15px;border:5px solid #facdd7;height:140px; width:140px;}

.hot-product-box .show-list .list .names{font-size:16px;}
.hot-product-box .show-list .list .moves{font-size:24px;}
.hot-product-box .show-list .item2{padding: 40px 15px 5px;}
.hot-product-box .show-list .list{margin-top:35px;margin-bottom:38px;}
.hot-product-box .more-list .inner{font-size:14px;}
.hot-product-box .more-list .l-item{width:104px;height:116px;font-size:18px;padding:15px 8px}
.hot-product-box .more-list .r-item{width:calc(100% - 114px); }
.fh5co-heading{padding: 40px 0 30px;}
.hot-product-box { padding:0px 0 35px; }
.list-why-box .moves {height:auto;}
.list-why-box .list{margin-top:0px;}
.list-news-box .show_list{padding:10px 18px 35px;}
.list-news-box .fh5co-heading{padding: 30px 0 41px;}
.list-rec-box .list{margin-top:0px;}
.list-rec-box .inquiry-form{padding-bottom:35px;}
footer .footer-topp{ padding:20px 0;}

}

@media screen and (max-width:480px){
 #fh5co-header .top-nav li span{font-size:12.5px;}
.hot-product-box .intro,.list-why-box .moves{font-size:14px;}
.hot-product-box .show-list .item{padding:16px 10px 15px;border:3px solid #facdd7;height:106px; width:106px;}
.hot-product-box .show-list .list .names{font-size:13px;}
.hot-product-box .show-list .list .moves{font-size:18px;}
.hot-product-box .show-list .item2{padding: 26px 10px 15px;}
.list-why-box .imgs{width:60px; height:60px;}
.fh5co-nav-toggle{top:12px;}
#toclickbox{top:8px;}
.article-media .media .media_img{width:92px;margin-right:10px;}
.article-media .media .media_img img{width:90px;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{ height:42px; overflow:hidden}
.mid-nav .leftbar h4,.pro-tree-box  .leftbar h4{ display:none;}
.mid-nav .leftbar button,.pro-tree-box .leftbar button{ width:100%;}

.hot-product-box .more-list .l-item{width:70px;height:106px;font-size:14px;padding:23px 5px 0}
.hot-product-box .more-list .r-item{width:calc(100% - 94px); }

footer .xl6{ width:100% !important}
.inner-about-box .a-list .item h3{ font-size:30px;}
.hot-product-box .more-list .inner{font-size:12px;}

#fh5co-header .logo{padding:8px 0 7px;}
#fh5co-header .header-box  .xl4{ width:100% !important}
.tab-con li a{  width:100%}
.tab-con li span{ display:none}
.slides-txt{ font-size:18px;}
.product-box .item h3{font-size:16px;}
.slides-txt span,.slides-txt a{font-size:14px; display:block}
.top-nav li a{ font-size: 15px;margin-right:12px;}
.top-nav li{line-height:26px;}
.list-news-box .item .media .media-left{ width:100px;}
.list-news-box .item .media .media-body p.time{ display:none}
.list-comment-box .item .desc{ height:170px;}
.fh5co-heading h2{ font-size:24px;}
#fh5co-offcanvas{top:47px;}
.fh5co-nav-toggle{top:15px;}
footer .footer-bot .item{ height:auto;}


}
/* 内页 end*/