@import "./bar.css";

body{font: 12px/1.6  "Roboto","Open Sans","Times New Roman",Arial,sans-serif  !important;font-weight: normal;background: #f4f4f4;color: #333;}
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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/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: 3.6rem;line-height: 3.6rem;color: #000;font-weight: bold;padding: 3rem 0  5rem 0;}
.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;}

.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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/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:  0 0px;color: #aeaeae;}
footer .footer-top .f_social li{width: 100%;padding-left: 30px;line-height: 25px;background: url(../images/icon2.png)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/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: 25px;line-height: 25px;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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/images/line.png*/ no-repeat left bottom}
footer .footer-top .item .inner{color: #aeaeae;line-height: 26px;}
footer .footer-top .item .inner p{line-height: 26px;}
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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/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 7px;}
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: 7rem;text-indent: 6px;}
.flex-direction-nav li a.flex-prev:before{content: "\f104";}
.flex-direction-nav li a.flex-next{right: 7rem;text-indent: 7px;}
.flex-direction-nav li a.flex-next:before{content: "\f105"}
/*picture end*//* products begin*/#fh5co-product-list .bg-product{background: #f4f4f4;padding: 3rem 0 7rem;}
#fh5co-product-list .show-list{padding-top: 7rem;}
#fh5co-product-list .show-list{position: relative;margin: 0 -1rem}
#fh5co-product-list .show-list .owl-carousel-carousel{}
#fh5co-product-list .show-list .item{margin: 0 1rem;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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/images/ll1.png*/ no-repeat left top}
#fh5co-product-list .show-list .owl-controls div.owl-prev:hover{background: url(../images/ll1_2.png)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/images/lr1.png*/ no-repeat left top}
#fh5co-product-list .show-list .owl-controls div.owl-next:hover{background: url(../images/lr1_2.png)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/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: #f4f4f4 url(../images/index_about.jpg) no-repeat center top;padding: 50px 0 20px}
#fh5co-about-us .show-list{padding: 32px 0 0;}
#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;background-color: #fff;margin-bottom: 1.5rem;}
.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);background-size: contain;}
.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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/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 1px;white-space: initial;overflow: hidden;max-width: 100%;}
.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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/images/telbg.jpg*/ 0 0 no-repeat;text-align: center;font-weight: bold;}
/*service end*//*bottom*/#toolbar{display: none;}
@media screen and (max-width:1199px){.flexslider .slides > li{height: 400px;}
.slideshow{height: 320px;}

#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){#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(min-width:761px) and (max-width:1000px){ 
#fh5co-header .header-box .logo{padding: 8px 0}
#fh5co-header .header-box .logo img{width: 200px;}
}


@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 .header-box .logo{padding: 8px 0}
#fh5co-header .header-box .logo img{width: 200px;}
#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: 3.5rem 0 1rem;}
#fh5co-product-list .show-list{padding-top: 2.5rem;}
#fh5co-about-us .show-list .intro{max-height: 122rem;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;}
}


