/* CSS Document */


@media only screen and (max-width: 1560px) {
	
#company_name_ch {
	padding-top:10px;
	line-height:50px;
	color:#333;
	font-size:16px;
}

#company_name_en {
	color:#999;
	font-size:12px;
}

}

@media only screen and (max-width: 1450px) {
/*适配笔记本-1920分辨率*/

#main {
	width:100%;
}

#product_content .product_icon {
	width:200px;
	height:280px;
}

#product_content .product_icon dd {
	font-size:18px;
}

#product_content .product_icon ul {
	font-size:12px;
}



#phone {
	display:none;
}



	
}


@media only screen and (max-width: 800px) {
/*适配iPad-横屏*/

html , body {
	height:100%;
}

body {
	min-width:100%;
}



/* hidden */
#company_phone , #navigation , #bottom_block {
	display:none;
}



/* layout width */
.block , .block_full , .block_center , #bottom_block , #block_foot {
	width:100%;
	min-width:100%;
}


#head , #head_position {
	height:80px !important;
}

#logo {
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	width:80px;
}

#logo img {
	width:100%;
}

#company_name_ch {
	padding-top:16px;
	line-height:30px;
	font-size:14px;
}

#company_name_en {
	color:#999;
	font-size:12px;
}



/* navigation */
#navigation_mobile {
	position:absolute;
	display:block;
	right:0px;
}



/* foot */
#block_foot {
	border-top:0px;
}

#foot {
	margin:auto;
	padding:20px;
	padding-left:0px;
	padding-right:0px;
	width:100%;
}

#foot div {
	height:auto;
}

#foot a {
	color:#FFF;
}

#foot a:hover {
	color:#CCC;
}

#foot_company {
	float:none;
	margin:auto;
	width:80%;
	line-height:30px !important;
	font-size:14px;
	text-align:center;
}

#foot_company a {
	display:block;
	line-height:30px;
}

#foot_tech {
	float:none;
	width:100%;
	line-height:30px !important;
	font-size:14px;
	text-align:center;
}

#map {
	width:100%;
	overflow:hidden;
}


.page .page_num {
	display:none;
}




.swiper {
	min-width:100%;
	height:auto;
}

.swiper-slide img {
	height:auto;
}

.swiper-pagination {
	height:20px;
}

.my-pagination-bullet , .my-pagination-bullet-active {
	width:30px;
	height:3px;
}




.index_title {
	margin-top:10px;
	padding-left:20px;
	height:80px;
	line-height:80px;
	box-sizing:border-box;
	font-size:24px;
}

.index_title_en {
	margin-top:30px;
	width:100%;
	height:30px;
	line-height:40px;
	color:#CCC;
	font-size:18px;
	font-weight:bold;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center;
}

.index_title_ch {
	margin-bottom:30px;
	width:100%;
	height:20px;
	line-height:30px;
	color:#062139;
	font-size:12px;
	text-align:center;
}





/* index */

#index_1 a {
	width:50%;
	height:100px;
	border:10px solid #FFF;
	border-radius:20px;
}

#index_1 dt {
	width:80px;
	height:80px;
	
	-webkit-mask-size:45px 45px;
	mask-size:45px 45px;
}

.index_about_text {
	width:calc(100% - 80px);
	height:80px;
}

.index_about_text_en {
	padding-right:20px;
	height:40px;
	line-height:50px;
	font-size:14px;
}

.index_about_text_ch {
	padding-right:20px;
	width:100%;
	height:40px;
	font-size:14px;
}




#index_2 video {
	width:100%;
	height:auto;
}




.index_product_system_image img {
	width:100%;
}

.index_product_system_text {
	font-size:14px;
}



.product_solution {
	width:100;
}

#product_solution a {
	display:block;
	width:100%;
}

#product_solution a:nth-child(1) {
	margin-right:0px;
}

#product_solution a:nth-child(2) {
	margin-top:0px;
	margin-right:0px;
}

#product_solution a:nth-child(3) {
	margin-top:0px;
}

#product_solution a:nth-child(4) {
	float:none;
	margin-top:0px;
}

.product_solution_title {
	position:absolute;
	bottom:0px;
	padding-left:20px;
	width:100%;
	height:50px;
	line-height:50px;
	box-sizing:border-box;
	color:#FFF;
	font-size:18px;
	background-color:#000;
	overflow:hidden;
	opacity:0.7;
}



.map_border {
	width:100%;
	text-align:center;
	overflow:auto;
}
.map_border img {
	width:80%;
}






.block_case {
	padding-bottom:0px;
	width:100%;
	min-width:100%;
}

.list_case {
	float:none;
	margin-left:0px;
	margin-right:0px;
	margin:auto;
	margin-top:10px;
	width:95%;
	background-color:#FFF;
	overflow:hidden;
}

.list_case_title {
	float:left;
	width:70%;
	height:64px;
	line-height:64px;
	color:#333;
	font-size:16px;
	overflow:hidden
}






