﻿/*#region global css*/
body{margin:0; padding:0; color:#333333; font:12px/1.5 宋体,Arial,tahoma,sans-serif}
ul,li{list-style:none; margin:0; padding:0}
h1,h2,h3,h4,h5,h6,dl{margin:0; padding:0}
img{border:0}
address,cite,dfn,em,var{font-style:normal}
a:link{color:#333333; text-decoration:none}
a:visited{color:#333333; text-decoration:none}
a:hover{color:#BD0A01; text-decoration:underline}

.margin_top{margin-top:5px!important}/*global margin top value*/
.impotant{color:#cc0069!important}
.highlight_n{color:#BD0A01!important}
.highlight_b{color:#BD0A01!important; font-weight:bold}
.impotant_ad{color:#cc0069!important}
.fl{float:left!important} .fr{float:right!important}
.clear{clear:both; height:8px; font-size:1px}
.more{float:right!important; margin-right:5px}
.show{display:block} .hide{display:none}
/*#endregion*/

/*#region shared css*/
#header,#footer,#banner,#wrap1,#wrap2,#main,#friendLink{width:960px; margin:0 auto 8px auto}
#btnAsk,.bx-prev,.bx-next,#wrap1 .l,#wrap1 .m,#wrap1 .r,#main .l,#main .l .h2,#main .l .bottom,
#main .r .nav,#main .r .bottom,#main .r .wrap .contact .ask,#main .r .wrap .contact .online,#wrap_online .t,#wrap_online .b,#wrap_online .b a{background:url(../images/sprite.png) no-repeat}
#main .r .wrap .tab li,#main .r .wrap .tab li a{background:url(../images/tab.png) no-repeat}

#wrap1 .m li em,#main .r .videolist .cover_text{background:url(../images/icon_1.gif) no-repeat}
/*#endregion*/

/*#region main css*/
#header .top{height:80px}
#header .top .logo{width:440px; float:left}
#header .top .r{float:right; width:520px; margin-top:10px}
#header .top .r li{text-align:right}
#header .top .r .search{text-align:right; margin-top:10px}
#header .top .r .search input,#header .top .r .search select{vertical-align:middle}
#header .nav{height:33px; position:relative}
#header .nav .l,#header .nav .r{width:2px; height:33px; position:absolute; top:0; background:url(../images/nav.gif)}
#header .nav .l{left:0}
#header .nav .r{right:0; background-position:0 -66px}
#header .nav ul{width:956px; height:33px; margin:0 2px; background:url(../images/nav_bg.gif) repeat-x}
#header .nav li{float:left; line-height:33px; font-size:14px; text-align:center}
#header .nav li a{display:block; width:102px; color:#ffffff; text-decoration:none}
#header .nav li.selected,#header .nav ul li a:hover{background:url(../images/nav_hover.gif) no-repeat center center}
#header .nav li.split{width:2px; height:33px; background:url(../images/nav.gif) 0 -33px}

#wrap1 .h2,#main .h2{font-size:16px; font-family:microsoft yahei; font-weight:normal; color:#ffffff}
#wrap1 .h2 a,#main .h2 a{color:#ffffff; text-decoration:none}
#wrap1{height:253px}
#wrap1 .l{width:274px; height:253px; float:left}
#wrap1 .l .h2{margin:20px 0 0 20px}
#wrap1 .l p{margin:10px 20px 0 30px; text-indent:22px; line-height:21px}
#wrap1 .m{width:392px; height:253px; float:left; margin-left:10px; background-position:-284px 0}
#wrap1 .m .h2{margin:4px 0 0 0; text-align:center}
#wrap1 .m ul{margin:18px 20px 0}
#wrap1 .m li{height:24px; line-height:24px; padding-left:20px; overflow:hidden; font-size:14px; position:relative}
#wrap1 .m li a{text-decoration:none}
#wrap1 .m li a:hover{color:#BD0A01}
#wrap1 .m li span a{color:#A80F07} #wrap1 .m ul li span a:hover{color:#0066FF}
#wrap1 .m li em{width:16px; height:16px; position:absolute; left:0; top:4px; _top:3px; background-position:0 -190px}
#wrap1 .r{width:274px; height:253px; float:right; background-position:-686px 0; overflow:hidden}
#wrap1 .r .h2{margin:20px 20px 0 0; text-align:right}
#wrap1 .r p{margin:10px 20px 0 20px; line-height:21px}

#wrap2{width:958px; margin-bottom:0; border:1px solid #B2C8F6}
#wrap2 .tab{height:26px; border-bottom:1px solid #B2C8F6}
#wrap2 .tab ul{position:absolute}
#wrap2 .tab li{line-height:26px; float:left; padding:0 8px; border-right:1px solid #B2C8F6}
#wrap2 .tab li.current{font-weight:bold; border-bottom:1px solid #ffffff}
#wrap2 .content{width:948px; margin:0 auto; overflow:hidden}
#wrap2 .content ul{display:none}
#wrap2 .content li{width:310px; height:29px; line-height:29px; padding:0 3px; border-bottom:1px dashed #e0e0e0; float:left; overflow:hidden}

#main{margin-bottom:0}
#main .l{width:200px; float:left; background:url(../images/left_bg.gif) repeat-y left center}
#main .l .h2{height:42px; padding:20px 0 0 20px; background-position:0 -263px}
#main .l dl{margin:0 10px 10px 25px}
#main .l dt{background:url(../images/line.gif); font-weight:bold; height:30px; line-height:30px; padding-left:15px; overflow:hidden; position:relative}
#main .l dt em{width:9px; height:9px; position:absolute; left:0; top:11px; _top:10px; background:url(../images/dot.gif) no-repeat; cursor:pointer}
#main .l dt em.open{background-position:0 -19px}
#main .l dd{margin-left:10px; margin-top:5px; height:18px; line-height:18px; overflow:hidden}
#main .l .bottom{height:13px; background-position:0 -329px}
#main .l .contact{padding:50px 20px 0; font-size:14px; background:#ffffff url(../images/contact.png) no-repeat right 0}
#main .l .contact p{margin:5px 0 0 0}
#main .r{width:760px; float:left}
#main .r .nav{height:47px; background-position:-200px -263px; position:relative}
#main .r .nav .text{position:absolute; top:15px; right:15px}
#main .r .nav .text img{vertical-align:-3px; margin-right:2px}
#main .r .h2{width:170px; height:47px; line-height:33px; margin-left:50px; text-align:center}
#main .r .list{width:760px; background:url(../images/right_bg.gif) repeat-y; overflow:hidden}
#main .r .oneline{height:190px; overflow:hidden}
#main .r .prolist{width:720px; margin:0 auto}
#main .r .prolist li{width:150px; height:180px; float:left; padding:10px 15px}
#main .r .prolist li a.img{width:140px; height:140px; border:1px solid #e0e0e0; padding:4px; display:block; text-align:center}
#main .r .prolist li a.img:hover{border:1px solid #BD0A01; background-color:#FFF4CE}
#main .r .prolist li a.img img{width:140px; height:140px; background-color:#ffffff}
#main .r .prolist li .name{height:22px; line-height:22px; margin-top:8px; padding:0 2px; text-align:center; background-color:#DAE5FD; overflow:hidden}
#main .r .prolist li .name a{text-decoration:none; font-size:12px}
#main .r .infolist{width:720px; margin:0 auto}
#main .r .infolist li{line-height:36px; font-size:14px; border-bottom:1px dashed #e0e0e0}
#main .r .infolist li.seperator{border-bottom:1px dashed #BD0A01}
#main .r .infolist li span{float:right; font-size:12px; color:#BD0A01}
#main .r .videolist li{position:relative}
#main .r .videolist .index{z-index:10}
#main .r .videolist .img_hover{position:relative; z-index:10}
#main .r .videolist .cover_bg,#main .r .videolist .cover_text{width:146px; height:22px; position:absolute; bottom:42px; left:17px; z-index:9; display:block}
#main .r .videolist .cover_bg{background-color:#000000; filter:alpha(opacity=50); opacity:0.5}
#main .r .videolist .cover_text{line-height:22px; color:#ffffff; background-position:2px -187px; text-align:center}
#main .r .videolist .cover_hover{width:328px; height:178px; border:1px solid #BD0A01; position:absolute; top:10px; left:15px; background-color:#FFF4CE; z-index:9; display:none}
#main .r .videolist .cover_hover p{width:178px; float:right; margin:5px 0 0 0; line-height:18px}
#main .r .videolist .cover_hover p.title{width:320px; margin:0; position:absolute; bottom:8px; left:5px; text-align:center}
#main .r .videolist .cover_hover p.title a{color:#2853B4; text-decoration:none}
#main .r .videolist .cover_hover p.title img{vertical-align:-3px; margin-right:2px}
#main .r .videolist .cover_hover_left{left:-165px}
#main .r .videolist .cover_hover_left p{float:left; padding-left:5px}
#main .r .videolist .cover_hover_left p.title{right:8px; left:auto}

#main .r .wrap{min-height:250px; padding:0 20px 10px; background:url(../images/right_bg.gif) repeat-y; overflow:hidden}
#main .r .wrap .title{line-height:40px; font-size:18px; font-family:microsoft yahei; font-weight:normal; text-align:center}
#main .r .wrap .underline{border-bottom:1px dotted #e0e0e0; margin-bottom:5px}
#main .r .wrap .preview{width:250px; float:left}
#main .r .wrap .preview .img_b{width:240px; height:240px; border:1px solid #e0e0e0; padding:4px; display:block; text-align:center}
#main .r .wrap .preview .img_b:hover{border:1px solid #BD0A01; background-color:#FFF4CE}
#main .r .wrap .preview .img_b img{width:240px; height:240px; background-color:#ffffff}
#main .r .wrap .summary{width:452px; float:right; border-top:1px dotted #e0e0e0; padding:8px 0 0 10px}
#main .r .wrap .summary dt{padding:8px auto; margin-top:10px}
#main .r .wrap .summary dd{position:relative; top:-18px; margin-left:50px}
#main .r .wrap .contact{width:402px; float:right; position:relative; top:10px; padding-left:60px}
#main .r .wrap .contact .ask{width:124px; height:40px; background-position:0 -353px; float:left}
#main .r .wrap .contact .online{width:130px; height:37px; padding-left:66px; margin-top:1px; margin-left:60px; background-position:-130px -354px; float:left}
#main .r .wrap .contact .online li{float:left}
#main .r .wrap .contact .online a{width:33px; height:37px; line-height:37px; display:block}
#main .r .wrap .tab{height:29px; border-bottom:1px solid #8E0101; overflow:hidden; margin-top:20px}
#main .r .wrap .tab li{float:left; height:29px; line-height:30px; margin-right:2px; padding-left:2px; background-position:0 -30px}
#main .r .wrap .tab li a{padding:0 15px; display:block; outline:medium none; text-decoration:none; background-position:right -30px}
#main .r .wrap .tab li.selected{height:30px; line-height:29px; font-size:14px; font-weight:bold; position:relative; background-position:0 0}
#main .r .wrap .tab li.selected a{background-position:right 0}
#main .r .wrap .tab li em{color:#2853B4; font-style:normal; font-weight:bold}
#main .r .wrap .content{font-size:14px; line-height:22px; padding:10px 0 15px; _height:300px; min-height:300px}
#main .r .wrap .content p{margin:0; margin-bottom:20px}
#main .r .wrap .otherinfo{border-top:1px dashed #e0e0e0}
#main .r .wrap .otherinfo h2{font-size:14px; padding:10px 0 5px 0}
#main .r .wrap .otherinfo li{line-height:26px; font-size:14px; padding-left:9px}
#main .r .wrap .otherinfo li span{float:right; font-size:12px; color:#BD0A01}
#main .r .wrap .pagerNav{padding:10px 0; border-top:1px dashed #e0e0e0}
#main .r .wrap .pagerNav p{margin:0; line-height:26px; font-size:12px; text-indent:0}

#main .r .wrap .param table{margin:0 auto; border:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0}
#main .r .wrap .param td{border:0; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; vertical-align:middle; line-height:20px; padding:8px 16px}
#main .r .wrap .param td p{margin:0; padding:0}

#main .r .askPrice{width:700px; margin:10px auto 0; font-size:14px; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0}
#main .r .askPrice em{color:#BD0A01}
#main .r .askPrice .td1,#main .r .askPrice .td2,#main .r .askPrice .td3,#main .r .askPrice .td4{text-align:center; padding:5px; vertical-align:middle; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0}
#main .r .askPrice .td1{width:90px; height:40px; text-align:right}
#main .r .askPrice .td2{width:450px}
#main .r .askPrice .td2 input{width:440px; height:24px; line-height:24px; border:1px inset #e0e0e0}
#main .r .askPrice .td2 textarea{width:440px; height:80px; line-height:20px; border:1px inset #e0e0e0; margin:7px auto}
#main .r .askPrice .td2 img{cursor:pointer; height:30px; vertical-align:-10px; _vertical-align:-2px; *vertical-align:-3px}
#main .r .askPrice .td2 a{cursor:pointer; font-size:12px}
#main .r .askPrice .td3{width:120px}
#main .r .askPrice .td4{height:40px}
#main .r .msg{padding:10px auto 0; text-align:center}

#main .r .bottom{height:10px; background-position:-200px -320px; overflow:hidden}

#friendLink{width:958px; height:54px; border:1px solid #B2C8F6}
#friendLink li{float:left}
#friendLink li.l{width:90px; text-align:center}
#friendLink li.r{width:855px; height:44px; line-height:23px; padding:5px 5px 5px 0; overflow:hidden}

#footer{clear:both}
#footer .content{line-height:20px; text-align:center}

#wrap_online{width:144px; position:fixed; _position:absolute; right:0; top:80px}
#wrap_online .t{height:75px; background-position:-800px -350px}
#wrap_online .m{padding:0 10px; background:url(../images/online_m.gif) repeat-y}
#wrap_online .m a{vertical-align:-6px}
#wrap_online .m p{margin:0; padding:3px 0}
#wrap_online .b{height:48px; padding-top:21px; text-align:center; background-position:-800px -482px}
#wrap_online .b a{display:inline-block; width:122px; height:38px; background-position:-811px -560px}
/*#endregion*/

/*#region share plugin css*/
.shareSNS{height:20px; margin-bottom:10px; position:relative; clear:both}
.shareSNS a{float:left; width:16px; height:16px; line-height:16px; margin:0 2px; text-indent:-9999px; background:url(../images/icon_share.gif) no-repeat}
.shareSNS .shareAll{width:48px; margin:0; padding-left:20px; text-indent:0; font-size:12px; text-decoration:none!important}
.shareSNS .shareAll span{_vertical-align:-1px}
.shareSNS .renren{background-position:0 -16px}
.shareSNS .kaixin001{background-position:0 -32px}
.shareSNS .weibo{background-position:0 -48px}
.shareSNS .qq{background-position:0 -64px}
.shareSNS .t_qq{background-position:0 -80px}
.shareSNS .hi_baidu{background-position:0 -96px}
.shareSNS .cang_baidu{background-position:0 -112px}
.shareSNS .douban{background-position:0 -128px}
.shareSNS .blog163{background-position:0 -144px}
.shareSNS .t_msn{background-position:0 -176px}

.shareSNS .zoom{position:absolute; right:10px; top:-4px; padding-left:18px; font-size:12px; background:url(../images/zoom.gif) no-repeat 0 4px; _background-position:0 3px; cursor:pointer}
        
#sharebox{width:250px; margin-top:3px; padding:5px; font-size:12px; background-color:#7C7C7C; border:3px; border-radius:4px 4px 4px 4px}
#sharebox_wraper{border:1px solid #FFFFFF; background-color:#FFFFFF}
#sharebox_header{height:12px; line-height:12px; padding:4px; border:1px solid #E5E5E5; background-color:#F2F2F2; position:relative; text-align:left}
#sharebox_close{color:#4C4C4C; font-family:宋体; font-size:12px; text-decoration:none; cursor:pointer; position:absolute; top:4px; right:4px}
#sharebox_btn{padding:4px; overflow:hidden; _display:inline-block}
#sharebox_btn a{width:114px; _width:112px; padding:2px; float:left; border:1px solid #FFFFFF; cursor:pointer; text-decoration:none; text-align:left}
#sharebox_btn a:hover{border:1px solid #E5E5E5; background-color:#F2F2F2}
#sharebox_btn a span{height:16px; line-height:16px; padding-left:20px; display:block; background:url(../images/icon_share.gif) no-repeat}
#sharebox_btn .atic_renren span{background-position:0 -16px}
#sharebox_btn .atic_kaixin001 span{background-position:0 -32px}
#sharebox_btn .atic_weibo span{background-position:0 -48px}
#sharebox_btn .atic_qq span{background-position:0 -64px}
#sharebox_btn .atic_t_qq span{background-position:0 -80px}
#sharebox_btn .atic_hi_baidu span{background-position:0 -96px}
#sharebox_btn .atic_cang_baidu span{background-position:0 -112px}
#sharebox_btn .atic_douban span{background-position:0 -128px}
#sharebox_btn .atic_blog163 span{background-position:0 -144px}
#sharebox_btn .atic_t_msn span{background-position:0 -176px}
/*#endregion*/

/*#region paging bar css*/
.paging{clear:both; text-align:center; margin-top:8px}
.paging a,.paging label{border:1px solid #B2C8F6; margin-right:5px; padding-left:6px; padding-right:6px; height:20px; line-height:20px; vertical-align:middle; display:inline-block}
.paging a{behavior:url(hack.htc); outline:none}
.paging label{color:#ACA899}
.paging span{vertical-align:middle; margin-right:5px}
.paging #gotoNum{width:50px}
.paging a:hover{border:1px solid #BD0A01; text-decoration:none}
.paging a.current{border:1px solid #BD0A01; background-color:#FFF4CE}
/*#endregion*/

/*#region html tag css*/
#btnSearch{cursor:pointer}
#btnAsk{width:124px; height:40px; line-height:28px; border:0; cursor:pointer; background-position:0 -394px}
.bx-prev,.bx-next{width:18px; height:26px; border:0; cursor:pointer; display:block; behavior:url(hack.htc); outline:none; position:absolute; top:70px}
.bx-prev{background-position:0 -530px; left:-8px}
.bx-next{background-position:0 -560px; right:-8px}
#keyword{width:240px; line-height:16px}
/*#endregion*/

/*#region seo table*/
.doc-table{border-collapse:collapse; border-spacing:0!important; font-size:13px; margin-bottom:20px!important} 
.doc-table th,.doc-table td{border:1px solid #8CACBB!important; padding:5px!important; line-height:22px!important}
.doc-table th{background:#eeeeee}
/*#endregion*/


