body{
background:url("img/body-bg.gif") #aed779 repeat-x top center;
margin:0px auto 0px auto;
font-family:"ËÎÌå", Arial, sans-serif;
font-size:12px;
color:#000000;
text-align:center;
}
a{
font-size:12px;
color:#003300;
text-decoration:none;
}
a:hover{
color:#fff;
text-decoration:underline;
}

#home a img{
border:3px solid #ade796;
}
#home a:hover img{
border:3px solid #eb7706;
}
#wrapper{
width:980px;
}
#home #wrapper{
width:980px;
height:560px;
}

/**/
#index{
background:#aed779;
}
#index h3{
color:#000000;
text-indent:-9000px;
background:url(/img/enter_butten.gif) no-repeat;
width:76px;
height:25px;
cursor:pointer;
position:absolute;
bottom:20px;right:30px;
}
#enter{
background:url(/img/enterbg.gif) no-repeat #65922b;
width:500px;
height:400px;
position:relative;
margin:50px auto 0px auto;
}
#enter span{
background:url(/img/enter_span.gif) no-repeat #FFFFFF;
width:436px;
height:286px;
display:block;
position:absolute;
left:33px;top:55px;
}
#enter a:hover h3{
background:url(/img/enter_butten_a.gif) no-repeat;
width:76px;
height:25px;
}
#system{
width:500px;
height:80px;
background:url(/img/system_bg.gif) no-repeat #65922b;
margin:0px auto 0px auto;
position:relative;
}
#system .rfid,#system .id,#system .user,#system .key{
border:#aed779 solid 1px;
background-color:#436519;
color:#FFFFFF;
width:120px;
}
#system .rfid{
position:absolute;
top:10px;left:160px;
}
#system .id{
position:absolute;
top:10px;right:80px;
}
#system .user{
position:absolute;
bottom:20px;left:160px;
}
#system .key{
position:absolute;
bottom:20px; right:80px;
height:15px;
}
#system .search,#system .login{
height:20px;
border:#aed779 solid 1px;
background-color:#436519;
color:#FFFFFF;
text-decoration:underline;
}
#system .search{
position:absolute;
top:10px; right:30px;
}
#system .login{
position:absolute;
bottom:20px; right:30px;
}

/*------------index--------end------*/
#title{
color:#FFFFFF;
width:980px;
height:30px;
margin:0px auto 0px auto;
padding:0px;
}
#tit{
background: url(/images/testinfo_title.gif);
width:648; 
height:50;
float:left;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
 }
#ti{
font-family:'??';
font-size:20px;

color: #FFFFFF;
float:left;
margin:0px 0px 0px 5px;
padding:10px 0px 0px 0px;
}
#title h3{
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
float:left;
margin-left:20px;
margin-top:3px;

}
#title ul{
margin:0px;
padding:0px;
float:right;
}
#title li{
list-style:none;
float:left;
border-right:#FFFFFF solid 1px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
}
#title li a{
text-decoration:none;
color:#FFFFFF;
padding-left:10px;
padding-right:10px;

}
#head{
margin:0px auto 0px auto;
background:#f5e8d8;
height:179px;
width:980px;
position:relative;
}

#head #hsleft{
background:url(img/other_head_leftshadow.jpg) no-repeat #38590f bottom;
height:179px;
width:10px;
float:left;
}
#head #hsright{
background:url(img/other_head_rightshadow.jpg) no-repeat #38590f bottom;
height:179px;
width:10px;
float:right;
}
/*----------------headphoto---------allll----------------*/
#headphoto{
background:url(img/testinfo_head_bg.jpg) no-repeat top left;
width:960px;
height:179px;
position:absolute;
top:0px;left:10px;
} 
#work #headphoto,#structure #headphoto,#download #headphoto,#dogshow #headphoto,#pet_nin #headphoto{
background:url(img/work_head_bg.jpg) no-repeat top left;
}
#testinfo #headphoto,#attest #headphoto,#dnatest #headphoto,#dnaol #headphoto,#faq #headphoto{
background:url(img/testinfo_head_bg.jpg) no-repeat top left;
}
#civiliza #civiliza1  #headphoto,#nona #headphoto,#pcol #headphoto{
background:url(img/civiliza_head_bg.jpg) no-repeat top left;
}
#photograph #headphoto,#videosx #headphoto,#sxmod #headphoto{
background:url(img/photograph_head_bg.jpg) no-repeat top left;
}
#member #headphoto #member1 ,#individual #individual1 #headphoto{
background:url(img/member_head_bg.jpg) no-repeat top left;
}
/*----------------headphoto-------end--------------*/