.block_index_news {
	margin:auto;
	padding-top:20px;
	width:100%;
}

.index_list_news {
	display:block;
	float:none;
	margin:auto;
	width:95%;
	height:190px;
}

.index_list_news_text {
	margin:auto;
	width:100%;
	height:140px;
}

.index_list_news_title {
	margin-top:10px;
	padding-left:80px;
	width:95%;
	height:50px;
	line-height:50px;
	font-size:16px;
}

.index_list_news_description {
	padding-left:10px;
	padding-right:10px;
	width:100%;
	height:72px;
	line-height:24px;
	font-size:12px;
}

.index_list_news_key {
	margin-left:10px;
	margin-top:-155px;
	width:60px;
	height:60px;
	line-height:60px;
	font-size:24px;
}


.more1 {
	width:140px;
	height:40px;
	line-height:40px;
	font-size:16px;
}




.block_space_100 {
	height:30px;
}

.block_index_customer_left {
	float:none;
	margin:auto;
	width:95%;
}

.block_index_customer_right {
	float:none;
	margin:auto;
	width:95%;
}

.index_customer_description {
	margin:auto;
	margin-bottom:20px;
	width:90%;
	font-size:14px;
}

.more2 {
	display:none;
}

.index_list_customer_item {
	width:33.333%;
	
}



/* column */

#banner {
	width::100%;
	height:260px;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}

.banner_title {
	margin-top:80px;
	font-size:36px;
}

.banner_slogon {
	font-size:24px;
}


#menu {
	min-width:100%;
	height:auto;
	border:0px;
	font-size:0px;
	text-align:center;
	overflow:visible;
}

#menu a {
	margin-left:3px;
	margin-right:3px;
	min-width:calc(100% / 3 - 7px);
	height:60px;
	line-height:60px;
	font-size:16px;
}



.column_title {
	margin-top:30px;
	margin-bottom:0px;
	height:100px;
}

.column_title_ch {
	margin-top:0px;
	font-size:24px;
}

.column_title_en {
	font-size:18px;
}






#about_company {
	height:auto;
	overflow:hidden;
}

#about_company #about_company_text {
	float:none;
	margin:auto;
	padding-top:0px;
	width:90%;
	line-height:24px;
	font-size:16px;
}

#about_company #about_company_video {
	float:none;
	margin:auto;
	width:90%;
}

#about_company #about_company_video video {
	width:100%;
}



#about_development {
	width:90% !important;
	min-width:90%;
	height:auto;
	overflow:hidden;
}

#about_factory {
	width:90%;
	min-width:90%;
	height:auto;
	overflow:hidden;
}



#about_culture {
	padding-bottom:30px;
	height:auto;
	overflow:hidden;
}

#about_culture_text {
	float:none;
	margin:auto;
	margin-top:20px;
	width:90%;
}

#about_cuiture_video {
	float:none;
	margin:auto;
	margin-top:20px;
	width:90%;
}

#about_culture_title_ch {
	margin-bottom:10px;
	color:#000;
	font-size:24px;
}

#about_culture_title_en {
	margin-bottom:10px;
	color:#666;
	font-size:16px;
}

#about_culture_title_line {
	margin-bottom:10px;
	width:80px;
	height:4px;
	background-color:#333;
}

#about_culture_slogan {
	color:#333;
	font-size:18px;
	font-weight:bold;
}

#about_culture_slogan span {
	font-size:24px;
	font-weight:bold;
	font-family:"Arial Black", Gadget, sans-serif;
}

#about_culture_content {
	font-size:18px;
}



.development_back {
	width:100%;
}

#development_button {
	margin:auto;
	margin-top:50px;
	margin-bottom:50px;
	min-width:90%;
	height:190px;
}

.development_button_item {
	width:18%;
	height:190px;
	background-size:100%;
}

.development_button_item a {
	padding:10px;
	padding-top:10px;
	padding-left:25px;
	font-size:11px;
}

.development_button_item:nth-child(odd) a {
	top:11px;
}

.development_button_item:nth-child(even) a {
	bottom:11px;
}

#development_text {
	margin:auto;
	margin-top:70px;
	margin-bottom:20px;
	height:110px;
	text-align:center;
	overflow:hidden;
}





.product_system_image {
	padding-bottom:70%;	/* 宽高等比 */
	width:100%;
	height:0px;
	overflow:hidden;
}

.product_system_text {
	padding-bottom:20px;	/* 宽高等比 */
	width:100%;
	height:auto;
	text-align:center !important;
	overflow:hidden;
}

.product_system_title {
	margin-bottom:20px;
	width:100%;
	line-height:100px;
	color:#333;
	font-size:24px;
	text-align:center;
	overflow:hidden;
}
	

.product_system_image img {
	width:100%;
}

.product_system_text img {
	max-width:80%;
}

div.product_system_list:nth-child(odd) .product_system_text , div.product_system_list:nth-child(even) .product_system_image {
	float:none;
	text-align:ceenter;
}

