body { font-family: "微软雅黑", Arial; font-size: 12px; font-weight: normal; color: #666; background: #fff; position: relative }
p { margin: 0; font-weight: normal }
h1, h2, h3, h4, h5, h6, figure { color: #666; font-weight: normal }
.none { display: none }
::-webkit-selection { color: #fff; background: #040922 }
::-moz-selection { color: #fff; background: #040922 }
::selection { color: #fff; background: #040922 }
.text-lowercase { text-transform: lowercase }
.text-uppercase, .initialism { text-transform: uppercase }
.text-capitalize { text-transform: capitalize }
.float_bg { background: url(../images/qq_3.gif) repeat-y }
a { color: #666; text-decoration: none }
a:focus, a:hover { color: #006eb9 }
.bg-main { background: #207DAB; border: 1px solid #207DAB !important }
.bg-main:hover, .bg-main:focus { border: 1px solid #086593 !important; background: #086593 !important }
.button.bg-main { border-color: #207DAB !important }
.button.bg-main:hover { border-color: #086593 !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 { overflow: visible; width: 100% }
.not-animated { opacity: 0 }
ul, li { padding: 0; margin: 0; list-style: none }
.line-big { margin-left: -24px; margin-right: -24px }
.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: 24px; padding-left: 24px }
#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: #000; font-size: 18px; margin-bottom: 30px }
.fh5co-heading h2 a { color: #000 }
.fh5co-heading h2 a:hover { color: #006eb9 }
.main-top { position: relative; width: 100% }
#fh5co-header { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 80px; z-index: 3 }
#fh5co-header .header-box { background: rgba(24, 114, 159, 0.88) none repeat scroll 0 0 }
.header-box.fixed.fixed-top { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); width: 100%; z-index: 3 }
#fh5co-header .navbar { boder: none }
#fh5co-header .navbar-head { padding: 3px 34px 0 0 }
#fh5co-header .navbar-head img { width: 180px }
#fh5co-header .navbar-body .nav { }
#fh5co-header .navbar-body .nav li { margin: 0; padding: 0; display: inline }
#fh5co-header .navbar-body .nav li.cn { background: url(../images/cn.jpg) no-repeat left 35px; padding-left: 12px }
#fh5co-header .navbar-body .nav li.eng { background: url(../images/en.jpg) no-repeat left 35px; padding-left: 12px }
#fh5co-header .navbar-body .nav li a { color: #fff; font-size: 14px; font-weight: normal; text-align: center; text-decoration: none; line-height: 80px; padding: 0 15px }
#fh5co-header .navbar-body .nav li a:hover, #fh5co-header .navbar-body .nav li.current a.first-level, #fh5co-header .navbar-body .nav li:hover a.first-level { color: #fff }
#fh5co-header .navbar-body .nav li:hover a.first-level { background-color: rgba(255, 255, 255, 0.2) }
#fh5co-header .navbar-body .nav li ul { top: 80px; padding: 0; min-width: 160px; z-index: 4; border-radius: 0; border: none; box-shdow: 0 }
#fh5co-header .navbar-body .nav li ul li { margin: 0; padding: 0; height: auto; display: block; background: #fff; line-height: 40px }
#fh5co-header .navbar-body .nav li ul li a { display: block; width: 100%; font-size: 14px; font-weight: 100; color: #666; background: #fff; margin: 0; min-width: 160px; line-height: 40px; text-align: left }
#fh5co-header .navbar-body .nav li ul li a:hover { color: #207dab }
#fh5co-header .navbar-body .nav li ul li ul { top: 0 }
#fh5co-header .navbar-form { line-height: 80px; font-size: 14px; color: #fff }
#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: 5; 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 }
#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: #f00 }
#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: 98%; border: 0; box-shadow: 0; border-radius: 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: rgba(24, 114, 159, 0.88); color: #fff; display: block; padding: 0px 20px 0px 10px; margin: 0; text-align: left; width: 100%; font-size: 12px; line-height: 28px }
#fh5co-offcanvas ul li ul li a:hover { background: rgba(24, 114, 159, 0.7); color: #fff }
#fh5co-offcanvas ul li ul li a::before, #fh5co-offcanvas ul li ul li a::after { background: none; height: 0; padding: 0 }
#fh5co-offcanvas ul li ul li ul { top: 0 }
.fh5co-nav-toggle { cursor: pointer; text-decoration: none }
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after { background: #fff }
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active { outline: none; border-bottom: none !important }
.fh5co-nav-toggle i { position: relative; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 28px; height: 4px; color: #fff; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: #fff; transition: all .2s ease-out }
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after { content: ''; width: 28px; height: 4px; background: #fff; 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: 18px; right: 10px; z-index: 7; 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 }
footer .foot-top { background: #4C4C4C; padding: 40px 0 30px }
footer .foot-top .nav-list a { color: #ccc; font-size: 14px; line-height: 40px; font-weight: normal; padding: 0px }
footer .foot-top .nav-list ul li { border-left: none }
footer .foot-top .nav-list ul li a { padding: 0px; color: #808080; font-size: 14px; line-height: 28px }
footer .foot-top .nav-list ul li a:hover { color: #808080; text-decoration: underline }
footer .foot-top .foot-contact { min-width: 145px; float: right; font-size: 14px }
footer .foot-top .foot-contact b { display: inline-block; margin-bottom: 6px; font-size: 23px; font-weight: normal; color: #207dab }
footer .foot-top .foot-contact a { display: block; color: #ccc; width: 145px; height: 42px; margin-top: 20px; line-height: 42px; background: #207dab; border-radius: 21px; overflow: hidden }
footer .foot-top .foot-contact .service-time { color: #808080 }
footer .foot-top .foot-contact a i { margin-right: 8px }
footer .foot-bot .social { text-align: right }
footer .foot-bot .social li { display: inline-block; margin-left: 5px }
footer .foot-bot .social li a { margin-top: 3px; display: inline-block; width: 32px; height: 32px; color: #999; text-align: center; line-height: 28px; font-size: 18px; margin-right: 2px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); margin-bottom: 0 }
footer .foot-bot .social li a:before { background: 0 0 }
footer .foot-bot .social li a:hover { color: #fff }
footer .foot-bot .social #f-weixin-id { position: relative; z-index: 7 }
footer .foot-bot .social .weixint-content { background-clip: padding-box; border: 1px solid rgba(204, 213, 219, 0.8); border-radius: 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); left: -42px; min-height: 32px; padding: 0; position: absolute; text-align: left; bottom: 46px; white-space: normal; width: 116px; background: #fff; z-index: 8 }
footer .foot-bot .social .weixint-content:before { position: absolute; bottom: -9px; left: 46px; width: 0; height: 0; content: '' }
footer .foot-bot .social .weixint-content:after { position: absolute; bottom: -8px; left: 46px; width: 0; height: 0; border-right: 8px solid transparent; border-top: 8px solid #fff; border-left: 8px solid transparent; content: '' }
footer .foot-bot .social .weixint-content img { width: 110px; height: 110px }
footer .foot-bot { background: #2e2e2e; font-size: 13px }
footer .foot-bot .navbar-left { padding-top: 8px }
footer .foot-bot .foot-link { padding: 8px 0 0px }
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none }
.flexslider { margin: 0; padding: 0; position: relative; z-index: 1 }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden }
.flexslider .slides img { width: 100%; display: block }
.flex-pauseplay span { text-transform: capitalize }
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
html[xmlns] .slides { display: block }
* html .slides { height: 1% }
.no-js .slides > li:first-child { display: block }
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center }
.flex-control-nav li { display: inline-block; width: 8px; height: 8px; margin: 0 4px; *display: inline; zoom: 1 }
.flex-control-nav a { display: inline-block; cursor: pointer; width: 8px; height: 8px; float: left; text-indent: -2000px; background: #fff; border-radius: 12px; text-indent: -9999em }
.flex-control-nav .flex-active { background: #007AFF }
.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 50% }
.flex-direction-nav li a { display: block; width: 40px; height: 40px; overflow: hidden; cursor: pointer; position: absolute; margin-top: -16px; text-indent: -9999em; top: 50%; background-repeat: no-repeat }
.flex-direction-nav li a.flex-prev { left: 50px; background-position: 0 0px; background-image: url("../images/prev.png") }
.flex-direction-nav li a.flex-next { right: 50px; background-position: 0px 0px; background-image: url("../images/next.png") }
.flex-direction-nav li a.flex-prev:hover { background-position: 0 -40px }
.flex-direction-nav li a.flex-next:hover { background-position: 0 -40px }
#fh5co-cat-list .bg-cat { padding: 37px 0 20px; border-bottom: 1px solid #e3e3e3 }
#fh5co-cat-list .show-list .media-img { overflow: hidden }
#fh5co-cat-list .show-list .media-img img { width: 100%; transform: scale(1); transition: all 0.3s ease-out 0s }
#fh5co-cat-list .show-list .media-img img:hover { transform: scale(1.1); transition: all 0.4s ease-out 0s }
#fh5co-cat-list .show-list h3 { font-size: 12px; margin: 20px 0 10px }
#fh5co-cat-list .show-list h3 a { color: #333; display: block }
#fh5co-cat-list .show-list h3 a:hover { color: #006eb9 }
#fh5co-cat-list .show-list p.desc { color: #969696; font-size: 14px }
#fh5co-video-list .bg-video { padding: 50px 0 30px; border-bottom: 1px solid #e3e3e3 }
#fh5co-video-list .show-list .item { position: relative; z-index: 1 }
#fh5co-video-list .show-list .media-img { overflow: hidden }
#fh5co-video-list .show-list .media-img img { width: 100%; height: 100%; transform: scale(1); transition: all 0.3s ease-out 0s }
#fh5co-video-list .show-list .media-img img:hover { transform: scale(1.1); transition: all 0.4s ease-out 0s }
#fh5co-video-list .show-list .overlay { }
#fh5co-video-list .show-list .overlay span { display: block; color: #000; font-size: 60px; height: 60px; line-height: 60px; left: 43%; opacity: 0.5; overflow: hidden; position: absolute; text-align: center; top: 38%; width: 60px; z-index: 2 }
#fh5co-video-list .show-list .overlay h3 { position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); height: 30px; line-height: 30px; color: #fff; font-size: 14px }
#fh5co-video-list .show-list .overlay h3 a { width: 90%; margin-left: 5%; color: #fff }
#fh5co-video-list .show-list .overlay h3 a:hover { color: #fff }
#fh5co-bottom-info .bg-bottom { padding: 50px 0 70px }
#fh5co-bottom-info .item1 { padding-right: 37px }
#fh5co-bottom-info .item2 { padding: 0 24px; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3 }
#fh5co-bottom-info .item3 { padding: 0 24px }
#fh5co-bottom-info .fh5co-heading h2 { margin-bottom: 20px }
#fh5co-bottom-info .show-content { font-size: 20px; line-height: 130% }
#fh5co-bottom-info .show-content img { width: 100%; margin-bottom: 10px }
#fh5co-bottom-info .show-content p { font-size: 12px }
#fh5co-bottom-info .show-list { margin-top: 10px }
#fh5co-bottom-info .show-list .media_img { overflow: hidden; width: 110px; margin-bottom: 25px; margin-top: 4px }
#fh5co-bottom-info .show-list .media_img img { width: 110px; height: 80px; transform: scale(1); transition: all 0.3s ease-out 0s }
#fh5co-bottom-info .show-list .media_img img:hover { transform: scale(1.1); transition: all 0.4s ease-out 0s }
#fh5co-bottom-info .show-list .media-body { padding-left: 5px }
#fh5co-bottom-info .show-list .media-body h3 { font-size: 12px }
#fh5co-bottom-info .show-list .media-body h3 a { color: #333; display: block; font-size: 12px; line-height: 1.5 }
#fh5co-bottom-info .show-list .media-body h3 a:hover { color: #006eb9 }
#fh5co-bottom-info .show-list .media-body span.time { color: #999999; display: block; font-size: 12px; font-weight: normal; line-height: 140%; margin-top: 8px }
.show-product .media-img { overflow: hidden }
.show-product .media-img:hover { }
.show-product .media-img img { width: 100% }
.show-product .media-img img:hover { opacity: 0.8 }
.show-product h3 { margin-top: 10px; white-space: nowrap; overflow: hidden }
.show-product h3 a { font-size: 16px }
#fh5co-content_show { padding: 10px 15px 50px; font-size: 14px; line-height: 30px }
#fh5co-content_show .show_body { font-size: 14px }
#fh5co-content_show .detail img { height: auto !important; max-width: 100%; vertical-align: middle; margin-bottom: 11px }
#fh5co-content_show .detail img { opacity: 0.9 }
#fh5co-content_show .detail p { text-indent: 0; font-size: 14px; line-height: 200% }
#fh5co-content_show .qhd-title span { margin: 0 5px; font-size: 12px; color: #999 }
#fh5co-content_show .detail { font-size: 14px; padding-bottom: 10px; line-height: 28px; color: #666 }
#fh5co-content_show .qhd-title { border-bottom: 1px solid #eee; margin-bottom: 25px; padding-top: 6px }
#fh5co-content_show .qhd-title strong { font-weight: normal }
#fh5co-content_show .contact-box .contact-img { overflow: hidden; padding-bottom: 75px; position: relative; width: 100% }
#fh5co-content_show .contact-box .contact-img img { width: 100%; overflow: hidden }
#fh5co-content_show .contact-box .contact-img img.sy_pic { left: 0; position: absolute; top: 0 }
#fh5co-content_show .contact-box .contact-info h4 { color: #474747; padding-bottom: 11px; font-size: 14px; font-weight: bold; line-height: 100% }
#fh5co-content_show .contact-box .contact-info p { padding-bottom: 20px; line-height: 100% }
.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: #207DAB; 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: #207DAB; 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: 20px 0 }
#fh5co-content_show .product-detail img { max-width: 100%; overflow: hidden; vertical-align: middle }
#fh5co-content_show .product-detail .content-img { overflow: hidden; width: 90% }
#fh5co-content_show .product-detail .content-img img { width: 100%; overflow: hidden; vertical-align: middle }
#fh5co-content_show .product-detail h1 { border-bottom: 1px solid #ddd; color: #000; font-size: 24px; line-height: 33px; padding-bottom: 6px }
#fh5co-content_show .product-detail .p_desc { color: #666; line-height: 24px; padding: 20px 0 30px; font-size: 14px }
#fh5co-content_show .product-detail .kefu_bnts { background: #207DAB; color: #FFF; width: 120px; height: 40px; line-height: 40px; text-decoration: none; font-size: 16px; display: block; text-align: center }
#fh5co-content_show .product-detail .kefu_bnts:hover { background: #FF5417 }
#fh5co-content_show .product-detail .description { line-height: 28px; font-size: 14px; margin-bottom: 20px }
#fh5co-content_show .product-detail .description p { line-height: 28px }
#fh5co-content_show .product-detail .detail-title { border-bottom: 1px solid #999; position: relative; height: 37px }
#fh5co-content_show .product-detail .detail-title h2 { background: #fff; color: #999; cursor: pointer; display: inline-block; font-size: 16px; height: 36px; line-height: 36px; text-align: center; width: 126px; border-left: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #fff; position: absolute; left: 0; top: 1px }
#fh5co-content_show .product-detail table td { text-align: center }
#fh5co-content_show .product-detail #quirydialog { display: none }
#quirydialog .qdialog-head { font-size: 16px; border-bottom: 1px solid #ddd; padding-bottom: 7px; margin-bottom: 20px; width: 900px; padding-right: 10px }
#quirydialog .field { padding-right: 10px }
#fh5co-content_show .detail .jianjie { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding: 50px 0; position: relative; width: 100%; margin-bottom: 45px }
#fh5co-content_show .detail .jianjie .text { line-height: 23px }
#fh5co-content_show .detail .jianjie .text h3 { color: #000; font-size: 20px; font-weight: normal; height: 18px; line-height: 18px; margin-bottom: 20px; text-align: center }
#fh5co-content_show .detail .jianjie .text p { color: #969696; font-size: 14px; margin-bottom: 10px; text-align: left; text-indent: 2em; line-height: 23px }
#fh5co-content_show .detail .jianjie .text a.aboutmoreok { color: #006eb9; font-size: 12px }
#fh5co-content_show .detail .jianjie .about-img img { width: 100% }
#fh5co-content_show .detail .culture p.desc { font-size: 15px; text-align: center }
#fh5co-content_show .detail .culture h3 { padding-top: 10px; font-weight: normal; font-size: 20px; text-align: center; margin-bottom: 25px }
#fh5co-content_show .detail .culture img { margin-bottom: 15px }
#fh5co-content_show .article-media li { border-bottom: 1px dashed #ddd; padding: 5px 0 15px }
.article-media .media .media_img { border-color: #cfcfcf; border-style: solid; border-width: 1px; width: 152px; 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 { height: 110px; width: 150px; padding: 1px }
.article-media li { margin-bottom: 12px }
.article-media img { display: block; width: 150px }
.article-media .media .time { color: #999 }
.article-media .media-body h3 { font-size: 14px }
.article-media .media-body h3 a { color: #333; font-size: 14px; line-height: 100%; font-weight: bold }
.article-media .media-body h3 a:hover { color: #207DAB }
.article-media .media-body p { color: #888; line-height: 22px; font-size: 14px }
.slideshow { position: relative; z-index: 1 }
.slideshow img { width: 100% }
.slideshow .container { height: 100%; display: table }
.slideshow .overlay { position: absolute; z-index: 2; left: 0; top: 80px; width: 100%; height: 44px; line-height: 44px; background: #fff }
.slideshow .overlay .inner-nav { }
.slideshow .overlay .inner-nav h3 { color: #207dab; font-size: 16px }
.slideshow .overlay .inner-nav h3 a { color: #207dab; font-size: 12px }
.slideshow .overlay .inner-nav .nav { padding: 0 }
.slideshow .overlay .inner-nav .nav li { display: inline-block; padding: 0; margin: 0 }
.slideshow .overlay .inner-nav .nav li a { display: block; font-size: 14px; color: #333; padding: 0 10px; margin: 0 }
.slideshow .overlay .inner-nav .nav li a:hover, .slideshow .overlay .inner-nav .nav li.active a { color: #006eb9; font-weight: normal }
.SonlineBox { width: 139px; font-size: 12px; overflow: hidden; z-index: 8 }
.SonlineBox .openTrigger { width: 31px; height: 130px; position: absolute; top: 0px; z-index: 1; cursor: pointer; background: #a9060e url(../images/greenopen.jpg) no-repeat }
.SonlineBox .titleBox { width: 135px; height: 35px; line-height: 33px; background: #a9060e; border-bottom: 2px solid #a9060e }
.SonlineBox .titleBox span { margin-left: 10px; color: #fff; font-size: 14px }
.SonlineBox .contentBoxC { width: 135px; border: 2px solid #a9060e; background: #ffffff; 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 { }
.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 }
#toolbar { display: none }
@media (min-width:1000px) and (max-width:1199px) {
	#fh5co-header .navbar-form { margin-left: 8px }
	#article-box-id #fh5co-content_show .show_content { margin-left: 30px }
}
@media screen and (max-width:1000px) {
	#fh5co-header .navbar-head { padding: 3px 14px 0 0 }
	#fh5co-header .navbar-head img { width: 120px; margin-top: 13px }
	#fh5co-header .navbar-body .nav li a { padding: 0 5px }
	#fh5co-header .navbar-body .nav li.cn, #fh5co-header .navbar-body .nav li.eng { padding-left: 21px }
	#fh5co-bottom-info .item1 { padding-right: 17px }
	#fh5co-bottom-info .show-content { max-height: 260px; overflow: hidden }
	#fh5co-bottom-info .item2 { padding: 0 15px }
	#fh5co-bottom-info .item3 { padding: 0 15px }
	#fh5co-bottom-info .show-list .media_img { overflow: hidden; width: 80px }
	#fh5co-bottom-info .show-list .media_img img { width: 80px; height: 60px }
	#fh5co-content_show .product-detail .content-img { margin-bottom: 30px }
	#quirydialog .qdialog-head { width: 600px }
	.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 }
}
@media screen and (max-width:760px) {
	#quirydialog .qdialog-head { width: 360px }
	#fh5co-offcanvas .nav { display: block; borer: none }
	.fh5co-nav-toggle { display: block }
	.fh5co-heading .title-box { padding-right: 70px }
	#fh5co-header { position: static !important; height: auto !important }
	#fh5co-header .navbar-head { padding: 0 0 5px 0; position: relative }
	#fh5co-header .navbar-head img { margin-top: 5px }
	#fh5co-header .navbar-body { border: none }
	#fh5co-bottom-info .show-content { max-height: 1020px !important }
	#fh5co-bottom-info .item { border: none; padding: 0 !important; margin: 0 !important }
	.flex-direction-nav { display: none }
	footer .foot-top { padding: 10px 0 20px }
	footer .foot-top .margin-big-bottom { margin-bottom: 0 }
	footer .foot-top .nav-list a { display: block; border-bottom: 1px solid #626262; color: #ccc; font-size: 16px; font-weight: 500; margin-left: 5%; padding-bottom: 5px; padding-top: 5px; text-align: left; width: 90% }
	footer .foot-top .nav-list a:before { content: "\f105"; display: inline-block; font-family: "FontAwesome"; font-weight: normal; font-style: normal; vertical-align: baseline; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; padding-right: 10px; padding-top: 14px }
	footer .foot-top .nav-list ul { display: none }
	footer .foot-top .foot-contact { float: none !important; text-align: center; margin-top: 15px }
	footer .foot-top .foot-contact a { margin: 25px auto; width: 90% }
	footer .foot-bot { text-align: center }
	footer .foot-bot .navbar-body { border: none; background: none }
	footer .foot-bot .social { text-align: center; margin-top: 8px }
	#fh5co-cat-list .bg-cat { padding: 27px 0 0px }
	#fh5co-video-list .bg-video { padding: 25px 0 10px }
	#fh5co-bottom-info .bg-bottom { padding: 25px 0 0px }
	#fh5co-content_show .inner-nav { height: auto !important; line-height: auto !important }
	#fh5co-content_show .inner-nav .right-menu { padding: 0; margin: 0 }
	#fh5co-content_show .inner-nav h3 { max-width: 100% }
	#fh5co-content_show .inner-nav .float-right { float: none !important; text-align: center }
	#article-box-id #fh5co-content_show .show_content { margin-left: 0px }
	#fh5co-content_show { padding: 30px 10px }
	#fh5co-content_show .contact-box .contact-img, #fh5co-content_show .contact-box .contact-info { padding-bottom: 20px }
	#fh5co-content_show .detail .jianjie .about-img { margin-top: 30px }
	.slideshow { height: 180px }
	.blank55 { height: 55px; line-height: 1px; clear: both }
	#toolbar { color: #fff; width: 100%; height: 54px; position: fixed; bottom: 0; left: 0; z-index: 9; background: #000; display: block }
	#toolbar a { width: 100%; color: #fff; display: block; padding: 5px 0 0 0; line-height: 23px; font-size: 14px }
	#toolbar a span { font-size: 22px; display: block }
}
@media screen and (max-width:480px) {
	#quirydialog .qdialog-head { width: auto !important }
	.article-media .media .media_img { width: 82px; margin-right: 10px }
	.article-media .media .media_img img { height: 45px; width: 80px; padding: 1px }
	.article-media .media .time, .article-media .media .desc { display: none }
	.article-media img { width: 80px }
	.article-media .media-body h3 { line-height: 100%; font-size: 12px }
	.article-media .media-body h3 a { font-size: 14px; line-height: 150% }
	#fh5co-content_show .inner-nav .nav li a { padding: 0 12px }
	#fh5co-content_show .contact-box { padding: 25px 10px 35px }
	.slideshow { height: 120px }
}
.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 }
.pagebar { padding: 20px; overflow: hidden }
.pagebar .pagination { display: flex; justify-content: center; margin-top: 10px }
.pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 6px 10px; margin: 0 2px; border-radius: 0px }
.pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 0px }
.pagination a:hover { color: #337ab7; border: 1px solid #337ab7 }
.pagination a.page-num-current { color: #fff; background: #337ab7; border: 1px solid #337ab7 }
.pagination .st { font-family: 宋体 }
.text-secondary { text-align: center; padding: 20px 0 }
.maximg img { max-width: 100% !important; height: auto !important }
@media screen and (max-width:768px) {
	#fh5co-cat-list .show-list p.desc { height: 45px; overflow: hidden }
}
.show-product .media-img img, #fh5co-cat-list .show-list .media-img img { height: 220px; }
.pagination a { line-height: 30px; }
#fh5co-cat-list .show-list p.desc { height: 48px; }
#fh5co-cat-list .show-list h3 { height: 32px; }
@media screen and (max-width:760px) {
	.show-product .media-img img, #fh5co-cat-list .show-list .media-img img { height: 150px; }
}