#home #head{
margin:0px;
padding:0px;
height:239px;
width:980px;
position:relative;
}
#home #head #hsleft{
background:url(img/left-shadow.jpg) no-repeat #38590f center;
height:239px;
width:10px;
float:left;
}
#home #head #hsright{
background:url(img/right-shadow.jpg) no-repeat #38590f center;
height:239px;
width:10px;
float:right;
}

#home #headphoto{
background:url(img/head.jpg) no-repeat;
width:960px;
height:239px;
position:absolute;
top:0px;left:10px;
} 

#head #nav span{
display:block;
width:63px;
height:16px;
margin-right:10px;
margin-bottom:10px;
background-repeat:no-repeat;
}
#head #nav a{
cursor:pointer;
}
#head .home span{
background:url(img/nav_home.gif) right;
}
#head .work span{
background:url(img/nav_work.gif);
}
#head .attest span{
background:url(img/nav_attes.gif);
}
#head .civiliza span{
background:url(img/nav_civiliza.gif);
}
#head .civiliza1 span{
background:url(img/nav_qywy.gif);
}
#head .photograph span{
background:url(img/nav_photo.gif);
}
#head .bbs span{
background:url(img/nav_bbs.gif);
}
#head .member span{
background:url(img/nav_member.gif);
}
#head .member1 span{
background:url(img/nav_xljl.gif);
}

#navdiv{
position:absolute;
bottom:10px;
left:20px;
}

#nav{
list-style:none;
margin:0px;
}
#nav li{
float:left;
padding-left:30px;
}
#nav li a{
text-decoration:none;
color:#000000;
}
#home #navdiv{
position:absolute;
bottom:2px;
left:20px;
}
/*------------head------end--------------*/

/*------------home content------begin--------------*/

#home #content{

margin:0px auto 0px auto;
width:980px;
height:autopx;
position:relative;
}

#home #flash{
background:#000000 bottom left;
width:310px;
height:250px;
position:absolute;
left:8px;top:18px;
}

/*------info begin-----*/

#home #info{
background:url(img/info_bg.jpg) no-repeat;
height:255px;
width:650px;
position:absolute;
right:5px;
top:15px;
}
#home #info span,#home #info a{
display:block;
}
#home #business,#home #inform{
width:320px;
height:250px;
float:left;
margin:0px;
padding:0px;
position:relative;
}
#home #login,#home #honour{
width:320px;
height:120px;
float:left;
margin:0px;
padding:0px;
position:relative;
}
#home #login1{
width:320px;
height:120px;
float:left;
margin:0px;
padding:0px;
position:relative;
}
#home #business span,#home #login span,#home #inform span,#home #honour span{
display:block;
cursor:pointer;
}
#home #business span,#home #inform span,#home #honour span{
width:65px;
height:20px;
}
#home #business span{
background:url(img/busni_tiltle.gif) no-repeat;
position:absolute;
top:6px;left:125px;
}
#home #login span{
background:url(img/petinfo_title.gif) no-repeat;
width:97px;
height:18px;
position:absolute;
top:8px;left:120px;
}
#home #inform span{
background:url(img/branch_title.gif) no-repeat;
position:absolute;
top:20px;left:125px;
}
#home #honour span{

position:absolute;
top:22px;left:126px;
}
#home #business a:hover span{
background:url(img/busni_tiltle_a.gif) no-repeat;
}
#home #login a:hover span{
background:url(img/petinfo_title_a.gif) no-repeat;
}
#home #inform a:hover span{
background:url(img/branch_title_a.gif) no-repeat;
}

