html,body { width:100%; overflow-x:hidden;}
html { height:100%; background:#fff;}
body { max-width:1600px; margin:0 auto; min-height:100%; background:#f7f7f7; font:0/0 Arial; color:#595757;}
* { margin:0; padding:0; list-style:none;}
img { border:0;}
input,select,textarea { float:left; background:none; border:0; font:12px/18px "SimSun"; color:#595757;}
input[type="submit"] { cursor:pointer;}
select:-ms-expand { display:none;}
a,a:hover { text-decoration:none; color:#fb8f03;}
a { color:#595757; blr:expression(this.onFocus=this.blur());}
:focus { outline:none;}
div,li { font:12px/18px "SimSun";}
p,li,input,select,textarea { text-align:justify; text-justify:inter-ideograph;}
i,em,cite { font-style:normal;}
ul,ol,li { float:left;}
h1,h2,h3,h4,h5,h6 { font:normal 10px/18px "microsoft yahei";}
table { border-collapse:collapse; border-spacing:0; border:#ddd 1px solid;}
th,td { vertical-align:middle; border:#ccc 1px solid; padding:0 10px;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;}
.m_fl { float:left;}
.m_fr { float:right;}
.m_auto { margin:auto; float:none !important;}
.overflow,li { overflow:hidden;}
.clearfix { zoom:1;}
.clearfix:after { clear:both; content:"."; display:block; font:0/0 Arial; visibility:hidden;}
.ffsong { font-family:"SimSun";}
.ffyahei { font-family:"microsoft yahei";}
.hidden { display:none;}
.display { display:block;}
.red { color:red !important;}
.img,.banner ul,article img,.photo .view_photo_img img { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center;}

/**头部和尾部**/
header { width:100%; margin-top:2px\9; border-bottom:#01a10b 40px solid;}
header .header { width:1000px; height:72px; position:relative; z-index:100;}
header .logo { height:72px; position:absolute; top:0; left:0;}
header .logo img { height:100%;}
header .icon { width:230px; height:38px; background:url(../images/base.png) no-repeat -50px 0; font:0/0 Arial; position:absolute; top:14px; right:0;}
header .nav { width:998px; height:24px; border-left:#02870a 1px solid; border-right:#3fc049 1px solid; position:absolute; bottom:-32px; left:0;}
header .nav>li { width:140.5px; height:100%; border-left:#3fc049 1px solid; border-right:#02870a 1px solid; text-align:center; font:16px/24px "microsoft yahei";}
header .nav>li:first-child { width:141px;}
header .nav>li>a { float:left; width:100%; height:100%; color:#fff;}
header .nav>li:hover>a,header .nav>li>a.active { color:#fb8f03;}

footer { width:100%; margin-top:40px; background:#05830e; color:#fff;}
footer a { color:#fff;}
footer a:hover { color:#fb8f03;}
footer .footer { width:1000px; padding:20px 0; position:relative;}

footer .link { width:100%; height:12px; text-align:center;}
footer .link li { float:none !important; height:100%; line-height:12px; padding-left:11px; margin-left:10px; border-left:#fff 1px solid; overflow:visible; display:inline-block;}
footer .link li:first-child { padding:0; margin:0; border:0;}

footer .copyright { width:100%; line-height:20px; margin-top:20px; text-align:center;}
footer .copyright font { font-family:Arial;}

/**首页**/
#slides { width:100%; height:500px; font:0/0 Arial; position:relative;}
#slides .imgs { width:1600px; height:100%; background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; position:absolute; top:0; left:50%; margin-left:-800px; z-index:10;}
#slides .imgs ul { width:1000%; height:100%;}
#slides .imgs ul li img { width:100%;}
#slides .list { width:100%; height:12px; position:absolute; bottom:10px; left:0; z-index:20;}
#slides .list ul { width:100%; height:100%; text-align:center;}
#slides .list li { float:none !important; width:12px; height:100%; margin:0 5px; background:url(../images/slides.png) no-repeat 0 0; font:0/0 Arial; display:inline-block; cursor:pointer;}
#slides .list li.active { background-position:0 -12px;}
#slides_prev,#slides_next { width:0!important; height:0!important; display:none; position:absolute; top:0; z-index:20; cursor:pointer;}
#slides_prev { left:0;}
#slides_next { right:0;}

.index_title { width:100%; height:28px; border-bottom:#01a109 2px solid; position:relative;}
.index_title u { width:27px; height:100%; background:url(../images/base.png) no-repeat;}
.index_title h2 { float:left; height:100%; background:#01a109; color:#fff;}
.index_title h2 em,.index_title h2 i { float:left; height:100%;}
.index_title h2 em { padding:0 5px 0 10px; font:16px/28px "microsoft yahei";}
.index_title h2 i { font:12px/36px "microsoft yahei";}
.index_title u { float:left; width:27px; height:100%; background:url(../images/base.png) no-repeat;}
.index_title ol { height:12px; position:absolute; bottom:4px; right:45px;}
.index_title ol li { height:100%; line-height:12px; padding-left:11px; margin-left:10px; border-left:#7f7f7f 1px solid; overflow:visible;}
.index_title ol li:first-child { padding:0; margin:0; border:0;}
.index_title ol li a { color:#8c8e8b;}
.index_title ol li a:hover { color:#f88d01;}
.index_title .more { height:12px; line-height:12px; color:#8c8e8b; overflow:visible; position:absolute; bottom:3px; right:0;}
.index_title .more:hover { color:#f88d01;}

#part1 { width:100%; padding-top:40px;}
.part1 { width:1000px;}

.part1 .list { width:105%; margin-top:-20px;}
.part1 .list li { width:236px; height:205px; margin:20px 16px 0 0; border:#ccc 1px solid; position:relative;}
.part1 .list li p { width:100%; overflow:hidden; position:absolute; left:0;}
.part1 .list li .img { height:175px; top:0; z-index:10;}
.part1 .list li .img img { width:100%; min-height:100%;}
.part1 .list li .h1 { height:30px; text-align:center; font:12px/30px "SimSun"; bottom:0; z-index:20;}
.part1 .list li:hover { border-color:#fb8f03;}
.part1 .list li:hover .h1 { background:#fb8f03; color:#fff;}

#part2 { width:100%; height:390px; margin-top:40px; background:url(../images/part2_bg.jpg) no-repeat center 0;}
.part2 { width:1000px; height:350px; padding-top:40px;}
.part2 .part2_left { width:100%; height:100%; position:relative;}
.part2 .part2_right { width:370px; display:none;}

.part2 .part2_left .img { width:100%; margin-top:10px; background:none; text-align:center; font:0/0 Arial;}
.part2 .part2_left .img img { max-width:100%;}

.part2 .part2_left .info { width:100%; line-height:24px; padding-top:10px;}

.part2 .part2_left #more { width:82px; height:28px; position:absolute; bottom:40px; left:50%; margin-left:-41px;}
.part2 .part2_left #more a { float:left; width:100%; height:100%; background:url(../images/base.png) no-repeat -50px -40px; text-align:center; line-height:28px;}
.part2 .part2_left #more a:hover { background-position:-135px -40px; color:#fff;}

.part2 .part2_right .play { width:100%;}

#part3 { width:100%; margin-top:40px;}
.part3 { width:1000px;}
.part3 .list { width:100%; height:210px;}
.part3 .list li { width:242.5px; height:210px; margin-left:10px; position:relative;}
.part3 .list li p { width:100%; overflow:hidden; position:absolute; left:0;}
.part3 .list li .img { height:180px; top:0;}
.part3 .list li .img img { width:100%; min-height:100%;}
.part3 .list li .h1 { height:30px; line-height:30px; background:#e6e6e6; text-align:center; bottom:0;}
.part3 .list li:hover .h1 { background:#fa8f03; color:#fff;}
#demo { width:100%; height:100%; overflow:hidden;}
#indemo {float:left;width:1000%;}

#part4 { width:100%; margin-top:40px;}
.part4 { width:1000px;}
.part4 .list { width:100%; height:275px; position:relative;}

.part4 .imglist { width:400px; height:100%; position:absolute; top:0; left:0;}
.part4 .imglist li { width:100%; height:100%; position:relative;}
.part4 .imglist li p { width:100%; line-height:20px; overflow:hidden; position:absolute; left:0;}
.part4 .imglist li .img { height:180px; top:0;}
.part4 .imglist li .img img { width:100%; min-height:100%;}
.part4 .imglist li .h1 { height:20px; font:16px/20px "microsoft yahei"; top:192px;}
.part4 .imglist li .date { height:20px; color:#898989; top:216px;}
.part4 .imglist li .info { height:40px; top:238px;}
.part4 .imglist li:hover a { color:#fa8f03;}

.part4 .txtlist { width:570px; height:100%; position:absolute; top:-10px; right:0;}
.part4 .txtlist li { width:100%; height:85px; margin-top:10px; position:relative;}
.part4 .txtlist li p { width:465px; line-height:20px; overflow:hidden; position:absolute; left:105px;}
.part4 .txtlist li .date { width:83px; height:83px; border:#eee 1px solid; top:0; left:0;}
.part4 .txtlist li .date i,.part4 .txtlist li .date em { width:100%; height:20px; text-align:center; position:absolute; left:0;}
.part4 .txtlist li .date i { font:36px/20px Arial; top:20px;}
.part4 .txtlist li .date em { font-size:14px; bottom:10px;}
.part4 .txtlist li .h1 { height:20px; font:16px/20px "microsoft yahei"; top:7px;}
.part4 .txtlist li .info { height:40px; color:#898989; bottom:7px;}
.part4 .txtlist li:hover .date { background:#fa8f03; border-color:#fa8f03; color:#fff;}
.part4 .txtlist li:hover a { color:#fa8f03;}

/**公共**/
.banner { width:100%; height:100px; margin-bottom:40px; font:0/0 Arial; position:relative; z-index:10;}
.banner ul { width:1920px; height:100%; text-align:center; position:absolute; top:0; left:50%; margin-left:-960px;}

main { width:1000px; position:relative;}
.main_left { width:240px;}
.main_right { width:700px; padding:0 19px 20px; background:#fff; border:#e6e6e6 1px solid;}
.main_left_fix { position:absolute; left:50%; margin-left:-500px;}

.main_left .sort { width:180px; padding:49px 29px 0; background:#fff; border:#e6e6e6 1px solid; position:relative;}
.main_left .sort span { width:238px; height:50px; background:#66cc66; position:absolute; top:0; left:0; z-index:20;}
.main_left .sort span h3,.main_left .sort span h4 { width:100%; height:20px; text-align:center; color:#fff; position:absolute; left:0;}
.main_left .sort span h3 { font:18px/20px "microsoft yahei"; top:8px;}
.main_left .sort span h4 { font:12px/20px "microsoft yahei"; bottom:3px;}
.main_left .sort>li { width:100%; height:39px; border-top:#f7f7f7 1px solid; text-align:center; font:bold 14px/40px "SimSun"; position:relative; z-index:10;}
.main_left .sort>li>a { float:left; width:100%; height:100%;}
.main_left .sort>li>a:hover,.main_left .sort>li>a.active { color:#fa8f03;}

.main_left .info { width:220px; padding:54px 9px 5px; margin-top:30px; background:#fff; border:#e6e6e6 1px solid; position:relative;}
.main_left .info span { width:238px; height:50px; background:#66cc66; position:absolute; top:0; left:0; z-index:20;}
.main_left .info span h3,.main_left .info span h4 { width:100%; height:20px; text-align:center; color:#fff; position:absolute; left:0;}
.main_left .info span h3 { font:18px/20px "microsoft yahei"; top:8px;}
.main_left .info span h4 { font:12px/20px "microsoft yahei"; bottom:3px;}
.main_left .info p { line-height:24px;}
.main_left .info p.title { padding:5px 0; font:bold 14px/18px "SimSun";}

.site { width:100%; border-bottom:#ddd 1px solid;}
.site h1 { float:left; width:100%; padding:20px 0; text-align:center; font:20px/26px "microsoft yahei"; color:#454545;}

/**页码**/
.page { width:100%; height:30px; padding:10px 0; margin:20px 0 0 0; background:#f9f9f9; text-align:center;}
.page a,.page span { width:50px; height:28px; margin:0 5px; border:#808284 1px solid; font:12px/28px "SimSun"; color:#808284; display:inline-block;}
.page a:hover,.page span { background:#fa8f03; border-color:#fa8f03; color:#fff;}
.page span { width:70px;}
.page .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
.page .none:hover { background:none; border-color:#ccc; color:#ccc;}
.history { width:100%; margin:20px 0 -7px; padding-top:12px; border-top:#dcdddd 1px solid;}
.history li { width:100%; height:24px; line-height:24px;}
.history li span { color:#9aa1a5;}

/**内容**/
article { width:100%; font:14px/28px "SimSun"; margin:10px 0 -6px;}
article img { max-width:100%; margin:6px auto -2px;}
article .img { line-height:0; font-size:0;}
article .img img { height:auto; margin-top:0 !important;}

/**新闻**/
.news { width:100%;}
.news .list { width:100%;}
.news .list li { width:100%; height:120px; margin-top:20px; border-bottom:#d5d5d5 1px dotted; position:relative;}
.news .list li p { width:580px; line-height:20px; overflow:hidden; position:absolute; left:120px;}
.news .list li .date { width:100px; height:100px; background:#f7f7f7; top:0; left:0;}
.news .list li .date i,.news .list li .date em { width:90px; height:50px; line-height:50px; text-align:center; position:absolute; left:50%; margin-left:-45px;}
.news .list li .date i { height:50px; font:36px/52px Arial; border-bottom:#fff 1px solid; top:0;}
.news .list li .date em { font-size:14px; bottom:0;}
.news .list li .h1 { height:20px; font:16px/20px "microsoft yahei"; top:5px;}
.news .list li .info { height:60px; color:#898989; top:35px;}
.news .list li:hover .date { background:#fa8f03; color:#fff;}
.news .list li:hover a { color:#fa8f03;}

.news .view_title { width:100%; margin-top:30px; position:relative;}
.news .view_title h1 { float:left; width:100%; line-height:30px; font-size:20px;}
.news .view_title h2 { float:left; width:100%; height:36px; margin:15px 0 20px; background:#fdfcfb; font:12px/36px "SimSun"; color:#898989;}
.news .view_title h2 span { padding:0 10px;}
.news article { padding-bottom:5px;}

/**图片**/
.photo { width:100%;}
.photo .list_product { width:105%;}
.photo .list_product li { width:225px; height:195px; margin:20px 12.5px 0 0; position:relative;}
.photo .list_product li p { width:100%; overflow:hidden; position:absolute; left:0;}
.photo .list_product li .img { height:165px; top:0;}
.photo .list_product li .img img { width:100%; min-height:100%;}
.photo .list_product li .h1 { height:30px; line-height:30px; background:#e6e6e6; text-align:center; bottom:0;}
.photo .list_product li:hover .h1 { background:#fa8f03; color:#fff;}

.photo .list_photo { width:105%;}
.photo .list_photo li { width:225px; height:200px; margin:20px 12.5px 0 0; position:relative;}
.photo .list_photo li p { width:100%; overflow:hidden; position:absolute; left:0;}
.photo .list_photo li .img { height:170px; top:0;}
.photo .list_photo li .img img { width:100%; min-height:100%;}
.photo .list_photo li .h1 { height:30px; line-height:30px; background:#e6e6e6; text-align:center; bottom:0;}
.photo .list_photo li:hover .h1 { background:#fa8f03; color:#fff;}

.photo .list_video { width:105%;}
.photo .list_video li { width:225px; height:185px; margin:20px 12.5px 0 0; position:relative;}
.photo .list_video li p { width:100%; overflow:hidden; position:absolute; left:0;}
.photo .list_video li .img { height:155px; top:0;}
.photo .list_video li .img img { width:100%; min-height:100%;}
.photo .list_video li .h1 { height:30px; line-height:30px; background:#e6e6e6; text-align:center; bottom:0;}
.photo .list_video li:hover .h1 { background:#fa8f03; color:#fff;}

.photo .view_product { width:300px; min-height:245px; padding:0 100px 0 300px; margin-top:20px; position:relative;}
.photo .view_product li { width:100%; height:37px; line-height:38px; border-top:#dfdfdf 1px dotted; position:relative; overflow:visible;}
.photo .view_product li:first-child { border:0;}
.photo .view_product li .bdsharebuttonbox { position:absolute; top:4.5px; left:0;}
.photo .view_product li .msg { width:112px; height:32px; background:url(../images/base.png) no-repeat -220px -40px; position:absolute; top:10px; left:0;}
.photo .view_product li .msg:hover { background-position:-335px -40px;}
.photo .view_product .title { font:bold 14px/20px "SimSun"; position:absolute; bottom:0; left:0;}

.ZoomMain { width:274px; height:204px; border:1px solid #e0e0de; position:absolute; top:0; left:0;}
.ZoomMain .zoom { width:270px; height:200px; position:absolute; top:2px; left:2px;}
.ZoomMain .zoom img { width:100%; height:200px;}
.ZoomMain .zoom .move { width:135px; height:100px; background:#000; opacity:0.4; filter:Alpha(Opacity=40); cursor:pointer; position:absolute; top:2px; left:2px; display:none;}
.ZoomMain .zoomDetail { width:400px; height:296px; border:1px solid #e0e0de; position:absolute; right:-425px; top:-1px; overflow:hidden; display:none;}
.ZoomMain .zoomDetail img { width:100%; height:100%;}

.photo .view_photo_img { width:100%; line-height:0; margin:25px 0 20px; text-align:center;}
.photo .view_photo_img img { max-width:90%;}
.photo article { padding:10px 0 5px; border-top:#dcdddd 1px solid;}

/**留言**/
.message { width:100%;}
.message .add { width:100%; position:relative;}
.message .add li { width:100%; min-height:36px; padding-left:70px; margin-top:20px; position:relative; overflow:visible; z-index:20;}
.message .add li p { width:67px; height:36px; line-height:36px; text-align:right; position:absolute; top:0; left:0;}
.message .add input[type="text"] { width:240px; height:34px; line-height:34px; padding:0 9px; border:#999 1px solid; color:#999;}
.message .add textarea { width:330px; height:180px; line-height:20px; padding:8px 9px; border:#999 1px solid; color:#999;}
.message .add input[type="text"].err,.message .add textarea.err { border-color:#f00; color:#f00;}
.message .add input[type="text"]:focus,.message .add textarea:focus { border-color:#fb0842; color:#fb0842;}
.message .add input[type="submit"] { width:118px; height:36px; background:#fb0842; border:0; text-align:center; font:16px/34px "microsoft yahei"; color:#fff;}
.message .add .img { width:258px; font:0/0 Arial; position:absolute; top:20px; right:0; z-index:10;}
.message .add .img img { width:100%;}

/**联系**/
#contact { width:100%;}
.contact { width:960px; padding:0 19px; background:#fff; border:#e6e6e6 1px solid;}
.contact .map { width:630px; padding:20px 0; font:0/0 Arial;}
.contact .info { width:310px; padding:20px 0;}
.contact .info p { font:14px/24px "microsoft yahei";}
.contact .info .title { padding-bottom:10px; font-size:16px;}