Your IP : 216.73.216.34
@charset "UTF-8";
@media (max-width:767px){.hidden-xs{display:none!important}}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}
@media (min-width:1200px){.hidden-lg{display:none!important}}
.font-12px {font-size: 12px!important;}
.font-14px {font-size: 14px!important;}
.font-16px {font-size: 16px!important;}
.font-18px {font-size: 18px!important;}
.font-20px {font-size: 20px!important;}
.font-22px {font-size: 22px!important;}
.font-23px {font-size: 23px!important;}
.font-26px {font-size: 26px!important;}
.font-30px {font-size: 30px!important;}
.font-35px {font-size: 35px!important;}
.font-40px {font-size: 40px!important;}
.font-50px {font-size: 50px!important;}
.font-60px {font-size: 60px!important;}
.font-70px {font-size: 70px!important;}
.font-80px {font-size: 80px!important;}
.font-90px {font-size: 90px!important;}
.font-100px {font-size: 100px!important;}
.font-120px {font-size: 120px!important;}
.font-130px {font-size: 130px!important;}
.font-italic {font-style: italic!important;}
.font-bold {font-weight:bold!important;}
.font-uppercase {text-transform: uppercase!important;}
.red-color{color:#0263B4!important;}
.white-color {color: #fff!important;}
.dark-color {color: #1d2124!important;}
.white-smoke {color: #f9f9f9!important;}
.grey-color {color: #aaa !important;}
.blue-color {color: #0263B4 !important;}
.p-b-0{padding-bottom:0!important}
.p-b-5{padding-bottom:5px!important}
.p-b-10{padding-bottom:10px!important}
.p-b-15{padding-bottom:15px!important}
.p-b-20{padding-bottom:20px!important}
.p-b-25{padding-bottom:25px!important}
.p-b-30{padding-bottom:30px!important}
.p-b-35{padding-bottom:35px!important}
.p-b-40{padding-bottom:40px!important}
.p-b-50{padding-bottom:50px!important}
.p-b-60{padding-bottom:60px!important}
.p-b-70{padding-bottom:70px!important}
.p-b-80{padding-bottom:80px!important}
.p-b-90{padding-bottom:90px!important}
.p-b-100{padding-bottom:100px!important}
.p-b-110{padding-bottom:110px!important}
.p-b-120{padding-bottom:120px!important}
.p-b-130{padding-bottom:130px!important}
.p-b-140{padding-bottom:140px!important}
.p-b-150{padding-bottom:150px!important}
.p-b-200{padding-bottom:200px!important}
.p-t-0{padding-top:0!important}
.p-t-5{padding-top:5px!important}
.p-t-10{padding-top:10px!important}
.p-t-15{padding-top:15px!important}
.p-t-20{padding-top:20px!important}
.p-t-25{padding-top:25px!important}
.p-t-30{padding-top:30px!important}
.p-t-35{padding-top:35px!important}
.p-t-40{padding-top:40px!important}
.p-t-50{padding-top:50px!important}
.p-t-60{padding-top:60px!important}
.p-t-70{padding-top:70px!important}
.p-t-80{padding-top:80px!important}
.p-t-90{padding-top:90px!important}
.p-t-100{padding-top:100px!important}
.p-t-110{padding-top:110px!important}
.p-t-120{padding-top:120px!important}
.p-t-130{padding-top:130px!important}
.p-t-140{padding-top:140px!important}
.p-t-150{padding-top:150px!important}
.p-t-200{padding-top:200px!important}
.p-t-280{padding-top:280px!important}
.p-t-350{padding-top:350px!important}
@media (max-width:767px){.font767-12{font-size: 12px!important;}}
@media (max-width:767px){.swiperheight{ height:200px;}}
@media (min-width:768px) and (max-width:1199px){.swiperheight{ height:500px;}}
@media (min-width:1200px) and (max-width:1679px){.swiperheight{ height:700px;}}
@media (min-width:1680px){.swiperheight{ height:900px;}}
.text-shadow2{text-shadow: 2px 2px 2px #999!important;}
.text-shadow1{text-shadow: 1px 1px 1px #999!important;}
.owl-carousel.fixed-nav:hover .owl-nav [class*=owl-],
.owl-carousel.fixed-nav .owl-nav [class*=owl-] {
top: auto;
margin-top: 0;
left: auto;
bottom: 10px;
right: 30px;
font-size: 14px;
width: 26px;
height: 26px;
border-radius: 3px;
line-height: 25px;
opacity: 1;
}
.owl-carousel.fixed-nav:hover .owl-nav .owl-next,
.owl-carousel.fixed-nav .owl-nav .owl-next {
left: auto;
right: 0;
}
.owl-carousel.fixed-nav .owl-nav .disabled {
opacity: .4 !important;
display: block !important;
cursor: auto;
}
.owl-carousel.fixed-nav.top-nav:hover .owl-nav [class*=owl-],
.owl-carousel.fixed-nav.top-nav .owl-nav [class*=owl-] {
top: -44px;
bottom: auto;
}
.owl-carousel.fixed-nav .owl-nav [class*=owl-]:hover {
background-color: inherit !important;
color: inherit !important;
}
.play-video i{position:absolute;padding-left:5px;top:50%;left:50%;width:80px;height:80px;line-height:81px;border-radius:50%;z-index:1;background-color:var(--cnvs-themecolor,#267DF4);text-align:center;font-size:24px;color:#fff;margin-top:-40px;margin-left:-40px;transition:transform .3s ease-out;-webkit-backface-visibility:hidden}.play-video:hover i{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.banner-caption {
max-width: 450px;
}
.banner-caption {
background-color: rgba(255,255,255,0.8);
border-radius: 2px;
padding: 40px;
}
.customizationcard
{border-radius: 6px; box-shadow: 0 2px 4px rgba(3,27,78,.1); border: 1px solid #e5e8ed; background-color:#F4F6F5;}
.customizationcard:hover
{background-color:#6C989E;}
.customizationcard:hover .fbox-content h2,
.customizationcard:hover .fbox-content h3,
.customizationcard:hover .fbox-content p,
.customizationcard:hover .fbox-media
{color:#F2F2F2!important;}
.customizationcard > .fboximage img:nth-of-type(2) {
opacity: 0;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}
.customizationcard:hover > .fboximage img:nth-of-type(2) {
opacity: 1;
z-index: 2;
}
.sizes-color img { opacity: 0.5 !important; }
.sizes-color:hover > img,
.sizes-color.active img{ opacity: 1 !important;}
.card:hover{
border: 1px solid #8CC7BE;
}
.fboxoverlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5); /* 设置半透明背景 */
opacity: 0; /* 初始透明度为0 */
transition: opacity 0.5s ease; /* 设置透明度变化的过渡效果 */
z-index:999;
}
.customizationcard:hover .fbox-media .fboxoverlay {
opacity: 1; /* 鼠标滑过时透明度为1 */
}
.rounded-image-20 {
border-radius: 20px!important;
}
.rounded-image-5 {
border-radius: 5px!important;
}
.gomap {
border: 2px solid #8EC5BF;
border-radius: 10px;
}
.minhight {
min-height:550px;
}
.co-text p{
color: #000000;
margin: 0px;
padding: 0px;
}
.colors-01 {
color: #3E7981!important;
}
.colors-02 {
color: #8EC5BF!important;
}
.hover-services .box i,
#custom-search-input a {
color:#8BC34A !important;
}
.hover-services .box i {
color: #222;
font-size: 44px;
}
.section.tb .hover-services .box {
background-color: transparent !important;
}
.section.tb .stat-count,
.section.tb .hover-services .box h3 {
color: #ffffff;
}
.section.searchbanner1 .hover-services .box {
background-color: rgba(255, 255, 255, 0.1);
!important;
}
.hover-services .box {
padding: 60px 40px;
-moz-transition: all 0.8s ease 0s;
-ms-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
.hover-services .box h3 {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.6px;
padding-bottom: 5px;
color: #FFF;
}
.hover-services .box p {
margin-bottom: 0;
}
.pm0 p{
padding: 0px;
margin: 0px;
}
.box__ins1 img {
border: 1px solid #D3D3D3;
padding: 1px;
text-align: center;
vertical-align: middle;
}
.box__ins2 {
border: 1px solid #D3D3D3;
padding: 1px;
text-align: center;
min-height: 152px;
vertical-align: middle;
}
.table tr th,.table tr td {
text-align: center;
vertical-align: middle;
}
.colors {
border: 1px solid #D3D3D3;
display: inline-block;
float: left;
height: 25px;
width: 25px;
margin-right: 3px;
}
.top_offset_2 {
margin-top: 20px;
}
.bottom_offset_2 {
margin-bottom: 20px;
}
.img_outline img {
outline: 1px solid #EBEBEB;
}
.vcode {
margin-top: 10px;
}
.mphoto {
max-width: 100px;
}
.product_more{
margin-top: 1px;
}
.HI_vc_value {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
padding: 5px;
border: 1px solid #CCCCCC;
display: block;
float: left;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.en-3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
vertical-align: middle;
}
.en-4 {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #CCC;
padding-bottom: 50px;
}
.content_sitemap{
padding: 3px 0px 2px 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0px;
background-image: url(../image/713.gif);
background-repeat: repeat-y;
}
.content_sitemap_products{
padding: 3px 0px 2px 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0px;
background-image: url(../image/716.gif);
background-repeat: repeat-y;
}
.content_sitemap_dow{
padding: 3px 0px 2px 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0px;
background-image: url(../image/714.gif);
background-repeat: repeat-y;
}
.products_page {
text-align: center;
clear: both;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #E8E8E8;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
}
.link-page {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #666666;
margin: 0px;
padding-top: 5px;
padding-right: 7px;
padding-bottom: 5px;
padding-left: 7px;
}
a.link-page:hover {
text-decoration: none;
background-color: #343846;
color: #CCCCCC;
}
.link_lag {
font-size: 12px;
color: #333333;
text-decoration: none;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
line-height: 14px;
padding-right: 5px;
padding-left: 0px;
background-image: url(image/a1.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
text-align: left;
font-weight: normal;
}
a.link_lag:hover {
text-decoration: none;
color: #990000;
}
.link-dow {
font-family: Verdana;
font-size: 12px;
font-weight: normal;
color: #999999;
text-decoration: none;
line-height: 18px;
}
a.link-dow:hover {
color: #CCCCCC;
text-decoration: none;
}
.os{
position: fixed;
width: 62px;
_top:auto;
z-index: 999;
_width: 100%;
_position: absolute;
_bottom:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
bottom: 120px;
right: 25px;
}
.os_top{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #666666;
text-align: center;
background-image: url(../image/os-top.png);
background-repeat: no-repeat;
background-position: center top;
height: 30px;
width: 62px;
}
.os_cen{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006699;
text-align: center;
background-image: url(../image/os-cen.png);
background-repeat: repeat-y;
background-position: center top;
width: 62px;
}
.os_cen img{
width: 25px;
padding-bottom: 10px;
}
.os_dow{
text-align: center;
background-image: url(../image/os-dow.png);
background-repeat: no-repeat;
background-position: center top;
height: 7px;
width: 62px;
clear: both;
}
.os_chat {
text-align: center;
clear: both;
padding-top: 5px;
}
/*================== Inline List 2 ======================*/
.inline-list2 ul {
display: inline-block;
padding-top: 10px;
}
.inline-list2 li {
display: inline-block;
}
.inline-list2 li a {
text-align: center;
color: #0066CC;
}
.inline-list2 li a:hover{
background-color: #FFF;
color: #900;
}
.inline-list2 li + li {
margin-left: 10px;
}
.inline-list2 .fa {
text-align: center;
font: 400 20px/30px 'FontAwesome';
}
* + .inline-list2 {
margin-top: 10px;
}
@media only screen and (max-width:992px){
.livechat-girl{display: none;}
}
/*service*/
.online_section{position:fixed;z-index:99999999999;top:200px;right:-200px;transition:all .3s ease;}
.online_section ul li{ list-style:none;width:240px;height:40px;color:#fff; padding-left:40px; margin-bottom:3px;-moz-border-radius:0px 0 0 0px;-webkit-border-radius:0px 0 0 0px;border-radius:0px 0 0 0px;transition:all .5s ease;overflow:hidden; margin-bottom:3px; line-height:40px; font-size:14px;position: relative;background: #8cc63e;
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
-o-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
.online_section ul li:nth-child(even){}
.online_section ul li a{ line-height:40px; font-size:16px; color:#fff;transition:all 0.3s ease 0s;}
.online_section ul li i{width:40px;height: 40px;position: absolute;left:0px;top:0px;z-index: 2;}
.online_section .online_tel i{background:url(../pic/online_t.png) no-repeat;}
.online_section .online_email i{background:url(../pic/online_e.png) no-repeat;}
.online_section .online_whatsapp i{background:url(../pic/online_w.png) no-repeat;}
.online_section .online_skype i{background:url(../pic/online_s.png) no-repeat;}
.online_section .online_coad i{background:url(../pic/online_c.png) no-repeat; padding:0px;}
.online_section .online_coad p{ padding-left:50px; font-family:'lato'; font-size:14px;}
.online_section .online_coad img{width: 100%;height: auto;}
.online_coad .img{ max-width:200px; padding:10px 30px; margin:0 auto; padding-top:0px;}
.online_section ul:hover li{ }
.online_section ul:hover li a{color:#fff;}
.online_section ul:hover li:nth-child(even){}
.online_section ul li a:hover{color:#fff;text-decoration: underline;}
.online_section ul:hover li.online_tel i{background:url(../pic/online_t.png) no-repeat;}
.online_section ul:hover li.online_email i{background:url(../pic/online_e.png) no-repeat;}
.online_section ul:hover li.online_whatsapp i{background:url(../pic/online_w.png) no-repeat;}
.online_section ul:hover li.online_skype i{background:url(../pic/online_s.png) no-repeat;}
.online_section ul:hover li.online_coad i{background:url(../pic/online_c.png) no-repeat; padding:0px;}
@media only screen and (max-width: 768px) {.online_section{display:none;}}
/*service right*/
#service{position:fixed;right:-230px;top:200px;z-index:999999999;margin:0px 0 0 0; font:14px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#333;}
#service .onlineMenu{ list-style:none;padding: 10px 15px 10px 15px;background: #fff;border: 2px solid #e5e5e5;}
#service a{ color:#666;}
#ser_main{position:relative;z-index:9;top:0px; float: left;}
#ser_main a{display:block;overflow:hidden;color: #666;}
#ser_main a#floatShow01{background:url(../pic/ser_30.png) no-repeat;height:200px;width:48px;z-index:99999;}
.onlineMenu .call-top{padding:10px 0;}
.onlineMenu .call-top p{text-align:left; color:#8cc63e;font-size:16px;text-transform:capitalize;}
#online{float:left;background:#fff;overflow:hidden; width:230px;-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.1);position:relative;}
.onlineMenu ul li{ padding:10px 0; border-bottom:1px dashed #ddd; list-style:none}
.onlineMenu ul li:last-child{ border:none;}
.onlineMenu .serm_top{text-align:center;padding-bottom:10px;}
.onlineMenu .call{text-align:left;color: #666;}
.onlineMenu .call{ padding:6px 10px 6px 35px; border-bottom:1px solid #fff; font-size:14px;position: relative;}
.onlineMenu .call img{display:inline-block;vertical-align:middle; margin-right:6px;position: absolute;left:0;top:5px;width: 24px;height: auto;}
.onlineMenu .call a:hover{text-decoration: underline;color:#8cc63e !important;}
#service:hover{ right:0px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
#service:hover #ser_main #floatShow1{ left:120px; z-index:-11; opacity:0;}
#service h4{ font-size:14px; color:#666; margin:0px; line-height:25px; }
@media only screen and (max-width: 960px) {#service{ display:none;}}
/*online*/
#online_qq_layer{z-index:999999999;position:fixed;right:20px;bottom:80px; }
#floatShow{display:block;}
#floatHide{display:none;}
#online_qq_tab{position:relative;z-index:9;}
#online_qq_tab #floatShow{overflow:hidden;height:54px; width:200px;float:right; line-height:54px;padding-left:58px;position:relative;color:#fff;font-size:14px;border-radius:25px 25px 0 25px;text-transform:capitalize;background:#135B16; box-shadow:0 0 13px 0 rgba(255,255,255,0.2);-webkit-box-shadow:4px 5px 8px 0 rgba(0,0,0,0.15);-webkit-transition:all var(--transition-time,800ms);font-family: 'poppins-semibold';
-o-transition:all var(--transition-time,800ms);
transition:all var(--transition-time,800ms);
}
#online_qq_tab #floatShow i{height:44px;width:47px;background:url(../pic/online.png) no-repeat 10px center;position:absolute;left:0;top:5px;display:inline-block;}
#online_qq_tab #floatShow:hover{margin-right:0;}
#online_qq_tab #floatHide{overflow:hidden;width:30px; height:30px;font-size:13px;float:right; color:#808080; line-height:50px;text-align:left;position:absolute;right:10px;top:10px;}
#online_qq_tab #floatHide i{width:20px;height:20px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;}
#online_qq_tab #floatHide i:before,
#online_qq_tab #floatHide i:after{
content:'';display:inline-block;background:#fff;width:20px;height:2px;margin:2px 0;
}
#online_qq_tab #floatHide i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}
#online_qq_tab #floatHide i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}
#online_qq_tab #floatShow:hover,#online_qq_tab #floatHide:hover{text-decoration:none;}
#onlineService{display:inline;width:400px; overflow: hidden;display:none;background: #f9fafa; font-size:12px;border-top:none;}
#online_qq_layer .inquiry .main_more{border-width:1px;margin-top:0;}
#online_qq_layer .inquiry .main_more input{height:36px;line-height:36px;font-size:18px;padding-left:20px;padding-right:40px; background:#135B16 ; color: #fff; text-transform: uppercase; border-radius: 0;transition: 0.5s all; border-radius: 0;font-family: "Montserrat Bold"; border-radius: 0; width: 100%; margin-top: 10px;}
#online_qq_layer .inquiry .main_more:hover input{ background: #333; color: #fff;}
#onlineService .title{display:block;font-size:22px;line-height:24px;text-transform:uppercase; font-style: normal;font-family: "Montserrat Bold"; color:#fff; margin-bottom: 10px; background: #135B16 url(../pic/mes_bg.jpg) no-repeat center center; background-size: cover; padding: 15px 20px 48px;}
#onlineService .title b{color:#fff;font-family: "Montserrat Bold";}
#onlineService .text{
margin-bottom: 10px;
color: #777;
line-height: 20px;
background: #f9fafa;
margin: 0px 5%;
margin-top: -50px;
padding: 15px 10px;
border-radius: 4px;
text-align: left;
font-size: 13px;
line-height: 20px;
width: 90%;
}
.i_message_inquiry .inquiry{width: 90%; margin: 20px 5%;border-top: 1px solid #e5e5e5; margin-top: 0; padding-top: 0px;}
.i_message_inquiry .inquiry .fb-form-control{ border:1px solid #e5e5e5; background:none; line-height:46px;height:46px; color:#333; font-size: 13px;width:100%;box-shadow:none;padding-right:30px;background-position:95% 12px;background-repeat:no-repeat;padding-left:10px; border-radius: 0; border: 1px solid #d3dbe0; border-radius: 5px;}
.i_message_inquiry .inquiry textarea.fb-form-control{border-radius:0;}
.i_message_inquiry .inquiry .form-input-group{ margin-bottom:6px;border:none; float: left; width: 100%; background: #fff;}
.i_message_inquiry .inquiry .form-input-group span{display:block;position:relative;}
.i_message_inquiry .inquiry .form-input-group span:before{content:'';position:absolute;right:10px;top:10px;width:28px;height:23px;display:inline-block;background-image: url(../pic/icon.png);background-repeat: no-repeat;}
.i_message_inquiry .inquiry .form-input-group span.ms_e:before{background-position:-40px -227px;}
.i_message_inquiry .inquiry .form-input-group span.ms_p:before{background-position:0 -227px;}
.i_message_inquiry .inquiry .form-input-group span.ms_m:before{background-position:-82px -227px;}
.i_message_inquiry ::-webkit-scrollbar{width: 7px;height: 7px;background-color: #F5F5F5;}
.i_message_inquiry ::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;
background-color: #F5F5F5;}
.i_message_inquiry ::-webkit-scrollbar-thumb{border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
background-color: #999;}
.i_message_inquiry .inquiry .form-input-group span.ms_m .fb-form-control{line-height:20px;font-size: 13px; height:100px; padding-left:10px; width:100%; color:#777; margin-bottom:0; transition: 0.6s all; max-width: 100%; max-height: 100px; border-radius:0; min-height:50px; border: 1px solid #d3dbe0; border-radius: 5px;}
.i_message_inquiry .inquiry .form-input-group span.ms_m .fb-form-control:focus,.i_message_inquiry .inquiry .fb-form-control:focus{color:#666;
border-color:#003da5;}
@media only screen and (max-width: 992px) {
#online_qq_tab #floatHide{left: auto; right: 6px;}
#online_qq_layer{ overflow:visible;}
#online_qq_tab #floatHide{width: 40px; height: 40px; background: none; top: 10px; border-radius: 0; top: 14px;}
#online_qq_tab #floatHide i{ margin-top: 0; margin-right: 0;}
#online_qq_tab #floatHide i:before, #online_qq_tab #floatHide i:after{background: #fff;}
}
@media only screen and (max-width: 992px){
#service{display:none;}
#onlineService01{width:150px;}
#online_qq_tab #floatShow{margin-bottom: 0;}
}
@media only screen and (max-width: 1200px) {
#online_qq_tab #floatShow i{left: 0px;}
#online_qq_tab #floatShow{width: 50px; padding-right: 0;}
#online_qq_layer{right: 10px;}
}
@media only screen and (max-width: 992px) {
#online_qq_layer{right:0;}
#onlineService{ width:100%; padding: 0;}
#online_qq_layer{ width:100%;bottom:0;}
#online_qq_tab{ width:100%;}
#online_qq_tab #floatShow{ background:#135B16 url(../pic/icon.png) no-repeat -128px -218px;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;right:25px;bottom:80px;margin-left:-25px;border:3px solid #fff;padding:0;box-shadow:none;border-radius:50%;text-indent:-999999px;z-index:9999999999;}
#online_qq_tab #floatShow i{display:none;}
#online_qq_tab #floatShow span{ display:none;}
#onlineService .i_message_inquiry .main-more input{padding:8px 20px;}
#onlineService .title{ color: #fff; font-size: 18px; background: #135B16;}
}
/*inquiry*/
.pro_inq{
position: relative;
background:#EDF5F8; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 30px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;
border-radius: 10px;
margin-top: 30px;
border: 2px solid #8EC5BF;
}
.pro_inq .title{color:#3D7980; padding:20px 20px 20px 20px; font-family: "Montserrat Bold"; font-size:25px; text-transform: uppercase;}
.pro_inq .title img{margin-right: 15px;}
.pro_inq .text{
margin-bottom: 0px;
color: #666;
line-height: 20px;
margin-top: -50px;
;
border-radius: 4px;
text-align: left;
font-size: 14px;
line-height: 22px;
border-bottom: 1px solid #e5e5e5;
margin-top: -30px;
margin-right: 20px;
margin-left: 20px;
padding-top: 15px;
padding-bottom: 15px;
}
.pro_inq .inquiry {padding: 20px;}
.pro_inq .inquiry .gq-form-control{border:1px solid #e5e5e5;background:#fff;line-height:50px; color:#666;font-size:14px;width:100%;box-shadow:none;padding-right:45px;background-position:95% 12px;background-repeat:no-repeat;padding-left:10px; border-radius: 0; max-width: 100%; border-radius: 5px;}
.pro_inq .inquiry .gq-form-control:focus{ border: 1px solid #003da5; -webkit-box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);box-shadow:0 7px 38px 0 rgba(0,0,0,0.1); color:#333;}
.pro_inq .inquiry textarea.gq-form-control{border-radius:0;}
.pro_inq .inquiry .gp-input-group{ margin-bottom:20px; float: left; padding-left: 15px; padding-right: 15px; border:none;}
.pro_inq .inquiry .gp-input-group span{display:block;position:relative;}
.pro_inq .inquiry .gp-input-group span:before{content:'';position:absolute;right:10px;top:14px;width:28px;height:23px;display:inline-block;background-image: url(../pic/icon.png);background-repeat: no-repeat; z-index: 333;}
.pro_inq .inquiry .gp-input-group span.ms_e:before{background-position:-40px -227px;}
.pro_inq .inquiry .gp-input-group span.ms_p:before{background-position:0 -227px;}
.pro_inq .inquiry .gp-input-group span.ms_m:before{background-position:-82px -227px;}
.pro_inq .inquiry input:-ms-input-placeholder{color:#666666;}/* Internet Explorer 10+ */
.pro_inq .inquiry input::-webkit-input-placeholder{color:#666666;}/* WebKit browsers */
.pro_inq .inquiry input::-moz-placeholder{color:#666666;}/* Mozilla Firefox 4 to 18 */
.pro_inq .inquiry input:-moz-placeholder{color:#666666;}/* Mozilla Firefox 19+ */
.pro_inq .inquiry textarea:-ms-input-placeholder{color:#666666;}/* Internet Explorer 10+ */
.pro_inq .inquiry textarea::-webkit-input-placeholder{color:#666666;}/* WebKit browsers */
.pro_inq .inquiry textarea::-moz-placeholder{color:#666666;}/* Mozilla Firefox 4 to 18 */
.pro_inq .inquiry textarea:-moz-placeholder{color:#666666;}/* Mozilla Firefox 19+ */
.pro_inq select{width:100%;height:60px;border:none;border:1px solid #e5e5e5;background-color:#fff;font-size: 14px;color:#808080;padding-left:15px;Appearance:none; margin: 0;
-webkit-appearance:none; margin-bottom: 20px;}
.pro_inq .select{margin: 0;}
.pro_inq .select:after{content:"\f0d7";font-family:'FontAwesome';position:absolute;right:30px;line-height:16px;font-size: 14px;color:#ccc;top:18px;z-index:99;}
.pro_inq .inquiry .gp-input-group span.ms_m .gq-form-control{line-height:30px;font-size:13px; height:100px; padding-left:20px; width:100%; color:#999; transition: 0.6s all; min-width: 100%; max-width: 100%; max-height: 120px; border-radius: 0; border-radius: 5px;}
.pro_inq .inquiry .no span:before{ display: none;}
.pro_inq .subject_title{ border:1px solid #eee ;background:#eee; line-height:46px; padding:0px 10px; margin-bottom:20px; padding-left:15px; border-radius:5px;}
.send_column button{ border:none;}
.pro_inq .subject_title a{ color:#333 ; font-size:16px; font-family: "Montserrat Bold"; text-decoration: underline;}
.pro_inq .subject_title span{ font-size:16px; font-family: "Montserrat Bold"; color:#444; margin-right:10px;}
@media only screen and (max-width: 768px) {
.pro_inq .title_h{display: none;}
.pro_inq .inquiry .gp-input-group{width: 100%;}
}
.pagination{display:flex;padding-left:0;list-style:none}
.pagination.pagination-circle .page-item .page-link{width:35px;height:35px;line-height:33px;text-align:center;padding:0;border-radius:50%}
.pagination.pagination-circle.pagination-lg .page-item .page-link{width:56px;height:56px;line-height:54px}
.pagination.pagination-circle.pagination-sm .page-item .page-link{width:26px;height:26px;line-height:24px}
.pagination.pagination-rounded .page-item .page-link{border-radius:4px}
.pagination.pagination-circle .page-item:not(:first-child) .page-link,.pagination.pagination-rounded .page-item:not(:first-child) .page-link{margin-left:5px}
.pagination.pagination-circle.pagination-lg .page-item:not(:first-child) .page-link,.pagination.pagination-rounded.pagination-lg .page-item:not(:first-child) .page-link{margin-left:8px}
.pagination.pagination-circle.pagination-sm .page-item:not(:first-child) .page-link,.pagination.pagination-rounded.pagination-sm .page-item:not(:first-child) .page-link{margin-left:3px}
.pagination.pagination-3d .page-item .page-link{border-bottom:3px solid rgba(0,0,0,.15)!important}
.pagination.pagination-transparent .page-item .page-link{border:0}
.pagination.pagination-inside-transparent .page-item .page-link:not(:hover){color:#222}
.pagination.pagination-inside-transparent .page-item:not(:first-child):not(:nth-child(2)):not(:nth-last-child(1)) .page-link{border-left:0}
.pagination.pagination-inside-transparent .page-item.active .page-link,.pagination.pagination-inside-transparent .page-link:focus,.pagination.pagination-inside-transparent .page-link:hover{border-color:transparent!important}
.pagination.pagination-inside-transparent.pagination-button .page-item:not(:first-child):not(:nth-last-child(1)) .page-link{border:0}
.pagination.pagination-pill .page-item:first-child .page-link{border-top-left-radius:10rem;border-bottom-left-radius:10rem}
.pagination.pagination-pill .page-item:last-child .page-link{border-top-right-radius:10rem;border-bottom-right-radius:10rem}
.pagination.pagination-primary .page-item .page-link{background-color:#007bff;background-color:var(--primary);border-color:#007bff;border-color:var(--primary);color:#fff}
.pagination.pagination-secondary .page-item .page-link{background-color:#6c757d;background-color:var(--secondary);border-color:#6c757d;border-color:var(--secondary);color:#fff}
.pagination.pagination-success .page-item .page-link{background-color:#28a745;background-color:var(--success);border-color:#28a745;border-color:var(--success);color:#fff}
.pagination.pagination-danger .page-item .page-link{background-color:#dc3545;background-color:var(--danger);border-color:#dc3545;border-color:var(--danger);color:#fff}
.pagination.pagination-info .page-item .page-link{background-color:#17a2b8;background-color:var(--info);border-color:#17a2b8;border-color:var(--info);color:#fff}
.pagination.pagination-dark .page-item .page-link{background-color:#343a40;background-color:var(--dark);border-color:#343a40;border-color:var(--dark);color:#fff}
.pagination.pagination-light .page-item .page-link{background-color:#f8f9fa;background-color:var(--light);border-color:#f8f9fa;border-color:var(--light);color:#222}
.pagination.pagination-danger .page-item.active .page-link,.pagination.pagination-danger .page-link:focus,.pagination.pagination-danger .page-link:hover,.pagination.pagination-info .page-item.active .page-link,.pagination.pagination-info .page-link:focus,.pagination.pagination-info .page-link:hover,.pagination.pagination-light .page-item.active .page-link,.pagination.pagination-light .page-link:focus,.pagination.pagination-light .page-link:hover,.pagination.pagination-primary .page-item.active .page-link,.pagination.pagination-primary .page-link:focus,.pagination.pagination-primary .page-link:hover,.pagination.pagination-secondary .page-item.active .page-link,.pagination.pagination-secondary .page-link:focus,.pagination.pagination-secondary .page-link:hover,.pagination.pagination-success .page-item.active .page-link,.pagination.pagination-success .page-link:focus,.pagination.pagination-success .page-link:hover{background-color:#222!important;border-color:#222!important;color:#fff}
/*fixed-contact*/
.fixed-contact {
z-index:999;
position:fixed;
right:0;
top:60%;
width:50px;
margin-top:-90px;
overflow:hidden;
opacity:0;
filter:alpha(opacity=0);
transition:all .4s;
transform: translateX(95px);
-webkit-transform: translateX(95px);
-moz-transform: translateX(95px);
}
.fixed-contact.show{ transform:none; opacity:1;filter:alpha(opacity=100); }
.fixed-contact.active {width:280px;}
.fixed-contact li {position:relative;height:50px;overflow:hidden;transition:all .4s;list-style: none;background:#F54442;margin-bottom: 2px;border-radius:5px 0 0 5px;border:1px solid rgba(255,255,255,0.3)}
.fixed-contact.active li a {opacity: 1;}
.fixed-contact li a {position:relative;z-index:1000;display:block;}
.fixed-contact li i {
z-index:1000;
position:absolute;
left:0;
display:block;
width:50px;
height:50px;
transition:all .4s;
background-repeat: no-repeat;
background-position: center center;
background-image:url(../pic/icon.png);
}
.fixed-contact.active li:after {
z-index:1001;
content:'';
position:absolute;
bottom:0;
left:10px;
right:10px;
display:block;
height:1px;
background:rgba(255,255,255,.2);
}
.fixed-contact.active li:last-child:after {display:none;}
.fixed-contact li:hover i,.fixed-contact li:hover a{opacity:.7;}
.fixed-contact .online_p i {
background-position: 0 -262px;
border-top-left-radius:30px;
-moz-border-top-left-radius:30px;
-webkit-border-top-left-radius:30px;
border-top-right-radius:30px;
-moz-border-top-right-radius:30px;
-webkit-border-top-right-radius:30px;
}
.fixed-contact .online_e i {background-position: -50px -262px;}
.fixed-contact .online_w i {background-position: -150px -262px;}
.fixed-contact .online_s i {background-position: -100px -262px;}
.fixed-contact .online_f i {background-position: -250px -262px;}
.fixed-contact .online_i i {background-position: -300px -262px;}
.fixed-contact .online_code i {background-position: -200px -262px;}
.fixed-contact li a {
position:absolute;
top:0;
left:60px;
display:block;
width:240px;
line-height:110%;
padding:18px 0 0 30px;
color:#fff;
white-space:nowrap;
transition:all .4s;
font-size:14px;
text-align: left;
font-weight: normal;
opacity: 0;
}
.fixed-contact.active li a {left:20px;}
.fixed-contact .online_code a img{max-width:80px; padding-bottom:20px;}
.fixed-contact.active .online_code{height:170px;}
.fixed-contact.active .online_code a p{margin:0;margin-bottom:5px;}
.fixed-contact li.online_code:hover a{opacity:1;}