﻿/* www.xxwq.cn */
body {font-family: "微软雅黑", arail, 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';position: relative;font-weight: 400;background-color: #fff;color: #5a5a5a;font-size: 12px; padding:0px; margin:0px;}
p {margin: 0;font-weight: normal;}
h1, h2, h3, h4, h5, h6, figure {color: #444;}
::-webkit-selection {
color: #fff;
background: #323232;}
::-moz-selection {
color: #fff;
background: #323232;}
::selection {color: #fff;background: #323232;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase, .initialism {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
.float_bg {background: url(../images/qq_3.gif) repeat-y}
a {color: #5a5a5a;text-decoration: none}
a:focus, a:hover {color: #f02930;}
.bg-main {background: #f02930;border: 1px solid #f02930 !important}
.bg-main:hover, .bg-main:focus {border: 1px solid #026d9a !important;background: #c00 !important}
.button.bg-main {border-color: #f02930 !important}
.button.bg-main:hover {border-color: #c00 !important;}
.passcode {border-left: 1px solid #ddd;border-radius: 0 4px 4px 0;height: 32px;line-height: 32px;margin: 1px;position: absolute;right: 0;text-align: center;top: 0;}
.detail h2, .detail h3 {line-height: 180%}
.detail h3, .detail h1 {font-size: 18px;color: #5a5a5a;;font-weight: bold}
.layout {overflow: hidden;width: 100%;}
header .layout, footer .layout {overflow: visible;width: 100%;}
{
overflow:visible;
width: 100%;}
.not-animated {opacity: 0}
.clear {clear: both}
ul, li {padding: 0;margin: 0;list-style: none}
.line-big {margin-left: -17px;margin-right: -17px}
.line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12 {position: relative;min-height: 1px;padding-right: 17px;padding-left: 17px}
#fh5co-wrapper {overflow-x: hidden;}
#fh5co-page {position: relative;z-index: 2;background: #fff;overflow-x: hidden;}
.fh5co-heading {position: relative;z-index: 1}
.fh5co-heading h2 {color: #333;font-size: 30px;margin: 0 auto 12px;text-transform: uppercase;line-height: 30px;font-weight:bolder;}
.fh5co-heading span {color: rgb(78, 78, 78);font-size: 14px;line-height: 25.2px;display: block;margin-bottom: 108px;}
.fh5co-heading span:after {content: '';position: absolute;left: 0;right: 0;text-align: center;width: 30px;height: 2px;background: #D94A46;margin: 0 auto;bottom: 80px;}
.fh5co-heading .imgs {background: url(../images/title-img.png) no-repeat center top;height: 50px;width: 100%}
.vertical-middle {width: 100%;height: 100%;display: table;}
.vertical-middle > div {display: table-cell;vertical-align: middle;}
.zoomimgs {display: block;width: 100%;height: 0;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: 100%;}
.artzoomimgs {padding-bottom: 64%;}
.chazoomimgs1 {padding-bottom: 100%;}
.chazoomimgs2 {padding-bottom: 88%;}
.chazoomimgs3 {padding-bottom: 68%;}
.bimg1{ background:url(/skin/images/2017530101035290.png) no-repeat center center;}
.bimg2{background:url(/skin/images/201753010124788.png) no-repeat center center;}
.bimg3{background:url(/skin/images/201753011380938.png) no-repeat center center;}
/*顶部导航 begin*/
.main-top {position: relative;width: 100%;}
.topnav{width: 100%; border-bottom:1px #e0e0e0 solid; height:40px; line-height:40px; font-size:14px; background:#f8f8f8;}
.topnav .topnavfl{ float:left;}
.topnav .topnavfr{ float:right;}
.topnav .topnavfr stable{ display:none;}
.topnav .topnavfr a.wxzx{ display:inline-block;}
.topnav .topnavfr .wxzx:hover stable{ position:absolute; display:block; z-index:999;}
.topnav .topnavfr .wxzx:hover stable img{ width:190px; border:0px #eee solid; box-shadow:0 10px 30px rgba(0,0,0,0.8);}
#fh5co-header .head-middle {padding: 32px 0px;}
#fh5co-header .head-middle .logo img {max-width: 719px;	width:100%;}
#fh5co-header .head-middle .head-info {margin-top: 11px;}
#fh5co-header .head-middle .head-info p {padding-left: 64px;}
#fh5co-header .head-middle .head-info .item {float: right}
#fh5co-header .head-middle .head-info .item p {background: url(../images/tel.png) no-repeat left 2px;}
#fh5co-header .head-middle .head-info p {font-size: 20px;color: rgb(241, 58, 58);}
#fh5co-header .head-middle .head-info p span {font-size: 18px;color: rgb(62, 62, 62);}
#fh5co-header .header-box {background: #01468b}
.header-box.fixed.fixed-top {box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);width: 100%;z-index: 6;background: #fff;}
#fh5co-header .header-box .nav {margin-top: -1px; box-sizing:border-box;}
#fh5co-header .header-box .nav li {margin: 0;padding: 0;display: inline-block;padding: 0 0px; width:12.3555555555555555%;}
#fh5co-header .header-box .nav li a {color: rgb(234, 234, 234);font-size: 16px;font-weight: normal;padding: 0;text-align: center;text-decoration: none;line-height: 52px;/*padding: 0px 45px;*/transition: none;display:block; width:100%;}
#fh5co-header .header-box .nav li a .downward {display: none}
#fh5co-header .header-box .nav li a:hover, #fh5co-header .header-box .nav li.current a.first-level, #fh5co-header .header-box .nav li:hover a.first-level,#fh5co-header .header-box .nav li a.current{color: #fff;background: #F13A3A}
#fh5co-header .header-box .nav li ul {border: none;left: 0px;border-radius: 0;margin: 0;padding: 0;width:100%;z-index: 4;border: none;top: 52px;box-shadow: none;background: #F13A3A;}
#fh5co-header .header-box .nav li ul li {margin: 0;padding: 0;height: auto;display: block;height: auto;border-top: 1px solid #e32626;width:100%;}
#fh5co-header .header-box .nav li ul li a {display: block;width: 100%;padding: 0px 10px;margin: 0;text-align: left;line-height: 38px;color: #fff;background: none;text-align: center;font-size: 14px;transition: none;border: none}
#fh5co-header .header-box .nav li ul li a:hover {background: #c40000;color: #fff;border: none}
#fh5co-header .header-box .nav li ul li ul {top: 0}

/*顶部导航 end*/

/*手机版顶部导航 begin */
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page {}
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page {position: relative;}
#fh5co-page {z-index: 2;}
#fh5co-offcanvas {display: none;right: 0;overflow-y: hidden;position: fixed;z-index: 8;top: 10px;width: 160px;background: #fff;padding: 0px 0px 10px 40px;border: 0;}
.offcanvas-visible #fh5co-offcanvas {display: block;}
#fh5co-offcanvas ul {padding: 0;margin: 0;overflow-x: hidden;border-radius: 0}
#fh5co-offcanvas ul li {list-style: none;position: static;width: 100%;margin: 0;padding: 0;}
#fh5co-offcanvas ul li:hover, #fh5co-offcanvas ul li.current {}
#fh5co-offcanvas ul li a {font-size: 12px;color: #333;text-decoration: none !important;display: block;position: relative;line-height: 34px;margin: 0;padding: 0px 0 0 2px;}
#fh5co-offcanvas ul li a:hover, #fh5co-offcanvas ul li.current a {color: #e60012;}
#fh5co-offcanvas ul li a::after {background: #eee;position: absolute;content: '';left: 0px;bottom: 0;right: 0;height: 1px;}
#fh5co-offcanvas ul li ul {margin: 0;padding: 0;z-index: 6;position: relative;width: 100%;border: 0;box-shadow: 0}
#fh5co-offcanvas ul li ul li {margin: 0;padding: 0;display: block;border: none;line-height: 28px;}
#fh5co-offcanvas ul li ul li a, #fh5co-offcanvas ul li.current ul li a {background: #fff;color: #666;display: block;padding: 0px 20px 0px 20px;margin: 0;text-align: left;width: 100%;font-size: 12px;line-height: 28px;transition: none}
#fh5co-offcanvas ul li ul li a:hover {background: #e60012;color: #fff;transition: none}
#fh5co-offcanvas ul li ul li a::before, #fh5co-offcanvas ul li ul li a::after {background: none;height: 0;padding: 0}
#fh5co-offcanvas ul li ul li ul {top: 0}
.fh5co-nav-toggle {cursor: pointer;text-decoration: none;}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {background: #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: #e60012;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: none;}
.fh5co-nav-toggle.active i::before {background: none}
.fh5co-nav-toggle.active i::after {background: none}
.fh5co-nav-toggle {position: fixed;top: 16px;right: 10px;z-index: 9;display: block;display: none;cursor: pointer;}
.fh5co-nav-toggle.active {right: 129px !important;top: 15px !important;background: url(../images/coo.gif) no-repeat left top;width: 20px;height: 23px;}
/*手机版顶部导航 end */

/* 底部 begin*/
footer {background: #29333D;color: #aaaaab;padding: 0px 0 20px;}
footer a {color: #aaaaab;}
footer a:hover {color: #fff}
footer .foot-top {font-size: 14px;background: url(../images/lines.jpg) repeat-x left bottom;padding: 75px 0 35px;}
footer .foot-top h2 {font-size: 18px;color: rgb(217, 74, 70);position: relative;padding: 9px 0 6px;}
footer .foot-top .foot-contact p.en {color: rgb(217, 74, 70);font-size: 20px;font-family: Arial, Helvetica, sans-serif;margin: 6px 0 5px;}
footer .foot-top .foot-contact p.cn {font-size: 23px;color: rgb(170, 170, 171);}
footer .foot-top .f-contact {padding-left: 93px;height: 72px;}
footer .foot-top .f-contact1 {background: url(../images/f-1.png) no-repeat left top;}
footer .foot-top .f-contact2 {background: url(../images/f-2.png) no-repeat left top;}
footer .foot-top .f-contact3 {background: url(../images/f-3.png) no-repeat left top;}
footer .foot-bot {font-size: 14px;padding-top: 25px;}
footer .foot-bot .foot-nav {padding-bottom: 9px; display:none; width:0px; height:0px; overflow:hidden;}
footer .foot-bot .foot-nav a {margin: 0 15px;}
footer .foot-bot .foot-link {padding: 8px 0 0px;}
/* 底部 end*/

/*首页轮换图片 begin*/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.flexslider {margin: 0;padding: 0;position: relative;z-index: 1}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;position: relative;background-repeat: no-repeat;background-position: center center;background-size: cover}
.flexslider .slides li .overlay {position: absolute;top: 35%;left: 0;right: 0;bottom: 0;}
.flexslider .slides img {width: 100%;display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flex-control-nav {position: absolute;bottom: 15px;z-index: 2;width: 100%;text-align: center;}
.flex-control-nav li {display: inline-block;width: 12px;height: 12px;margin: 0 4px;
*display:inline;zoom: 1;}
.flex-control-nav a {display: inline-block;cursor: pointer;width: 12px;height: 12px;float: left;text-indent: -2000px;background: none;border: 2px solid #f5f5f5;border-radius: 50%;}
.flex-control-nav .flex-active {background: #fff;border: 2px solid #fff}
.flex-direction-nav {position: absolute;z-index: 3;width: 100%;top: 50%;}
.flex-direction-nav li a {display: none;cursor: pointer;text-indent: -999em;position: absolute;top: 50%;margin-top: -30px;width: 40px;height: 50px;line-height: 50px;font-size: 0px;padding: 0;margin: 0;opacity: 1;text-align: left;border-radius: 0;color: #ddd;cursor: pointer;background: rgba(0, 0, 0, 0.1);}
.flex-direction-nav li a:hover {background: #e60012;color: #fff}
.flex-direction-nav li a:before {display: inline-block;font-family: "FontAwesome";font-weight: normal;font-style: normal;vertical-align: baseline;line-height: 50px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 36px;cursor: pointer}
.flex-direction-nav li a.flex-prev {left: 70px;text-indent: 6px;}
.flex-direction-nav li a.flex-prev:before {content: "\f104";}
.flex-direction-nav li a.flex-next {right: 70px;text-indent: 7px;}
.flex-direction-nav li a.flex-next:before {content: "\f105"}
/*首页轮换图片 end*/
/*nav*/
.sec_nav {}
.sec_nav .sec_nav_box {background: #f3f3f3;height: 40px; overflow:hidden;}
.wrap {max-width:1200px; width: 90%; margin:0 auto;}
.sec_nav .nav_ul {color:#000;overflow: hidden; font-size:14px; line-height:40px;}
.sec_nav .nav_ul a{ color:#000;}
.sec_nav .nav_ul a:hover{ color:#d66233;}
.sec_nav .nav_ul .nav_li {float: left;}
.sec_nav .nav_li {display: inline-block;}
.sec_nav .nav_li.index:hover .icon { background-position: -14px 0;}
.sec_nav .nav_li.index .icon {width: 14px; height: 14px;background: url(/images/index1.png) no-repeat;background-position: 0 0;display: inline-block;vertical-align: -1px;margin-right: 5px;}

/* 首页核心业务 begin*/
#fh5co-service-list .bg-service {padding: 56px 0 60px}
#fh5co-service-list .show-list .imgs1 h5{background-image:url(/uploads/170619/1-1F619103053B5a.png); background-size:0px 0px;}
#fh5co-service-list .show-list .imgs2 h5{background-image:url(/uploads/170619/1-1F619103342592a.png; background-size:0px 0px;}
#fh5co-service-list .show-list .imgs3 h5{background-image:url(/uploads/170619/1-1F61ZRH92Ba.png); background-size:0px 0px;}
#fh5co-service-list .show-list .imgs4 h5{background-image:url(/uploads/170619/1-1F61910323RLa.png); background-size:0px 0px;}
#fh5co-service-list .show-list .imgs5 h5{background-image:url(/uploads/170619/1-1F61910330BTa.png); background-size:0px 0px;}
#fh5co-service-list .show-list .imgs6 h5{background-image:url(/uploads/170619/1-1F6191031534Va.png); background-size:0px 0px;}
#fh5co-service-list .show-list .imgs7 h5{background-image:url(/uploads/170619/1-1F61ZRA42ca.png); background-size:0px 0px;}
#fh5co-service-list .show-list .imgs8 h5{background-image:url(/uploads/170619/1-1F619103120295a.png); background-size:0px 0px;}
#fh5co-service-list .show-list .imgs {position: relative;width: 142px;margin: 0 auto;transition:all 0.6s; border:1px #ccc solid; border-radius:10px;}
#fh5co-service-list .show-list .imgs1{background-image:url(/uploads/170619/1-1F619103053B5.jpg);}
#fh5co-service-list .show-list .imgs1:hover{background-image:url(/uploads/170619/1-1F619103053B5a.png)}
#fh5co-service-list .show-list .imgs2{background-image:url(/uploads/170619/1-1F619103342592.jpg);}
#fh5co-service-list .show-list .imgs2:hover{background-image:url(/uploads/170619/1-1F619103342592a.png)}
#fh5co-service-list .show-list .imgs3{background-image:url(/uploads/170619/1-1F61ZRH92B.jpg);}
#fh5co-service-list .show-list .imgs3:hover{background-image:url(/uploads/170619/1-1F61ZRH92Ba.png)}
#fh5co-service-list .show-list .imgs4{background-image:url(/uploads/170619/1-1F61910323RL.jpg);}
#fh5co-service-list .show-list .imgs4:hover{background-image:url(/uploads/170619/1-1F61910323RLa.png)}
#fh5co-service-list .show-list .imgs5{background-image:url(/uploads/170619/1-1F61910330BT.jpg);}
#fh5co-service-list .show-list .imgs5:hover{background-image:url(/uploads/170619/1-1F61910330BTa.png)}
#fh5co-service-list .show-list .imgs6{background-image:url(/uploads/170619/1-1F6191031534V.jpg);}
#fh5co-service-list .show-list .imgs6:hover{background-image:url(/uploads/170619/1-1F6191031534Va.png)}
#fh5co-service-list .show-list .imgs7{background-image:url(/uploads/170619/1-1F61ZRA42c.jpg);}
#fh5co-service-list .show-list .imgs7:hover{background-image:url(/uploads/170619/1-1F61ZRA42ca.png)}
#fh5co-service-list .show-list .imgs8{background-image:url(/uploads/170619/1-1F619103120295.jpg)}
#fh5co-service-list .show-list .imgs8:hover{background-image:url(/uploads/170619/1-1F619103120295a.png)}
#fh5co-service-list .show-list .imgs9{background-image:url(/uploads/170619/kt.jpg)}
#fh5co-service-list .show-list .imgs9:hover{background-image:url(/uploads/170619/kta.png)}
#fh5co-service-list .show-list .imgs10{background-image:url(/uploads/170619/qj.jpg)}
#fh5co-service-list .show-list .imgs10:hover{background-image:url(/uploads/170619/qja.png)}
#fh5co-service-list .show-list .imgs11{background-image:url(/uploads/170619/gd.jpg)}
#fh5co-service-list .show-list .imgs11:hover{background-image:url(/uploads/170619/gda.png)}
#fh5co-service-list .show-list .imgs12{background-image:url(/uploads/170619/ga.jpg)}
#fh5co-service-list .show-list .imgs12:hover{background-image:url(/uploads/170619/gaa.png)}
#fh5co-service-list .show-list h5 {font-size: 14px;color: rgb(45, 45, 45);white-space: nowrap;overflow: hidden;margin-top: 18px;}
/*四个优势*/
#fh5co-ys-list .bg-ys {padding: 68px 0 40px; background:#f6f6f6;}
#fh5co-ys-list .bg-ys .show-list lable{ width:22%;float:left; color:#d94a46;box-sizing:border-box; margin-right:1%; transition:all 0.6s;}
#fh5co-ys-list .bg-ys .show-list span{width:77%; float:left;}
@media screen and (min-width:1201px) {
#fh5co-ys-list .bg-ys .show-list li{width:25%; }
}
@media screen and (max-width:1200px) {
#fh5co-ys-list .bg-ys .show-list li{width:50%; height:120px; }
}
@media screen and (min-width:561px) {
	#fh5co-ys-list .bg-ys .show-list lable{font-size:56px;}
}
@media screen and (max-width:560px) {
	#fh5co-ys-list .bg-ys .show-list lable{font-size:26px;}
	.topnav .container .topnavfl{ display:none;}
}
#fh5co-ys-list .bg-ys .show-list li{float:left;line-height:1; box-sizing:border-box; padding:0 10px;}
#fh5co-ys-list .bg-ys .show-list li:hover lable{font-size:56px;color:#01468b;}
#fh5co-ys-list .bg-ys .show-list b{ font-size:18px; line-height:1.3}
#fh5co-ys-list .bg-ys .show-list p{line-height:1.5;}
/*服务优势*/
#fh5co-fw-list .bg-fw {padding: 68px 0 40px; background:#f6f6f6;}
#fh5co-fw-list .bg-fw .show-list lable{ width:22%;float:left; font-size:36px; color:#999;box-sizing:border-box; margin-right:1%; transition:all 0.1s;}
#fh5co-fw-list .bg-fw .show-list span{width:77%; float:left;}
@media screen and (min-width:1201px) {
#fh5co-fw-list .bg-fw .show-list li{width:25%; }
}
@media screen and (max-width:1200px) {
#fh5co-fw-list .bg-fw .show-list li{width:50%; height:120px; }
}
#fh5co-fw-list .bg-fw .show-list li{float:left;line-height:1; box-sizing:border-box; padding:0 10px;}
#fh5co-fw-list .bg-fw .show-list li:hover lable{font-size:56px;color:#d94a46;}
#fh5co-fw-list .bg-fw .show-list b{ font-size:18px; line-height:1.3;}
#fh5co-fw-list .bg-fw .show-list p{line-height:1.5;}
/*服务项目小图标*/
#fh5co-sfw-list .bg-sfw {padding: 28px 0; background:#f6f6f6;}
#fh5co-sfw-list .bg-sfw .show-list lable{float:left; margin-right:1%; transition:all 0.6s; border:1px #ccc solid;}
#fh5co-sfw-list .bg-sfw .show-list span{width:77%; float:left;}
#fh5co-sfw-list .bg-sfw .show-list .fwimg1{ background:url(/uploads/170619/1-1F619103053B5a.png) no-repeat center; background-size:120% 120%; border-radius:50px;}
#fh5co-sfw-list .bg-sfw .show-list .fwimg2{ background:url(/uploads/170619/1-1F619103342592a.png) no-repeat center; background-size:120% 120%; border-radius:50px;}
#fh5co-sfw-list .bg-sfw .show-list .fwimg3{ background:url(/uploads/170619/1-1F61ZRH92Ba.png) no-repeat center; background-size:120% 120%; border-radius:50px;}
#fh5co-sfw-list .bg-sfw .show-list .fwimg4{ background:url(/uploads/170619/1-1F61910323RLa.png) no-repeat center; background-size:120% 120%; border-radius:50px;}
#fh5co-sfw-list .bg-sfw .show-list .fwimg5{ background:url(/uploads/170619/1-1F61910330BTa.png) no-repeat center; background-size:120% 120%; border-radius:50px;}
#fh5co-sfw-list .bg-sfw .show-list .fwimg6{ background:url(/uploads/170619/1-1F6191031534Va.png) no-repeat center; background-size:120% 120%; border-radius:50px;}
#fh5co-sfw-list .bg-sfw .show-list .fwimg7{ background:url(/uploads/170619/1-1F61ZRA42ca.png) no-repeat center; background-size:120% 120%; border-radius:50px;}
#fh5co-sfw-list .bg-sfw .show-list .fwimg8{ background:url(/uploads/170619/1-1F619103120295a.png) no-repeat center; background-size:120% 120%; border-radius:50px;}
#fh5co-sfw-list .bg-sfw .show-list .fwimg9{ background:url(/uploads/170619/kta.png) no-repeat center; background-size:120% 120%; border-radius:50px;}
#fh5co-sfw-list .bg-sfw .show-list .fwimg10{ background:url(/uploads/170619/qja.png) no-repeat center; background-size:120% 120%; border-radius:50px;}
#fh5co-sfw-list .bg-sfw .show-list .fwimg11{ background:url(/uploads/170619/gda.png) no-repeat center; background-size:120% 120%; border-radius:50px;}
#fh5co-sfw-list .bg-sfw .show-list .fwimg12{ background:url(/uploads/170619/gaa.png) no-repeat center; background-size:120% 120%; border-radius:50px;}
#fh5co-sfw-list .bg-sfw .show-list lable{ width:30px; height:30px;}
@media screen and (min-width:1201px) {
#fh5co-sfw-list .bg-sfw .show-list li{ width:23%; margin:5px 1%;}
#fh5co-sfw-list .bg-sfw .show-list b{ font-size:18px; line-height:30px;}
}
@media screen and (min-width:661px)and (max-width:1200px) {
#fh5co-sfw-list .bg-sfw .show-list li{width:50%;}
#fh5co-sfw-list .bg-sfw .show-list b{ font-size:18px; line-height:30px;}
}
@media screen and (max-width:660px) {
#fh5co-sfw-list .bg-sfw .show-list li{width:50%;}
#fh5co-sfw-list .bg-sfw .show-list b{ font-size:14px; line-height:30px;}
}
#fh5co-sfw-list .bg-sfw .show-list li:hover .fwimg1,#fh5co-sfw-list .bg-sfw .show-list li.onsfw .fwimg1{background:url(/uploads/170619/1-1F619103053B5.jpg) no-repeat center;background-size:120% 120%;}
#fh5co-sfw-list .bg-sfw .show-list li:hover .fwimg2,#fh5co-sfw-list .bg-sfw .show-list li.onsfw .fwimg2{background:url(/uploads/170619/1-1F619103342592.jpg) no-repeat center;background-size:120% 120%;}
#fh5co-sfw-list .bg-sfw .show-list li:hover .fwimg3,#fh5co-sfw-list .bg-sfw .show-list li.onsfw .fwimg3{background:url(/uploads/170619/1-1F61ZRH92B.jpg) no-repeat center;background-size:120% 120%;}
#fh5co-sfw-list .bg-sfw .show-list li:hover .fwimg4,#fh5co-sfw-list .bg-sfw .show-list li.onsfw .fwimg4{background:url(/uploads/170619/1-1F61910323RL.jpg) no-repeat center;background-size:120% 120%;}
#fh5co-sfw-list .bg-sfw .show-list li:hover .fwimg5,#fh5co-sfw-list .bg-sfw .show-list li.onsfw .fwimg5{background:url(/uploads/170619/1-1F61910330BT.jpg) no-repeat center;background-size:120% 120%;}
#fh5co-sfw-list .bg-sfw .show-list li:hover .fwimg6,#fh5co-sfw-list .bg-sfw .show-list li.onsfw .fwimg6{background:url(/uploads/170619/1-1F6191031534V.jpg) no-repeat center;background-size:120% 120%;}
#fh5co-sfw-list .bg-sfw .show-list li:hover .fwimg7,#fh5co-sfw-list .bg-sfw .show-list li.onsfw .fwimg7{background:url(/uploads/170619/1-1F61ZRA42c.jpg) no-repeat center;background-size:120% 120%;}
#fh5co-sfw-list .bg-sfw .show-list li:hover .fwimg8,#fh5co-sfw-list .bg-sfw .show-list li.onsfw .fwimg8{background:url(/uploads/170619/1-1F619103120295.jpg) no-repeat center;background-size:120% 120%;}
#fh5co-sfw-list .bg-sfw .show-list li:hover .fwimg9,#fh5co-sfw-list .bg-sfw .show-list li.onsfw .fwimg9{background:url(/uploads/170619/kt.jpg) no-repeat center;background-size:120% 120%;}
#fh5co-sfw-list .bg-sfw .show-list li:hover .fwimg10,#fh5co-sfw-list .bg-sfw .show-list li.onsfw .fwimg10{background:url(/uploads/170619/qj.jpg) no-repeat center;background-size:120% 120%;}
#fh5co-sfw-list .bg-sfw .show-list li:hover .fwimg11,#fh5co-sfw-list .bg-sfw .show-list li.onsfw .fwimg11{background:url(/uploads/170619/gd.jpg) no-repeat center;background-size:120% 120%;}
#fh5co-sfw-list .bg-sfw .show-list li:hover .fwimg12,#fh5co-sfw-list .bg-sfw .show-list li.onsfw .fwimg12{background:url(/uploads/170619/ga.jpg) no-repeat center;background-size:120% 120%;}
#fh5co-sfw-list .bg-sfw .show-list li{float:left; padding:8px 20px; border:1px #ccc solid; text-align:center;  border-radius:5px; box-sizing:border-box;}
#fh5co-sfw-list .bg-sfw .show-list li:hover,#fh5co-sfw-list .bg-sfw .show-list li.onsfw{ background:#FFF;}
#fh5co-sfw-list .bg-sfw .show-list li:hover a{ display:block;}
/*服务项目内容页*/
#fh5co-service-list .bg-service .container .fwxmarticle p img{ display:block; margin:0 auto; border:1px #e1e1e1 solid; padding:5px; border-radius:10px;}

/*客户*/
@media screen and (min-width:1024px) {
#fh5co-kf-list .bg-kf {padding: 88px 0 60px}
#fh5co-kf-list .bg-kf .show-list li{ float:left; width:20%; height:150px; line-height:150px; text-align:center; border:1px #efefef solid; display:inline;}
}
@media screen and (max-width:1023px) {
#fh5co-kf-list .bg-kf {padding: 88px 0 60px}
#fh5co-kf-list .bg-kf .show-list li{ float:left; width:33.333333333%; height:150px; line-height:150px; text-align:center;}
}
#fh5co-kf-list .bg-kf .show-list li img{ max-width:95%; height:auto;  margin:0 auto; transition:all 0.6s;}
#fh5co-kf-list .bg-kf .show-list li:hover img{ transform:rotateY(360deg)}

/* 首页我们的优势 begin*/
#fh5co-advantage-list{ background:#f6f6f6;}
#fh5co-advantage-list .bg-advantage {padding: 65px 0 60px;background: url(/images/ysleftbg.jpg) no-repeat center left;background-size:50vw auto;}
#fh5co-advantage-list .show-list .media {padding-bottom: 100px;margin-left: 100px;}
#fh5co-advantage-list .show-list .media:last-child {padding-bottom: 0}
#fh5co-advantage-list .show-list .media .media_img {width: 78px;margin: 5px 30px 0 0;}
#fh5co-advantage-list .show-list .media .media-body h3 {color: rgb(73, 73, 73);font-size: 30px;font-weight: bold;margin-bottom: 12px;white-space: nowrap;overflow: hidden}
#fh5co-advantage-list .show-list .media .media-body p.desc {font-size: 12px;color: #000}
/*首页服务案例*/
#fh5co-case-list .bg-case {padding: 80px 0 30px;}
#fh5co-case-list .show-list {padding-top: 20px;}
#fh5co-case-list .show-list .media-img {max-width: 307px;margin: 0 auto; transition:all 0.5s; border:10px #efefef solid; border-radius:160px; overflow:hidden;}
#fh5co-case-list .show-list .media-img:hover{ transform:rotate(360deg); border:10px #efefef solid; border-radius:160px; overflow:hidden;}
#fh5co-case-list .show-list h3 {margin-top: 20px;font-size: 18px;white-space: nowrap;overflow: hidden}
/* 首页关于我们/在线预约 begin*/
#fh5co-middle-list .bg-middle {padding: 65px 0 40px;background: #F5F5F5}
#fh5co-middle-list .about-us .heading h2 {color: rgb(25,25,25);font-size: 14px;margin-bottom: 10px;}
#fh5co-middle-list .about-us .heading span {margin-bottom: 63px;color: rgb(217, 74, 70);font-size: 30px;display: block;font-weight: bold;position: relative}
#fh5co-middle-list .about-us .heading span:after {content: '';position: absolute;left: 0;right: 0;width: 30px;height: 2px;background: #D94A46;bottom: -25px;}
#fh5co-middle-list .about-us .content {font-size: 14px;color: rgb(120, 120, 120);line-height: 2}
#fh5co-middle-list .about-us .content p {line-height: 2}
#fh5co-middle-list .contact-form {background:url(/images/aboutrightbg.jpg) no-repeat left center; background-size:auto 100%; height:500px; overflow:hidden; transition:all 0.5s; border-radius:10px;}
#fh5co-middle-list .contact-form:hover{background:url(/images/aboutrightbg.jpg) no-repeat left center; background-size:auto 100%; height:500px; overflow:hidden; transform:scale(1.05);border-radius:10px;}
@media screen and (max-width:500px) {
#fh5co-middle-list .contact-form {background:url(/images/aboutrightbg.jpg) no-repeat left center; background-size:auto 80%; padding-bottom:50%;;}
}
#fh5co-middle-list .contact-form .form-group {padding-bottom: 15px;}
#fh5co-middle-list .contact-form .input {border-color: #DEDEDE;font-size: 14px;}
#fh5co-middle-list .contact-form .button {display: inline-block;font-size: 14px;background: #f13a3a;color: #fff;border: none;padding: 12px 76px;margin-top: 2px;}
#fh5co-middle-list .contact-form .button:hover {background: #FB414C}
/* 首页我们的承诺 begin*/
#fh5co-promise-list .bg-promise {padding: 90px 0 50px;background: url(../images/promise-bg.jpg) no-repeat center center;background-size: cover;}
#fh5co-promise-list .fh5co-heading h2, #fh5co-promise-list .fh5co-heading span {color: #fff}
#fh5co-promise-list .fh5co-heading span:after {background: #fff;bottom: 60px;}
#fh5co-promise-list .fh5co-heading span {margin-bottom: 88px;}
#fh5co-promise-list .show-list .media {color: #fff;border: 1px solid #fff}
#fh5co-promise-list .show-list .media_word {margin-right: 45px;}
#fh5co-promise-list .show-list .media_word i {width: 100px;height: 100px;line-height: 100px;text-align: center;font-size: 64px;color: rgb(217, 74, 70);background: #fff;position: relative;font-weight: normal;display: block;font-style: inherit;transition: all 350ms linear 0;}
#fh5co-promise-list .show-list .media_word i:after {border-style: solid;border-width: 9px;bottom: 41px;content: "";height: 0;position: absolute;right: -18px;opacity: 0;transition: opacity 500ms linear 0;opacity: 1;border-color: rgba(255, 255, 255, 0) rgba(255,255, 255, 0) rgba(255, 255, 255, 0) #fff;}
#fh5co-promise-list .show-list .media .media-body {padding-right: 10px;}
#fh5co-promise-list .show-list .media .media-body h3 {color: #fff;font-size: 20px;font-weight: bold;margin: 23px 0 6px;white-space: nowrap;overflow: hidden}
#fh5co-promise-list .show-list .media .media-body p.desc {font-size: 14px;color: #fff}
/* 首页高效的服务 begin*/
#fh5co-efficient-list .bg-efficient {padding: 90px 0 60px;}
#fh5co-efficient-list .show-list .media-img {max-width: 99px;margin: 0 auto}
#fh5co-efficient-list .show-list h5 {color: rgb(61, 60, 60);font-size: 20px;margin: 20px 0;white-space: nowrap;overflow: hidden}
#fh5co-efficient-list .show-list p.desc {color: rgb(61, 60, 60);font-size: 14px;height: 70px;overflow: hidden}
/* 首页新闻中心 begin*/
#fh5co-news-list .bg-news {padding: 90px 0 60px; background:#f6f6f6; margin-bottom:60px;}
#fh5co-news-list .bg-news .rd_news_bt{ height:50px; line-height:50px; border-bottom:1px #fff solid;}
#fh5co-news-list .media-img {max-width: 99px;margin: 0 auto}
#fh5co-news-list  h5 {color: rgb(61, 60, 60);font-size: 20px;margin:0;white-space: nowrap;overflow: hidden}
#fh5co-news-list .rd_news:hover h5{ color:#d94a46;}
#fh5co-news-list h6,#fh5co-content_show h6{ font-size:18px; font-weight:bold;}
@media screen and (min-width:1024px) {
.wrap_news{ width:100%;  margin:0 auto;}
.rd_news{ width:32%;  float:left; display:inline; margin-bottom:50px;border:1px #fff solid; border-radius:10px; padding:0px 10px 10px;}
.rd_news:hover{ background:#FFF;border:1px #f6f6f6 solid;}
.mright0{ margin-right:0px;}
.mright1{ margin-right:2%;}
.rd_tu{ width:100%; height:79px; margin:15px auto;}
.rd_tu img{border-radius:8px;}
.rd_nr ul { width:100%; float:left; margin-top:5px;}
.rd_nr ul li{ width:100%; line-height:34px; height:34px; overflow:hidden; font-size:14px;}
.ml30{ margin-left:30px;}
.rd_news .more{position: absolute; right:10px; top:8px;}
}
@media screen and (max-width:1023px) {
.wrap_news{ width:92%;  margin:0 auto; margin-top:0px; padding:0 3%;}
.rd_news{ width:100%;  float:left; margin-top:20px; display:inline;}
.rd_tu{ width:100%; height:79px; margin:25px auto;}
.rd_tu img{ width:98%; margin:0 auto; display:block;}
.rd_nr ul { width:100%; float:left; margin-top:5px;}
.rd_nr ul li{ width:98%; line-height:34px; font-size:14px;}
.ml30{}
.rd_news .more{position: absolute; right:10px; top:8px;}
}
/* 首页在线预约 begin*/
#fh5co-online-list .heading span {display: block;color: rgb(54, 54, 54);font-size: 24px;font-weight: bold;margin-bottom: 52px;}
#fh5co-online-list .content {margin-bottom: 100px;}
#fh5co-online-list .content a {background: #01468b;display: inline-block;font-size: 18px;padding: 12px 75px;color: #fff;border-radius: 25px; transition:all 0.3s;}
#fh5co-online-list .content:hover a{background: #D94B46;}
/* 内页 begin*/
/* 产品展示 begin*/
.show-product a {color: #37474f;display: block;background: #fff;}
.show-product a .media-img {transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;width: 100%;overflow: hidden;max-width: 307px;margin: 0 auto; transition:all 0.5s; border:10px #efefef solid; border-radius:160px; overflow:hidden}
.show-product a .media-img:hover{ transform:scale(1.1);border:10px #efefef solid; border-radius:160px; overflow:hidden;}
.show-product a:hover {color: #000;}
.show-product a:hover .media-img {opacity: 0.6;}
.show-product a .content {}
.show-product a .content h3 {margin: 15px 0px;font-size: 16px;line-height: 20px;height: 20px;overflow: hidden;white-space: nowrap}
.show-product a .content p.desc {font-size: 14px;color: #999;line-height: 1.6;height: 50px;overflow: hidden}
.show-product a .content p.more {border: 1px solid #e22835;padding: 6px 15px;font-size: 14px;line-height: 1.5;display: inline-block;margin-top: 25px}
.show-product a .content p.more:hover {background: #e22835;color: #fff}
.show-product a:hover h3 {color: #F02930}
/* 产品展示 end*/


#fh5co-content_show {padding: 0px 0px 30px;}
#channel-box-id #fh5co-content_show {padding: 0px;}
#fh5co-content_show .inner-title {padding: 70px 0 50px;}
#fh5co-content_show .inner-title h2 a {color: #333;}
#fh5co-content_show .show_body {font-size: 14px;}
#fh5co-content_show .detail {font-size: 14px;padding: 0px 0;line-height: 180%;}
#fh5co-content_show .content_detail .detail {}
#fh5co-content_show .detail a {color: rgb(89, 89, 89);}
#fh5co-content_show .detail a:hover {color: #e60012}
#fh5co-content_show .detail h1 {font-size: 18px;text-align: left;font-weight: bold;text-align: center;margin-bottom: 5px;}
#fh5co-content_show .detail img {height: auto !important;max-width: 100%;vertical-align: middle;margin-bottom: 11px;}
#fh5co-content_show .detail img {margin: 11px 0;max-width: 100%}
#fh5co-content_show .detail .content-img img {}
#fh5co-content_show .detail p {text-indent: 0;font-size: 14px;line-height: 2;margin-bottom: 16px;}
#fh5co-content_show .detail .description {padding: 0px;font-size: 14px;}
#fh5co-content_show .detail .description p img{display:block; margin:0 auto; border:1px #e1e1e1 solid; padding:5px; border-radius:10px;}
#fh5co-content_show .qhd-title {text-align: center}
#fh5co-content_show .qhd-title span {margin: 0 5px;font-size: 12px;color: #a3afb7}
#fh5co-content_show .qhd-title {border-bottom: 1px solid #ddd;margin-bottom: 25px;padding-top: 6px;}
#fh5co-content_show .qhd-title strong {font-weight: normal}
#fh5co-content_show .contact-box h2 {font-size: 16px;font-weight: bold}
#fh5co-content_show .title {border-bottom: 1px solid #e4e4e4;height: 52px;line-height: 50px;text-align: left;margin-top: 5px;margin-bottom: 30px;}
#fh5co-content_show .title h2 {display: inline-block;font-size: 16px;font-weight: normal;line-height: 60px;margin: 0;overflow: hidden;padding: 0;word-break: break-all;color: #000;text-indent: 8px;}
#fh5co-content_show .leftbar h3 {font-size: 16px;font-weight: normal;color: #000;margin-bottom: 15px;}
#fh5co-content_show .title h2 a {color: #000;}
#fh5co-content_show .title .bread {padding: 6px 0 0;font-size: 14px;color: #999}
#fh5co-content_show .title .bread a {font-size: 14px;color: #333}
#fh5co-content_show .title .bread a:hover {color: #F02930}
#fh5co-content_show .title .bread a i {display: inline-block;margin-right: 5px;}
#fh5co-content_show .subnav {}
#fh5co-content_show .subnav li {height: 45px;line-height: 45px;font-size: 14px;}
#fh5co-content_show .subnav li a {display: block;padding-left: 0px;border-bottom: 1px solid #e1e1e1;font-size: 13px;color: #000;}
#fh5co-content_show .subnav li a:hover, #fh5co-content_show .subnav li.active a {border-bottom: 1px solid #F34D53;color: #F02930}
#fh5co-content_show .leftcon ul li {line-height: 350%;font-size: 13px;color: #000}
#fh5co-content_show .leftcon ul li a {color: #000}
#fh5co-content_show .leftcon ul li img {width: 20px;margin-right: 8px;vertical-align: text-top}
#product-box-id .fh5co-heading span, #article-box-id .fh5co-heading span {margin-bottom: 48px !important;}
/*联系我们*/
#fh5co-content_show .contact-boxs {margin: 30px 0;font-size: 16px;}
#fh5co-content_show .contact-boxs h3 {margin-top: 45px;margin-bottom: 10px;font-size: 24px;color: #333;font-weight: normal}
#fh5co-content_show .contact-boxs p {font-size: 16px;color: #666}
/*关于我们*/
#fh5co-about-pic .bg-about-pic {background: url(../images/about-bg.jpg) no-repeat center center;background-size: cover;}
#fh5co-about-pic h2 {padding: 138px 0;font-size: 40px;color: #fff;}
/*分页*/
.table span {margin-right: 10px;}
.content_detail .pager {font-size: 14px;padding: 0;margin: 0}
.content_detail .pager a {border: none;color: #666;}
.content_detail .pager a:focus, .content_detail .pager a:hover {color: #F02930;background: none}
.content_detail .pager li {display: block;text-align: left;line-height: 200%}
#fh5co-content_show .pagination .active, #fh5co-content_show .pagination a:hover {background: #F02930;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%}
/*包装材料页面*/
.service2 {background: #FFFFFF;margin-top: 35px;padding: 25px 20px;}
.service2 .head {font-size: 22px;color: #fd0b0b;margin-bottom: 10px;border-bottom: 2px solid #dadada;}
.service2 .head b {line-height: 2.2;}
.service2 ul {overflow: hidden;}
.service2 ul li {float: left;width: 571px;margin-top: 25px;padding: 27px 20px;border: 1px solid #e7e7e7;overflow: hidden;}
.service2 ul li .img {float: left;width: 186px;height: 140px;}
.service2 ul li .img img {width: 100%;height: 100%;}
.service2 ul li .li-fr {float: right;width: 326px;}
.service2 ul li .li-fr .text1 {margin: 10px 0 20px;}
.service2 ul li .li-fr .text1 span {color: #141414;font-size: 16px;}
.service2 ul li .li-fr .text1 em {float: right;color: #969696;font-size: 12px;font-style: normal;}
.service2 ul li .li-fr .text2 {font-size: 14px;color: #646464;line-height: 1.8;}
.service2 ul li .li-fr .text2 span {font-size: 15px;color: #141414;}
.service2 ul li:nth-child(2n-1) {margin-right: 16px;}
.service2 dl {padding-top: 40px;}
.service2 dl dt {font-size: 18px;margin-bottom: 18px;color: #fd0b0b;font-weight: bold;}
.service2 dl dd {font-size: 16px;color: #646464;margin-bottom: 18px;}
.service2 .service-li {padding: 0 20px 25px 70px;margin: 0 22px 48px;border-bottom: 1px solid #e6e6e6;}
.service2 .service-li .h3 {font-size: 16px;margin-bottom: 8px;line-height: 1.6;color: #141414;font-weight: normal;}
.service2 .service-li p {font-size: 14px;color: #969696;line-height: 1.8;}
.service2 .service-li:nth-child(2) {background: url(../images/service2.png) no-repeat 12px 0px;}
.service2 .service-li:nth-child(3) {background: url(../images/service2.png) no-repeat 12px -133px;}
.service2 .service-li:nth-child(4) {background: url(../images/service2.png) no-repeat 12px -325px;}
.service2 .service-li:nth-child(5) {margin-bottom: 0;background: url(../images/service2.png) no-repeat 12px -490px;}
.service3 {font-size: 0;margin: 30px 0 70px;}
.service3-li {width: 224px;height: 348px;vertical-align: top;margin-right: 20px;background: #FFFFFF;display: inline-block;text-align: center;border: 1px solid #dbdbdb;}
.service3-li .img {width: 60px;height: 60px;margin: 60px auto 0;}
.service3-li .h4 {font-size: 18px;margin: 35px 0 40px;color: #343030;font-weight: normal;}
.service3-li p {font-size: 14px;color: #5d5c5c;padding: 0 20px;line-height: 2;}
.service3-li:nth-child(1) .img {background: url(../images/service1.png) no-repeat -2px -3px;}
.service3-li:nth-child(2) .img {background: url(../images/service1.png) no-repeat -246px -3px;}
.service3-li:nth-child(3) .img {background: url(../images/service1.png) no-repeat -490px -2px;}
.service3-li:nth-child(4) .img {background: url(../images/service1.png) no-repeat -733px -2px;}
.service3-li:nth-child(5) {margin-right: 0;}
.service3-li:nth-child(5) .img {background: url(../images/service1.png) no-repeat -977px -2px;}
.stripe {background: url(../images/stripe.png) repeat-x;width: 100%;height: 10px;}
/*文章*/
#fh5co-content_show .article-media li {border-bottom: 1px dashed #DBD4CD;padding: 23px 0 35px}
#fh5co-content_show .article-media li:hover{ background:#f8f8f8;}
#fh5co-content_show .article-media li:hover .media .caldata .content{background:#fff; border-left:1px #f8f8f8 solid; box-sizing:border-box;}
.article-media .media .caldata .content {padding: 12px;background: #f2f2f2;text-align: center;margin-right: 8px;color: #666}
.article-media .media .caldata .content p {text-align: center}
.article-media .media .caldata .content p.day {font-size: 24px;color: #666;font-weight: bold;padding-bottom: 5px;}
.article-media .media .caldata .content p.mon-year {font-size: 13px;}
.article-media .media .media_img {width: 220px; height:170px; overflow:hidden;margin-right: 20px;}
.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 .media_img img {width: 220px;padding: 5px; border:1px #e6e6e6 solid; transition:all 0.6s;}
.article-media .media .media_img:hover img{ transform:scale(1.2);}
.article-media li {margin-bottom: 12px;}
.article-media img {display: block;width: 150px;}
.article-media .media .time {color: #999;font-size: 14px;display: inline-block;margin-top: 3px;}
.article-media .media-body h3 {font-size: 16px;margin-bottom: 5px;}
.article-media .media-body h3 a {color: #5a5a5a;font-size: 16px;line-height: 100%;}
.article-media .media-body h3 a:hover {color: #f13a3a;}
.article-media .media-body p {color: #999;line-height: 22px;font-size: 14px;}
/*内页banner*/
.slideshow {height: 380px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.slideshow .container {position: relative;height: 100%}
.slideshow h3 {position: absolute;top: 53%;color: #fff;font-size: 30px;height: 30px;left: 0;right: 148px;}
.slideshow h3 a {color: #fff;}
/*在线客服*/
.SonlineBox {width: 139px;font-size: 12px;overflow: hidden;z-index: 6;}
.SonlineBox .openTrigger {width: 31px;height: 130px;position: absolute;top: 0px;z-index: 1;cursor: pointer;background: #a9060e url(../images/greenopen.jpg) no-repeat;}
.SonlineBox .titleBox {width: 135px;height: 35px;line-height: 33px;background: #a9060e;border-bottom: 2px solid #a9060e;}
.SonlineBox .titleBox span {margin-left: 10px;color: #fff;font-size: 14px;}
.SonlineBox .contentBoxC {width: 135px; /*height:335px;*/border: 2px solid #a9060e;background: #ffffff/* url(../images/greenbg.jpg) no-repeat*/;position: absolute;z-index: 2;}
.SonlineBox .contentBoxC .closeTrigger {width: 25px;height: 25px;display: block;cursor: pointer;position: absolute;top: 5px;right: 5px;-webkit-transition: all 0.8s ease-out;}
.SonlineBox .contentBoxC .closeTrigger:hover {-webkit-transform: scale(1) rotate(360deg);}
.SonlineBox .contentBoxC .listBox {overflow: hidden;margin-bottom: 10px;}
.SonlineBox .contentBoxC .listBox .Tlist {display: block;width: 86%;height: 22px;margin: 10px auto 0px auto;text-align: center;}
.SonlineBox .contentBoxC .listBox .Tlist span {float: left;line-height: 22px;}
.SonlineBox .contentBoxC .listBox .Tlist a {/*float:left;*/}
.SonlineBox .contentBoxC .listBox .WWList {line-height: 18px;height: 18px;}
.SonlineBox .contentBoxC .listBox .SkypeList {line-height: 23px;height: 23px;}
.SonlineBox .contentBoxC .otherBox {clear: both;height: 115px;text-align: center;}
.SonlineBox .contentBoxC .otherBox img {width: 105px;height: 105px;}
.SonlineBox .contentBoxC .telBox {display: block;padding: 36px 10px 10px;color: #a9060e;font-size: 14px;line-height: 26px;font-family: '微软雅黑';background: url(../images/telbg.jpg) 0 0 no-repeat;text-align: center;font-weight: bold;word-wrap : break-word;}
/*在线客服 end*/


/*手机底部导航*/
#toolbar {display: none;}
 @media (max-width:1199px) and (min-width:1001px) {
#fh5co-advantage-list .show-list .media {margin-left: 20px;}
#fh5co-efficient-list .show-list p.desc {height: 96px;}
#fh5co-promise-list .show-list .media_word i {width: 80px;}
#fh5co-promise-list .show-list .media_word {margin-right: 25px;}
#fh5co-content_show .contact-boxs h3 {margin-top: 25px}
.slideshow {height: 300px;}}
 @media screen and (max-width:1000px) {
#quirydialog .qdialog-head {width: 600px}
#fh5co-header .header-box .nav li{
    width: 12.3055555555555555%;}
#fh5co-header .header-box .nav li a {/*padding: 0 31px;*/}
.slideshow {height: 200px;}
.line-big {margin-left: -10px;margin-right: -10px}
.line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px}
#fh5co-content_show .detail .admissions-boxs .intro {margin-top: 0px;}
#fh5co-content_show .leftbar {margin-left: 20px;}
#fh5co-header .header-box .nav li ul, #fh5co-header .header-box .nav li ul li a {min-width: 126px;}
#fh5co-advantage-list .bg-advantage, #fh5co-content_show #fh5co-service-list .bg-service {background: #f5f5f5;}
#fh5co-content_show #fh5co-advantage-list .bg-advantage {background: #fff;}
#fh5co-advantage-list .show-list .media {margin-left: 0px;padding-bottom: 30px;}
#fh5co-promise-list .show-list .media .media-body h3 {margin: 15px 0 0}
#fh5co-promise-list .show-list .media_word {margin-right: 25px;}
#fh5co-efficient-list .show-list p.desc {height: 96px;}
#fh5co-about-pic h2 {padding: 78px 0;font-size: 30px;}
#fh5co-content_show .contact-boxs h3 {margin-top: 0}
.article-media .media .media_img {width: 280px;}
.article-media .media .media_img img {width: 280px;}}
 @media screen and (max-width:760px) {
.fh5co-heading span, #fh5co-middle-list .fh5co-heading span {}
#quirydialog .qdialog-head {width: 360px}
#fh5co-offcanvas .nav {display: block;borer: none}
.fh5co-nav-toggle {display: block;}
#fh5co-header .navbar {height: auto;}
#fh5co-header .navbar-head {padding: 0 0 10px 0;position: relative}
#fh5co-header .header-box {border: none}
#fh5co-header .icon-navicon {position: absolute;top: 50%;right: 0px;margin-top: -10px;background: none;color: #fff;font-size: 22px;border: none;transition: none;padding: 0;}
#article-box-id #fh5co-content_show .show_content {margin-left: 0px;}
#fh5co-content_show .inner-title {padding: 30px 0 20px;}
.flex-direction-nav {display: none}
.slideshow {height: 170px;}
#fh5co-header .head-middle {padding: 8px 0}
#fh5co-header .head-middle .logo img {width: 60%;}
#fh5co-efficient-list .show-list p.desc {height: 100px;}
#fh5co-about-pic h2 {padding: 48px 0;font-size: 20px;}
.article-media .media .media_img {width: 120px;}
.article-media .media .media_img img {width: 120px;}
#fh5co-content_show .article-media li {padding: 20px 10px;}
#product-box-id .fh5co-heading span:after, #article-box-id .fh5co-heading span:after {bottom: 48px !important;}
/*手机底部导航*/
.blank55 {height: 55px;line-height: 1px;clear: both;}
#toolbar {color: #fff;width: 100%;height: 54px;position: fixed;bottom: 0;left: 0;z-index: 8;background: #000;display: block;}
#toolbar a {width: 100%;color: #fff;display: block;padding: 5px 0 0 0;line-height: 23px;font-size: 14px;}
#toolbar a span {font-size: 22px;display: block;}

#foottoolbar{color:#fff;text-align:center;width:100%;height:65px;float:left;position:fixed;bottom:0;left:0;z-index:10000;background:#000;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#000000));}
#foottoolbar ul{}
#foottoolbar li{float:left;width:25%;height:63px;background:url(http://www.xxwq.cn/mcode/dfloat/f_li.png) no-repeat left center;}
#foottoolbar li.t_first{background:none;}
#foottoolbar a{width:100%;height:24px;color:#fff;display:block;padding:30px 0 0 0;line-height:24px;font-size:14px;}
.f1{background:url(http://www.xxwq.cn/mcode/dfloat/f1.png) no-repeat center 8px; background-size:20px 20px}
.f2{background:url(http://www.xxwq.cn/mcode/dfloat/f2.png) no-repeat center 8px;background-size:20px 20px}
.f3{background:url(http://www.xxwq.cn/mcode/dfloat/f3.png) no-repeat center 8px;background-size:20px 20px}
.f4{background:url(http://www.xxwq.cn/mcode/dfloat/f4.png) no-repeat center 8px;background-size:20px 20px}
.f5{background:url(http://www.xxwq.cn/mcode/dfloat/f5.png) no-repeat center 8px;background-size:20px 20px}
.f6{background:url(http://www.xxwq.cn/mcode/dfloat/f6.png) no-repeat center 8px;background-size:20px 20px}
.f7{background:url(http://www.xxwq.cn/mcode/dfloat/f7.png) no-repeat center 8px;background-size:20px 20px}
.hidden{ width:100%;height:62px; float:left; display:block;}
.f5 a{position:relative;}
.f5 div{display:none;color:red;width:100%;height:auto; padding-top:10px;background-color:#FFF;position:absolute;top:-222px;left:0px; margin-bottom:0px;cursor:default;box-shadow:0px -10px 10px #000;}
.f5 img{ width:193px;}
.close {background: orange;color: red;border-radius: 12px;line-height: 20px;text-align: center;height: 20px;width: 20px;font-size: 18px;padding: 1px;top: 20px;right: 20px;position: absolute;}
.close::before {content: "\2716";}
.suspension{display:none;}
}
@media screen and (min-width:761px) {
#foottoolbar{ display:none;}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:360px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(/images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:230px;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-qrcode{width:400px;}
.qrcode-img{ float:left; margin:0 5px;}
.qrcode-img img{ width:100%; max-width:180px; border:1px #ccc solid;}
.suspension .d .arrowr{position:absolute;width:8px;height:12px;background:url(/images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box,.suspension .dwx .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(/images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item a.i-qq1:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item a.i-qq2:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(/images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.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; display: inline-block;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
}
 @media screen and (max-width:480px) {
.fh5co-heading span {font-size: 14px;}
#quirydialog .qdialog-head {width: auto !important}
#fh5co-header .head-middle .logo img {width: 80%;}
.fh5co-nav-toggle {}
#fh5co-content_show .detail h1 {font-size: 16px;font-weight: bold;margin: 0}
#fh5co-content_show .qhd-title span {font-size: 12px;}
.article-media .media .caldata .content {padding: 5px;}
.article-media .media .media_img {width: 82px;margin-right: 10px;}
.article-media .media .media_img img {width: 80px;padding: 1px;}
.article-media .media .time, .article-media .media .desc {display: none}
.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%}
.slideshow {height: 100px;}
footer .foot-bot {font-size: 12px;}
.fh5co-heading h2 {font-size: 24px;}
.fh5co-heading span, #fh5co-promise-list .fh5co-heading span {margin-bottom: 52px;font-size: 12px;line-height: 1.5}
.fh5co-heading span:after, #fh5co-promise-list .fh5co-heading span:after {bottom: 38px;}
#fh5co-service-list .show-list .imgs {}
#fh5co-service-list .bg-service, #fh5co-case-list .bg-case, #fh5co-middle-list .bg-middle, #fh5co-promise-list .bg-promise, #fh5co-efficient-list .bg-efficient {padding: 40px 0 10px}
#fh5co-advantage-list .bg-advantage {padding: 40px 0 30px;}
#fh5co-advantage-list .show-list .media {padding-bottom: 5px;margin-left: 0px;}
#fh5co-advantage-list .show-list .media .media_img {width: 58px;margin: 5px 10px 0 0;}
#fh5co-advantage-list .show-list .media .media-body h3 {font-size: 18px;}
#fh5co-case-list .show-list {padding-top: 0px;}
#fh5co-case-list .show-list h3 {margin-top: 10px;font-size: 14px;}
#fh5co-middle-list .about-us .heading span {font-size: 18px;margin-bottom: 35px;}
#fh5co-middle-list .about-us .heading span:after {bottom: -12px;}
#fh5co-online-list .content {margin-bottom: 40px;}
#fh5co-online-list .heading span {font-size: 18px;margin-bottom: 20px;}
#fh5co-efficient-list .show-list h5 {font-size: 16px;margin: 10px 0;}
#fh5co-efficient-list .show-list p.desc {height: 120px;line-height: 1.5}
#fh5co-efficient-list .show-list p.desc, #fh5co-middle-list .about-us .content, #fh5co-promise-list .show-list .media .media-body p.desc {font-size: 12px}
#fh5co-promise-list .show-list .media_word i {width: 50px;font-size: 36px;}
#fh5co-promise-list .show-list .media_word {margin-right: 25px;}
#fh5co-promise-list .show-list .media .media-body h3 {font-size: 14px;}
#fh5co-middle-list .about-us .content, #fh5co-middle-list .about-us .content p {line-height: 1.5}
#fh5co-about-pic h2 {padding: 38px 0;font-size: 12px;}
#fh5co-content_show .contact-boxs h3 {font-size: 18px;}
#fh5co-content_show .contact-boxs p {font-size: 14px;}
.show-product .xl6 {width: 100% !important}}
/* 内页 end*/


/* ======置顶 ======*/
.backToTop {display: none;width: 35px;height: 35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor: pointer;z-index: 9;background: #666 url(../images/icon-gotop-fixed.png) no-repeat center center;}
.backToTop:hover {background-color: #000;}
