@charset "UTF-8";
/* CSS Document */

#wrapper {
	min-height:100%;
	margin:0px auto;
	position:relative;
}

#h_box, #mainnav .topnav, #footer_box, #main_img, #main, .box, #topicPath{
	width: 1000px;
	min-width: 1000px;
	margin: 0 auto;
}

/* ------header------- */
body{}
#header{
	background: #142464;
	border-top: 5px solid #293990;
}
#h_box{
	padding-bottom: 20px;
}
#logo{
	margin-top: 20px;
}

#h_right {
	float: right;
	width: 50%;
	text-align: right;
}
#language{
	margin-bottom: 20px;
}
#language li{
	display: inline-block;
	width: 30px;
}
#language li img{ vertical-align: top; }






#mainnav{
	background: url(../images/common/bg_mainnav.png) repeat-x center;
	padding: 5px 0;
	margin-bottom: -5px;
	z-index: 5;
	position:relative;
}
#mainnav li{
	float: left;
	position:relative;
}
#mainnav li:hover{
	background-color: #EB7C10; 
}


#mainnav .topnav span {
    cursor: default;
}
#mainnav .topnav ul {
    background: #EB7C10;
    display: none;
    position: absolute;
    width: 200px;
    z-index: 9999;
}
#mainnav .topnav li li {
    border-left: medium none;
    border-top: 1px solid #D56901;
    box-sizing: border-box;
    float: none;
}
#mainnav .topnav li li a {
    padding: 10px 15px;
		display: block;
		color: #FFF;		
		font-size: 90%;
		text-decoration: none;
		text-transform: uppercase;
}

#mainnav .topnav li li:hover { background-color: #FFAC1C;}
#mainnav li li .parent {
    background-image: url(../images/common/arrow.png);
		background-size: 7px auto;
    background-position: 95% center;
    background-repeat: no-repeat;
}

#mainnav .topnav ul ul {
    left: 100%;
    position: absolute;
		left: 200px;
		top:41px;
    padding-top: 0;
		background: #FFAC1C;
		border-left: 1px solid #D56901;
}
#mainnav .topnav ul ul li:hover { background-color: #ffc45d;}
/*@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#mainnav .topnav ul ul {
		margin: -61px 0 0 -0px;
	}
}*/
#mainnav ul ul ul {
    left: 100%;
    margin: -42px 0 0 -1px;
}
#mainnav ul ul ul a{
	
}

/*---- main----------*/
#main{ margin-bottom: 100px;}
#content{
	width: 720px;
	float: right;
}

#snav{
	width: 250px;
	float: left;
}

#snav .menu_s{
	background: #142464;
	min-height: 300px;
	padding-bottom: 60px;
	border-top: 4px solid #eb7c10;
}
#snav .menu_s .title_snav{
	display: block;
	font-size: 180%;
	color: #FFF;
	padding: 15px 20px;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#snav .menu_s li{
	background: #eb7c10;
	border-bottom: 2px solid #d56901;
	position: relative;
}
#snav .menu_s li:last-child{ border-bottom: 0;}
#snav .menu_s li a,
#snav .menu_s li span{
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 15px 10px 15px 15px;
	text-transform: uppercase;
}
#snav .menu_s li a{
	background: url(../images/common/arrow03.png) no-repeat 95% center;
	background-size: 8px auto;
	font-size: 90%;
}
#snav .menu_s li .trigger{
	background: url(../images/common/arrow04.png) no-repeat 95% center;
	background-size: 8px auto;
	cursor: default;
	width: 20px;
	height: 20px;
	border: 1px solid #FFA200;
	display: block;
	background-position: center;
	background-color: #D56901;
	position: absolute;
	right: 5px;
	top: 15px;
}
#snav .menu_s li .active{ background-image: url(../images/common/arrow05.png); }
#snav .menu_s .acordion_tree{
	display: none;
}
#snav .menu_product > li a{
	width: 75%;
	background: none;
}
#snav .menu_s li ul li{
	background: #d56901;
	border: none;
}
#snav .menu_s li ul li a{ 
	padding: 7px 10px 7px 35px;
}

