@charset "utf-8";
/*Body扩展*/
.Body-Extend
{background-color:#fff; width:100%; height:925px; position:relative; padding:0px; margin:0px;} /*全局定义,高为925*/

#global-bg
{ width:100%; height:925px; position:absolute; left:0px; top:0px; z-index:1;}
/* slider */
.slider{width:100%;height:925px;position:absolute; left:0px; top:0px; overflow:hidden; z-index:1;}
.conbox{position:absolute;/*必要元素*/ width:9999em; z-index:1;}
/* .conbox div{width:541px; height:227px;}float:left; /*启用水平X则加此语句 */

#index
{ width:1002px; height:925px; margin:0px auto; padding:0px; position:relative; z-index:2; }
#index .menu
{ width:307px; height:100%; background:url(../Images/menubg.gif) no-repeat; position:absolute; right:0px; top:0px; text-align:center;}
#index .menu a{ display:block;}
#index .menu .top
{ margin-top:0px;}
#index .menu .bottom
{ margin-top:50px;}
#index .tel
{ width:230px; height:16px; position:absolute; right:50px; top:790px;}
#index .bot
{ width:100%; height:116px;position:absolute; left:0px; bottom:0px;  color:#e0cea7;}
#index .png{ background:url(../Images/index-bottom-bg.png) center no-repeat; }
#index .bot a{ color:#e0cea7;}
#index .bot .left
{ width:630px; height:95px; overflow:hidden; position:absolute; left:50px; top:10px; line-height:200%;}
#index .bot .right
{ width:230px; height:65px; overflow:hidden; position:absolute; right:40px; top:30px;}
#index .bot .right p{ text-align:center; line-height:20px;}

#global-menu
{ width:307px; height:790px; background:url(../Images/menubg.gif) no-repeat; position:absolute; left:0px; top:0px; z-index:99; text-align:center;}
#global-menu a{ display:block;}

#global-menu ul{ margin:0px; padding:0px;}
#global-menu li{ width:100%; height:auto; line-height:normal; margin:0px; padding:0px; list-style:none; float:left;}
#global-menu li.clr{ width:100%; height:50px;}

#global-menu .more
{ width:0px; height:667px; position:absolute; left:307px; top:0px;}
#global-menu .png{background:url(../Images/morebg.png) no-repeat;}
#global-menu .more dl{ margin-top:30px; text-align:left;}
#global-menu .more dt{ width:100%; height:30px; line-height:30px; color:#b6bbc1; text-indent:10px; overflow:hidden;}
#global-menu .more dd{ width:100%; height:30px; line-height:30px; color:#b6bbc1; text-indent:30px; overflow:hidden;}
#global-menu .more a{ color:#b6bbc1;}

#RightContent
{ width:984px; height:539px; overflow:hidden; position:absolute; left:346px; top:128px; z-index:9;}
#RightContent .bg
{ width:100%; height:100%; background:#393d41; filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; position:absolute; left:0px; top:0px; z-index:0;}
#RightContent .bg7
{ width:100%; height:100%; background:#393d41; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; position:absolute; left:0px; top:0px; z-index:0;}

#OnePage{ position:absolute; left:0px; top:0px; color:#fff; z-index:2; width:100%; margin:0 auto;}
#OnePage .title{ width:100%; height:50px; line-height:50px; overflow:hidden; color:#fff; font-weight:normal; text-indent:30px; font-size:20px;}
#OnePage .nav
{ width:95%; height:480px; margin:0 auto; overflow:hidden; line-height:200%; position:relative;}


#dv_scroll{position:absolute;height:100%;overflow:hidden;width:900px;}
#dv_scroll .Scroller-Container{width:900px;}
#dv_scroll_bar {position:absolute;right:-10px;top:10px;width:14px;height:450px;border-left:2px solid #000;}
#dv_scroll_bar .Scrollbar-Track{position:absolute;left:0;top:20px;width:14px;height:420px;}
#dv_scroll_bar .Scrollbar-Handle{position:absolute;left:-5px;top:0;width:13px;height:29px;overflow:hidden;background:#fff no-repeat;cursor:pointer;}
#dv_scroll_text {position:absolute;}



#global-footer
{ width:100%; height:131px; overflow:hidden; background:url(../Images/bg.png) repeat-x; position:absolute; bottom:0px; left:0px; z-index:9;}
#global-footer .nav
{ width:1002px; height:100%; overflow:hidden; margin:0 auto; color:#e0cea7; position:relative;}
#global-footer .png{background:url(../Images/index-bottom-bg.png) center no-repeat; }
#global-footer .nav a{ color:#e0cea7;}
#global-footer .nav .left
{ width:590px; height:85px; overflow:hidden; position:absolute; left:100px; top:10px; line-height:200%;}
#global-footer .nav .right
{ width:230px; height:65px; overflow:hidden; position:absolute; right:40px; top:30px;}
#global-footer .nav .right p{ text-align:center; line-height:20px;}

#NewsList
{ width:100%; height:100%; overflow:hidden; position:relative;}
#NewsList .head
{ width:100%; height:38px; line-height:38px; text-indent:10px; position:relative; border-bottom:1px solid #8a8c92;}
#NewsList .head a{ font-size:16px; color:#fff; text-decoration:none;}
#NewsList .head a.more{ font-size:12px; font-weight:normal; position:absolute; right:0px; top:0px;}

#NewsList .guoji
{ width:620px; height:327px; overflow:hidden; position:relative;}
#NewsList .guoji .nav
{ width:100%; height:100%; position:relative; z-index:1;}
#NewsList .guoji .nav .left
{ width:347px; height:250px; position:absolute; left:20px; top:55px;}
#NewsList .guoji .nav .right
{ width:250px; height:250px; overflow:hidden; position:absolute; right:10px; top:55px;}
#NewsList .guoji .nav .right ul
{ width:100%; height:100%; overflow:hidden;}
#NewsList .guoji .nav .right ul li
{ width:100%; height:30px; line-height:30px; border-bottom:1px solid #8a8c92; overflow:hidden; float:left;}

#NewsList .hangye
{ width:350px; height:327px; overflow:hidden; position:absolute; right:0px; top:0px;}
#NewsList .hangye .nav
{ width:88%; height:auto; margin:15px auto; z-index:1; position:relative;}
#NewsList .hangye .nav ul
{ width:100%; height:auto; margin-top:20px; overflow:hidden;}
#NewsList .hangye .nav ul li
{ width:100%; height:30px; overflow:hidden; float:left; border-bottom:1px solid #8a8c92; line-height:30px;}

#NewsList .arclist
{ width:100%; height:200px; overflow:hidden; position:absolute; left:0px; top:337px;}
#NewsList .arclist ul{ width:100%; height:100%; overflow:hidden;}
#NewsList .arclist ul li
{ width:240px; overflow:hidden; height:200px; float:left; position:relative;}
#NewsList .arclist ul li.clr{ width:8px;}
#NewsList .arclist ul li a{ position:relative; z-index:1; cursor:pointer;}
#NewsList .arclist ul li .img
{ position:absolute; left:5px; top:5px;}
#NewsList .arclist ul li .title
{ width:220px; height:40px; line-height:20px; position:absolute; left:10px; top:140px;}

#WebNewsList ul{ width:96%; height:430px; overflow:hidden; list-style:none; margin:20px auto; position:relative; z-index:1;}
#WebNewsList ul li
{ width:100%; height:29px; line-height:26px; float:left; overflow:hidden; position:relative;}
#WebNewsList ul li em
{ width:80%; height:25px; display:block; overflow:hidden; position:absolute; left:0px; top:0px; font-style:normal;}
#WebNewsList ul li span
{ position:absolute; right:20px; top:0px;}
#WebNewsList .head
{ width:100%; height:38px; line-height:38px; text-indent:10px; position:relative; border-bottom:1px solid #8a8c92; font-size:16px;}
#WebNewsList .head a{ font-size:16px; color:#fff; text-decoration:none;}
#WebNewsList .head a.more{ font-size:12px; font-weight:normal; position:absolute; right:0px; top:0px;}

#IntroBody
{ width:710px; height:160px; margin:0 auto; overflow:hidden; position:relative;}
#IntroBody .img{ width:150px; height:120px; overflow:hidden; position:absolute; left:0px; top:0px;}
#IntroBody .nav{ width:540px; height:130px; overflow:hidden; position:absolute; right:0px; top:0px; line-height:180%;}
#WebPicList
{ width:100%; height:280px; position:absolute; bottom:0px; left:0px;}
#WebPicList .nav
{ width:800px; height:100%; overflow:hidden; margin:0 auto; position:relative;}
#WebPicList ul
{ width:1200px; height:100%; overflow:hidden; margin:0 auto; list-style:none; position:absolute; top:0px; left:-200px;}
#WebPicList ul li
{ width:180px; height:100%; float:left; margin:0px; padding:0px; margin-right:20px; overflow:hidden; color:#20242d; position:relative;}
#WebPicList ul li .bg
{ width:180px; height:238px; display:block; background:#393d41;
position:absolute; left:0px; top:0px; 
filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; z-index:999;}
#WebPicList ul li em{ width:90%; margin:0 auto; height:40px; line-height:40px; display:block; overflow:hidden; font-style:normal; text-align:center;}
#WebPicList ul li a{ color:#20242d;}
#WebPicList .left{ width:55px; height:107px; display:block; overflow:hidden; position:absolute; left:0px; top:50px; z-index:999;}
#WebPicList .right{ width:55px; height:107px; display:block; overflow:hidden; position:absolute; right:0px; top:50px; z-index:999;}

#NewsShow
{ width:100%; height:100%; overflow:hidden; position:relative;}

#NewsShow .nav
{ width:96%; height:500px;margin:20px auto; position:relative; z-index:1;}
#NewsShow .nav .title
{ width:100%; height:auto; font-size:14px; line-height:1.5em; text-align:center; padding:5px 0;}
#NewsShow .nav .miaoshu
{ width:95%; height:auto; margin:0 auto; text-align:center; overflow:hidden; line-height:30px; border-bottom:1px solid #ccc;}
#NewsShow .nav .theContent
{ width:100%; margin:10px 0px; min-height:400px; line-height:180%;}

#PageInfo
{ width:900px; height:auto; text-align:center; position:relative; z-index:1;}

#yongyuList1 li{width: 200px;margin: 0 25px 25px 0;float: left;list-style: none;}
#yongyuList1 li img{width: 100%;}

#yongyuList2 li{width: 200px;margin: 0 25px 25px 0;float: left;list-style: none;}
#yongyuList2 li img{width: 100%;}