@charset "utf-8";
#message{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	border-top:10px solid #e4393c;
	background-color:#f7f7f7;
	margin-bottom:20px;
}
#message_tbody{
	display:grid;
	grid-template-columns:auto 550px;
	column-gap:40p;
	row-gap:20px;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	max-width:1200px;
}
@media (max-width:767px){
	#message_tbody{
		grid-template-columns:auto;
	}
}
#quandi_liucheng{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
}
#quandi_liucheng *{
	max-width:100%;
	height:auto;
}
#quandi_form{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	border:20px solid #e4393c;
	background-color:#fff;
}
#quandi_form_thead{
	display:flex;
	display:-webkit-flex;
	justify-content:flex-start;
	align-items:center;
	width:auto;
	height:auto;
	overflow:hidden;
	background-color:#e4393c;
	color:#fff;
	padding-bottom:20px;
}
#quandi_form_title{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	font-size:1.6rem;
	font-weight:bold;
}
#quandi_form_miaoshu{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	font-size:1.6rem;
	margin-left:10px;
}
#quandi_form_tbody{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	padding:20px;
	margin-top:20px;
	font-size:1.1rem;
	font-weight:bold;
}
#form_tbody{
	row-gap:20px;
}
.form_item{
	grid-template-columns:18% auto;
}
.form_input{
	border-radius:2px;
	background-color:#f5f5f5;
	height:44px;
	line-height:44px;
}
.form_textarea{
	border-radius:2px;
	background-color:#f5f5f5;
}

a#form_bt{
	background-color:#e4393c;
	margin-top:10px;
	border-radius:2px;
	font-size:1.3rem;
	height:50px;
	line-height:50px;
	width:calc(82% - 10px);
	margin-right:0px;
	display:block;
}
#quandi_news{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	background-color:#f7f7f7;
	padding-top:50px;
	padding-bottom:50px;
}
.news_name{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	text-align:center;
	max-width:580px;
	font-size:1.8rem;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	position:relative;
	padding-bottom:30px;
}
.news_name:after{
	line-height:1.2;
	content:"◆";
	display:block;
	width:auto;
	height:auto;
	color:#e4393c;
	font-size:5rem;
	overflow:visible;
	margin:auto;
	position:absolute;
	bottom:-40px;
	left:0px;
	right:0px;
}
#news{
	display:grid;
	grid-template-columns:calc(50% - (40px/2)) calc(50% - (40px/2));
	column-gap:40px;
	row-gap:20px;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	background-color:#fff;
	max-width:1200px;
	margin-top:50px;
	padding:40px;
}
@media (max-width:767px){
	#news{
		grid-template-columns:auto;
		padding:10px;
	}
}
#quandi_hangye{
	display:block;
	width:auto;
	height:auto;
}
#quandi_hangye_thead{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}
#quandi_hangye_title{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	font-size:1.4rem;
	font-weight:bold;
	
}
#quandi_hangye_tbody{
	display:grid;
	grid-template-columns:auto;
	row-gap:20px;
	width:auto;
	height:auto;
	margin:auto;
	margin-top:20px;
}
.hangye_tb{
	display:grid;
	grid-template-columns:80px auto;
	column-gap:20px;
	width:auto;
	height:auto;
	overflow:hidden;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
}
.hangye_left{
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items:center;
	width:auto;
	height:auto;
	background-color:#e4393c;
}
.hangye_index{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	color:#fff;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2;
}
.hangye_date{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	font-size:3rem;
	font-weight:bold;
	
}
.hangye_year{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	
}
a.hangye_name{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	font-size:1.2rem;
	font-weight:bold;
}
.hangye_miaoshu{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	color:#888;
	line-height:1.5;
	font-size:12px;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
}

