
.partdiv{position:absolute;top:780px;z-index:999;left:48%;margin-left:-495px;height:172px;width:1080px;}
.partbox{height:172px;position:absolute;top:210px;opacity:0;-webkit-transition:all .4s;transition:all .4s;*top:0;}
.partbox .title{display:block;font-weight:bold;font-size:16px;color:#45381a;margin-top:20px;line-height:28px;margin-left:25px;}

.part1{left:0px;width:250px;background:#1BC5BC url("part1-img.png") no-repeat 103px 10px;border-right:1px solid #dfaa6b;color:#fff;}
.part1:hover{z-index:10;width:380px;background-position:227px 10px;}
.part1:hover .title{margin-top:20px;}
.part1:hover .text{opacity:1;visibility:visible;color:#ffffff;}
.part1 .title{margin-top:65px;-webkit-transition:all .4s;transition:all .4s;}
.part1 .title a{color:#fff;}
.part1 .text{color:#ffffff;margin-top:10px;width:320px;opacity:0;-webkit-transition:all .4s;transition:all .4s;visibility:hidden;}
.part1 .text a{color:#ffffff;}
.part1 .text a:hover{color:#ffffff;}
.part1 p{margin-left:25px;color:#fff;}

.part2{left:585px;width:260px;background:#F8643C url("part2-img.png") no-repeat 250px center;border-right:1px solid #e1d6d4;}
.part2:hover{width:355px;z-index:10;}
.part2 .title a{color:#fff;}
.part2 ul{width:250px;height:100px;margin-left:25px;margin-top:10px;}
.part2 li{color:#ffffff;line-height:20px;margin-bottom:5px;}
.part2 li a{color:#ffffff;font-size:12px;font-weight:bold;display:block;}
.part2 li a:hover{color:#ea0000;}
.part2 li span{color:#fff;font-weight:bold;}

.part3{left:248px;width:340px;background:#FFA401 url("part3-img.png") no-repeat center 35px;}
.part3 .title a{color:#fff;}
.partcont{margin-left:25px;display:block;color:#45381a;font-size:12px;font-weight:bold;margin-top:20px;opacity:0;visibility:hidden;-webkit-transition:all .4s;transition:all .4s;}
.partcont4{margin-left:25px;display:block;color:#45381a;font-size:12px;font-weight:bold;margin-top:20px;opacity:0;visibility:hidden;-webkit-transition:all .4s;transition:all .4s;}
.part3:hover{width:380px;background-position:50px center;z-index:10;}
.part3:hover .partcont{opacity:1;visibility:visible;margin-top:10px;}

.part4{right:0px;width:236px;background:#1e7ecb url("part4-img.png") no-repeat 60px 18px;}
.part4 .title a{color:#fff;}
.part4:hover{width:250px;background:#1e7ecb url("part4-img.png") no-repeat 100px 18px;z-index:10;}
.part4:hover .partcont4{opacity:1;visibility:visible;margin-top:10px;}
