/*
 * file    : base.css
 * codex   : css v2.0
 * version : 1.0.0
 * author  : leo.yang
 * update  : 2012-06-21 13:36
 */

@charset "gb2312";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p{margin:0;padding:0;}
body { background-color: #FFF; }

input,select{vertical-align:middle;line-height:100%;}
table{margin:0 auto;}
table,td,tr,th{font-size:12px;text-align:left;}
ol,ul{list-style:none;}
li{ list-style-type: none; }
img{ vertical-align: top; border: 0; }
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
a{ color: #666666; text-decoration: none; font-family: "宋体"; }
a:hover{ color: #CC0000; text-decoration: none; }
.clear{ clear: both; height: 0px; overflow: hidden; display: block; line-height: 0px; }
.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}
.both { clear: both; width: 100%; }


.left{float:left; }
.right{float:right;}
.w_250px{ width: 250px; }
.w_720px { width: 720px; overflow:hidden; }
.w_980px{ width: 980px; margin-right: auto; margin-left: auto; }
.w_1000px { width: 1000px; margin-right: auto; margin-left: auto; }

.hidden{display:none;}
.blank10{clear:both;display:block;height:10px;overflow:hidden;}
.marginB10px { margin-bottom: 10px;}
.marginR10px { margin-right: 10px;}
.imgBoxLine { border: 1px solid #CCCCCC; }
.overflowHidden{ overflow:hidden;}
.box { background-image: url(../images/index_r21_c2.jpg); background-repeat: repeat-x; background-position: center bottom; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #DDDDDD; border-right-color: #DDDDDD; border-bottom-color: #DDDDDD; border-left-color: #DDDDDD; }
.box2 { border-left-width: 2px; border-left-style: solid; border-left-color: #EA2830; background-image: url(../images/index_r25_c3.jpg); background-repeat: repeat-x; background-position: center bottom; }




/*分页样式------------------------------------------------------*/
.page{ clear: both; margin-top: 10px; padding-right: 10px; padding-bottom: 10px; float: right; }
.page a{ display: block; float: left; border: 1px solid #CCCCCC; color: #999; font-family: "宋体"; font-size: 12px; margin-top: 0; margin-right: 2px; margin-bottom: 0; margin-left: 2px; padding-right: 5px; padding-left: 5px; line-height: 22px; }
.page a:hover{ color: #FFF; background-color: #487594; border: 1px solid #487594; }
.page a.pagein{ display: block; float: left; border: 1px solid #487594; color: #FFF; margin: 0 2px; padding: 0px 5px; background-color: #487594; }


/* 滚动------------------------------------------*/
.rollBox{ width: 718px; }
.rollBox .img1{ float: left; margin-top: 60px; cursor: pointer; }
.rollBox .img2{ float: left; margin-top: 60px; cursor: pointer; }
.rollBox .Cont{ width: 650px; overflow: hidden; float: left; overflow: hidden; display: inline; }
.rollBox .ScrCont{ height: 158px; width: 1000000px; }
.rollBox .Cont .pic{ overflow: hidden; float: left; display: inline-block; list-style-type: none; list-style-position: outside; width: 217px; height: 158px; text-align: center; }
.rollBox .Cont .pic img  { max-width: 210px; max-height: 158px; _width: 210px; _height: 158px; }
*+html .rollBox .Cont .pic{ float:left; display:inline; }
.rollBox .Cont .pic img{ margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.rollBox #List1,.rollBox #List2{float:left; margin:0; padding:0;}


/* 头部------------------------------------------*/
#header { clear: both; }
#header .topBar { height: 102px; }
#header .topBar h1 { margin-top: 15px; }
#header .topBar h1 a { background-image: url(../images/index_r1_c4.jpg); background-repeat: no-repeat; background-position: left top; display: block; height: 68px; width: 523px; }
#header .topBar .linkRight { margin-top: 20px; }
#header .topBar  ul .link { color: #999999; font-family: "宋体"; font-size: 12px; text-align: right; margin-bottom: 15px; }
#header .topBar ul .link a { color: #999999; }
#header .topBar ul .link a:hover { color: #CC0000; }
#header .topBar ul .search { border: 1px solid #E6E6E6; }
#header .topBar ul .search input { background-color: #FFF; border: 1px none #FFF; font-family: "宋体"; font-size: 12px; color: #999; text-decoration: none; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }



/* 导航------------------------------------------*/
#nav { clear: both; background-image: url(../images/index_r5_c1.jpg); background-repeat: repeat-x; background-position: left top; height: 50px;}
#nav .navShadow { background-image: url(../images/index_r6_c2.jpg); background-position: center bottom; height: 40px; padding-bottom: 10px; _padding-bottom: 6px; background-repeat: no-repeat; }
#nav .navShadow .navBG { background-image: url(../images/index_r5_c2.jpg); background-repeat: repeat; height: 40px; padding-left: 34px; }
#nav .navShadow .navBG a { font-family: "宋体"; font-size: 14px; font-weight: bold; color: #FFF; float: left; line-height: 40px; display: block; padding-right: 10px; padding-left: 10px; }
#nav .navShadow .navBG a:hover { font-family: "宋体"; font-size: 14px; font-weight: bold; color: #FFF; float: left; line-height: 40px; display: block; padding-right: 9px; padding-left: 9px; background-color: #C00; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #FFF; border-left-color: #FFF; background-image: url(../images/index_r5_c7.jpg); background-repeat: no-repeat; background-position: left top; }
#nav .navShadow .navBG a.on { font-family: "宋体"; font-size: 14px; font-weight: bold; color: #FFF; float: left; line-height: 40px; display: block; padding-right: 9px; padding-left: 9px; background-color: #C00; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #FFF; border-left-color: #FFF; background-image: url(../images/index_r5_c7.jpg); background-repeat: no-repeat; background-position: left center; }
#nav .navShadow .navBG .tel { background-image: url(../images/index_r5_c30.jpg); background-repeat: no-repeat; background-position: left top; height: 40px; font-family: Tahoma, Geneva, sans-serif; font-style: italic; line-height: 40px; font-size: 22px; padding-left: 30px; padding-right: 34px; color: #FFF; }



/* banner------------------------------------------*/
#header #banner { padding-top: 10px; padding-bottom: 10px; background-image: url(../images/index_r9_c3.jpg); background-repeat: no-repeat; background-position: center bottom; }
#focus {width:980px; height:300px; overflow:hidden; position:relative;}
#focus ul {height:300px; position:absolute;}
#focus ul li {float:left; width:980px; height:300px; overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:980px; height:20px; left:0; bottom:0;}
#focus .btn {position:absolute; width:980px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:10px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background: #C00;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}



/* 底部------------------------------------------*/
#footer { clear: both; background-image: url(../images/index_r35_c1.jpg); background-repeat: repeat; background-position: left top; }
#footer .footerShadow { background-image: url(../images/index_r35_c2.jpg); background-repeat: no-repeat; background-position: center top; padding-top: 9px; }
#footer .footerShadow .footerBG { background-image: url(../images/index_r37_c26.jpg); background-repeat: repeat; background-position: left top; padding-top: 20px; padding-right: 60px; padding-bottom: 20px; padding-left: 60px; display: block; }
#footer .footerShadow .footerBG .logo { background-image: url(../images/index_r37_c8.jpg); background-repeat: no-repeat; background-position: center center; height: 64px; width: 60px; float: left; margin-top: 10px; }
#footer .footerShadow .footerBG .address { float: left; width: 500px; font-family: "宋体"; font-size: 12px; color: #CCC; line-height: 22px; border-left-width: 1px; border-left-style: solid; border-left-color: #999999; margin-left: 20px; padding-left: 20px; }
#footer .footerShadow .footerBG .address a { color: #CCC; }
#footer .footerShadow .footerBG .address a:hover { color: #FFF; text-decoration: none; }
#footer .footerShadow .footerBG .tel { background-image: url(../images/index_r38_c27.jpg); background-repeat: no-repeat; background-position: left center; padding-top: 20px; padding-bottom: 20px; float: right; padding-left: 60px; font-family: Tahoma, Geneva, sans-serif; font-size: 30px; font-style: italic; color: #FFF; }



/* 中部------------------------------------------*/
#main { clear: both; margin-top: 10px; margin-bottom: 10px; }
.boxLeftBlue dl { height: 30px; clear: both; background-image: url(../images/index_r5_c2.jpg); line-height: 30px; }
.boxLeftBlue dl dt { padding-left: 10px; }
.boxLeftBlue dl dt h3 { font-family: "宋体"; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; }
.boxLeftBlue dl dd { _margin-top: 0; margin-top: 5px; height: 20px; width: 61px; }
.boxLeftBlue .shadow { background-image: url(../images/index_r13_c3.jpg); background-repeat: no-repeat; background-position: center center; line-height: 5px; height: 5px; display: block; overflow: hidden; font-size: 1px; }
.boxLeftBlue .content  { background-color: #F6F6F6; display: block; padding: 10px; }
.boxLeftBlue .content.contact { background-image: url(../images/index_r33_c11.jpg); background-repeat: no-repeat; background-position: right bottom; font-family: "宋体"; font-size: 12px; color: #666; line-height: 22px; }


.boxLeftRed dl { height: 30px; clear: both; background-image: url(../images/index_r23_c21.jpg); line-height: 30px; }
.boxLeftRed dl dt { padding-left: 10px; }
.boxLeftRed dl dt h3 { font-family: "宋体"; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; }
.boxLeftRed dl dd { _margin-top: 0; margin-top: 5px; height: 20px; width: 61px; }
.boxLeftRed .shadow { background-image: url(../images/index_r13_c3.jpg); background-repeat: no-repeat; background-position: center center; line-height: 5px; height: 5px; display: block; overflow: hidden; font-size: 1px; }
.boxLeftRed .content  { background-color: #F6F6F6; padding: 10px; _padding: 5px; }
.indexNewsList { overflow: hidden; clear: both; }
.indexNewsList li { font-size: 12px; line-height: 26px; list-style-position: inside; list-style-type: disc; color: #9C0; }
.indexNewsImg { text-align: center; }
.indexProductClass { clear: both; }
.indexProductClass li { margin-bottom: 5px; _margin-bottom: 2px; }
.indexProductClass li a { background-image: url(../images/index_r30_c5.jpg); background-repeat: no-repeat; background-position: left top; display: block; height: 29px; width: 218px; margin-right: auto;  auto; line-height: 29px; font-family: "宋体"; font-size: 14px; text-indent: 10px; border: 1px solid #D6D6D6; }
.indexProductClass li a:hover { background-image: url(../images/index_r27_c5.jpg); background-repeat: no-repeat; background-position: left top; display: block; height: 29px; width: 218px; margin-right: auto;  line-height: 29px; font-family: "宋体"; font-size: 14px; text-indent: 10px; border: 1px solid #FFCC00; }
.indexProductClass li a.on { background-image: url(../images/index_r27_c5.jpg); background-repeat: no-repeat; background-position: left top; display: block; height: 29px; width: 218px; margin-right: auto;  line-height: 29px; font-family: "宋体"; font-size: 14px; text-indent: 10px; border: 1px solid #FFCC00; }


/*
.indexProductClass{ margin:0; padding:0;}
.indexProductClass li{ float:left; position:relative; }
.indexProductClass li div{ display:none; background:#fff3c4; position:absolute; top:0; left:219px; width:180px; border:#FFCC00 solid 1px;}
.indexProductClass li div a{ background: url(../images/icon3.jpg) no-repeat 160px; width:180px; border:none; }
.indexProductClass li div a:hover{background:#FFF url(../images/icon2.jpg) no-repeat 160px; width:180px;  border:none;}
*/

.boxRightBlue dl { height: 30px; clear: both; background-image: url(../images/index_r5_c2.jpg); line-height: 30px; }
.boxRightBlue dl dt { padding-left: 10px; }
.boxRightBlue dl dt h3 { font-family: "宋体"; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; float:left;}
.boxRightBlue dl dt.left small{ float:right; padding-left:15px; color:#FFF; padding-top:2px;}
.boxRightBlue dl dt.left small a{ color:#FFF;}
.boxRightBlue dl dd { margin-top: 5px; height: 20px; width: 61px; }
.boxRightBlue .shadow { background-image: url(../images/index_r13_c16.jpg); background-repeat: no-repeat; background-position: center center; line-height: 5px; height: 5px; display: block; overflow: hidden; font-size: 1px; }
.boxRightBlue .content  { background-color: #FFFFFF; display: block; padding: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #F2F2F2; border-right-color: #F2F2F2; border-bottom-color: #F2F2F2; border-left-color: #F2F2F2; }
.boxRightBlue .content .aboutTxt { font-family: "宋体"; font-size: 12px; line-height: 22px; width: 450px; color: #666; }



.boxRightRed dl { height: 30px; clear: both; background-image: url(../images/index_r23_c21.jpg); line-height: 30px; }
.boxRightRed dl dt { padding-left: 10px; }
.boxRightRed dl dt h3 { font-family: "宋体"; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; }
.boxRightRed dl dd { margin-top: 5px; height: 20px; width: 61px; }
.boxRightRed .shadow { background-image: url(../images/index_r13_c16.jpg); background-repeat: no-repeat; background-position: center center; line-height: 5px; height: 5px; display: block; overflow: hidden; font-size: 1px; }
.boxRightRed .content  { background-color: #FFFFFF; display: block; padding: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #F2F2F2; border-right-color: #F2F2F2; border-bottom-color: #F2F2F2; border-left-color: #F2F2F2; }
.certificate { border: 1px solid #F2F2F2; clear: both; overflow: hidden; padding-top: 23px; padding-bottom: 23px; width: 718px; }
.strength { border-top-width: 2px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #C00; border-right-color: #F2F2F2; border-bottom-color: #F2F2F2; border-left-color: #F2F2F2; font-family: "宋体"; font-size: 12px; line-height: 22px; color: #666; text-decoration: none; clear: both; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; }
.productBox { width: 210px; float: left; margin-left: 16px; margin-bottom: 5px; margin-top: 10px; }
.productBox ul li { text-align: center; font-family: "宋体"; font-size: 12px; line-height: 30px; }
.aboutContent { font-family: "宋体"; font-size: 12px; line-height: 24px; color: #666; text-decoration: none; }

/***********************/
.newslist li{ line-height:30px; width:100%; float:left; clear:both; border-bottom:#CCC dashed 1px;}
.newslist li span{ float:right; padding-right:10px;}
.newslist li a{ float:left; font-size:14px; background:url(../images/icon1.jpg) no-repeat left; padding-left:15px}

.prolist{ width:760px; overflow:hidden;}
.prolist li{ float:left; width:210px; height:190px; margin:10px 43px 5px 0; _margin:10px 41px 5px 0;}
.prolist li div{ display:inline-block; width:208px; height:158px; text-align:center; border:#e3e3e3 solid 1px;}
.prolist li div img{ max-width:206px; max-height:156px; _width:206px; _height:156px; padding:2px;}
.prolist li p{ line-height:30px; text-align:center; font-size:12px;}

.contentny{ width:720px;}
.contentimg{ max-width:500px; max-height:500px; _width:500px; _height:500px; display:block; margin-left:auto; margin-right:auto;}
.indexpro .img{ display:block; width:210px; height:158px; overflow:hidden;}
.indexpro .img img{ max-width:210px; max-height:158px;  _width:210px; _height:158px;}