@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'HelveticaNeue-Thin';
  src: url('../fontface/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),  url('../fontface/HelveticaNeue-Thin.otf')  format('opentype'),
	     url('../fontface/HelveticaNeue-Thin.woff') format('woff'), url('../fontface/HelveticaNeue-Thin.ttf')  format('truetype'), url('../fontface/HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg');
  font-style: normal;
}

@media screen and (min-width: 1500px) {
body { font-size:24px}
div, p{font-size:24px;  line-height:1.8em; }
.content_left{width:50%; float:left; padding-right:8%; margin-top: 8%}
.content_left2{width:50%; float:left; margin-top: 8%}
.landing_menu_container {  width:45%; right:0; margin-top: -12%; padding-left: 2%}
.title{padding: 0.5% 0; font-size:70px; }
.title_index{padding: 2.2% 0; float:left;font-size:48px; color:#FFFFFF;}
h3{ line-height:2em;}
h2{line-height: 1.3em;font-size:2.3em;}
.button_enter{margin: 2% 0 0 3%; float: left}
.button_enter2{margin: 2% 0 0 2%; float: right}
h4{line-height: 1.3em;font-size:1.6em;}
.menu2,.menu2_current{font-family:"HelveticaNeue-Thin"; Arial, Helvetica; float: left; margin: 1% 0 0 0 ; width: 25% ; font-size:115%}
.content_float1{position:absolute;width: 40%;text-align:center;margin-top:-5%;z-index:100;}
}
@media screen and (max-width: 1399px) {
div, p{font-size:17px;  line-height:1.8em; }
.content_left{width:50%; float:left; padding-right:5%;margin-top: 8%}
.content_left2{width:50%; float:left;margin-top: 8%}
.landing_menu_container {  width:65%; right:0; margin-top: -16%; padding-left:1%}
.title{padding: 1% 0; font-size:52px; }
.title_index{padding: 2% 0; float:left;font-size:35px; color:#FFFFFF;}
h3{}
h2{ line-height: 1.5em;font-size:2.1em;}
.button_enter{margin: 0.5% 0 0 3%; float: left;}
.button_enter2{margin: 0.5% 0 0 2%; float: right;}
h4{line-height: 1.3em;font-size:1.3em;}
.menu2,.menu2_current{font-family:"HelveticaNeue-Thin"; Arial, Helvetica; float: left; margin: 1% 0 0 0 ; width: 25% ; font-size:115%}
.content_float1{position:absolute;width: 35%;text-align:center;margin-top:-5%;z-index:100;}
}

@media screen and (max-width: 1000px) {
div, p{font-size:100%;  line-height:1.8em; }
.container1000,.footer_content,.footer_content2{ width: 98%; margin: 0 auto}
.header{ width: 98%; margin:0 auto; }
.nav_menu_index{width:98%;}
.content_left{width:100%; float: none}
.content_left2{width:100%; float: none}
.landing_menu_container {  width:100%; right:0; margin-top: -16%; padding-left: 2%}
.landing_menu{width:150px}
.menu2,.menu2_current{font-family:"HelveticaNeue-Thin"; Arial, Helvetica; float: left; margin: 1% 0 0 0 ; width: 100% ; font-size:115%}
.content_float1{ position: static;width: 90%;text-align:center;margin-top:8%;z-index:100;}
}
@media screen and (max-width: 480px) {
.landing_menu_container {  width:100%; right:0; margin-top: -16%; padding-left: 1%}
.landing_menu{width:60px}
.content_float1{ position: static;width: 90%;text-align:center;margin-top:8%;z-index:100;}
}


body {font-family:"HelveticaNeue-Thin",Arial, Helvetica; margin:0;}
h1{font-family: "HelveticaNeue-Thin", Arial, Helvetica; font-size:4em; color: #333; font-weight:lighter; line-height: 2em}
h2{font-family: "HelveticaNeue-Thin", Arial, Helvetica;   color: #333; font-weight:lighter; }
h3{font-family: "HelveticaNeue-Thin", Arial, Helvetica; color:#000;}
h4{font-family: "HelveticaNeue-Thin", Arial, Helvetica; color:#808285; font-weight:lighter;}
h5{ color: #89B002; font-size:16px;line-height: 0.5em;}
h6{ color: #89B002; font-size:13px;line-height: 0.5em; }
div, p{ color: #6D6E71; text-align: left; color: #737373;}
ul{ padding-left: 20px; }

a:link {text-decoration: none; color:#000; font-weight:bold}
a:visited {text-decoration:none; color:#000;font-weight:bold }
a:hover {text-decoration:none; color:#000;font-weight:bold}
a:active {text-decoration: none; color:#000;font-weight:bold}
/*  header */
.header{ width: 90%; margin:0 auto; background-color:#0076BC}
.logo { float:left; margin: 1.5% 0; width: 25%}
.menu{color:#fff; float: left; padding-left: 6%; text-align:center}
.menu a:link { font-style:normal; color:#fff; text-decoration: none;}
.menu a:hover  {font-style:normal; color:#fff; text-decoration: underline}
.menu a:active  { color:#fff;}
.menu a:visited  {color:#fff;}


.menu2 a:link { font-style:normal; text-decoration: none; font-weight:bold;color: #FFF}
.menu2 a:hover  {font-style: normal; text-decoration: underline;font-weight:bold;color: #FFF}
.menu2 a:active  { text-decoration: none;font-weight:bold;color: #FFF}
.menu2 a:visited  {text-decoration: none;font-weight:bold;color: #FFF}

.menu2_current a:link { font-style:normal; color:#939598; text-decoration: none; font-weight:bold}
.menu2_current a:hover  {font-style: normal; color:#939598; text-decoration: none;font-weight:bold}
.menu2_current a:active  { text-decoration: none;color:#939598;font-weight:bold}
.menu2_current a:visited  {text-decoration: none;font-weight:bold;color:#939598;}
.menu2_current {text-decoration: none;color:#939598;font-weight:bold}

.nav_menu{  width: 100%;;background-color: #6D6E71; }
/*  end header */

.title{font-family: "HelveticaNeue-Thin", Arial, Helvetica;color:#FFFFFF; text-align:center}
.title1{font-family: "HelveticaNeue-Thin", Arial, Helvetica;color:#FFFFFF;} 


/*CONTENT*/
.Container{}
.container1000,.footer_content,.footer_content2{ width: 80%; margin: 0 auto}
.contentContainer{width: 100%;	/*height:423px;*/}
.nav_menu_index{margin: 0 auto; width:80%}

.news_thumb{ }
.news_container{float:left; margin:4% 2%; width:29% }
.news_read{float: right; color:#00AEEF; text-align:right; margin: 2% 0 0 0}
.news_title{ float: left; font-size: 80%; font-weight: bold;margin: 3.3% 0 0 0}
.news_read a:link { font-weight:bold; text-decoration: none ; color:#00AEEF;  }
.news_read a:hover  { font-weight:bold;text-decoration: underline; color: #00AEEF;}
.news_read a:active  {  font-weight:bold;text-decoration: none;color: #00AEEF; }
.news_read a:visited  { font-weight:bold;text-decoration: none; color:#00AEEF; }
.about_achivement{width: 45%; margin:0 2% 5% 0; float:left}
.about_rnd{width: 28%; margin:2% 3.8% 5% 0; float:left}
.contact{ margin-left: 45%;}
.textfield{ width: 100%; height: 30px; font-size: 100%; color:#666; border-top: #CCC 3px solid; border-left: #CCC 3px solid;border-right: #CCC 1px solid;border-bottom: #CCC 1px solid;}
.textarea{ width: 100%; font-size: 100%; color:#666 }
.textfield,.textarea{border-top: #CCC 3px solid; border-left: #CCC 3px solid;border-right: #CCC 1px solid;border-bottom: #CCC 1px solid;}
/*BANNER*/	
.bannerContainer1, .bannerContainer2,.bannerContainer3 {float:left;width:31%;height:auto; border:#FFF 1px solid;}
.bannerContainer1,.bannerContainer2{margin:3% 3.1% 3% 0; }
.bannerContainer3{margin:3% 0}


/**/
.f12{ font-size:12px}
.fpurple{ color: #662D91}
/**/

/*landing page*/
.content_float2{position:absolute;width: 40%;text-align:center;margin-top:-28%;z-index:100; left: 43%}
.landing_menu_container { background:rgba(255,255,255,0.5); position:absolute;  right:0;  }
.landing_menu{ float: left; margin: 2% 0 2% 0;}

/* product page */
.product_container{}
.image_right{ float:right; margin-left: 30px}
.image_left2{ float: left; margin-right: 20px}
.image_left{ float:left; margin: 0 1.2% 1.2% 0}



.close_info {color:#9DAC00; border-bottom:#CCC 1px solid; padding:1% 0; text-align:right}
/* end product */


/* */
.backtotop{ color:#B9C804; text-align:center; margin-top:40px}
/*FONT*/

/*FOOTER*/
.footer { margin: 0 auto; width: 80%; border-top: #CCC 1px solid;padding: 15px 0}
.copyright{font-size:80%; }

.clear{ clear:both}

/*
.ul{ list-style:disc;}
.fnormal11{ font-size:11px; }
.fred9{ font-size:9px; color:#F00}
.button{ background-color: #090; color:#FFF; font-size:12px; padding: 3px 8px}
.fwhite{color: #FFF}
.fgreenb{ color:#006837; font-weight: bold }
.ul2{ list-style:circle}
.myTable { width:100%; border-collapse:collapse;}
.myTable td { padding:2px; border:#999 0px solid; }*/
 /*.myTable tr:nth-child(even) {(even) or (2n 0)background: #F9F9F9;}*/
/*.myTable tr:nth-child(odd) { (odd) or (2n 1)background: #EBEBEB;}*/