/* CSS Document */
*{ margin:0; padding:0;  list-style:none; border:0;  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

h1,
h2,
h3,
h4 {
  font-weight: bold;
}
a{ text-decoration:none;}
h2 a:hover{ text-decoration:underline;}
.box{ width:100%; height:100%; overflow:hidden; font-size:14px; }

.gery{ background-color:#efefef;}

.wrap960,.phone, .site, .langue,.search,.main_nav,#main_nav,.main_nav li,#main_nav li ul.hidden1,.nav_us,.nav1 dd,.nav_pic,.nav_pic1,.nav_pro,.nav_line,.bottom,.tijiao,.tit,.liuyan_new,.langue ul,.langue{ box-sizing:content-box;}
.drawer-hamberger{ display:none;}
.xyhead2 img{ padding:20px; display:none; float:left;}
.drawer-default .drawer-nav-list li a{ font-size:24px; color:#fff;}
.drawer-default .drawer-nav-list{ margin-top:10px;}
.drawer-right.drawer-open .drawer-main{ z-index:9999;}
.langue ul{top:55px;}



.xybottom2{ display:none; width:100%; text-align:center; color:#999; height:100%; overflow:hidden;  padding-top:15px; padding-bottom:10px; margin-top:30px; border:1px solid #ddd; font-size:12px;}
.xybottom_left{ float:left; width:150px; margin-right:85px;}
.xybottom_right{width: 445px; height:100%; padding-top:15px;overflow:hidden; text-align:left;float:right;}
.xybottom2 p{ padding:0; margin:0; text-indent:none;}


.xyepc_nav{ width:100%; display:block; height:auto; margin-bottom:80px;}
.xyepc_nav li{ float:left;  text-align:center; display:block;width:123px; height:40px; margin-bottom:1%;}
.xyepc_nav li  a{ display:block; width:123px; height:40px; color:#fff; font-size:16px; line-height:40px;  }
.xyepc_nav li  a:hover{ text-decoration:none; z-index:999; margin-top:-5px;  }

.xyepc_nav li  a.nav_on{display:block;width:123px; height:40px; color:#fff; font-size:16px; line-height:40px; }



.plist5 li {
    width: 158px;
    text-align: center;
    padding:3px;
	margin:8px;
    float: left;
	border: 1px solid #ddd;
	height:128px;
}

.plist4 li {
    width: 202px;
    text-align: center;
    padding:0;
	margin:0;
	margin-right:2px;
    float: left;


}
.plist4 li a{border: 1px solid #ddd; margin-bottom:3px;}

.plist2 .xy108{  margin-left:108px;}

.plist2 li {
    width: 266px;
    text-align: center;
    margin: 0 30px;
    float: left;
	

}
.plist2 li a{border: 1px solid #ddd; margin-bottom:3px;}

.xypart h3{ display:block; position:relative; margin-left:-50px;  height:37px; width:848px; z-index:999; clear:both; color:#fff; font-size:18px; text-align:left; padding-left:30px; padding-top:5px;}

.xymiddle_pic{ text-align:center; margin-bottom:10px;}
.xymiddle_pic img{ margin:0 auto; margin-bottom:3px;}
.xyrow_4pic{ width:828px; display:block;}
.xyrow_4pic li{ float:left; width:200px; margin:10px 3px 15px 3px;}

.xyrow_4pic li span{ font-size:12px; font-family:"宋体"; padding-top:6px; display:block; height:24px;}
.massage_new .liuyan_new textarea{ width:96%;}



.s980 #demo {
	width: 878px;
	margin: auto;
	position: relative;
	overflow:hidden;
	margin-bottom:15px;
}


.flipLightBox, .flipLightBox-1, .flipLightBox-2, .flipLightBox-3, .flipLightBox-4, .flipLightBox-5, .flipLightBox-6, .flipLightBox-7, .flipLightBox-8, .flipLightBox-9, .flipLightBox-10, .flipLightBox-11, .flipLightBox-12 , .flipLightBox-13 , .flipLightBox-14 , .flipLightBox-15 , .flipLightBox-16 , .flipLightBox-17 , .flipLightBox-18 , .flipLightBox-19 , .flipLightBox-20 , .flipLightBox-21 , .flipLightBox-22 , .flipLightBox-23, .flipLightBox-24, .flipLightBox-25, .flipLightBox-26, .flipLightBox-27, .flipLightBox-28, .flipLightBox-29, .flipLightBox-30, .flipLightBox-31 , .flipLightBox-32, .flipLightBox-33, .flipLightBox-34, .flipLightBox-35, .flipLightBox-36, .flipLightBox-37, .flipLightBox-38, .flipLightBox-39, .flipLightBox-40, .flipLightBox-41, .flipLightBox-42, .flipLightBox-43, .flipLightBox-44, .flipLightBox-45, .flipLightBox-46, .flipLightBox-47, .flipLightBox-48, .flipLightBox-49, .flipLightBox-50, .flipLightBox-51, .flipLightBox-52, .flipLightBox-53 { text-align:center; margin:0 auto; display:inherit; float:none; width:auto; height:auto; margin:0; border:0; padding:0;}
.s980 .flipLightBox span {
	background: #fff;
	color: #fff;

}



.s980 .flipLightBox span {
	background: #fff;
	color: #fff;

}




@media (max-width: 1200px) {
	body{ width:100%; min-width:100%;}
	.banner{ width:100%;}
	.banner img{ width:100%;}
	.gery{ background-color:#fff;}
	.s980 p{  margin-top:15px; margin-bottom:15px; text-indent:2em; line-height:1.8em; text-align:left;}

	.s980{ width:100%; padding:3% 3% 3% 3%;}
	.xyepc_nav{ margin-bottom:4%;}
	.xypic_right1{ width:35%; margin-left:4%; margin-bottom:3%; height:auto;}
	.xypic_left1{  width:42%; margin-right:4%; margin-bottom:3%; height:auto;}
	.xypart{ width:100%;}
	
	.plist5 li {width: 46%; margin:0 2%; margin-bottom:5%; height:auto;}
	.plist5 li img{ width:100%;}
	.plist4 li {width: 46%; margin:0 2%; margin-bottom:5%; height:auto;}
	.plist4 li img{ width:100%;}
	.plist2 li {width: 46%; margin:0 2%; margin-bottom:5%; height:auto;}
	.plist2 li img{ width:100%;}
	.xypart h2{ width:100%;}
	.xypart h3{ width:100%;}
	.plist2 .xy108{ margin-left:2%;}
	.xymiddle_pic img{ width:80%;}
	.xyrow_4pic{ width:100%; margin-top:5%;}
	.xyrow_4pic li{ width: 46%; margin:0 2%; margin-bottom:5%; height:auto;}
	.xyrow_4pic li img{ width:100%; margin:0;}
	.submit{ margin-left:25%;}
	.massage_new .liuyan_new textarea{ width:96%;}
	
	
	.s980 #demo { width:100%;}
	.flipLightBox, .flipLightBox-1, .flipLightBox-2, .flipLightBox-3, .flipLightBox-4, .flipLightBox-5, .flipLightBox-6, .flipLightBox-7, .flipLightBox-8, .flipLightBox-9, .flipLightBox-10, .flipLightBox-11, .flipLightBox-12 , .flipLightBox-13 , .flipLightBox-14 , .flipLightBox-15 , .flipLightBox-16 , .flipLightBox-17 , .flipLightBox-18 , .flipLightBox-19 , .flipLightBox-20 , .flipLightBox-21 , .flipLightBox-22 , .flipLightBox-23, .flipLightBox-24, .flipLightBox-25, .flipLightBox-26, .flipLightBox-27, .flipLightBox-28, .flipLightBox-29, .flipLightBox-30, .flipLightBox-31 , .flipLightBox-32, .flipLightBox-33, .flipLightBox-34, .flipLightBox-35, .flipLightBox-36, .flipLightBox-37, .flipLightBox-38, .flipLightBox-39, .flipLightBox-40, .flipLightBox-41, .flipLightBox-42, .flipLightBox-43, .flipLightBox-44, .flipLightBox-45, .flipLightBox-46, .flipLightBox-47, .flipLightBox-48, .flipLightBox-49, .flipLightBox-50, .flipLightBox-51, .flipLightBox-52, .flipLightBox-53 { 
	 width:100%;
	}
	.xybottom2 p{ padding:0; margin:0; text-indent:initial;}
	.xybottom2 a{ color:#999;}

}



@media screen and (min-width: 768px) and (max-width: 991px) {
	
	.submit{ margin-left:40%;}
	.xyhead1{ display:none;}
	.drawer-hamberger{ display:block;}
	.xyhead2 img{ display:block;}
	.xybottom1{ display:none;}
	.xybottom2{ display:block;}

}


@media screen and (min-width: 500px) and (max-width: 767px) {
	
	.xypic_right1{ width:100%; float:none; margin:0; margin-bottom:4%;}
	.xypic_left1{  width:100%; float:none; margin:0; margin-bottom:4%;}
	.xyhead1{ display:none;}
	.drawer-hamberger{ display:block;}
	.xyhead2 img{ display:block;}
	.xybottom1{ display:none;}
	.xybottom2{ display:block;}

	
}



@media only screen and (max-width: 499px) {
	
	.xypic_right1{ width:100%; float:none; height:auto; margin:0; margin-bottom:4%;}
	.xypic_left1{  width:100%; float:none; margin:0; margin-bottom:4%;}
	.plist5 li {width: 100%; float:none; margin-bottom:5%; margin-left:0;}
	.plist5 li img{ width:100%;}
	.plist4 li {width: 100%; float:none; margin-bottom:5%; margin-left:0;}
	.plist4 li img{ width:100%;}
	.plist2 li {width: 100%; float:none; margin-bottom:5%; margin-left:0;}
	.plist2 li img{ width:100%;}
	.plist2 .xy108{ margin-left:0;}
	.xyrow_4pic li{ width: 100%; float:none; margin:0;}
	.xyhead1{ display:none;}
	.drawer-hamberger{ display:block;}
	.xyhead2 img{ display:block; width:70%;}
	.xybottom1{ display:none;}
	.xybottom2{ display:block;}
	.xybottom_left{ display:none;}
	.xybottom_right{ width:100%; float:none; padding-top:0;}
	

	

	
}