@charset "gb2312";
*{padding:0; margin:0;}
body { margin:0px; color:#969696; font-size:12px; line-height:22px; background:#f7f7f9 url(m_body.gif); font-family:Verdana,Arial,Helvetica,sans-serif}
a {color: #969696;text-decoration: none;}
a:hover {text-decoration: underline;color: #CC0000;}
.clear{ clear:both; padding:0; margin:0;}
ul{ padding:0; margin:0; list-style:none;}
img{ border:0;}
input{ vertical-align:middle; font-family:Arial, Helvetica, sans-serif}
#header{ background:url(t_body.gif) repeat-x}

.c_list .psa,.news_li a,.snlist a{ background:url(ico.gif) no-repeat}
.cpbox_t{ background:url(str.gif) no-repeat;}
/*全局结束*/
#top,#main_content,#footer,.t_box{ width:1090px; margin:0 auto}
#top{ position:relative; height:139px; margin-bottom:15px; z-index:6415496489}
#top .logo{ position:absolute; left:3px; top:46px;}
.t_nav{ position:absolute;top:0px; right:20px; height:25px; line-height:25px; padding:0 10px; color:#fff}
.t_nav a{ color:#fff; padding:0 8px}

#webso{ position:absolute; right:30px; top:44px;}
.hotkw{ width:540px; float:left; height:27px; line-height:27px; margin-right:30px; text-align:right; overflow:hidden;}
.hotkw a{ margin:0 5px}
.so_key{ float:left; background:url(s_txt.gif) no-repeat; width:239px; height:27px; padding:2px 0 0 10px;}
.so_key .s_txt{ border:0; background:none; height:20px; line-height:20px; width:160px; color:#000; float:left; padding:0; margin:3px 5px 0 0;}
.so_key .so{display:block; float:left; background:url(so.gif) no-repeat; width:61px; height:25px; text-indent:-999em;}
.so_key .so:hover{ background-position:0 -25px;}
/*导航栏==========================================*/

#nav{position:absolute; right:0; top:88px; height:30px;}
#nav li{float:left; height:30px; margin-right:1px; position:relative; background:url(nav_sep.gif) 0 4px no-repeat}
#nav .psa{height:30px; line-height:30px; font-size:14px; font-weight:bold; text-transform:uppercase; float:left; padding:0 20px; text-decoration:none;display:block;overflow:hidden; color:#404040}
#nav .psa:hover{ color:#257dd5}

#nav li.shover .psb{ left:2px;}
#nav li .psb{ position:absolute; top:30px; left:-9999px; width:180px;background:url(tb_bg.png);}
#nav li .psb a{ font-size:11px; color:#fff; display:block; height:30px; line-height:30px; padding:0 10px; border-bottom:1px solid #D7D7D7; text-align:left; overflow:hidden;}
#nav li div a:hover{color:#00ff00; background:#777; text-decoration:none}

.t_box_l{ float:left; width:210px;}
.t_box_t{ height:36px; line-height:36px; font-size:12px; font-weight:bold; color:#fff;  background:#257DD5; padding-left:22px;}
.t_box_m{ background:#f9f9f9; border-bottom:1px solid #ddd; padding:0 10px;}


.t_cplist{ padding-top:3px; height:162px;}
.t_cplist .psas{ position:relative; z-index:100}
.t_cplist .psa{ display:block; overflow:hidden; height:38px; line-height:38px; font-size:12px;border-bottom:1px solid #D7D7D7; padding:0px 10px 0 8px; color:#666}
.t_cplist span{ color:#8DB6E6; font-family:Candara}
.t_cplist .psa:hover,.t_cplist .ns{ color:#c00; text-decoration:none;}
.t_cplist .nsa{ color:#257dd5}

.t_cplist .psb{ position:absolute; top:0; left:-9999em; width:190px; background:url(tb_bg.png)}
.t_cplist .shover .psb{left:190px;}
.t_cplist .shover .psa{background:url(tb_bg.png); color:#fff}
.t_cplist .shover .psa span{ color:#000}
.t_cplist .ps_t{ display:block; padding:0 8px; color:#fff; border-bottom:1px solid #D7D7D7; height:38px; line-height:38px; font-size:12px; overflow:hidden;}
.t_cplist .ps_t:hover{ background:#777; text-decoration:none; color:#00ff00}
.t_cplist .psc{ padding-left:30px;}
.t_cplist .psc a{ display:block; float:left; white-space:nowrap; width:260px; height:20px; line-height:20px; padding:0 5px; margin-bottom:5px;}

.t_contact{ height:165px; line-height:20px; font-size:10px; overflow:hidden;}
.banner{ float:right; width:865px; height:414px; overflow:hidden;}
/*顶部结束*/
#main_content{ padding:15px 0}
#side{ width:210px; float:left; overflow:hidden;}
#main{ float:right; width:865px;}
/*主框架结束*/

/*侧边栏*/
.sbox{overflow:hidden;}
.sbox_t{height:36px; background:#257DD5}
.sbox_t a,.sbox_t span{display:block; float:left; height:36px; line-height:36px; font-weight:bold; color:#fff; text-align:center; padding:0 20px;}
.sbox_t a:hover{ color:#000; text-decoration:none}
.sbox_m{ padding:10px; border:1px solid #ddd; background:#fff}

.c_list{ padding:10px 15px;}
.c_list .psa{ display:block; overflow:hidden; height:23px; line-height:23px; font-size:12px;border-bottom:1px solid #fff; padding:0px 10px 0 20px;background-position:5px 8px;}
.c_list .psa:hover,.c_list .nsa{ color:#f00;}
.c_list .psb{border-bottom:1px solid #d9d9d9; background:#f7f7f7}
.c_list .psb a{ display:block;height:25px; line-height:25px; overflow:hidden; background-position:24px -18px; padding-left:40px;}
.c_list .psb a:hover,.c_list .psb .ns{color:#c00; background-color:#f1f1f1}

.contact{ padding:10px;}

.n_piclist{}
.n_piclist .li{margin:0 0 5px 0;}
.n_piclist .rgt{ margin-right:0}
.n_piclist .pic{ border:1px solid #b08257; display:block;width:228px; height:104px;margin-bottom:5px;}
.n_piclist .pic img{width:228px; height:104px;}
.n_piclist .tt{ line-height:18px; height:18px; display:block; overflow:hidden;}

/*主体部分==========================================*/
#main_t{height:36px; background:#257DD5}
#main_t h2{ float:left; height:36px; line-height:36px; color:#fff; font-size:14px; padding:0 20px;}
#main_t .mapnav{ float:right; height:20px;line-height:20px; margin:6px 10px 0 0; color:#fff;}
#main_t .mapnav a{ color:#fff}

#main_c{ padding:10px;min-height:400px; height:auto; _height:400px; line-height:25px; background:#fff;}
#main_c p{ margin:10px 0}
#main_c hr{height:1px;border:none;border-top:1px solid #c6c6c6;}
.dynr{ padding:10px 20px;}

.line_sep{background: url(str_1.gif) bottom left repeat-x; padding:10px 0 20px; margin-bottom:10px;}
/*首页=================================*/
.cpbox{margin-bottom:15px;}
.cpbox_t{ height:40px; overflow:hidden;}
.cpbox_m{ height:200px;}
.cpbox_m .li{ float:left; text-align:left; width:210px; overflow:hidden; margin-right:10px;}
.cpbox_m .pic{ display:block; width:206px; height:117px; border:2px solid #69A9D6; margin-bottom:5px;}
.cpbox_m .pic:hover{ border:2px solid #3D92CE}
.cpbox_m .pic img{width:206px; height:117px;}
.cpbox_m .tt{ color:#464647; font-weight:bold; font-size:12px; height:22px; line-height:22px; overflow:hidden; display:block;}
.cpbox_m .nr{ height:36px; line-height:18px; overflow:hidden; font-size:11px; color:#616162}
.cpbox_m .more{ color:#161616; font-size:11px; height:16px; line-height:16px;}

.row{}
.row .col_1{ width:794px; float:left;}
.row .col_2{ width:274px; float:right;}

.i_news{ border:1px solid #EEECE0; padding:1px; background:#fff; width:790px; float:left; margin-bottom:15px;}
.i_news_t{ height:40px; background-color:#257DD5;}
.i_news_t strong{ display:block; float:left; text-transform:uppercase; height:40px; line-height:40px; font-size:12px; color:#fff;  background:#257DD5; padding-left:22px;}
.i_news_t .more{ float:right; margin:19px 14px 0 0; width:36px; height:5px; background:url(more.gif); overflow:hidden; text-indent:-9999em}
.i_news_m{ height:180px; padding:8px 0 0 8px;}
.i_news_m .pic{ display:block; float:left; width:240px; height:160px; padding:5px; border:1px solid #ddd; margin-right:15px;}
.i_news_m .pic:hover{ border:1px solid #666}
.i_news_m .pic img{ width:240px; height:160px;}
.news_r{ float:left; width:490px; padding-left:10px;}
.news_hot h2{ color:#20459E; font-size:16px; height:30px; line-height:30px; overflow:hidden; margin-bottom:5px;}
.news_hot .nr{ font-size:11px; color:#777; line-height:16px; height:32px; overflow:hidden; margin-bottom:5px;}
.news_li a{ display:block; height:25px; line-height:25px; overflow:hidden; font-size:11px; background-position:2px -46px; padding-left:20px;}


.box{ width:258px; float:left; margin-right:10px;}
.box_t{ height:40px; background:#fff; margin-bottom:7px; border:1px solid #EEECE0; padding:1px;}
.box_t a{ display:block; text-transform:uppercase; height:40px; line-height:40px; font-size:12px; font-weight:bold; color:#fff; background:#257DD5; padding-left:22px;}

.box_m{ height:215px; padding:10px 10px 0; border:2px solid #EDEDED; background:#fff}
.box_m .pic{ display:block;}
.box_m .nr{ line-height:18px; height:72px; overflow:hidden; color:#383838}
.box_m .more{ color:#2da0df}

.box2{ border:1px solid #EEECE0; padding:1px; background:#fff;}
.box2_t{ height:40px;}
.box2_t a{ display:block; text-transform:uppercase; height:40px; line-height:40px; font-size:12px; font-weight:bold; color:#fff;  background:#257DD5; padding-left:22px;}
.box2_m{ height:226px; padding-top:10px;}
.box2_m .pic{ display:block; border:1px solid #7b7b7b; margin-bottom:13px;}
.i_video{ height:232px; margin-bottom:15px; background:#ddd}

/*产品列表=================================*/

#proList .proItem{float:left; width:208px; height:282px; border:1px solid #ccc; margin:0 10px 13px 0; background:#fbfbfd}
#proList .pic{ width:180px; height:180px; margin:14px auto 0; border:1px solid #fff}
#proList .pic:hover{border:1px solid #666}
#proList .pic img{ width:180px; height:180px;}
#proList h2{font-size:12px; padding:0 14px; height:43px; line-height:43px; overflow:hidden; background:#e5e5e5}
#proList a{ color:#555; text-decoration:none;}
#proList h2 a:hover{ color:#880000}
#proList .vod{ display:block; float:left; background:url(vod_ico.jpg) no-repeat; width:55px; height:25px; text-indent:-999em;}
#proList .cpno{ float:right; color:#676767; font-weight:bold}
#proList .nr{ padding:8px 14px 0; height:25px; overflow:hidden;}


.cpside .proItem{width:208px; height:282px; border:1px solid #ccc; margin:0 0 13px 0; background:#fbfbfd}
.cpside .pic{ width:180px; height:180px; margin:14px auto 0; border:1px solid #fff}
.cpside .pic:hover{border:1px solid #666}
.cpside .pic img{ width:180px; height:180px;}
.cpside h2{font-size:12px; padding:0 14px; height:43px; line-height:43px; overflow:hidden; background:#e5e5e5}
.cpside a{ color:#555; text-decoration:none;}
.cpside h2 a:hover{ color:#880000}
.cpside .vod{ display:block; float:left; background:url(vod_ico.jpg) no-repeat; width:55px; height:25px; text-indent:-999em;}
.cpside .cpno{ float:right; color:#676767; font-weight:bold}
.cpside .nr{ padding:8px 14px 0; height:25px; overflow:hidden;}

/*产品详细页==============================*/
.cppic{ float:right; width:865px; height:414px; overflow:hidden;}
.cppic .mapnav{ height:36px; line-height:36px;}

.cpslt{ border:1px solid #ddd; float:right; width:219px; height:355px; overflow:hidden; padding:21px 0 0 19px; background:#f6f6f6 url(shop_view_bg.gif) no-repeat}
.cpslt a,.cpslt span{ display:block; float:left; width:86px; height:86px; overflow:hidden; border:4px solid #fff; margin:0 9px 20px 0}
.cpslt a:hover{ border:4px solid #44c1ed;}
.cpslt img{ width:86px; height:86px;}
.cpslt .package,.cpslt .vod{ width:94px; height:39px; margin:0; border:0; text-indent:-999em;}
.cpslt .package:hover,.cpslt .vod:hover{ border:0;}
.cpslt .package{ margin-bottom:14px;}
.cpshow{ border:1px solid #ddd; float:left; padding:5px; width:600px; height:366px; overflow:hidden; background:#fff;}
.NoVod{ height:366px; line-height:366px; text-align:center; font-size:30px;}

.cpleft{ width:210px; float:left; }
.cpmain{ width:825px; float:right; background:#fff; padding:20px;}
.cpright{ width:210px; float:left;}

.prodetail{ padding:10px; margin-bottom:10px;}

#prott{ font-size:12px;}

.protab_t{font-size:16px; line-height:20px; padding:10px 0; border-bottom:1px dashed #ddd; margin-bottom:10px;}

.proinfo .pic{ float:left; width:180px; height:180px; border:2px solid #ddd; margin-right:20px;}
.proinfo .col_2{ float:left; width:620px; overflow:hidden;}
.proinfo table{ height:182px;}
.proinfo table,.proinfo th,.proinfo td{ border:1px dotted #ddd; border-collapse:collapse; }
.proinfo th{ width:80px; text-align:left;padding:2px; font-weight:normal; border-width:0 1px 1px 0}
.proinfo td{ color:#333; width:220px;padding:2px; line-height:30px; border-width:0 1px 1px 0}
.proinfo tr:hover{ background:#f9f9f9}
/*图片栏目================================*/
#picList { padding-top:10px;}
#picList .li{ width:241px; padding:8px 12px 10px; float:left;}
#picList .li .pic{ display:block;width:239px; height:64px;border:1px solid #000;}
#picList .li img{width:239px; height:64px;}
#picList .li .ptt{ display:block; height:25px; line-height:25px; text-align:center;  color:#666;}

#pic_show .tt{ text-align:center; font-size:16px; padding-top:30px}
#pic_show .pic{ text-align:center; padding:20px 0; border-bottom:1px dotted #ccc}
#pic_show .nr{ padding:20px}

/*新闻栏目================================*/
#n_list{ padding:10px 20px}
#n_list li{ border-bottom:1px dashed #ddd; padding:0 0 20px 0; margin-bottom:20px;}
#n_list li .pic{ border:1px solid #ccc; width:135px; height:90px; float:left; padding:3px; background:#FFF; margin-right:10px;}
#n_list li .pic img{ width:135px; height:90px;}
#n_list li .tt{ line-height:20px; font-size:12px; font-weight:normal; display:block; float:left; width:520px;}
#n_list li .tt a{font-weight:bold;}
#n_list li .nr{ float:left;width:650px; line-height:20px; text-indent:2em;word-break:break-all}
#n_list li .more{color:#e44c0b}

/*新闻详细页==============================*/
#n_show{ padding:10px 10px;}
#n_show .tt{ font-size:18px; text-align:center; padding:20px 0 10px;}
#n_show .nr{ word-wrap: break-word; word-break: normal; padding:0 0px 10px; }
#n_show .nr img{border:1px solid #ddd;margin: 5px 0;padding: 5px;}
#n_show .pic{ text-align:center; border-bottom:1px dashed #ddd; padding:10px 0; margin-bottom:15px;}
#n_show .pic img{ border:2px solid #B47738}

/*视频栏目*/
#vod_list{}
#vod_list li{width:182px;padding:13px; border:1px solid #ccc; margin:0 0 13px 0; background:#fbfbfd}
#vod_list li .pic{ border:1px solid #ddd;width:180px; height:152px;}
#vod_list li .pic:hover{border:1px solid #333;}
#vod_list li .pic img{width:180px; height:152px;}
#vod_list li .tt{ margin-top:5px; height:20px; font-weight:normal; overflow:hidden; line-height:20px;font-size:12px;}
#vod_list li .tt a{color:#006699;}

#vod_show .tt{font-size:18px; text-align:center; color:#000;  border-bottom:1px solid #ddd; padding:20px}

.vodbox{ padding:15px;}
.vodbox .tt{ height:36px; line-height:36px; margin-bottom:10px; background:#257DD5; color:#fff; padding-left:15px; font-size:16px;}

/*留言反馈*/
.gbook th{ width:100px; text-align:right; color:#177acb; height:40px; padding-right:5px;}
.gbook .txt{ background:#ececec; border:1px solid #ececec; height:24px; line-height:24px; width:150px; padding:0 2px;}
.gbook .bzc{ background:#f1f1f1; border:1px solid #95c1e4;}
/*底部结束================================*/
.fnav{font-size:12px;text-align:center; color:#393939; height:30px; line-height:30px;}
.fnav a{ color:#191919; padding:0 10px;}


.link{ color:#308800; background:url(link.gif) no-repeat; height:50px; line-height:20px; overflow:hidden; margin-bottom:10px; padding:10px 10px 0}
.link_m{ height:40px; overflow:hidden; padding-left:90px; color:#979797}
.link_m a{color:#979797;}
.link_m a:hover{color:#f00;}

#footer_b{ background:#003998 url(f_body.gif) repeat-x}
#footer{}
.copyright{ float:left;line-height:24px; width:780px; padding:20px; color:#fff;}
#footer .logo{ float:right; margin:41px 30px 0 0}
/*其它*/
.infonav {border:1px solid #ddd; line-height:30px; margin-bottom:10px; text-align: center; background:#f8f8f8;}

.left{ float:left}.right{ float:right}
.mb10{ margin-bottom:10px;}
.mr0{ margin-right:0px;}
.bzc{ background:#f1f1f1; border:1px solid #b5705b; padding:1px;}
.red{ color:#F00}
.green{ color:#3ea705}

.noinfo{font-size:16px; color:#FF6600; padding:100px 40px; text-align:center; background:#fff;}

.pagenav{ height:20px; color:#333; line-height:20px; padding:10px; clear:both; background:#eee; text-align:right; margin:10px 0;}
.pagenav a{color: #333;}
.pagenav a,.pagenav span{padding:0 3px;}
.pagenav a:hover{ background:#f1f1f1;color: #222;}
.pagenav span.ns{ font-weight:bold;}

/*焦点图片*/
.img_nav{ position:relative; overflow:hidden;}
.img_nav img { border:0;}
.img_nav .list a{display:block;}
.link_nav {position: absolute; filter: alpha(opacity=50); width: 100%; bottom: 0px; background: #000; height: 32px; opacity: 0.5}
.link_nav a {position: absolute; line-height: 32px; color: #fff; left: 5px;}
.num_nav {position: absolute; bottom: 7px; right: 2px}
.num_nav span{text-align: center; line-height: 15px; width: 16px; background:#d9d8d8; float: left; height: 15px; color: #666; font-size:10px; cursor: pointer; margin-right: 4px; font-family:Arial, Helvetica, sans-serif}
.num_nav span.selected{background:#b10f15; color:#fff; width:20px;}

.cboxx{ margin:10px 0; padding-left:110px; width:137px; height:37px;}

.cboxx_m{ width:500px;}
.cboxx_m li{ float:left; height:25px; line-height:25px; white-space:nowrap; color:#666; border:1px solid #ddd; padding:0px 4px; margin:0 10px 5px 0;}
.cboxx_m li b{ display:block; float:left; margin-right:5px;}
.cboxx_m li span{ display:block; float:left; width:10px; height:10px; margin:7px 5px 0 0px; cursor:pointer; background:url(close.gif) no-repeat}
.cboxx_m li.ns{ color:#f00}


.rollBox{}
.rollBox .Cont{width:1090px; height:200px;overflow:hidden; float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox #List1,.rollBox #List2{float:left;}