@media screen and (max-width:480px){#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)/*tpa=http://t20008.mbdemo.18inter.com/Templates/T20008/images/icon-gotop-fixed.png*/ no-repeat center center;}
.backToTop:hover{background-color: #000;}




.productList .row {margin-left: -15px;margin-right: -15px;}
.productList .row .row  {margin-left:0px;margin-right:0px}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-avg-5, .col-xs-avg-4, .col-xs-avg-3, .col-xs-avg-2, .col-xs-avg-1, .col-sm-avg-5, .col-sm-avg-4, .col-sm-avg-3, .col-sm-avg-2, .col-sm-avg-1, .col-md-avg-5, .col-md-avg-4, .col-md-avg-3, .col-md-avg-2, .col-md-avg-1, .col-lg-avg-5, .col-lg-avg-4, .col-lg-avg-3, .col-lg-avg-2, .col-lg-avg-1 
{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-avg-5,.col-xs-avg-4,.col-xs-avg-3,.col-xs-avg-2,.col-xs-avg-1 
{
    float: left;
}
  .col-xs-12 {width: 100%;}
  .col-xs-11 {width: 91.66666667%;}
  .col-xs-10 {width: 83.33333333%;}
  .col-xs-9 {width: 75%;}
  .col-xs-8 {width: 66.66666667%;}
  .col-xs-7 {width: 58.33333333%;}
  .col-xs-6 {width: 50%;}
  .col-xs-5 {width: 41.66666667%;}
  .col-xs-4 {width: 33.33333333%;}
  .col-xs-3 {width: 25%;}
  .col-xs-2 {width: 16.66666667%;}
  .col-xs-1 {width: 8.33333333%;}
  .col-xs-pull-12 {right: 100%;}
  .col-xs-pull-11 {right: 91.66666667%;}
  .col-xs-pull-10 {right: 83.33333333%;}
  .col-xs-pull-9 {right: 75%;}
  .col-xs-pull-8 {right: 66.66666667%;}
  .col-xs-pull-7 {right: 58.33333333%;}
  .col-xs-pull-6 { right: 50%;}
  .col-xs-pull-5 {right: 41.66666667%;}
  .col-xs-pull-4 {right: 33.33333333%;}
  .col-xs-pull-3 {right: 25%;}
  .col-xs-pull-2 {right: 16.66666667%;}
  .col-xs-pull-1 {right: 8.33333333%;}
  .col-xs-pull-0 {right: auto;}
  .col-xs-push-12 {left: 100%;}
  .col-xs-push-11 {left: 91.66666667%;}
  .col-xs-push-10 {left: 83.33333333%;}
  .col-xs-push-9 {left: 75%;}
  .col-xs-push-8 {left: 66.66666667%;}
  .col-xs-push-7 {left: 58.33333333%;}
  .col-xs-push-6 {left: 50%;}
  .col-xs-push-5 {left: 41.66666667%;}
  .col-xs-push-4 {left: 33.33333333%;}
  .col-xs-push-3 {left: 25%;}
  .col-xs-push-2 {left: 16.66666667%;}
  .col-xs-push-1 {left: 8.33333333%;}
  .col-xs-push-0 {left: auto; }
  .col-xs-offset-12 {margin-left: 100%;}
  .col-xs-offset-11 { margin-left: 91.66666667%; }
  .col-xs-offset-10 {margin-left: 83.33333333%;}
  .col-xs-offset-9 {margin-left: 75%;}
  .col-xs-offset-8 {margin-left: 66.66666667%;}
  .col-xs-offset-7 {margin-left: 58.33333333%;}
  .col-xs-offset-6 {margin-left: 50%;}
  .col-xs-offset-5 {margin-left: 41.66666667%; }
  .col-xs-offset-4 {margin-left: 33.33333333%;}
  .col-xs-offset-3 {margin-left: 25%;}
  .col-xs-offset-2 { margin-left: 16.66666667%;}
  .col-xs-offset-1 {margin-left: 8.33333333%;}
  .col-xs-offset-0 {margin-left: 0%;}

.all-subList{border:1px solid rgb(210, 210, 210);background-color: rgb(255, 255, 255);}


.all-subList .title{background-color: #005bae;color:#fff;font-size: 18px;text-align:center;padding: 14px 0;font-weight: 600;}
/* .all-subList .list{padding:30px 40px 0px;} */
.all-subList .list>ul>li{padding:7px 0px; }
.all-subList .list>ul>li>a{background-size: 100% 100%;text-align:center;font-size:14px;line-height: 32px;display: inline-block;width: 100%;}
.all-subList .list>ul>li>a:hover{color: #124185;font-weight: bold;}
.all-subList .title-btm{color:#fff;padding-top: 25px;text-align: center;line-height:1.5;}
.all-subList .Listbottm-bg{background: url('/asserts/images/allListBgBtm.jpg') center bottom no-repeat;padding: 30px;}
.all-subList strong{font-size: 24px;line-height:2;color:#fff;}
.all-subList .list-btn{text-align:center;padding-top:15px;}
.all-subList .list-btn a{border:1px solid #fff;border-radius:5px;color:#fff;padding:8px 30px;transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;font-weight: bold;}
.all-subList .list-btn a:hover{border-color: rgba(251,109,3,1);}
.allpaddingTop{padding-top:40px;}



.all-subList .list{clear:both;text-align:left;margin-bottom:5px;width:100%;overflow:visible;}
.all-subList .list li{width:100%;padding:0px;text-align:left;position:relative;display:block;}
.all-subList .list li:hover{ background-color: #e9ecef;color: #007bff;}
.all-subList .list li ul{display:none} 
.all-subList .list li ul li a{ padding: 10px 15px;text-decoration: none; transition: background-color 0.3s ease;} 
.all-subList .list li ul li ul li a{padding-left:85px}

.all-subList .list li .arrow{position:absolute;right:0px;top:0px;width:30px;height:30px;line-height:30px; text-align:center;transition-duration:0.1s;cursor:pointer}
.all-subList .list li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.all-subList .list li.current > a{color:#5a342b;}
.all-subList .list li.active > ul{display:block}
.all-subList .list li.active > .arrow{transform:rotate(90deg)}




.index-OneTitle{border-bottom:1px solid rgb(18, 65, 133);line-height:55px;font-size:16px;color:rgb(18, 65, 133);font-weight:600;margin-bottom:46px;}
.index-OneList{overflow: hidden;margin: 0 -5px;}
.index-OneList .item img {display: block;transition: 0.3s linear;-moz-transition: -moz-transform 0.5s ease-out;margin: auto;}
.index-OneList .item:hover img {transform: scale(1.1);}
.border-box{border: 1px solid rgb(238, 238, 238);padding:15px;}
.border-box:hover{border: 1px solid #006db5;}
.index-OneList .item{text-align: center;margin-bottom: 20px;}

.indexThree-Title{font-size: 32px;letter-spacing: 2px;color: rgb(18, 65, 133);}
.indexThree-tips{font-size: 16px;}
.indexThree-line{border-top: 1px dashed #124185;margin: 15px 0;}
.indexThree-box{padding-top:15px;font-size: 14px;line-height: 2;color: rgb(51, 51, 51);}
.indexThree-btn{text-align:right;height:44px;}
.indexThree-btn a{background-color: rgba(251,109,3,1);border-radius:3px;line-height: 44px;color:#fff;padding: 13px 27px;transition: 0.4s ease 0s;}
.indexThree-btn a:hover{background-color:rgba(255, 99, 5, 0.96);}
.indexThree-img{border:3px solid rgb(204, 204, 204);border-radius: 10px;overflow: hidden;}
.indexThree-boxNum{margin-top:40px;}

@media (min-width:1000px){
.index-OneList .item .border-box .title{text-align:center;color: #5a5a5a;line-height: 26px;}
.index-OneList .item .border-box .title a{font-size: 16px;}
.index-OneList .item .border-box .title:hover a{color:#000;}
.index-OneList .item{padding:0 5px;}
.index-OneList .item .border-box>a{height:181px;display: table-cell;text-align: center;vertical-align: middle;}
.index-TwoList .box:nth-child(even) .box-text{float:right;width:60%;}
.index-TwoList .box:nth-child(even) img{float:left;width:40%;}
.index-TwoList .box:nth-child(odd) .box-text{float:left;width:60%;}
.index-TwoList .box:nth-child(odd) img{float:right;width:40%;}
.index-TwoList .box:nth-child(1) img{max-height:260px;}
.index-TwoList .box:nth-child(2) img{max-width:485px;}
.index-TwoList .box:nth-child(3) img{max-width:452px;}
.index-TwoList .box:nth-child(4) img{max-width:400px;}
.index-TwoList .box:nth-child(4) .box-text{padding-top:75px;}
.index-TwoList .box:nth-child(1),.index-TwoList .box:nth-child(2){margin-bottom:60px;}
.index-TwoList .box .box-number p{font-size:50px;text-align:center;font-style: italic;}
.index-TwoList .box .box-title{padding:0px 25px;}
.index-TwoTitle{margin:80px 0 60px;text-align: center;}
.TwoTitle-left .leftTitleOne{padding-top: 6px;}
.TwoTitle-left .leftTitleOne{font-size:40px;}
.TwoTitle-left .leftTitleTwo{font-size: 17px;}
}
@media (max-width:1000px){
.index-OneList{padding-top:20px;}
.index-OneList .item {padding-left:5px;padding-right:5px;}
.index-OneList .item .border-box{padding:10px;}
.index-OneList .item .border-box .title a{font-weight:bold;}
.index-TwoList .box img{width:100%;margin-top:20px;}
.index-TwoList .box:not(:nth-child(4)) img{margin-bottom:20px;}
.index-TwoList .box .box-number p{font-size:40px;text-align:center;font-style: italic;}
.index-TwoList .box .box-text{overflow: hidden;}
.index-TwoList .box .box-number{height: 100%;}
.index-TwoList .box:nth-child(even) .box-title{padding-right:25px;}
.index-TwoList .box:nth-child(odd) .box-title{padding-left:25px;}
.index-TwoList .box .box-title > p{font-size: 18px;}
.index-TwoList .box .box-title > div p{font-size:13px;}
.index-TwoTitle{margin:30px 0;text-align: center;}
.TwoTitle-left .leftTitleOne{ont-size: 18px;}
.TwoTitle-left .leftTitleTwo{font-size: 7px;}
.TwoTitle-right{width: 67%;max-width: 230px;}
.TwoTitle-right strong{font-size: 35px;left: 9px;top: 2px;}
.TwoTitle-right p{font-size: 14px;left: 50px;top: 10px;}
.indexFour .box{margin-bottom:10px;}
.index-OneTitle{line-height: 1.5;margin-bottom:0px;margin-top: 20px;}
.indexThree-img{margin-top:20px;}
.index-TwoBg{margin-top: 10px;margin-bottom: 20px;}
.allpaddingTop{padding-top:0px;}
.index-TwoList .box{text-align: center;}
.index-TwoList .box .box-text{text-align: left;}
.index-TwoList .box img{max-width: 400px;}

}

.sectionZs{padding: 50px 0;}
.sectionZs .section-title{text-align: center;margin-bottom: 30px;font-size: 26px;font-weight: bold;}
.sectionZs .section-title span{color: #1e4890;}
.sectionZs .section-title small{display: block;color: #999;font-size: 14px;font-weight: normal;margin-top: 10px;}
.title-1{border-bottom: 1px solid #e2e2e2;font-size: 24px;color: #0d5ba4;padding-bottom: 15px;margin-bottom: 20px;line-height: 32px;}
.title-1 .more{float: right;font-size: 14px;}
.title-1 small{font-size: 14px;color: #999;text-transform: uppercase;margin-left: 10px;}


.in-honours ul{font-size: 0;}
.in-honours li{width: 280px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.in-honours li a{display: block;}
.in-honours li .img-center{height: 200px;line-height: 200px;background-color: #fff;}
.in-honours li p{text-align: center;margin: 15px 0 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}


.in-honours .clearfix{zoom: 1;}
.in-honours .clearfix:before, .clearfix:after{display: table;line-height: 0;content: "";}
.in-honours .clearfix:after{clear: both;}

.str_wrap{position: relative;overflow: hidden;}
.str_move{position: absolute;left: 0;top: 0;cursor: move;white-space: nowrap;}

@media (min-width:1000px) {
}
@media (max-width:1000px){
    .wenheight{height: 150px;}
}

.media-video{width: 100%; position: relative; overflow: hidden;}

.media-video video{width: 100%; height: 100%; object-fit: fill;}

.fh5co-about-us  .s_subtitle{
    color: #666;
    margin-bottom: 18px;
    color: rgb(85, 85, 85); 
    font-family: poppins-regular;
}

#fh5co-about-us .show-list .intro p{    
    color: #555;
    font-size: 16px;
    margin-bottom: 18px; 
    line-height: 32px; 
    font-family: poppins-regular;
}



/*分页-公司简介*/
@media (min-width:768px){
.aboutUs .left{text-align:center;}
.aboutUs .left,.aboutUs .right{border-top: 3px solid #075cbc;border-bottom: 3px solid #075cbc;min-height: 220px;padding: 60px;}
.feedbackFormBox .aboutUs .left{min-height: 354px;}
.feedbackFormBox .padding-bottom-30{padding-bottom: 50px;}
.mapBox .row{margin-top:-30px;}
.mapBox .aboutUs .left{padding: 40px 20px;min-height: 300px;line-height:2.5;}
}
@media (max-width:768px){
.left div.font-size-18{font-size:15px;}
.feedbackFormBox h1.text-blue{font-size: 2rem;}
}

/*内页标题*/
@media (min-width:768px) {
.page-intro{padding: 50px 0;}
.separator{width: 260px;}
}
@media (max-width:768px) {
.page-intro{padding: 20px 0;}
.separator{width: 60px;}
}
.page-intro,.page-intro a{color:#075cbc;}
.separator{display: block;height: 1px;margin: 5px auto;background-color: #075cbc;}


 .banner .p_info {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 30%;
    z-index: 9;
    display: flex;
    transform: translate(-50%, -50%);
    align-items: center;
    max-width: 1600px;
    padding: 15px 80px;
    justify-content: center;
}


 .banner  .p_btitle {
    transform: translate(0, 0);
    opacity: 1;
}

 .banner  .p_btitle {
    font-size: 3vw;
    transform: translate(0px, 100px);
    line-height: 1;
    margin: 0px auto;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-weight: bold;
    /* max-width: 960px; */
    text-align: center;
    transition: all 0.5s ease 0.5s;
    display-radio: 1;
}

 .banner  .p_summary {
    font-size: 14px;
    text-align: center;
    margin: 25px auto;
    transform: translate(0px, 100px);
    line-height: 1.2;
    font-family: "poppins-regular";
    max-width: 640px;
    transition: all 0.5s ease 0.7s;
}
 .banner  .text-white {
    color: #fff;
}

#fh5co-product-list  .navigation {
    display: flex;
    flex-wrap: wrap;
    background-color: #f4f4f4; 
    background-repeat: repeat;
    background-position: top left;
}
#fh5co-product-list li.wp_subtop { 
    height: 8rem; 
    line-height: 8rem; 
    text-align: center; 
    position: relative;
    float: left;
    flex: 1;
    /* width: 145px; */
    min-width: 9rem;
    padding-bottom: 0px; 
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top right;
}

#fh5co-product-list li.wp_subtop>a {
    font-size: 1.5rem; 
    color: #434343; 
    background-color: #f4f4f4; 
    font-family: Microsoft YaHei; 
    white-space: nowrap;
    font-style: normal;
    font-weight: normal; 
    display: block;
    padding: 0px; 
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}

#fh5co-product-list li.wp_subtop>a:hover {
    color: #075cbc;
}

@media (min-width:1000px) {
    .xb-offset-5 {margin-left: 41.66666667%; }
    .xb-offset-4 {margin-left: 33.33333333%;}
    .xb-offset-3 {margin-left: 25%;}
    .xb-offset-2 { margin-left: 16.66666667%;}
    /* #fh5co-product-list li.wp_subtop {  
        width: 8.9375rem; 
        padding-left: 5px;
        padding-right: 5px;
    } */
}
@media (max-width:1000px) {
    .xb-offset-5 { }
    .xb-offset-4 {}
    .xb-offset-3 {}
    .xb-offset-2 { }

    .banner  .p_summary {
        display: none;
    } 
    .banner .p_btitle {
        transform: translate(0, 0);
        opacity: 1; 
            letter-spacing: 0px;
        font-weight: 400; 
    }

    #fh5co-product-list li.wp_subtop {  
        /* width: 6rem; 
        padding-left: 5px;
        padding-right: 5px; */
        font-size: 13px;
    }
    #fh5co-product-list li.wp_subtop>a{
        font-size: 13px;
    }
} 
@media (max-width:400px) {
    .banner .p_btitle {
        transform: translate(0, 0);
        opacity: 1; 
        letter-spacing: 0px;
        font-weight: 400; 
    }
    /* #fh5co-product-list li.wp_subtop {  
        width: 5.375rem; 
        font-size: 13px;
        padding-left: 1px;
        padding-right: 1px;
    }
    #fh5co-product-list li.wp_subtop>a{
        font-size: 13px;
    } */
}



 /** 生产流程 **/
.scsection .bg1{color: #fff;background: url(/asserts/images/asq_27.jpg) no-repeat center / cover; padding: 50px 0;}
.scsection .bg1 .section-title span{color: #fff;}
.scsection .bg1 .section-title small{color: #fff;}
.scsection .img-center{text-align: center;font-size: 0;}
.scsection .img-center img{display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}
.scsection .img-cover{overflow: hidden;position: relative;}
.scsection .img-cover span{display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}
.scsection .section-title{text-align: center;margin-bottom: 30px;font-size: 26px;font-weight: bold;}
.scsection .section-title span{color: #1e4890;}
.scsection .section-title small{display: block;color: #999;font-size: 14px;font-weight: normal;margin-top: 10px;}

.scsection .in-lc{margin: -20px 0 0 -20px;}
.scsection .in-lc li{float: left;width: 33.333333%}
.scsection .in-lc li a{display: block;margin: 20px 0 0 20px;position: relative;color: #fff;}
.scsection .in-lc li .img-cover{padding-top: 76%;}
.scsection .in-lc li .text{position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(0,0,0,0.5);margin: 0;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 45px;}


    .xj-layout {
        background-image: url(/asserts/images/xj.jpg);
    }

    /* 表单容器样式 */
    .inquiry-container {
        margin: 10px auto;
        color: #fff;
        align-items: center;
        padding: 10px;
    }

    .inquiry-container h2 {
        color: #fff;
        margin: 0;
        font-size: 28px;
    }

    .inquiry-container p {
        color: #fff;
        margin: 5px 0 0 0;
        font-size: 14px;
    }

    /* 输入框通用样式 */
    .inquiry-container input[type="text"] {
        padding: 15px 12px;
        border: none;
        border-radius: 4px;
        font-size: 14px;
    }

    /* 提交按钮样式 */
    .inquiry-container button {
        padding: 8px 30px;
        border: none;
        border-radius: 4px;
        background: linear-gradient(to right, #28b779, #0099cc);
        color: #fff;
        cursor: pointer;
        font-size: 14px;
    }

    .error-message {
        color: #ff6b6b;
        font-size: 12px;
        display: none;
        position: absolute;
        bottom: -18px;
        left: 0;
    }

    .input-wrapper {
        position: relative;
    }

    .footer-top  .input-wrapper{ display: inline-flex;}
    .footer-top  .input-wrapper img{ width: 40px;height: 40px;margin-right: 10px;filter: grayscale(1) brightness(10);}
    .footer-top  .input-wrapper .title{font-size: 14px;color: #fff;line-height: 24px;margin-bottom: 0px;}
    .footer-top  .input-wrapper  a{font-size: 16px;color: #fff;line-height: 1.5;}

    @media (min-width:1000px) {
        .xj-layout  .container { 
            display: flex;
             padding: 10px;
        } 
    }

    @media (max-width:1000px) {
        .xj-layout  .container { 
            display: block;
            padding: 10px;
        }
        .xj-layout  .input-wrapper {
           margin: 10px 0px;
        }
        .xj-layout  .input-wrapper input  {
            width: 100%;
        }
    }




    
        .e_languageNew-36 {
            position: relative;
            width: 130px;
            height: 90px;
            font_radio: 1;
            display-radio: 1;
            margin-left: 10px;
        }

        .e_languageNew-36 .p_wrapper {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 999;
            width: 100%;
            border: 0px solid #ddd;
            border-radius: 0px;
            background-color: none;
        }

        .e_languageNew-36 .p_current {
            line-height: 90px;
            position: relative;
            overflow: hidden;
            text-overflow: ellipsis;
            font-family: "poppins-regular";
            font-size: 16px;
            white-space: nowrap;
            color: #333;
            padding: 0 40px 0 20px;
            cursor: pointer;
        }

        .e_languageNew-36 .p_current .icon {
            margin: 0;
            position: absolute;
            right: 0px;
            top: 50%;
            left: auto;
            bottom: auto;
            transform: translateY(-50%);
            transition: all 0.2s;
            font-size: 16px;
            width: 20px;
            height: 20px;
            margin-right: 3px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            vertical-align: middle;
            margin-top: -3px;
            fill: currentColor;
        }

        .e_languageNew-36.p_active .p_current .icon {
            transform: translateY(-50%) rotate(-180deg);
        }

        .e_languageNew-36 .p_options {
            height: auto;
            max-height: 0;
            transition: all 0.2s;
            overflow: auto;
        }

        .e_languageNew-36.p_active .p_options {
            height: auto;
            background: #fff;
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
            max-height: 252px;
        }

        .e_languageNew-36 .p_item {
            line-height: 42px;
            position: relative;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 0 20px;
            color: #8d8888;
            font-weight: normal;
        }

        .e_languageNew-36 .p_item a {
            font-size: 14px;
            line-height: 42px;
            padding: 0 10px;
            font-weight: normal;
        }

        .e_languageNew-36 .p_selected a {
            color: #005bac;
        }

        .header-box:hover .e_languageNew-36 .p_current {
            color: #333;

        }

        @media screen and (max-width: 1000px) {
            .e_languageNew-36 .p_current {
                font-size: 14px;
                color: #333;
            }

            .e_languageNew-36.p_active .p_options {
                min-width: 120px;
            }

            .e_languageNew-36 {
                position: relative;
                width: 110px;
                height: 57px;
                font_radio: 1;
                display-radio: 1;
                margin-left: 10px;
            }

            .e_languageNew-36 .p_current {
                line-height: 57px;
                padding: 8px 0;
            }

            .e_languageNew-36 .p_current span{
                line-height: 57px;
                padding: 8px 0;
            }

            .e_languageNew-36 .p_item {
                line-height: 57px;
            }


            .cbox-31-2 {
                position: absolute;
                right: 30px;
                top: -66px;
                width: 110px;
                height: 57px;
                text-align: center;
                font-size: 25px;
                line-height: 90px;
            }
        }
 .contactboxs {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 0px;
    padding-right: 50px;
    border-color: rgba(244, 244, 244, 1);
    background-color: rgba(244, 244, 244, 1);
}

.contactboxs .e_container-33 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  padding-left: 20px;
  padding-right: 0px;
  padding-top: 50px;
  padding-bottom: 0px;
  display-radio: flex;
  max-width: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background_radio: 2;
  border-color: rgba(244, 244, 244, 1);
  background-color: rgba(244, 244, 244, 1);
}
.contactboxs .e_container-33 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}
.contactboxs .e_h3-34 {
  font_radio: 2;
  color: rgba(51, 51, 51, 1);
  line-height: 1.5;
  text-align: left;
  margin-bottom: 0px;
  display-radio: 1;
  font-weight: normal;
  font-size: 32px;
  font-family: "poppins-bold";
}
.contactboxs .e_line-35 {
  max-width: 60px;
  margin-left: 0px;
  margin-right: auto;
  width: 20%;
  display-radio: 1;
  line_radio: 2;
  border-top-style: solid;
  border-top-width: 3px;
  border-top-color: var(--c);
  max-height: 3px;
  margin-bottom: 30px;
}
.contactboxs .e_text-36 {
  font_radio: 2;
  margin-top: 15px;
  margin-bottom: 5%;
  display-radio: 1;
  font-size: 20px;
  font-weight: normal;
  color: rgba(51, 51, 51, 1);
  font-family: "poppins-regular";
}

.contactboxs .e_container-54 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  background_radio: 1;
  display-radio: flex;
  margin-top: 10px;
  font-family: "poppins-regular";
}
.contactboxs .e_container-54 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

.contactboxs .e_container-54 > .p_item .icon {
  font-size: 16px;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin-top: -3px;
    fill: currentColor;
}
.contactboxs .e_richText-55 {
  font_radio: 2;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: rgba(51, 51, 51, 1);
  line-height: 2;
  opacity: 1;
  display-radio: flex;
  font-family: "poppins-regular";
  margin-left: 0px;
  margin-bottom: 0px;
}

.contactboxs .s_templatesum  p {
       margin-bottom: 0px;
}

.contactboxs .e_richText-59 {
  font_radio: 2;
  font-size: 16px;
  color: rgba(51, 51, 51, 1);
  display: flex;
  align-items: center;
  line-height: 2;
  opacity: 1;
  display-radio: flex;
  font-family: "poppins-regular";
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0;
}
.contactboxs .e_richText-60 {
  font_radio: 2;
  font-size: 16px;
  color: rgba(51, 51, 51, 1);
  line-height: 2;
  opacity: 1;
  display: flex;
  align-items: center;
  display-radio: flex;
  font-family: "poppins-regular";
  margin-left: 0px;
  margin-bottom: 0;
}
.contactboxs .e_richText-61 {
  font_radio: 2;
  font-size: 16px;
  color: rgba(51, 51, 51, 1);
  line-height: 2;
  opacity: 1;
  display-radio: 1;
  font-family: "poppins-regular";
  margin-left: 0px;
  margin-bottom: 15px;
}
.contactboxs .e_line-62 {
  line_radio: 2;
  display-radio: 1;
  border-top-width: 1px;
  max-height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.contactboxs .e_container-63 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: auto;
  background_radio: 2;
  display-radio: flex;
  background-color: rgba(255, 255, 255, 1);
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 20px;
  margin-right: 20px;
}
.contactboxs .e_container-63 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}
.contactboxs .e_container-64 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: auto;
  background_radio: 2;
  display-radio: flex;
  max-width: none;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: rgba(255, 255, 255, 1);
  min-height: 236px;
}
.contactboxs .e_container-64 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}
.contactboxs .e_container-63 .p_item {
  display-radio: 1;
}
.contactboxs .e_line-65 {
  line_radio: 2;
  display-radio: 1;
  border-top-width: 1px;
  max-height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.contactboxs  .e_container-46 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  background_radio: 2;
  display-radio: flex;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
  padding-right: 50px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: rgba(255, 255, 255, 1);
}
.contactboxs  .e_container-46 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}
.contactboxs  .e_container-33 .p_item {
  display-radio: 1;
}
.contactboxs  .e_form-48 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: auto;
  display-radio: flex;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}
.contactboxs  .e_form-48 > .p_formItem {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}
.contactboxs  .e_container-49 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  display-radio: flex;
  background_radio: 1;
}
.contactboxs  .e_container-49 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}
.contactboxs  .e_container-49 .cbox-49-0 {
  margin-right: 0%;
}
.contactboxs  .e_container-49 .cbox-49-1 {
  margin-right: auto;
  margin-left: 2%;
}
.contactboxs  .e_input-50 .p_phoneCode {
  width: 90px;
  margin-right: 10px;
}
.contactboxs  .e_input-50 .p_input {
  display-radio: 1;
  border-color: rgba(206, 212, 218, 1);
  font-family: "poppins-regular";
}
.contactboxs  .e_input-50 {
  display-radio: 1;
}
.contactboxs  .e_input-50 .s_input {
  font-radio: 2;
  color: rgba(51, 51, 51, 1);
}
.contactboxs  .e_input-50 .s_form-control {
  bg-radio: 2;
  background-color: rgba(244, 244, 244, 1);
  border-radio: 2;
  border-style: none;
  width: 100%;
}
.contactboxs  .e_input-51 .p_phoneCode {
  width: 90px;
  margin-right: 10px;
}
.contactboxs  .e_input-51 {
  display-radio: 1;
  height: auto;
}
.contactboxs  .e_input-51 .p_input {
  display-radio: 1;
  font-family: "poppins-regular";
  border-color: rgba(206, 212, 218, 1);
  color: rgba(51, 51, 51, 1);
}
.contactboxs  .e_input-51 .s_input {
  font-radio: 2;
  color: rgba(51, 51, 51, 1);
}
.contactboxs  .e_input-51 .s_form-control {
  bg-radio: 2;
  background-color: rgba(244, 244, 244, 1);
  border-radio: 2;
  border-style: none;
  width: 100%;
}
.contactboxs  .e_textarea-52 {
  display-radio: 1;
  min-height: 0px;
  padding-top: 12;
}
.contactboxs  .e_textarea-52 .p_required {
  vertical-align: middle;
  font-size: 1.4em;
  line-height: 100%;
  position: relative;
  font-weight: bold;
  top: 0.15em;
  padding-left: 5px;
}
.contactboxs  .e_textarea-52 .p_input {
  display-radio: 1;
  min-height: 120px;
  font-family: "poppins-regular";
  padding-top: 12px;
  padding-bottom: 12px;
}
.contactboxs  .e_textarea-52 .s_form-control {
  bg-radio: 2;
  background-color: rgba(244, 244, 244, 1);
  border-radio: 2;
  border-style: none;
  width: 100%;
}
.contactboxs  .e_textarea-52 .s_input {
  font-radio: 2;
  color: rgba(51, 51, 51, 1);
}
.contactboxs  .e_formBtn-53 {
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  width: auto;
  padding: 12px 8px;
  background_radio: 2;
  border_radio: 2;
  font_radio: 2;
  radius_radio: 1;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--c);
  color: rgba(255, 255, 255, 1);
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 20px;
  background-color: var(--c);
  display-radio: block;
  font-weight: normal;
  font-family: "poppins-bold";
}
.contactboxs  .e_formBtn-53  span{
  color: rgba(255, 255, 255, 1);
}

.contactboxs  .e_formBtn-53 span {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
  outline: 0;
  margin: 0px;
  overflow: hidden;
  font-size: 16px;
}
.contactboxs  .e_formBtn-53::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  z-index: 0;
  opacity: 0;
  top: 0;
  left: 0px;
}
.contactboxs  .e_formBtn-53:hover::after {
  opacity: 1;
}
.contactboxs  .e_formBtn-53:hover {
  background: rgba(0, 57, 111, 1);
  border-style: solid;
  border-color: var(--c);
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  background-color: var(--c);
}
.contactboxs  .e_container-54 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  background_radio: 1;
  display-radio: flex;
  margin-top: 10px;
}
.contactboxs  .e_container-54 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}
.contactboxs  .e_richText-55 {
  font_radio: 2;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: rgba(51, 51, 51, 1);
  line-height: 2;
  opacity: 1;
  display-radio: flex;
  font-family: "poppins-regular";
  margin-left: 0px;
  margin-bottom: 0px;
}
.contactboxs  .e_iframe-58 {
  height: 480px;
  min-height: 0px;
  position: relative;
  display-radio: 1;
  max-width: 1400px;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
.contactboxs  .e_iframe-58 iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.contactboxs  .e_iframe-58 .noframeUrl {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.3);
}
.p_loading {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.7);
}
.p_loading .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  animation: zhuan 3s linear infinite;
}

@media screen and (max-width: 1000px) {
  .contactboxs  {
    display-radio: 1;
    padding-bottom: 30px;
    padding-top: 80px;
    padding-right: 0px;
  }
  .contactboxs  .form-control {
    height: 40px;
  }
  .contactboxs  .form-group {
    margin-bottom: 10px;
  }
  .contactboxs  .e_container-17 .p_item {
    display-radio: 1;
    width: 100%;
    margin-left: auto;
  }
  .contactboxs  .e_container-17 {
    display-radio: 1;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background_radio: 1;
    display: flex;
    flex-direction: column-reverse;
  }
  .contactboxs  .e_text-19 {
    font_radio: 2;
    font-size: 22px;
  }
  .contactboxs  .e_text-20 {
    font_radio: 2;
    display-radio: 1;
    font-size: 14px;
    line-height: 1;
    margin-top: 10px;
  }
  .contactboxs  .e_container-33 {
    display-radio: 1;
    width: auto;
    max-width: none;
    min-width: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-top: 30px;
    padding-right: 20px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    margin-top: 0px;
    background-color: rgba(255, 255, 255, 0);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background_radio: 2;
  }
  .contactboxs  .e_h3-34 {
    font_radio: 2;
    margin-bottom: 0px;
    display-radio: 1;
    font-size: 22px;
  }
  .contactboxs  .e_line-35 {
    width: 20%;
    margin-bottom: 0px;
  }
  .contactboxs  .e_text-36 {
    font_radio: 2;
    display-radio: 1;
    font-size: 16px;
  }
  .contactboxs  .e_richText-42,
  .e_richText-42 {
    font-size: 12px;
  }
  .contactboxs  .e_richText-42 {
    font_radio: 2;
    display-radio: 1;
    font-size: 14px;
  }
  .contactboxs  .e_container-46 {
    background_radio: 1;
    display-radio: 1;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0px;
  }
  .contactboxs  .e_form-48 {
    display-radio: 1;
    margin-top: 20px;
  }
  .contactboxs  .e_container-49 {
    display-radio: 1;
    flex-direction: column;
  }
  .contactboxs  .e_formBtn-53 {
    background_radio: 1;
    border_radio: 1;
    font_radio: 1;
    padding: 8px;
    radius_radio: 1;
    display-radio: 1;
    width: auto;
  }
  .contactboxs  .e_richText-55,
  .e_richText-55 {
    font-size: 12px;
  }
  .contactboxs  .e_richText-55 {
    font_radio: 2;
    display-radio: 1;
    font-size: 14px;
  }
  .contactboxs  .e_richText-59,
  .e_richText-59 {
    font-size: 12px;
  }
  .contactboxs  .e_richText-59 {
    font_radio: 2;
    display-radio: 1;
    font-size: 14px;
  }
  .contactboxs  .e_richText-60,
  .e_richText-60 {
    font-size: 12px;
  }
  .contactboxs  .e_richText-60 {
    font_radio: 2;
    display-radio: 1;
    font-size: 14px;
  }
  .contactboxs  .e_richText-61,
  .e_richText-61 {
    font-size: 12px;
  }
  .contactboxs  .e_richText-61 {
    font_radio: 2;
    display-radio: 1;
    font-size: 14px;
  }


 .contactboxs  .input-group{
    width: 100%;
  }

  .contactboxs .e_container-49 .cbox-49-1{
    margin-right: revert;
    margin-left: 0%;
  }
}

.error-message-us{
  display: none ;
  color: #ff6b6b;
}

.baidu-map{
    height: 480px;
    min-height: 0px;
    position: relative;
    display-radio: 1;
    max-width: 1400px;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
.baidu-map   iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
 
     
          #fh5co-product-list {
              padding: 3rem 15rem;
          } 
          
          .show-product{
            padding: 1px 1rem;
          } 
        .media-img  span{
            max-width: 100%;
        }

        .all-subList {
            margin-top: 1.25rem;
            min-width: 10rem;
            max-width: 32rem;
        }

        .all-subList .list>ul>li {
            padding: 0px;
        }

        .all-subList .list>ul>li p {
            margin-bottom: 0px;
        }

        .all-subList .curmenu>p {
            /* background: linear-gradient(45deg, #00d05f, #0048d0) !important; */
            color: #fff;
            /* border-bottom: 1px solid #fff; */
        } 

        .all-subList .p_c_title1:hover{
            /* background: linear-gradient(45deg, #00d05f, #0048d0) !important; */
            color: #fff;
            /* border-bottom: 1px solid #fff; */
        } 

        .all-subList .p_c_title1 {
            display: flex;
            justify-content: space-between;
            position: relative;
            line-height: 1;
            font-size: 1.4rem;
            width: 100%;
            color: #333;
            font-family: poppins-regular;
            /* border-bottom: 1px solid rgb(221, 221, 221); */
            transition: 0.3s;
            padding: 0px;
        }

        .all-subList .deep a {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            padding: 2.2rem 1.2rem !important;
        }

        .all-subList .list .p_arrbtm {
            width: 5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            cursor: pointer;
            border-left: 1px solid rgba(0, 0, 0, 0.05);
            transition: border-left 0.3s;
        }

        .all-subList .list .p_arrow {
            font-size: 1.2rem;
            transform: rotate(180deg);
            line-height: 1;
            width: auto;
            height: 1.4rem;
            right: 1.5rem;
            pointer-events: none;
            margin: 0px;
            padding: 0px;
        }

        .all-subList .list .active .p_arrow {
            transform: rotate(90deg);
        }


        .all-subList .deep-2 .p_c_title2 {
            background: #f4f4f4;
            line-height: 1;
            padding: 0px 3rem;
            margin-bottom:  0px!important;
        }

      

        .all-subList .p_c_title2 {
            display: flex;
            justify-content: space-between;
            position: relative;
            line-height: 5.8rem;
            border-bottom: 1px solid #e1e1e1;
            font-size: 1.4rem;
            transition: all ease .3s;
            width: 100%;
            color: #666;
            background: #fff;
            display-radio: flex;
            background-color: #fff;
            font-family: "poppins-regular";
        }

        .saf-online .saf-lineitem .all-subList {
        width: max-content;
        background: #fff;
        color: #333;
        font-size: 1.4rem;
        position: absolute;
        right: 100%;
        top: 50%;
        transform: translate(-10px, -60%);
        border-radius: 5px;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        padding: 0.8rem 1.2rem;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .saf-online .all-subList .deep a {
        padding: 10px 1px !important;
        color: #333;
    } 
    @media (min-width: 768px) {
        .saf-online .saf-lineitem:hover .all-subList {
            transform: translate(-15px, -60%);
            opacity: 1;
            visibility: visible;
            right: 100%;
            top: 50%;
        }
    }

    @media screen and (max-width: 768px) {
        .saf-online .saf-lineitem:hover .all-subList {
            opacity: 1;
            visibility: visible;
            transform: translate(-50%, -5px);
            right: auto;
            top: auto;
            bottom: 100%;
            left: -100%;
            position: absolute;
            max-width: max-content;
        }

        .saf-online .saf-lineitem {
            margin-bottom: 0px;
        }
    }
    
      .intro-left-heigth{
       min-height: 354px;
      }
      .intro-right-heigth{
       min-height: 354px;
      }

      
    @media (min-width: 768px) {
       
      .intro-left-heigth{
         border-start-start-radius: 20px;border-end-start-radius: 20px;
      }
      .intro-right-heigth{
        border-start-end-radius: 20px;border-end-end-radius: 20px;
      }
    }


     @media screen and (max-width: 768px) { 
          #fh5co-product-list {
              padding: 3rem 5rem;
          } 
        #fh5co-product-list .all-subList {
            max-width: 100%;
            border: none;
        }

        #fh5co-product-list #product-nav {
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
        }

        #fh5co-product-list .e_categoryB-2 {
            background: none;
            max-width: none;
            display: flex;
            justify-content: flex-end;
            display-radio: flex;
            background-color: none;
        }

       #fh5co-product-list  .e_categoryB-2 .p_c_tree {
            position: fixed;
            top: 0px;
            bottom: 0;
            left: 100%;
            height: 100vh;
            width: 70%;
            transition: all ease 0.5s;
            background: #fff;
            z-index: 9999;
            max-height: 100%;
        }

        #fh5co-product-list .e_categoryB-2 .deep-1 {
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
        }

        #fh5co-product-list .e_categoryB-2 .p_c_mbtn {
            display: block;
            border: 0;
            font-family: "poppins-regular";
            background: linear-gradient(45deg, #00d05f, #0048d0);
            padding: 15px 15px;
            border-radius: 2px;
            width: 94%;
            margin: 0px auto;
            font-size: 16px;
            color: #fff;
            outline: none;
            display-radio: block;
            background-color: linear-gradient(45deg, #00d05f, #0048d0);
        }

        #fh5co-product-list .e_categoryB-2 .p_c_mput {
            display: block;
            line-height: 50px;
            background: rgb(0 0 0 / 70%);
            position: fixed;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            max-height: 1080px;
            height: 100vh;
            width: 100%;
            cursor: pointer;
            transition: all ease 0.5s;
            opacity: 0;
            visibility: hidden;
            z-index: 999;
        }

        #fh5co-product-list .e_categoryB-2 .p_c_mput:hover {
            background: rgb(0 0 0 / 80%);
        }

        #fh5co-product-list .e_categoryB-2 .deep a {
            padding-right: 15px;
            width: 100%;
        }

       #fh5co-product-list  .e_categoryB-2 .deep {
            color: #666;
        }

        #fh5co-product-list .e_categoryB-2 .deep-2 {
            display: none;
            position: static;
            width: 100%;
        }

        #fh5co-product-list .e_categoryB-2 .deep-3 {
            display: none;
            position: static;
            width: 100%;
            background: #dfdfdf;
        }

        #fh5co-product-list .e_categoryB-2 .p_c_title3 {
            border-bottom: 1px solid #d5d5d5;
        }

        #fh5co-product-list .e_categoryB-2.design_nomput .p_c_mput {
            display: none;
        }

       #fh5co-product-list  .e_categoryB-2 .p_leftani {
            left: 30%;
        }

       #fh5co-product-list  .e_categoryB-2 .p_bg_show {
            opacity: 1;
            visibility: visible;
            display: block;
        }

        #fh5co-product-list .e_container-5 {
            display-radio: 1;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 20px;
            padding-right: 20px;
            display: none;
        }

        #fh5co-product-list .e_text-7 {
            font_radio: 2;
            display-radio: 1;
            font-size: 14px;
            color: rgba(255, 255, 255, 1);
            line-height: normal;
            font-weight: normal;
            text-align: center;
            font-family: "2c77a536-cd5a-4d47-80b6-8d897719bf7c";
        }

        #fh5co-product-list .e_categoryB-2 li {
            position: relative;
        }

        #fh5co-product-list .e_categoryB-2 .deep a {
            width: 100%;
            padding: 22px 12px;
            display: flex;
            justify-content: flex-start;
        }

       #fh5co-product-list .e_categoryB-2 .p_c_title1 {
            display: flex;
            justify-content: space-between;
            position: relative;
            line-height: 1;
            border-bottom: 1px solid #ddd;
            font-size: 14px;
            transition: all ease 0.3s;
            width: 100%;
            color: #333;
            display-radio: flex;
            font-family: "poppins-regular";
            margin-bottom: 0px;
        }

        #fh5co-product-list .e_categoryB-2 .p_arrbtm {
            width: 50px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            cursor: pointer;
            border-left: 1px solid rgb(0 0 0 / 5%);
            transition: border-left ease 0.3s;
            display-radio: flex;
        }

       #fh5co-product-list .e_categoryB-2 .p_arrow {
            margin: 0;
            font-size: 12px;
            transform: rotate(-90deg);
            line-height: 1;
            padding: 0;
            width: auto;
            height: 14px;
            right: 15px;
            pointer-events: none;
        }

        #fh5co-product-list .e_categoryB-2 .p_c_title2 {
            display: flex;
            justify-content: space-between;
            position: relative;
            border-bottom: 1px solid #e1e1e1;
            font-size: 14px;
            transition: all ease 0.3s;
            width: 100%;
            color: #666;
            display-radio: flex;
            background-color: #fff;
            font-family: "poppins-regular";
            background: #f4f4f4;
            line-height: 1;
            padding: 0px 30px;
            margin-bottom: 0px;
        }
    }


 .show-product .item {
    position: relative;
    overflow: hidden;
}

