@charset "UTF-8";
@font-face {
	font-family: "LaoUI";
	src: url("../font/LaoUI.woff2") format("woff2"),
		 url("../font/LaoUI.woff") format("woff"),
		 url("../font/LaoUI.ttf") format("truetype"),
		 url("../font/LaoUI.eot") format("embedded-opentype"),
		 url("../font/LaoUI.svg") format("svg"),
		 url("../font/LaoUI.otf") format("opentype");
  }
  @font-face {
	font-family: "LaoUIb";
	src: url("../font/LaoUIb.woff2") format("woff2"),
		 url("../font/LaoUIb.woff") format("woff"),
		 url("../font/LaoUIb.ttf") format("truetype"),
		 url("../font/LaoUIb.eot") format("embedded-opentype"),
		 url("../font/LaoUIb.svg") format("svg"),
		 url("../font/LaoUIb.otf") format("opentype");
  }
   @font-face {
	font-family: "Helvetica-Condensed-Bold";
	src: url("../font/Helvetica-Condensed-Bold.woff2") format("woff2"),
		 url("../font/Helvetica-Condensed-Bold.woff") format("woff"),
		 url("../font/Helvetica-Condensed-Bold.ttf") format("truetype"),
		 url("../font/Helvetica-Condensed-Bold.eot") format("embedded-opentype"),
		 url("../font/Helvetica-Condensed-Bold.svg") format("svg"),
		 url("../font/Helvetica-Condensed-Bold.otf") format("opentype");
  }

/*bootstrop*/
@media screen and (min-width: 1600px) {html { font-size: 100px;}}
@media screen and (max-width: 1600px) {html {font-size: 100px;}}
@media screen and (max-width: 1599px) {html {font-size: 94px;}}
@media screen and (max-width: 1574px) {html {font-size: 92px;}}
@media screen and (max-width: 1549px) {html {font-size: 91px;}}
@media screen and (max-width: 1524px) {html {font-size: 89px;}}
@media screen and (max-width: 1499px) {html {font-size: 88px;}}
@media screen and (max-width: 1474px) {html {font-size: 86px;}}
@media screen and (max-width: 1449px) {html {font-size: 85px;}}
@media screen and (max-width: 1424px) {html {font-size: 83px;}}
@media screen and (max-width: 1399px) {html {font-size: 82px;}}
@media screen and (max-width: 1374px) {html {font-size: 80px;}}
@media screen and (max-width: 1349px) {html {font-size: 79px;}}
@media screen and (max-width: 1324px) {html {font-size: 77px;}}
@media screen and (max-width: 1299px) {html {font-size: 76px;}}
@media screen and (max-width: 1274px) {html {font-size: 74px;}}
@media screen and (max-width: 1249px) {html {font-size: 73px;}}
@media screen and (max-width: 1224px) {html {font-size: 72px;}}
@media screen and (max-width: 1199px) {html {font-size: 70px;}}
@media screen and (max-width: 1174px) {html {font-size: 69px;}}
@media screen and (max-width: 1149px) {html {font-size: 67px;}}
@media screen and (max-width: 1124px) {html {font-size: 66px;}}
@media screen and (max-width: 1099px) {html {font-size: 64px;}}
@media screen and (max-width: 1074px) {html {font-size: 63px;}}
@media screen and (max-width: 1049px) {html {font-size: 61px;}}
@media screen and (max-width: 1024px) {html {font-size: 60px;}}
@media screen and (max-width: 992px)  {html {font-size: 70px;}}
@media screen and (max-width: 769px)  {html {font-size: 80px;}}

img:is([sizes="auto" i], [sizes^="auto," i]) { contain:layout size;/*关键!启用尺寸约束 */ contain-intrinsic-size: 3000px 1500px;}
@media(max-width:768px){
img:is([sizes="auto" i],[sizes^="auto,"i]){contain-intrinsic-size: 1200px 600px;}
}

