﻿@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
i { font-style: normal }
h3 { font-weight: normal; }
a:hover { text-decoration: underline }
html { overflow: -moz-scrollbars-vertical; overflow-x: hidden; } /*始终让 Firefox 显示滚动条*/
* { word-wrap: break-word; }/*文字强制换行word-break:keep-all;(Ff)*/
table { border-collapse: collapse; }/*细线表格*/
fieldset, img { border: 0px; }/*清除描边,块显示*/
ul, li { list-style-type: none; }/*无列表项目标记*/
a { text-decoration: none; }/* 链接无下划线,有为underline;链接去框 */
a:link { color: #454545; }/* 未访问的链接 */
a:visited { color: #454545; }/* 已访问的链接 */
a:hover { color: #eb0400; text-decoration: none }/* 鼠标在链接上 */
a:active { color: #454545; )
}/* 点击激活链接 */
body, fieldset, th, td, select, input, textarea { font-size: 12px; font-family: "宋体"; color: #666666; background: #fff; }
select, input { vertical-align: middle; outline: medium; }
@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
i { font-style: normal }
h3, h2, h4 { font-weight: normal; }
a:hover { text-decoration: underline }
html { overflow: -moz-scrollbars-vertical; overflow-x: hidden; } /*始终让 Firefox 显示滚动条*/
* { word-wrap: break-word; }/*文字强制换行word-break:keep-all;(Ff)*/
table { border-collapse: collapse; }/*细线表格*/
fieldset, img { border: 0px; }/*清除描边,块显示*/
ul, li { list-style-type: none; }/*无列表项目标记*/
a { text-decoration: none; }/* 链接无下划线,有为underline;链接去框 */
a:link { color: #454545; }/* 未访问的链接 */
a:visited { color: #454545; }/* 已访问的链接 */
a:hover { color: #f7ab00; text-decoration: none }/* 鼠标在链接上 */
a:active { color: #454545; )
}/* 点击激活链接 */
body, fieldset, th, td, select, input, textarea { font-size: 12px; font-family: "宋体"; color: #666666; background: #fff; }
select, input { vertical-align: middle; outline: medium; }
em { font-style: normal; }
input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox] { cursor: pointer }
body { background: #FFF; font-family: Arial, Helvetica, sans-serif; }
em { font-style: normal; }
input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox] { cursor: pointer }
/*头部Start*/
.wrap { width: 1000px; clear: both; margin: 0 auto; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.clear { clear: both; height: 15px; }
/*首页*/
.logoSmall { width: 90px; height: 86px; margin-top: 10px; }
.logoSmall a { width: 90px; height: 86px; display: block; background: url(../images/logo.jpg) no-repeat center; }
.logoLong { width: 284px; height: 46px; margin-left: 14px; padding-top: 43px; }
.logoLong a { width: 284px; height: 46px; display: block; background: url(../images/zheye.jpg) no-repeat center }
.topMark { height: 14px; line-height: 14px; padding-top: 16px; }
.topMark span { float: left; margin-left: 10px; }
.topMark a { float: left; color: #656565; margin: 0 5px; }
.topMark b { width: 27px; height: 14px; display: block; background: url(../images/china.jpg) no-repeat; float: left }
.topMark em { width: 27px; height: 14px; display: block; background: url(../images/eng.jpg) no-repeat; float: left }
.nav { width: 593px; height: 34px; padding-bottom: 8px; margin: 35px 0 0 0 }
.nav li { width: 75px; padding: 0 5px; height: 34px; line-height: 34px; background: url(../images/nva_line.jpg) no-repeat right 8px; text-align: center; float: left; overflow: hidden; }
.nav .navLi4 { width: 132px; }
.nav .navLi4 a { width: 122px; }
.nav .navLi5 { width: 100px; }
.nav .navLi5 a { width: 90px; }
.nav li a { display: block; width: 60px; height: 32px; line-height: 30px; color: #424d4d; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0 5px }
.nav li.hover a { background: #af4f27; color: #FFF; border: 1px #91401f solid; }
.bannerBox { background: #FFF; height: 400px; position: relative }
.bannerBox ul { width: 1000px; height: 400px; overflow: hidden }
.bannerBox ol { position: absolute; overflow: hidden; bottom: 10px; right: 10px; }
.bannerBox ol li { float: left; width: 20px; height: 18px; line-height: 18px; text-align: center; color: #6666666; font-family: "Microsoft Yahei"; background: url(../images/btnWithe.png) no-repeat center; margin: 0 3px; cursor: pointer }
.bannerBox ol li.in { background: url(../images/btnBlue.png) no-repeat center; color: #FFF; }
.bannerBox ul li { width: 990px; height: 390px; padding: 5px; }
.bannerBox ul li img { width: 990px; height: 390px; display: block }
.banner { width: 100%; padding-top: 27px; height: 400px; background: url(../images/bannerBg.jpg) no-repeat; margin: 0 auto; clear: both; }
.product { height: 293px; padding-top: 22px; background: url(../images/shades.jpg) no-repeat no-repeat; }
.title { height: 48px; line-height: 48px }
.title span { float: left; color: #474646; font-size: 14px; font-family: "Microsoft Yahei" }
.product .title b { width: 18px; height: 17px; display: block; background: url(../images/proudctimg.jpg) no-repeat center; margin: 17px 8px 0; float: left }
.title a { float: right; padding-left: 22px; background: url(../images/more.jpg) no-repeat left; color: #af4f27; font-family: Arial, Helvetica, sans-serif; font-size: 12px }
.foot { background: url(../images/footline.jpg) top repeat-x #f1f1f1; clear: both; overflow: hidden;}
.footLink { margin: 0 auto; margin-top: 20px; overflow: hidden; text-align: center }
.footLink span { color: #999999 }
.footLink span a { padding: 0 16px; }
.foot p { clear: both; text-align: center; margin-top: 17px; color: #999999 }
.foot a { color: #999999 }
.foot a:hover { color: #e5a66a }
.rollProduct { position: relative; margin-top: 19px; }
.rollBox { width: 894px; height: 197px; overflow: hidden; margin: 0 auto; position: relative; }
.rollBox ul { height: 197px; overflow: hidden; position: absolute; top: 0; left: 0; }
.rollBox li { width: 210px; height: 197px; float: left; margin-right: 18px; }
.rollBox li p a { width: 200px; height: 150px; display: block; }
.rollBox li p { width: 200px; height: 150px; border: 5px #f5f4f4 solid; }
.rollBox li p img { width: 200px; height: 150px; display: block }
.rollBox li p:hover { border: 5px #e8dbd7 solid; }
.rollBox ul div { height: 33px; line-height: 33px; text-align: center; background: #e7e7e7; margin-top: 4px; }
.rollBox ul div a { color: #474646 }
.rollProduct b { width: 28px; height: 53px; background: url(../images/left_vane.jpg) no-repeat center; display: block; position: absolute; top: 60px; left: 0; cursor: pointer }
.rollProduct em { width: 28px; height: 53px; background: url(../images/right_vane.jpg) no-repeat center; display: block; position: absolute; top: 60px; right: 0; cursor: pointer }
/**/
.mainBg { background: url(../images/mainbg.jpg) no-repeat center top; clear: both; overflow: hidden; }
.pageMain { height: auto; min-height: 850px; margin: 46px auto; background: url(../images/mianyiny.jpg) no-repeat top #FFF; position: relative; padding: 35px 65px; width: 870px; border: 1px #f5f5f5 solid; border-top: none }
.shadowLeft { width: 10px; height: 889px; background: url(../images/Shadow_left.jpg) no-repeat top; position: absolute; top: 4px; left: -9px; }
.shadowRight { width: 10px; height: 889px; background: url(../images/shadowRight.jpg) no-repeat top; position: absolute; top: 4px; right: -9px; }
.vane { clear: both; overflow: hidden; }
.vane h2 { font-size: 20px; font-family: "Microsoft Yahei"; color: #373632; font-weight: normal; float: left; }
.vane div { float: right; margin-top: 5px; }
.vane div span { color: #666666; }
.vane div a { color: #666666; }
.vane div a.hover { color: #e67119 }
.vaneBtm { clear: both; padding-top: 10px; }
.vaneBtm a { font-size: 14px; font-family: "Microsoft Yahei" }
.vaneBtm a.hover { color: #e67119 }
.AllImgList { width: 880px; overflow: hidden }
.AllImgList dd { width: 208px; margin: 15px 11px 0 0; float: left }
.AllImgList dd p { width: 200px; height: 150px; background: url(../images/Imgshadow.jpg) no-repeat center; padding: 4px; }
.AllImgList dd p img { width: 200px; height: 150px; display: block; }
.AllImgList dd div { color: #666666; height: 40px; line-height: 20px; text-align: center; clear: both; margin-top: 10px; overflow: hidden }
.page { padding: 40px 0 0 0px; height: 25px; overflow: hidden; text-align: center; clear: both; }
.page code, .page a { border: 1px solid #eeeeee; padding: 2px 5px; background: #8c8682; font-family: "microsoft yahei"; color: #FFF }
.page a:hover { background: #e46a0c; color: #fff; border: 1px solid #e46a0c; }
.page a.hover { background: #e46a0c; color: #fff; border: 1px solid #e46a0c; }
.page input { vertical-align: middle; height: 20px; border: 1px solid #999; }
.page input#pageDetail { width: 30px; text-align: center; border: 1px solid #eeeeee; background: #fff; }
.page_bnt { background: #e46a0c; color: #fff; width: 60px; text-align: center; width: 58px; }
/*新闻列表页*/
.new_list { clear: both }
.new_list dd { height: 36px; line-height: 36px; border-bottom: 1px dotted #a8a8a8; background: url(../images/blue_jt.jpg) left no-repeat; background: url(../images/newListMari.jpg) no-repeat left center; }
.new_list a { float: left; display: block; text-indent: 20px; font-size: 12px; color: #666666 }
.new_list span { float: right; display: block; font-size: 12px }
/*图文列表*/
.newImgList dd { overflow: hidden; margin-bottom: 30px; }
.newImgList dd p { width: 200px; height: 150px; background: url(../images/Imgshadow.jpg) no-repeat center; padding: 4px; float: left }
.newImgList dd p img { width: 190px; height: 140px; display: block; margin: 5px auto }
.newImgListText { width: 640px; margin-left: 10px; float: left }
.newImgListText h2 { height: 22px; line-height: 22px; }
.newImgListText h2 span { display: block; font-weight: bold; float: left; color: #100906; font-size: 14px; }
.newImgListText h2 a { width: 76px; height: 22px; line-height: 22px; text-align: center; color: #FFF; font-size: 12px; font-family: "Micorosft Yahei"; display: block; background: url(../images/See.jpg) no-repeat center; float: right }
.newImgListText div { line-height: 23px; color: #555555; background: #f2f2f2; padding: 10px; margin-top: 20px; height: 92px; position: relative }
.newImgListText div .dot { width: 9px; height: 8px; display: block; background: url(../images/newsImgList_vane.jpg) no-repeat center; position: absolute; top: -8px; left: 24px; }
/*文章页*/
.articleTitle { text-align: center; width: 680px; margin: 0 auto; }
.articleTitle h3 { height: 50px; line-height: 50px; font-size: 24px; color: #1d1815 }
.articleTitle div { color: #999999; height: 29px; line-height: 29px; border-top: 1px #e9e9e9 solid; border-bottom: 1px #e9e9e9 solid }
.articleText { line-height: 30px; width: 830px; margin: 10px auto; color: #666666 }
.pageUp { padding: 15px 0; margin-left: 20px; clear: both; }
.pageUp p { height: 25px; line-height: 25px; color: #666666 }
.jiathis_style { margin-left: 20px; }
.pageUp a { color: #666666 }
.pageUp a:hover { color: #e39d5b }
/*切换*/
.atlas { overflow: hidden; margin: 0 auto; }
.photoBig { padding: 5px; border: 1px #e8e8e8 solid; width: 810px; background: #FFF; position: relative; text-align: center; margin: 20px auto; text-align: center; }
.photoBig img { }
.atlasBox { clear: both; margin-top: 10px; border: 1px #e8e8e8 solid; overflow: hidden; }
.atlasBox b { display: block; float: left; width: 28px; height: 105px; background: url(../images/photoLeft.jpg) no-repeat center; border-right: 1px #e8e8e8 solid; cursor: pointer }
.atlasBox em { display: block; float: right; width: 28px; height: 105px; background: url(../images/photoRight.jpg) no-repeat center; border-left: 1px #e8e8e8 solid; cursor: pointer }
.rollImg { width: 760px; height: 105px; float: left; overflow: hidden; position: relative }
.rollImg ul { margin: 8px 0 0 0; position: absolute; top: 0; left: 0; }
.rollImg li { width: 145px; height: 91px; float: left; margin: 0 0 14px 4px; cursor: pointer; border: 2px #FFF solid; background: #f0f0f0 }
.rollImg li.in { border: 2px #e19b56 solid }
.rollImg li img { display: block; height: 91px; margin: 0 auto }
/*end*/
.productTitle { font-family: "microsoft yahei"; font-size: 16px; clear: both; }
.product_c { clear: both; line-height: 30px; }
.product_t2 { clear: both; height: 35px; padding: 0 0 23px 0; font-family: "microsoft yahei"; background: url(../images/line.jpg) no-repeat left bottom; }
.product_t2 span { display: block; line-height: 35px; font-size: 14px; }
.product_t2 dl dd { font-size: 14px; display: block; float: left; font-style: 14px; cursor: pointer; margin: 0 10px 0 0; padding: 10px 0 0 0; }
.product_t2 dl dd.hover { color: #883933; }
.photoTextPush {  color: #666; line-height: 22px; overflow: hidden; width: 100%; text-align: left; min-height:50px; }
/*^^^^^^^^^^^^^^^^^^^^^^文章大图 ^^^^^^^^^^^^^^^*/	
.zoomName { display: block; color: #666; line-height: 22px; overflow: hidden; width: 100%; text-align: left; min-height:50px; }
#imageShow { clear: both; padding: 30px 0 0 0; width:820px; margin:0 auto}
#imageShow .imagebg { width: 810px; height:540px; overflow: hidden; margin: 0 auto; border: 1px solid #cfcfcf; padding: 2px; background: #fff; }
#imageShow .imagebg li {width: 810px; height:540px;overflow: hidden; width: 100%; display: block; filter: alpha(opacity=0); opacity: 0; position:relative}
#imageShow .imagebg li img { width:100%; position:absolute; left:0; top:5px;}
.scrollbg { padding: 15px 0 20px 0; width:741px; height: 74px; margin: 0 auto; position:relative; left:-21px }
.scroll { margin: 0 auto; width:785px; height: 74px; position: relative; }
.s_pre, .s_next { display: block; width: 15px; height: 74px; position: absolute; }
a.s_pre { background: url(../images/moveLeft.png); top: 4px; left:-18px; }
a.s_pre:hover { background: url(../images/moveLeft.png); }
a.s_next { background: url(../images/moveRight.png); top: 4px; right: 0; }
a.s_next:hover { background: url(../images/moveRight.png); }
.outScroll_pic { height: 105px; margin-left: 15px; overflow: hidden; position: relative; width:741px; top: 2px; }
.outScroll_pic .scroll_pic { position: absolute }
.scroll_pic { margin: 0 auto; width: 40000px; height: 74px; }
.scroll_pic li { float: left; float: left; height: 70px; width: 105px; margin: 0 7px; cursor: pointer; background: #fff; padding: 1px; border: 1px solid #d4d4d4; text-align:center }
.scroll_pic li img { height:100%; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.scroll_pic li:hover img, .scroll_pic li:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.scroll_pic li.currently img { filter: alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; }
.scroll .current { width: 105px; height: 70px; border: 2px #ff780d solid; background: url(../images/arrow_on.png) 50% -4px no-repeat; z-index: 10; position: absolute; top: 2px; left: 0; }