div.product_system_list:nth-child(even) .product_system_text , div.product_system_list:nth-child(odd) .product_system_image {
	float:none;
	text-align:ceenter;
}
	


.list_customer {
	margin:auto;
	width:90%;
}

.list_customer_item {
	padding-bottom:25%;	/* 宽高等比 */
	width:calc(100% / 2);
	border-width:1px 0px 0px 1px;
}

.list_customer_item:nth-child(n+8) {
	border-width:1px 0px 0px 1px;
}

.list_customer_item:nth-child(7n) {
	border-width:1px 0px 0px 1px;
}

.list_customer_item:nth-child(even) {
	
	border-right-width:1px;
}

.list_customer_item:last-child {
	border-right-width:1px;
	border-bottom-width:1px;
}

.list_customer_item:nth-last-child(2) {
	border-bottom-width:1px;
}






.block_news {
	width:95%;
}

.list_news {
	margin-top:50px;
	width:100%;
	height:auto;
	background-color:#F5F5F5;
}

.list_news_image {
	float:none;
	width:100%;
	height:auto;
}

.list_news_text {
	float:none;
	margin:20px 0px 20px 0px;
	padding-left:20px;
	padding-right:20px;
	width:100%;
	box-sizing:border-box;
}

.list_news_title {
	height:auto;
	max-height:60px;
	line-height:30px;
	color:#333;
	font-size:18px;
	overflow:hidden;
}

.list_news_description {
	height:auto;
	max-height:90px;
	line-height:30px;
	font-size:14px;
	overflow:hidden;
}

.list_news_date {
	line-height:30px;
	color:#CCC;
	font-size:12px;
	text-align:left;
}

.list_news_ico {
	display:none;
	float:right;
	margin-right:50px;
	padding-top:125px;
	padding-bottom:125px;
	width:30px;
	height:300px;
}

.list_news_ico dt {
	width:30px;
	height:50px;
	box-sizing:border-box;
	background-color:#666;
}






.column_contact div {
	display:inline-block;
	margin:20px;
	width:200px;
	height:230px;
	text-align:center;
	overflow:hidden;
}

.column_contact ul {
	margin:auto;
	padding:30px;
	width:130px;
	height:130px;
	border-radius:100px;
	box-sizing:border-box;
}

.column_contact dt {
	width:70px;
	height:70px;
	background-color:#FFF;
}

.column_contact a {
	display:block;
	margin:auto;
	margin-top:10px;
	margin-bottom:0px;
	color:#333;
	font-size:18px;
	text-align:center;
}

.column_contact span {
	color:#999;
	font-size:14px;
	text-align:center;
}

.column_contact_text {
	line-height:100px;
	font-size:18px;
	text-align:center;
}



.column_contact #column_contact_phone dt {
	-webkit-mask: url('ico/phone.png') no-repeat center;
	mask: url('ico/phone.png') no-repeat center;
	
	-webkit-mask-size:40px 40px;
	mask-size:40px 40px;
}

.column_contact #column_contact_website dt {
	-webkit-mask: url('ico/foot_website.png') no-repeat center;
	mask: url('ico/foot_website.png') no-repeat center;
	
	-webkit-mask-size:40px 40px;
	mask-size:40px 40px;
}

.column_contact #column_contact_address dt {
	-webkit-mask: url('ico/location_contact.png') no-repeat center;
	mask: url('ico/location_contact.png') no-repeat center;
	
	-webkit-mask-size:40px 40px;
	mask-size:40px 40px;
}

.column_contact #column_contact_human dt {
	-webkit-mask: url('ico/human.png') no-repeat center;
	mask: url('ico/human.png') no-repeat center;
	
	-webkit-mask-size:40px 40px;
	mask-size:40px 40px;
}



.column_slogan div {
	display:inline-block;
	height:auto;
}

.column_slogan_ch {
	line-height:60px;
	color:#333;
	font-size:24px;
}

.column_slogan_en {
	margin-left:0px;
	line-height:30px;
	color:#CCC;
	font-size:14px;
}







#development_content {
	width:90%;
}

.development_list {
	min-width:100%;
}











/* article */

#article_title {
	margin-top:30px;
	width:90%;
	line-height:40px;
	color:#333;
	font-size:24px;
}

#article_date {
	margin-top:15px;
	padding-top:10px;
	line-height:30px;
	color:#CCC;
	font-size:14px;
}

#article_content {
	margin-top:30px;
	margin-bottom:50px;
	width:90%;
	line-height:30px;
	font-size:16px;
}








#play_video_close {
	width:60px;
	height:60px;
	
	-webkit-mask: url('ico/close.png') no-repeat center;
	mask: url('ico/close.png') no-repeat center;
	
	-webkit-mask-size:30px 30px;
	mask-size:30px 30px;
}


.video_play_button {
	background-size:30px 30px;
}




#about_honor_description {
	margin-top:30px;
	padding-left:30px;
	padding-right:30px;
	width:100%;
	line-height:40px;
	font-size:16px;
}







}