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

.time-box-m{ display: none;} 

@media screen and (max-width:768px){

.main_about{ padding: 30px 0px 30px;} 

.main_about_{ width: 90%;} 
.main_about_left{ display: none;} 
.main_about_right{ width: 100%; float: none;} 
.main_about_right_tit{ background:none; height: 35px; width: 100%; padding-left: 0px; box-sizing: border-box;} 
.main_about_right_tit p{ font-size: 1.8em;} 
.main_about_right_tit p strong{} 
.main_about_right_con p{ font-size: 1em;  } 
.main_about_right_con a{ } 
.main_about_right_con a:hover{} 



.main_b{  height: auto; margin-top: 0px; padding: 50px 0px; background-size: cover;} 
.main_b_{ width: 90%;} 
.main_b_tit{ width: 100%; } 
.main_b_tit p{ position:relative; font-size: 2em; opacity:1;} 
.main_b_tit span{position: relative; font-size: 1.8em;margin-top: 10px;} 
.main_b_tit span strong{} 
.main_b_r{  width: 100%; margin: 0px auto;} 
.main_b_r_l{ float: none; margin-top: 0px; width: 100%;} 
.main_b_r_l h3{ margin:30px 0px 10px; color: #FFFFFF;} 
.main_b_r_l h3 span{ } 
.main_b_r_l p{font-size: 1em;} 
.main_b_r_r{ display: none;} 
.main_b_r_r p{} 



.main_sl{background-size: cover; height:auto; padding: 50px 0px;} 
.main_sl_{width: 90%; margin: 0px auto;} 
.main_sl_tit{ width: 90%; margin: 0px auto; position: relative;} 
.main_sl_tit p{position:relative; font-size: 2em; opacity:1;} 
.main_sl_tit span{position: relative; font-size: 1.8em;margin-top: 10px;} 
.main_sl_tit span strong{} 
.main_sl_a{width: 90%; margin: 20px auto 0px;} 
.main_sl_a p{font-size: 1em;} 
.main_sl_b{ margin-top: 0px;} 
.main_sl_b h3{ } 
.main_sl_b h3 span{ } 
.main_sl_b p{font-size: 1em;} 
.main_sl_c{ width: 100%;} 
.main_sl_c ul li{} 
.main_sl_c ul li div.main_sl_l{ float: left; width: 75px;} 
.main_sl_c ul li div.main_sl_r{ float: right; width: 70%;} 
.main_sl_c ul li div.main_sl_r p{ font-size: 1.1em;} 
.main_sl_c ul li div.main_sl_r p strong{} 
.main_sl_c ul li div.main_sl_r span{font-size: 1em; } 



.main_pro{margin:0px;background-size: cover; height:auto; padding: 50px 0px;} 
.main_pro_{ width: 90%;} 

.main_pro_tit{ padding-left: 0px;width: 90%;} 
.main_pro_tit p{ font-size: 1.8em;} 
.main_pro_tit strong{} 

.main_pro_l{ float: none; width: 100%;margin:30px 0px 0px 0px;} 
.main_pro_l h3{font-size: 1em;margin-bottom:15px; width: 220px;} 
.main_pro_l h5{font-size: 1.2em;} 
.main_pro_l h5 span{} 
.main_pro_l p{ } 
.main_pro_r{ float: right; width: 100%; margin: 30px 0px 0px 0px;} 
.main_pro_r img{ width: 100%;} 



.main_video{background-size: cover; height:auto; padding: 50px 0px;} 

.main_video_tit{ padding-left: 0px;width:100%;} 
.main_video_tit p{ font-size: 1.8em;} 
.main_video_tit strong{} 

.main_video_{width: 90%; margin: 30px auto 0px; padding: 20px 0px;} 
.main_video_l{ width: 100%; height: auto; margin-top: 0px; padding: 0px;  float: none; background: none;} 
.main_video_l span{font-size: 1em;} 
.main_video_l h5{font-size: 1em;} 
.main_video_l p{ font-size: 0.8em; margin-top:20px;} 
.main_video_r{ width: 100%; float: none; height:210px;margin-top: 20px;} 



.main9a{padding:50px 0px; }

.main9a_tit{ width: 90%; margin: 0px auto; position: relative;} 
.main9a_tit p{position:relative; font-size: 2em; opacity:1;} 
.main9a_tit span{position: relative; font-size: 1.8em;margin-top: 10px;} 
.main9a_tit span strong{} 

.main9a_{ width: 90%; margin: 30px auto 0px;} 
.main9a_ ul{} 
.main9a_ ul li{ float: none; width: 100%; margin-right: 0px; margin-bottom: 20px;} 
.main9a_ ul li:last-child{  float: none; margin-right: 0px;} 
.main9a_ ul li img{ display: block; width: 100%; height:100px;} 
.main9a_ ul li div{ width: 100%;} 
.main9a_ ul li div h3{ font-size: 1.2em; padding: 10px 0px;margin-bottom: 10px;} 
.main9a_ ul li div span{font-size: 0.8em;} 
.main9a_ ul li div p{ font-size: 0.8em; margin: 10px 0px;} 
.main9a_ ul li div > a{  font-size: 1em; padding: 5px 0px; width:90px;} 
.main9a_ ul li div > a:hover {} 

.con_about_tit{ width:90%;margin:50px auto 0px;} 
.con_about_tit h5{font-size: 2em; } 
.con_about_tit span{ font-size: 0.8em; } 
.con_about_tit em{ } 

.con_about_a{width:90%;margin:30px auto 0px; } 
.con_about_a ul{} 
.con_about_a ul li{ width: 49%;padding: 15px; height: 200px; margin-right: 1%; margin-bottom: 2%;} 
.con_about_a ul li:nth-child(2n){ float: right; margin-right: 0; background: #EEEEEE;} 

.con_about_a ul li i{ font-size: 3em;} 
.con_about_a ul li p{  margin-top: 10px;} 

.con_about_con{  width: 90%;} 
.con_about_con p{ font-size: 1em;} 
.con_about_con h3{  font-size: 1.2em;} 

	
.con_about_lc{margin:50px 0px 0px; background-size: cover;height:auto; } 


.time-line{ display: none;} 
.time-box-m{ display: block; width: 90%; margin:20px auto;} 
.time-box-m li{ padding: 10px 0px; border-bottom: #CCCCCC 1px dashed;} 
.time-box-m li h3{ font-size: 1.5em; color:#009679; margin-bottom: 2px;} 
.time-box-m li p{ font-size: 1em; line-height: 160%;} 
	
	
.con_about_wh{ padding:50px 0px; } 
.con_about_wh_{ width: 90%;} 
.con_about_wh_l{ float:none; width: 100%;} 
.con_about_wh_l h5{font-size: 2em;} 
.con_about_wh_l span{ font-size: 0.8em;} 
.con_about_wh_l p{ font-size: 1em;} 
.con_about_wh_l em{  margin:20px 0px; } 
.con_about_wh_r{ float:none; width: 100%; height: auto; overflow: hidden; margin-top: 30px;} 
.con_about_wh_r img{width: 100%; } 
.con_about_wh_l h6{font-size: 1.2em; margin-top: 15px;} 
	
	
.con_pro{ width: 100%; background: #F5F5F5; padding:30px 0px;} 
.con_pro_{ width: 90%; margin:35px auto; padding: 30px 0px;} 
.con_pro_l{ float: none; width: 100%; padding: 0px 20px; margin-top:0px;} 

.con_pro_l h2{ font-size: 1.6em;  margin-bottom: 15px;} 
.con_pro_l p{ margin-top: 10px; margin-bottom:0px; font-size: 1em;  line-height: 160%; } 
.con_pro_l span{ line-height: 160%; color: #666666;}
	
.con_pro_r{ float: none;width: 100%; margin-top:30px;} 
.con_pro_r img{ width: 100%;} 	
	

	
.con_pro_l_2{ float: none; width: 100%; padding: 0px 20px;  margin-top:30px;} 
.con_pro_l_2 p{ margin-top: 10px; margin-bottom:0px; font-size: 1em;  line-height: 160%; } 
.con_pro_l_2 span{ line-height: 160%; color: #666666;} 
	
.con_pro_r_2{ float: none;width: 100%;} 
.con_pro_r_2 img{ width: 100%;} 
	
.con_pro_list{width: 90%; margin: 50px auto;} 
.con_pro_list ul{} 
.con_pro_list ul li{ width: 49%; margin-right: 1%; margin-bottom: 2%;} 
.con_pro_list ul li:nth-child(2n){float: right; margin-right: 0px;} 
.con_pro_list ul li:nth-child(3){ float: left; margin-right: 0px;} 
.con_pro_list ul li:nth-child(6){ float: right; margin-right: 0px;} 
.con_pro_list ul li:nth-child(9){ float: left; margin-right: 0px;} 
.con_pro_list ul li div{ width: 100%; height: 100%;} 
.con_pro_list ul li div img {width: 100%; height: 100%; } 
.con_pro_list ul li p{ text-align: center; padding: 0px 0px 25px; font-size:1em;}
	
	
	
.con_news{ } 
.con_news_{ width: 90%; margin:20px auto;} 
.con_news_l{ float: none; width: 100%; padding:30px;} 
.con_news_l span{font-size: 0.9em;} 
.con_news_l h2{ font-size: 1.5em; } 
.con_news_l em{ } 
.con_news_l p{ font-size: 1em;  line-height: 160%;} 
.con_news_l > a{  margin-top: 20px;} 


.con_news_r{ float: none;width: 100%; height: auto; overflow: hidden;} 
.con_news_r img{width: 100%; height: 100%;} 
	
	

.con_news_m{width: 90%; margin: 35px auto; } 
.con_n_m_left{ display: none;} 


.con_n_m_right{ float: none; width: 100%; margin-left: 0px; margin-top: 0px;  padding-left: 0px; border-left:none;} 
.con_n_m_right h1{ margin-bottom: 25px;} 
.con_n_m_right p{ line-height: 160%; font-size: 1.1em; } 

.con_n_m_right p img{ display: block; margin: 30px auto; width: 100%;} 

}