@charset "utf-8";

.pad_top2{padding-top: 2%;}
.pad_btn4{padding-bottom: 4%;}
.mar_top4{margin-top: 4%;}
/*page banner*/
.banner_subpage{
	width: 100%;
	background:url(../images/banabout.jpg) center bottom no-repeat;
}
.banner_subpage_video{
	width: 100%;
	background:url(../images/banvideo.jpg) center bottom no-repeat;
}
.banner_subpage_operation{
	width: 100%;
	background:url(../images/banoperation.jpg) center bottom no-repeat;
}
.banner_subpage_brand{
	width: 100%;
	background:url(../images/banbrand.jpg) center bottom no-repeat;
}
.div_banner{
	max-width: 1200px; margin: 0 auto; 
}
.div_banner_png{
	float:left;
}
.div_banner_font{
	float: right; padding-right: 10.5%; padding-top: 7.1%;
	animation: fadeInUp 0.5s ease-in 0.3s;
}


/*page menu*/
.div_page_menu{
	width:100%; margin-top: 30px;
	background:#f1eeee;
}
.page_menu{
	max-width: 1200px; margin: 0 auto;
}
.page_menu ul{
	position:relative;
	width: 100%; 
	text-align: left; font-size: 0px;
}
.page_menu ul li{
	display: inline-block;
	width:12.5%;margin-right: 10px;
}
.page_menu ul li a{
	display:block;
	color: #fff; font-size: 16px; line-height:260%; text-align: center;
	background: #000000;
	transition: all 0.3s;
}
.page_menu ul li a.on,
.page_menu ul li a:hover{
	background: #c10214;
}
.position{
	position: absolute;right:0%; top:0%;
	color: #000000; line-height:280%;
}
.position a{
	display:inline;
	color:#000000;
}
.position a:hover{color: #FF0000;}
.position span{
	color:#ff0000;
}

/*page content*/
.page_content{
	max-width: 1200px; margin: 0 auto;
}
#dituContent img{max-width:none;}

.content,
.content_flower{
	padding:30px 20px 0px 20px;
	color:#333; line-height: 180%;word-wrap:break-word;word-break:break-all;
}
.content_flower{padding-bottom:40px;background:url(../images/flower.png) right 60px no-repeat;}
/*.content_flower img{display: block;}*/
/*.content_map{padding:20px}*/
.goback,
.goback_noborder{
	width: 100%;border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; margin-bottom: 6%;
}
.goback_noborder{border:none!important;}
.goback a,
.goback_noborder a{
	display: block; margin: 0 auto;
	width:100px ;
	color:#fff; font-size: 20px;line-height: 240%; text-align: center;
	background: #c10214;
}
/* view */
.view{line-height: 180%; padding:20px 0px; }
.view img{display: inline-block!important;}
.view h2{
	color: #c10214; font-size: 18px;line-height: 500%;
}
.view h3 a,
.hr_submit{
	display: block;
	width: 150px; margin-top: 30px;
	color:#fff; font-size: 18px; text-align: center; line-height: 220%; font-weight: normal;
	background: #c10214;
	border-radius: 0px;
	-webkit-appearance:none;
}
.view_padding40{
	padding:0px 30px;
	color:#666; line-height: 180%;
}
.view_title,
.view_title_noborder{
	width:100%;padding:0% 3% 4% 3%; border-bottom: 1px solid #d6d6d6;
	color: #333; font-size:18px; line-height: 160%; text-align: center;  font-weight: bold;
}
.view_title_noborder{border:none}
.view_time{
	width:100%; padding: 20px 0%;
	color: #999;  line-height: 200%; text-align: center;
}
.view_time div.view_time_iteam{
	display: inline; padding-right: 20px;
}

.view_time_project{
	width:100%; padding: 0px 0px 5px 0px ;
	color: #999;  line-height: 200%; text-align: left;
}
.view_time_project div.view_time_iteam{
	display: inline; padding-right: 20px;
}

.view_pic{
	width:100%;
	padding: 10px 0px 30px 0px; text-align: center;
}
.view_pic img{ margin: 0 auto;}

.view_pic_operation{
	width: 100%; padding:10px 0px 60px 0px; border-bottom: 1px solid #d6d6d6;
	background: url(../images/flower.png) right bottom no-repeat;
}

.view_video{
	width: 50%;margin:0 auto; padding:10px 0px 30px 0px
}
.view_time .font1,
.view_time .font2{
	display: inline-block;
	width:24px; height: 24px;  margin-left: 6px;
	line-height: 24px; text-align: center;
	cursor: pointer;
}
.font1{ color:#999;border: 1px dotted #d5d5d5; }
.font2{ color:#333;border: 1px solid #d5d5d5; }
.share{
	display:inline-block;
	width:154px; height: 24px;
	line-height: 24px; text-align: left;
	background: url(../images/sharebg2.jpg) 4px top no-repeat;
}
.viewPgfy{width:100%; margin:4% auto}
.viewPgfy p{
	float: left;
	width:48%; margin-right: 4%;  border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6;
}
.viewPgfy p a{
	display: block;
	width:100%;
	color: #333; line-height: 428%;
	transition: all 0.3s;
}
.viewPgfy p a:hover{color: #c10214; text-indent: 20px;}


/* page */
.page{
	width: 100%; text-align: center; font-size: 0px; padding: 30px 0%;
}
.page a{
	display:inline-block; 
	transition:all 0.3s ease-in-out;
	padding:0px 16px; border: #e5e5e5 solid 1px; margin-left: -1px;
	color: #000000;font-size:14px;line-height:280%;text-align: center;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.page a.auto{padding:0px 10px}
.page a:hover,
.page a.on{
	border: #c10214 solid 1px;
	color: #fff;
	background: #c10214;
}
.page span{
	display:inline-block; 
	padding: 0px 10px;
	color: #333; font-size: 14px;line-height:280%; 
	vertical-align: top;
}
.page .page_num{
	display:inline-block; 
	width:38px;border: #e5e5e5 solid 1px; margin:0px 6px;
	color: #000000;font-size:14px;line-height:280%; height:2.45em;text-align:center; 
}
.page .page_submit{
	display:inline-block; 
	width:62px;border:none; margin:0px 6px;
	color: #fff;font-size:14px;line-height:280%;text-align: center; 
	background: #c10214;
}
/* hr*/
.hr_left{
	float: left;
	width:70%;
}
.hr_menu{
	width:100%; border:1px solid #e1dcdc;
	background: #f1eeee; 
}
.hr_menu li{
	float: left;
	color:#333333; font-weight: bold; line-height:270% ;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.hr_menu_a{ 
	width:32%;padding: 0px 1.5%;
	text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
	transition: all 0.3s;
}
.hr_menu_b{ 
	width:27%;padding: 0px 1.5%;
	text-align:left;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.hr_menu_c{ width:10%;text-align: center;}
.hr_menu_d{ width:17%;text-align: center;}
.hr_menu_e{ width:14%;text-align: center;transition: all 0.3s;}
.hr_menu_a:hover,
.hr_menu_e:hover{text-indent: 10px;}
.hr_menu_a a,
.hr_menu_b a,
.hr_menu_c a,
.hr_menu_d a,
.hr_menu_e a{color:#666;}
.hr_menu_bg{
	background: url(../images/hr3.jpg) 92% center no-repeat;
}
.hr_menu_list{width:100%; border-bottom:1px dotted #e1dcdc;}
.hr_menu_list li{
	float: left;
	color:#666666; line-height:360% ;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.hr_right{
	float: right;
	width: 27.58%;
}
.hr_tel{
	width:100%; border-top: 1px solid #d6d6d6; padding:11% 6%;margin-top: 5%;
	background: url(../images/hr2.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-size: contain;
	background-color: #fff;
	color:#666666; font-size: 18px;line-height: 160%;
}
.hr_tel h2{color: #c10214; font-size: 26px; line-height:180% ; font-weight: normal;}
.hr_content{
	width:100%;  padding: 5% 20px 8% 20px;
	background: #f1eeee; 
}
.hr_content_ul{
	width:100%; border-bottom:1px dotted #c3c2c2;
	color:#333333; line-height:320% ;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.hr_content_ul li{
	float:left;
	width:50%;padding:0px 16px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.hr_content span{color:#c10214}
/* hr_form*/
.hr_form{
	width:100%; padding-bottom: 20px;
}
.hr_form input{height: 42px;}
.hr_form_title{
	color: #fff; font-size: 18px; text-align: center; line-height: 235%;
	background: #c10214;
}
.hr_form_item{
	position: relative;
	padding-top: 90px;
	width:100%; border:1px solid #e1e1e1; border-top: none;
}

.hr_forom_item_a,
.hr_forom_item_c{width:58%;margin-bottom: 16px;color: #333333; font-size: 14px; line-height:320%;}
.hr_forom_item_b{width:100%;margin-bottom: 16px;}
.hr_forom_item_b a{ color: #c10214;}
.hr_forom_item_a p,
.hr_forom_item_b p,
.hr_forom_item_c p{
	float: left;
	color: #333333; font-size: 14px; line-height:300%; text-align: right;
}
.hr_forom_item_c{line-height:180%!important;}
.hr_forom_item_c p{line-height:180%!important;}
.hr_forom_item_a p,
.hr_forom_item_c p{width: 32%;}
.hr_forom_item_b p{width: 18.56%;}
.hr_forom_item_b p.hr_form_p100{width:12.37%}
.hr_forom_item_a span,
.hr_forom_item_b span{color:#c10214}
.hr_forom_item_b img{float:left}
.input300,
.input620,
.input200,
.input180,
.textarea620{
	float: left;
	display: block;
	border:1px solid #d5d5d5;
	color: #333333; font-size: 14px; line-height:320%; text-indent: 12px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-webkit-appearance:none;
	border-radius: 0px;
}
.hr_forom_item_c .input300{line-height:180%!important;}
.hr_forom_item_a .input300{width:62%}
.hr_forom_item_b .input300{width:35.96%}
.input620{width:76%}
.textarea620{width:76%;line-height:180%;padding:6px 10px; }
.textarea620::-webkit-input-placeholder{
	color:#999999; font-size:12px;line-height: 180%; 
}
.input200{width:27.6%}
.input180{width:24%}
.hr_submit{border:none}
.person_img{
	position: absolute; top:20px; right:9%;
	width:23.4%; height: 25%;
	background: url(../images/person.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-size: contain;
}
.person_button{
	width: 80%; margin: 46% auto 0% auto;
	color: #fff; line-height: 300%; text-align: center;
	background: #C10214;
	cursor: pointer;
}
/* news*/
.news_dl{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:100%; padding: 20px; border-bottom: 1px solid #dcdcdc;
}
.news_dl a{display: block; border:2px solid #fff;}
.news_dl a dd h4{transition: all 0.3s;}
.news_dl a:hover{border:2px solid #C10214;}
.news_dl a:hover dd h4{text-indent: 20px;color: #c10214}
.news_dl dt{float: left;width:20.8%;}
.news_dl dd{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	float: left;
	width: 79.2%; padding-left:20px;
}
.news_dl dd h4{
	color: #1f1f1f; font-size:20px; line-height: 220%; font-weight: normal;
}
.news_dl dd h5{
	color: #666666; font-size:14px; line-height: 160%; font-weight: normal;
}
.news_dl dd h6{
	width:92px; border-radius: 12px; margin-top: 1.3%;
	color: #666666; font-size:12px; line-height: 200%; font-weight: normal; text-align: center;
	background: #e2dcdc;
}
.news_dl dd span{
	float: left;margin-top: 1.8%;
	color: #c10214;
}

/* project*/
.project_dl{
	position: relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:100%; padding: 30px 20px 0px 20px; 
	overflow:hidden;
}
.project_dl a{display: block;border: 2px solid #fff;background: #f8f5f5;}
.project_dl a dd h4{transition: all 0.3s;}
.project_dl a:hover{border: 2px solid #c10214;}
.project_dl a:hover dd h4{text-indent: 20px;color:#c10214;}
.project_dl dt{float: left;width:26%;}
.project_dl dd{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	float: left;
	width: 74%; padding-left:20px; padding-top: 6%; padding-right: 20px;
}
.project_dl dd h4{
	color: #1f1f1f; font-size:18px; line-height: 240%; font-weight: normal;
}
.project_dl dd h5{
	color: #333333; font-size:14px; line-height: 160%; font-weight: normal;
}
.project_dl dd h5 p{display:inline;}
.project_dl dd h6{
	width:92px; border-radius: 12px; margin-top: 1.3%;
	color: #666666; font-size:12px; line-height: 200%; font-weight: normal; text-align: center;
	background: #e2dcdc;
}
.project_dl dd span{
	float: left;margin-top: 1.8%; padding-left: 10px;
	color: #c10214;
}
.project_a{
	position: absolute; right:40px; top:16%;
	width:100%; 
	font-size:0px;text-align: right;
}
.project_a a{
	display: inline-block;
	color: #333333; font-size: 14px; line-height: 240%;
	padding:0px 2%; border:none; border-bottom:2px solid #dfd8d8;
	transition: all 0.6s;
}
.project_a a:hover{border:none; border-bottom: 2px solid #C10214;color:#C10214}

.project_img_title{position:relative;width: 100%;}
.project_img{
	float:left;
	width:52.5%;padding-right: 2.5%;
}


.project_title{
	float: left;
	width:47.5%;
}
.project_title h2{
	padding:2% 0%;
	color: #333333; font-size: 20px;line-height: 180%; font-weight: normal;
}
.project_title h3{
	color: #666666; font-size: 14px;line-height: 180%; font-weight: normal;
}
.project_title a{
	display: block;
	width:100%;
	color: #C10214; font-size: 14px; line-height: 400%; font-weight: bold;
}

.project_img_title_move{display: none;}
.project_title_move{
	padding:0% 5%  4% 5%;
	color: #333333; font-size: 20px;line-height: 180%; font-weight: normal; text-align: center;
}
.project_img_move{width: 86%; margin: 0 auto;}
.project_img_title_move a{
	display: block;
	width:100%;
	color: #C10214; font-size: 16px; line-height: 400%; font-weight: bold; text-align: center;
}

.project_list{
	position: absolute; right:0%; bottom: 0%;
	width: 47.5%; padding-top: 1.5%;
	background: url(../images/projectlinexian.jpg) left top repeat-x;
}

.project_list li{
	float: left; margin-right:1%;
	width:23.6%;
	cursor: pointer;
}

.project_iteam{
	width:100%;padding:0% 20px; margin:6% 0%; border-bottom: 1px solid #949494;
}
.project_iteam li{
	float: left;
	width:13%; border:1px solid #c10214; margin-bottom: -1px; margin-right: 6px;
	color:#fff;font-size:16px;line-height:237.5%;text-align: center;
	background: #c10214;
	transition: all 0.3s;
}
.project_iteam li:hover,
.project_iteam li.on{
	color: #C10214;
	background: #f6eaec;
	cursor: pointer;
}
.project_iteam li a{color:#fff ;}
.project_iteam li:hover a,
.project_iteam li.on a{color: #C10214;}

.project_content_body{width:100%; overflow: hidden;}
.project_content_box{width:100%;}
.project_content_title{
	width:100%; border-bottom: 1px solid #dbdcdc; padding:0px 20px;
	color: #333333; font-size: 18px;line-height: 220%; font-weight: bold;
	background: #f8f5f5;
}
.project_content{
	width:100%; padding:20px;
	color: #666666; line-height: 180%;
}
.project_contact{
	float: left;
	width: 38.2%; padding-right:30px;
}
.project_map{
	float: left;
	width: 61.8%; border:1px solid #a2a7a7;
}
.project_map img{max-width:none;}

.project_floor_img{
	float: right;
	width: 35%;
}
.project_floor_img li{
	float: left;
	width:50%;padding-left:4.580%; padding-bottom: 1%;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	cursor: pointer;
}
.project_floor_img li img{border:1px solid #DBDCDC}
.project_floor{
	float: right;
	width:48.20%;border: 1px solid #dbdcdc;
}

/* team*/
.team_dl{
	margin:0px  20px 0px 20px; padding: 40px 0px; border-bottom: 1px dotted #beb8b8;
}
.team_dl dt{
	float: left;
	width:24.6%;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.team_dl dt img{ display: block; border:1px solid #ebe7e7; padding: 5px;margin: 0 auto;}
.team_dl dd{
	float:left;
	width:50%; padding-left: 30px; padding-right: 30px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.team_dl h3{
	width: 100%;
}
.team_dl h3 span{
	float: left;
	padding-right: 20px;
	color: #c10214; font-size: 20px; line-height: 300%;
	background: url(../images/arrow2.png) right center no-repeat;
}
.team_dl h4{
	color: #333;font-size: 16px;line-height: 240%; font-weight: normal;
}
.team_dl h5{
	padding-top: 10px;
	color: #666666;font-size: 14px;line-height: 180%; font-weight: normal;
}


/*brand*/
.brand_class{
	margin: 20px 20px 0px 20px;
	background: url(../images/classbg.jpg) left bottom repeat-x;
}
.brand_class li{
	position: relative;
	float:left;display:block;
	width: 16.25%; margin-right: 0.5%; margin-top: 10px;
	background: #f8f5f5;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.brand_class a{
	display: block;
	width:100%;border:1px solid #dfd8d8;
	color: #000000;  line-height:300%;text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
	background: #f8f5f5;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.brand_class a:hover{color:#C10214;}
.brand_class a.on{color:#C10214;border:1px solid #C10214;}
.a1,.a3{
	position:absolute;left:0;
    width: 0; height:1px;display: block;
    background: #C10214;
}
.a2, .a4{
    position:absolute;top:0;
    width: 1px;height: 0; display: block;
    background: #C10214;
}
.a1{top:0;}
.a2{left: 0;}
.a3{bottom: 0;}
.a4{right: 0;}

.brang_list{
	padding: 30px 20px; border-bottom: 2px solid #e0d9d9;
}
.brang_list dt{
	float: left;
	width:30.4%;border: 1px solid #e0d9d9;
	background: #F0AD4E;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.brang_list dd{
	float: left;
	width:69.6%; padding-left: 1.4%;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.brang_list dd a{
	float: left;
	position: relative;
	width:20%;padding-left:5px;padding-bottom: 5px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	cursor: default;
	
}
.brang_list dd a span{
	position: absolute;left:0px;top: 42%;
	width:100%; height:100%;margin-left:5px;margin-bottom:5px;display: block;
	color: #fff; font-size: 18px; line-height: 100%; text-align:center;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	cursor: pointer;
}

.brang_list_view{width:100%;  padding: 30px 20px 0px 20px;}
.brang_list_view a{
	position: relative;
	float: left;
	width: 16.4%;  margin-right: 0.32%; margin-bottom: 3%;
	overflow: hidden;
}
.brang_list_view a span{
	position: absolute; left:0px; top:-190px; z-index:9;
	display: block;
	width: 100%;height: 100%; padding: 0px 20px 0px 20px; padding-top: 34%;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	background: url(../images/redbg.png);
	color: #fff;font-size: 18px; line-height: 160%; text-align: center;
}


/* video、operation */
.video_dl,
.operation_dl{
	float:left;
	width:23.8%; padding-top: 10px; padding-bottom:12px; margin-right: 1.6%;
}
.video_dl a dt img,
.opetion_dl a dt img{	transition: all 0.3s;}
.video_dl a:hover dt img,
.opetion_dl a:hover dt img{	transform: scale(1.1);}
.video_dl dt,
.operation_dl dt{overflow: hidden;}
.video_dl dt  img,
.operation_dl dt  img{
	display: block;
	margin: 0 auto;
}
.video_dl dd,
.operation_dl dd{
	padding:10px 20px;
	border-bottom: 1px solid #dcdcdc;
	background: #f9f7f7;
}
.video_dl h3,
.operation_dl h3{
	color: #000000;font-size: 16px; line-height: 200%; font-weight: normal;
}
.video_dl h4,
.operation_dl h4{
/*	height: 50px;*/
	color: #666;font-size:14px;line-height: 180%; font-weight: normal;
}
.operation_dl h4 p{display: inline;}
.video_dl h5,
.operation_dl h5{
	color: #c10214; font-size: 14px; line-height: 180%;
}

.operation_dl h6{
	color: #666;font-size:14px; line-height: 180%; font-weight: normal;
}

.operation_img{
	position: relative;float:left;
	width:69%; margin-right: 2%;
}
.ope_left,
.ope_right{position: absolute;  top: 44%;cursor:pointer}
.ope_left{left:0%}
.ope_right{right:0%}
.operation_list{
	position: relative;float: left;	
	width:12.1%;
}
.ope_top{padding-bottom: 6px;}
.ope_bottom{padding-top: 6px;}
.operation_ul{
	position:relative;
	width:100%;
	overflow: hidden;
}
.operation_ul ul{width:100%;}
.operation_ul li{
	position: relative; border:1px solid #fff;cursor:pointer;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.operation_ul li.on img{border:2px solid #C10214;}

.operation_ul_div{
	position: absolute;left:0%; top:0%;
	width: 100%;
}
.htmlpic2{
	position: absolute; left:0px; top:1000px;  z-index: 22;
}

/* animation */
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

/*module slide banner 幻灯片效果*/
.mod-slide{
	position:relative;
	visibility:hidden;
	overflow:hidden;
}
.mod-slide .slide-in{
	position:relative;
	overflow:hidden;
}
.mod-slide .slide-in > div{
	position:relative;float:left;
	width:100%;
	font-size:0;text-align:center;
}
.mod-slide .slide-in > div img{
	display:inline-block;
}
.mod-slide .slide-pos{
	position:absolute;left:0;bottom:0.5em;z-index:9999;
	width:90%;padding:1% 0%; 
	text-align:right;
}
.mod-slide .slide-pos li{
	width:0.5em;height:0.5em;margin:0 0.2em; border-radius:0.25em;display:inline-block;
	background:#fff;
}
.mod-slide .slide-pos li.on{
	background:#C10214;
}
.slide{
	width:100%;margin:0 auto;
}


.xsdb_box{
		position: absolute; z-index: 99999; left:0%; top:0%; display:none;
		width:100%; height: 100%;
	}
.xsdb{
	position: relative; z-index: 99999; left:26%; top:30%;  display:none;
	width: 49%; max-width: 564px; border:1px solid #afafaf;
	background: url(../images/map/mapbg.png);
}
.xsdb_title{
	width:100%;padding:2.2% 3%;
	color: #1f1f1f; font-size: 16px; line-height: 187.5%;
}
.xsdb_title p{float:right; width:6%; cursor: pointer;}
.xsdb dl{
	width: 94%; padding:2.5%; margin: 0 auto; border: 1px solid #afafaf; margin-bottom: 3%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.xsdb dl dt{
	float: left;
	width:20.2%;padding:1%;border: 1px solid #cdcfcf;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.xsdb dl dd{
	float:left;
	width:79.8%; padding-left:2%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.xsdb dl dd h2{color: #707070; font-size: 16px; font-family: '宋体'; line-height: 180%;}
.xsdb dl dd h3{color: #707070; font-size: 12px; font-family: '宋体'; line-height: 170%; font-weight: normal;}
.content_map{position:relative; margin: 0 auto;}
.content_map_div{
	position: relative;
	width:99.3%; margin: 0 auto;
}
.content_map_div img{display: block!important;}
.dq{
	position: absolute; display: block;   z-index: 19;
	color: #333;font: bold 14px/14px "微软雅黑";
	cursor: pointer;
}
.dq span{color: #c10214;}
.dqon{color: #fff;}
.dqon span{color: #fff;}


	/*.hebei{top:48%;  left: 66.8%;}*/
	.hebei{ top:48%;left:63.8%;}
	.hebei span{ float: right;}
	.qinhuangdao{top:43%;left:73.8%;}
	.tangshan{ top:45%;left:72.5%;}
	.langfang{ top:44%;left:70.5%;}
	.cangzhou{  top:48%;left:70.5%;}
	.handan{  top:52.5%;left:65.8%;}
	

	
	.lvhebei{
		position: absolute; display: none;
		width:10.36%; height:18.78%; top: 36.5%;left: 64.85%;
		background: url(../images/map/hebei.png) ;background-position: center center;	background-repeat: no-repeat;background-attachment:scroll;background-size: cover;
	}
	

	
	/*.liaoning{top: 39%;left: 78.8%;}*/
	.liaoning{top:37.5%;left:79.8%;}
	.benxin{ top:38.7%;left:81.8%;}
	.panjin{ top:39.5%;left:78%;}
	
	
	
	.lvliaoning{
		position: absolute; display: none;
		width:11.21%; height:14.11%;top: 33.8%;  left: 73.5%;
		background: url(../images/map/liaoning.png) ;background-position: center center;	background-repeat: no-repeat;background-attachment:scroll;background-size: cover;
	}
	
	/*.beijing{ top:42.32%;left:69.89%;}*/
	.beijing{ top:42.32%;left:66.89%;}
	.beijing span{float: right;}
	
	
	.lvbeijing{
		position: absolute; display: none;
		width:3.39%; height:4.389%; top:41.32%;left:67.89%;
		background: url(../images/map/beijing.png) ;background-position: center center;	background-repeat: no-repeat;background-attachment:scroll;background-size: cover;
	}
	/*.neimenggu{ top:41.16%;left:61.5%;}*/
	.neimenggu{ top:41.16%;left:56.5%;}
	.neimenggu span{float: ;}
	
	.lvneimenggu{
		position: absolute; display: none;
		width:46.956%; height:50.415%;top:1.16%;left:38.25%;
		background: url(../images/map/neimenggu.png) ;background-position: center center;	background-repeat: no-repeat;background-attachment:scroll;background-size: cover;
	}
	

	
	/*.shandong{ top:53.15%;left:70.9%;}*/
	.shandong{   top:53.15%;left:70.9%;}
	.linyi{   top:56.6%;left:72.4%;}
	

	
	.lvshandong{
		position: absolute; display: none;
		width:12.869%; height:10.676%;top:49.15%;left:66.9%;
		background: url(../images/map/shandong.png) ;background-position: center center;	background-repeat: no-repeat;background-attachment:scroll;background-size: cover;
	}
	
	
	/*.jiangsu{top:62.8%;left:74.16%}*/
	.jiangsu{ top:62.8%;left:74.16%; display: none;}
	.changzhou{  top:65.5%;left:76.2%;}
	.yixing{ top:66.8%;left:75.8%;}
	.xuzhou{  top:59%;left:71.16%;}

	.lvjiangsu{
		position: absolute; display: none;
		width:9.304%; height:11.3879%;top:57.8%;left:69.4%;
		background: url(../images/map/jiangsu.png) ;background-position: center center;	background-repeat: no-repeat;background-attachment:scroll;background-size: cover;
	}
	
	/*.anhui{ top:65.98%;left:70.1%;}*/
	.anhui{ top:70.1%;left:70.1%;}
	.anhui span{float: right;}
	.bengbu{  top:62.7%;left:68.5%;}
	.bengbu span{float: right;}

	.lvanhui{
		position: absolute; display: none;
		width:7.826%; height:13.879%; top:58.98%;left:67.1%;
		background: url(../images/map/anhui.png) ;background-position: center center;	background-repeat: no-repeat;background-attachment:scroll;background-size: cover;
	}
	
	/*.hubei{  top:65.5%;left:59.5%;}*/
	.hubei{  top:65.5%;left:59.5%;}

	.lvhubei{
		position: absolute; display: none;
		width:12.6956%; height:11.0320%;top: 62.5%;  left: 56.4%;
		background: url(../images/map/hubei.png) ;background-position: center center;	background-repeat: no-repeat;background-attachment:scroll;background-size: cover;
	}
	
	/*.hunan{top:74%;left:63.8%;}*/
	.hunan{top:74%;left:61.8%;}
	.hunan span{float: right;}

	.lvhunan{
		position: absolute; display: none;
		width:9.21739%; height:13.64175%;   top: 70.8%;  left: 57.2%;
		background: url(../images/map/hunan.png) ;background-position: center center;	background-repeat: no-repeat;background-attachment:scroll;background-size: cover;
	}
	
/*	.sichuan{ top:68%;left:49.5%;}*/
	.sichuan{ top:68%;left:49.5%;}

	.lvsichuan{
		position: absolute; display: none;
		width:18.1739%; height:21.115%;  top: 59.9%;  left: 38.6%;
		background: url(../images/map/sichuan.png) ;background-position: center center;	background-repeat: no-repeat;background-attachment:scroll;background-size: cover;
	}
	
	/*.guangdong{top:91%;left:59.8%;}*/
	.guangdong{top:91%;left:59.8%;}

	.lvguangdong{
		position: absolute; display: none;
		width:12.60869%; height:12.6927%;  top: 82.25%;left: 58.53%;
		background: url(../images/map/guangdong.png) ;background-position: center center;	background-repeat: no-repeat;background-attachment:scroll;background-size: cover;
	}
	

/*媒体查询 参考部分bootstrap 框架*/
/*当页面大于1200px 时 大屏幕，主要是pc 端   设计稿1200*/
@media(min-width:1200px){
	.div_banner_png{ width: 16.67%;}
	
	.brand_class li.col-ld{margin-right:0%;}
	.brang_list_view a.col-lg{ margin-right:0%}
	.page_content dl.col-lg{ margin-right:0%}
	.news_dl dd h5 p{display:inline;}
}
/*在992 和1200像素质检的屏幕里 小屏幕 主要PAD 设计稿 970*/
@media(min-width:992px) and (max-width:1200px){
	.div_banner{ max-width: 970px;}
	.div_banner_png{ width: 16.67%;}
	
	/*.brand_class li.col-ld{margin-right:0%;}*/
	.brang_list_view a.col-lg{ margin-right:0%}
	.page_content dl.col-lg{ margin-right:0%}
	
	.page_menu,
	.page_content{
		max-width:970px;
	}
	.page_menu ul li{width:13.6%;}
	.team_dl dt{width:28%}
	.team_dl dd{width:55%}
	
	.news_dl dt{width:25%;}
	.news_dl dd{width:75%}
	.news_dl dd h5 p.col-md{display: none;}
	
	
	.brand_class li {width:19.5%;margin-right: 0.625%;}
	.brand_class li.col-md{float:left;margin-right: 0%;}
	
	.project_dl dt {width:30%}
	.project_dl dd {width:70%}
	.project_a {top: 16%;}
	.project_iteam li{width:15%}
	
	.operation_dl dd h5 p.col-md{display: none;}
	
	.brang_list_view a span{ padding-top: 30%;}
	
	
	.hr_menu_e:hover{text-indent: 6px;}
	.person_img {top: 30px; height:20%;}
	.hr_forom_item_a .input300{ width: 58%;}
	.hr_forom_item_b .input300 {width:34.22%;}
	.hr_forom_item_b p.hr_form_p100 {  width: 15.8%;}
	.input200{width: 26%;}
}
/*在768 和991像素质检的屏幕里 小屏幕 主要PAD 设计稿750*/
@media(min-width:768px) and (max-width:991px){
	/*.projectPic ul li{width: 20%;}
	.projectTitle img{width: 70.67%;  margin: 0 auto;}*/
	.div_banner{ width: 95%;}
	.div_banner_png{ width: 16.67%;}
	
	.page_menu,
	.page_content{width:95%;}
	.page_menu ul li{
		width:13.6%;
	}
	.team_dl dt{width:29%}
	.team_dl dd{width:60%}
	
	.news_dl dt{width:26%;}
	.news_dl dd{width:74%}
	.news_dl dd h5 p.col-sm{display: none;}
	
	.brand_class li {width:24.4%;margin-right: 0.8%;}
	.brand_class li.col-sm{margin-right: 0%;}
	
	.operation_dl,
	.video_dl{width:32.26%}
	.page_content dl.col-xs-black{ margin-right:0%;}
	
	.project_dl dd{padding-top: 4.8%;}
	.project_dl dd h5 p.col-sm{display:none}
	.project_dl dd span{margin-top: 1%;}
	.project_iteam li{ width:15%;}
	
	.operation_dl dd h5 p.col-sm{display: none;}
	
	.brang_list_view a{ width:19.744%}
	.brang_list_view a span{padding:10px; padding-top: 30%;}
	.brang_list_view a.col-md-black{ margin-right:0%;}

	
	.hr_menu_e:hover{text-indent: 2px;}
	.person_img {top: 40px; height:19%;}
	.hr_forom_item_a .input300{ width: 58%;}
	.hr_forom_item_b .input300 {width:34.22%;}
	.hr_forom_item_b p.hr_form_p100 {  width: 15.8%;}
	.input200{width: 26%;}
	
	.page span.col-sm{display:none}
	
	.content{ width:100%}
	.hr_left{ width:100%}
	
	
	.xsdb dl dt{ width:30%}}
	.xsdb dl dd{ width:70%}}
}

/*在768像素一下  主要手机  设计稿 640*/
@media(min-width:640px) and (max-width:768px){
	
	.content,
	.content_map,
	.content_flower {padding-left:0px; padding-right: 0px;}
	.nav_move_div{width:26%}
	
	.div_banner{ width: 95%;}
	.div_banner_png{ width: 16.67%;}
	.div_banner_font { padding-top: 4%;}
	
	.page_menu,
	.page_content{width:95%;}
	.page_menu ul li{
		width:18%;
	}
	.team_dl dt{width:35%}
	.team_dl dd{width:65%}
	
	.news_dl dt{width:26%;}
	.news_dl dd{width:74%}
	.news_dl dd h5 p.col-xs{display: none;}
	
	.brand_class {margin-left:0px; margin-right:0px}
	.brand_class li {width:32.5%;margin-right: 1.25%;}
	.brand_class li.col-xs{margin-right: 0%!important;}
	.brand_class li.col-sm{float:left;margin-right: 1.25%;}
	
	.brang_list dt{width:32.5%}
	.brang_list dd{width:67.5%}
	.brang_list dd a{width:33.33%}
	
	.news_dl,
	.team_dl,
	.project_dl{ padding-left:0px; padding-right: 0px;margin-left:0px; margin-right: 0px;}
	
	.project_dl dd{padding-top: 1.0%;}
	.project_dl dd h5 p.col-xs{display:none}
	.project_dl dd span{margin-top: 1%;font-weight: bold;}
	/*.project_iteam{ display: none;}*/
	
	.operation_dl,
	.video_dl{width:32.26%}
	.operation_dl dd,
	.video_dl dd{padding:2% 3%}
	.page_content dl.col-xs-black{ margin-right:0%;}
	
	.brang_list_view {padding-left:0px;padding-right:0px}
	.brang_list_view a{ width:24.76%; }
	.brang_list_view a span{padding:10px; padding-top: 30%;}
	.brang_list_view a.col-xs-black{ margin-right:0%;}

	
	.hr_menu_e:hover{text-indent: 2px;}
	.person_img {top: 40px; height:19%;}
	.hr_forom_item_a .input300{ width: 58%;}
	.hr_forom_item_b .input300 {width:34.22%;}
	.hr_forom_item_b p.hr_form_p100 {  width: 15.8%;}
	.input200{width: 26%;}
	
	.page a.col-ls{display:none}
	.page span.col-xs{display:none}
	
	.content{ width:100%}
	.hr_left{ width:100%}
	
	
		/* project_view*/
	.project_img_title_move{display: block;	}
	.project_contact { width: 100%; padding:0px;padding-bottom:5%}
	.project_map { width: 80%; padding:0px; margin: 0 auto;}
	
	/* news_view*/
	.view_time div.view_time_iteam {width: 50%; display: block;float:left}
	.view_time div.width100{width: 100%; display: block;float:left}
	.view_time div.col-ls{display: none;}
	
	
	
	.col-xs{margin-right:0%}
	
	
	.xsdb dl dt{ width:100%}
	.xsdb dl dt img{display: block; margin: 0 auto;}
	.xsdb dl dd{ width:100%}
}
@media(max-width:640px){
	.content,
	.content_map,
	.content_flower {padding-left:0px; padding-right: 0px;}
	.nav_move_div{width:8.75rem}
	.nav_move_div li a{ font-size:1.125rem; line-height: 240%}
	
	.div_banner{ width: 95%;}
	.div_banner_png{ width: 16.67%;}
	.div_banner_font { padding-top: 4%;}
	
	.page_menu,
	.page_content{width:95%;}
	.page_menu ul li{
		width:24%; margin-right:0px; margin-right: 1%;
	}
	.team_dl dt{width:100%}
	.team_dl dd{width:100%; padding-left: 0px; padding-right: 0px;}
	
	.news_dl dt{width:0%;}
	.news_dl dd{width:100%; padding-left: 0px;}
	.news_dl dd h5 p.col-ls{display: none;}
	
	.brand_class{margin-left:0px; margin-right: 0px;}
	.brand_class li {width:49.5%;margin-right: 1%;}
	.brand_class li.col-ls{margin-right: 0%; float: right;}
    .brand_class li.col-xs{margin-right: 0%;}
	 
	.brang_list dt{width:32.5%}
	.brang_list dd{width:67.5%}
	.brang_list dd a{width:33.33%}
	.brang_list dd a span {font-size: 0.75rem;}
	
	.news_dl,
	.project_dl{ padding-left:0px; padding-right: 0px;margin-left:0px; margin-right: 0px;}
	
	.project_dl{ width: 49%; margin-right:1%; float:left;}
	.project_dl dt{width:100%;}
	.project_dl dd{width:100%; padding:2% 6%; }
	.project_dl dd h4{ font-size: 16px; line-height: 200%;}
	.project_dl dd h5{ line-height: 180%;}
	.project_dl dd h5 p.col-ls{display:none}
	.project_dl dd span{margin-top: 1%; padding-left:0px; line-height: 200%; font-weight: bold;}
	/*.project_iteam{ display: none;}*/
	
	.operation_dl,
	.video_dl{width:49.2%}
	.operation_dl dd,
	.video_dl dd{padding:2% 6%}
	.operation_dl dd h4 p.col-ls{display: none;}
	
	.page_content dl.col-ls-black{ margin-right:0%;}
	
	.brang_list_view {padding-left:0px;padding-right:0px}
	.brang_list_view a{
		width:24.76%;border-right: 1px solid #fff;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.brang_list_view a span{padding:3%; padding-top: 10%; font-size: 1.0rem;}
	.brang_list_view a.col-ls-black{ margin-right:0%;}

	
	.hr_menu_e:hover{text-indent: 2px;}
	.person_img {top: 40px; height:19%;}
	.hr_forom_item_a .input300{ width: 58%;}
	.hr_forom_item_b .input300 {width:34.22%;}
	.hr_forom_item_b p.hr_form_p100 {  width: 15.8%;}
	.input200{width: 26%;}
	
	.page a.col-ls{display:none}
	.page span.col-ls{display:none}
	
	.content{ width:100%}
	.hr_left{ width:100%}
	
	/* 640 以下 针对  手机*/
	.copyright_right{ font-size: 0.75rem;}
	.goback a{width:25%; font-size: 1.0rem; line-height: 220%;}
	.goback_noborder a{width:25%; font-size: 1.0rem; line-height: 220%;}
	.hr_menu_b {width:24%}
	.hr_menu_c {width:14%}
	.hr_menu_d{ width:30%}
	
	.hr_content{padding:5%}
	.view h2{line-height: 300%;}
	.hr_content_ul{border-bottom:none;}
	.hr_content_ul li{width:100%;padding:0px;border-bottom:1px dotted #c3c2c2; }
	
	.hr_forom_item_a,
	.hr_forom_item_b,
	.hr_forom_item_c{ width:100%}
	
	.hr_forom_item_a p,
	.hr_forom_item_b p,
	.hr_forom_item_c p {width: 32%;}
	.hr_forom_item_b p.hr_form_p100{width: 32%;}
	
	.hr_forom_item_b .hr_form_p100,
	.hr_forom_item_b .input200{margin-top: 16px;}
	
	.hr_forom_item_b .input300,
	.input620,
	.input200 { width:58%}
	
	.textarea620{ width:58%}
	
	.hr_form_item{ padding-top: 5%;}
	.person_img{
		position: relative; left:0%; top:0%;
		width:10rem; height: 12rem; margin: 0 auto 16px auto;
		clear: both;
	}
	.person_button{ 
		position: absolute; margin: 0 auto; top:30%; left:10%;
	}
	
	
	/* project_view*/
	.project_img_title_move{display: block;	}
	.project_contact { width: 100%; padding:0px;padding-bottom:5%}
	.project_map { width: 100%; padding:0px;}
	
	/* news_view*/
	.view_time div.view_time_iteam {width: 50%; display: block;float:left}
	.view_time div.width100{width: 100%; display: block;float:left}
	.view_time div.col-ls{display: none;}
	
	
	
    .col-ls{display: none;}
    
    .xsdb dl dt{ width:100%}
    .xsdb dl dt img{display: block; margin: 0 auto;}
	.xsdb dl dd{ width:100%}
}