@media screen and (min-width: 1024px){
.width1400{ width:1400px; margin:0 auto; } 
.headbox{ height:80px; display:flex; justify-content:space-between; align-items:center; }
.logobox{ display:flex; align-items:center;  }
.logobox i{ padding:0 10px; }
.logobox span{ font-size:20px; }
.topnav{ display:flex; align-items:center; justify-content:right; }
.topnav a{ border:1px solid #b7b7b7; padding:0px 10px; border-radius:5px; margin:0 5px; }
.width1920{ width:100%; margin:0 auto; }
.banner{ text-align:center; }
.banner img{ width:100%; height:auto; max-width:1920px; }
.box2{ display:flex; justify-content:space-between; margin:50px auto !important;
}
 .box2left{ width:800px; }  
 .box2right{ width:560px; }
 .box2title{ display:flex; justify-content:space-between; }
 .box2title h2{font-size: 24px;}
 .box2left ul li{ display:flex; justify-content:space-between; padding:12px 0;}
  .box2left ul li a{ width:700px; overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
 .box3{ background:url(../images/bg3.jpg) no-repeat top center; padding:30px 0; }
 .box31{ display:flex; justify-content:space-between;width:100%; height:500px; }
 .box31left{ padding:25px; box-sizing:border-box; background:url(../images/bg4.png) no-repeat center; width:460px; height:499px;  border-radius:25px 0 0 0; }
  .box31left h2{ display:flex; align-items:center; font-size:24px; color:#fff; font-weight:normal; }
  .box31left h2 img{ margin-right:15px; }
  .box31left ul { padding-top:20px; }
   .box31left ul li { border-bottom:1px solid rgba(255, 255, 255, 0.2); }
  .box31left ul li a{ color:#fff; padding:15px 0; display:block; }
 .box31right{ width:920px; display:flex; flex-direction:column; justify-content:space-between; }
 .b3c1{ box-sizing:border-box; padding:25px; width:100%; height:239px; border-radius:25px 0 0 0; background:#fff; }
 .h2title{font-size:24px; padding-bottom:30px;}
 .sbannerbox{ display:flex; justify-content:space-between; }
 .sbanner{ width:460px; height:130px; background:#000;  }
 .sbanner a{ display:flex; width:60%; height:100%; align-items:center; padding-left:30px; color:#fff; font-size:18px; }
 .box4{ padding:20px 0 50px 0; }
 .bg1{ background:url(../images/footbg1.jpg) no-repeat bottom right; }
 .bg2{ background:url(../images/footbg2.jpg) no-repeat bottom right; }
 .bg3{ background:url(../images/footbg3.jpg) no-repeat bottom right; }
.ydtitle{ display:flex; justify-content:space-between; }
.ydtitle h2{ display:flex; align-items:center; font-size:24px; font-weight:normal; }
.ydtitle h2 img{ margin-right:15px; }
.b3c1 ul{ padding-top:15px; }
.b3c1 ul li{ display:flex; justify-content:space-between; align-items:center; padding:5px 0 5px 15px; background:url(../images/dian.png) no-repeat left center ; }
.b3c1 ul li a{ width:730px; overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.moreit{ height:30px; line-height:30px; padding:0 25px; font-size:12px; border-radius:15px; border:1px solid #b7b7b7; }
.rightbg1{ background:url(../images/rightbg1.png) no-repeat right bottom #fff; }
.rightbg2{ background:url(../images/rightbg2.png) no-repeat right bottom #fdfdfd; }


.slideBox{ width:560px; height:400px; overflow:hidden; position:relative; margin-top:13px;    }
		.slideBox .hd{ height:15px; display:none; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; }
		.slideBox .bd li div{ position:absolute; left:0; bottom:0; height:60px; line-height:60px; background:#f2f2f2; width:100%; font-size:20px; font-weight:bold; 
padding-left:5px; box-sizing:border-box;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
		}
		.slideBox .bd img{ width:560px; height:400px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-60px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
}

@media screen and (max-width: 1500px){

	.width1400 { width:1200px; margin:0 auto; } 
	.sbanner {width: 390px;}
	.box31right { width: 720px;}
	.b3c1 ul li a {width: 530px;}
	.box2left {width: 650px;}
	.box2right {width: 520px;}
	.box2left ul li a{width: 530px;}
	.slideBox{ width:520px; }
	.slideBox .bd img{width: 520px;height:400px;display:block;}
}
@media screen and (min-width:300px) and (max-width:1024px) {
	 
.width1400{ width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box; } 
.headbox{ height:50px; display:flex; justify-content:space-between; align-items:center; }
.logobox{ display:flex; align-items:center;  }
.logobox img{ width:230px; height:auto; }
.logobox i{ padding:0 10px; }
.logobox span{ font-size:16px; }
.topnav{ display:none; align-items:center; justify-content:right; }
.topnav a{ border:1px solid #b7b7b7; padding:0px 10px; border-radius:5px; margin:0 5px; }
.width1920{ width:100%; margin:0 auto; }
.box2{ display:flex; flex-direction:column;   margin:30px auto 50px auto;
}
.banner img{ width:100%; height:auto; }
 .box2left{ width:100%; }  
 .box2right{ width:100%; }
 .box2title{ display:flex; justify-content:space-between; }
 .box2left ul li{ display:flex; justify-content:space-between; padding:8px 0;}
 .box2left ul li i{ display:none; }
 .box3{ background:url(../images/bg3.jpg) no-repeat top center; padding:30px 0; background-size:cover; }
 .box31{ display:flex; width:100%; flex-direction:column;   }
 .box31left{ padding:25px; box-sizing:border-box; background:url(../images/bg4.png) no-repeat center; width:100%; height:auto;  border-radius:25px 0 0 0; }
  .box31left h2{ display:flex; align-items:center; font-size:24px; color:#fff; font-weight:normal; }
  .box31left h2 img{ margin-right:15px; }
  .box31left ul { padding-top:20px; }
   .box31left ul li { border-bottom:1px solid rgba(255, 255, 255, 0.2); }
  .box31left ul li a{ color:#fff; padding:15px 0; display:block; }
 .box31right{ width:100%; display:flex; flex-direction:column; justify-content:space-between; }
 .box31right i{ display:none; }
 .b3c1{ box-sizing:border-box; padding:25px; width:100%; height:auto; border-radius:25px 0 0 0; background:#fff; }
 .h2title{font-size:24px; padding-bottom:30px;}
 .sbannerbox{ display:flex;  flex-direction:column;    }
 .sbanner{ width:100%; height:130px; background:#000; margin-bottom:15px;  }
 .sbanner a{ display:flex; box-sizing:border-box; width:100%; height:100%; align-items:center; padding-left:30px; color:#fff; font-size:18px; }
 .box4{ padding:20px 15px 50px 15px; }
 .bg1{ background:url(../images/footbg1.jpg) no-repeat bottom right; }
 .bg2{ background:url(../images/footbg2.jpg) no-repeat bottom right; }
 .bg3{ background:url(../images/footbg3.jpg) no-repeat bottom right; }
.ydtitle{ display:flex; justify-content:space-between; }
.ydtitle h2{ display:flex; align-items:center; font-size:24px; font-weight:normal; }
.ydtitle h2 img{ margin-right:15px; }
.b3c1 ul{ padding-top:15px; }
.b3c1 ul li{ display:flex; justify-content:space-between; align-items:center; padding:5px 0 5px 15px; background:url(../images/dian.png) no-repeat left center ; }
.moreit{ height:30px; line-height:30px; padding:0 25px; font-size:12px; border-radius:15px; border:1px solid #b7b7b7; }
.rightbg1{ background:url(../images/rightbg1.png) no-repeat right bottom #f5f5f5; margin:15px 0; }
.rightbg2{ background:url(../images/rightbg2.png) no-repeat right bottom #fdfdfd; }


.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:13px;    }
		.slideBox .hd{ height:15px; display:none; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; }
		.slideBox .bd li div{ position:absolute; left:0; bottom:0; height:50px; line-height:50px; background:#f2f2f2; width:100%; font-size:14px; font-weight:bold; padding-left:5px; box-sizing:border-box;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
		}
		.slideBox .bd img{ width:100%; height:auto; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-60px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }	
	
}