﻿/*================= 首页主框架 =================*/
#main{width:1002px;margin:0 auto;}

#banner{ display:none;}
#main #layout{ height:940px; position:relative; background:url(../images/bg/mainyybj.jpg) no-repeat left top #FFFFFF;}
#main #layout .title{}
#main #layout .title a{ float:right;}
.navyy{ width:100%; background:url(../images/bg/navyy.png) repeat-x; height:19px; position:absolute; z-index:100; top:134px; }


#main #main01{ position:absolute; top:26px; left:0px; width:560px; height:215px; background:url(../IMG/main01bj.jpg) no-repeat left top; overflow:hidden;}

#main #main02{ position:absolute; top:26px; right:0px; width:412px; height:215px; background:url(../IMG/main02bj.jpg) no-repeat left top;  overflow:hidden;}

#main #main03{ position:absolute; top:260px; left:0px; width:321px; height:666px; background:url(../IMG/main03bj.jpg) no-repeat left top;  overflow:hidden;}

#main #main04{ position:absolute; top:260px; left:340px; width:321px; height:666px; background:url(../IMG/main04bj.jpg) no-repeat left top;  overflow:hidden;}

#main #main05{ position:absolute; top:260px; right:0px; width:321px; height:666px; background:url(../IMG/main05bj.jpg) no-repeat left top;  overflow:hidden;}


/*================= 聚合页（首页）模板样式，随需要修改 =================*/
/*信息文字列表*/
.article_list ul li {background: url("../images/temp/line01.jpg") repeat-x bottom;}
.article_list ul li a {background: url("../images/temp/ico01.jpg") no-repeat 3px 5px;line-height: 2.5em;padding-left: 14px;}
.article_list ul li span{ float:right;line-height:2.5em;}