#home #login ul{
margin:0px 0px 10px 0px;
padding:0px;
position:absolute;
left:30px;bottom:5px;
color:#006633;
}
#home #business ul{
margin:0px 0px -10px 0px;
padding:0px;
position:absolute;
left:30px;bottom:5px;
color:#006633;
}
#home #inform ul{
margin:0px 0px -12px 0px;
padding:0px;
position:absolute;
left:30px;bottom:5px;
color:#006633;
}
#home #honour ul{
margin:0px 0px -10px 0px;
padding:0px;
position:absolute;
left:30px;bottom:0px;
color:#006633;
}
#home #business li,#home #login li,#home #inform li,#home #honour li{
list-style:none;
text-align:left;
margin-top:5px;
}
#home #business li a,#home #login li a,#home #inform li a,#home #honour li a{
color:#FFFFFF;
text-decoration:none;
}
#home #business li a:hover,#home #login li a:hover,#home #inform li a:hover,#home #honour li a:hover{
color:#000;
text-decoration:underline;
}

#home #login{
position:relative;
}

#home #rfid,#home #petIdCard{
background:#436519;
border:#558419 solid 1px;
width:180px;
color:#FFFFFF;
float:left;
margin-top:10px;
margin-left:30px;
}
#home #rfid{
margin-top:50px;
}

#home #button{
background:#436519;
border:#558419 solid 1px;
width:50px;
height:50px;
float:right;
position:absolute;
right:20px;bottom:20px;
color:#FFFFFF;
}
#home #mlogin,#home #petinfo{
width:129px;
height:65px;
border:0px;
}
#home #mlogin a,#home #petinfo a{
width:248px;
height:65px;
border:0px;
display:block;
}
#home #mlogin{

position:absolute;
left:26px;top:57px;
}
#home #petinfo{

position:absolute;
right:16px;top:52px;
}
#home #mlogin,#home #petinfo{
cursor:pointer;
}
#home #login a:hover #mlogin{
background-image:url(img/news_bg.gif);

}
#home #login a:hover #petinfo{
background-image:url(img/news_bg.gif);

}
/*----------info---------end-------news begin--*/

#home #news{
position:absolute;
left:10px;
top:390x;
height:500px;
}
#home #news span{
display:block
}
#home #petnew,#home #feeding,#home #online,#home #ygcsbg,#home #qsjs , #home #rdht{
background-image:url(img/news_bg.gif);
background-repeat:repeat-x;
width:310px;
height:330px;
float:left;
margin-right:12px;
font-size:14px;
text-align:left;
position:relative;
}
#home #petnew img,#home #feeding img,#home #online img ,#home #ygcsbg img,#home #qsjs img, #home #rdht img{
border:0px;
position:absolute;
bottom:5px;right:5px;
}
#home #petnew h5,#home #feeding h5,#home #online h5,#home #ygcsbg h5,#home #qsjs h5, #home #rdht h5{
color:#FFFFFF;
text-decoration:none;
float:right;
position:absolute;
right:10px;bottom:6px;
cursor:pointer;
}
#home #petnew ul,#home #feeding ul,#home #online ul,#home #ygcsbg ul,#home #qsjs ul, #home #rdht ul{
margin:0px;
padding:0px;
position:absolute;
left:30px;bottom:20px;
}
#home #petnew li,#home #feeding li,#home #online li,#home #ygcsbg li,#home #qsjs li , #home #rdht li {
margin-top:3px
}
#home #petnew li{
list-style-image:url(img/orange-arrow.gif);
}
#home #ygcsbg li{
list-style-image:url(img/orange-arrow.gif);
}
#home #feeding li{
list-style-image:url(img/green-arrow.gif);
}
#home #qsjs li{
list-style-image:url(img/green-arrow.gif);
}
#home #online li{
list-style-image:url(img/blue-arrow.gif);
}
#home #rdht li{
list-style-image:url(img/blue-arrow.gif);
}
#home #petnew li a,#home #feeding li a,#home #online li a,#home #ygcsbg li a,#home #qsjs li a, #home #rdht li a{
text-decoration:none;
font-size:12px;
color:#30530d;
}
#home #petnew li a:hover,#home #feeding li a:hover,#home #online li a:hover,#home #ygcsbg li a:hover,#home #qsjs li a:hover, #homeli a:hover{
text-decoration:underline;
display:block;
width:275px;
}
#home #petnew span,#home #feeding span,#home #online span,#home #ygcsbg span,#home #qsjs span, #home #rdht span{
width:310px;
height:150px;
}
#home #petnew span{
background-image:url(img/petnews_bg.gif);
}
#home #ygcsbg span{
background-image:url(img/ygcsbg.gif);
}
#home #feeding span{
background-image:url(img/feeding_bg.gif);
}
#home #qsjs span{
background-image:url(img/qsjs.gif);
}
#home #online span{
background-image:url(img/online_bg.gif);
}
#home #rdht span{
background-image:url(img/rdht.gif);
}
/*£­£­£­news£­£­£­£­end£­£­£­£­£­7ÔÂ16ÈÕ£­£­£­£­£­£­*/
/*-----------banner----video-----photo------*/
.clear{
clear:both;
}
#home #media{
margin:0px auto 0px auto;
width:980px;
height:250px;
position:absolute;
bottom:0px;left:1px;
top:-29px;

}


