@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-02-20 14:50:56
 * @version $Id$
 */


@media screen and (min-width:1200px){
	.wrapper{
		width: 1200px;
	}
	.index_news_l li .pic{height:230px;}

}
@media screen and (max-width:1200px){
	.wrapper{
		width: 100%;
		padding: 0 10px;
	}
	.index_news_l li .pic{height:auto;}

}
@media screen and (min-width:992px) and (max-width:1200px){
		.main_nav_inner>ul>li{
			margin-left: 10px;
		}
	.main_ttl:before,.main_ttl:after{
		width: 280px;
	}
}
@media screen and (min-width:992px) and (max-width:1100px){
	.service_con05_m li .txt{
		padding-top: 20px !important;
	}
}
@media screen and (min-width:992px){
	.header01{
		display: none;
	}
	html{
		height: 100%;
	}
	.show-scroll .scroll_btn{position:absolute;top:50%;width:100%;margin-top:-20px;}
	.show-scroll .scroll_btn span{position:absolute;margin:0;}
	.show-scroll .scroll_btn span.nbs-flexisel-nav-left{left:-72px;}
	.show-scroll .scroll_btn span.nbs-flexisel-nav-right{right:80px;}
	.index_banner01 .slides ul li:hover .txt.fl{
		  display: block;
		  padding: 60px 10px 0 60px;
		}
  .index_banner01 .slides ul li:hover .txt.fr{
		  display: block;
		  padding: 60px 70px 0 10px;
		  text-align: right;
		}
		.index_banner01 .slides ul li:hover .txt .con,.index_banner01 .slides ul li:hover .txt .more{
		  display: block;
		  margin-top: 5px;
		}
		.index_banner01 .slides ul li:hover .border{
		  display: block;
		}
		.index_banner01 .slides ul li:hover .txt .ttl{
			text-align: left;
		}
		.index_banner01 .slides ul li:hover .txt.fr .ttl{
			text-align: right;
		}
		
		.service_con_list li .ttl{height:23px;}
}

@media screen and (max-width:992px) {
	.header,.main_ttl:before,.main_ttl:after,.banner ol,.about_con06_list li:after,.f_list,.f_company{
		display: none;
	}
	.main_ttl{
		font-size: 36px;
	}
	.talent_top li .txt{
		padding-top: 15px;
	}
	.about_con01 .top ul,.about_con01 .top .pic{
		width: 100%;
		margin-bottom: 30px;
	}
	.about_con09_t>div .txt,.about_con09_t>div img{
		width: 100%;
	}
	.show-scroll{
		padding: 0;
	}
	.footer_b{
		text-align: center;
	}
	.about_history ul li.bottom{margin-top:0;}
	.show-scroll{margin-bottom:0;}

	.bread_nav .bread_nav_inner a:nth-child(5n){display:none;}
	.service_con05_m li .txt{width:100%;}
	.innovate_con03 table tr{font-size:14px; line-height:24px;}
	.news_con01 .right_con ul li{float:left;margin-right:10px;margin-bottom:0;}
	.news_con01 .right_con ul li:nth-child(2n){margin-right:0;}
	

}

@media screen and (min-width:500px)and (max-width:1200px){
	.innovate_link li,.innovate_link01 li{
		width: 48%;
	}
}
@media screen and (max-width:765px){
	.teco_detail_show{
		display: none;
	}
	.teco_detail_show01{
		display: block;
	}
	.index_block01 ul li,.index_block05 ul li{
		width: 33%;
		margin-bottom: 30px;
	}
	.talent_bottom,.news_con .bottom ul,.about_list{
		margin-right: 0;
	}
	.index_news_l,.index_news_r,.talent_bottom li,.talent_con01_txt .txt,.talent_con01_txt .pic,.news_con .top .fl,.news_con .top .fr,.news_con .bottom ul li{
		width: 100%;
		margin-bottom: 30px;
	}
	.index_news_r{
		border-top: 1px solid #d8d9db;
		padding-top: 30px;
	}
	.index_project ul li,.company_con ul li,.project_con ul li,
	.sub_nav ul li,.innovate_con02 ul li,
	.innovate_con_list li,.news_con01 .right_con ul li,
	.service_con_list li,.service_con04_list li,.service_con04_list01 li  {
		width: 48%;
	}
	.partner_con ul li{
		width: 31%;
	}
	.talent_top li{
		margin-bottom: 30px;
	}
	.talent_top li div{
		width: 100% !important;
	}
	.talent_top li .txt{
		padding-bottom: 20px;
	}
	.left_bar,.about_con06_list li img.fl{
		display: none;
	}
	.right_con,.about_list li,.about_list01 li .txt ,
	.about_list01 li .pic,.about_con05_t .txt p ,
	.about_con05_t .txt img,
	.about_con05_m .box,.service_con01_box img,
	.service_con01_box .txt,.service_news_r ,.service_news_l,.index_banner01 .slides ul li {
		width: 100%;
	}
	.contact_con  ul li{
		width: 47%;
	}
	.about_list .ttl{
		font-size: 24px;
	}
	.index_banner01 ul li .txt .ttl{
		font-size: 16px;
	}
	.index_banner01 .slides ul li{
		margin-bottom: 10px;
	}
	
}
@media screen and (max-width:500px){
	.index_news_l li,.index_project ul li{
		width: 100%;
		margin-bottom: 40px;
	}
	.partner_con ul li{
		width: 48%;
	}
	.news_con01 .right_con ul li .pic,.news_con01 .right_con ul li .txt,.news_con03 .right_con ul li,.innovate_con_list01 li,
	.contact_con  ul li,.innovate_con ul li,.innovate_con01 ul li,
	.innovate_link li,.innovate_con_list li,.innovate_link01 li,
	.innovate_con_list02 li,.innovate_con_list03 li,.innovate_con08 ul li,.about_con01 .bottom li,
	.about_list02 li,.about_con05_b ul li,
	.service_con_list li,.service_con_list01 li,.service_news_r li .pic,
	.service_news_r li .txt,.service_con04_list li,.service_con04_list01 li,.service_con05_b ul li{
		width: 100%;
	}
.news_con01 .right_con ul li .pic{
		margin-bottom: 30px;
	}
	.news_con03 .right_con ul,.innovate_con ul,.innovate_con01 ul,.service_con_list,
	.innovate_link ,.innovate_con_list,.innovate_link01,.innovate_con_list01,
	.innovate_con_list02,.innovate_con_list03,.innovate_con08 ,.about_con01 .bottom  ul ,
	.about_list02,.about_con05_b ul,.service_con_list01,
	.service_con04_list ul,.service_con04_list01 ul,.service_con05_b ul{
		margin-right: 0;
	}
	
	.about_con05_m .box ul p{
		width: 60%;
	}
	.service_news_r li .pic{
		margin-bottom: 20px;
	}
}