/*信息图文列表*/
.article_piclist ul li {float: left;padding: 5px 0; border-bottom:1px solid #999; width: 100%;}
.article_piclist ul li img { background-color: #FFFFFF; border: 1px solid #999; float: left;margin-right:5px;padding:1px;}
.article_piclist ul li a{ line-height:2.5em;}
.article_piclist ul li h2{ font-size:12px;}

/*信息置顶1列表*/
.article_top1list{}
.article_top1list .top1{ height:110px; padding-top:10px;}
.article_top1list .top1 a img{ width:100px; height:100px; float:left; padding:2px; border:1px solid #999; background-color:#fff; margin-right:5px;}
.article_top1list ul li {background: url("../images/temp/line01.jpg") repeat-x bottom;}
.article_top1list ul li a {background: url("../images/temp/ico01.jpg") no-repeat 3px 5px;line-height: 2.5em;padding-left: 14px;}
.article_top1list ul li span{ float:right;line-height:2.5em;color:#999;}

/*图片置顶1列表*/
.article_img1list{}
.article_img1list .img1{ height:110px; padding-top:10px;}
.article_img1list .img1 a img{ width:100px; height:100px; float:left; padding:2px; border:1px solid #999; background-color:#fff; margin-right:5px;}
.article_img1list ul li {background: url("../images/temp/line01.jpg") repeat-x bottom;}
.article_img1list ul li a {background: url("../images/temp/ico01.jpg") no-repeat 3px 5px;line-height: 2.5em;padding-left: 14px;}
.article_img1list ul li span{ float:right;line-height:2.5em;color:#999;}

/*精华置顶1列表*/
.article_dig1list{}
.article_dig1list .dig1{ height:110px; padding-top:10px;}
.article_dig1list .dig1 a img{ width:100px; height:100px; float:left; padding:2px; border:1px solid #999; background-color:#fff; margin-right:5px;}
.article_dig1list ul li {background: url("../images/temp/line01.jpg") repeat-x bottom;}
.article_dig1list ul li a {background: url("../images/temp/ico01.jpg") no-repeat 3px 5px;line-height: 2.5em;padding-left: 14px;}
.article_dig1list ul li span{ float:right;line-height:2.5em;color:#999;}

/*产品列表*/
.product_list{ padding:8px;}
.product_list ul li{ text-align:center; float:left; padding:0 10px;}
.product_list ul li img{padding:2px; border:1px solid #999; background-color:#fff;}

/*================= 首页扩展类，可自定义添加 =================*/
/*首页切换*/
.link_indexlist{}
#slide-index{width:auto; height:386px; overflow:hidden; position:relative;}
#slide-index .slides{width:auto; height:386px; }
#slide-index .slide{height:386px; float:left; position:relative; }
#slide-index .image{ z-index:1;position:absolute; }
#slide-index .text, #slide-index .button { z-index:2;position:absolute; top:-500px; }
#slide-index .button{ display:none; width:138px;}
#slide-index .control{ position:absolute; bottom:0px; width:100%; text-align:center; height:19px; cursor:pointer; z-index:40;}
#slide-index .control a{ width:11px; height:11px; cursor:pointer; display:inline-block; background-repeat:no-repeat; background-image:url(../images/temp/banner_ico01.gif); margin-right:6px; opacity:0.6; filter:alpha(opacity=60);}
#slide-index .control a:hover, #slide-index .control a.active{ background-image:url(../images/temp/banner_ico02.gif); opacity:1; filter:alpha(opacity=100);}
.autoMaxWidth{ overflow:hidden; position:relative;height:232px; }
*html #slide-index .button img{width:100%; height:100%;}

/*公司介绍*/
.company{ margin:8px; width:249px;}
.company p{ margin:15px 0 0 13px;}

/*产品左右滚动*/
.product_slide {padding: 6px 0 0 0px;position: relative;width: 680px;margin:13px 0 0 13px;}
.product_slide .more {background: url("../images/ico/more.jpg") no-repeat scroll 0 0 transparent;display: block;height: 17px;left: 715px;position: absolute;text-indent: -1000em;top: 5px;width: 50px;}
.product_slide .wrapper {margin: 0 auto;overflow: hidden;width: 620px;height:188px;}
.product_slide ul li {display: block;float: left;text-align: center;width: 189px;height:188px;padding: 0 10px 0 10px;}
.product_slide ul li .image{background:url(../images/product/probox01.jpg) no-repeat;display: block;float: left;text-align: center;width: 189px;height:156px;}
.product_slide ul li img {padding:2px;margin-bottom:5px;}
.product_slide ul li a{ color:#034B93; font-weight:bold;}
.product_slide .titprice {background: url("../images/product/tbg.jpg") no-repeat;display: block;height: 17px;line-height: 17px;margin: 0 auto;width: 140px;}
.product_slide .price {color: #CC0003;}
.product_slide .arrow {background: url("../Images/temp/arrow01.jpg") no-repeat scroll 0 0 transparent;cursor: pointer;display: block;height:58px;position: absolute;text-indent: -100em;top: 60px;width: 29px;}
.product_slide .forward {background-position: 0 bottom;right: -6px;}
.product_slide .back {background-position: 0 top;left: 0px;}

/*信息上下滚动*/
#topnews {height: 42px; margin-top:0px; position:relative; z-index:50;}
#main_content {margin: 0 auto;width:1002px;}
#main_content .news{ width:710px; overflow:hidden; float:left;}
.news_tit { width:710px; height: 42px;line-height: 42px;position: relative;z-index: 1;  padding-left:0px;}
.news_tit h3 {height:42px; line-height:42px; width:60px; font-size:12px; color:Black; font-weight:bold; float:left;}
.JQ-slide-nav{width:42px; position:absolute; z-index:10; left:606px; top:10px; height:21px;  display:block;}
.news_btn {float: left; position:absolute; z-index:10;}
.news_btn a {float: left;text-align: center; width:21px; height:21px; overflow:hidden;}
.btn_l{width:21px; background:url(../IMG/newsinput.jpg) 0px 0px;}
.btn_r{width:21px;background:url(../IMG/newsinput.jpg) 21px 0px;}
.btn_l:hover{width: 21px; height:21px; background:url(../IMG/newsinput.jpg) 0px 21px;}
.btn_r:hover{width: 21px; height:21px; background:url(../IMG/newsinput.jpg) 21px 21px;}
.roll_news {float: left;height:42px; width:510px; overflow: hidden;}
.roll_news li {padding-left: 10px; height:42px;}
.roll_news li a {color: #333; line-height:42px; height:42px; width:410px; float:left;}
.roll_news li a:hover {color: #EA5B21;}
.roll_news li span {color: #666666;margin-left: 10px; width:78px; float:left;line-height:42px; height:42px;}


.more{ float:right; margin-top:5px;}
.article_listmain01{ float:left; width:560px; margin-top:15px;}
.main01flash{ width:216px; float:left; height:167px; display:none;}
.article_listmain01ul{ width:560px; float:left; overflow:hidden; height:169px; margin-left:10px;}
.article_listmain01ul .img1 h2 a{ color:#434343; font-size:12px;}
.article_listmain01ul li { width:550px;background: url("/templates/_Common/Images/temp/line00.jpg") repeat-x bottom; float:left; height:30px; line-height:30px;}
.article_listmain01ul li a{ background:url(../images/bg/libj.jpg) no-repeat left center; line-height:30px; padding-left:5px; width:440px; float:left; line-height:25px;}
.article_listmain01ul li a:hover{background:url(../images/bg/libj2.jpg) no-repeat left center; color:#2B8DCC;}
.article_listmain01ul li span{ float:right;line-height:24px; color:#999; width:76px; height:24px; text-align:right;}

#main02 ul{ width:430px; height:180px; float:left; margin-top:10px;}
#main02 ul li{ float:left;width:104px; height:87px;}
#main02 ul li a{ width:104px; height:87px; float:left;background:url(../IMG/main02a.jpg) no-repeat; }
#main02 ul li a.a1{ background-position:-22px -32px;}
#main02 ul li a.a2{ background-position:-126px -32px;}
#main02 ul li a.a3{ background-position:-230px -32px;}
#main02 ul li a.a4{ background-position:-334px -32px;}
#main02 ul li a.a5{ background-position:-22px -119px;}
#main02 ul li a.a6{ background-position:-126px -119px;}
#main02 ul li a.a7{ background-position:-230px -119px;}
#main02 ul li a.a8{ background-position:-334px -119px;}

#main02 ul li a.a1:hover{ background-position:-22px -239px;}
#main02 ul li a.a2:hover{ background-position:-126px -239px;}
#main02 ul li a.a3:hover{ background-position:-230px -239px;}
#main02 ul li a.a4:hover{ background-position:-334px -239px;}
#main02 ul li a.a5:hover{ background-position:-22px -326px;}
#main02 ul li a.a6:hover{ background-position:-126px -326px;}
#main02 ul li a.a7:hover{ background-position:-230px -326px;}
#main02 ul li a.a8:hover{ background-position:-334px -326px;}


.probtndiv{position:absolute; background:url(/templates/_Common/Images/bg/main03btnbj.jpg) no-repeat bottom center; width:139px; height:48px; left:90px; top:103px;}
.probtn{ background:url(../IMG/main03btn.jpg) no-repeat; float:left; width:139px; height:40px; position:relative; top:6px;  }

.pronr{ width:321px; height:476px; position:absolute; top:179px; left:0px; }


.news_tit2 { width:321px; height:391px;line-height:391px;position: relative;z-index: 1;  padding-left:0px;}
.news_tit2 .news_tit h3 {height:42px; line-height:42px; width:60px; font-size:12px; color:Black; font-weight:bold; float:left;}
.news_tit2 .JQ-slide-nav{width:321px; position:absolute; z-index:10; left:0px; top:423px; height:66px;  display:block;}
.news_tit2 .news_btn {float: left; position:absolute; z-index:10;}
.news_tit2 .news_btn a {float: left;text-align: center; width:160px; height:66px; overflow:hidden;}
.news_tit2 .btn_l{width:160px; background:url(../IMG/probtn.jpg) -12px -13px; margin-right:1px;}
.news_tit2 .btn_r{width:160px;background:url(../IMG/probtn.jpg) -173px -13px;}
.news_tit2 .btn_l:hover{width: 160px; height:66px; background:url(../IMG/probtn.jpg) -12px -69px; margin-right:1px;}
.news_tit2 .btn_r:hover{width: 160px; height:66px; background:url(../IMG/probtn.jpg) -173px -69px;}
.news_tit2 .roll_news {float: left;height:391px; width:321px; overflow: hidden;margin-left:14px;margin-top:16px;}
.news_tit2 .roll_news li { width:293px; height:391px; margin:0px; padding:0px;  display:inline; float:left; background-color:#E8E8E8;}
.news_tit2 .roll_news li a.proimg{ width:293px; height:170px; float:left;}
.news_tit2 .roll_news li a.proimg img{ float:left;}
.news_tit2 .roll_news li p{ width:252px; float:left; line-height:22px; padding-left:20px; padding-right:20px;}
.news_tit2 .roll_news li p.proname{ width:292px; font-weight:bold; font-size:16px; color:#282828; text-align:center; padding:0px; padding-top:10px; }
.news_tit2 .roll_news li p.projianjie{ font-size:12px; color:#4D4D4D; float:left; padding:10px; width:272px;}
.news_tit2 .roll_news li span {color: #666666;margin-left: 10px; width:78px; float:left;line-height:42px; height:42px;}


.news_tit3 { width:321px; height:391px;line-height:391px;position: relative;z-index: 1;  padding-left:0px;}
.news_tit3 .news_tit h3 {height:42px; line-height:42px; width:60px; font-size:12px; color:Black; font-weight:bold; float:left;}
.news_tit3 .JQ-slide-nav{width:321px; position:absolute; z-index:10; left:0px; top:423px; height:66px;  display:block;}
.news_tit3 .news_btn {float: left; position:absolute; z-index:10;}
.news_tit3 .news_btn a {float: left;text-align: center; width:160px; height:66px; overflow:hidden;}
.news_tit3 .btn_l{width:160px; background:url(../IMG/probtn.jpg) -12px -13px; margin-right:1px;}
.news_tit3 .btn_r{width:160px;background:url(../IMG/probtn.jpg) -173px -13px;}
.news_tit3 .btn_l:hover{width: 160px; height:66px; background:url(../IMG/probtn.jpg) -12px -69px; margin-right:1px;}
.news_tit3 .btn_r:hover{width: 160px; height:66px; background:url(../IMG/probtn.jpg) -173px -69px;}
.news_tit3 .roll_news {float: left;height:391px; width:321px; overflow: hidden;margin-left:14px;margin-top:16px;}
.news_tit3 .roll_news li { width:293px; height:391px; margin:0px; padding:0px;  display:inline; float:left; background-color:#E8E8E8;}
.news_tit3 .roll_news li a.proimg{ width:293px; height:170px; float:left;}
.news_tit3 .roll_news li a.proimg img{ float:left;}
.news_tit3 .roll_news li p{ width:252px; float:left; line-height:22px; padding-left:20px; padding-right:20px;}
.news_tit3 .roll_news li p.proname{ width:292px; font-weight:bold; font-size:16px; color:#282828; text-align:center; padding:0px; padding-top:10px;}
.news_tit3 .roll_news li p.projianjie{ font-size:12px; color:#4D4D4D; float:left; padding:10px; width:272px;}
.news_tit3 .roll_news li span {color: #666666;margin-left: 10px; width:78px; float:left;line-height:42px; height:42px;}


.news_tit4 { width:321px; height:391px;line-height:391px;position: relative;z-index: 1;  padding-left:0px;}
.news_tit4 .news_tit h3 {height:42px; line-height:42px; width:60px; font-size:12px; color:Black; font-weight:bold; float:left;}
.news_tit4 .JQ-slide-nav{width:321px; position:absolute; z-index:10; left:0px; top:423px; height:66px;  display:block;}
.news_tit4 .news_btn {float: left; position:absolute; z-index:10;}
.news_tit4 .news_btn a {float: left;text-align: center; width:160px; height:66px; overflow:hidden;}
.news_tit4 .btn_l{width:160px; background:url(../IMG/probtn.jpg) -12px -13px; margin-right:1px;}
.news_tit4 .btn_r{width:160px;background:url(../IMG/probtn.jpg) -173px -13px;}
.news_tit4 .btn_l:hover{width: 160px; height:66px; background:url(../IMG/probtn.jpg) -12px -69px; margin-right:1px;}
.news_tit4 .btn_r:hover{width: 160px; height:66px; background:url(../IMG/probtn.jpg) -173px -69px;}
.news_tit4 .roll_news {float: left;height:391px; width:321px; overflow: hidden;margin-left:14px;margin-top:16px;}
.news_tit4 .roll_news li { width:293px; height:391px; margin:0px; padding:0px;  display:inline; float:left; background-color:#E8E8E8;}
.news_tit4 .roll_news li a.proimg{ width:293px; height:170px; float:left;}
.news_tit4 .roll_news li a.proimg img{ float:left;}
.news_tit4 .roll_news li p{ width:252px; float:left; line-height:22px; padding-left:20px; padding-right:20px;}
.news_tit4 .roll_news li p.proname{ width:292px; font-weight:bold; font-size:16px; color:#282828; text-align:center; padding:0px; padding-top:10px;}
.news_tit4 .roll_news li p.projianjie{ font-size:12px; color:#4D4D4D; float:left; padding:10px; width:272px;}
.news_tit4 .roll_news li span {color: #666666;margin-left: 10px; width:78px; float:left;line-height:42px; height:42px;}



