<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html { height: 100%; direction: ltr; background:transparent;  color:#323232;  font-size: 12px; margin:0px; padding:0px;  font-family: 'Open Sans', sans-serif;}

body { height: 100%;  padding:0px; margin:0px; font-family: 'Open Sans', sans-serif;}

p { margin: 6px 0px; padding:0px;}

form { display: inline; }

img { border: none; vertical-align: middle; }

input { vertical-align: middle; }

a { color: #09364B; text-decoration: none !important; }

a:hover { text-decoration: underline; }

table { border-collapse: collapse; }

table td, table th { padding: 0; }

div {   -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); }  

.inp { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

input,select {	-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Open Sans', sans-serif;-webkit-tap-highlight-color: transparent;	-webkit-transition: all 0.30s ease-in-out;	-moz-transition: all 0.30s ease-in-out;	-ms-transition: all 0.30s ease-in-out;	-o-transition: all 0.30s ease-in-out;	outline: none;	margin: 5px 0px 3px 0px;} 

textarea {	-webkit-tap-highlight-color: transparent;	-webkit-transition: all 0 ease-in-out;	-moz-transition: all 0 ease-in-out;	-ms-transition: all 0 ease-in-out;	-o-transition: all 0 ease-in-out;	outline: none;	margin: 5px 0px 3px 0px; font-family: 'Open Sans', sans-serif;} 

 input:focus,select:focus, textarea:focus {	-webkit-box-shadow: 0 0 4px #6677aa;	box-shadow: 0 0 4px #6677aa;	margin: 4px 0px 3px 0px;	border: 1px solid #6677aa;} 





.content_wrapper .content {margin:0 auto; overflow:hidden;  color:#040404;}

 

.header_wrapper , .header_nonfixed {height:100px; width:100%;}

.header_wrapper	{ position:fixed; top:0px; z-index:10000; background-color:#FFFFFF; background-color:rgba(255,255,255,0.9); left:0px;}

.header_wrapper	{    box-shadow: 0px 8px 15px rgba(166,166,166,0.4);   -webkit-box-shadow: 0px 8px 15px rgba(166,166,166,0.4); -moz-box-shadow: 0px 8px 15px rgba(166,166,166,0.4);}

.header_wrapper .header .p {margin:0px; display:block;   height:123px; width:280px; z-index:200;}

.header_wrapper .header {width:1012px; margin:0px auto; position:relative; height:119px;    }



.footer_nonfixed {height:0px; width:100%; }



.our_products_wrapper	{  width:100%  ; border-top:1px solid #73BBDE; height:185px; background-color:#4da8d5; position:relative; overflow-x:hidden; overflow-y:visible;}

 .our_products_wrapper #flides_rightbg {position:absolute; top:-1px; right:0px;  width:58%; background:url(/himages/hp_fslides_bg.png) repeat-x 0 0; height:186px; }

.our_products_wrapper .our_products {width:1012px; margin:0px auto; position:relative; height:185px;    }

.our_products #label {   color: #fff;

  float: left;

  width: 34%;

  font-size: 27px;

  text-align: left;

  line-height: 140px;

    margin-top: 30px;

  font-weight: normal;

  margin-left: 9px;

  }

  

.our_products #flides { position:absolute; right:0px; width:66%; top:-1px; background:transparent; b:url(/himages/hp_fslides_bg.png) repeat-x 0 0; height:186px;}



#flides .fdata-container {  position: relative;

  width: 500px;

  height: 154px;

  margin: 22px 38px 0px 91px;

   }

 #flides .fdata-container #next {position:absolute; z-index:300; top:60px; right:-25px; width:21px; height:27px; cursor:pointer;}

 #flides .fdata-container #prev {position:absolute; z-index:300;  top:60px; left:-25px; width:21px; height:27px; cursor:pointer;}

#flides .fdata-container  .fitem {display:none; z-index: 100; position:absolute;}



##flides .fdata-container  .fitem:nth-child(1) {display:block;}

##flides.anim .fdata-container  .fitem:nth-child(1) {display:none;}

##flides.anim .fdata-container  .fitem:nth-child(2) {display:block;}





#flides .fdata-container&gt;.fitem {display:block;}

#flides .fdata-container&gt;.fitem + .fitem {display:none;}

#flides.anim .fdata-container&gt;.fitem {display:none;}

#flides.anim .fdata-container&gt;.fitem + .fitem  {display:block;}

.fitem + .fitem + .fitem {display:none !important;}









#flides .fdata-container .fitem .img {float:left;  width:194px;height:102px; margin-top:4px;  text-align:center; margin-left:10px;}

#flides .fdata-container .fitem img { max-width:182px; max-height:100px;   }

#flides .fdata-container .fitem .desc {float:right; width:292px; height:142px; color:#fff; text-align:left;font-size: 11px;  line-height: 14px;   overflow:hidden;} 

#flides .fdata-container .fitem .desc table {border:none; height:142px;}

#flides .fdata-container .fitem .desc table td {vertical-align:middle;}

#flides .fdata-container .fitem .title a { color: #fff;  }

#flides .fdata-container .fitem .title {float: left;  width: 196px;  line-height: 40px;  color: #fff;  text-align: center;  font-weight: bold;  font-size: 27px;  margin-left: 10px;}

#flides .fdata-container .fitem .title .ltitle {line-height:23px; font-size:20px;}





.footer_wrapper	{  width:100%;     background-color:#646464; }

 .footer_wrapper.fixed {position:fixed; bottom:0px;}

.footer_wrapper .footer p {margin:0px;  }

.footer_wrapper .footer p span {display:inline-block; float:left; margin-left:68px; padding-top:15px; font-size:13px;}

.footer_wrapper .footer {width:992px; margin:0px auto;  height:81px;   color:#ffffff; border-top:1px solid #bfbfbf;}

 

 .footer_lmr {width: 992px; margin: 0px auto 29px auto; direction: ltr; list-style: none; padding:0px;}

  .footer_lmr li { color:#fff; float:left;  text-align:left; font-size:12px; padding-left:0px; vertical-align:top; min-height:172px;}

 .footer_lmr #lm1 { width:21%; border-right:1px solid #bfbfbf;}

 .footer_lmr #lm2 {width:26%; border-right:1px solid #bfbfbf;  padding-left:63px; padding-right:6px;}

 .footer_lmr #lm3 {width:36%; padding-left:55px; }

 .footer_lmr  + #lm4 {clear:both; height:25px;}

 

 

 .footer_lmr a  {color:#ffffff;}

 .footer_lmr a:hover  {color:#4da8d5;}

 

 

 

 .ysection .ytitle&gt;div {height:29px; }

.ysection .ytitle { background:url(/himages/title_bg_right.png) no-repeat right 0 ;  min-height:43px;font-size:20px; color:#ffffff; padding-left: 0px; line-height:43px; text-align:left; width:1012px;  margin:0px auto;  }

.ysection .ytitle_wrapper{ background:url(/himages/title_bg.png) repeat-x 0 0 transparent; height:74px; }

.ysection .ytitle .ybook { color:transparent; float:right; width:0px; height:0px; display:inline-block;}

.ysection .ypre {   background:#00356E;   }

.ysection .ypre .box { width:1012px; margin:0 auto; text-align:left; direction:ltr;}

.ysection .ypre .box&gt;p {margin-top:0px;}

.ysection .ypre  td {vertical-align:middle;  }

.ysection .ypre td p{text-align:left;}

/* .ysection.onlypre2 .ypre, .ysection.onlypre5 .ypre { border-bottom:none;} */

.ysection .ycontent {background:url(/himages/whiteshd.png) repeat-x center top transparent; background:#ffffff; min-height:191px; }



.ysection .ycontent a  {color:#4da8d5;}

.ysection .ycontent a:hover  {color:#4da8d5;}





.ysection .ycontent .box {width:1012px; margin:0px auto; text-align:left; direction:ltr;}

.box_spacer {height:10px;}



a #logo {cursor:pointer; border:none;}



.ysection.hp {}

.ysection.hp .ypre { width:100%; border-bottom:3px solid #4DA8D5; }

.ysection.hp .ycontent {}

.ysection.hp .ycontent .boxshadow0 {}

.ycontent .hspace {height:42px; clear:both;}



.ycontent .box table.tmpl1 td:nth-child(1) {  }

.ycontent .box table.layout1 td.layout1td1 { font-size:18px; }

.ycontent .box table.layout2 td.layout2td2 { font-size:18px; }

.bitem {margin:0px 48px;}

#bxs_table  {width: 927px; margin-bottom:8px;}

#bxs_table td {vertical-align:top;}



.boxshadow0 {	margin:0 auto; display:block; margin-bottom:10px;}



.boxshadow_ttl span {

  margin: 0 auto 12px auto;

  max-width: 200px;

  font-weight: bold;

  display: block;

  color: #333333;

  font-size: 24px;

  text-align: center;

  max-height: 66px;

  overflow: hidden;

}



#desgn #bxs_table td:nth-child(1) .boxshadow_ttl span {text-indent:-19px;}

#desgn #bxs_table td:nth-child(2) .boxshadow_ttl span {text-indent:-19px;}

#desgn #bxs_table td:nth-child(3) .boxshadow_ttl span {text-indent:10px;}





span.boxshadow_dsc {

  margin: 0 auto;

  max-width: 177px;

  display: block;

  color: #666666;

  font-size: 13px;

  text-align: center;

  margin: 0px 13px;

  line-height: 14px;

}



form#f1 { display:inline-block;}

form#f1 table {   }

form#f1 table td { vertical-align:middle; }

form#f1 table td + td {text-align:right;}

form#f1 table td + td + td{text-align:left; text-indent:8px; color:red;}

form#f1 table td.contact {vertical-align:middle; text-align:left; color: #025689; font-size: 12px;font-weight: normal;text-decoration: none;}

form#f1 .star { color: red;font-size: 12px;font-weight: bold;text-decoration: none;}

xform#f1 table td .inp {width: 378px;height: 19px;color: #025689;font-size: 11px;background: #BFE8FC;border: 1px solid #096FAC; resize:none; margin:5px 0px 3px 0px;}



.ysection.hp  .ypre {position:relative; height:380px; margin-bottom:80px;}

.ysection.hp  .ypre .slideman{display:none;}

.ysection.hp .ypre .slide {display:none; width:100%; height:380px; z-index:200; background-size:cover; background-repeat:no-repeat; background-position:center 0; background-color:transparent;}

.ysection.hp .ypre .slide.sld_0 {display:block; z-index:300;}



 

.ysection.hp .ypre .sld-title { text-align:left; font-weight:bold;  z-index:3000; position:absolute;  color:#ffffff; font-size:37px; left:0px; right:0px; width:100%; bottom:-50px; height:50px; background-color:rgb(77,168,231);}

.ysection.hp .ypre .sld-title2 { text-align:left;   z-index:3000; position:absolute;  color:#ffffff; font-size:37px; left:0px; right:0px; width:100%; bottom:-80px; height:30px; background:#ffffff;}

.ysection.hp .ypre .sld-title .sld-subtitle {font-size:22px; font-weight:normal;}



.ytitle {  font-size: 24px;}



.ysection.hp .ypre .sld-title .sld-maintitle {max-width:1010px; margin:0 auto; padding:1px 6px; margin-top:-3px; font-size:36px;  }

.ysection.hp .ypre .sld-title2 .sld-subtitle {max-width:1010px; margin:0 auto; clear:both;padding:1px 6px; font-size:24px; color:#4da8d5; background-color:#ffffff; background-color:rgba(255,255,255,0.8);   margin-top:5px; display: block;}





.ypre .arrows .alft:hover, .ypre .arrows .argt:hover{

opacity:0.76;

}



.ypre .arrows .alft, .ypre .arrows .argt{

position:absolute;

top:50%;

margin-top:-37px;

right:30px;

width:42px;

height:75px;

z-index:600;

opacity:0.6;

background:url(/himages/arr_sprite.png) no-repeat;

background-color:transparent;

background-position:-45px 0px;

cursor:pointer;

padding:0px;

 

}



.ypre .arrows .alft{

right:auto;

left:30px;

background-position:0px 0px;

}



#form_wrap #top_txt {margin-left:28px; margin-bottom:10px; color:#040404;}



table#contact_tab {margin-left:74px; width:813px;}

table#contact_tab td#contact_imap { width:0%;}

table#contact_tab td#contact_imap iframe {border:none; width:250px; height:307px; overflow:hidden;}

table#contact_tab td#contact_imap #gglmap {display:none;border:none; width:250px; height:307px; overflow:hidden;}

table#contact_tab td#toptext {  width:50%; font-size:14px; }

table#contact_tab td#cform { width:50%;  }

table#contact_tab td#cform #form_wrap{ width:487px;  }

table#contact_tab form {margin-left:31px; }

table#contact_tab form input[type=text]   { margin:0px; padding:2px 8px 0px 8px; border:1px solid #E9E9E9;color:#040404; width:505px; height:29px; line-height:22px; background:#F4F4F4;  border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px; font-size:14px;}



table#contact_tab form input#fname ,table#contact_tab form input#email { width:241px; height:29px;}

table#contact_tab form input#email {float:right;}



table#contact_tab form textarea { margin:0px; padding:4px 8px 0px 8px; font-size:14px;border:1px solid #E9E9E9; width:505px; color:#040404; height:84px; line-height:22px; background:#F4F4F4; border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;  }

table#contact_tab form a { width:99px; background:url(/himages/sendbtn.png) no-repeat 0 0 transparent;  color:#fff; height:31px; font-size:19px; line-height:32px;   display:block; float:right; text-align:center;  cursor:pointer;}

table#contact_tab form a:hover {text-decoration:none; opacity:0.7;}

form#f1 table td {vertical-align:top;}

form#f1 table td:nth-child(1) input {margin-top:0px;}

form#f1 .b_inp {height:14px;}

form#f1 .b_inp2 {height:23px;}

table#contact_tab form td .o1 { position:relative; width:0px; height:0px; }

table#contact_tab form td .o1 .o2 { position:absolute; top:7px; right:7px; text-align:right; color:#ee0000; width:200px;   height:10px; }

table#contact_tab form td .o1 .o2.fld-fname {right:272px; }





#topnav_bar_wrapper {position:relative; width:0px; height:0px; float:right; overflow:visible; margin-top:33px;}

#topnav_bar_wrapper #topnav_bar {position:absolute; top:0px; right:0px; height:1px; background:#eeeeee; z-index:10; width:1012px;}

#topnav_bar_wrapper #topnav_bar #topnav_sld { display:none; height:2px; background:#2C87B4; width:40px; border:1px solid rgb(163,192,210);  border:1px solid rgba(163,192,210,0.8); margin-top:-2px;}



#mobile_menu {display:none;}













/* RESPONSIVE MEDIA Q. CSS */



@media screen and (min-width: 0px ) and ( max-width:1020px) {

	.ysection .ytitle,

.ysection .ypre .box,

.ysection .ycontent .box, 

#topnav_bar_wrapper #topnav_bar ,

.our_products_wrapper .our_products ,

.header_wrapper .header {width:100%;}

.footer_lmr {width:100%; max-width:992px;}

.footer_wrapper .footer {width:100%; max-width:992px;}

}





@media screen and (min-width: 901px ) and ( max-width:1240px) {

	.our_products #flides{width:72%;}

	.our_products_wrapper #flides_rightbg {width:70%;}

}



@media screen and (min-width: 0px ) and ( max-width:900px) {



.ysection.hp .ypre .sld-title { text-align:left; font-weight:bold;  z-index:3000; position:absolute;  color:#ffffff; font-size:37px; left:0px; right:0px; width:100%; bottom:-40px; height:40px; background-color:rgb(77,168,231);}

.ysection.hp .ypre .sld-title2 { text-align:left;   z-index:3000; position:absolute;  color:#ffffff; font-size:37px; left:0px; right:0px; width:100%; bottom:-80px; height:32px; background:#ffffff;}

.ysection.hp .ypre .sld-title .sld-maintitle {font-size:17px; line-height:20px;}

.ysection.hp .ypre .sld-title .sld-maintitle , .ysection.hp .ypre .sld-title2 .sld-subtitle {padding:0px; margin:0px 10px;}

 .ysection.hp .ypre .sld-title2 .sld-subtitle  {font-size:13px; line-height:16px;}







	#mobile_menu {  position: absolute;  bottom: -46px;  right: 13px;  z-index: 3000;  width: 44px;  height: 44px;  display: block;  background: url(/himages/mobile_menu.png)no-repeat 0 0;  background-size: 100% 100%;}

	.header_wrapper	{    box-shadow: none;   -webkit-box-shadow: none; -moz-box-shadow: none;}

	div#hmenu {   display:none; box-shadow: 0px 8px 15px rgba(166,166,166,0.4);   -webkit-box-shadow: 0px 8px 15px rgba(166,166,166,0.4); -moz-box-shadow: 0px 8px 15px rgba(166,166,166,0.4);}

	div#hmenu { z-index:4000;  position:fixed; top:0px; left:0px; background:rgba(77,168,213,0.92); width:70%; bottom:0px; }

	#hmenu #back {text-align:left; line-height:38px; color:#ffffff; font-size:16px; display:block; margin-left:20px; margin-top:3px;}

	 

	#hmenu ul li a {text-align:left; line-height:28px; color:#ffffff; font-size:18px; }

	.header_wrapper {position:static;}

	.header_nonfixed{display:none;}

	#topnav_bar_wrapper{display:none;}

	.header_wrapper .header {height:auto;}

	#hmenu ul, #hmenu ul li, #hmenu ul li ul li, #hmenu ul li ul li ul li {float:none !important;}

	div#hmenu {margin-top:0px !important; margin-right:0px; height:auto;  }

	#hmenu&gt;ul , #hmenu ul li {height:auto; width:100%;}

	 #maintitle {clear:both;}

	.header table	 {position:absolute; top:0px;   width: 100%; height:95px; overflow:hidden; }

	.header table tr td {line-height:13px !important;}

	.header table tr td:nth-child(3),.header table tr td:nth-child(4) { display:none;}

	.header table tr td img {margin-left:3px !important;}

	.header table tr:nth-child(2) td:nth-child(1) {width:36px;}

	.header table tr:nth-child(2) td:nth-child(1) img{margin-left:14px !important;}

	.header table tr td:nth-child(1) img {margin-left:8px !important; max-width:260px;}

	#hmenu ul li {max-width:90% !important; background:none;}

	#hmenu ul li.last a.last {margin-left:8px  !important; }

	#hmenu {border-top: 1px solid rgba(163,192,210,0.8);}

	

	.our_products_wrapper {height:auto; overflow:visible;}

	.our_products #label {float:none; width:100%; line-height:29px; font-size:24px; margin:0px; height:30px; text-indent:10px;}

	.our_products_wrapper .our_products {min-height:220px; height:auto;}

	.our_products #flides {position:static; top:0px; width:100%;}

	#flides .fdata-container {width:100%;}

	.our_products_wrapper #flides_rightbg {top:30px; right:0px; width:100%; left:0px; bottom:0px; background:url(/himages/hp_fslides_bg_clean.png) repeat 0 0; height:300px;}

	.our_products #flides {height:300px;}

	#flides .fdata-container {margin:0px 30px; width:auto;}

	

	#flides .fdata-container .fitem .img {width:100%; margin:4px 0px 0px 0px;}

	#flides .fdata-container .fitem .title { margin:0px; position:absolute; min-height:34px; overflow:hidden; font-size:25px; width:100%; float:none; top:110px;}

	

	#flides .fdata-container .fitem .desc {margin-top:46px; }

	

	.footer_lmr li {width:90% !important; padding:0px !important; border-right:none !important; border-top:1px solid #bfbfbf; float:none; min-height:100%;}

	.footer_lmr li :nth-child(1){ border-top:none;}

	

	.footer_lmr {margin:0px 10px; width:auto;}

	.footer_wrapper .footer {height:auto; width:90%; margin-left:10px; margin-right:0px; padding-bottom:6px;}

	.footer_wrapper .footer p img {float:none !important;}

	

	#bxs_table {width:90%; display:block;}

	#bxs_table  span.boxshadow_dsc , #bxs_table .bitem , 

	#bxs_table tbody ,	#bxs_table tr , #bxs_table td { margin:0px; display:block; float:none; width:100% !important; max-width:100%;}

	#hmenu&gt;ul&gt;li {width:100%;}

	#hmenu ul li:hover ul, #hmenu ul li ul:hover {display:none;}

	#hmenu ul li ul { left:0px; position:static; top:0px; width:100%; border:none; display:block !important; background:transparent;}

	#hmenu ul li ul li {width:100% !important; background:transparent !important; border:none;}

	#hmenu ul li ul li  a { color:#fff;   font-size: 13px; text-indent:20px;}

	#hmenu ul li ul li:nth-child(1) a {padding-top:8px;}

	 

	.ysection .ytitle {padding-left: 14px;}

	.ysection .ycontent {margin: 0px 12px;}

	

	#form_wrap #top_txt {margin-left:0px;}

	#contact_tab , #contact_tab  #contact_tab&gt;tbody, #contact_tab&gt;tbody&gt;tr , #contact_tab&gt;tbody&gt;tr&gt;td { margin:0px; display:block; float:none; width:100% !important; max-width:100%;}

	table#contact_tab form table , # table#contact_tab form tbody, table#contact_tab form tr , table#contact_tab form td { margin:0px; display:block; float:none; width:100% !important; max-width:100%;}

	table#contact_tab form , table#contact_tab {margin-left:0px;}

	

	table#contact_tab form textarea , 

	table#contact_tab form input[type=text], table#contact_tab form input#email , table#contact_tab form input#fname { width:90%; float:none;}

	table#contact_tab form a {margin-right: 36px;}

	table#contact_tab form td .o1 .o2 ,

	table#contact_tab form td .o1 .o2.fld-fname {right:40px;}

	table#contact_tab form td .o1 .o2.fld-email {top:48px;}

	table#contact_tab td#cform #form_wrap {width:100%;}

	table#contact_tab form input#fname {margin-bottom:10px;}

	

	.ysection.hp .ypre .sld-title { font-size:22px;}

	.ysection.hp .ypre .sld-title .sld-subtitle { font-size:15px;}

	.ypre .arrows .alft {left:5px;}

	.ypre .arrows .argt {right:5px;}

	

}

 





 







</pre></body></html>