body{background-color:#fff;}

.content01{width:100% ;overflow:hidden; position:relative;margin-top:70px;padding-bottom:150px;}
.content01 .navigation{width:960px; margin:65px auto;position:relative; z-index:3; font-weight:400;overflow:hidden;}
.content01 .navigation .box{ float:right; font-size:16px; font-weight:300; }
.content01 .navigation .box a{ color:#888; letter-spacing:0.5px; }
.content01 .navigation .box span{ color:#2a56b4; letter-spacing:0.5px; }

.content01 .left_bg{width:25%;height:700px;float:left;background:url(../jpg/bg-6.jpg) 0% 100%  fixed;background-repeat:no-repeat;background-size:contain;overflow:hidden;position:relative; }
.content01 .left_bg .top_hover{width:120%; height:100px;transform:rotate(-4deg);-webkit-transform:rotate(-4deg);position:absolute;left:-10px;top:-90px; background-color:#fff;}
.content01 .left_bg .bottom_hover{width:120%; height:100px;transform:rotate(-4deg);-webkit-transform:rotate(-4deg);position:absolute;bottom:-80px;left:0px; background-color:#fff;}

.content01 .right_area{width:75%;min-height:700px;float:left; background-color:#fff;overflow:hidden;position:relative;z-index:3;}
.content01 .right_area .content_box{width:60%;min-height:700px;margin-left:80px; background-color:#fff;position:relative;z-index:3;}
.content01 .right_area .content_box .nav_bar{width:650px;padding:0px 0px 25px 0px; border-bottom:1px solid #eee; overflow:hidden;}
.content01 .right_area .content_box .nav_bar  a.li{float:left;padding:8px 12px; border:1px solid #9b9b9b; border-radius:5px; margin-left:15px; color:#9b9b9b; font-weight:300;transition:0.3s;-webkit-transition:0.3s;}
.content01 .right_area .content_box .nav_bar  a.li:nth-of-type(1){margin-left:0px; }
.content01 .right_area .content_box .nav_bar  a.li.hover{ background-color:#2a56b4;color:#fff; }
.content01 .right_area .content_box .nav_bar  a.li:hover{ background-color:#2a56b4;color:#fff;}

.content01 .text_area{width:100%;overflow:hidden; margin:20px auto;}
.content01 .text_area .title_box{display:block;width:100%;margin:20px auto 20px auto;overflow:hidden;}
.content01 .text_area .title_box .h1{color:#2a56b4; float:left;font-family: 'Fjalla One', sans-serif;}
.content01 .text_area .title_box .triangle_arrow_box_bg{width:40px;height:55px;overflow:hidden;position:relative;margin-left:5px; margin-top:2px;float:left;transform:scale(0.7);-webkit-transform:scale(0.7);}
.content01 .text_area .title_box .triangle_arrow_box_bg .box{width:40px;height:50px;background:url(../png/dot_bg.png) center center ;position:absolute;top:0px;left:-25px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);opacity:0.3;}
.content01 .text_area .p{font-size:14px; color:#666;}
.content01 .text_area .color_p{margin:15px auto; color:#2a56b4; font-weight:bold;}

.right_pic{width:400px;position:fixed;top:220px;right:-150px;z-index:4;}
.right_pic img{width:100%;}
.right_pic.hover{position:absolute;top:auto;right:-150px;bottom:30px;opacity:1;}

.content01 .bg_triangle_top{width:100%;height:150px; position:absolute;top:0px;right:0px;overflow:hidden;transform:scaleX(-1);-webkit-transform:scaleX(-1);}
.content01 .bg_triangle_top .dot_box{width:100%;height:150px;background:url(../png/dot_bg.png) center center;opacity:0.2;}
.content01 .bg_triangle_top .white_box{width:120%;height:200px;background:#fff;position:absolute;top:80px;left:-30px;transform:rotate(3.8deg);-webkit-transform:rotate(3.8deg);}

.content01 .bg_triangle_bottom{width:100%;height:150px; position:absolute;bottom:-25px;right:0px;overflow:hidden;transform:scaleY(-1);-webkit-transform:scaleY(-1);}
.content01 .bg_triangle_bottom .dot_box{width:100%;height:150px;background:url(../png/dot_bg.png) center center;opacity:0.2;}
.content01 .bg_triangle_bottom .white_box{width:120%;height:200px;background:#fff;position:absolute;top:80px;left:-30px;transform:rotate(3.8deg);-webkit-transform:rotate(3.8deg);}

@media screen and (min-width: 1600px){

	.content01{width:100% ;overflow:hidden; position:relative;margin-top:115px;padding-bottom:150px;}
	.content01 .navigation{width:1200px; margin:65px auto;}
	.content01 .navigation .box { font-size:20px; }
	
	.content01 .left_bg{width:25%;height:850px;overflow:hidden; }
	.content01 .left_bg .top_hover{width:150%; height:120px;}
	.content01 .left_bg .bottom_hover{width:150%; height:120px;}
	
	.content01 .right_area{width:75%;float:left;position:relative;z-index:3;}
	.content01 .right_area .content_box{width:880px;margin-left:80px;position:relative;z-index:3;}
	
	.content01 .text_area .title_box .triangle_arrow_box_bg{width:40px;height:55px;margin-top:5px;transform:scale(0.9);-webkit-transform:scale(0.9);}
	.content01 .text_area p{font-size:18px;}
	
	.content01  .item_area{width:100%;overflow:hidden;}
	.content01  .item_area .item_box:nth-of-type(1){border-top:1px solid #eee;}
	.content01  .item_area .item_box{display:block;width:100%;padding:22px 0px;overflow:hidden; border-bottom:1px solid #eee; color:#666;  font-weight:300; letter-spacing:0.5px;line-height:20px;position:relative;}
	.content01  .item_area .item_box .date{width:110px;font-size:18px;  }
	.content01  .item_area .item_box .news_title{padding-left:20px;font-size:18px;line-height:22px;}
	.content01  .item_area .item_box .arrow{width:8px;height:8px;}
	
	.right_pic{width:460px;position:fixed;top:220px;right:-150px;z-index:4;}
	.content01 .bg_triangle_bottom{width:100%;height:150px; position:absolute;bottom:-5px;}
}
@media screen and (max-width: 1600px) and (min-width: 1401px) {
	
	.content01 .navigation .box { font-size:18px; }
	.right_pic{width:380px;position:fixed;top:220px;right:-150px;z-index:4;}	
}
@media screen and (max-width:1024px) and (min-width: 960px){

	.content01 .navigation .box { font-size:14px; }
	.content01 .left_bg{width:25%;height:850px; }
	.content01 .right_area .content_box{width:480px;margin-left:60px;position:relative;z-index:3;}
	
	.right_pic{width:300px;position:fixed;top:220px;right:-150px;z-index:4;}
}
@media screen and (max-width: 959px) and (min-width: 700px){

	.content01{width:100% ;overflow:hidden; position:relative;margin-top:70px;padding-bottom:150px;}
	.content01 .navigation{width:480px; margin:250px auto 0px auto;position:relative; z-index:3; font-weight:400;overflow:hidden;}
	.content01 .navigation .box { font-size:14px; }
	.content01 .left_bg{width:100%;height:200px;float:none;background:url(../jpg/bg-6.jpg) 50% 70% fixed; background-size:contain;overflow:hidden;position:absolute; top:0px;z-index:5;}
	.content01 .left_bg .top_hover{display:none;}
	.content01 .left_bg .bottom_hover{display:none;}
	.content01 .right_area{width:100%;float:none;position:relative;z-index:3;padding-bottom:30px;  margin-top:20px;}
	.content01 .right_area .content_box{width:550px;margin-left:auto; margin-right:auto;position:relative;z-index:3;}
	.content01 .right_area .content_box .nav_bar{width:550px;padding:0px 0px 25px 0px; border-bottom:1px solid #eee; overflow:hidden;}
	
	.content01 .bg_triangle_top{width:100%;height:150px; position:absolute;top:200px;right:0px;overflow:hidden;transform:scaleX(-1);-webkit-transform:scaleX(-1);}
	.content01 .bg_triangle_top .white_box{width:130%;height:200px;top:35px;left:-60px;transform:rotate(4deg);-webkit-transform:rotate(4deg);}
	
	.content01 .bg_triangle_bottom{width:100%;height:150px; position:absolute;bottom:0px;right:0px;overflow:hidden;transform:scaleY(-1);-webkit-transform:scaleY(-1);}
	.content01 .bg_triangle_bottom .white_box{width:130%;height:200px;top:35px;left:-60px;transform:rotate(4deg);-webkit-transform:rotate(4deg);}
	
	.right_pic{width:240px;position:absolute;top:auto;bottom:20px;right:-110px;z-index:4;}
}
@media screen and (max-width: 700px) {
	
	.content01{margin-top:0px;padding-bottom:220px;overflow:hidden; margin-top:80px;}
	.content01 .navigation{display:none;}
	.content01 .left_bg{width:100%;height:160px;float:none;background:url(../jpg/bg-6.jpg)  50% 50% fixed; background-size:cover;overflow:hidden;position:relative; }
	.content01 .left_bg .top_hover{display:none;}
	.content01 .left_bg .bottom_hover{display:none;}

	.content01 .right_area{width:100%;float:none;position:relative;z-index:3; margin-top:40px;}
	.content01 .right_area .content_box{width:88%;margin-left:auto; margin-right:auto;position:relative;z-index:3;}
	.content01 .right_area .content_box .nav_bar{width:100%;padding:0px 0px 15px 0px;  border-bottom:1px solid #eee; overflow:hidden;}
	.content01 .right_area .content_box .nav_bar  a.li{float:none;display:block;padding:8px 0px; margin-bottom:10px; margin-left:0px; font-weight:300;text-align:center;}

	.content01 .text_area{width:100%;overflow:hidden; margin:12px auto 20px auto;}
	.content01 .text_area .title_box{display:block;width:100%;margin:12px auto 20px auto;overflow:hidden;}
	.content01 .text_area .title_box .h1{font-size:36px;}
	.content01 .text_area .title_box .triangle_arrow_box_bg{margin-top:-5px;transform:scale(0.55);-webkit-transform:scale(0.55);margin-left:0px;}

	.content01 .bg_triangle_top{width:100%;height:150px; position:absolute;top:160px;right:0px;overflow:hidden;transform:scaleX(-1);-webkit-transform:scaleX(-1);}
	.content01 .bg_triangle_top .dot_box{width:100%;height:150px;}
	.content01 .bg_triangle_top .white_box{width:130%;height:200px;top:35px;left:-60px;transform:rotate(9deg);-webkit-transform:rotate(9deg);}
	
	.content01 .bg_triangle_bottom{width:100%;height:150px; position:absolute;bottom:0px;right:0px;overflow:hidden;transform:scaleY(-1);-webkit-transform:scaleY(-1);}
	.content01 .bg_triangle_bottom .dot_box{width:100%;height:150px;}
	.content01 .bg_triangle_bottom .white_box{width:130%;height:200px;top:35px;left:-60px;transform:rotate(9deg);-webkit-transform:rotate(9deg);}

	.right_pic{width:200px;position:absolute;top:auto;bottom:20px;right:-70px;z-index:4;}
}