#snav .menu_s li ul a{ 
	background: url(../images/common/bg_line01.jpg) no-repeat 17px bottom;
	background-size: 12px;
}
#snav .menu_s li ul li:last-child a{
	background-image: url(../images/common/bg_line02.jpg);
}

#snav .menu_s li a:hover{
	opacity: 0.7;
}




/*----back to top----------*/
#bk_top {
	text-align:center;
}

#scrollUp {
	width: 60px;
	height: 60px;
  bottom: 5%;
  right: 5%;
	background:url(../images/common/toppage.jpg) no-repeat right bottom;
	background-size: cover;
}
/* ------footer------- */
/* ------footer------- */
#footer {
	padding: 30px 0 20px 0;
	background:#142464;
	text-align: center;
	border-top: 5px solid #283891;
}
#footer *{ color: #FFF; }
#logo_f{
	width: 30%;
	float: left;
	text-align: left;
}
#logo_f img{
	width: 20rem;
	margin-bottom: 10px;
}
#logo_f span{
	display: block;
	font-size: 130%;
	text-transform: uppercase;
	padding: 10px 0 5px 0;
}
#footer p{ 
	font-size: 80%; 
	text-transform: uppercase;
}
#footer .tel_f{
	font-size: 120%;
	margin-top: 20px;
	float: right;	
	text-align: right;
	font-family: 'Oswald', sans-serif;
}
#footer .tel_f span{
	display: inline-block;
	background: #283891;
	padding: 0 5px;
	margin: 0 10px 10px 10px;
	font-family: 'Oswald', sans-serif;
	font-size: 100%;
}
#footer .tel3{ 
	display: none;
	
}

/* ------copy_right------- */
#copy_right{
	background: #283891;
	padding: 5px 0;
	margin-top: 30px;
}
#copy_right p{
	text-transform: uppercase;
	font-size: 70%;
	float: left;
}
#copy_right a{
	float:right;
	text-transform: uppercase;
	font-size: 70%;
	float: right;
	background: url(../images/common/ico_mail.png) no-repeat left center;
	background-size: 17px;
	padding-left: 25px;
	text-decoration: none;
}
#copy_right a:hover{
	color: #FFAC1C;
}
/* ------ magin box ------- */
.section {
	margin-bottom:70px;
}
.container {
	margin-bottom:50px;
}
.case {
	margin-bottom:30px;
}
.pack {
	margin-bottom:20px;
}
.item {
	margin-bottom:15px;
}
.mb_clear{ margin-bottom: 0; }
.section .container:last-child {
	margin-bottom:0px;
}
.txt_l{
	text-align:left !important;
}
.txt_c{
	text-align:center !important;
}
.txt_r{
	text-align:right !important;
}

.txt_b{ font-weight: bold;}
/* ------<p> margin------- */
#main p {
	/*margin-bottom:20px;*/
}
#main * p:last-child {
	margin-bottom:0px;
}


/* ------table style------- */
/* ------tb_style------- */
.tb_style{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;
}
.tb_style td,
.tb_style th{
	padding:8px 10px;
	border: 1px solid #cfd4ed;
	box-sizing: border-box;
}
.tb_style th{
	background:#F1F3FE;
	text-align: left;
	vertical-align: top;
}