h2{ font-weight: normal; font-size: inherit;}
h3{ font-size: inherit;}
.row { margin-right: -0.15rem; margin-left: -0.15rem;}
.input-group{ display: table; position: relative;}
input, button, select, textarea {font-family: inherit; font-size: inherit;line-height: inherit; border: none;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after{  display: table; content: " ";}
.clearfix:after,.container:after,.container-fluid:after,.row:after{clear: both;}
.container {width: 100%; max-width: 14.4rem; margin: 0 auto; padding: 0;}
@media screen and (max-width: 992px)  {.container{padding-left: 0.3rem; padding-right: 0.3rem; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container{padding-left: 15px; padding-right: 15px;}}
@media screen and (max-width: 992px) {
	.embed-responsive {position: relative;overflow: hidden;height: 0;padding-bottom: 56.25%;}
	.embed-responsive iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}


/* BODY */
* {outline: none !important;}
body {margin: 0;padding: 0; font-family: "LaoUI"; color:#666; line-height: 1.8; font-size: 16px;}
strong,b{font-weight: bold;}
@media screen and (max-width: 1400px) {body {font-size: 15px;}}
@media screen and (max-width: 1200px) {body {font-size: 14px;}}

/*reset*/
body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0; min-height: 1px;}
*,::after,::before {box-sizing: border-box;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{line-height:0; display:taFble; content:"";}
.clearfix:after{clear:both;}
.clear{ clear:both;}
.page ul,.about ul,.page_detail ul,.products_main ul{ padding-left: 16px;}
table td{padding: 5px;}
.table-responsive ul li {list-style-position: inside !important; }
.table-responsive td{ padding-left:8px}
.table-responsive {min-height: .01%; overflow-x: auto;}
.cform-item__wrap{ display:flex; align-items: center; font-size: 12px;}
.cform-item__wrap input{  width: 96px !important; padding: 0 5px  !important;}
.cform-item__wrap img{ height: auto;  display: inline-block; margin: 0 5px !important; max-width: 100px;}
#powerby,#powerby a{ display: inline-block; color: #999; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin: 0; padding: 0; font-weight: normal;}
.tl{ text-align: left !important;}
.tc{ text-align: center !important;}
iframe,video{max-width:100%;}
.hidden{ display: none !important;}
.hidden_web{ display: none;}
@media screen and (max-width:992px) {
.hidden_mob{ display: none !important;}
.hidden_web{ display: block !important;}
}

/* @media screen and (max-width:768px) {
iframe{ height: auto;}
}
 */

img {max-width: 100%;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out; height: auto;}
label,button,a {  cursor: pointer;}
audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;}
a:focus,input:focus,p:focus,div:focus {  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img[src=""],
img:not([src]) {  opacity: 0;}
font {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  font-family: inherit; 
  font-style: inherit;
  text-transform: inherit;
}

/* LINKS */
a{-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-ms-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;transition: all .35s ease-in-out; text-decoration: none; color: #666;}
a:hover {text-decoration: none;}
a:focus {outline-style:none; -moz-outline-style: none; text-decoration:none;}

/*inquiry*/
.inquiry .p{ margin-bottom: 20px; color: #aaa;  line-height: 22px; }
.inquiry ul{list-style:none; margin: 0px -10px; padding-left: 0;}
.inquiry ul li{padding:0 10px;margin-bottom:15px; position: relative;}
.inquiry ul li span:before{content:'';position:absolute;width:40px;height:40px;right:0;top:0;display:inline-block;background-position:center center;background-repeat:no-repeat; background-position: center center;}
.inquiry ul li span:before{content:'';position:absolute;right:18px;top:0;width:28px;height:100%;display:inline-block; background-repeat: no-repeat;}
.inquiry ul li span.ms_e:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667324824' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7187' width='22' height='22'%3E%3Cpath d='M914.691674 123.697006H109.30935c-47.583643 0-86.289099 38.70648-86.2891 86.290123v603.998113c0 47.583643 38.705456 86.317752 86.2891 86.317752h805.382324c47.58262 0 86.288076-38.734109 86.288076-86.317752V209.987129c0-47.58262-38.705456-86.290123-86.288076-86.290123z m-15.169461 57.497414l-387.51505 335.861726-387.530399-335.861726h775.045449z m15.169461 661.581484H109.30935c-11.670784 0-21.62958-7.049542-26.138258-17.050293l274.221977-219.374921-35.955838-44.913843-240.893984 192.718871V219.283847l431.462893 373.892825L943.454707 219.283847v534.871871l-240.891938-192.718871-35.955838 44.913843L940.812535 825.724587c-4.491282 10.001775-14.49408 17.051317-26.120861 17.051317z' p-id='7188' fill='%23d5d5d5'%3E%3C/path%3E%3C/svg%3E");}
.inquiry ul li span.ms_p:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667419565' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='8334' width='22' height='22'%3E%3Cpath d='M752 944C380.8 944 80 643.2 80 272c0-105.6 86.4-192 192-192s192 86.4 192 192c0 81.6-49.6 150.4-123.2 179.2 44.8 102.4 128 187.2 232 232C601.6 609.6 670.4 560 752 560c105.6 0 192 86.4 192 192s-86.4 192-192 192zM272 144c-70.4 0-128 57.6-128 128 0 336 272 608 608 608 70.4 0 128-57.6 128-128s-57.6-128-128-128c-62.4 0-115.2 44.8-126.4 107.2-1.6 9.6-6.4 17.6-16 22.4-8 4.8-17.6 6.4-27.2 3.2C436.8 704 320 587.2 268.8 440c-3.2-9.6-1.6-19.2 3.2-27.2 4.8-8 12.8-14.4 22.4-16 62.4-9.6 107.2-64 107.2-126.4C400 201.6 342.4 144 272 144z' p-id='8335' fill='%23d5d5d5'%3E%3C/path%3E%3C/svg%3E");}
.inquiry ul li span.ms_m:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667534152' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9305' width='24' height='24'%3E%3Cpath d='M832.161 351.79c-17.673 0-32 14.327-32 32v479.85H224.037V223.784h414.605c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32H192.037c-17.673 0-32 14.327-32 32V895.64c0 17.673 14.327 32 32 32h640.124c17.673 0 32-14.327 32-32V383.79c0-17.673-14.327-32-32-32z' fill='%23d5d5d5' p-id='9306'%3E%3C/path%3E%3Cpath d='M485.612 534.222c6.249 6.248 14.438 9.372 22.627 9.372s16.379-3.124 22.627-9.372l321.407-321.406c12.496-12.497 12.496-32.758 0-45.255-12.498-12.497-32.759-12.497-45.255 0L485.612 488.967c-12.497 12.496-12.497 32.758 0 45.255zM736 627c0-17.673-14.327-32-32-32H322c-17.673 0-32 14.327-32 32s14.327 32 32 32h382c17.673 0 32-14.327 32-32zM322 725c-17.673 0-32 14.327-32 32s14.327 32 32 32h251c17.673 0 32-14.327 32-32s-14.327-32-32-32H322z' fill='%23d5d5d5' p-id='9307'%3E%3C/path%3E%3C/svg%3E"); background-position: center 10px;}
.inquiry ul li span.ms_n:before{background-image: url("data:image/svg+xml,%3Csvg t='1742972840402' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='21727' width='24' height='24'%3E%3Cpath d='M512 88.086022c121.619269 0 220.215054 98.595785 220.215054 220.215053 0 78.836989-41.427957 147.995527-103.693764 186.896516 73.970237 21.096602 140.926624 62.067613 193.866323 118.954667a33.032258 33.032258 0 0 1-48.364731 45.006452C706.725161 586.840086 612.748387 545.032258 512 545.032258c-197.637505 0-357.849462 160.211957-357.849462 357.849462a33.032258 33.032258 0 0 1-66.064516 0c0-193.706667 129.926882-357.073204 307.387182-407.695139C333.207398 456.285591 291.784946 387.132559 291.784946 308.301075c0-121.619269 98.595785-220.215054 220.215054-220.215053z m396.387097 748.731182a27.526882 27.526882 0 0 1 27.526881 27.526882v11.010753a27.526882 27.526882 0 0 1-27.526881 27.526881h-192.688172a27.526882 27.526882 0 0 1-27.526882-27.526881v-11.010753a27.526882 27.526882 0 0 1 27.526882-27.526882h192.688172z m0-115.612903a27.526882 27.526882 0 0 1 27.526881 27.526882v11.010752a27.526882 27.526882 0 0 1-27.526881 27.526882h-192.688172a27.526882 27.526882 0 0 1-27.526882-27.526882v-11.010752a27.526882 27.526882 0 0 1 27.526882-27.526882h192.688172zM512 154.150538c-85.13514 0-154.150538 69.015398-154.150538 154.150537s69.015398 154.150538 154.150538 154.150538 154.150538-69.015398 154.150538-154.150538-69.015398-154.150538-154.150538-154.150537z' fill='%23d5d5d5' p-id='21728'%3E%3C/path%3E%3C/svg%3E");}
.inquiry ul li span.ms_c:before{background-image: url("data:image/svg+xml,%3Csvg t='1742972711458' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='17836' width='24' height='24'%3E%3Cpath d='M928 832H896V384c0-70.4-57.6-128-128-128H576V192c0-70.4-57.6-128-128-128H192c-70.4 0-128 57.6-128 128v640H32c-17.92 0-32 14.08-32 32s14.08 32 32 32h896c17.92 0 32-14.08 32-32s-14.08-32-32-32zM512 256v576H128V192c0-35.2 28.8-64 64-64h256c35.2 0 64 28.8 64 64v64z m320 576H576V320h192c35.2 0 64 28.8 64 64v448zM416 256h-192c-17.92 0-32 14.08-32 32s14.08 32 32 32h192c17.92 0 32-14.08 32-32S433.92 256 416 256z m0 192h-192c-17.92 0-32 14.08-32 32s14.08 32 32 32h192c17.92 0 32-14.08 32-32S433.92 448 416 448z m0 192h-192c-17.92 0-32 14.08-32 32s14.08 32 32 32h192c17.92 0 32-14.08 32-32s-14.08-32-32-32z m320-192h-64c-17.92 0-32 14.08-32 32s14.08 32 32 32h64c17.92 0 32-14.08 32-32s-14.08-32-32-32z m0 192h-64c-17.92 0-32 14.08-32 32s14.08 32 32 32h64c17.92 0 32-14.08 32-32s-14.08-32-32-32z' fill='%23d5d5d5' p-id='17837'%3E%3C/path%3E%3C/svg%3E");}

.inquiry ul li input{background:#fff;height:52px;width:100%;line-height:52px;padding-right:45px; color:#999; border: 1px solid #e7e7e7; border-radius:0; padding-left: 10px;font-size: 14px;}
.inquiry ul li textarea{height:1.8rem;background:#fff;width:100%;max-width:100%;max-height:215px;padding:8px 45px 10px 10px;color:#999;border:none;border-radius:8px; line-height: 20px; font-size: 14px; border: 1px solid #e7e7e7;}
.inquiry ul li input:focus,.inquiry ul li textarea:focus{color:#303030; border-color:f9c460;}
.inquiry ul li input:-ms-input-placeholder{color:#999;}/* Internet Explorer 10+ */ 
.inquiry ul li input::-webkit-input-placeholder{color:#999;}/* WebKit browsers */
.inquiry ul li input::-moz-placeholder{color:#999;}/* Mozilla Firefox 4 to 18 */ 
.inquiry ul li input:-moz-placeholder{color:#999;}/* Mozilla Firefox 19+ */ 
.inquiry ul li textarea:-ms-input-placeholder{color:#999;}/* Internet Explorer 10+ */ 
.inquiry ul li textarea::-webkit-input-placeholder{color:#999;}/* WebKit browsers */
.inquiry ul li textarea::-moz-placeholder{color:#999;}/* Mozilla Firefox 4 to 18 */ 
.inquiry ul li textarea:-moz-placeholder{color:#999;}/* Mozilla Firefox 19+ */ 
.inquiry ul li input,.inquiry ul li textarea{ border: 1px solid #e5e5e5; box-shadow: 0 2px 4px 0px rgb(0 0 0 / 10%) inset; border-radius: 5px;}
.inquiry ul li input:focus,.inquiry ul li textarea:focus{ border: 1px solid #fe0000; background-color: #fff;}
.inquiry select{width:100%;height:50px;border:none;border:1px solid #d7d7dc;background-color:#fff; padding-left:15px;Appearance:none; margin: 0;
-webkit-appearance:none;}
.inquiry .select{margin: 0;}
.inquiry .select:after{content:"\f0d7";font-family:'FontAwesome';position:absolute;right:0.3rem;color:#ccc;top:0.18rem;z-index:99;}
.inquiry  .subject_title{background: #f7f7f7; min-height: 0.5rem; padding:0.15rem;}
.inquiry  .subject_title a{ color:#303030 ;  text-decoration: underline;}
.inquiry  .subject_title span{ font-size:0.14rem; color:#444; margin-right:0.1rem;}

.ms_btn{position: relative; padding: 0 0.24rem; color: #fff; text-transform: uppercase; border-radius: 0; flex-shrink: 0; display: inline-flex; justify-content: center; align-items: center; text-align: center; transition: all 0.4s ease; z-index: 9; overflow: hidden;}
.ms_btn input{display: block;position: absolute;left: 0;top: 0;height: 100%; width: 100%; background: none;border: none; z-index: 2;text-indent: -999px; cursor: pointer; overflow: hidden;}
.ms_btn{ display: inline-flex; justify-content: center; align-items: center; padding:0 0.24rem; line-height:44px; color: #fff; font-family: 'LaoUIb'; position: relative; text-transform: capitalize; border-radius:5px; background:#fe0000; overflow: hidden;}
.ms_btn:before { content: ' '; position: absolute; background:rgba(255,255,255,0.3); width:0; height: 100%; top: 0; left:0; opacity: 0.3; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.ms_btn:hover:before{ width: 100%;}
.ms_btn:after{ position: absolute; right:15px; top: 0; height: 100%; display: inline-block; content: ''; line-height: 20px; width: 18px; opacity: 0;}
.ms_btn:hover:after{ opacity: 1;}


header{width: 100%;z-index: 9999999; padding: 0.1rem 0; transition: 0.4s all; background: #fff;}
header #logo{display: block; position: relative; line-height: 0; overflow: hidden;}
header #logo img{ max-height: 100%; width:  auto; max-width:2.6rem; transition: 0.4s all;}
header #logo a{ display: block; line-height: 0; overflow: hidden;}

@media screen and (max-width:992px) {
header #logo img{ max-width:2rem;}
}

.i_title{ text-align: center; margin-bottom: 0.4rem; position: relative; z-index: 1;}
.i_title .title_txt{ font-size: 0.4rem; line-height: 0.48rem; color: #333; font-family: 'Helvetica-Condensed-Bold'; position: relative; text-transform: uppercase;}
.i_title .title_txt span{ color: #fe0000;}

@media only screen and (max-width:992px) {
.i_title{ margin-bottom: 0.3rem;}
}
@media only screen and (max-width:768px) {
.i_title{ margin-bottom: 0.2rem;}
.i_title .title_txt{ font-size: 0.36rem; line-height: 0.44rem; background: none; margin: 0;}
}

/*inquiry_section*/
.inquiry_section{ position: relative;}
.inquiry_section .bg{ position: relative;}
.inquiry_section .bg .bg_img{ width: 100%; position: relative; overflow: hidden;}
.inquiry_section .bg .bg_img a{ display: block; line-height: 0; overflow: hidden;}
.inquiry_section .bg .bg_img a img{ max-width: 100%; height: auto; width: 100%;}

.inquiry_section .main{ width: 100%; position: absolute; right: 0; top: 50%; text-align: right; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.inquiry_section .mes_r{display: inline-block; text-align: center; width: 560px; max-width: 560px; padding: 0.3rem 0.2rem; background:#fe0000; position: relative; overflow: hidden;}
.inquiry_section .mes_r .title_txt{font-size: 0.36rem; line-height: 0.44rem; color: #fff; text-transform: uppercase; font-family: 'Helvetica-Condensed-Bold';}
.inquiry_section .mes_r p{ line-height: 24px; font-size: 15px; margin-bottom: 0.2rem; color: #fff;}
.inquiry_section .inquiry{ position: relative; margin-bottom: 0.2rem;}
.inquiry_section .inquiry .p{ color: #808080; line-height: 24px; overflow: hidden;}
.inquiry_section .inquiry ul{ margin: 0 -0.1rem; overflow: hidden;}
.inquiry_section .inquiry ul li{ margin-bottom: 0.1rem; padding: 0 0.1rem; position: relative;}
.inquiry_section .inquiry ul li.meText{ margin-bottom:0.1rem;}
.inquiry_section .inquiry ul li input{ height: 40px; line-height: 40px; box-shadow: none; border: none; border-radius: 0;}
.inquiry_section .inquiry ul li textarea{height:88px; line-height: 22px;box-shadow: none; border: none; border-radius: 0;}
.inquiry_section .inquiry .ms_btn{ display: block; line-height: 0.46rem; padding:0 0.3rem; background: #333; border-radius: 0; text-transform: uppercase;}
.inquiry_section .inquiry .ms_btn:hover{ padding-right: 0.58rem;}

.inquiry_section .a{ display: block;position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

@media only screen and (max-width: 992px){
.inquiry_section .inquiry ul li input{ height: 32px;}
.inquiry_section .inquiry ul li textarea{height:60px;}
.inquiry_section .mes_r p{ font-size: 14px;}
}
@media only screen and (max-width: 768px){
.inquiry_section .main{ position: inherit; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); margin-top: -0.2rem;}
.inquiry_section .mes_r{ width: 100%; max-width: none; padding-bottom: 0;}
}

/*pro_section*/
.pro_section{padding: 60px 0; position: relative; overflow: hidden;}
.pro_section .img{ margin-bottom: 0.2rem; text-align: center;}
.pro_section p{ width: 88%; margin: auto; display: block; line-height: 0.26rem; overflow: hidden;}

@media only screen and (max-width: 992px){
.pro_section{padding: 50px 0;}	
}
@media only screen and (max-width: 768px){
.pro_section{padding: 40px 0;}	
}

/*biaoge_section*/
.biaoge_section{padding: 60px 0; position: relative; overflow: hidden;}
.biaoge_section .main{ text-align: center; overflow: hidden;}
.biaoge_section p{ max-width: 88%; margin: auto; line-height: 0.26rem; margin-top: 0.2rem; overflow: hidden;}

@media only screen and (max-width: 992px){
.biaoge_section{padding: 50px 0;}	
}
@media only screen and (max-width: 768px){
.biaoge_section{padding: 40px 0;}	
}

/*fmess_section*/
.fmess_section{padding: 60px 0; position: relative; overflow: hidden;}
.fmess_section .mes_r{ width: 60%; margin: 0 auto; text-align: center; padding: 0.3rem 0.2rem; background:#fe0000; position: relative; overflow: hidden;}
.fmess_section .mes_r .title_txt{font-size: 0.36rem; line-height: 0.44rem; color: #fff; text-transform: uppercase; font-family: 'Helvetica-Condensed-Bold';}
.fmess_section .mes_r p{ line-height: 24px; font-size: 15px; margin-bottom: 0.2rem; color: #fff;}
.fmess_section .inquiry{ position: relative; margin-bottom: 0.2rem;}
.fmess_section .inquiry .p{ color: #808080; line-height: 24px; overflow: hidden;}
.fmess_section .inquiry ul{ margin: 0 -0.1rem; overflow: hidden;}
.fmess_section .inquiry ul li{ margin-bottom: 0.1rem; padding: 0 0.1rem; position: relative;}
.fmess_section .inquiry ul li.meText{ margin-bottom:0.1rem;}
.fmess_section .inquiry ul li input{ height: 40px; line-height: 40px; box-shadow: none; border: none; border-radius: 0;}
.fmess_section .inquiry ul li textarea{height:88px; line-height: 22px;box-shadow: none; border: none; border-radius: 0;}
.fmess_section .inquiry .ms_btn{ display: block; line-height: 0.46rem; padding:0 0.3rem; background: #333; border-radius: 0; text-transform: uppercase;}
.fmess_section .inquiry .ms_btn:hover{ padding-right: 0.58rem;}

@media only screen and (max-width: 992px){
.fmess_section{padding: 50px 0;}	
}
@media only screen and (max-width: 768px){
.fmess_section{padding: 40px 0;}
.fmess_section .mes_r{ width: 100%; padding-bottom: 0;}	
}

/*footer*/
#footer{ position: relative; padding: 0.25rem 0; background: #222; overflow: hidden;}
#footer .cop{ font-size: 15px; text-align: center; margin: 0 auto; color: #999;}
#footer .cop a{margin: 0 0.05rem; color: #999;}

@media only screen and (max-width: 992px){
#footer .cop{ font-size: 14px;}	
}

/*back-top*/
.progress-wrap {position: fixed;right: 0.15rem;bottom: 78px;height: 0.46rem;width: 0.46rem;cursor: pointer;display: block;border-radius: 50px;
box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);z-index: 8888888;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear;
transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);}
.progress-wrap::after {position: absolute;font-family: 'FontAwesome';content: "\f106";text-align: center;
line-height: 0.46rem;font-size: 0.24rem;color:#fe0000 ;left: 0;top: 0;height: 0.46rem;width: 0.46rem;cursor: pointer;display: block;
z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap svg path { fill: none; }
.progress-wrap svg.progress-circle path {stroke: #fe0000 ;stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear;
transition: all 200ms linear;}

#whatsapp{z-index:9999999;position:fixed;right:0.15rem;bottom:10px;font-size:12px; }
#floatShow2{display:block;}
#floatHide2{display:none;}
#whatsapp_tab #floatShow2{line-height:50px; padding-left: 50px; height: 50px; border-radius:5px; background: #fe0000; color:#fff;font-size:13px;text-transform:capitalize;transition: all .5s ease; display: block;}
#whatsapp_tab #floatShow2 svg{ width: 30px; height:30px; fill:#fff;}

#whatsapp_tab .animated { opacity: 1; }
#whatsapp_tab #floatShow2 .online_icon{ line-height: 0; position: absolute;z-index:999;left: 0;top: 0;width:50px;height:50px;display: flex;align-items: center;justify-content: center;transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_icon svg{width: 26px;height: 26px;fill: #fe0000;transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_open , #whatsapp_tab #floatShow .online_close{transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_open{position: absolute;left: 0;top: 0;opacity: 0;display: inline-flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
#whatsapp_tab #floatShow2 .online_mobile{display: none;align-items: center;justify-content: center;width: 42px;height: 42px;transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_mobile svg{fill: #fff;}
#whatsapp_tab #floatShow2:hover .online_open{opacity: 1;}
#whatsapp_tab #floatShow2:hover .online_close{opacity:0;}
#whatsapp_tab #floatShow2:hover{margin-right:0;}

#whatsapp_tab #floatShow2 p{color: #fff; margin-right: 16px; transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease; height: 50px; color: #fff; line-height: 54px;  font-family: "Helvetica-Condensed-Bold";font-size: 14px; text-transform: uppercase;}

#whatsapp_tab #floatShow2:hover{margin-right:0;}
#whatsapp_tab #floatHide2{font-family: "FontAwesome";height:100%; color: #fff; width: 100%; border-radius: 50%; text-align: center; position: absolute;transition: all .5s ease;display: block;opacity: 0;transform: scale(0) rotate(-1turn); width: 50px; height: 50px; position: absolute; right: 0; bottom: 0; background: #fe0000;}
#whatsapp_tab #floatHide2:after{border-radius: 0;color:#999;font-family: "FontAwesome";font-size:20px; content: "\f00d";color: #fff; line-height: 50px;}
#whatsapp_tab #floatShow2:hover,#whatsapp_tab #floatHide2:hover{text-decoration:none;}
#onlineService2{display:inline;width:350px;display:none;font-size: 14px;border-top:none; margin-bottom: 0;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: 5px;background: #f9fafa; margin-right: 60px;}

#onlineService2 .title{background: #fe0000; text-transform: capitalize; display: flex; fill:#fff; padding:10px 20px;align-items: center; }
#onlineService2 .title svg{width: 0.4rem; height: 0.4rem;flex-shrink: 0; margin-right: 0.1rem;}
#onlineService2 .title .h4{ color: #fff; font-size: 0.2rem; font-family: "Helvetica-Condensed-Bold"; text-transform: uppercase;}
#onlineService2 .title p{ color: #fff; line-height: 20px;}
#onlineService2 .li{ padding: 5%;}
#onlineService2 .li a { background-color: #eee; margin-bottom: 15px; padding: 8px; line-height: 20px;}
#onlineService2 .li a .icon svg{ width: 50px; height: 50px; fill:#fe0000; margin-right:10px;}
#onlineService2 .li a:hover{ background-color: #ddd;}

#whatsapp .inquiry{ padding: 0.2rem; background: #fff; font-size: 13px;}
#whatsapp .inquiry .p{ font-size: 14px; color: #777; line-height: 20px; margin-bottom: 0.1rem;}

@media only screen and (max-width: 768px) {
#whatsapp_tab #floatShow2{box-shadow: 0 2px 8px 1px rgb(0 78 152 / 20%); border-radius: 30px;}
#whatsapp_tab{ position: initial;}
#whatsapp_tab #floatShow2 p{ display: none !important;}
#whatsapp{ right: 0; bottom: 0; width: 100%;}
.back-home{ display: none;}
.progress-wrap{ bottom: 68px;}
#whatsapp{right:0.1rem;z-index: 999998;}
#onlineService2{ width:100%;margin-bottom: 48px;}
#whatsapp_tab{ width:48px; height:48px; padding:0;box-shadow:none;border-radius:50%;z-index:9999999999;right: 0; margin-right:0; bottom: 10px;position: absolute;}
#whatsapp_tab #floatShow2 .online_icon{ height:100%;left: 0;margin-top: 0;top: 0;}
#whatsapp_tab #floatShow2 .online_close , #whatsapp_tab #floatShow2 .online_open{display: none;}
#whatsapp_tab #floatShow2 .online_mobile{display: flex;}
#whatsapp_tab #floatShow2 p{display: none;}
#whatsapp_tab #floatShow2:after{display: none;}
.i_message_inquiry .inquiry{padding-left: 5px;padding-right: 5px;}
.mobile_nav{display:block;
	box-sizing: content-box; 
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}
#whatsapp{
	box-sizing: content-box; 
	margin-bottom: constant(safe-area-inset-bottom);
	margin-bottom: env(safe-area-inset-bottom);
}
.progress-wrap{
	box-sizing: content-box; 
	margin-bottom: constant(safe-area-inset-bottom);
	margin-bottom: env(safe-area-inset-bottom);
}
.mobile_nav a i{width: 28px;height:28px;}
.mobile-footer-bottom{padding-bottom:70px;}
}