#home #banner{
float:left;
background:url(img/banner_bg.jpg) no-repeat;
width:640px;
height:110px;
margin-left:5px;
margin-top:7px;
}
#home #photograph{
float:left;
background:url(img/photo_bg.jpg) no-repeat;
width:640px;
height:150px;
margin-left:10px;
}
#home #video{
float:right;
background:url(img/video_bg.jpg) no-repeat;
width:310px;
height:260px;
position:absolute;
right:15px;bottom:-5px;
position:relative;
}
#home #video span{
display:block;
background:#000000;
width:290px;

position:absolute;
left:10px;bottom:5px;
}
/*----footer-------------begin----------*/
.footer{
margin-top:10px;
background:#497710 repeat;
height:145px;
}
.footer span{
display:block;
background:url(img/footer_ad.gif) no-repeat;
width:900px;
height:145px;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
}


.footer p{
text-indent:-9000px;
}
/*----footer-------------end----------*/

/*----quickmenu--right------css---------*/
#wrapper{
position:relative;
margin:0px auto 0px auto;
}
#wrapper{
width:980px;
height:520px;
}
 #wrapper1{
width:980px;
height:380px;
}
#wrapper1{
position:relative;
margin:0px auto 0px auto;
}
#wrapper2{
width:980px;
}
 #wrapper2{
width:980px;
height:240px;
}
#wrapper2{
position:relative;
margin:0px auto 0px auto;
}
.quickmenua{
width:251px;
position:absolute;
right:30px;top:405px;
border-top:#FFFFFF dashed 1px;
border-bottom:#FFFFFF dashed 1px;
padding-bottom:10px;
}
.quickmenu span{
display:block;
}
.quickmenua .petnew span{
background:#b5541d url(img/menu_news.png);
} 
.quickmenua .feeding span{
background:#476e1a url(img/menu_feeding.png);
}
.quickmenua .online span{
background:#16767a url(img/menu_online.png);
}

.quickmenu .petnew span,.quickmenu .feeding span,.quickmenu .online span{
width:250px;
height:65px;
float:left;
margin-top:10px;
cursor:pointer;
background-position:right top;
}
/*----quickmenu--right------css---------*/

/*---right-----menu--css--begin-----*/
.listright{
position:relative;
width:240px;
position:absolute;
right:30px;top:220px;
float:left;
}
.menu ul{
float:left;
}
.menu li{
text-align:left;
border-top:#FFFFFF dashed 1px;
list-style-image:url(img/orange-arrow.gif);
list-style-position:inside;
padding-left:5px;
}
.menu li a{
text-decoration:none;
color:#93d02d;
font-size:14px;
display:block;
width:220px;
height:20px;
padding-top:6px;
padding-left:10px;
}

