/* 布局 */

/*----------整体 */
body{ background-color:#000;}
#wrap{overflow:hidden; position:relative;height:5110px;}
/*----------头 */

/*----------1 */
#part1{ background:url(../images/part1.jpg) no-repeat center top;height:1118px;width:100%; position:absolute;}
#logo{ background:url(../images/logo.png) no-repeat;width:511px; height:398px; position:absolute;left:50%;margin-left:-500px;}
#logo a{ display:block; width:100%; height:100%; text-indent:-1987em; overflow:hidden;}
.open_service_msg{width:320px; position:absolute;left:50%;margin-left:-440px;top:435px; font-size:45px;line-height:100%;color:#FFF; text-shadow:3px 3px 3px rgba(0,0,0,.3)}
.open_service_msg p{margin:5px 0 15px 0;padding-left:10px;}
.open_service_msg h6{font-size:27px;line-height:100%;}
.vision_title{ background:url(../images/vision_title.png) no-repeat; width:270px; height:118px; overflow:hidden; position:absolute;left:50%;top:610px;margin-left:-95px;}
.vision_lead{ position:absolute;width:480px;padding:6px;left:50%;margin-left:-95px;top:715px;line-height:21px;color:#ffe5dd; background:url(../images/vision_lead.png);border:1px solid #e47956;}
.vision_lead h6{ font-weight:bold}

/*----------2 */
#part2{height:1467px; position:absolute;top:515px;width:100%;}
#part2_top{ background:url(../images/part2_top.png) no-repeat center top;height:603px;}
#part2_btm{ background:url(../images/part2_btm.jpg) no-repeat center top;height:864px;}

/*----------3 */
#part3{height:1481px; position:absolute;top:1394px;width:100%;}
#part3_top{ background:url(../images/part3_top.png) no-repeat center top;height:588px;}
#part3_btm{ background:url(../images/part3_btm.jpg) no-repeat center top;height:893px;}

/*----------4 */
#part4{height:1496px; position:absolute;top:2273px;width:100%;}
#part4_top{ background:url(../images/part4_top.png) no-repeat center top;height:603px;}
#part4_btm{ background:url(../images/part4_btm.jpg) no-repeat center top;height:893px;}

/*----------5 */
#part5{height:1481px; position:absolute;top:3181px;width:100%;}
#part5_top{ background:url(../images/part5_top.png) no-repeat center top;height:588px;}
#part5_btm{ background:url(../images/part5_btm.jpg) no-repeat center top;height:893px;}

/*----------6 */
#part6{height:965px; position:absolute;top:4060px;width:100%;}
#part6_top{ background:url(../images/part6_top.png) no-repeat center top;height:603px; position:absolute;width:100%}
#part6_btm{ background:url(../images/part6_btm.jpg) no-repeat center top;height:362px; position:absolute;width:100%;top:603px}

/*宠物*/
.pet{ position:absolute;left:50%;z-index:20;-webkit-animation:cloud 5s linear infinite; -moz-animation:cloud 5s linear infinite; animation:cloud 5s linear infinite;}
@-webkit-keyframes cloud{ 
0%{-webkit-transform:translateY(0%);}
25%{-webkit-transform:translateY(-7%);} 
50%{-webkit-transform:translateY(0%);} 
75%{-webkit-transform:translateY(7%);} 
100%{-webkit-transform:translateY(0%);}
 }
@-moz-keyframes cloud{ 
0%{-moz-transform:translateY(0%);}
25%{-moz-transform:translateY(-7%);} 
50%{-moz-transform:translateY(0%);} 
75%{-moz-transform:translateY(7%);} 
100%{-moz-transform:translateY(0%);}
}
#pet1{ background:url(../images/pet1.png) no-repeat; width:361px; height:270px; overflow:hidden;margin:960px 0 0 300px}
#pet2{ background:url(../images/pet2.png) no-repeat; width:207px; height:174px; overflow:hidden;margin:2260px 0 0 -620px}
#pet3{ background:url(../images/pet3.png) no-repeat; width:322px; height:378px; overflow:hidden;margin:2690px 0 0 500px}
#pet4{ background:url(../images/pet4.png) no-repeat; width:174px; height:124px; overflow:hidden;margin:4060px 0 0 -670px}
#pet5{ background:url(../images/pet5.png) no-repeat; width:146px; height:194px; overflow:hidden;margin:4890px 0 0 420px}

/*六大活动*/
.six_banner{ background:url(../images/six_banner.png) repeat-x; height:90px; overflow:hidden; position:fixed;width:100%;bottom:0px;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight - 90  + "px");z-index:100}
.six_act_title{ background:url(../images/six_act_title.png) no-repeat 55px top;height:77px; position:relative;top:8px;}
.six_act_btn{width:1002px;margin:0 auto;}
.six_act_btn li{ float:left;width:167px; overflow:hidden; height:71px;}
.six_act_btn li a{ display:block; background:url(../images/six_act.png) no-repeat;width:167px; height:71px;}
.six_act_btn li a.sab_1{ background-position:0 0;}
.six_act_btn li a.sab_2{ background-position:-167px 0;}
.six_act_btn li a.sab_3{ background-position:-334px 0;}
.six_act_btn li a.sab_4{ background-position:-501px 0;}
.six_act_btn li a.sab_5{ background-position:-668px 0;}
.six_act_btn li a.sab_6{ background-position:-832px 0;}
.six_act_btn li a:hover{opacity:0.7;filter:alpha(opacity:70)}

/*快注*/
.quick_reg{ position:absolute; width:340px; height:450px; overflow:hidden;left:50%;margin:500px 0 0 -465px;}
#framePlate{width:340px;height:450px}

/*客下*/
.client_down{ position:absolute; width:260px;left:50%;margin:561px 0 0 -97px}

/*客下*/
.patch_down{position:absolute; width:260px;left:50%;margin:641px 0 0 212px;}

.down_btn{ display:block; background:url(../images/down_btn.png) no-repeat; text-indent:-1987px; overflow:hidden;}
.db1{width:260px; height:60px;margin-bottom:20px;}
.db2{width:260px; height:60px;margin-bottom:28px; background-position:0 -60px}
.db3{width:260px; height:60px;margin-bottom:28px; background-position:0 -120px}
.db4{ display:block;width:120px; height:40px;margin-bottom:20px; background-position:0 -180px; float:left;margin:0 3px 0 2px;display:inline}
.db5{width:120px; height:40px;margin-bottom:20px; background-position:-120px -180px; float:left;}

.down_msg{height:162px;padding:6px;border:1px solid #56697c;color:#FFF; background:url(../images/vision_lead.png) repeat}
.patch_down_more{ text-align:center;padding:10px 0}

/*内容*/
#main1{margin:1018px 0 0 -97px}
#main2{margin:1910px 0 0 -465px}
#main3{margin:2750px 0 0 -69px}
#main4{margin:3692px 0 0 -465px}
.container{ position:absolute;width:481px; left:50%;}
.container_title{ margin-bottom:40px; background:url(../images/container_title.png) no-repeat;width:315px; height:80px; overflow:hidden;}
#ct1{ background-position:0 0;}
#ct2{ background-position:0 -80px;}
#ct3{ background-position:0 -160px;}
#ct4{ background-position:0 -240px;}
.contianer_img{ width:481px; height:320px; overflow:hidden; margin-bottom:27px;}
.container_article{color:#c4ffff; background:url(../images/vision_lead.png) repeat;border:1px solid #56697c;padding:6px;}
.container_more{ display:block; background:url(../images/container_more.png) no-repeat; width:170px; height:32px; float:right}

/*导航*/
#nav{position:fixed; width:99px;top:50px;right:20px;z-index:100;_position:absolute;_top:expression(documentElement.scrollTop + 50 + "px");}
.nav_title{ background:url(../images/nav.png) no-repeat;height:97px;width:99px;}
.nav_list li{height:94px;overflow:hidden;}
.nav_list li a{ display:block; width:99px; height:94px; overflow:hidden; background:url(../images/nav.png) no-repeat}
.nav_list li a.nav1{ background-position:0 -97px;}
.nav_list li a.nav2{ background-position:0 -191px;}
.nav_list li a.nav3{ background-position:0 -285px;}
.nav_list li a.nav4{ background-position:0 -374px;}
.nav_list li a.nav5{ background-position:0 -468px;}
.nav_list li a.nav6{ background-position:0 -562px;}
.nav_list li a.nav7{ background-position:0 -656px;}
.nav_list li a.nav1:hover{ background-position:-100px -97px;}
.nav_list li a.nav2:hover{ background-position:-100px -191px;}
.nav_list li a.nav3:hover{ background-position:-100px -285px;}
.nav_list li a.nav4:hover{ background-position:-100px -374px;}
.nav_list li a.nav5:hover{ background-position:-100px -468px;}
.nav_list li a.nav6:hover{ background-position:-100px -562px;}
.nav_list li a.nav7:hover{ background-position:-100px -656px;}

/*图片*/
#ci1{ background:url(../images/ci4.png) no-repeat; width:616px; height:318px; position:absolute;left:50%;margin:1126px 0 0 -234px;z-index:10;}
#ci2{ background:url(../images/ci2.png) no-repeat; width:604px; height:360px; position:absolute;left:50%;margin:1985px 0 0 -591px;z-index:10;}
#ci3{ background:url(../images/ci3.png) no-repeat; width:664px; height:410px; position:absolute;left:50%;margin:2771px 0 0 -69px;z-index:10;}
#ci4{ background:url(../images/ci1.png) no-repeat; width:630px; height:574px; position:absolute;left:50%;margin:3570px 0 0 -463px;z-index:10;}

/*----------脚 */
#footer{ position:absolute; width:1000;left:50%;margin-left:-500px;color:#FFF;top:5032px; line-height:14px;}
.copyright{ background:url(../images/foot_logo.png) no-repeat;padding-left:140px;margin-left:20px;}
#footer a{color:#FFF;}