.wdl{
    font-size:40px;
    text-align:center;
}
.text{
    width: 790px;
    text-align:center;
    margin:-25px  auto 0px auto;
    color:#8A8A8A;
}
.one{
    border-left:1px solid #000;
    width:1px;
    height:100px;
    margin:0 auto;
}
.block{
    border:1px solid #000;
    width:50px;
    height:32px;
    margin:0 auto;
    background-color:#000;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); 	/* IE 9 */
    -moz-transform:rotate(45deg); 	/* Firefox */
    -webkit-transform:rotate(45deg); /* Safari บอ Chrome */
    -o-transform:rotate(45deg); 	/* Opera */
}
.first{
    position: relative;
    height: 1130px;
}
.color{
    color:#fff;
    font-size:2.7em;
    position:absolute;
    top:119px;
    left:443px;
}
.year{
    font-size:2.7em;
    font-weight:bold;
    margin:20px auto 0 auto;
    text-align: center;
}
.wdl_introduce{
    font-size:2em;
    font-weight:bold;
    margin:10px auto 0 auto;
    text-align: center;
}
.a1{
    margin:5px auto 5px auto;
    text-align: center;
}
.a2{
    margin:0 auto;
    text-align: center;
}
.first_tt{
    float:left;
    border:1px solid #aaa;
    width:350px;
    height:300px;
    margin-left:20px;
    overflow: hidden;
}
.first_text{
    float:right;
    width:410px;
    margin-right:60px;
    margin-top:50px;
    overflow: hidden;
    line-height:30px;
}
.hh_text{
    position:absolute;
    width:275px;
    top:897px;
    left:20px;
    line-height: 30px;
}
.first_hh{
    float:right;
    margin-top:40px;
    margin-right:0px;
}
.two{
    border-left:1px solid #000;
    width:1px;
    height:100px;
    margin:0 auto;
}
.block1{
    border:1px solid #000;
    width:50px;
    height:32px;
    margin:0 auto;
    background-color:#000;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); 	/* IE 9 */
    -moz-transform:rotate(45deg); 	/* Firefox */
    -webkit-transform:rotate(45deg); /* Safari บอ Chrome */
    -o-transform:rotate(45deg); 	/* Opera */
}
.color1{
    color:#fff;
    font-size:2.7em;
    position:absolute;
    top:1327px;
    left:472px;
}
.b1{
    margin:5px auto 5px auto;
    text-align: center;
}
.b2{
    margin:0 auto;
    text-align: center;
}
.second_tt{
    float:left;
    width:500px;
    height:400px;
    margin-left:20px;
    margin-top:20px;
    overflow: hidden;
}
.second_text{
    float:right;
    width:330px;
    margin-right:20px;
    margin-top:75px;
    overflow: hidden;
    line-height:25px;
}
.three{
    border-left:1px solid #000;
    width:1px;
    height:100px;
    margin:0 auto;
}
.color2{
    color:#fff;
    font-size:2.7em;
    position:absolute;
    top:2201px;
    left:472px;
}
.c1{
    margin:5px auto 5px auto;
    text-align: center;
}
.c2{
    margin:0 auto;
    text-align: center;
}
.c3{
    float:left;
    margin-top:20px;
    margin-left:70px;
}
.third_tt{
    float:left;
    margin-left:220px;
    margin-top:20px;
    overflow: hidden;
}
.third_text{
    float:right;
    width:358px;
    margin-right:94px;
    margin-top:50px;
    overflow: hidden;
    line-height:23px;
}
.four{
    border-left:1px solid #000;
    width:1px;
    height:100px;
    margin:0 auto;
}
.color3{
    color:#fff;
    font-size:2.7em;
    position:absolute;
    top:3000px;
    left:472px;
}
.d1{
    margin:5px auto 5px auto;
    text-align: center;
}
.d2{
    margin:0 auto;
    text-align: center;
}
.four{
    border-left:1px solid #000;
    width:1px;
    height:100px;
    margin:0 auto;
}
.four_text{
    float:right;
    width:335px;
    margin-right:276px;
    margin-top:40px;
    overflow: hidden;
    line-height:23px;
}