#work .menu .work a,#structure .structure a,#download .download a,#dogshow .dogshow a,
#testinfo .menu .testinfo a,#faq .menu .faq a,#attest .menu .attest a,#dnatest .dnatest a,#dnaol .dnaol a,
#videosx .menu .videosx a,#photograph .menu .photograph a,#sxmod .sxmod a,
#civiliza .menu .civiliza a,#nona .nona a,#pcol .pcol a,
#member .menu .member a,#individual .individual a,
#civiliza1 .menu .civiliza1 a,#nona1 .nona a,#pcol1 .pcol a,
#member1 .menu .member1 a,#individual1 .individual1 a
{
background:#31500a;
color:#fff;
}
.menu li a:hover{
background:#31500a;
color:#fff;
}
.menu h2{
color:#93d02d;
font-size:14px;
margin:0px;
float:right;
}

.menu h2 span{
font-variant:small-caps;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
}
/*--------menu-csss--end------*/

/*----------table-----*/

#imgbox div{
float:left;
}
#imgbox span{
display:block;
cursor:pointer;

}
#img1{
background:url(img/images_01.gif) no-repeat #FFFFFF;
width:595px;
height:365px;
}
#imgbox{
width:595px;
height:50px;
background:#FFFFFF;
}
#img2 span{
background:url(img/images_18.gif) no-repeat #FFFFFF;
width:110px;
height:50px;
}
#img3 span{
background:url(img/images_14.gif) no-repeat #FFFFFF;
width:102px;
height:50px;
}
#img4 span{
background:url(img/images_15.gif) no-repeat #FFFFFF;
width:102px;
height:50px;
}
#img5 span{
background:url(img/images_16.gif) no-repeat #FFFFFF;
width:102px;
height:50px;
}
#img6 span{
background:url(img/images_17.gif) no-repeat #FFFFFF;
width:102px;
height:50px;
}
#img7 {
background:url(img/images_09.gif) no-repeat #FFFFFF;
width:126px;
height:194px;
}
#img8 {
background:url(img/images_10.gif) no-repeat #FFFFFF;
width:126px;
height:194px;
}
#img9 {
background:url(img/images_11.gif) no-repeat #FFFFFF;
width:140px;
height:194px;
}
#img10 {
background:url(img/images_12.gif) no-repeat #FFFFFF;
width:137px;
height:194px;
}

/*-------------other centent--begin------*/

.box{
background:url(img/other_centent_bg.gif) no-repeat #fef1e1;
width:647px;
height:550px;
float:left;
margin-top:5px;
margin-left:5px;
position:relative;
}
#dogshow .box {
height:680px;
}
.box_p{
background:url(img/other_centent_bg.gif) no-repeat #fef1e1;
width:687px;
height:550px;
float:left;
margin-top:5px;
margin-left:5px;
position:relative;
}
.box p,.box_p p{
font-size:14px;
color:#000;
text-indent:2em;
line-height:1.5em;
margin:10px;
text-align:left;
}
#work .box h3,.box_p h3{
font-size:14px;
margin-top:15px;
border-top:#FFFFFF dashed 1px;
}
/*-------------other centent--end------*/

/*-------------centent list css-----------------*/
.box ul{
width:580px;
margin:20px 0px 0px 0px;
}
.box li{
text-align:left;
list-style:inside decimal;
border-bottom:#666666 dashed 1px;
float:left;
margin-bottom:10px;
}
.box li span{
float:right;
}

.box li a{
text-decoration:none;
color:#000000;
font-size:14px;
padding-left:8px;
}

.box li a:hover{
background:#89ba3b;
color:#fff;
font-size:14px;
}
.box h2{
font-size:14px;
font-family:"ËÎÌå", Arial, sans-serif;
text-align:left;
margin-left:40px;
}
.box h3{
font-size:14px;
margin-top:15px;
}
.box h4{
font-size:12px;
position:absolute;
right:35px;top:30px;
}
.box h5{
font-size:12px;
text-align:left;
margin-left:20px;
padding-right:20px;
line-height:1.5em;
}
/*-------------centent list css-----------------------*/

/*-------------box a:hover--------------------*/
#civiliza .box li a:hover,#civiliza1 .box li a:hover,#nona .box li a:hover,#pcol .box li a:hover{
background:#5d572f;
}
#photograph .box li a:hover,#videosx .box li a:hover,#sxmod .box li a:hover{
background:#0d4547;
}
#work .box li a:hover,#download .box li a:hover{
background:#8f4216
}

