@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 800px) {
body {
  
  font-size: 15px;
  line-height: 23px;
  margin: 0;
  padding: 0;
}
h1{ font-size:28px; line-height:30px;  }
h2{ font-size:21px;}
h3{ font-size:19px;}
h4{ font-size:17px;}
h5{ font-size:15px;}
.row { min-width:300px; max-width:780px;  padding:0 10px;  }
.main_screen{ padding:30px 0;}
#primary-nav { margin-top:0px;}

#header {position: fixed; width:100%; background:rgba(255,255,255,.95); box-shadow: 0 0 3px rgba(0,0,0,.2) }
#header .logo{ float: left; width:20%; margin:0px 0; padding:5px 0; }
#header .logo_img { float:left; margin-right:5px }
#header .logo_img img{ height:50px; }
#header .logo_title { float:left; font-size:18px; margin-top:0px;  }
#header .logo_business { font-size:12px;margin-top:0px; line-height:13px;}

#home_aboutus .left_photo img { max-width:100%; width:100%; border:0px solid #f7f7f7; box-shadow: 0px 0px 5px rgba(0,0,0,.1) }

.more_btn a{ font-size:16px; padding:10px 20px; }

.language{ position:absolute; top:5px; right:70px; margin:5px 0 0 0; }



.language{ float: right; width:10% ; padding: 0px 0 0 0; }
.language a { border-radius:0px;  padding: 5px ; font-size:14px; text-align: center; background: none; color:#333; display:block; line-height:15px; }
.language a:hover { background: none}


.latest_news{  width:100% ; border-left: 0px solid #ddd; padding:10px 0 10px 0%;}

.main_area{ padding:15px 0; }
.left_intro{ float:left; width:100%; padding:5px 0% 15px 0 }

.banner_area{background:url(../images/banner_bg.jpg) no-repeat center center; padding:50px 0; margin-top:10px;}
#banner_header{ color:#fff; text-shadow: 0 0 3px rgba(0,0,0,.7); text-align:center }
#banner_header h1{ font-size:21px; line-height:28px; color:#fff;  padding:10px 15px; }
#banner_header h2{ font-size:16px; font-style:italic; line-height:21px;  padding:10px 15px;}

.spec_product ul li{ float: left; width:100%; margin-bottom:20px; }
.spec_product ul li:nth-child(2n+1){ float: left; width:100%; margin-right:0%; }

.product_main ul li { float:left;  padding:0; width:92%; margin:0 4% 20px 4%}

#jssor_1 { font-size:90px; line-height:92px;  }

#primary-nav li a {color: #003c6e; font-size:16px; padding: 5px 25px; }
#primary-nav li a:hover {color: #a9e2fc; }
#primary-nav li.active > a, #primary-nav li > a:hover, #primary-nav li.selected > a { color:#003c6e}
#primary-nav li li.active > a, #primary-nav  li li > a:hover, #primary-nav li  li.selected > a { background:#fff; color:#003c6e;}
#primary-nav .sub-menu li {background:#fff}
#footer{ font-size:13px; padding:20px 0;}
#footer .copy_right{ width:100%; text-align: center;}
#footer .powered{ width:100%; text-align: center; }
#home_aboutus { background:#fff; background-size: cover; }
#home_banner {

    padding: 0px 0 0 0;
    max-height: 320px;
    height: auto;
    min-height: 150px;

}
#home_aboutus .left_photo{ float: left; width: 100%; display:none; clear:both; text-align: center; margin-bottom:30px; }
#home_aboutus .right_description{ float: none; width:90%; margin:0px auto; clear:both}
.carreer_area ul li{ float: left; width:32.5%; margin:0 .3% 0 .3%; text-align: center; background:rgba(0,0,0,.5)}
#home_time .main_screen{ padding:90px 0;}
#home_time .icon{ background:url(../images/icon_home_calendar.png) no-repeat left center; background-size:27px 26px; width:27px; height:26px; padding: 10px 10px 5px 32px; }
#home_time h3{ text-align: center; font-size:21px; line-height:24px; padding:10px 0; width:90%; }
.carreer_area ul .title{ min-height:40px;}
#contact .main_screen{ background:none;}
#contact .lgoo_area{ display:none;}
#contact h4{ font-size:21px; line-height:24px; padding:0px; text-align:center;   }
#contact .icon{ background:url(../images/icon_home_tel.png) no-repeat; background-size:27px 21px; width:27px; height:21px; padding: 0px 10px 5px 35px; }
#contact .contact_info { width:90%; float:none; margin:0px auto}
.contact_info ul li span{ width:20%;}
#contact .contact_info{ padding:5px 0;}
.carreer_area ul .cover{ padding:20px 0 10px 0}
#home_aboutus .left_photo img{ width:100%; margin:0px auto; text-align:center}
.inner_content{ width:100%; margin-bottom:20px; overflow:auto;}
.arrowlistmenu { width:100%}

#info_type_B .main_content{ margin:20px 0}
#info_type_B .main_content ul{ margin:0 0 0 0%; list-style:none; padding:0}
#info_type_B .main_content ul li{ float: left; width:100%; margin:0 0 15px 0; }
 .inner_content .main_content{ min-height:300px;}
.non_banner{ min-height:160px; width:auto }
.non_banner .area{ padding:50px 0 50px 0 ;  width:100%; position:absolute; z-index:1; }
.non_banner h1{ font-size:21px; padding:5px 0; border-bottom:0px }
.inner_banner { min-height:100px; width:auto ; background-position:center }
.inner_banner .area{ text-align: center; padding:50px 0 0 ;  width:100%; position:absolute; z-index:1;  }
.inner_banner h1{font-size:21px; padding:5px 0; border-bottom:2px solid #fff;}

.cover_founder{ float: left; width:100%; text-align: center}
#founders_content{ float: right; width:100%; margin-bottom:10px;}
.cover_founder img{ width:70%; }
#founders_content h4{ padding:5px 5px 5px 15px; }
.information_founders h4, .information_founders:hover  h4 { padding:5px 5px 5px 15px; }
#primary-nav .sub-menu {
  min-width: 150px; padding:0 0 0 0;
  z-index: 200; 
}
.information_founders .cover{ float: left; text-align: center; width:100%; margin-bottom:10px;}
.information_founders .cover img{width:70%}
.information_founders .content { float:right; width:100%}
.container{ padding-top:60px;}
.three_bar{  min-height:420px;}
.bar_orange{ background:url(../images/bar_orange.png) top center no-repeat; background-size:cover; width:300px; margin:0px auto; position: relative; left:0%; top:0;  }
.bar_orange h4{ color:#ff8606; font-size:25px; font-weight: bold; text-transform: uppercase; margin-bottom:20px;}
.bg_timetable h1{ padding-bottom:20px;}
.bar_red{ background:url(../images/bar_red.png) top center no-repeat; background-size:cover;  width:300px; margin:0px auto; ; position: relative; left:0%; top:0; }
.bar_red h4{ color:#ff3944; font-size:25px; font-weight: bold; text-transform: uppercase; margin-bottom:20px;}

.bar_blue{ background:url(../images/bar_blue.png) top center no-repeat; background-size:cover;  width:300px; margin:0px auto;  position: relative; left:0%; top:0;  }
.bar_blue h4{ color:#1a79ae; font-size:25px; font-weight: bold; text-transform: uppercase; margin-bottom:20px;}
.mt_only{ display:block}
.area_bar{ padding:90px 0 0 50px;}
.bg_timetable, .year_arean ul li{ font-size:15px;}
.timetable{ overflow:auto}
.carreer_boxing{}
.carreer_boxing ul{ list-style:none; margin:15px 1%; padding:0}
.carreer_boxing ul li{ float: left; width:46%; margin:0 2% 20px 2%; }


.three_section_area{}
.three_section_area ul{ list-style:none; margin:0 0 00% !important; padding:0;}
.three_section_area ul li{ float: left; width:100% !important; margin:0 0 15px 0!important; text-align: center; }
.three_section_area ul li img{}
.three_section_area ul li:hover img{ box-shadow:0 0 3px rgba(0,0,0,.2); opacity:.7}


.social_media{ position: relative; right:0; top:0px;}

.contact_area{ padding:20px 0 0 0}
.container .download_now a { border-radius:4px; border:1px solid #fff; box-shadow: 0 0 3px rgba(0,0,0,.2); color: #fff; padding:12px 10px; text-align: center; font-size:13px; line-height:15px; text-transform: uppercase;} 
.language{ float: right; width: auto ; padding: 0; }
#Inner_Type_C li .title_des{ float: left; width:100%;}
#Inner_Type_C li .right_desc{ float: right; width:100%;}
.about_msg{ margin:10px 0 0 ; }
.social_media{ float:left; width: auto;padding-top:0px;}
.icon_wc{ float:left; margin:0 10px}
.icon_ws{ float:left; }
#MediaA .information ul{  margin:0 0 0 0%; list-style:none; padding:0; }
#MediaA .information .clip{ background:url(../images/icon_video.png) no-repeat; width:53px; height:53px; position:absolute; left:42%; top:35%; z-index:1 }
#MediaA .information ul li{ width:100%; margin:0 0 20px 0; float:left; position:relative; }
}