/*------ tb_form ------*/
.tb_form{
	width:100%;
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0 5px;
}
.tb_form th,
.tb_form td {
	text-align:left;
	padding: 10px;
	vertical-align: top;
	box-sizing: border-box;
	
}
.tb_form th span{ color: #F00; padding-left: 3px;}
.tb_form th{ width: 200px; background: #F1F3FE;}
.tb_form th label{
	font-weight: bold;
}
.tb_form .tb_list li{
	display:inline;
	margin-left:15px;
}
.tb_form .tb_list li:first-child{
	margin-left:0;
}
.tb_form .tb_list li .title{
	margin-right:5px;
}
.tb_form .space_b{
	display:block;
	margin-bottom:15px;
}
.tb_form .imp_txt{
	width:100%;
	padding:3px 0;
}
.tb_form .imp_s{
	width:20%;
	padding:3px 0;
}
.tb_form .imp_space{
	width:20%;
	padding:3px 0;
}
.ime_sel{ 
	padding: 3px 0;
	width: 100%;
}
.tb_form .txt_fild{
	padding: 5px;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #ddd;
}
.tb_form textarea{
	padding: 5px;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #ddd;
}

#btn_sent{
	-webkit-appearance: none;
   border-radius: 0;
	 padding: 7px 30px;
	 border: none;
	 background: #EB7C10;
	 color: #FFF;
	 font-family: 'Oswald', sans-serif;
	 cursor: pointer;
	 margin-right: 10px;
}
.txt_red{ color:#F00;}
/* ------ colum style ------- */
.col2_box, .col3_box, .col4_box{
	position:relative;
}
.col2_box .col2, .col3_box .col3, .col4_box .col4{
	float:left;
	box-sizing: border-box;
}
.col2_box .col2:first-child,
.col3_box .col3:first-child,
.col4_box .col4:first-child{
	margin-left:0;
}
/* ------2colum------- */
.col2_box {
}
.col2_box .col2 {
}

/* ------3colum------- */
.col3_box {
}
.col3_box .col3 {
}

/* ------4colum------- */
.col4_box {
}
.col4_box .col4 {
}



/* ------ title stlye------- */
.title_main {

}
.title_sub {
	background: url(../images/common/bg_title_sub02.jpg) repeat-x bottom;
	background-size: 3px;
	text-align: right;
	margin-bottom: 25px;
}
.title_sub span{
	display: inline-block;
	background: url(../images/common/bg_title_sub01.jpg) repeat-x bottom;
	background-size: 4px;
	font-size: 200%;
	padding-bottom: 10px;
	line-height: 1.2;
	color: #142464;
	padding-left: 15px;
}
.title_sub em{
	display: block;
	font-size: 40%;
	
}
.title_sub *{
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.title_sec {
	font-family: 'Oswald', sans-serif;
	font-size: 160%;
	padding-left: 10px;
	margin-bottom: 20px;
	border-left: solid 5px #FFA200;
	color: #142464;
}
.title_item {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}


/*------topicPath------*/
#topicPath {
	clear:both;
	display: block;
	padding:15px 0;
}
#topicPath li {
	display:inline;
	padding-top: 3px;
	list-style-type:none;
	font-size:80%;
	color:#8c8c8c;
}
#topicPath li.home {
	padding-left:20px;
	background:url(../images/common/icon_home.png) no-repeat left center;
	background-size: 14px auto;
}
#topicPath li a {
	padding-right:15px;
	background:url(../images/common/arrow02.png) no-repeat right center;
	background-size: 7px auto;
	color:#8c8c8c;
	text-decoration:underline;
}
ul#topicPath li a:hover {
	text-decoration:none;
}

/* control_area */
.control_area{
	text-align:center;
}
.control_area .btn_left{
	float:left;
}
.control_area .btn_right{
	float:right;
}
.control_area .btn_center{
	display:inline-block;
}
.control_txt a{
	color: #FFF;
	font-size: 80%;
	display: block;
	padding:5px 20px;
	border-radius:3px;	
	background: #00A2D9;
	margin-bottom:15px;
	text-decoration: none;
}
.control_txt a:hover{	background: #FFF; color: #00A2D9; }

/*-------container------- */
.container {

}
.container .msg {
	width: 57%;
	word-break: normal;
}
.container .img {
	width: 40%;
}
.pic_l .img, .pic_r .msg {
	float: left;
}
.pic_l .msg, .pic_r .img {
	float: right;
}

.flow_picl .img{ float:left; margin-right: 15px; margin-bottom: 5px;}
.flow_picr .img{ float:right; margin-left: 15px; margin-bottom: 5px;}


/*------ swap sp pc ------*/
.sp{ display: none; }
.pc{ display:block; }


#main_wrap{
	background: url(../images/common/bg_main.jpg) repeat-x center top;
	text-align: center;
}
#main_wrap #main_img{
	padding: 60px 0;
}
#main_wrap .title_main *{
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#main_wrap .title_main span{
	font-size: 240%;
	display: inline-block;
	border-bottom: 2px solid #ffa200;
	padding: 0 100px;
}
#main_wrap .title_main em{
	display: block;
	font-size: 70%;
	letter-spacing: 2px;
	padding-top: 10px;
}