/*--alllll-------title-------*/
#work .title{
background: url(img/work_title.gif) no-repeat #8f4216;
}
#attest .title{
background:url(img/attest_title.gif) no-repeat #31500a;
}
#civiliza .title{
background:url(/img/civi_title.gif) no-repeat #3a361d;
}
#civiliza1 .title{
background:url(/img/civi_title.gif) no-repeat #3a361d;
}
#photograph .title{
background:url(/img/photo_title.gif) no-repeat #0d4547;
}
#trends .title{
background: url(/img/trends_title.gif) no-repeat #8f4216;
}
#nona .title{
background: url(/img/breed_title.gif) no-repeat #3a361d;
}
#pcol .title{
background:url(/img/redgul_title.gif) no-repeat #3a361d;
}
#videosx .title{
background:url(/img/video_title.gif) no-repeat #0d4547;
}
#sxmod .title{
background:url(/img/story_title.gif) no-repeat #0d4547;
}
#dnatest .title{
background:url(/img/test_title.gif) no-repeat #31500a;
}
#faq .title{
background:url(/img/faq_title.gif) no-repeat #31500a;
}
#testinfo .title{
background:url(/img/testinfo_title.gif) no-repeat #31500a;
}
#dnaol .title{
background:url(/img/dnaol_title.gif) no-repeat #31500a;
}

#download .title{
background: url(img/download_title.gif) no-repeat #8f4216;
}
#dogshow .title{
background: url(img/dogshow_title.gif) no-repeat #8f4216;
}
#pet_nin .title{
background: url(img/pet_title.gif) no-repeat #8f4216;
}
#structure .title{
background: url(img/str_title.gif) no-repeat #8f4216;
}
#member .title{
background:url(img/member_title.gif) no-repeat #4b4516;
}
#member1 .title{
background:url(img/member_title.gif) no-repeat #4b4516;
}
#individual .title{
background:url(img/indivi_title.gif) no-repeat #4b4516;
}
#individual1 .title{
background:url(img/indivi_title.gif) no-repeat #4b4516;
}

#photograph .title,#civiliza .title,#civiliza1 .title,#attest .title,#work .title,#trends .title,#nona .title,
#pcol .title,#videosx .title,#sxmod .title,#dnatest .title,#faq .title,#download .title,#pet_nin .title,#dogshow .title,
#structure .title,#member .title,#member1 .title,#individual .title,#individual1 .title,#testinfo .title,#dnaol .title{
width:648px;
height:50px;
float:left;
margin-top:10px;
margin-left:5px;
}
/*----------------end------------*/
/*--------------------------------jinmei---------------------------*/
#jinmei .jinmeiphoto{
width:900px;
margin:0px;
padding:0px;
}
#jinmei .jinmeiphoto li{
float:left;
width:180px;
height:200px;
border:#fff 5px solid;
margin-left:0px;
margin-top:5px;
}
#jinmei .box{
width:960px;
}

#jinmei .jinmeiphoto .a{
background-image:url(img/a.jpg);
width:140px;

}
#jinmei .jinmeiphoto .b{
background-image:url(img/b.jpg);
background-position:left top;
width:230px;
}
#jinmei .jinmeiphoto .c{
background-image:url(img/c.jpg);
background-position:left top;
width:230px;
}
#jinmei .jinmeiphoto .d{
background-image:url(img/d.jpg);
background-position:left top;
width:260px;
}
#jinmei .jinmeiphoto .e{
background-image:url(img/e.jpg);
background-position:left top;
width:300px;
}
#jinmei .jinmeiphoto .f{
background-image:url(img/f.jpg);
background-position:left top;
width:280px;
}
#jinmei .jinmeiphoto .g{
background-image:url(img/g.jpg);
background-position:left top;
width:290px;
}
#jinmei #logo{
width:300px;
height:100px;
background:url(img/logo.gif) no-repeat top left;
display:block;
margin-top:30px;
}