﻿@charset "utf-8";
/* CSS Document */

img {border:0px;}
* {margin:0 auto;padding:0;}
ul, li {list-style-type:none;}
a { color:#07c5ee; text-decoration:none;}
a:hover { text-decoration:underline;}

body { background:#e8f7fd url(../images/bg.jpg) top center no-repeat; font-size:12px; color:#07c5ee; line-height:20px; font-family:"宋本"}
.top { width:960px; height:275px; padding:20px 0 0 0; position:relative;}
.logo { width:285px; height:55px; float:left;}
.nav { width:650px; height:38px; float:right; background:url(../images/nav.gif) left no-repeat;}
.nav ul { height:38px; line-height:38px; padding:0 10px;}
.nav li { float:left; width:70px;height:38px; text-align:center}
.nav li a{ color:#0497bd; text-decoration:none; display:block;}
.nav li a:hover {background:url(../images/nav_hover.gif) center no-repeat; color:#fff; text-decoration:none;}
.flash { width:345px; height:85px; margin:90px auto 0 auto;}
.banner { width:960px; margin:10px auto 0 auto;}
.width { width:960px;margin:10px auto 0 auto;}
.left { width:285px; float:left}
.right { width:650px; float:right;}
.claer { clear:both;}
h1 { font-size:14px; font-weight:bold;}
h1 span{ float:right; font-size:12px; font-weight:normal;}
.service { height:220px; padding:20px 10px 0; background:url(../images/service_bg.gif) no-repeat}
.service_span { margin:15px auto 0; display:block; height:185px;}
.service_span p { color:#2a8f90; text-align:center}
.about { height:220px; padding:20px 10px 0; background:url(../images/about_bg.gif) no-repeat; line-height:22px;}
.about_span img { float:left; margin:0 20px 0 10px; border:#07c5ee solid 1px;}
.about_span {margin:13px auto 0; display:block; height:185px;}
.about_span p { text-indent:22px;}
.about_img img { border:#07c5ee solid 1px;}
.list { margin:25px 0 0 0;}
.list_nav { font-size:14px; font-weight:bold;}
.list_nav li { width:285px; height:35px; line-height:35px; text-indent:40px; margin:0 0 4px 0;}
.list_nav li a {background:url(../images/list_bg.gif) no-repeat;display:block;}
.list_nav li a:hover { color:#4891a6; background:url(../images/list_hover_bg.gif) no-repeat;text-decoration:none;}
.breed { background:url(../images/photo_r_bg.gif) top right no-repeat; }
.breed_div { background:url(../images/photo_l_bg.gif) top left no-repeat; padding:10px 10px 0;}
.pic li{ width:150px; height:185px; margin:10px 3px 0 ;float:left}
.pic_span { width:140px; height:140px; padding:5px;background:url(../images/pic_bg.gif) top center no-repeat; display:block}
.pic li img { width:140px; height:140px;}
.pic li p{ margin:10px 0 0 0; text-align:center; line-height:24px;}
.pic li p a{ height:24px; background:url(../images/pic_p_bg.gif) no-repeat; display:block; color:#fff;}
.pic li p a:hover { background:url(../images/pic_p_hover_bg.gif) no-repeat; text-decoration:none;}


.pic2 li{ width:150px; height:185px; margin:10px 10px 0 30px ;float:left}
.pic2 li img { width:140px; height:140px;}
.pic2 li p{ margin:10px 0 0 0; text-align:center; line-height:24px;}
.pic2 li p a{ height:24px; background:url(../images/pic_p_bg.gif) no-repeat; display:block; color:#fff;}
.pic2 li p a:hover { background:url(../images/pic_p_hover_bg.gif) no-repeat; text-decoration:none;}

.zt li{ padding:15px 0 0 0;}
.zt_top { width:960px;}
.zt_con { width:910px; padding:0 25px; background:url(../images/zt_con_bg.gif) center repeat-y; line-height:24px;}
.zt_h1 { height:30px; background:url(../images/zt_title.gif) no-repeat; line-height:30px; text-indent:10px; font-size:14px; color:#fff;}
.zt_con_dt { text-indent:24px;}
.zt_con_dt dl { list-style-type:armenian;}
.yzjs_l { float:left; width:300px; margin:10px 0 0 0;}
.yzjs_span { width:300px; height:85px; display:block; color:#464646; line-height:16px}
.yzjs_span img { width:120px; height:80px; padding:1px; border:#999 solid 1px; float:left; margin:0 10px 0 0;}
.yzjs_p { font-weight:bold; color:#F60; height:24px; line-height:24px}
.yzjs_p a { color:#F60; text-decoration:none;}
.yzjs_p a:hover { text-decoration:underline}
.yzjs_ul { margin:5px 0 0 0;}
.yzjs_ul li { line-height:21px;color:#464646; }
.yzjs_ul li a { color:#464646; text-decoration:none;}
.yzjs_ul li a:hover { text-decoration:underline;}
.yzjs_r { float:right; width:300px;margin:10px 0 0 0;}
.jd_photo { margin:10px auto 0; width:960px;}
.jd_photo p { height:40px; line-height:40px; background:url(../images/title_jd_photo.gif) no-repeat; font-size:14px; font-weight:bold; text-indent:20px; padding:0 20px;}
.jd_photo p span { float:right; font-size:12px; font-weight:normal;}
.jd_photo li{ width:150px; margin:10px 5px 0; _margin:10px 4px 0;float:left}
.jd_photo li img { width:140px; height:140px;}
.jd_photo_span { width:140px; height:140px; padding:5px;background:url(../images/pic_bg.gif) top center no-repeat; display:block}
.link { margin:10px auto 0; padding:10px 10px 0 10px; width:940px; line-height:25px; background:url(../images/link_bg.gif) top center no-repeat; color:#86dcff; font-family:"宋本";}
.link a { color:#86dcff; text-decoration:none; margin:0 2px;}
.link a:hover { text-decoration:underline;}
.foot {margin:10px auto 0 auto; background:url(../images/foot_bg.gif) center bottom no-repeat; width:100%; height:90px;}
.foot p { margin:10px auto; width:960px; text-align:center; color:#00aeff;}

#m1{ position:absolute; top:60px; left:390px; display:none;}
#m_1{ float:left; width:14px; height:24px; background:url(../images/m_1.gif) no-repeat left top;}
#m_2{ float:left; display:inline; height:24px; background:url(../images/m_2.gif) repeat-x left top; line-height:24px; color:#999;}
#m_3{ float:left; width:14px; height:24px; background:url(../images/m_3.gif) no-repeat left top;}
#m_2 a{ color:#999;}
#m_2 a:hover{color:#0497bd; text-decoration:none;}

#m2{ position:absolute; top:60px; left:350px; display:none; }
.cots { height:220px; padding:20px 10px 0; background:url(../images/about_bg.gif) no-repeat; line-height:22px;}

	fieldset {margin-bottom:15px;border:1px solid #CCCCCC;}
		fieldset legend {color:#FF6600;font-weight:bold;padding:3px 20px 3px 20px;border:1px solid #CCCCCC;	background:#fff;}
			fieldset ol{ margin:20px 0; padding:0;}
			fieldset ol li {clear:left; list-style:none;line-height:30px; height:30px;}
			fieldset ol li label {float:left;width:120px;text-align:right;}
			fieldset ol li em { color:#ff0000;}
			fieldset ul {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}

fieldset ul li { list-style:none;}

#demo {
overflow:hidden;
width: 930px;
height:170px;
 float:left; 
 display:inline;
 text-align:center;
 margin-top:0px;
 margin-left:15px;
}

#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
#jd{ float:left; display: inline; width:955px; height:285px; overflow:hidden; margin-left:2px; background:url(../images/jd.gif) no-repeat right top;}
#jd_l{ float:left; display: inline; width:615px; height:100%; overflow:hidden; }
#jd_l img{ float:left; display:inline; width:100%; height:100%;}
#jd_r{ float:left; display:inline; width:340px; height:100%; overflow:hidden; }
#jd_r ul{ padding:0; margin:0; float:left; margin-top:25px; width:100%; height:auto;}
#jd_r ul li{ float:left; display:inline; width:319px; height:80px; overflow:hidden; margin-top:5px; margin-left:10px; cursor:pointer;}
.jd1{ background:url(../images/jd_bg.gif) no-repeat left top;}
#jd_r ul li img{ float:left; display:inline; width:84px; height:60px; border:0; margin-left:20px; margin-top:10px;}
#jd_r ul li a{ float:left; display:inline; width:180px; height:auto; margin-left:20px; color:#999;}
#jd_r ul li a span{ font-weight:bold; float:left; display:inline; width:100%; margin-top:5px;}
#jd_r ul li a:hover{ text-decoration:none;}
.jd2{ background:none;}