.list_sty{
	list-style: disc;
	margin-left: 15px;
}

.line_t{
	border-top: 1px solid #ddd;
	padding-top: 10px;
}
a.link_sty{
	color: #333;
	font-size: 80%;
	text-decoration: none;
}
a.link_sty:hover{ color: #999;}
.arr_l{
	background: url(../images/common/arrow06.png) no-repeat left center;
	background-size: 6px;
	padding-left: 12px;
}


.zoom{
	border: 1px solid #ddd;
	padding: 2px;
	display: block;
	background: url(../images/common/ico_zoom.png) no-repeat center #FFF;
	background-size: 40px;
}
a.ico_pdf{
	background: url(../images/common/ico_pdf02.png) no-repeat 10px center #142464;
	background-size: 16px auto;
	padding: 5px 20px 5px 40px;
	text-decoration: none;
	font-size: 80%;
	color: #FFF;
}

.frame{
	border: 1px solid #ddd;
	padding: 2px;
	box-sizing: border-box;
}
/*-------------------------------------------------------
---- page_index
-------------------------------------------------------*/

/* ------main_img------- */
.page_index #main_img_wrap{
	background: url(../images/index/bg_main_visual.jpg) no-repeat center;
	padding:0 0 25px 0;
}
.page_index #main_img{
	position: relative;
}
.page_index #main_img .slide{
	width: 650px;
	float: right;
}

/* ------product------- */
.page_index #product{
	background: #142464;
	padding-bottom: 60px;
}
.page_index #product h2{
	text-align: center;
	margin-bottom: 30px;
}
.page_index #product h2 img{
	margin-top: -40px;
}
.page_index #product li a{
	display: block;
	text-decoration: none;
}
.page_index #product li span{
	display: block;
	color: #FFF;
}
.page_index #product li .name_p{
	border-bottom: 2px solid #36447f;
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 3px;
	margin: 10px 0 3px 0;
}
.page_index #product li .detail_p{
	color: #abb7e7;
	font-size: 90%;
}

.detail_p p{
	color: #FFF;
}

/* ------about------- */
.page_index #about{
	background: url(../images/index/bg_about_pc.jpg) no-repeat center top;
	padding: 90px 0;
	text-align: right;
}
.page_index #about h3{
	margin-bottom: 30px;
}
.page_index #about p{
	padding-left: 30%;
}

/* ------news------- */
.page_index #video{
	width: 475px;
	float: right;
}
.page_index #video iframe{
	width: 100%;
	height: 320px;
}
.page_index #news{
	width: 475px;
	float: left;
}
.page_index .tittle_top{
	width: 242px;
	margin-bottom: 10px;
}
#news .news_box{
	position: relative;
	margin-bottom: 20px;
}
#news .news_box .btn_list{
	background: url(../images/index/arrow01.png) no-repeat right center;
	background-size: 10px;
	padding-right: 13px;
	color: #333;
	text-decoration: none;
	font-size: 70%;
	position: absolute;
	right: 0;
	top: 20px;
}
.page_index #news .img{ width: 35%;}
.page_index #news .msg{ width: 62%;}
#news .news_box .btn_list:hover{ color: #999;}
#news .news_box .pic_l{
	padding: 10px;
	background-color: #f9f1e3;
}
#news .news_box em{
	display: inline-block;
	background: #ffa200;
	padding: 2px 10px;
	font-size: 70%;
	color: #FFF;
}
#news .news_box span a{
	display: block;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	font-size: 110%;
	margin: 5px 0;
}
#news .news_box span a:hover{ color: #ffa200; }


