@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
img{ border:none;}
a { text-decoration: none;}
body{ font-size:12px; font-family:"宋体,微软雅黑";}	
.main{ width: 100%; min-width:1003px; max-width:1680px; margin:0 auto; background:#e9dbfd;}
.bg{ height:180px;}
.pic1{ background: url(images/windplot_01.jpg) center no-repeat;}
.pic2{ background: url(images/windplot_02.jpg) center no-repeat;}
.pic3{ background: url(images/windplot_03.jpg) center no-repeat; position:relative;}
.pic4{ background: url(images/windplot_04.jpg) center no-repeat;}
.pic5{ background: url(images/windplot_05.jpg) center no-repeat; _overflow:hidden;}
.pic6{ background: url(images/windplot_06.jpg) center no-repeat; padding-top:40px; height:140px; position:relative; z-index:100}
.pic7{ background: url(images/windplot_07.jpg) center no-repeat; position:relative;}
.pic8{ background: url(images/windplot_08.jpg) center no-repeat; }
.pic9{ background: url(images/windplot_09.jpg) center no-repeat; position:relative; z-index:5 }
.pic10{ background: url(images/windplot_10.jpg) center no-repeat; position:relative; z-index:1;}
.pic11{ background: url(images/windplot_11.jpg) center no-repeat;}
.pic12{ background: url(images/windplot_12.jpg) center no-repeat;}
.pic13{ background: url(images/windplot_13.jpg) center no-repeat;}
.pic14{ background: url(images/windplot_14.jpg) center no-repeat;}
.pic15{ background: url(images/windplot_15.jpg) center no-repeat;}
.pic16{ background: url(images/windplot_16.jpg) center no-repeat;}
.pic17{ background: url(images/windplot_17.jpg) center no-repeat; height:220px;}

.content{ width: 1003px; margin:0 auto; position: relative;}
.content p{ color: #330c54; font-size: 16px; font-weight:bold; line-height:30px}
.content h3,.content h4{ font-size:24px; color:#f78600;}
.boat{ background:url(images/boat.png) no-repeat; width:123px; height:155px; position:absolute;}
/*.boat1{ -webkit-transform:translate(250px,80px); -webkit-animation:boat 3s linear,boats 2s ease infinite alternate; animation:boat 3s linear,boats 2s ease infinite alternate;}
.boat2{ -webkit-animation:boat2 2s linear,boat2s 2s ease infinite alternate;}*/
/*@keyframes boats{
	0%{ transform:translate(250px,80px) rotate(0deg);}
	50%{ transform:translate(250px,80px) rotate(3deg);}
	100%{ transform:translate(250px,80px) rotate(-3deg);}	
}
@keyframes boat{
	0%{ transform:translate(0);}
	25%{ transform:translate(50px,10px);}
	50%{ transform:translate(100px,20px); }
	75%{ transform:translate(150px,50px); }
	90%{ transform:translate(200px,70px); }
	95%{ transform:translate(225px,75px); }	
	100%{ transform:translate(250px,80px);}	
}
@-webkit-keyframes boats{
	0%{ -webkit-transform:translate(250px,80px) rotate(0deg);}
	50%{ -webkit-transform:translate(250px,80px) rotate(3deg);}
	100%{ -webkit-transform:translate(250px,80px) rotate(-3deg);}	
}
@-webkit-keyframes boat{
	0%{ -webkit-transform:translate(0);}
	25%{ -webkit-transform:translate(50px,10px);}
	50%{ -webkit-transform:translate(100px,20px); }
	75%{ -webkit-transform:translate(150px,50px); }
	90%{ -webkit-transform:translate(200px,70px); }
	95%{ -webkit-transform:translate(225px,75px); }	
	100%{ -webkit-transform:translate(250px,80px);}	
}

@-webkit-keyframes boat2{
	0%{ -webkit-transform:translate(0);}
	20%{ -webkit-transform:translate(50px,10px);}
	40%{ -webkit-transform:translate(100px,20px); }
	60%{ -webkit-transform:translate(150px,30px);}
	70%{ -webkit-transform:translate(200px,40px);}
	80%{ -webkit-transform:translate(250px,60px);}
	95%{ -webkit-transform:translate(300px,80px); }	
	100%{ -webkit-transform:translate(350px,90px);}	
}
@-webkit-keyframes boat2s{
	0%{ -webkit-transform:translate(350px,80px) rotate(0deg);}
	50%{ -webkit-transform:translate(350px,80px) rotate(3deg);}
	100%{ -webkit-transform:translate(350px,80px) rotate(-3deg);}	
}*/
.pic5 h3{ padding:150px 0 0 423px;}
.pic6_text{ position:absolute;}
.pic6 h3{ padding:0px 0 0 80px;}
.pic6 p{ width:427px; padding:10px 0 0 50px;}
.pic8_text{ position:absolute; top:-20px; left:507px;}
.pic8 h3{ padding-left:50px;}
.pic8 p{ width:488px; margin:5px 0 0 0;}

.pic9_text{ position:absolute; left:48px; top:-20px;}
.pic9 h3{ margin-left:40px;}
.pic9 p{ width:490px; margin-top:10px;}
.pic10 h3{ padding:50px 0 0 570px;}
.pic10 p{  width:410px; margin:10px 0 0 540px;}
.pic11 h3{ padding:130px 0 0 350px;}
.pic12_text{ position:absolute;}
.pic12 h3{ padding:20px 0 0 210px;}
.pic12 p{ padding:5px 0 0 40px; width:535px;}
.pic15_text{ position:relative; top:-40px; padding-left:40px;}
.pic15_text p{ margin-top:10px; width:675px; }
.pic16 h4{ position:relative; padding:15px 0 0 45px; }
.pic16 p{ width:675px; padding:10px 0 0 45px; width:650px; }



.footer{  text-align:center; padding-top:111px; }
.footer p a{ margin-left:352px; display:inline-block; position:relative; z-index:1000; width:148px; height:22px; font-size:14px; color: #ffffff;   line-height:22px;}