body{background-color:#fff;}

.content01{width:100% ;overflow:hidden; position:relative;margin-top:70px;padding-bottom:90px;}
.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:450px;float:left;background:url(../jpg/banner44.jpg) top left ;background-repeat:no-repeat;background-size:cover;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:68%;min-height:450px;float:left;overflow:hidden;position:relative;z-index:3;}
.content01 .right_area .content_box{width:70%;min-height:450px;margin-left:60px; position:relative;z-index:3;}

.content01 .text_area{width:100%;overflow:hidden; margin:0px auto;}
.content01 .text_area .title_box{display:block;width:100%;margin:0px 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:15px; 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 .form_box{width:100%;min-height:350px; margin-bottom:30px; overflow:hidden;position:relative;}
.content01 .text_area .form_box .box{width:100%; margin:15px auto; overflow:hidden;}
.content01 .text_area .form_box .box p{float:left; width:28%; line-height:36px;}
.content01 .text_area .form_box .box span{font-size:18px;color:#2a56b4;}
.content01 .text_area .form_box .box input{background-color:#fff; border-radius:5px; border:1px solid #dddddd; padding:7px 5px; float:right; font-size:14px;} 
.content01 .text_area .form_box .box input.input1{width:68%;}
.content01 .text_area .form_box .textarea{width:100%; margin:15px auto;}
.content01 .text_area .form_box .textarea textarea{width:96.5%; height:150px;background-color:#fff; border-radius:5px; border:1px solid #dddddd; padding:8px;}

.content01 .text_area .form_box .btn{ margin:10px auto; position:absolute;bottom:0px;right:0px;}
.content01 .text_area .form_box .btn_1 a{}
.content01 .text_area .form_box .btn_1{width:120px;height:40px; float:left; margin-left:25px; background-color:#2a56b4;border-radius:5px;line-height:40px; color:#fff; text-align:center;overflow:hidden;transition:0.3s;-webkit-transition:0.3s; cursor: pointer; }
.content01 .text_area .form_box .btn_1:active{background-color:#124091;}
.content01 .text_area .form_box .btn_1 input{width:100%;height:40px; margin-top:-2px; background-color:rgba(0,0,0,0);border-radius:5px; border:0px;color:#fff;cursor: pointer; }
.content01 .text_area .form_box .btn_1 input:active{background-color:#124091;}


.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 .text_area .form_box .box input{padding:9px 8px;font-size:16px;} 
	
	.content01 .left_bg{width:30%;overflow:hidden; height:480px;}
	.content01 .left_bg .top_hover{width:150%; height:120px;}
	.content01 .left_bg .bottom_hover{width:150%; height:120px;}
	
	.content01 .right_area{width:70%;float:left;position:relative;z-index:3;}
	.content01 .right_area .content_box{width:750px;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 .bg_triangle_bottom{width:100%;height:150px; position:absolute;bottom:-5px;}
	
}
@media screen and (min-width: 1800px){	
	.content01 .right_area .content_box{width:850px;}
	.content01 .text_area .form_box .box input{padding:10px 8px;font-size:16px;} 
	.content01 .text_area .form_box .box input.input1{width:72%;}
	.content01 .text_area .form_box .box p{float:left; width:25%; line-height:45px;}
	
}
@media screen and (max-width: 1600px) and (min-width: 1401px) {
	
	.content01 .navigation .box { font-size:18px; }
	
}
@media screen and (max-width:1024px) and (min-width: 960px){

	.content01 .navigation{width:880px;}
	.content01 .navigation .box { font-size:14px; }
	.content01 .left_bg{width:25%;}
	.content01 .right_area .content_box{width:580px;margin-left:60px;position:relative;z-index:3;}
	
	
}
@media screen and (max-width: 959px) and (min-width: 700px){

	.content01{width:100% ;overflow:hidden; position:relative;margin-top:70px;padding-bottom:50px;}
	.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/banner43.jpg) top center scroll; background-size:cover;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;min-height:350px;position:relative;z-index:3;padding-bottom:30px;  margin-top:20px;}
	.content01 .right_area .content_box{width:500px;min-height:350px;margin-left:auto; margin-right:auto;position:relative;z-index:3;}
	
	.content01 .text_area .form_box{width:100%;min-height:200px; margin-bottom:30px;}
	.content01 .text_area .form_box .box p{float:left; width:30%; line-height:36px;}
	.content01 .text_area .form_box .box span{font-size:18px;color:#2a56b4;}
	.content01 .text_area .form_box .box input{padding:7px 5px; float:right; font-size:14px;} 
	.content01 .text_area .form_box .box input.input1{width:63%;}


	.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);}
	
	
}
@media screen and (max-width: 700px) {
	
	.content01{margin-top:0px;overflow:hidden; margin-top:80px;padding-bottom:0px;}
	.content01 .navigation{display:none;}
	
	.content01 .text_area .title_box{display:block;width:100%;margin:0px auto 0px auto;overflow:hidden;}
	.content01 .text_area .title_box .h1{font-size:30px;}
	.content01 .content_box  .title_box .triangle_arrow_box_bg{margin-left:0px; margin-top:-8px;transform:scale(0.5);-webkit-transform:scale(0.5);}
	
	.content01 .left_bg{width:100%;height:160px;float:none;background:url(../jpg/banner43.jpg)  top center scroll; 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:60px;}
	.content01 .right_area .content_box{width:88%;margin-left:auto;min-height:250px; 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 0px auto;}
	.content01 .text_area .form_box{width:100%;min-height:250px; margin-bottom:0px;}
	.content01 .text_area .form_box .box p{float:none; width:85%; line-height:36px;}
	.content01 .text_area .form_box .box span{font-size:18px;color:#2a56b4;}
	.content01 .text_area .form_box .box input{padding:7px 5px; float:none; font-size:14px;} 
	.content01 .text_area .form_box .box input.input1{width:93%;}
	

	.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);}

	
}