/* ------news------- */
#news .techno_box .btn_list{
	background-image: url(../images/index/arrow02.png);
}
#news .techno_box .pic_l{
	background-color: #f1f3fe; 
}
#news .techno_box em{
	background: #283891;
}
#news .techno_box span a:hover{ color: #283891; }


.page_news .img{ width: 20%;}
.page_news .msg{ width: 77%;}
.page_news .title_detail em{
	display: inline-block;
	background: #ffa200;
	padding: 2px 10px;
	font-size: 70%;
	color: #FFF;
	margin-bottom: 10px;
}
.page_news .title_detail span{
	display: block;
	font-size: 140%;
	border-bottom: 3px solid #DDDDDD;
	color: #142464;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.page_news .imgs{
	width: 80%;
	margin: auto;
	margin-bottom: 3%;
	text-align: center;
}



/* ------banner------- */
#banner {
	background: #f2f2f2;
	padding: 30px 0;
}
#banner li{
	display: block;
	border: 1px solid #ddd;
	background: #FFF;
	text-align: center;
	padding: 5px;
}
#banner li a{ display: block;}
#banner li img{
	width: auto;
	display: inline-block;
	height: 75px;
}


/*-------------------------------------------------------
---- page_products
-------------------------------------------------------*/
.page_products .col a{
	display: block;
	border: 1px solid #ddd;
	padding: 2px;
}
.page_products .product_detail h4{
	font-size: 120%;
	font-weight: bold;
	border-bottom: 2px solid #FFF;
	padding-bottom: 3px;
	color: #FFF;
}
.page_products .product_detail span{
	/*display: inline-block;*/
	/*background: #FFAC1C;*/
	padding: 1px 10px;
	color: #FFF;
	font-size: 90%;
	margin: 10px 0;
}
.page_products .product_detail ul{
	list-style: disc;
	margin-left: 15px;
}
.page_products .product_detail{
	padding-bottom: 30px;
	background: #142464;
	padding: 10px;
	margin-top: 5px;
}



/*-------------------------------------------------------
---- page_products_detail
-------------------------------------------------------*/
.page_products_detail .hi_li{
	background: #F1F3FE;
}
.page_products_detail .img{
	width: 45%;
}
.page_products_detail .msg{
	width: 55%;
	padding: 4%;
	padding-top: 10%;
	box-sizing: border-box;
}
.page_products_detail .msg p{
	text-align: right;
	margin-top: 8%;
}
.page_products_detail .title_name{
	font-size: 170%;
	font-family: 'Oswald', sans-serif;
	border-bottom: 2px solid #36447F;
	padding-bottom: 3px;
	color: #142464;
}
.page_products_detail .title_id{
	display: inline-block;
	background: #FFAC1C;
	padding: 1px 10px;
	color: #FFF;
	font-size: 90%;
	margin: 10px 0;
}

#map{
	width: 100%;
	height: 300px;
	border: 1px solid #ddd;
	padding: 2px;
	box-sizing:border-box;
}

/*-------------------------------------------------------
---- page_certificate
-------------------------------------------------------*/
.img_cer{
	padding: 0 30%;
}


.cer_top li{
	display: inline-block;
	width: 30.6%;
	float: left;
	margin-left: 4%;
}
.cer_top li:first-child{ margin-left: 0; }


.cer_list li{
	width: 23.5%;
	float: left;
	margin-left: 2%;
	margin-bottom: 2%;
	border: 1px solid #ddd;
	padding: 10px;
	box-sizing: border-box;
}
.cer_list li:nth-child(4n+1){
	margin-left: 0%;
}



.page_technology li{
	width: 48%;
	float: left;
	margin-left: 4%;
	margin-bottom: 4%;
}
.page_technology li:nth-child(2n+1){
	margin-left: 0%;
}