@charset "UTF-8";
body { font: 12px/1.6 Arial, Helvetica, Tahoma !important; font-weight: normal; background: #fff; color: #333; scroll-behavior: smooth; }
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: #333; text-decoration: none }
a:focus, a:hover { color: #1A3B73; }
.bg-main { background: #1A3B73; border: 1px solid #1A3B73 !important }
.bg-main:hover, .bg-main:focus { border: 1px solid #026d9a !important; background: #e88c05 !important }
.button.bg-main { border-color: #1A3B73 !important }
.button.bg-main:hover { border-color: #E88C05 !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%; }
{ overflow: visible; width: 100%; }
.not-animated { opacity: 0 }
.clear { clear: both }
img { max-width: 100% }
ul, li { padding: 0; margin: 0; list-style: none }
#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 { display: block; font-size: 36px; line-height: 36px; color: #555; font-weight: bold }
.fh5co-heading p.desc { font-size: 14px; margin-top: 15px; color: #868686 }
.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; }
.piczoomimgs { padding-bottom: 100%; }
.artzoomimgs { padding-bottom: 61%; }
.chazoomimgs { padding-bottom: 75%; }
.frizoomimgs { padding-bottom: 47%; }
.noinfo { text-align: center; padding: 25px 0 }
/*header begin*/ #fh5co-header .header-box { background: #fff; }
.header-box.fixed.fixed-top { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); width: 100%; z-index: 6; background: #fff; }

.line{padding:10px 0px;}

.m_bot_40 { margin-bottom: 40px; }
.m_bot_20 { margin-bottom: 20px; }
.m_bot_50{margin-bottom:50px;}

.footCodeImg { text-align: right; }
.footCodeImg img{width:150px; margin-left:20px; border-radius:10px;}

.form-control { height: 32px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #D5D5D5; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
#fh5co-header .header-box .top-search { position: relative; margin-top: 24px; }
#fh5co-header .header-box .top-search input.inputkey { float: left; display: block; width: 250px; }
#fh5co-header .header-box .top-search input.go { background: #E88C05 url(../images/search-icon-n.png) center center no-repeat; width: 40px; height: 32px; float: left; position: absolute; right: 0; border: none; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
/*header end*/ /*mobile header 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: 220px; background: #fff; padding: 0px 0px 10px 30px; 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: #e88c05; }
#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: #1A3B73; 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 }

footer { font-size: 12px; }
footer .footer-top { background-color: #272727; padding: 35px 0 0px; color: #aeaeae; }
footer .footer-top .f_social li { width: 100%; padding-left: 30px; line-height: 25px; background: url(../images/icon2.png) no-repeat left -17px; }
footer .footer-top .f_social li:nth-of-type(2) { background-position: left -41px; }
footer .footer-top .f_social li:nth-of-type(3) { background-position: left -65px; }
footer .footer-top .f_social li:nth-of-type(4) { background-position: left -89px; }
footer .footer-top .f_social li:nth-of-type(5) { background-position: left -116px; }
footer .footer-top a { color: #aeaeae; }
footer .footer-top a:hover { color: #f9c01b; }
footer .footer-top .plist { margin-right: 30px; }
footer .footer-top .plist ul li { list-style: none; height: 34px; line-height: 34px; border-bottom: 1px solid #373737; overflow: hidden; white-space: nowrap }
footer .footer-top .plist ul li a { font-size: 12px; white-space: nowrap; overflow: hidden; display: block; background: url(../images/foot_nav.png) no-repeat 0px center; padding-left: 15px; }
footer .footer-top .plist ul li a:hover { background: url(../images/foot_nav2.png) no-repeat 0px center }
footer .footer-top h2 { color: #fff; font-size: 14px; padding-bottom: 10px; margin-bottom: 15px; background: url(../images/line.png) no-repeat left bottom }
footer .footer-top .item .inner { color: #aeaeae !important; line-height: 26px; }
    footer .footer-top .item .inner p {
        line-height: 26px;
        color: #aeaeae !important;
        font-size: 12px !important;
        line-height: 150% !important;
        background: url("/images/bottom_icon.png") no-repeat left 7px;
        margin-bottom: 5px;
        padding-left: 26px;
        padding-top: 4px;
    }
    footer .footer-top .item .inner > p:nth-child(2) {
        background-position: left -24px;
    }
    footer .footer-top .item .inner > p:nth-child(3) {
        background-position: left -55px;
    }
     footer .footer-top .item .inner>p:nth-child(4){background-position: left -85px;}
    
footer .footer-top .item .inner p span { line-height: 26px; color: #aeaeae !important; font-size: 12px !important; line-height:200% !important;}
footer .footer-top .about-foot .inner { padding-right: 8px; }
footer .footer-top .about-foot .inner p { line-height: 2 }
footer .footer-top .about-foot .inner .footm { padding-right: 19px; background: url(../images/foot_pic.png) right center no-repeat; font-size: 14px; font-weight: bold; color: #fff; line-height: 50px; }
footer .footer-bot { padding: 11px 0 6px; font-size: 12px; line-height: 24px; background: #1E1E1E; color: #bdbdbd; }
footer .footer-bot a { color: #bdbdbd; line-height: 100%; padding: 0 3px; }
footer .footer-bot a:hover { color: #f9c01b; }
footer .footer-bot .foot-nav a:first-child { padding-left: 0 }
footer .footer-bot .Copyright { color: #bdbdbd; text-align: right }
footer .footer-bot .Copyright a { padding: 0 }
/* footer end*/ /*picture 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 { -webkit-backface-visibility: hidden; height: 600px; }
.flexslider .slides li .overlay { position: absolute; top: 35%; left: 0; right: 0; bottom: 0; }
.flexslider .slides li a { display: block; height: 100%; }
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }
.flex-control-nav { position: absolute; bottom: 20px; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 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: #6CB72E; border-radius: 50%; }
.flex-control-nav .flex-active { background: #283182; }
.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: #1A3B73; 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" }
/*picture end*/ /* products begin*/
#fh5co-product-list .bg-product { background: #fff; padding: 70px 0 70px; }
#fh5co-product-list .show-list { padding-top: 70px; }
#fh5co-product-list .show-list { position: relative; margin: 0 -10px }
#fh5co-product-list .show-list .owl-carousel-carousel { }
#fh5co-product-list .show-list .item { margin: 0 10px; overflow: hidden; }
#fh5co-product-list .show-list .item:hover { }
#fh5co-product-list .show-list .item .media-img { position: relative; overflow: hidden }
;#fh5co-product-list .show-list .item .media-img .zoomimgs { transition: transform 1s ease 0s; transform: scale(1); }
#fh5co-product-list .show-list .item .media-img .zoomimgs:hover { transition: transform 1s ease 0s; transform: scale(1.1); }
#fh5co-product-list .show-list .item a { display: block; padding: 0px; }
#fh5co-product-list .show-list .item h3 { font-size: 14px; white-space: nowrap; margin: 16px 0; color: #333; }
#fh5co-product-list .show-list .item:hover h3 { color: #d78e2c }
#fh5co-product-list .show-list .owl-controls .owl-buttons div { position: absolute; top: 40%; width: 49px; height: 49px; font-size: 0px; padding: 0; margin: 0; opacity: 1; border-radius: 0; }
#fh5co-product-list .show-list .owl-controls div.owl-prev { left: 10px; background: url(../images/ll1.png) no-repeat left top }
#fh5co-product-list .show-list .owl-controls div.owl-prev:hover { background: url(../images/ll1_2.png) no-repeat left top }
#fh5co-product-list .show-list .owl-controls div.owl-next { right: 10px; background: url(../images/lr1.png) no-repeat left top }
#fh5co-product-list .show-list .owl-controls div.owl-next:hover { background: url(../images/lr1_2.png) no-repeat left top }
/* news begin*/ #fh5co-news-list .bg-news { padding: 70px 0 45px; background: #F5F5F5 }
#fh5co-news-list .show-list { padding: 60px 0 0; }
#fh5co-news-list .show-list .item { }
#fh5co-news-list .show-list .item { overflow: hidden; position: relative }
#fh5co-news-list .show-list .item .artzoomimgs { -webkit-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
#fh5co-news-list .show-list a:hover .artzoomimgs { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
#fh5co-news-list .show-list .item .list-mark { position: absolute; width: 100%; height: 100%; background: url(../images/i_bg1.png) repeat; color: #fff; font-size: 14px; left: 0; top: 176px; transition: all 0.3s; }
#fh5co-news-list .show-list .item .list-mark h3 { padding-left: 10px; height: 40px; font-size: 14px; overflow: hidden; padding-right: 10px; font-weight: normal; margin-top: 8px; transition: all 0.3s; color: #fff; line-height: 1.4 }
#fh5co-news-list .show-list .item .list-mark em { display: block; margin-top: 13px; padding-left: 10px; }
#fh5co-news-list .show-list .item .list-mark .more { text-align: center; display: block; font-size: 12px; text-transform: uppercase; margin-top: 100px; }
#fh5co-news-list .show-list a:hover .list-mark { top: 0; }
#fh5co-news-list .show-list a:hover .list-mark h3 { margin-top: 20px; }
/* about begin*/ #fh5co-about-us .fh5co-heading h2 { color: #fff }
#fh5co-about-us .bg-about { background: #fff url(../images/index_about.jpg) no-repeat center top; padding: 50px 0 20px }
#fh5co-about-us .show-list { margin: 50px 0 0; box-shadow: 0px 10px 20px #eee; height: 450px; }
#fh5co-about-us .show-list .intro { font-size: 16px; padding: 15px 30px; line-height: 1.5; color: #362c20; background: #fff; font-family: "Times New Roman", Times, serif }
#fh5co-about-us .show-list .intro p { margin-bottom: 10px; line-height: 1.5; }
/* about end*/ /* inner begin*/ /* products begin*/
.show-product .item { color: #666; display: block; }
.show-product .item:hover { }
.show-product .item .media-img { position: relative; overflow: hidden }
;.show-product .item .media-img .zoomimgs { transition: transform 1s ease 0s; transform: scale(1); }
.show-product .item:hover .media-img .zoomimgs { transition: transform 1s ease 0s; transform: scale(1.1); }
.show-product .item .media-img .list-mask { position: absolute; top: 0; left: 0; width: 100%; background: url(/images/list_mark.png) center center no-repeat; height: 100%; filter: Alpha(Opacity=0); opacity: 0; transition: all 0.3s; }
.show-product .item:hover .media-img .list-mask { filter: Alpha(Opacity=100); opacity: 1.0; }
.show-product .item h3 { font-size: 14px; padding: 10px 0 13px; white-space: nowrap; overflow: hidden }
.show-product .item a h3 { color: #333 }
.show-product .item:hover h3 { color: #d78e2c }
.show-product .item .desc { color: #999; line-height: 1.8; padding: 0 3px; }
/* products end*/ #fh5co-content_show { padding: 15px 0px 30px; }
#channel-box-id #fh5co-content_show { padding: 0px; }
#fh5co-content_show .inner-title { padding: 90px 0 50px; }
#fh5co-content_show .show_body { font-size: 12px; }
#fh5co-content_show .nav { padding: 40px 0 }
#fh5co-content_show .nav li { margin: 0; padding: 0; display: inline }
#fh5co-content_show .nav li a { font-size: 18px; display: inline-block; padding: 11px 20px; margin: 0 5px 20px; color: #666; font-weight: normal; border: 1px solid #d9d9d9 }
#fh5co-content_show .nav li a:hover, #fh5co-content_show .nav li.active a { text-decoration: none; background-color: #e88c05; border: 1px solid #e88c05; color: #fff; }
#fh5co-content_show .detail { font-size: 14px; padding: 0px 0; line-height: 2; color: #000 }
#fh5co-content_show .content_detail .detail { }
#fh5co-content_show .detail a { color: #333; }
#fh5co-content_show .detail a:hover { color: #1A3B73 }
#fh5co-content_show .detail h1 { font-size: 22px; text-align: left; font-weight: bold; text-align: center; margin-bottom: 5px; }
#fh5co-content_show .detail .content-img img { }
#fh5co-content_show .detail p { text-indent: 0; font-size: 14px; line-height: 2; color: #000 }
#fh5co-content_show .detail .description { padding: 0px; font-size: 14px; }
#fh5co-content_show .qhd-title { text-align: center; border-bottom: 1px dashed #ccc; }
#fh5co-content_show .qhd-title span { margin: 0 5px; font-size: 12px; color: #a3afb7 }
#fh5co-content_show .qhd-title { margin-bottom: 25px; padding-top: 6px; }
#fh5co-content_show .qhd-title strong { font-weight: normal }
#fh5co-content_show .leftbar { min-height: 400px; padding-right: 10px; }
#fh5co-content_show .leftbar h3 { background: #1A3B73; color: #fff; height: 60px; line-height: 60px; text-indent: 13px; font-weight: bold }
#fh5co-content_show .leftbar h3 a { color: #fff; }
#fh5co-content_show .leftbar .menu-bot img { max-width: 100% }
#fh5co-content_show .submenu { background: #f8f8f8; }
#fh5co-content_show .submenu li { font-size: 14px; padding: 0; margin: 0 }
#fh5co-content_show .submenu li:last-child { border-bottom: none }
#fh5co-content_show .submenu li a { height: 40px; line-height: 40px; display: block; color: #6f6f6f; background: #F1F1F1 url(../images/add1.jpg) no-repeat 10px center; padding: 0 0 0 35px; margin-top: 5px; font-weight: bold; }
#fh5co-content_show .submenu li.active a { background: #EF1B24 url(../images/add2.jpg) no-repeat 10px center; color: #fff; }
#fh5co-content_show .contact-boxss p { margin-bottom: 6px }
#fh5co-content_show .contact-boxss em { color: #8cc53e; font-size: 16px; }
#fh5co-content_show .solution-boxs .item { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; }
#fh5co-content_show .product-detail { padding: 0px 0 30px; background: #fff }
#fh5co-content_show .product-detail img { max-width: 100%; overflow: hidden; vertical-align: middle; margin: 11px 0; }
#fh5co-content_show .product-detail .content-img img { margin: 0px 0 11px; }
#fh5co-content_show .product-detail .content-img { overflow: hidden; width: 96% }
#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: 18px; line-height: 33px; padding-bottom: 6px; }
#fh5co-content_show .product-detail .p_desc { color: #999; line-height: 24px; padding: 15px 0 0px; font-size: 12px; }
#fh5co-content_show .product-detail .kefu_bnts { background: #279a54; 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: #1A3B73; }
#fh5co-content_show .product-detail .description { line-height: 28px; font-size: 14px; }
#fh5co-content_show .product-detail .description p { line-height: 28px; }
#fh5co-content_show .product-detail .detail-title { border-bottom: 1px solid #ddd; position: relative; height: 39px; }
#fh5co-content_show .product-detail .detail-title h2 { background: #fff; color: #555; cursor: pointer; display: inline-block; font-size: 16px; height: 38px; line-height: 38px; text-align: center; width: 156px; 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; font-weight: bold }
#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 .abouxboxs img { float: right; margin: 10px 0 0 22px; max-width: 400px; m }*/
#fh5co-content_show .contactboxs h2 { color: #333; font-weight: bold; font-family: Georgia; font-size: 34px; padding: 15px 0; line-height: 1.1 }
#fh5co-content_show .contactboxs p { font-size: 16px; font-family: Georgia; }
/*Rec Products*/ #fh5co-content_show .Related-products h3 { font-size: 20px; color: #444; margin-bottom: 20px; }
#fh5co-content_show .Related-products .show-list a { border: 1px solid #e6e6e6; display: block }
#fh5co-content_show .Related-products .show-list a h3 { font-size: 12px; margin-top: 10px; }
#fh5co-content_show .Related-products .show-list a:hover h3 { color: #1A3B73; }
/*pager*/ .table span { margin-right: 10px; }
.content_detail .pager { font-size: 14px; }
.content_detail .pager a { border: none; color: #666; }
.content_detail .pager a:focus, .content_detail .pager a:hover { color: #1A3B73; 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: #1A3B73; color: #fff; }
#fh5co-content_show .pagination .active a { color: #fff }
#fh5co-content_show video { max-width: 100% }
#fh5co-content_show .pagination li.thisclass { width: 33px; height: 36px; line-height: 36px; background: #1a3b73; color: #fff; }
/*article*/ #fh5co-content_show .article-media li { border-bottom: 1px dashed #E0E0E0; padding: 5px 0 15px }
#fh5co-content_show .article-media li:first-child { padding-top: 0 }
.article-media .media .caldata .content { padding: 6px 10px; background: #284987; text-align: center; margin-right: 8px; color: #fff }
.article-media .media .caldata .content p { text-align: center }
.article-media .media .caldata .content p.day { font-size: 24px; color: #fff; font-weight: bold; padding-bottom: 10px; border-bottom: 2px solid #fff; }
.article-media .media .caldata .content p.mon-year { font-size: 13px; }
.article-media .media .media_img { width: 230px; margin-right: 20px; }
.article-media .media .media_img img { width: 230px; }
.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: #aaa; font-size: 12px; display: inline-block; margin-top: 3px; }
.article-media .media-body h3 { font-size: 16px; margin-bottom: 5px; font-weight: bold }
.article-media .media-body h3 a { color: #333; font-size: 16px; line-height: 100%; }
.article-media .media-body h3 a:hover { color: #E88C05; }
.article-media .media-body p.desc { color: #666; line-height: 20px; font-size: 12px; }
.article-media .media-body p.more { margin-top: 12px; }
.article-media .media-body p.more a { font-size: 12px; display: inline-block; padding: 0 13px; height: 34px; line-height: 34px; background: #e1e1e1; border-radius: 6px; color: #666 }
.article-media .media-body p.more a:hover { background: #E88C05; color: #fff }
/*inner banner*/ .slideimg img { width: 100% }
.slideshow { height: 170px; 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; }
/*service*/ .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: #1A3B73 url(../images/greenopen.jpg) no-repeat; }
.SonlineBox .titleBox { width: 135px; height: 35px; line-height: 35px; background: #1A3B73; border-bottom: 2px solid #1A3B73; }
.SonlineBox .titleBox span { margin-left: 5px; color: #fff; font-size: 12px; }
.SonlineBox .contentBoxC { width: 135px; /*height:335px;*/ border: 2px solid #1A3B73; 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 0 10px 0; color: #333; font-size: 12px; line-height: 26px; background: url(../images/telbg.jpg) 0 0 no-repeat; text-align: center; font-weight: bold; }
/*service end*/ /*bottom*/
#toolbar { display: none; }

.index_about_div { height: 420px; overflow: hidden; }
.over1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.over2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.over3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.over4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.about-foot .over4 { max-height: 100px; }
.intro { height: 450px; overflow: hidden; cursor: pointer; box-sizing: border-box; overflow: auto; text-align: justify; padding: 30px 30px; }
.intro:hover {  }

.top { width: 1300px !important; }

.nav_connct { border-bottom: 1px solid #f1f1f1; margin-bottom: 40px; }
.nav_connct > div { padding: 20px 40px; font-size: 16px; }
.nav_connct > div.cur { border-bottom: 2px solid #19689e; color: #19689e }
.nav_connct > div.cur a {  color: #19689e }



@media screen and (max-width:1199px) { .flexslider .slides > li { height: 400px; }
 

    .top { width: 100% !important; }
    #fh5co-news-list .show-list .item .list-mark .more { margin-top: 60px; }
    #fh5co-news-list .show-list .item .list-mark { top: 130px; }
    #fh5co-about-us .show-list .intro { max-height: 320px; overflow: hidden }
    footer .footer-top { background: #272727 }
}

@media screen and (max-width:1000px) {
    .top { width: 100% !important; }
    #quirydialog .qdialog-head { width: 600px }

    .flexslider .slides > li { height: 350px; }
    .slideshow { height: 280px; }
    .article-media .media-body h3 { line-height: 1.3 }
    #fh5co-news-list .show-list .item .list-mark .more { margin-top: 13px; }
    #fh5co-news-list .show-list .item .list-mark { top: 150px; }
    #fh5co-about-us .show-list .intro { max-height: 240px; }
    footer .footer-bot { text-align: center; }
    footer .footer-bot .Copyright { line-height: 1.6; padding-top: 7px 0 3px; text-align: center; }
}

@media screen and (max-width:760px) {
    .top { width: 100% !important; }
    .fh5co-heading span, #fh5co-middle-list .fh5co-heading span { }
    #quirydialog .qdialog-head { width: 360px }
    #fh5co-offcanvas .nav { display: block; border: none }
    .fh5co-nav-toggle { display: block; }
    #fh5co-header .header-box .logo { padding: 8px 0 }
    #fh5co-header .header-box .logo img { width: auto; }
    #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; }
    .flexslider .slides > li { height: 250px; }
    .margin-large-bottom { margin-bottom: 20px; }
    .article-media .media .media_img { width: 150px; margin-right: 12px; }
    .article-media .media .media_img img { width: 150px; }
    .article-media .media .time, .article-media .media .desc { display: none }
    #fh5co-product-list .bg-product { padding: 35px 0 10px; }
    #fh5co-product-list .show-list { padding-top: 25px; }
    #fh5co-about-us .show-list .intro { max-height: 1220px; overflow: hidden }
    #fh5co-news-list .show-list .item .list-mark { top: 82%; }
    #fh5co-news-list .show-list .item .list-mark em { margin-top: 35px; }
    #fh5co-news-list .show-list .item .list-mark .more { margin-top: 23px; }
    #fh5co-news-list .bg-news { padding: 40px 0 15px; }
    #fh5co-news-list .show-list { padding: 30px 0 0; }
    #fh5co-content_show .abouxboxs img { float: none !important; text-align: center; max-width: 700px; width: 100%; margin: 0 }
    #fh5co-content_show { padding: 30px 0 }
    /*mobile bottom*/ .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; }

    .index_about_div { height: auto; }

    .description div.news_main_xq, .description div.news_main_vff { width: 100% !important; }
}

@media screen and (max-width:480px) {
    .top { width: 100% !important; }
    #quirydialog .qdialog-head { width: auto !important }
    #fh5co-header .header-box .logo { padding: 6px 0 }
    #fh5co-header .header-box .logo img { width: 150px; }
    #fh5co-product-list .tab .tab-nav li a { padding: 0 10px; margin: 0 3px; }
    .fh5co-nav-toggle { top: 13px; }
    #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 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 }
    .slideshow { height: 120px; }
    .flex-control-nav { display: none }
    .flexslider .slides > li { height: 170px; }
    #fh5co-news-list .show-list .item .list-mark { top: 75%; }
    #fh5co-news-list .show-list .item .list-mark .more { margin-top: 15px; }
}

@media screen and (max-width:420px) {
    .show-product .xl6 { width: 100% !important }
}
/* inner end*/ /* ======go to top ======*/
.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; }


.flex_row { display: flex; flex-direction: row; flex-wrap: nowrap }
.flex_row_wrap { display: flex; flex-direction: row; flex-wrap: wrap; }

.justify_content_cneter { justify-content: center; }
.justify_content_span { justify-content: space-between; }
.align_items_center { align-items: center; }


.MessageSend>div.flex_row>div {width:48%; }
.MessageSend > div{margin-bottom:30px;}
.MessageSend input { height: 50px; border: 1px solid #DCDFE6; padding: 0px 10px; width: 100%; }

.MessageSend textarea { height: 200px; border: 1px solid #DCDFE6; padding:10px; width: 100%; }

.MessageSend button { background: #e88c05; color: #fff; font-weight: bold; width: 30%; border: 0px; padding: 15px 0px; margin-right: 20px; }
.MessageSend button:last-child{background:#ddd;   }

.pagination-container{text-align:center;}


.imgs{margin-top:10px;}
.pagebanner img{width:100%;}
.test{color:#19689e ; justify-content:space-around}