#quandi_gongsi{
	display:block;
	width:auto;
	height:auto;
}
#quandi_gongsi_thead{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}
#quandi_gongsi_title{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	font-size:1.4rem;
	font-weight:bold;
	
}
#quandi_gongsi_tbody{
	display:grid;
	grid-template-columns:auto;
	row-gap:20px;
	width:auto;
	height:auto;
	margin:auto;
	margin-top:20px;
}
.gongsi_tb{
	display:grid;
	grid-template-columns:130px auto;
	column-gap:20px;
	width:auto;
	height:auto;
	overflow:hidden;
	padding-bottom:20px;
}
.gongsi_left{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
}
a.gongsi_pic{
	display:block;
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
}
.gongsi_date{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	font-size:3rem;
	font-weight:bold;
	
}
.gongsi_year{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	
}
a.gongsi_name{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	font-size:1.2rem;
	font-weight:bold;
}
.gongsi_miaoshu{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	color:#888;
	line-height:1.5;
	font-size:12px;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
}
#quandi_fazhan_back{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	background-size:cover;
	background-color:#000;
}
#quandi_fazhan{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	padding-top:50px;
	padding-bottom:50px;
}
#quandi_fazhan_thead{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	text-align:center;
	color:#fff;
	max-width:580px;
}
#quandi_fazhan_title{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	max-width:1200px;
	font-size:1.8rem;
	font-weight:bold;
	border-bottom:1px solid #fff;
	position:relative;
	padding-bottom:30px;
}
#quandi_fazhan_title:after{
	line-height:1.2;
	content:"◆";
	display:block;
	width:auto;
	height:auto;
	color:#fff;
	font-size:5rem;
	overflow:visible;
	margin:auto;
	position:absolute;
	bottom:-40px;
	left:0px;
	right:0px;
}
#quandi_fazhan_miaoshu{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	margin-top:40px;
	font-size:1.1rem;
}
#quandi_fazhan_tbody{
	display:grid;
	grid-template-columns:calc(25% - (120px/4)) calc(25% - (120px/4)) calc(25% - (120px/4)) calc(25% - (120px/4));
	row-gap:20px;
	column-gap:40px;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	max-width:1200px;
	margin-top:60px;
	margin-bottom:40px;
	color:#fff;
}
@media (max-width:767px){
	#quandi_fazhan_tbody{
		grid-template-columns:calc(50% - (20px/2)) calc(50% - (20px/2));
		column-gap:20px;
		padding:10px;
		
	}
}
.fazhan_tb{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	text-align:center;
}
.fazhan_name{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	font-size:1.8rem;
	font-weight:bold;
}
.fazhan_miaoshu{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	color:#aaa;
}
.fazhan_pic{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	padding-bottom:100%;
	position:relative;
}

