/*---头部---*/
.logo{ position:absolute; z-index:9; display:block; width:184px; left:50%; margin-left:-96px; top:10px;}
.logo img{display:block;}

.header{ position:absolute;z-index:99;width:100%;height:100px; background:url(../images/topbg.png) repeat;}

.nav{width:1180px; margin:0px auto; position:relative;}
.nav ul li a{ color:#ffffff; display:inline-block; height:37px;}
.nav ul li a:hover{ color:#ccc; border-bottom:solid 5px #fff;}
.nav_left{float:left; width:440px; padding-top:58px; height:42px;}
.nav_left dl{float:left; background:url(../images/index_03.png) no-repeat 0px 4px; padding:0px 0px 0px 40px; height:22px;filter:alpha(opacity=50);opacity: 0.5; }
.nav_left ul{float:right;}
.nav_left ul li{float:left; font-size:14px; padding-left:40px;}


.nav_right{float:right; width:445px; padding-top:58px; height:42px;}
.nav_right ul{float:left;}
.nav_right ul li{float:left; font-size:14px; padding-right:40px;}

.nav_right dl{ float:right; width:158px; height:24px; background:url(../images/index_04.png) no-repeat;}
.nav_right dl input{border:none; background:none; outline:none;}
.nav_right dl input.text{ width:120px; color:#FFF; margin:4px 0px 0px 8px; float:left;}
.nav_right dl input.search{ float:right; width:25px; height:24px; cursor:pointer;}

/*---首页---*/

.index_box{width:100%;position:relative;overflow:hidden;}


/*---第一屏---*/

.index_01{width:100%; height:100%;overflow:hidden;}

.index_banner{width:100%;height:100%;overflow:hidden; position:relative;}
.index_banner ul{margin:0px;padding:0px;height:100%;}
.index_banner ul li{margin:0px;padding:0px;width:100%;height:100%;}
.index_banner ul li img{display:block; position:absolute; top:0px; left:0px;}

.index_banner .idot{position:absolute;width:100%;bottom:60px;height:10px; text-align:center; z-index:999;}
.index_banner .idot a{display:inline-block; width:10px; height:10px; margin:0px 3px;background:url(../images/index_02.gif) no-repeat; overflow:hidden; line-height:11111px;filter:alpha(opacity=50);opacity: 0.5;}
.index_banner .idot a.cur{background:url(../images/index_02.gif) no-repeat;filter:alpha(opacity=100);opacity:1;}




/*---底部---*/

.footbg{width:100%;height:37px;background:url(../images/index_05.jpg) repeat-x #f2f2f2;position:absolute;bottom:0px; z-index:999; overflow:hidden;}

.foot{margin:0px auto;padding:0px; width:1180px;}

.foot_nav{width:1180px;position:relative;}
.foot_nav ul{margin:0px; padding:0px;}
.foot_nav ul li{float:left;width:230px; height:31px; text-align:center; font-size:13px; padding-top:7px}
.foot_nav ul li.cur{background:url(../images/index_06.jpg) no-repeat 0px 12px; cursor:pointer;}

.foot_box{width:1180px; padding:30px 0px 0px; height:200px;}
.foot_left{float:left;width:570px; padding-left:30px;}
.foot_left dl{margin:0px; padding:0px;}
.foot_left dl dt{ float:left; width:218px; height:163px; padding:7px 0px 0px 7px; background:#fff;}
.foot_left dl dt img{ width:212px; height:157px; display:block;}
.foot_left ul{ float:right; width:325px; margin:0px; padding:0px;}
.foot_left ul li{ margin:10px 0px; font-size:13px; overflow:hidden; height:21px;}
.foot_left ul li em{ float:right;}

.foot_right{float:right; width:510px; padding-right:20px;}
.foot_right dl{ width:510px;}
.foot_right dl dt{ float:left; width:295px; position:relative;}
.foot_right dl dt img{ display:block;}
.foot_right dl dd{ float:right; width:160px;}
.foot_right dl img{ display:block;}

.foot_shrinkage{position:absolute;right:20px;top:14px;}
.foot_shrinkage img{ cursor:pointer;}

.footer{width:1180px;border-top:1px solid #cccccc; color:#999999; padding-top:10px;}
.footer span{ float:right; padding-right:20px;}
.footer a{ color:#999999}
.footer a:hover{color:#ae8f65;}



.pager{position:absolute;right:50px;top:50%; margin-top:-75px; z-index:9999}
.pager a{background:url(../images/index_168.gif) no-repeat 4px 0px; display:block;height:10px; width:17px; margin-bottom:20px; position:relative;}
.pager a.cur{ background:url(../images/index_167.gif) no-repeat 4px 0px}
.pager a span{width:105px;height:28px; display:none; position:absolute; left:-105px; top:-9px; }
.pager a.cur span{ background:url(../images/index_169.gif) no-repeat; display:block; color:#FFF; font-size:14px; line-height:27px; text-indent:20px;}



/*---内页头部---*/

.top{ position:relative;z-index:99;width:100%;height:100px; background:url(../images/topbg.png) repeat;}

.nav{width:1180px; margin:0px auto; height:100px; overflow:hidden;}
.nav a{ color:#FFF}
.nav a:hover{ color:#ae8f65}
.nav_left{float:left; width:440px; padding-top:58px;}
.nav_left dl{float:left; background:url(../images/index_03.png) no-repeat 0px 4px; padding:0px 0px 0px 40px; height:22px;filter:alpha(opacity=50);opacity: 0.5; font-family:Arial, Helvetica, sans-serif;}
.nav_left ul{float:right;}
.nav_left ul li{float:left; font-size:14px; padding-left:40px; height:40px;}


.nav_right{float:right; width:445px; padding-top:58px; height:40px;}
.nav_right ul{float:left;}
.nav_right ul li{float:left; font-size:14px; padding-right:39px;}

.nav_right dl{ float:right; width:158px; height:24px; background:url(../images/index_04.png) no-repeat;}
.nav_right dl input{border:none; background:none; outline:none;}
.nav_right dl input.text{ width:120px; color:#FFF; margin:4px 0px 0px 8px; float:left;}
.nav_right dl input.search{ float:right; width:25px; height:24px; cursor:pointer;}

/*---内页底部---*/

.tfoot{background:#000; height:35px; width:100%; line-height:35px; color:#666; font-size:12px; margin-top:30px;}
.tfoot span{float:right; font-family:Arial, Helvetica, sans-serif;}
.tfoot em{ padding:0px 10px;}
.tfoot a{ color:#FFF;}
.tfoot a:hover{ color:#FFF;}



/*---关于公司---*/

.abouttitle{width:1180px; text-align:center; text-align:center; font-size:24px; line-height:26px; color:#FFF; padding-top:35px;border-bottom:solid 1px #ccc; padding-bottom:35px; position:relative;}
.abouttitle span{ display:block; padding-top:10px;font-size:15px; color: #ccc; font: Geneva, Arial, Helvetica, sans-serif;}
.abouttitle a{ position:absolute; right:17%; color:#a26c3d; bottom:10%; font-size:13px; line-height:150%;}

.aboutclass{ width:1180px; border-bottom:solid 1px #ccc;font-size:14px; text-align:center;padding:8px 0px; margin-bottom:40px;}
.aboutclass a{color:#FFF; padding:0px 30px;}
.aboutclass a:hover{ color:#ccc;}
.aboutclass a.cur{ color:#fff;}




.aboutcont{padding:0px 90px; font-size:13px; line-height:200%; color:#FFF; font:宋体; margin-top:40px; width:auto; height:auto; overflow:hidden;}
.aboutcont p.font18{font-size:18px; color:#FFF; padding-bottom:10px;}
.aboutcont p.font16{font-size:18px; color:#ae8f65; font-style: italic;padding-bottom:10px; }
.aboutcont p span{font-size:16px; color:#ffffff; font-weight:normal; padding-bottom:10px;}
.aboutcont p.font12{font-size:13px; color:#ae8f65; }
.aboutcont p.font20{font-size:20px; color:#ae8f65; }
.aboutcont p.font36{font-size:36px; font-family:Arial, Helvetica, sans-serif; color:#FFF; padding-bottom:30px;}

.product{ width:784px; height:auto; overflow:hidden; margin:50px auto;}
.product span{ position:absolute; left:0; bottom:0; background:url(../images/topbg.png); height:44px; width:90%; color:#ccc; padding:10px 5%;}


.news{padding:0px 89px; font-size:13px; line-height:25px; width:auto; height:auto; overflow:hidden;}
.news h3{ background:#383944; padding:15px 25px; color:#FFF;}
.news li{ font-size:12px; line-height:36px; border-bottom:dashed 1px #333;}
.news li span{ float:right; color:#aaa;}
.news li a{ color:#ffffff; font-size:14px}
.news li a:hover{ color:#ccc;}
#show_about{ color:#fff;}
.newstitle{ margin:0px; padding:0px; border-bottom:1px solid #ccc; text-align:center; padding:40px 0px 20px;}
.newstitle h3{ font-size:24px; color:#FFF; padding-bottom:12px; line-height:26px;}
.newstitle span{ font-size:14px; color:#ffffff;}
.newscont{ width:960px; margin:0px auto; line-height:24px; font-size:13px; color:#FFF; padding-top:35px;}
.newspage{ margin:0px; padding:0px;}
.newspage p.cur{ border-bottom:1px solid #51515a; padding:50px 0px 40px; margin-bottom:25px; text-align:center;}
.newspage p.cur a{ display:inline-block; background:#484955; padding:5px 25px; font-size:13px;}
.newspage p.cur a:hover{color:#FFF;}
.newspage p{padding:5px 0px 5px 105px;font-size:13px;color:#FFF;}
.newspage p a{color:#FFF;}
.newspage p a:hover{color:#ae8f65;}



.jobbanner{ width:1002px; margin:0px auto; padding:35px 0px;}

.job{ width:1002px; margin:0px auto;}
.job h3{ background:#383944; padding:15px 25px; color:#FFF;}
.job dl{ margin:0px; padding:35px 0px; border-bottom:1px solid #4d4d4d; min-height:120px; height:auto !important; height:120px;}
.job dl dt{ float:left; width:210px; font-size:15px; color:#fff;}
.job dl dd{ float:right; width:790px; font-size:13px; color:#FFF; line-height:24px;}

.productbox{ width:1140px; margin:0px auto;margin-top:40px; min-height:828px; position:relative;}
.productbox li{ position:absolute;cursor: pointer;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-ms-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;will-change:opacity;}
.productbox li.b1{ left:0; top:0;}
.productbox li.b2{ left:0; top:373px;}
.productbox li.b3{ left:227px; top:0;}
.productbox li.b4{ left:227px; top:509px;}
.productbox li.b5{ left:462px; top:0;}
.productbox li.b6{ left:462px; top:549px;}
.productbox li.b7{ left:693px; top:0;}
.productbox li.b8{ left:693px; top:333px;}
.productbox li.b9{ right:0; top:0;}
.productbox li.b10{ right:0; top:434px;}
.productbox li:hover img{-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);filter: grayscale(1);	}