.show-product .item .media-img .zoomimgs {
    transition: transform 1s ease 0s;
    transform: scale(1);
    max-width: 35rem;
    margin: 0 auto;
    background-size: contain;
}

.show-product .item:hover .media-img .zoomimgs {
    transform: scale(1);
}

.show-product .item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1A2743; /* 遮蔽层背景色 */
    color: #fff;
    display: inline-block;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.show-product .item:hover .overlay {
    opacity: 0.9;
    padding: 0px 2rem;
}
.show-product .item:hover .overlay .title {
  white-space: nowrap; /* 强制标题在一行显示 */
  overflow: hidden; /* 超出部分隐藏，可根据需求改为滚动等效果 */
  text-overflow: ellipsis; /* 文字溢出显示省略号，可选 */
  margin-bottom: 0.5rem; 
  color: #fff;
  margin-top: 5rem;
  text-align: left;
  min-height: 1.6rem;
  border-left: 0.3rem solid red;
  padding: 0.1rem 0.2rem 0.1rem 1rem;
}

.show-product .item:hover .overlay .info { 
  text-align: left;
  min-height: 10rem;
  font-size: 1.4rem;
  padding: 0.5rem 1.5rem;
}

.show-product .item:hover .overlay .btn {
    padding: 0.8rem 2rem;
    font-weight: 600;
    font-size: 1.6rem;
    background-color: #D91816;
    color: #fff;
    border: none;
    border-radius: 0.4rem;
    cursor: pointer;
    text-align: left;
    float: left;
}

.show-product .item:hover .overlay .btn:hover {
  background-color: #d32f2f;
}

.arrow-right {
    position: relative;
    width: 2.8rem; /* 可按需调整容器大小 */
    height: 2.8rem;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 0 auto;
}
.arrow-right::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;  
    height: 1rem; 
    border-top: 2px solid #fff;  
    border-right: 2px solid #fff;
    transform: translate(-60%, -50%) rotate(45deg);  
}


@media (min-width: 1000px) {
    .nav li:hover> ul {
        display: block;
        min-width: 30rem;
    }
}