#quandi_case_back{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	background-size:cover;
	background-color:#e4393c;
}
#quandi_case{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	padding-top:50px;
	padding-bottom:50px;
}
#quandi_case_thead{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	text-align:center;
	color:#fff;
	max-width:580px;
}
#quandi_case_title{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	max-width:1200px;
	font-size:1.8rem;
	font-weight:bold;
	border-bottom:1px solid #fff;
	position:relative;
	padding-bottom:30px;
}
#quandi_case_title:after{
	line-height:1.2;
	content:"◆";
	display:block;
	width:auto;
	height:auto;
	color:#fff;
	font-size:5rem;
	overflow:visible;
	margin:auto;
	position:absolute;
	bottom:-40px;
	left:0px;
	right:0px;
}
#quandi_case_miaoshu{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	margin-top:40px;
	font-size:1.1rem;
}
#quandi_case_tbody{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	white-space:nowrap;
	max-width:1200px;
	margin-top:40px;
	overflow:hidden;
}
#quandi_case_tbody>div{
	display:inline-block;
	width:285px;
	height:auto;
	margin:auto;
	vertical-align:top;
	overflow:hidden;
	margin-right:20px;
}
@media (max-width:767px){
	#quandi_case_tbody>div{width:200px;margin-right:10px;}	
}
@media (max-width:480px){
	#quandi_case_tbody>div{width:150px;margin-right:10px;}	
}
a.case_tb{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	text-align:center;
	background-color:#fff;
}
.case_pic{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	padding-bottom:100%;
	position:relative;
	overflow:hidden;
}
.case_name{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	padding:10px;
}
#product{
	display:grid;
	grid-template-columns:50% auto;
	column-gap:40px;
	row-gap:20px;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	max-width:1200px;
	margin-top:50px;
	margin-bottom:50px;
}
@media (max-width:767px){
	#product{
		grid-template-columns:auto;
	}
}
#quandi_product{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	padding-top:50px;
	padding-bottom:50px;
	background-color:#f7f7f7;
}
#quandi_product_thead{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	text-align:center;
	max-width:580px;
}
#quandi_product_title{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	max-width:1200px;
	font-size:1.8rem;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	position:relative;
	padding-bottom:30px;
}
#quandi_product_title:after{
	line-height:1.2;
	content:"◆";
	display:block;
	width:auto;
	height:auto;
	color:#e4393c;
	font-size:5rem;
	overflow:visible;
	margin:auto;
	position:absolute;
	bottom:-40px;
	left:0px;
	right:0px;
}
#quandi_product_miaoshu{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	margin-top:40px;
	font-size:1.1rem;
}
#quandi_product_tbody{
	display:grid;
	grid-template-columns:calc(33.3% - (60px/3)) calc(33.3% - (60px/3)) calc(33.3% - (60px/3));
	column-gap:30px;
	row-gap:10px;
	width:auto;
	height:auto;
	overflow:hidden;
}
a.product_tb{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	text-align:center;
}
.product_pic{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	background-size:cover;
	position:relative;
	padding-bottom:100%;
}
.product_pic:hover .new_more{
	transform:scale(1,1);
}
.product_name{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
}
#quandi_new{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
}
a.new_pic{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	margin:auto;
	background-size:cover;
	position:relative;
	min-height:300px;
}
a.new_pic:hover .new_more{
	transform:scale(1,1);
}
.new_more{
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items:center;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	background-color:rgba(0,0,0,0.4);
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	transition:all 0.4s;
	transform:scale(0,0);
}
.new_more:before{
	font-size:2rem;
	color:#0CF;
}
#quandi_fenlei_back{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	background-color:#f7f7f7;
	padding-top:90px;
	padding-bottom:90px;
}
@media (max-width:480px){
	#quandi_fenlei_back{
		padding-top:40px;
		padding-bottom:40px;
	}
}
#quandi_fenlei{
	display:grid;
	grid-template-columns:calc(25% - (90px/4) ) calc(25% - (90px/4) ) calc(25% - (90px/4) ) calc(25% - (90px/4) );
	column-gap:30px;
	row-gap:20px;
	width:auto;
	height:auto;
	margin:auto;
	overflow:hidden;
	max-width:1200px;
}
@media (max-width:480px){
	#quandi_fenlei{
		grid-template-columns:calc(50% - (20px/2)) calc(50% - (20px/2));
		column-gap:20px;
		padding:10px;
	}
}
.fenlei_tb{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	text-align:center;
	max-width:200px;
}
.fenlei_name{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	font-weight:bold;
	font-size:1.4rem;
	margin-top:20px;
}
.fenlei_miaoshu{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	color:#888;
}
.fenlei_pic{
	display:block;
	width:115px;
	height:115px;
	position:relative;
	margin:auto;
	max-width:100%;
}
a.fenlei_more{
	display:block;
	width:100px;
	height:32px;
	line-height:32px;
	overflow:hidden;
	border:1px solid #e4393c;
	color:#e4393c;
	text-align:center;
	margin:auto;
	margin-top:20px;
}
a.fenlei_more:hover{
	background-color:#e4393c;
	color:#fff;
}
#quandi_about{
	display:grid;
	grid-template-columns:auto 500px;
	column-gap:30px;
	row-gap:20px;
	width:auto;
	height:auto;
	margin:auto;
	overflow:hidden;
	max-width:1200px;
	margin-top:30px;
	margin-bottom:30px;
}
@media (max-width:767px){
	#quandi_about{
		grid-template-columns:auto;
		padding:10px;
	}
}
.about_left{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
}
@media (max-width:767px){
	.about_left{
		text-align:center;
	}
}
.about_name{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.5;
}
.about_name>span{color:#e4393c;}
.about_miaoshu{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	font-size:12px;
	color:#999;
	line-height:1.5;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin-bottom:20px;
}
.about_content{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	color:#999;
}
.about_pic{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
#quandi_youshi{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
}
#quandi_youshi_thead{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	text-align:center;
	max-width:580px;
	margin-top:50px;
}
#quandi_youshi_title{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	max-width:1200px;
	font-size:3.1rem;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	position:relative;
	padding-bottom:30px;
	color:#e4393c;
	line-height:1.5;
}
#quandi_youshi_title>span{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	font-size:1rem;
	font-weight:normal;
	color:#999;
}
#quandi_youshi_title:after{
	line-height:1.2;
	content:"◆";
	display:block;
	width:auto;
	height:auto;
	color:#e4393c;
	font-size:5rem;
	overflow:visible;
	margin:auto;
	position:absolute;
	bottom:-40px;
	left:0px;
	right:0px;
}
#quandi_youshi_miaoshu{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	margin-top:20px;
	font-size:1.85rem;
	margin-bottom:20px;
}
#quandi_youshi_tbody{
	display:grid;
	grid-template-columns:auto;
	width:auto;
	height:auto;
	overflow:hidden;
	max-width:1200px;
	margin:auto;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	
}
.youshi_tb{
	display:flex;
	display:-webkit-flex;
	flex-direction:row;
	align-items:center;
	width:auto;
	height:auto;
	overflow:hidden;
}
@media (max-width:480px){
	.youshi_tb{display:grid;grid-template-columns:auto;}
}
.youshi_tb:nth-child(even){
	flex-direction:row-reverse;
}
.youshi_left{
	display:block;
	width:42%;
	height:auto;
	overflow:hidden;
	padding-top:30px;
	padding-bottom:30px;
	text-align:right;
}
.youshi_tb:nth-child(even)>.youshi_left{
	text-align:left;
}
.youshi_right{
	display:block;
	width:42%;
	height:auto;
	overflow:hidden;
	padding-top:30px;
	padding-bottom:30px;
}
@media (max-width:480px){
	.youshi_left,.youshi_right{width:auto;padding:10px;text-align:center;}
	.youshi_tb:nth-child(even)>.youshi_left{text-align:center;}
}
.youshi_center{
	display:block;
	align-items:center;
	width:16%;
	height:100%;
	overflow:hidden;
	flex-shrink:0;
	position:relative;
}
@media (max-width:480px){.youshi_center{display:none;}}
.youshi_center:before{
	display:block;
	width:0px;
	height:100%;
	overflow:hidden;
	border-left:1px solid #ddd;
	content:"";
	margin:auto;
}
.youshi_index{
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items:center;
	width:100px;
	height:100px;
	overflow:hidden;
	font-size:2.5rem;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	background-image:url(images/flag.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
.youshi_pic{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	flex-shrink:0;
	max-width:100%;
}
.youshi_name{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	color:#e4393c;
	font-size:1.9rem;
	font-weight:bold;
}
.youshi_miaoshu{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	color:#999;
}
.youshi_content{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	color:#888;
}
#search{
	display:grid;
	grid-template-columns:50% 50%;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	max-width:auto;
}
@media (max-width:480px){
	#search{
		grid-template-columns:auto;
		text-align:center;
	}
}
#search_left{
	display:flex;
	display:-webkit-flex;
	justify-content:flex-end;
	width:auto;
	height:auto;
	overflow:hidden;
	background-color:#e4393c;
	color:#fff;
	padding:20px;
}
#search_right{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	background-color:#333;
	color:#fff;
	padding:20px;
}
.fangan_name{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	font-size:1.7rem;
	font-weight:bold;
	line-height:1.2;
	text-align:center;
}
.fangan_miaoshu{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	line-height:1.5;
	font-size:1.2rem;
	text-align:center;
}
#quandi_search{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
}
.fangan_content{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	white-space:nowrap;
	line-height:2;
}
#quandi_search_tbody{
	border:4px solid #e4393c;
	display:grid;
	grid-template-columns:auto 80px;
	width:auto;
	height:auto;
	max-width:370px;
}
#keywords{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	border:none;
	outline:none;
}
a#bt_search{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	color:#fff;
	font-size:14px;
	text-align:center;
	background-color:#e4393c;
}