@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; font-family:'微软雅黑'; color:#585858; background:#362f36; position:relative}
div,ul,li{display:block;}
li{list-style:none;}
img{border:none;}
.fl{ float: left;}
.fr{ float: right;}
.clr{height:0; overflow:hidden; clear:both;}
a{color:#552e5f; text-decoration:none;}
a:focus{ outline:none;}
a:hover{text-decoration:underline;}
.red{color:#a72e40;}
.box{width:948px; margin:0 auto; clear:both; padding:15px 15px 0;  background:#fff;}
h3{width:950px; height:40px; margin-bottom:20px;}
/*top*/
.top{width:100%; background:url(../images/top_bg.gif) repeat-x; color:#8e8e8e; border-bottom:1px solid #fff;height:30px;}
.top ul{width:1000px; margin:0 auto;}
.top li{float:left; margin:0 3px;height:30px; line-height:30px; font-size:12px;}
.top .topline{width:3px; background:url(../images/top_line.gif) 0 6px no-repeat;}
.top li a{color:#8e8e8e; text-decoration:none;}
.top li a:hover{color:#7b0707; text-decoration:underline;}

/*header*/
.header{width:100%; height:425px; background:#fff  url(../images/banner.jpg) no-repeat center ;  text-align:center; position:absolute; z-index:1; left:0; top:30px;}
.header .share{width:980px; margin:0 auto; height:367px; position:relative;}

/*introduction*/
.intro{background:url(../images/new-bg.jpg) right no-repeat #fff;height:417px;}
.intro .video{width:420px; height:408px; float:left;}
.intro .video dl{ width:420px; height:408px; position:relative}
.intro .video dl dd{ position:absolute; left:0; bottom:0; height:35px; line-height:35px; width:420px; background:#ed7a81; text-align:center; font-weight:bold; color:#fff; font-size:14px;}
.intro .video dl dd a{ color:#fff}
.intro .txt-box{width:280px; float:left; margin-left:15px; padding:12px;}
.intro .txt-box .subtit{width:260px; color:#58893a; font-size:16px; padding:10px 25px 0 15px; text-align:center; line-height:25px; text-indent:0;}
.intro .txt-box p{margin-top:15px; text-indent:0;   line-height: 22px; font-size: 12px; color: #595959;}
.intro .txt-box h4{ width:270px; height:25px; line-height:25px;font-size:14px; color:#fff; font-weight:normal; padding-top:20px; padding-left:10px; background:url(../images/more.jpg) left 22px no-repeat;}
.intro .txt-box .news{width:280px;  margin-top:10px; line-height:22px;}
.news li{ padding-left:10px; background: url(../images/bulleted.gif) no-repeat left center;}
.intro .spreadtrum{width:180px; float:right;}
.intro .spreadtrum h4{font-size:16px; font-weight:normal; color:#222; line-height:35px;}
.intro .spreadtrum h4 a{color:#222;}
.intro .spreadtrum P{color:#552e5f; line-height:22px; padding-left:5px; font-size: 12px;}
.intro .spreadtrum P span{color:#585858; font-size: 12px;}
.intro .spreadtrum  a{color:#c64d51;}
.erweima{width:161px; color:#fff; padding-left: 12px; padding-top: 5px;}
.erweima .img{width:131px; height:131px; padding:5px; border:solid 1px #ddd; background:#fff;}
.erweima p{width:131px; }
.main{ width:980px; height:auto; margin: 0 auto;border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background: #fff;  position:relative; z-index:999}
#box{position:relative;width:952px;height:549px;margin:30px auto 0; background-color:#fff; }
#box ul{position:relative;width:952px;height:549px;}
#box li{position:absolute;list-style:none;background:orange;width:0;height:0;top:146px;left:377px;z-index:0; cursor:pointer;overflow:hidden;border-radius:3px;}
#box li img{width:100%;height:100%;vertical-align:top;}
#box .prev, #box .next{z-index:10; position:absolute;top:50%;width:60px;height:60px;margin-top:-40px;overflow:hidden; text-indent:-999px;cursor:pointer; opacity:0.5; filter:alpha(opacity=50);}
#box .prev{left:0px; background: #000 url(../images/left.png) no-repeat center;}
#box .next{right:0px;background: #000 url(../images/right.png) no-repeat center;}

.djzf{ min-height:200px; _height:200px; margin-top:10px; margin-bottom:20px; clear:both}
.title{ height:33px; background:#1a1f42; line-height:33px; font-size:20px; font-weight:bold;  color:#fff; padding-left:10px; position:relative; margin-bottom:20px;}
.title span{ position:absolute;  display:block; width:11px; height:43px; margin-bottom:30px;}
.title span.l{left:-11px; top:0;}
.title span.r{right:-11px; top:0;}
.content{ background:#efefef; min-height:200px; _height:200px; clear:both; padding-right:15px; margin-bottom:20px;}
.content img{ display:block; float:left; padding:15px; background:url(../images/box-bg.gif) repeat; margin-right:20px;}
.content p{ font-size:14px; line-height:24px; padding-top:20px; width:490px; float:left }
.content p span{ display:block; height:50px; line-height:50px; font-size:16px; font-weight:bold; border-bottom:1px solid #959595; margin-bottom:10px;}

.mjjd{ height:385px; width:485px; background:url(../images/box-bg.gif) repeat;float:left;}
.mjjd img{ display:block; float:left; margin:0 15px;}
.person{ line-height:28px; font-size:12px;padding-bottom:30px;height:365px; width:208px; float:left; background:#e7e7e7 ; padding:10px 8px;}
.person span{ line-height:24px;  font-weight:bold; font-size:14px; display:block; font-size:14px; border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:5px;}
.person span a{ color:#5b5b5b}
.person img{ display:block; float:left; margin-right:10px; margin-top:10px; }
.pro_list ul li{ float:left;}
.pro_list ul li img{ width:237px; height:234px; display:block; border-bottom:1px solid #fff}
.pro_list2 ul li{ float:left;}
.pro_list2 ul li img{ width:312px; height:194px; display:block; border-bottom:5px solid #fff; margin-right:5px;}

.list{ min-height:200px; _height:200px;}
.list ul li{ clear:both; min-height:50px; _height:50px; margin-bottom:30px; padding:0 20px;} 
.list ul li img{ display:block; float:left; margin-right:15px;}
.list ul li p{ line-height:24px; color:#6d6d6d; font-size:14px;}
.list ul li p span{ display:block; font-weight:bold; font-size:16px; line-height:40px;}
.list_content1{ margin:0 15px; min-height:100px; _height:100px; margin-top:15px; }
.list_title{ height:50px; background: url(../images/line.jpg) no-repeat bottom; font-size:24px; font-weight:bold; line-height:42px; color:#c9a16d; margin-bottom:20px;}
.list_title em{ font-style:normal; color:#333; font-weight:normal}
.list_title img{ margin-right:5px; }
.list_main{ background:url(../images/box-bg.gif) repeat; min-height:10px; _height:10px; border:1px solid #e0e0e0; padding:15px; font-size:14px; line-height:24px;}

.focus{ width:950px; height:540px;  margin:0 auto; overflow:hidden; position:relative; margin-top:20px;}
.focus ul{ position:absolute; height:493px; }
.focus ul li{float:left;width:950px;height:493px;overflow:hidden;position:relative;background:#000;}
.focus ul li div{position:absolute;overflow:hidden;}
.focus .btn{ width:930px;}
.focus .preNext{ display:none}
.focus .btn span{ background:#666}

.btn{position:absolute; height:10px;padding:5px 10px;right:0;bottom:5px;text-align:center;}
.btn span{display:inline-block;_display:inline;_zoom:1;width:10px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;border-radius:50%;}
.btn span.on{background:#1b1f42;}
.focus .preNext{width:45px;height:100px;position:absolute;top:200px;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;display:none;}
.focus .pre{left:0;}
.focus .next{right:0;background-position:right top;}

.main_left{ width:400px; float:left; min-height:100px; _height:100px; float:left; padding-right:15px; font-size:12px; background:url(../images/line.png) repeat-y right}
.main_left span{ display:block; font-size:16px; color:#2a99c4; font-weight:bold; height:50px; line-height:50px;}
.main_right{ width:490px; float:right; min-height:100px; _height:100px; font-size:12px; padding-left:10px;}
.main_right span{ display:block; font-size:16px; color:#333; font-weight:bold; height:50px; line-height:50px;}
.pic{ min-height:200px; _height:200px;}
.pic_nav{ height:48px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:20px;}
.pic_nav ul li{ float:left; width:85px; height:48px; line-height:48px; text-align:center; font-size:14px;}
.pic_nav ul li.current{ background:#ff6d00; color:#fff}
.pic_list dl{ float:left; width:304px; margin-left:14px; height:225px; margin-bottom:15px;}

.bottom{width:100%; background:url(../images/bottom_bg.gif) repeat-x; height:200px; clear:both; line-height:24px; margin-top:15px; font-size:12px;}
.bottom .bt{width:980px; margin:auto; padding:40px 0 15px 0; color:#373737; text-align:center;}
.bottom .bt a{color:#373737; text-decoration:none;}
.bottom .bt a:hover{color:#373737; text-decoration:underline;}

.video_list{ width:462px; height:366px; background:url(../images/box-bg.gif); float:left; margin-left:20px;}
.hg{ height:340px; margin:0 15px;}
.hg dl{ float:left; text-align:center; padding:15px; margin-left:50px;background:url(../images/box-bg.gif) repeat; width:376px;}
.hg dl dd{ height:50px; line-height:50px; position:relative}
.hg dl dd span{ position:absolute;}
.hg dl dd span.m1{ left:10px; top:-15px;}
.hg dl dd span.m2{ right:10px; bottom:-5px;}
.hg dl dd a{ color:#666}

.jbgd{ min-height:100px; _height:100px;}
.jbgd dl{ float:left; margin-left:17px; border-bottom:1px dashed #ddd; width:304px; margin-bottom:20px;}
.jbgd dl dd{ height:40px; line-height:40px; font-size:14px; overflow:hidden; text-align:center}