@charset "utf-8";

/**

* @Author: windyjay

* @E-Mail: windyjay@live.cn

* @URL: http://www.windyjay.com

* @QQ: 870301

* @Date: 2012-03-21

**/



/***全局样式***/

* {margin:0;padding:0;}

body {font:12px/100% simsun,arial; color:#282828; line-height:22px; background:url(../images/bg.jpg) top repeat-x #fff;}

fieldset {border:0;}

address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-style:normal;}

ol,ul,li {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}

img {margin:0; padding:0; border:0;}

a {text-decoration:none; color:#666;}

a:hover,a:active,a:focus {text-decoration:none; color:#005786;}

.clearfix {clear:both; height:0; margin:0 auto; font:0/0 sans-serif; background:none; visibility:hidden; display:block;}

.wrap {width:980px; margin:0 auto; overflow:hidden; background:url(../images/wrap-bg.jpg) repeat;}

.fl {float:left;}

.fr {float:right;}



.header {width:980px; height:122px; margin:0 auto; margin-bottom:8px;}

.top {width:980px; height:83px; position:relative;}

.logo {float:left; margin:22px 0 0 19px; display:inline;}

.top-right {float:right;}

.h-site {text-align:right; line-height:30px;}

.h-site p {color:#01284b;}

.h-site p a {color:#01284b; margin:0 10px;}

.h-site p a:hover {}

.choose {width:140px; height:22px; line-height:22px; position:absolute; bottom:0; _bottom:-1px; right:6px; background:url(../images/choose.jpg) right bottom no-repeat; text-align:right;}

.choose p {color:#fff;}

.choose p a {color:#fff; margin:0 15px;}

.choose p a:hover {}



/**nav**/

.nav {width:980px; height:37px; border-top:1px solid #000a50; border-bottom:1px solid #000a50; background:url(../images/nav.jpg) no-repeat;}

.dropdown {float:left;}

.dropdown dt {width:140px; line-height:37px; text-align:center; background:url(../images/nav-line.jpg) left no-repeat;}

.dropdown dt:hover {}

.dropdown dt a {width:89px; height:37px; padding:0 25px; margin-left:1px; color:#fff; font-size:14px; font-weight:bold; display:inline-block;}

.dropdown dt a:hover {color:#293528; background:url(../images/nav-ah.jpg) repeat-x;}

.dropdown dd {position:absolute; overflow:hidden; display:none; z-index:200;}

.dropdown ul {width:108px; background:#f8f8f8; border:1px solid #d6d6d6; padding:0 15px;}

.dropdown li {width:98px; height:24px; line-height:24px; border-bottom:1px solid #dcdcdc; padding-left:10px;}

.dropdown li a {color:#4c4c4c; padding-left:10px;}

.dropdown li a:hover {color:#002b61; background:url(../images/subnav.jpg) left center no-repeat;}



.index-bar {width:968px; margin:0 auto; padding:6px 16px; background:url(../images/banner.jpg) no-repeat;}

.banner {width:980px; margin:0 auto; margin-bottom:10px;}

.index-banner img {display:block;}



/**content**/

.content {width:980px; margin:0 auto; overflow:hidden;}

.index-left {float:left; width:336px;}

.index-news {width:330px; overflow:hidden;}

.index-news ul {}

.index-news ul li {height:24px; line-height:24px; text-align:right; color:#4a4a4a;}

.index-news ul li a {float:left; color:#000;}

.index-news ul li a:hover {color:#083a96;}

.news-zy {border-bottom:1px dotted #86718e; padding:5px 0; margin-bottom:5px;}

.news-zy a img {float:left; width:100px; height:80px; padding:1px 1px; border:1px solid #e1e1e1; margin-right:15px;}

.news-zy a:hover img { border:1px solid #111;}

.news-zy a strong {color:#083a96;}

.news-zy a:hover strong {color:#ba0000;}

.news-zy p {height:70px; color:#4a4a4a; overflow:hidden;}

.news-zy p a {color:#083a96;}

.news-zy p a:hover {text-decoration:underline;}



.index-right {float:right; width:618px; padding:1px 1px; background:url(../images/product-bg.jpg) top no-repeat;}

.pic {width:590px; margin:0 auto; margin-top:20px; overflow: hidden; zoom:1; overflow:hidden;}

.pic .pcont {float:left; width:560px; margin:0 auto; overflow:hidden;}

.pic .ScrCont {width:32766px; zoom:1;}

.pic #List1 {float:left;}

.pic #List2 {float:left;}

.pic .LeftBotton {float:left; width:9px; height:16px; background:url(../images/prev.jpg) left center no-repeat; margin:45px 5px 0 0px;}

.pic .RightBotton {float:left; width:9px; height:16px; background:url(../images/next.jpg) left center no-repeat; margin:45px 0px 0 5px;}

.pic .LeftBotton:hover {}

.pic .RightBotton:hover {}

.pic a.pl img {width:137px; height:109px; display:block; cursor:pointer; margin-bottom:10px;}

.pic a.pl {float:left; width:137px; line-height:24px; text-align:center; margin-right:5px; color:#4c4c4c;}

.pic a.pl:hover {color:#0f8100;}

.pic a.pl p img {width:13px; height:14px; display:inline; vertical-align:-13px; _vertical-align:-3px; margin-right:5px;}


.index-title {height:34px; line-height:34px; border-bottom:1px solid #cdcdcd;}

.index-title img {float:left;}

.index-title a {float:right; color:#9d9d9d;}

.index-title a:hover {text-decoration:underline;}

#left {float:left; width:199px;}

.menu-title {width:199px; height:35px;}

.menu-title img {display:block;}

.menu {background:url(../images/left.jpg) repeat-x; min-height:500px; _height:expression((document.documentElement.clientHeight||document.body.clientHeight)>500?"500px":"");}

.menu ul {}

.menu ul li {height:30px; line-height:30px; border-bottom:1px solid #74b6c7; text-align:center;}

.menu ul li a {width:199px; height:30px; background:#a6e9fa; color:#292828; font-weight:bold; display:inline-block;}

.menu ul li a:hover {background:#cef5ff; color:#005786;}

#right {float:right; width:770px;}

.site {height:34px; line-height:34px; background:url(../images/site.jpg) left bottom no-repeat;}

.site p {color:#272727;}

.site p a {color:#272727;}

.site p a:hover {color:#116994;}

.site p span {color:#116994;}

.box {width:730px; padding:20px 20px; margin:0 auto; overflow:hidden;}

.news-show  table{margin: 0 auto;}

/**about**/

.about {width:710px; margin:0 auto; overflow:hidden;}

.about p {color:#282828;}



/**news-list**/

.news-list {width:710px; margin:0 auto; overflow:hidden;}

.news-list ul {}

.news-list ul li {height:36px; line-height:36px; color:#929292; border-bottom:1px dotted #929292; text-align:right;}

.news-list ul li a {float:left; color:#282828;}

.news-list ul li a:hover{}



/**news-show**/

.news-show {width:710px; margin:0 auto; overflow:hidden;}

.news-show h5 {text-align:center; color:#333; font-size:14px; font-weight:bold;}

.news-show h6 {text-align:center; color:#919191; line-height:36px; border-bottom:1px dotted #bfbfbf; margin-bottom:10px;}

.news-show p {color:#333;}



/**product-list**/

.product-list {width:710px; margin:0 auto; overflow:hidden;}

.product-list ul {}

.product-list ul li {float:left; width:167px; margin:10px 5px; display:inline;}

.product-list ul li a {float:left; width:167px; text-align:center;}

.product-list ul li a:hover {}

.product-list ul li a img {width:167px; height:134px; margin-bottom:5px; display:block;}

.product-list ul li a:hover img {}

.product-list ul li a p img {width:13px; height:14px; display:inline; vertical-align:-13px; _vertical-align:-3px; margin-right:5px;}


/***page***/

.pagebar{color:#acacac; padding:25px 0; overflow:hidden;}

.pageList {overflow:hidden;}

.pageList ul.l{float:left}

.pageList ul.r {float:right}

.pageList ul.r li {float:left; margin:0px 5px; border:1px solid #e2e2e2; text-align:center;}

.pageList ul.r li a {color:#747474; padding:0px 10px; display:inline-block;}

.pageList ul.r li a:hover {color:#616161; background:#f2f2f2;}



/**footer**/

.footer {width:980px; margin:0 auto; margin-top:10px; border-top:3px solid #1651bc; padding-top:20px; overflow:hidden;}

.copyright {float:left; margin-left:10px; display:inline;}

.copyright p {color:#000;}

.copyright p a {color:#000;}

.copyright p a:hover {color:#005786;}

.link {float:right; text-align:right;}

.link img {margin-right:7px;}