@charset "utf-8";
/* CSS Document */
body,div,p,ul,li,dl,dd,h1,a{margin:0; padding:0; list-style:none;}
body{font-family:Arial,宋体; font-size:12px;color:#595757; line-height:20px;}
img{border:0;}
a{color:#999999; text-decoration:none;}
a:hover{color:#f37021; text-decoration:underline;}
.cls{clear:both;}
html{background:#e6e6e6;}
body{background:url(../images/header_bg2.gif) repeat-x;}
.main,.footer{width:1340px; margin:0 auto;}

.headerTop{ width:1300px; height:30px; line-height:30px; text-align:right;} 
.header_nav{ width:1211px; height:108px; background:#464646; margin:0px auto;}

.header_nav_logo{ float:left; padding-top:20px;}
/*主菜单*/
#head_box{ width:100%; height:82px; text-align:center; margin:0 auto; position:fixed; background:url(../images/body_bg.jpg) center top no-repeat #e2e2e2;-webkit-box-shadow:0 1px 10px #6f6f6f; z-index:111}
#head_box{/* position:fixed for IE 6 */
			_position: absolute;
			_top:expression(eval(document.documentElement.scrollTop));_left: 0px;_right: 0px;		
}

#SubMenu_bg{ width:100%; position: fixed; left:0; top:138px; height:40px; display:none; background:url(../images/Trans88_White.png);z-index:99;}
#SubMenu_bg{/* position:fixed for IE 6 */
  _position: absolute;_top:expression(eval(document.documentElement.scrollTop+82));_left:0px;_right: 0px;}
#menu{ width:800px; padding-top:60px;  float:right; z-index:100}
#menu ul{ width:100%; clear:both}
#top_tel{ font-size:14px; color:#fff; text-align:right; margin:0; padding:0; height:42px; line-height:42px}
#top_tel span{ font-size:18px; color:#000;}
#nav { position:relative; width:800px; z-index:100;}
#nav .mainlevel { position:relative; float:left; height:40px; }
#nav .mainlevel a{ font-size:14px; height::40px; line-height:30px; display:block; color:#fff; text-align:center; z-index:100;}
#nav .mainlevel a:visited{ color:#fff;}
#nav .hover{ background:url(../images/Triangle.gif) center 30px no-repeat}
#nav .mainlevel.hover a:visited,#nav .mainlevel.hover a{color:#ea7f00; text-decoration:none;}
#nav .mainlevel a.Currpage,#nav .mainlevel a.Currpage:visited{color:#ea7f00; font-weight:bold;text-decoration:none; font-weight:bold;}

/*下拉菜单*/
#nav .mainlevel.Currpage li a,#nav .mainlevel.Currpage li a:visited{font-weight: normal;}
#nav .mainlevel ul{ position:absolute; display:none; left:0; top:40px; height:50px; line-height:50px; text-align:left; z-index:100;white-space:nowrap; width:auto;}
#nav .mainlevel ul li{ float:none;}
#nav .mainlevel ul li a,#nav .mainlevel ul li a:visited,#nav .mainlevel.hover li a,#nav .mainlevel.hover li a:visited{ display: inline-block;  font-weight:normal; font-size:14px; line-height:50px; padding:0 8px; color:#fff}
#nav .mainlevel ul li a:hover,#nav .mainlevel.hover li a:hover{ color:#ffba00;}



.main{background:url(../images/main_bg_2.gif) repeat-y; margin:0px auto 30px auto;}
/*.main .top{height:55px; background:url(../images/main_bg_1.gif) no-repeat;}*/
.main .top{height:55px; }
.main .bottom{height:12px; background:url(../images/main_bg_3.gif) no-repeat; overflow:hidden}
.mainCenter{ padding:60px 77px 5px 65px;}
.abouts{padding:0px 50px; line-height:30px;}
.abouts p{text-indent:2em;}
.brand{padding:0px 50px; line-height:30px;}
.brand .brand01{background:url(../images/brand01.gif) right center no-repeat; padding-right:200px; width:830px;height:250px;}
.brand .brandShow{ width:268px; height:178px; margin-right:5px;}
.NewsList_1{padding:0px 0px 0px 18px; line-height:30px; padding-bottom:50px;}
.download{padding:0px 50px; line-height:30px;padding-bottom:100px; font-size:14px; font-weight:bold}
.download_nav{ padding-bottom:100px;}
#explore-nav { overflow: hidden; margin:0px; display: block; }
#explore-nav li {float:left; margin:0px 8px 0px 0px; background:url(../images/download_nav_bg.gif) right center no-repeat; }
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { width:150px;height:98px;display:block; padding-right:8px;}
#explore-nav li a.current {color:#0d82e1;}
#explore-nav #ex-1 a{background:url(../images/logo01.gif) left top no-repeat;}
#explore-nav #ex-1 a.current,#explore-nav #ex-1 a:hover{background:url(../images/logo01.gif) left bottom no-repeat;}
#explore-nav #ex-2 a{background:url(../images/logo02.gif) left top no-repeat;}
#explore-nav #ex-2 a.current,#explore-nav #ex-2 a:hover{background:url(../images/logo02.gif) left bottom no-repeat;}
#explore-nav #ex-3 a{background:url(../images/logo03.gif) left top no-repeat;}
#explore-nav #ex-3 a.current,#explore-nav #ex-3 a:hover{background:url(../images/logo03.gif) left bottom no-repeat;}
#explore-nav #ex-4 a{background:url(../images/logo04.gif) left top no-repeat;}
#explore-nav #ex-4 a.current,#explore-nav #ex-4 a:hover{background:url(../images/logo04.gif) left bottom no-repeat;}
#explore-nav #ex-5 a{background:url(../images/logo05.gif) left top no-repeat;}
#explore-nav #ex-5 a.current,#explore-nav #ex-5 a:hover{background:url(../images/logo05.gif) left bottom no-repeat;}
#download_2,#download_3,#download_4,#download_5 { display: none; }
.download .download_btn{ width:118px; height:26px; display:block; background:url(../images/download_btn_bg.gif) no-repeat;}
.download .download_btn:hover{background:url(../images/download_btn_bg.gif) bottom no-repeat;}
.download .download_btn_en{ width:118px; height:26px; display:block; background:url(../images/download_btn_bg_en.gif) no-repeat;}
.download .download_btn_en:hover{background:url(../images/download_btn_bg_en.gif) bottom no-repeat;}
.contact{padding:0px 50px; line-height:30px;}
.footer{ height:205px;}
.footerTop{height:30px; line-height:30px; width:1220px;margin:0px 60px; border-bottom:1px #d0d0d0 solid;border-top:1px #d0d0d0 solid; text-indent:1em}
.footerTop span{float:right; padding-right:20px;}
.footerBottom{ padding-top:58px; text-align:center;}

.pro_banner{ width:1210px; height:154px; margin:0 auto;}
#pro_nav{width:1212px; height:39px; line-height:39px; margin:65px auto 0px auto; background:url(../images/pro_nav_bg.gif) no-repeat;}
#pro_nav a{padding:0px 35px; font-size:12px; font-weight:bold;}
#pro_nav a:hover{text-decoration:none;}
#pro_nav a.current{color:#f37021;}

#products_1,#products_2,#products_3,#products_4,#products_5,#products_6,#products_7{padding:0px 0px 0px 8px; line-height:30px; padding-bottom:50px;}
#products_1,#products_3,#products_4,#products_5,#products_6,#products_7 { display: none; }



.indexProBg{ width:230px; height:162px;background:url(../images/indexPro_bg.gif) no-repeat;padding:1px 5px 8px 3px;float:left; margin-bottom:10px; }
.indexProBg:hover{background:url(../images/indexPro_bg2.gif) no-repeat;}
.boxgrid{ width: 230px; height: 162px;overflow: hidden; position: relative;}
.boxgrid img{ position: absolute; top: 0; left: 0; border:0; }
.boxgrid p{ text-indent:2em; line-height:32px; font-size:14px; font-weight:bold;}
.boxgrid p a{color:#FFF;}
.boxgrid p a:hover{color:#f37021; text-decoration:none;}
.boxcaption{ float: left;
			 position: absolute; 
			 height: 100px; 
			 width: 230px; 
			 opacity: .8; 
			 /* For IE 5-7 */
			 filter:   progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
.caption .boxcaption {top: 130px;left:0px; background:url(../images/over_bg1.gif) no-repeat;}
.caption .NewsPro{background:url(../images/over_bg2.gif) no-repeat;}

.proFooter{width:1340px; height:113px; margin:0 auto; background:url(../images/pro00.gif) no-repeat; padding-bottom:30px;}
.productsShow{padding:0px 50px; line-height:30px;}
.ProShowTitle{ font-size:20px;}
.ProShowTitle b{color:#f37021; font-size:30px;}

.NewsList{padding:0px 50px; line-height:30px;}
.NewsList h3{ font-size:16px; font-weight:bold;color:#f37021; border-bottom:2px #f37021 solid;font-family:Arial,微软雅黑; line-height:40px; }
.NewsListBox{height:102px; overflow:hidden; padding:15px 15px;border-bottom:1px #CCCCCC dotted}
.NewsListBox:hover{ background:#fcefe8;}
.NewsListBoxPhoto{float:left; width:102px; height:102px;}
.NewsListBoxPhoto img{border:1px #999999 solid}
.NewsListBoxPhoto img:hover{border:1px #f37021 solid}
.NewsListBoxList{float:right; width:950px; height:102px;}
.NewsListBoxList .title{}
.NewsListBoxList .title a{color:#f37021;font-size:14px; font-weight:bold;}
.NewsListBoxList .title a:hover{color:#999999;}
.NewsListBoxList .title span{float:right; padding-right:20px; color:#999}
.NewsListBoxList .text{text-indent:2em;}
.NewsListBoxList .text span{ text-align:right;font-weight:bold; font-style:italic}
.NewsListBoxList .text span a{color:#f37021;}
.NewsListBoxList .text span a:hover{color:#999999;}
.newsPage{padding:30px 50px; line-height:30px; text-align:center; font-weight:bold; font-size:14px;}
.newsPage a{padding:0 5px;}
.newsPage .left{ background:url(../images/newsPageLeft_bg.gif) center no-repeat; width:20px; height:10px;}
.newsPage .left:hover{ background:url(../images/newsPageLeft_bg1.gif) center no-repeat;}
.newsPage .right{ background:url(../images/newsPageRight_bg.gif) center no-repeat; width:20px; height:10px;}
.newsPage .right:hover{ background:url(../images/newsPageRight_bg1.gif) center no-repeat;}
.newsShow{padding:0px 50px; line-height:30px;}
.newsShow .title{border-bottom:1px #CCCCCC dotted; font-size:14px; color:#f37021;}
.newsShow .title span{ float:right; padding-right:20px;font-size:12px;color:#999999;}
.newsShow .text{ padding:20px 0px;}
.newsShow .text p{text-indent:2em}